mirror of
https://github.com/richard-loafle/fuse-angular.git
synced 2025-01-06 18:45:08 +00:00
Updated Angular to v17
Increased version number
This commit is contained in:
parent
c05f572e28
commit
7546b4ebd2
|
@ -90,10 +90,10 @@
|
|||
"builder": "@angular-devkit/build-angular:dev-server",
|
||||
"configurations": {
|
||||
"production": {
|
||||
"browserTarget": "fuse:build:production"
|
||||
"buildTarget": "fuse:build:production"
|
||||
},
|
||||
"development": {
|
||||
"browserTarget": "fuse:build:development"
|
||||
"buildTarget": "fuse:build:development"
|
||||
}
|
||||
},
|
||||
"defaultConfiguration": "development"
|
||||
|
@ -101,7 +101,7 @@
|
|||
"extract-i18n": {
|
||||
"builder": "@angular-devkit/build-angular:extract-i18n",
|
||||
"options": {
|
||||
"browserTarget": "fuse:build"
|
||||
"buildTarget": "fuse:build"
|
||||
}
|
||||
},
|
||||
"test": {
|
||||
|
|
48149
package-lock.json
generated
48149
package-lock.json
generated
File diff suppressed because it is too large
Load Diff
28
package.json
28
package.json
|
@ -1,6 +1,6 @@
|
|||
{
|
||||
"name": "fuse-angular",
|
||||
"version": "18.0.0",
|
||||
"version": "19.0.0",
|
||||
"description": "Fuse - Angular Admin Template and Starter Project",
|
||||
"author": "https://themeforest.net/user/srcn",
|
||||
"license": "https://themeforest.net/licenses/standard",
|
||||
|
@ -13,17 +13,17 @@
|
|||
"test": "ng test"
|
||||
},
|
||||
"dependencies": {
|
||||
"@angular/animations": "16.0.3",
|
||||
"@angular/animations": "17.0.3",
|
||||
"@angular/cdk": "16.0.2",
|
||||
"@angular/common": "16.0.3",
|
||||
"@angular/compiler": "16.0.3",
|
||||
"@angular/core": "16.0.3",
|
||||
"@angular/forms": "16.0.3",
|
||||
"@angular/common": "17.0.3",
|
||||
"@angular/compiler": "17.0.3",
|
||||
"@angular/core": "17.0.3",
|
||||
"@angular/forms": "17.0.3",
|
||||
"@angular/material": "16.0.2",
|
||||
"@angular/material-luxon-adapter": "16.0.2",
|
||||
"@angular/platform-browser": "16.0.3",
|
||||
"@angular/platform-browser-dynamic": "16.0.3",
|
||||
"@angular/router": "16.0.3",
|
||||
"@angular/platform-browser": "17.0.3",
|
||||
"@angular/platform-browser-dynamic": "17.0.3",
|
||||
"@angular/router": "17.0.3",
|
||||
"@ngneat/transloco": "4.2.7",
|
||||
"apexcharts": "3.40.0",
|
||||
"crypto-js": "3.3.0",
|
||||
|
@ -36,12 +36,12 @@
|
|||
"quill": "1.3.7",
|
||||
"rxjs": "7.8.1",
|
||||
"tslib": "2.5.2",
|
||||
"zone.js": "0.13.0"
|
||||
"zone.js": "0.14.2"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@angular-devkit/build-angular": "16.0.3",
|
||||
"@angular/cli": "16.0.3",
|
||||
"@angular/compiler-cli": "16.0.3",
|
||||
"@angular-devkit/build-angular": "17.0.1",
|
||||
"@angular/cli": "17.0.1",
|
||||
"@angular/compiler-cli": "17.0.3",
|
||||
"@tailwindcss/typography": "0.5.9",
|
||||
"@types/chroma-js": "2.4.0",
|
||||
"@types/crypto-js": "3.1.47",
|
||||
|
@ -61,6 +61,6 @@
|
|||
"lodash": "4.17.21",
|
||||
"postcss": "8.4.24",
|
||||
"tailwindcss": "3.3.2",
|
||||
"typescript": "5.0.4"
|
||||
"typescript": "5.2.2"
|
||||
}
|
||||
}
|
||||
|
|
|
@ -27,7 +27,7 @@
|
|||
{{user.name}}
|
||||
</div>
|
||||
<div class="w-full mt-0.5 whitespace-nowrap text-sm text-ellipsis overflow-hidden leading-normal text-current opacity-50">
|
||||
brian.hughes@company.com
|
||||
brian.hughes@company.com
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
@ -68,7 +68,7 @@
|
|||
<li>Do a project wide search for <code><languages></languages></code> and remove all instances</li>
|
||||
<li>Do a project wide search for <code>LanguageModule</code> and remove all imports</li>
|
||||
<li>Remove the <code>src/app/layout/common/language</code> directory</li>
|
||||
<li>Finally navigate to the <code>package.json</code> file, remove the <strong>"@ngneat/transloco"</strong> from dependencies list and run <code>npm install</code> command</li>
|
||||
<li>Finally navigate to the <code>package.json</code> file, remove the <strong>"@ngneat/transloco"</strong> from dependencies list and run <code>npm install</code> command</li>
|
||||
</ol>
|
||||
|
||||
</div>
|
||||
|
|
|
@ -98,7 +98,7 @@
|
|||
</mat-tree>
|
||||
</div>
|
||||
|
||||
<h2>@fuse/</h2>
|
||||
<h2>@fuse/</h2>
|
||||
<p>
|
||||
This is the core directory of the Fuse. It includes components, directives, services, pipes, custom validators, animations, base styles and much more.
|
||||
</p>
|
||||
|
|
|
@ -45,7 +45,7 @@
|
|||
<ul>
|
||||
<li>
|
||||
<p>
|
||||
Do <strong>NOT</strong> touch the <strong>@fuse</strong> folder unless you absolutely have to. Keeping that folder intact is the key to have easier
|
||||
Do <strong>NOT</strong> touch the <strong>@fuse</strong> folder unless you absolutely have to. Keeping that folder intact is the key to have easier
|
||||
upgrades.
|
||||
</p>
|
||||
</li>
|
||||
|
|
|
@ -30,7 +30,7 @@
|
|||
<div>2810 Country Club Road</div>
|
||||
<div>Cranford, NJ 07016</div>
|
||||
<div>+66 123 455 87</div>
|
||||
<div>hello@fuseinc.com</div>
|
||||
<div>hello@fuseinc.com</div>
|
||||
<div>www.fuseinc.com</div>
|
||||
</div>
|
||||
</div>
|
||||
|
@ -39,7 +39,7 @@
|
|||
<div class="text-md">
|
||||
<div class="text-xl font-medium">Brian Hughes</div>
|
||||
<div>9301 Wood Street Philadelphia, PA 19111</div>
|
||||
<div>hughes.brian@company.com</div>
|
||||
<div>hughes.brian@company.com</div>
|
||||
<div>+55 552 455 87</div>
|
||||
</div>
|
||||
|
||||
|
|
|
@ -21,7 +21,7 @@
|
|||
<div>2810 Country Club Road</div>
|
||||
<div>Cranford, NJ 07016</div>
|
||||
<div>+66 123 455 87</div>
|
||||
<div>hello@fuseinc.com</div>
|
||||
<div>hello@fuseinc.com</div>
|
||||
<div>www.fuseinc.com</div>
|
||||
</div>
|
||||
</div>
|
||||
|
@ -34,7 +34,7 @@
|
|||
<div>9301 Wood Street</div>
|
||||
<div>Philadelphia, PA 19111</div>
|
||||
<div>+55 552 455 87</div>
|
||||
<div>hughes.brian@company.com</div>
|
||||
<div>hughes.brian@company.com</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
@ -25,7 +25,7 @@
|
|||
|
||||
<p>
|
||||
Fuse provides set of ready-to-use animations for convenience. You can access them by importing the <code>FuseAnimations</code> and set it as the
|
||||
<em>animations</em> property of the <em>@Component</em> metadata.
|
||||
<em>animations</em> property of the <em>@Component</em> metadata.
|
||||
</p>
|
||||
|
||||
<h2>Module</h2>
|
||||
|
@ -61,16 +61,16 @@
|
|||
</p>
|
||||
<ol>
|
||||
<li>
|
||||
Adding <code>[@expandCollapse]="state"</code> to the element and toggling the <code>state</code>
|
||||
Adding <code>[@expandCollapse]="state"</code> to the element and toggling the <code>state</code>
|
||||
between the <code>'collapsed'</code> and <code>'expanded'</code> strings manually.
|
||||
</li>
|
||||
<li>
|
||||
Adding <code>@expandCollapse</code> to the element and using <code>*ngIf</code> to toggle the
|
||||
Adding <code>@expandCollapse</code> to the element and using <code>*ngIf</code> to toggle the
|
||||
element.
|
||||
</li>
|
||||
</ol>
|
||||
<p>
|
||||
The animation can be disabled by setting the state to <b>false</b>; <code>[@expandCollapse]="false"</code>
|
||||
The animation can be disabled by setting the state to <b>false</b>; <code>[@expandCollapse]="false"</code>
|
||||
</p>
|
||||
|
||||
<div class="example-viewer">
|
||||
|
@ -156,16 +156,16 @@
|
|||
</p>
|
||||
<ol>
|
||||
<li>
|
||||
Adding <code>[@shake]="state"</code> to the element and toggling the <code>state</code>
|
||||
Adding <code>[@shake]="state"</code> to the element and toggling the <code>state</code>
|
||||
between the <code>false</code> and <code>true</code> manually.
|
||||
</li>
|
||||
<li>
|
||||
Adding <code>@shake</code> to the element and using <code>*ngIf</code> to toggle the
|
||||
Adding <code>@shake</code> to the element and using <code>*ngIf</code> to toggle the
|
||||
element.
|
||||
</li>
|
||||
</ol>
|
||||
<p>
|
||||
The animation can be disabled by setting the state to <b>false</b>; <code>[@shake]="false"</code>
|
||||
The animation can be disabled by setting the state to <b>false</b>; <code>[@shake]="false"</code>
|
||||
</p>
|
||||
|
||||
<div class="example-viewer">
|
||||
|
@ -254,16 +254,16 @@
|
|||
</p>
|
||||
<ol>
|
||||
<li>
|
||||
Adding <code>[@fadeIn]="state"</code> to the element and toggling the <code>state</code>
|
||||
Adding <code>[@fadeIn]="state"</code> to the element and toggling the <code>state</code>
|
||||
between the <code>'void'</code> and <code>'*'</code> strings manually.
|
||||
</li>
|
||||
<li>
|
||||
Adding <code>@fadeIn</code> to the element and using <code>*ngIf</code> to toggle the
|
||||
Adding <code>@fadeIn</code> to the element and using <code>*ngIf</code> to toggle the
|
||||
element.
|
||||
</li>
|
||||
</ol>
|
||||
<p>
|
||||
The animation can be disabled by setting the state to <b>false</b>; <code>[@fadeIn]="false"</code>
|
||||
The animation can be disabled by setting the state to <b>false</b>; <code>[@fadeIn]="false"</code>
|
||||
</p>
|
||||
<mat-form-field [subscriptSizing]="'dynamic'">
|
||||
<mat-label>Direction</mat-label>
|
||||
|
@ -687,16 +687,16 @@
|
|||
</p>
|
||||
<ol>
|
||||
<li>
|
||||
Adding <code>[@fadeOut]="state"</code> to the element and toggling the <code>state</code>
|
||||
Adding <code>[@fadeOut]="state"</code> to the element and toggling the <code>state</code>
|
||||
between the <code>'void'</code> and <code>'*'</code> strings manually.
|
||||
</li>
|
||||
<li>
|
||||
Adding <code>@fadeOut</code> to the element and using <code>*ngIf</code> to toggle the
|
||||
Adding <code>@fadeOut</code> to the element and using <code>*ngIf</code> to toggle the
|
||||
element.
|
||||
</li>
|
||||
</ol>
|
||||
<p>
|
||||
The animation can be disabled by setting the state to <b>false</b>; <code>[@fadeOut]="false"</code>
|
||||
The animation can be disabled by setting the state to <b>false</b>; <code>[@fadeOut]="false"</code>
|
||||
</p>
|
||||
<mat-form-field [subscriptSizing]="'dynamic'">
|
||||
<mat-label>Direction</mat-label>
|
||||
|
@ -1120,16 +1120,16 @@
|
|||
</p>
|
||||
<ol>
|
||||
<li>
|
||||
Adding <code>[@slideIn]="state"</code> to the element and toggling the <code>state</code>
|
||||
Adding <code>[@slideIn]="state"</code> to the element and toggling the <code>state</code>
|
||||
between the <code>'void'</code> and <code>'*'</code> strings manually.
|
||||
</li>
|
||||
<li>
|
||||
Adding <code>@slideIn</code> to the element and using <code>*ngIf</code> to toggle the
|
||||
Adding <code>@slideIn</code> to the element and using <code>*ngIf</code> to toggle the
|
||||
element.
|
||||
</li>
|
||||
</ol>
|
||||
<p>
|
||||
The animation can be disabled by setting the state to <b>false</b>; <code>[@slideIn]="false"</code>
|
||||
The animation can be disabled by setting the state to <b>false</b>; <code>[@slideIn]="false"</code>
|
||||
</p>
|
||||
<mat-form-field [subscriptSizing]="'dynamic'">
|
||||
<mat-label>Direction</mat-label>
|
||||
|
@ -1472,16 +1472,16 @@
|
|||
</p>
|
||||
<ol>
|
||||
<li>
|
||||
Adding <code>[@slideOut]="state"</code> to the element and toggling the <code>state</code>
|
||||
Adding <code>[@slideOut]="state"</code> to the element and toggling the <code>state</code>
|
||||
between the <code>'void'</code> and <code>'*'</code> strings manually.
|
||||
</li>
|
||||
<li>
|
||||
Adding <code>@slideOut</code> to the element and using <code>*ngIf</code> to toggle the
|
||||
Adding <code>@slideOut</code> to the element and using <code>*ngIf</code> to toggle the
|
||||
element.
|
||||
</li>
|
||||
</ol>
|
||||
<p>
|
||||
The animation can be disabled by setting the state to <b>false</b>; <code>[@slideOut]="false"</code>
|
||||
The animation can be disabled by setting the state to <b>false</b>; <code>[@slideOut]="false"</code>
|
||||
</p>
|
||||
<mat-form-field [subscriptSizing]="'dynamic'">
|
||||
<mat-label>Direction</mat-label>
|
||||
|
@ -1824,16 +1824,16 @@
|
|||
</p>
|
||||
<ol>
|
||||
<li>
|
||||
Adding <code>[@zoomIn]="state"</code> to the element and toggling the <code>state</code>
|
||||
Adding <code>[@zoomIn]="state"</code> to the element and toggling the <code>state</code>
|
||||
between the <code>'void'</code> and <code>'*'</code> strings manually.
|
||||
</li>
|
||||
<li>
|
||||
Adding <code>@zoomIn</code> to the element and using <code>*ngIf</code> to toggle the
|
||||
Adding <code>@zoomIn</code> to the element and using <code>*ngIf</code> to toggle the
|
||||
element.
|
||||
</li>
|
||||
</ol>
|
||||
<p>
|
||||
The animation can be disabled by setting the state to <b>false</b>; <code>[@zoomIn]="false"</code>
|
||||
The animation can be disabled by setting the state to <b>false</b>; <code>[@zoomIn]="false"</code>
|
||||
</p>
|
||||
|
||||
<div class="example-viewer">
|
||||
|
@ -1922,16 +1922,16 @@
|
|||
</p>
|
||||
<ol>
|
||||
<li>
|
||||
Adding <code>[@zoomOut]="state"</code> to the element and toggling the <code>state</code>
|
||||
Adding <code>[@zoomOut]="state"</code> to the element and toggling the <code>state</code>
|
||||
between the <code>'void'</code> and <code>'*'</code> strings manually.
|
||||
</li>
|
||||
<li>
|
||||
Adding <code>@zoomOut</code> to the element and using <code>*ngIf</code> to toggle the
|
||||
Adding <code>@zoomOut</code> to the element and using <code>*ngIf</code> to toggle the
|
||||
element.
|
||||
</li>
|
||||
</ol>
|
||||
<p>
|
||||
The animation can be disabled by setting the state to <b>false</b>; <code>[@zoomOut]="false"</code>
|
||||
The animation can be disabled by setting the state to <b>false</b>; <code>[@zoomOut]="false"</code>
|
||||
</p>
|
||||
|
||||
<div class="example-viewer">
|
||||
|
|
|
@ -1720,7 +1720,7 @@
|
|||
<div class="flex flex-col">
|
||||
<div class="text-2xl font-semibold leading-tight">Brian Hughes</div>
|
||||
<div class="text-md leading-tight text-primary">Head of HR Department</div>
|
||||
<div class="text-md text-secondary mt-2">h.brian@company.com</div>
|
||||
<div class="text-md text-secondary mt-2">h.brian@company.com</div>
|
||||
</div>
|
||||
</fuse-card>
|
||||
|
||||
|
@ -1730,7 +1730,7 @@
|
|||
<div class="flex flex-col">
|
||||
<div class="text-2xl font-semibold leading-tight">Brian Hughes</div>
|
||||
<div class="text-md leading-tight text-primary">Head of HR Department</div>
|
||||
<div class="text-md text-secondary mt-2">h.brian@company.com</div>
|
||||
<div class="text-md text-secondary mt-2">h.brian@company.com</div>
|
||||
</div>
|
||||
<img
|
||||
class="w-16 h-16 ml-6 rounded-full"
|
||||
|
|
|
@ -66,7 +66,7 @@
|
|||
<tbody>
|
||||
<tr>
|
||||
<td class="font-mono text-md text-secondary">
|
||||
<div>@Input()</div>
|
||||
<div>@Input()</div>
|
||||
<div>name: string</div>
|
||||
</td>
|
||||
<td>
|
||||
|
@ -78,7 +78,7 @@
|
|||
</tr>
|
||||
<tr>
|
||||
<td class="font-mono text-md text-secondary">
|
||||
<div>@Input()</div>
|
||||
<div>@Input()</div>
|
||||
<div>appearance: FuseAlertAppearance</div>
|
||||
</td>
|
||||
<td>
|
||||
|
@ -90,7 +90,7 @@
|
|||
</tr>
|
||||
<tr>
|
||||
<td class="font-mono text-md text-secondary">
|
||||
<div>@Input()</div>
|
||||
<div>@Input()</div>
|
||||
<div>dismissed: boolean</div>
|
||||
</td>
|
||||
<td>
|
||||
|
@ -102,7 +102,7 @@
|
|||
</tr>
|
||||
<tr>
|
||||
<td class="font-mono text-md text-secondary">
|
||||
<div>@Input()</div>
|
||||
<div>@Input()</div>
|
||||
<div>dismissible: boolean</div>
|
||||
</td>
|
||||
<td>
|
||||
|
@ -114,7 +114,7 @@
|
|||
</tr>
|
||||
<tr>
|
||||
<td class="font-mono text-md text-secondary">
|
||||
<div>@Input()</div>
|
||||
<div>@Input()</div>
|
||||
<div>showIcon: boolean</div>
|
||||
</td>
|
||||
<td>
|
||||
|
@ -126,7 +126,7 @@
|
|||
</tr>
|
||||
<tr>
|
||||
<td class="font-mono text-md text-secondary">
|
||||
<div>@Input()</div>
|
||||
<div>@Input()</div>
|
||||
<div>type: FuseAlertType</div>
|
||||
</td>
|
||||
<td>
|
||||
|
@ -138,7 +138,7 @@
|
|||
</tr>
|
||||
<tr>
|
||||
<td class="font-mono text-md text-secondary">
|
||||
<div>@Output()</div>
|
||||
<div>@Output()</div>
|
||||
<div>afterDismissed: true</div>
|
||||
</td>
|
||||
<td>
|
||||
|
@ -150,7 +150,7 @@
|
|||
</tr>
|
||||
<tr>
|
||||
<td class="font-mono text-md text-secondary">
|
||||
<div>@Output()</div>
|
||||
<div>@Output()</div>
|
||||
<div>afterShown: true</div>
|
||||
</td>
|
||||
<td>
|
||||
|
|
|
@ -65,7 +65,7 @@
|
|||
<tbody>
|
||||
<tr>
|
||||
<td class="font-mono text-md text-secondary">
|
||||
<div>@Input()</div>
|
||||
<div>@Input()</div>
|
||||
<div>flippable: boolean</div>
|
||||
</td>
|
||||
<td>
|
||||
|
|
|
@ -92,7 +92,7 @@
|
|||
<tbody>
|
||||
<tr>
|
||||
<td class="font-mono text-md text-secondary">
|
||||
<div>@Input()</div>
|
||||
<div>@Input()</div>
|
||||
<div>fixed: boolean</div>
|
||||
</td>
|
||||
<td>
|
||||
|
@ -104,7 +104,7 @@
|
|||
</tr>
|
||||
<tr>
|
||||
<td class="font-mono text-md text-secondary">
|
||||
<div>@Input()</div>
|
||||
<div>@Input()</div>
|
||||
<div>mode: FuseDrawerMode</div>
|
||||
</td>
|
||||
<td>
|
||||
|
@ -118,7 +118,7 @@
|
|||
<tr>
|
||||
<td class="font-mono text-md text-secondary">
|
||||
<div class="mb-2"><code class="text-xs font-bold">REQUIRED</code></div>
|
||||
<div>@Input()</div>
|
||||
<div>@Input()</div>
|
||||
<div>name: string</div>
|
||||
</td>
|
||||
<td>
|
||||
|
@ -130,7 +130,7 @@
|
|||
</tr>
|
||||
<tr>
|
||||
<td class="font-mono text-md text-secondary">
|
||||
<div>@Input()</div>
|
||||
<div>@Input()</div>
|
||||
<div>opened: boolean</div>
|
||||
</td>
|
||||
<td>
|
||||
|
@ -142,7 +142,7 @@
|
|||
</tr>
|
||||
<tr>
|
||||
<td class="font-mono text-md text-secondary">
|
||||
<div>@Input()</div>
|
||||
<div>@Input()</div>
|
||||
<div>position: FuseDrawerPosition</div>
|
||||
</td>
|
||||
<td>
|
||||
|
@ -154,7 +154,7 @@
|
|||
</tr>
|
||||
<tr>
|
||||
<td class="font-mono text-md text-secondary">
|
||||
<div>@Input()</div>
|
||||
<div>@Input()</div>
|
||||
<div>transparentOverlay: boolean</div>
|
||||
</td>
|
||||
<td>
|
||||
|
@ -166,7 +166,7 @@
|
|||
</tr>
|
||||
<tr>
|
||||
<td class="font-mono text-md text-secondary">
|
||||
<div>@Output()</div>
|
||||
<div>@Output()</div>
|
||||
<div>modeChanged: FuseNavigationMode</div>
|
||||
</td>
|
||||
<td>
|
||||
|
@ -178,7 +178,7 @@
|
|||
</tr>
|
||||
<tr>
|
||||
<td class="font-mono text-md text-secondary">
|
||||
<div>@Output()</div>
|
||||
<div>@Output()</div>
|
||||
<div>openedChanged: boolean</div>
|
||||
</td>
|
||||
<td>
|
||||
|
@ -190,7 +190,7 @@
|
|||
</tr>
|
||||
<tr>
|
||||
<td class="font-mono text-md text-secondary">
|
||||
<div>@Output()</div>
|
||||
<div>@Output()</div>
|
||||
<div>positionChanged: FuseNavigationPosition</div>
|
||||
</td>
|
||||
<td>
|
||||
|
|
|
@ -76,7 +76,7 @@
|
|||
<tbody>
|
||||
<tr>
|
||||
<td class="font-mono text-md text-secondary">
|
||||
<div>@Input()</div>
|
||||
<div>@Input()</div>
|
||||
<div>iconTpl: TemplateRef<any></div>
|
||||
</td>
|
||||
<td>
|
||||
|
@ -88,7 +88,7 @@
|
|||
</tr>
|
||||
<tr>
|
||||
<td class="font-mono text-md text-secondary">
|
||||
<div>@Input()</div>
|
||||
<div>@Input()</div>
|
||||
<div>tooltip: string</div>
|
||||
</td>
|
||||
<td>
|
||||
|
|
|
@ -86,7 +86,7 @@
|
|||
<tbody>
|
||||
<tr>
|
||||
<td class="font-mono text-md text-secondary">
|
||||
<div>@Input()</div>
|
||||
<div>@Input()</div>
|
||||
<div>code: string</div>
|
||||
</td>
|
||||
<td>
|
||||
|
@ -98,7 +98,7 @@
|
|||
</tr>
|
||||
<tr>
|
||||
<td class="font-mono text-md text-secondary">
|
||||
<div>@Input()</div>
|
||||
<div>@Input()</div>
|
||||
<div>lang: string</div>
|
||||
</td>
|
||||
<td>
|
||||
|
|
|
@ -78,7 +78,7 @@
|
|||
<tbody>
|
||||
<tr>
|
||||
<td class="font-mono text-md text-secondary">
|
||||
<div>@Input()</div>
|
||||
<div>@Input()</div>
|
||||
<div>autoMode: boolean</div>
|
||||
</td>
|
||||
<td>
|
||||
|
|
|
@ -73,7 +73,7 @@
|
|||
<tbody>
|
||||
<tr>
|
||||
<td class="font-mono text-md text-secondary">
|
||||
<div>@Input()</div>
|
||||
<div>@Input()</div>
|
||||
<div>columnsTemplate: TemplateRef</div>
|
||||
</td>
|
||||
<td>
|
||||
|
@ -85,7 +85,7 @@
|
|||
</tr>
|
||||
<tr>
|
||||
<td class="font-mono text-md text-secondary">
|
||||
<div>@Input()</div>
|
||||
<div>@Input()</div>
|
||||
<div>columns: number</div>
|
||||
</td>
|
||||
<td>
|
||||
|
@ -97,7 +97,7 @@
|
|||
</tr>
|
||||
<tr>
|
||||
<td class="font-mono text-md text-secondary">
|
||||
<div>@Input()</div>
|
||||
<div>@Input()</div>
|
||||
<div>items: any[]</div>
|
||||
</td>
|
||||
<td>
|
||||
|
|
|
@ -378,7 +378,7 @@
|
|||
<tbody>
|
||||
<tr>
|
||||
<td class="font-mono text-md text-secondary">
|
||||
<div>@Input()</div>
|
||||
<div>@Input()</div>
|
||||
<div>appearance: FuseVerticalNavigationAppearance</div>
|
||||
</td>
|
||||
<td>
|
||||
|
@ -390,7 +390,7 @@
|
|||
</tr>
|
||||
<tr>
|
||||
<td class="font-mono text-md text-secondary">
|
||||
<div>@Input()</div>
|
||||
<div>@Input()</div>
|
||||
<div>autoCollapse: boolean</div>
|
||||
</td>
|
||||
<td>
|
||||
|
@ -402,7 +402,7 @@
|
|||
</tr>
|
||||
<tr>
|
||||
<td class="font-mono text-md text-secondary">
|
||||
<div>@Input()</div>
|
||||
<div>@Input()</div>
|
||||
<div>inner: boolean</div>
|
||||
</td>
|
||||
<td>
|
||||
|
@ -415,7 +415,7 @@
|
|||
</tr>
|
||||
<tr>
|
||||
<td class="font-mono text-md text-secondary">
|
||||
<div>@Input()</div>
|
||||
<div>@Input()</div>
|
||||
<div>mode: FuseVerticalNavigationMode</div>
|
||||
</td>
|
||||
<td>
|
||||
|
@ -429,7 +429,7 @@
|
|||
<tr>
|
||||
<td class="font-mono text-md text-secondary">
|
||||
<div class="mb-2"><code class="text-xs font-bold">REQUIRED</code></div>
|
||||
<div>@Input()</div>
|
||||
<div>@Input()</div>
|
||||
<div>name: string</div>
|
||||
</td>
|
||||
<td>
|
||||
|
@ -441,7 +441,7 @@
|
|||
</tr>
|
||||
<tr>
|
||||
<td class="font-mono text-md text-secondary">
|
||||
<div>@Input()</div>
|
||||
<div>@Input()</div>
|
||||
<div>navigation: FuseNavigationItem[]</div>
|
||||
</td>
|
||||
<td>
|
||||
|
@ -453,7 +453,7 @@
|
|||
</tr>
|
||||
<tr>
|
||||
<td class="font-mono text-md text-secondary">
|
||||
<div>@Input()</div>
|
||||
<div>@Input()</div>
|
||||
<div>opened: boolean</div>
|
||||
</td>
|
||||
<td>
|
||||
|
@ -465,7 +465,7 @@
|
|||
</tr>
|
||||
<tr>
|
||||
<td class="font-mono text-md text-secondary">
|
||||
<div>@Input()</div>
|
||||
<div>@Input()</div>
|
||||
<div>position: FuseVerticalNavigationPosition</div>
|
||||
</td>
|
||||
<td>
|
||||
|
@ -477,7 +477,7 @@
|
|||
</tr>
|
||||
<tr>
|
||||
<td class="font-mono text-md text-secondary">
|
||||
<div>@Input()</div>
|
||||
<div>@Input()</div>
|
||||
<div>transparentOverlay: boolean</div>
|
||||
</td>
|
||||
<td>
|
||||
|
@ -489,7 +489,7 @@
|
|||
</tr>
|
||||
<tr>
|
||||
<td class="font-mono text-md text-secondary">
|
||||
<div>@Output()</div>
|
||||
<div>@Output()</div>
|
||||
<div>appearanceChanged: FuseVerticalNavigationAppearance</div>
|
||||
</td>
|
||||
<td>
|
||||
|
@ -501,7 +501,7 @@
|
|||
</tr>
|
||||
<tr>
|
||||
<td class="font-mono text-md text-secondary">
|
||||
<div>@Output()</div>
|
||||
<div>@Output()</div>
|
||||
<div>modeChanged: FuseVerticalNavigationMode</div>
|
||||
</td>
|
||||
<td>
|
||||
|
@ -513,7 +513,7 @@
|
|||
</tr>
|
||||
<tr>
|
||||
<td class="font-mono text-md text-secondary">
|
||||
<div>@Output()</div>
|
||||
<div>@Output()</div>
|
||||
<div>openedChanged: boolean</div>
|
||||
</td>
|
||||
<td>
|
||||
|
@ -525,7 +525,7 @@
|
|||
</tr>
|
||||
<tr>
|
||||
<td class="font-mono text-md text-secondary">
|
||||
<div>@Output()</div>
|
||||
<div>@Output()</div>
|
||||
<div>positionChanged: FuseVerticalNavigationPosition</div>
|
||||
</td>
|
||||
<td>
|
||||
|
@ -674,7 +674,7 @@
|
|||
<tr>
|
||||
<td class="font-mono text-md text-secondary">
|
||||
<div class="mb-2"><code class="text-xs font-bold">REQUIRED</code></div>
|
||||
<div>@Input()</div>
|
||||
<div>@Input()</div>
|
||||
<div>name: string</div>
|
||||
</td>
|
||||
<td>
|
||||
|
@ -686,7 +686,7 @@
|
|||
</tr>
|
||||
<tr>
|
||||
<td class="font-mono text-md text-secondary">
|
||||
<div>@Input()</div>
|
||||
<div>@Input()</div>
|
||||
<div>navigation: FuseNavigationItem[]</div>
|
||||
</td>
|
||||
<td>
|
||||
|
|
|
@ -85,7 +85,7 @@
|
|||
<tbody>
|
||||
<tr>
|
||||
<td class="font-mono text-md text-secondary">
|
||||
<div>@Input()</div>
|
||||
<div>@Input()</div>
|
||||
<div>fuseScrollbar: boolean</div>
|
||||
</td>
|
||||
<td>
|
||||
|
@ -97,7 +97,7 @@
|
|||
</tr>
|
||||
<tr>
|
||||
<td class="font-mono text-md text-secondary">
|
||||
<div>@Input()</div>
|
||||
<div>@Input()</div>
|
||||
<div>fuseScrollbarOptions: any</div>
|
||||
</td>
|
||||
<td>
|
||||
|
@ -113,7 +113,7 @@
|
|||
|
||||
<h2>Methods</h2>
|
||||
<p>
|
||||
It's possible to access the methods of this directive using a <em>@ViewChild</em> or <em>@ViewChildren</em>:
|
||||
It's possible to access the methods of this directive using a <em>@ViewChild</em> or <em>@ViewChildren</em>:
|
||||
</p>
|
||||
<!-- @formatter:off -->
|
||||
<textarea
|
||||
|
|
|
@ -40,13 +40,13 @@
|
|||
|
||||
<p>
|
||||
Common components are custom made components that could require heavy modifications depending on the project. These components are mostly related with the layout
|
||||
therefore they are located in the <code>src/app/layout/common/</code> directory. You can modify them without touching the <code>@fuse</code> directory.
|
||||
therefore they are located in the <code>src/app/layout/common/</code> directory. You can modify them without touching the <code>@fuse</code> directory.
|
||||
</p>
|
||||
<fuse-alert
|
||||
[appearance]="'border'"
|
||||
[type]="'info'">
|
||||
These components are not very complex and they only provide some basic features. If you wish them to do more, you have to customize them, and that's exactly why
|
||||
they are not located in the <code>@fuse</code> directory like other components.
|
||||
they are not located in the <code>@fuse</code> directory like other components.
|
||||
</fuse-alert>
|
||||
<fuse-alert
|
||||
class="mt-4"
|
||||
|
|
|
@ -66,7 +66,7 @@
|
|||
<tbody>
|
||||
<tr>
|
||||
<td class="font-mono text-md text-secondary">
|
||||
<div>@Input()</div>
|
||||
<div>@Input()</div>
|
||||
<div>appearance: 'basic' | 'bar'</div>
|
||||
</td>
|
||||
<td>
|
||||
|
@ -79,7 +79,7 @@
|
|||
</tr>
|
||||
<tr>
|
||||
<td class="font-mono text-md text-secondary">
|
||||
<div>@Input()</div>
|
||||
<div>@Input()</div>
|
||||
<div>debounce: number</div>
|
||||
</td>
|
||||
<td>
|
||||
|
@ -91,7 +91,7 @@
|
|||
</tr>
|
||||
<tr>
|
||||
<td class="font-mono text-md text-secondary">
|
||||
<div>@Input()</div>
|
||||
<div>@Input()</div>
|
||||
<div>minLength: number</div>
|
||||
</td>
|
||||
<td>
|
||||
|
@ -103,7 +103,7 @@
|
|||
</tr>
|
||||
<tr>
|
||||
<td class="font-mono text-md text-secondary">
|
||||
<div>@Output()</div>
|
||||
<div>@Output()</div>
|
||||
<div>search: EventEmitter</div>
|
||||
</td>
|
||||
<td>
|
||||
|
|
|
@ -65,7 +65,7 @@
|
|||
<tbody>
|
||||
<tr>
|
||||
<td class="font-mono text-md text-secondary">
|
||||
<div>@Input()</div>
|
||||
<div>@Input()</div>
|
||||
<div>showAvatar: boolean</div>
|
||||
</td>
|
||||
<td>
|
||||
|
|
|
@ -241,7 +241,7 @@
|
|||
purge: [],
|
||||
theme: {{'{'}}
|
||||
extend: {{'{}'}},
|
||||
},
|
||||
{{'}'}},
|
||||
variants: {{'{}'}},
|
||||
plugins: [],
|
||||
{{'}'}}</code></pre>
|
||||
|
@ -399,7 +399,7 @@
|
|||
</p>
|
||||
<p>
|
||||
Accusantium aliquid eligendi est fuga natus, <code>quos</code> vel? Adipisci aperiam asperiores aspernatur consectetur cupiditate
|
||||
<a [routerLink]="['.']"><code>@distinctio/doloribus</code></a>
|
||||
<a [routerLink]="['.']"><code>@distinctio/doloribus</code></a>
|
||||
et exercitationem expedita, facere facilis illum, impedit inventore
|
||||
ipsa iure iusto magnam, magni minus nesciunt non officia possimus quod reiciendis.
|
||||
</p>
|
||||
|
|
Loading…
Reference in New Issue
Block a user