From 9544d25981f49b0bed5ed137f2cca8d10abbeaff Mon Sep 17 00:00:00 2001 From: onlyexeption Date: Tue, 23 Jun 2026 19:02:46 +0300 Subject: [PATCH 01/35] fix(chip-variants): prevent layout jump on chip selection --- .../chip/chip-variants/chip-variants.component.scss | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/src/app/data-display/chip/chip-variants/chip-variants.component.scss b/src/app/data-display/chip/chip-variants/chip-variants.component.scss index 3a4043d65..fce0b6a0d 100644 --- a/src/app/data-display/chip/chip-variants/chip-variants.component.scss +++ b/src/app/data-display/chip/chip-variants/chip-variants.component.scss @@ -1,8 +1,8 @@ -igx-chip { - margin-right: 5px; -} - .sample-container { + display: flex; + flex-wrap: wrap; + align-items: center; + gap: 5px; padding-top: 15px; padding-left: 10px; } From 08193c318faad35056005074188b2070f1ddd528 Mon Sep 17 00:00:00 2001 From: Stamen Stoychev Date: Mon, 29 Jun 2026 14:48:52 +0300 Subject: [PATCH 02/35] fix(*): applying relevant migrations for 22 --- src/app/theming/styles/dark-theme.scss | 4 ++-- src/app/theming/styles/themes.scss | 6 +++--- 2 files changed, 5 insertions(+), 5 deletions(-) diff --git a/src/app/theming/styles/dark-theme.scss b/src/app/theming/styles/dark-theme.scss index db22c73dd..0464750d5 100644 --- a/src/app/theming/styles/dark-theme.scss +++ b/src/app/theming/styles/dark-theme.scss @@ -57,8 +57,8 @@ $header-border-color: color($dark-theme-palette, "primary", 600) // Define dark theme for the paginator $dark-paginator-theme: paginator-theme( - $text-color: color($dark-theme-palette, "secondary", 700), - $background-color: color($dark-theme-palette, "primary", 500), + $foreground: color($dark-theme-palette, "secondary", 700), + $background: color($dark-theme-palette, "primary", 500), $border-color: color($dark-theme-palette, "secondary", 500) ); diff --git a/src/app/theming/styles/themes.scss b/src/app/theming/styles/themes.scss index 7c2f28d15..9ab35163a 100644 --- a/src/app/theming/styles/themes.scss +++ b/src/app/theming/styles/themes.scss @@ -203,14 +203,14 @@ $black-grid-theme: grid-theme( // Define light theme for the paginator $light-paginator-theme: paginator-theme( - $background-color:color($light-theme-palette, "primary", 100), + $background:color($light-theme-palette, "primary", 100), $border-color: color($light-theme-palette, "secondary", 500) ); // Define dark theme for the paginator $dark-paginator-theme: paginator-theme( - $text-color: color($dark-theme-palette, "secondary", 700), - $background-color:color($dark-theme-palette, "primary", 500), + $foreground: color($dark-theme-palette, "secondary", 700), + $background:color($dark-theme-palette, "primary", 500), $border-color: color($dark-theme-palette, "secondary", 500) ); From cafb88af944f96620948d1c6c5b9ce154bd0dd6b Mon Sep 17 00:00:00 2001 From: Adrian Petrov Date: Wed, 1 Jul 2026 16:05:45 +0300 Subject: [PATCH 03/35] feat(pivot-grid): add styling sample --- .../configs/PivotGridConfigGenerator.ts | 6 +++ src/app/pivot-grid/pivot-grid-routes-data.ts | 1 + src/app/pivot-grid/pivot-grids.routes.ts | 8 +++- src/app/pivot-grid/pivot-styling/layout.scss | 4 ++ .../pivot-styling.component.html | 2 + .../pivot-styling.component.scss | 16 +++++++ .../pivot-styling/pivot-styling.component.ts | 45 +++++++++++++++++++ 7 files changed, 81 insertions(+), 1 deletion(-) create mode 100644 src/app/pivot-grid/pivot-styling/layout.scss create mode 100644 src/app/pivot-grid/pivot-styling/pivot-styling.component.html create mode 100644 src/app/pivot-grid/pivot-styling/pivot-styling.component.scss create mode 100644 src/app/pivot-grid/pivot-styling/pivot-styling.component.ts diff --git a/live-editing/configs/PivotGridConfigGenerator.ts b/live-editing/configs/PivotGridConfigGenerator.ts index e2ed82c71..7f7fb25e2 100644 --- a/live-editing/configs/PivotGridConfigGenerator.ts +++ b/live-editing/configs/PivotGridConfigGenerator.ts @@ -82,6 +82,12 @@ export class PivotGridConfigGenerator implements IConfigGenerator { component: 'PivotGridLayoutComponent' })); + configs.push(new Config({ + additionalFiles: ['/src/app/directives/prevent-scroll.directive.ts', '/src/app/data/dataToAnalyze.ts'], + appConfig: BaseAppConfig, + component: 'PivotStylingComponent' + })); + return configs; } } diff --git a/src/app/pivot-grid/pivot-grid-routes-data.ts b/src/app/pivot-grid/pivot-grid-routes-data.ts index 51e0139d4..6065e0712 100644 --- a/src/app/pivot-grid/pivot-grid-routes-data.ts +++ b/src/app/pivot-grid/pivot-grid-routes-data.ts @@ -6,6 +6,7 @@ export const pivotGridsRoutesData = { 'pivot-grid-export': { displayName: 'Pivot Grid Export', parentName: 'Pivot Grid' }, 'pivot-grid-features': { displayName: 'Pivot Grid With Features', parentName: 'Pivot Grid' }, 'pivot-grid-state-persistence': { displayName: 'Pivot Grid With State Persistence', parentName: 'Pivot Grid' }, + 'pivot-grid-styling': { displayName: 'Pivot Grid Styling', parentName: 'Pivot Grid' }, 'pivot-grid-noop-persistence': { displayName: 'Pivot Noop Grid with State Persistence', parentName: 'Pivot Grid' }, 'pivot-grid-about': { displayName: 'Pivot Grid About', parentName: 'Pivot Grid' }, 'pivot-grid-layout': { displayName: 'Pivot Grid Layout', parentName: 'Pivot Grid' } diff --git a/src/app/pivot-grid/pivot-grids.routes.ts b/src/app/pivot-grid/pivot-grids.routes.ts index 13dfb2b0b..f40be47cc 100644 --- a/src/app/pivot-grid/pivot-grids.routes.ts +++ b/src/app/pivot-grid/pivot-grids.routes.ts @@ -10,6 +10,7 @@ import { pivotGridsRoutesData } from './pivot-grid-routes-data'; import { PivotGridAboutComponent } from './pivot-state-persistence/about.component'; import { PivotGridStatePersistenceSampleComponent } from './pivot-state-persistence/pivot-grid-state-persistence-sample.component'; import { PivotGridLayoutComponent } from './pivot-layout/pivot-layout.component' +import { PivotStylingComponent } from './pivot-styling/pivot-styling.component'; // tslint:enable:max-line-length export const PivotGridsRoutes: Routes = [ @@ -51,11 +52,16 @@ export const PivotGridsRoutes: Routes = [ { component: PivotGridAboutComponent, data: pivotGridsRoutesData['pivot-grid-about'], - path: 'pivot-state-about' + path: 'pivot-grid-about' }, { component: PivotGridLayoutComponent, data: pivotGridsRoutesData['pivot-grid-features'], path: 'pivot-grid-layout' + }, + { + component: PivotStylingComponent, + data: pivotGridsRoutesData['pivot-grid-styling'], + path: 'pivot-grid-styling' } ]; diff --git a/src/app/pivot-grid/pivot-styling/layout.scss b/src/app/pivot-grid/pivot-styling/layout.scss new file mode 100644 index 000000000..5ea6cde80 --- /dev/null +++ b/src/app/pivot-grid/pivot-styling/layout.scss @@ -0,0 +1,4 @@ +:host { + display: block; + padding: 8px; +} \ No newline at end of file diff --git a/src/app/pivot-grid/pivot-styling/pivot-styling.component.html b/src/app/pivot-grid/pivot-styling/pivot-styling.component.html new file mode 100644 index 000000000..08df70c02 --- /dev/null +++ b/src/app/pivot-grid/pivot-styling/pivot-styling.component.html @@ -0,0 +1,2 @@ + + \ No newline at end of file diff --git a/src/app/pivot-grid/pivot-styling/pivot-styling.component.scss b/src/app/pivot-grid/pivot-styling/pivot-styling.component.scss new file mode 100644 index 000000000..238acf973 --- /dev/null +++ b/src/app/pivot-grid/pivot-styling/pivot-styling.component.scss @@ -0,0 +1,16 @@ +@use "layout.scss"; +@use "igniteui-angular/theming" as *; + +$background: #292826; +$foreground: #eeece1; +$accent: #ffcd0f; + +$custom-grid: grid-theme( + $background: $background, + $foreground: $foreground, + $accent-color: $accent, +); + +igx-pivot-grid { + @include tokens($custom-grid); +} diff --git a/src/app/pivot-grid/pivot-styling/pivot-styling.component.ts b/src/app/pivot-grid/pivot-styling/pivot-styling.component.ts new file mode 100644 index 000000000..b85a70c4f --- /dev/null +++ b/src/app/pivot-grid/pivot-styling/pivot-styling.component.ts @@ -0,0 +1,45 @@ +import { Component, ChangeDetectionStrategy } from "@angular/core"; +import { DATA } from '../../data/pivot-data'; + +import { IPivotConfiguration, IgxPivotNumericAggregate } from 'igniteui-angular/grids/core'; +import { IgxPivotGridComponent } from 'igniteui-angular/grids/pivot-grid'; + +@Component({ + selector: 'app-pivot-styling', + styleUrls: ['./pivot-styling.component.scss'], + templateUrl: './pivot-styling.component.html', + changeDetection: ChangeDetectionStrategy.Eager, + imports: [IgxPivotGridComponent] +}) + +export class PivotStylingComponent { + public data = DATA; + public pivotConfigHierarchy: IPivotConfiguration = { + columns: [ + { + memberName: 'Product', + memberFunction: (data) => data.Product.Name, + enabled: true + } + ], + rows: [ + { + memberName: 'Seller', + memberFunction: (data) => data.Seller.Name, + enabled: true + } + ], + values: [ + { + member: 'NumberOfUnits', + aggregate: { + aggregator: IgxPivotNumericAggregate.sum, + key: 'sum', + label: 'Sum' + }, + enabled: true + } + ], + filters: null + }; +} From daa56cb795ebf7e5489264bac622192b259b6071 Mon Sep 17 00:00:00 2001 From: Adrian Petrov Date: Tue, 7 Jul 2026 13:26:06 +0300 Subject: [PATCH 04/35] feat(bootstrap-sample): fix invisible content --- .../theming/bootstrap/bootstrap-sample.component.scss | 9 ++++++--- 1 file changed, 6 insertions(+), 3 deletions(-) diff --git a/src/app/theming/bootstrap/bootstrap-sample.component.scss b/src/app/theming/bootstrap/bootstrap-sample.component.scss index a361dba19..93508a365 100644 --- a/src/app/theming/bootstrap/bootstrap-sample.component.scss +++ b/src/app/theming/bootstrap/bootstrap-sample.component.scss @@ -17,9 +17,8 @@ $custom-dark-palette: palette( $dark-primary: color($custom-dark-palette, "primary"); $dark-secondary: color($custom-dark-palette, "secondary"); -.d-flex.align-items-center { - width: 100%; - padding: 0 16px; +.d-flex { + align-items: center; } .card-wrapper { @@ -164,4 +163,8 @@ $dark-secondary: color($custom-dark-palette, "secondary"); ::ng-deep{ /* Importing Bootstrap .scss file. */ @import "bootstrap/scss/bootstrap"; + + .collapse { + visibility: visible; + } } From 3141d6aaaa22191277751800453b7588fd5aa14f Mon Sep 17 00:00:00 2001 From: Bozhidara Pachilova Date: Tue, 7 Jul 2026 17:28:24 +0300 Subject: [PATCH 05/35] fix(grids): use forwardRef for validator directives --- .../grid-validator-service-extended.component.ts | 4 ++-- .../hierarchical-grid-validator-service-extended.component.ts | 4 ++-- .../tree-grid-validator-service-extended.component.ts | 4 ++-- 3 files changed, 6 insertions(+), 6 deletions(-) diff --git a/src/app/grid/grid-validator-service-extended/grid-validator-service-extended.component.ts b/src/app/grid/grid-validator-service-extended/grid-validator-service-extended.component.ts index 8d1616c35..0c09cc2b6 100644 --- a/src/app/grid/grid-validator-service-extended/grid-validator-service-extended.component.ts +++ b/src/app/grid/grid-validator-service-extended/grid-validator-service-extended.component.ts @@ -1,4 +1,4 @@ -import { Component, Directive, Input, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, Directive, Input, ViewChild, ChangeDetectionStrategy, forwardRef } from '@angular/core'; import { AbstractControl, FormGroup, NG_VALIDATORS, ValidationErrors, ValidatorFn, Validators } from '@angular/forms'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IGridFormGroupCreatedEventArgs, IgxCellTemplateDirective, IgxCellValidationErrorDirective, IgxColumnComponent, IgxColumnEmailValidatorDirective, IgxColumnMinValidatorDirective, IgxColumnRequiredValidatorDirective } from 'igniteui-angular/grids/core'; @@ -16,7 +16,7 @@ export function phoneFormatValidator(phoneReg: RegExp): ValidatorFn { @Directive({ selector: '[phoneFormat]', - providers: [{ provide: NG_VALIDATORS, useExisting: PhoneFormatDirective, multi: true }] + providers: [{ provide: NG_VALIDATORS, useExisting: forwardRef(() => PhoneFormatDirective), multi: true }] }) export class PhoneFormatDirective extends Validators { @Input('phoneFormat') diff --git a/src/app/hierarchical-grid/hierarchical-grid-validator-service-extended/hierarchical-grid-validator-service-extended.component.ts b/src/app/hierarchical-grid/hierarchical-grid-validator-service-extended/hierarchical-grid-validator-service-extended.component.ts index 5458cc7a1..490a8bbac 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-validator-service-extended/hierarchical-grid-validator-service-extended.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-validator-service-extended/hierarchical-grid-validator-service-extended.component.ts @@ -1,4 +1,4 @@ -import { Component, Directive, Input, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, Directive, Input, ViewChild, ChangeDetectionStrategy, forwardRef } from '@angular/core'; import { AbstractControl, NG_VALIDATORS, ValidationErrors, ValidatorFn, Validators } from '@angular/forms'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IGridFormGroupCreatedEventArgs, IgxCellValidationErrorDirective, IgxColumnComponent, IgxColumnRequiredValidatorDirective, IgxGridToolbarComponent, IgxGridToolbarDirective } from 'igniteui-angular/grids/core'; @@ -15,7 +15,7 @@ export function phoneFormatValidator(phoneReg: RegExp): ValidatorFn { @Directive({ selector: '[phoneFormat]', - providers: [{ provide: NG_VALIDATORS, useExisting: HGridPhoneFormatDirective, multi: true }] + providers: [{ provide: NG_VALIDATORS, useExisting: forwardRef(() => HGridPhoneFormatDirective), multi: true }] }) export class HGridPhoneFormatDirective extends Validators { @Input('phoneFormat') diff --git a/src/app/tree-grid/tree-grid-validator-service-extended/tree-grid-validator-service-extended.component.ts b/src/app/tree-grid/tree-grid-validator-service-extended/tree-grid-validator-service-extended.component.ts index a3c07b828..425cc4894 100644 --- a/src/app/tree-grid/tree-grid-validator-service-extended/tree-grid-validator-service-extended.component.ts +++ b/src/app/tree-grid/tree-grid-validator-service-extended/tree-grid-validator-service-extended.component.ts @@ -1,5 +1,5 @@ /* eslint-disable @typescript-eslint/naming-convention */ -import { Component, Directive, Input, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, Directive, Input, OnInit, ViewChild, ChangeDetectionStrategy, forwardRef } from '@angular/core'; import { AbstractControl, FormGroup, NG_VALIDATORS, ValidationErrors, ValidatorFn, Validators } from '@angular/forms'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IGridFormGroupCreatedEventArgs, IgxCellValidationErrorDirective, IgxColumnComponent, IgxColumnMaxValidatorDirective, IgxColumnMinValidatorDirective, IgxColumnRequiredValidatorDirective } from 'igniteui-angular/grids/core'; @@ -17,7 +17,7 @@ export function phoneFormatValidator(phoneReg: RegExp): ValidatorFn { @Directive({ selector: '[phoneFormat]', - providers: [{ provide: NG_VALIDATORS, useExisting: TGridPhoneFormatDirective, multi: true }] + providers: [{ provide: NG_VALIDATORS, useExisting: forwardRef(() => TGridPhoneFormatDirective), multi: true }] }) export class TGridPhoneFormatDirective extends Validators { @Input('phoneFormat') From 5a53e2c62e8dd44d8a2d5c5a0f5c681a21589b45 Mon Sep 17 00:00:00 2001 From: Viktor Kombov Date: Fri, 24 Jul 2026 17:14:55 +0300 Subject: [PATCH 06/35] cUpdate igniteui-angular and related packages to 22.1.0-alpha.0 --- package-lock.json | 84 +++++++++++++---------------------------------- package.json | 10 +++--- 2 files changed, 27 insertions(+), 67 deletions(-) diff --git a/package-lock.json b/package-lock.json index 177541bf8..c22ef40b8 100644 --- a/package-lock.json +++ b/package-lock.json @@ -36,13 +36,13 @@ "file-saver": "^2.0.2", "fuse.js": "^7.1.0", "hammerjs": "^2.0.8", - "igniteui-angular": "^22.0.0", + "igniteui-angular": "22.1.0-alpha.0", "igniteui-angular-charts": "^22.0.0", "igniteui-angular-core": "^22.0.0", - "igniteui-angular-extras": "^22.0.0", - "igniteui-angular-i18n": "^22.0.0", + "igniteui-angular-extras": "22.1.0-alpha.0", + "igniteui-angular-i18n": "22.1.0-alpha.0", "igniteui-dockmanager": "^1.17.0", - "igniteui-grid-lite": "^0.7.1", + "igniteui-grid-lite": "0.9.0", "igniteui-i18n-resources": "^1.0.4", "igniteui-live-editing": "^3.5.1", "igniteui-webcomponents": "^7.2.1", @@ -10493,15 +10493,15 @@ "license": "BSD-3-Clause" }, "node_modules/igniteui-angular": { - "version": "22.0.0", - "resolved": "https://registry.npmjs.org/igniteui-angular/-/igniteui-angular-22.0.0.tgz", - "integrity": "sha512-E9/AzWNbqs/bwrHCg91jL3qu58IkUYJ7CP/OZQG09aj/FZLBOxeB+3FnpztReyieG4xUOIj9AUGpPkZRmwgo/Q==", + "version": "22.1.0-alpha.0", + "resolved": "https://registry.npmjs.org/igniteui-angular/-/igniteui-angular-22.1.0-alpha.0.tgz", + "integrity": "sha512-x9F/H3I82o9x3onYszElXF6oC7k4maXiSCUiFGFr6fBUVNN8acvt/kfMDetaixf8j59Ur7wMCI2xnuX3AVOLaA==", "license": "SEE LICENSE IN LICENSE", "dependencies": { "@igniteui/material-icons-extended": "^3.1.0", "fflate": "^0.8.2", "igniteui-i18n-core": "^1.0.5", - "igniteui-theming": "^27.3.0", + "igniteui-theming": "^27.4.0", "igniteui-trial-watermark": "^3.1.0", "jspdf": "^4.2.1", "lodash-es": "^4.17.21", @@ -10514,7 +10514,7 @@ "@angular/forms": "22", "@types/hammerjs": "^2.0.46", "hammerjs": "^2.0.8", - "igniteui-grid-lite": "~0.7.1", + "igniteui-grid-lite": "~0.9.0", "igniteui-webcomponents": "^7.2.1" }, "peerDependenciesMeta": { @@ -10562,9 +10562,9 @@ } }, "node_modules/igniteui-angular-extras": { - "version": "22.0.0", - "resolved": "https://registry.npmjs.org/igniteui-angular-extras/-/igniteui-angular-extras-22.0.0.tgz", - "integrity": "sha512-P2unrI2aNT5gMEWElSD/K5ZVZd7H46lmX1B+m8iK+t8k8sNx5F+dvBQkXUExdLPdtRtObXxhHVrh7QGUeBm6Xw==", + "version": "22.1.0-alpha.0", + "resolved": "https://registry.npmjs.org/igniteui-angular-extras/-/igniteui-angular-extras-22.1.0-alpha.0.tgz", + "integrity": "sha512-/pNo+e+td9FnMlMzqECKvOiGt4IPDBAAtWOrNMHrKH8cVbryTsEpl+i2p++tj4jheliluMQXIA/NFCEN+r3RrQ==", "license": "SEE LICENSE IN LICENSE", "dependencies": { "igniteui-trial-watermark": "^3.1.0", @@ -10579,9 +10579,9 @@ } }, "node_modules/igniteui-angular-i18n": { - "version": "22.0.0", - "resolved": "https://registry.npmjs.org/igniteui-angular-i18n/-/igniteui-angular-i18n-22.0.0.tgz", - "integrity": "sha512-S4mlSwdHsqPR5cSgpE9vZbqGP97jSna4NzOyF7VMUznWnE9Xp08UjeLefJGP3n71ALalCM4Waxivnk+kGW6mNQ==", + "version": "22.1.0-alpha.0", + "resolved": "https://registry.npmjs.org/igniteui-angular-i18n/-/igniteui-angular-i18n-22.1.0-alpha.0.tgz", + "integrity": "sha512-M2dv5XJb/DbT4HzYF07n9WrjDEbSWcimNxE8A6L3KWBzebuahmQ3wzvmps3gd1YABJWD2+gV8QSYYvXA0P7Atg==", "license": "MIT", "dependencies": { "igniteui-i18n-core": "^1.0.2", @@ -10604,58 +10604,18 @@ "license": "Apache-2.0" }, "node_modules/igniteui-grid-lite": { - "version": "0.7.1", - "resolved": "https://registry.npmjs.org/igniteui-grid-lite/-/igniteui-grid-lite-0.7.1.tgz", - "integrity": "sha512-CUKa9/U5Tn1DDxPMoHPP5RRbTlA/KqiSaHGDaMrrGNRBFbLQAZJnKNR3mlTgHeIk0rWjL6Wyc2bZgjpTWRQxIQ==", + "version": "0.9.0", + "resolved": "https://registry.npmjs.org/igniteui-grid-lite/-/igniteui-grid-lite-0.9.0.tgz", + "integrity": "sha512-pW6MPniC0Up5YmbdB2QVTpPdIp0lkapPfQbnQQmqhtrvGO8Cpf84FQf1s7uMxatCC6FV5w7fgGpriy3t88yNng==", "license": "MIT", "dependencies": { "@lit-labs/virtualizer": "~2.1.0", "@lit/context": "~1.1.5", - "igniteui-webcomponents": "~7.1.0", - "lit": "^3.3.0" - }, - "engines": { - "node": ">=20" - } - }, - "node_modules/igniteui-grid-lite/node_modules/igniteui-webcomponents": { - "version": "7.1.3", - "resolved": "https://registry.npmjs.org/igniteui-webcomponents/-/igniteui-webcomponents-7.1.3.tgz", - "integrity": "sha512-iG4xBzooIOxtnAG8VIg39zKVWoo9jy2iEK3CDLGZYb9hU1LZx+4SAOPFkB9FSp15dgR4ql6kGKYf93T8oK0sdw==", - "license": "MIT", - "dependencies": { - "@floating-ui/dom": "^1.7.0", - "@lit-labs/virtualizer": "^2.1.0", - "@lit/context": "^1.1.0", - "igniteui-i18n-core": "^1.0.1", + "igniteui-webcomponents": "~7.2.0", "lit": "^3.3.0" }, "engines": { "node": ">=22" - }, - "peerDependencies": { - "dompurify": "^3.3.0", - "igniteui-i18n-resources": "^1.0.1", - "marked": "^17.0.0", - "marked-shiki": "^1.2.0", - "shiki": "^3.20.0" - }, - "peerDependenciesMeta": { - "dompurify": { - "optional": true - }, - "igniteui-i18n-resources": { - "optional": true - }, - "marked": { - "optional": true - }, - "marked-shiki": { - "optional": true - }, - "shiki": { - "optional": true - } } }, "node_modules/igniteui-i18n-core": { @@ -10688,9 +10648,9 @@ "license": "MIT" }, "node_modules/igniteui-theming": { - "version": "27.3.0", - "resolved": "https://registry.npmjs.org/igniteui-theming/-/igniteui-theming-27.3.0.tgz", - "integrity": "sha512-9xpPZkMUBSBzA1KzBoXurx61RoaUKW7p/H6CWks+Nh8SehsvAj2j4DSQlT0IR6bb41kRICYVNuyTqMicqLmaLA==", + "version": "27.4.0", + "resolved": "https://registry.npmjs.org/igniteui-theming/-/igniteui-theming-27.4.0.tgz", + "integrity": "sha512-0lxn6jDcPKdEtewxx/q+F0MBGhlfXCx1nzfFRS55GmfcYAexNwAjfjS2MlE+Tc/aN33spDA9GkP6cQNI2s+BdA==", "license": "MIT", "dependencies": { "@modelcontextprotocol/sdk": "^1.28.0", diff --git a/package.json b/package.json index 734b5d56e..a10bc84a2 100644 --- a/package.json +++ b/package.json @@ -73,13 +73,13 @@ "file-saver": "^2.0.2", "fuse.js": "^7.1.0", "hammerjs": "^2.0.8", - "igniteui-angular": "^22.0.0", + "igniteui-angular": "22.1.0-alpha.0", "igniteui-angular-charts": "^22.0.0", "igniteui-angular-core": "^22.0.0", - "igniteui-angular-extras": "^22.0.0", - "igniteui-angular-i18n": "^22.0.0", + "igniteui-angular-extras": "22.1.0-alpha.0", + "igniteui-angular-i18n": "22.1.0-alpha.0", "igniteui-dockmanager": "^1.17.0", - "igniteui-grid-lite": "^0.7.1", + "igniteui-grid-lite": "0.9.0", "igniteui-i18n-resources": "^1.0.4", "igniteui-live-editing": "^3.5.1", "igniteui-webcomponents": "^7.2.1", @@ -113,7 +113,7 @@ "@angular/compiler": "^22.0.0" }, "igniteui-angular-extras": { - "igniteui-angular": "^22.0.0", + "igniteui-angular": "22.1.0-alpha.0", "@infragistics/igniteui-angular": "^22.0.0", "igniteui-angular-core": "^22.0.0", "igniteui-angular-charts": "^22.0.0", From 11b070c1d81dcd4597b33e34a7ab317cee75080f Mon Sep 17 00:00:00 2001 From: Simeon Simeonoff Date: Mon, 27 Jul 2026 15:30:08 +0300 Subject: [PATCH 07/35] chore: apply migrations and improve dialog drag sample --- .../data-analysis-dock-manager.component.ts | 4 +- .../grid-master-detail.component.ts | 4 +- .../checkbox/checkbox-styling/layout.scss | 4 +- .../dropdown-sample-3.component.ts | 4 +- .../input-group-styling/layout.scss | 4 +- .../radio/radio-styling-sample/layout.scss | 4 +- .../switch/switch-styling/layout.scss | 4 +- .../grid-keyboardnav-sample.component.scss | 2 +- .../grid-paging-sample.component.scss | 2 +- .../drag-dialog-sample.component.html | 18 +++----- .../drag-dialog-sample.component.scss | 46 +++++++++++-------- .../avatar-css-variables.component.scss | 2 +- .../card-sample-1/card-sample-1.component.ts | 4 +- .../card-sample-2/card-sample-2.component.ts | 4 +- .../card-sample-4/card-sample-4.component.ts | 4 +- .../dashed/divider-dashed.component.ts | 4 +- .../default/divider-default.component.ts | 4 +- .../divider/inset/divider-inset.component.ts | 4 +- .../vertical/divider-vertical.component.ts | 4 +- .../stepper-overview-sample.component.scss | 2 +- ...epper-sample-reactive-forms.component.scss | 2 +- .../action-strip-paragraph.component.scss | 2 +- .../angular/angular-sample.component.ts | 4 +- .../animations-sample-2.component.ts | 4 +- src/app/theming/styles/dark-theme.scss | 8 ---- src/app/theming/styles/themes.scss | 6 --- .../tgrid-keyboardnav-guide.component.scss | 2 +- .../tree-grid-paging-sample.component.scss | 2 +- 28 files changed, 69 insertions(+), 89 deletions(-) diff --git a/projects/app-lob/src/app/grid-dynamic-chart-data/data-analysis-dock-manager/data-analysis-dock-manager.component.ts b/projects/app-lob/src/app/grid-dynamic-chart-data/data-analysis-dock-manager/data-analysis-dock-manager.component.ts index 655a0320b..0a17de4cf 100644 --- a/projects/app-lob/src/app/grid-dynamic-chart-data/data-analysis-dock-manager/data-analysis-dock-manager.component.ts +++ b/projects/app-lob/src/app/grid-dynamic-chart-data/data-analysis-dock-manager/data-analysis-dock-manager.component.ts @@ -7,7 +7,7 @@ import { FloatingPanesService } from '../../services/floating-panes.service'; import { DockSlotComponent } from './dock-slot/dock-slot.component'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IColumnSelectionEventArgs, IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; -import { IgxDividerDirective } from 'igniteui-angular/directives'; +import { IgxDividerComponent } from 'igniteui-angular/directives'; import { IgxBadgeComponent } from 'igniteui-angular/badge'; import { NgClass, DecimalPipe, TitleCasePipe, CurrencyPipe } from '@angular/common'; import { debounceTime } from 'rxjs/operators'; @@ -57,7 +57,7 @@ export class HastDuplicateLayouts implements PipeTransform { templateUrl: './data-analysis-dock-manager.component.html', styleUrls: ['./data-analysis-dock-manager.component.scss'], providers: [FloatingPanesService], - imports: [IgxGridComponent, IgxConditionalFormattingDirective, IgxChartIntegrationDirective, IgxContextMenuDirective, IgxBadgeComponent, IgxColumnComponent, IgxCellTemplateDirective, NgClass, IgxDividerDirective, DockSlotComponent, DecimalPipe, TitleCasePipe, CurrencyPipe, FilterTypePipe, HastDuplicateLayouts], + imports: [IgxGridComponent, IgxConditionalFormattingDirective, IgxChartIntegrationDirective, IgxContextMenuDirective, IgxBadgeComponent, IgxColumnComponent, IgxCellTemplateDirective, NgClass, IgxDividerComponent, DockSlotComponent, DecimalPipe, TitleCasePipe, CurrencyPipe, FilterTypePipe, HastDuplicateLayouts], changeDetection: ChangeDetectionStrategy.Eager, schemas: [CUSTOM_ELEMENTS_SCHEMA] }) diff --git a/projects/app-lob/src/app/grid/grid-master-detail/grid-master-detail.component.ts b/projects/app-lob/src/app/grid/grid-master-detail/grid-master-detail.component.ts index a95bdcc4e..f9f795f91 100644 --- a/projects/app-lob/src/app/grid/grid-master-detail/grid-master-detail.component.ts +++ b/projects/app-lob/src/app/grid/grid-master-detail/grid-master-detail.component.ts @@ -4,7 +4,7 @@ import { IgxColumnComponent, IgxGridDetailTemplateDirective } from 'igniteui-ang import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxTabContentComponent, IgxTabHeaderComponent, IgxTabHeaderLabelDirective, IgxTabItemComponent, IgxTabsComponent } from 'igniteui-angular/tabs'; import { IgxAvatarComponent } from 'igniteui-angular/avatar'; -import { IgxDividerDirective } from 'igniteui-angular/directives'; +import { IgxDividerComponent } from 'igniteui-angular/directives'; import { IgxLegendComponent, IgxPieChartCoreModule, IgxLegendModule, IgxCategoryChartModule } from 'igniteui-angular-charts'; import { employeesData } from '../../data/employeesData'; import { IgxPreventDocumentScrollDirective } from '../../../../../../src/app/directives/prevent-scroll.directive'; @@ -14,7 +14,7 @@ import { IgxPreventDocumentScrollDirective } from '../../../../../../src/app/dir styleUrls: ['./grid-master-detail.component.scss'], templateUrl: 'grid-master-detail.component.html', changeDetection: ChangeDetectionStrategy.Eager, - imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxGridDetailTemplateDirective, IgxTabsComponent, IgxTabItemComponent, IgxTabHeaderComponent, IgxTabHeaderLabelDirective, IgxTabContentComponent, IgxAvatarComponent, IgxDividerDirective, IgxPieChartCoreModule, IgxLegendModule, IgxCategoryChartModule] + imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxGridDetailTemplateDirective, IgxTabsComponent, IgxTabItemComponent, IgxTabHeaderComponent, IgxTabHeaderLabelDirective, IgxTabContentComponent, IgxAvatarComponent, IgxDividerComponent, IgxPieChartCoreModule, IgxLegendModule, IgxCategoryChartModule] }) export class GridMasterDetailSampleComponent { diff --git a/src/app/data-entries/checkbox/checkbox-styling/layout.scss b/src/app/data-entries/checkbox/checkbox-styling/layout.scss index b3d179bdc..1cff96454 100644 --- a/src/app/data-entries/checkbox/checkbox-styling/layout.scss +++ b/src/app/data-entries/checkbox/checkbox-styling/layout.scss @@ -1,12 +1,10 @@ @use "igniteui-angular/theming" as *; -@use "igniteui-angular/lib/core/styles/components/checkbox/checkbox-component" as checkbox; @use "sass:map"; :host { ::ng-deep { $_checkbox-schema: map.get($light-fluent-schema, checkbox); - @include checkbox(checkbox-theme($schema: $_checkbox-schema)); - @include checkbox.component(); + @include tokens(checkbox-theme($schema: $_checkbox-schema)); // Note: This is not the standard approach for styling the component. // We're using it here solely to mirror the UI5 sample. diff --git a/src/app/data-entries/dropdown/dropdown-sample-3/dropdown-sample-3.component.ts b/src/app/data-entries/dropdown/dropdown-sample-3/dropdown-sample-3.component.ts index 11686993d..d44454220 100644 --- a/src/app/data-entries/dropdown/dropdown-sample-3/dropdown-sample-3.component.ts +++ b/src/app/data-entries/dropdown/dropdown-sample-3/dropdown-sample-3.component.ts @@ -1,5 +1,5 @@ import { Component, ChangeDetectionStrategy } from '@angular/core'; -import { IgxButtonDirective, IgxDividerDirective, IgxToggleActionDirective } from 'igniteui-angular/directives'; +import { IgxButtonDirective, IgxDividerComponent, IgxToggleActionDirective } from 'igniteui-angular/directives'; import { IgxDropDownComponent, IgxDropDownItemComponent, IgxDropDownItemNavigationDirective } from 'igniteui-angular/drop-down'; import { IgxIconComponent } from 'igniteui-angular/icon'; import { IgxPrefixDirective, IgxSuffixDirective } from 'igniteui-angular/input-group'; @@ -11,7 +11,7 @@ import { IgxPrefixDirective, IgxSuffixDirective } from 'igniteui-angular/input-g styleUrls: ['./dropdown-sample-3.component.scss'], templateUrl: './dropdown-sample-3.component.html', changeDetection: ChangeDetectionStrategy.Eager, - imports: [IgxButtonDirective, IgxToggleActionDirective, IgxDropDownItemNavigationDirective, IgxDropDownComponent, IgxDropDownItemComponent, IgxIconComponent, IgxPrefixDirective, IgxSuffixDirective, IgxDividerDirective] + imports: [IgxButtonDirective, IgxToggleActionDirective, IgxDropDownItemNavigationDirective, IgxDropDownComponent, IgxDropDownItemComponent, IgxIconComponent, IgxPrefixDirective, IgxSuffixDirective, IgxDividerComponent] }) export class DropDownSample3Component { diff --git a/src/app/data-entries/input-group/input-group-styling/layout.scss b/src/app/data-entries/input-group/input-group-styling/layout.scss index 74026e1dc..bd93634ab 100644 --- a/src/app/data-entries/input-group/input-group-styling/layout.scss +++ b/src/app/data-entries/input-group/input-group-styling/layout.scss @@ -1,12 +1,10 @@ @use "igniteui-angular/theming" as *; -@use "igniteui-angular/lib/core/styles/components/input/input-group-component" as input; @use "sass:map"; :host { ::ng-deep { $_input-schema: map.get($light-indigo-schema, input-group); - @include input-group(input-group-theme($schema: $_input-schema)); - @include input.component(); + @include tokens(input-group-theme($schema: $_input-schema)); // Note: This is not the standard approach for styling the component. // We're using it here solely to mirror the Carbon sample. diff --git a/src/app/data-entries/radio/radio-styling-sample/layout.scss b/src/app/data-entries/radio/radio-styling-sample/layout.scss index 3c6fc3501..13e08cafd 100644 --- a/src/app/data-entries/radio/radio-styling-sample/layout.scss +++ b/src/app/data-entries/radio/radio-styling-sample/layout.scss @@ -1,12 +1,10 @@ @use "igniteui-angular/theming" as *; -@use "igniteui-angular/lib/core/styles/components/radio/radio-component" as radio; @use "sass:map"; :host { ::ng-deep{ $_radio-schema: map.get($light-fluent-schema, radio); - @include radio(radio-theme($schema: $_radio-schema)); - @include radio.component(); + @include tokens(radio-theme($schema: $_radio-schema)); // Note: This is not the standard approach for styling the component. // We're using it here solely to mirror the UI5 sample. diff --git a/src/app/data-entries/switch/switch-styling/layout.scss b/src/app/data-entries/switch/switch-styling/layout.scss index b248011ce..6e92f5d99 100644 --- a/src/app/data-entries/switch/switch-styling/layout.scss +++ b/src/app/data-entries/switch/switch-styling/layout.scss @@ -1,12 +1,10 @@ @use "igniteui-angular/theming" as *; -@use "igniteui-angular/lib/core/styles/components/switch/switch-component" as switch; @use 'sass:map'; :host { ::ng-deep { $_switch-schema: map.get($light-fluent-schema, switch); - @include switch(switch-theme($schema: $_switch-schema)); - @include switch.component(); + @include tokens(switch-theme($schema: $_switch-schema)); // Note: This is not the standard approach for styling the component. // We're using it here solely to mirror the UI5 sample. diff --git a/src/app/grid/grid-keyboardnav-guide-sample/grid-keyboardnav-sample.component.scss b/src/app/grid/grid-keyboardnav-guide-sample/grid-keyboardnav-sample.component.scss index 350dfb901..0c28471bb 100644 --- a/src/app/grid/grid-keyboardnav-guide-sample/grid-keyboardnav-sample.component.scss +++ b/src/app/grid/grid-keyboardnav-guide-sample/grid-keyboardnav-sample.component.scss @@ -8,7 +8,7 @@ $custom-checkbox-theme: checkbox-theme( ); .list-sample ::ng-deep { - @include checkbox($custom-checkbox-theme); + @include tokens($custom-checkbox-theme); } .sample { diff --git a/src/app/grid/grid-paging-sample/grid-paging-sample.component.scss b/src/app/grid/grid-paging-sample/grid-paging-sample.component.scss index c36c25d40..9c38781b8 100644 --- a/src/app/grid/grid-paging-sample/grid-paging-sample.component.scss +++ b/src/app/grid/grid-paging-sample/grid-paging-sample.component.scss @@ -6,7 +6,7 @@ $progressBar-sample-theme: progress-linear-theme( ); .grid__wrapper { - @include progress-linear($progressBar-sample-theme); + @include tokens($progressBar-sample-theme); --ig-size: var(--ig-size-medium); margin: 0 16px; diff --git a/src/app/interactions/drag-drop/dialog-sample/drag-dialog-sample.component.html b/src/app/interactions/drag-drop/dialog-sample/drag-dialog-sample.component.html index 252f0b2a6..7892df645 100644 --- a/src/app/interactions/drag-drop/dialog-sample/drag-dialog-sample.component.html +++ b/src/app/interactions/drag-drop/dialog-sample/drag-dialog-sample.component.html @@ -1,16 +1,10 @@ -
- drag_indicator - Draggable Dialog +
+ Draggable Dialog + drag_indicator +
Grab the handle icon to drag. -
- - - + diff --git a/src/app/interactions/drag-drop/dialog-sample/drag-dialog-sample.component.scss b/src/app/interactions/drag-drop/dialog-sample/drag-dialog-sample.component.scss index 726fd743c..09dabe364 100644 --- a/src/app/interactions/drag-drop/dialog-sample/drag-dialog-sample.component.scss +++ b/src/app/interactions/drag-drop/dialog-sample/drag-dialog-sample.component.scss @@ -1,37 +1,45 @@ @use '../../../../variables' as *; -@include dialog( - dialog-theme( - $schema: $schema - ) +$theme: dialog-theme( + $schema: $schema ); -@include dialog-typography(); - :host { display: block; margin: 16px; - @include b(dialog) { - @extend %igx-dialog-window; + .dialog { + @include tokens($theme, $mode: 'scoped'); display: flex; flex-direction: column; - max-width: rem(280px); - - @include e(icon) { - position: absolute; - right: rem(24px); - top: rem(24px); - cursor: move; + width: rem(280px); + min-width: rem(280px); + border: rem(1px) solid var-get($theme, 'border-color'); + border-radius: var-get($theme, 'border-radius'); + background: var-get($theme, 'background'); + box-shadow: var-get($theme, 'elevation'); + overflow: hidden; + + header { + display: flex; + align-items: center; + justify-content: space-between; + padding: rem(16px) rem(24px); } - @include e(title) { - @extend %igx-dialog-title; + &__title { + display: inline-block; + color: var-get($theme, 'title-color'); } - @include e(content) { - @extend %igx-dialog-content; + &__icon { + cursor: move; } + + &__content { + color: var-get($theme, 'message-color'); + padding: rem(14px) rem(24px); + } } } diff --git a/src/app/layouts/avatar/avatar-css-variables/avatar-css-variables.component.scss b/src/app/layouts/avatar/avatar-css-variables/avatar-css-variables.component.scss index 030f54646..43744adc3 100644 --- a/src/app/layouts/avatar/avatar-css-variables/avatar-css-variables.component.scss +++ b/src/app/layouts/avatar/avatar-css-variables/avatar-css-variables.component.scss @@ -5,7 +5,7 @@ --teal-dark: #004d40; ::ng-deep { - @include avatar( + @include tokens( avatar-theme( $background: var(--teal-light), $color: var(--teal-dark) diff --git a/src/app/layouts/card/card-sample-1/card-sample-1.component.ts b/src/app/layouts/card/card-sample-1/card-sample-1.component.ts index 1fdd86ad2..f89db82b0 100644 --- a/src/app/layouts/card/card-sample-1/card-sample-1.component.ts +++ b/src/app/layouts/card/card-sample-1/card-sample-1.component.ts @@ -1,7 +1,7 @@ import { Component, ChangeDetectionStrategy } from '@angular/core'; import { Card } from '../card.blueprint'; import { IgxCardActionsComponent, IgxCardComponent, IgxCardHeaderComponent, IgxCardHeaderSubtitleDirective, IgxCardHeaderTitleDirective, IgxCardMediaDirective } from 'igniteui-angular/card'; -import { IgxDividerDirective, IgxIconButtonDirective, IgxRippleDirective } from 'igniteui-angular/directives'; +import { IgxDividerComponent, IgxIconButtonDirective, IgxRippleDirective } from 'igniteui-angular/directives'; import { IgxSuffixDirective } from 'igniteui-angular/input-group'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -11,7 +11,7 @@ import { IgxIconComponent } from 'igniteui-angular/icon'; styleUrls: ['./card-sample-1.component.scss'], templateUrl: './card-sample-1.component.html', changeDetection: ChangeDetectionStrategy.Eager, - imports: [IgxCardComponent, IgxCardHeaderComponent, IgxCardHeaderTitleDirective, IgxCardHeaderSubtitleDirective, IgxCardMediaDirective, IgxDividerDirective, IgxCardActionsComponent, IgxIconButtonDirective, IgxRippleDirective, IgxSuffixDirective, IgxIconComponent] + imports: [IgxCardComponent, IgxCardHeaderComponent, IgxCardHeaderTitleDirective, IgxCardHeaderSubtitleDirective, IgxCardMediaDirective, IgxDividerComponent, IgxCardActionsComponent, IgxIconButtonDirective, IgxRippleDirective, IgxSuffixDirective, IgxIconComponent] }) export class CardSample1Component { public card = new Card({ diff --git a/src/app/layouts/card/card-sample-2/card-sample-2.component.ts b/src/app/layouts/card/card-sample-2/card-sample-2.component.ts index 338ffe01c..bf93289a6 100644 --- a/src/app/layouts/card/card-sample-2/card-sample-2.component.ts +++ b/src/app/layouts/card/card-sample-2/card-sample-2.component.ts @@ -1,7 +1,7 @@ import { Component, ChangeDetectionStrategy } from '@angular/core'; import { Card } from '../card.blueprint'; import { IgxCardActionsComponent, IgxCardComponent, IgxCardContentDirective, IgxCardHeaderComponent, IgxCardHeaderSubtitleDirective, IgxCardHeaderTitleDirective, IgxCardMediaDirective } from 'igniteui-angular/card'; -import { IgxDividerDirective, IgxFlexDirective, IgxIconButtonDirective, IgxLayoutDirective, IgxRippleDirective } from 'igniteui-angular/directives'; +import { IgxDividerComponent, IgxFlexDirective, IgxIconButtonDirective, IgxLayoutDirective, IgxRippleDirective } from 'igniteui-angular/directives'; import { IgxSuffixDirective } from 'igniteui-angular/input-group'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -11,7 +11,7 @@ import { IgxIconComponent } from 'igniteui-angular/icon'; styleUrls: ['./card-sample-2.component.scss'], templateUrl: './card-sample-2.component.html', changeDetection: ChangeDetectionStrategy.Eager, - imports: [IgxCardComponent, IgxLayoutDirective, IgxFlexDirective, IgxCardHeaderComponent, IgxCardHeaderTitleDirective, IgxCardHeaderSubtitleDirective, IgxCardMediaDirective, IgxCardContentDirective, IgxDividerDirective, IgxCardActionsComponent, IgxIconButtonDirective, IgxRippleDirective, IgxSuffixDirective, IgxIconComponent] + imports: [IgxCardComponent, IgxLayoutDirective, IgxFlexDirective, IgxCardHeaderComponent, IgxCardHeaderTitleDirective, IgxCardHeaderSubtitleDirective, IgxCardMediaDirective, IgxCardContentDirective, IgxDividerComponent, IgxCardActionsComponent, IgxIconButtonDirective, IgxRippleDirective, IgxSuffixDirective, IgxIconComponent] }) export class CardSample2Component { public card = new Card({ diff --git a/src/app/layouts/card/card-sample-4/card-sample-4.component.ts b/src/app/layouts/card/card-sample-4/card-sample-4.component.ts index 249776b69..09ac0d43a 100644 --- a/src/app/layouts/card/card-sample-4/card-sample-4.component.ts +++ b/src/app/layouts/card/card-sample-4/card-sample-4.component.ts @@ -4,7 +4,7 @@ import { IgxIconComponent, IgxIconService } from 'igniteui-angular/icon'; import { IgxCardActionsComponent, IgxCardComponent, IgxCardContentDirective, IgxCardHeaderComponent, IgxCardHeaderSubtitleDirective, IgxCardHeaderTitleDirective, IgxCardMediaDirective } from 'igniteui-angular/card'; import { IgxSliderComponent } from 'igniteui-angular/slider'; import { IgxListComponent, IgxListItemComponent } from 'igniteui-angular/list'; -import { IgxButtonDirective, IgxDividerDirective, IgxRippleDirective } from 'igniteui-angular/directives'; +import { IgxButtonDirective, IgxDividerComponent, IgxRippleDirective } from 'igniteui-angular/directives'; import { IgxPrefixDirective } from 'igniteui-angular/input-group'; import { IgxAvatarComponent } from 'igniteui-angular/avatar'; import { IgxChipComponent } from 'igniteui-angular/chips'; @@ -23,7 +23,7 @@ import { styleUrls: ['./card-sample-4.component.scss'], templateUrl: './card-sample-4.component.html', changeDetection: ChangeDetectionStrategy.Eager, - imports: [IgxCardComponent, IgxCardHeaderComponent, IgxCardHeaderTitleDirective, IgxCardHeaderSubtitleDirective, IgxCardContentDirective, IgxChipComponent, IgxIconComponent, IgxSliderComponent, IgxExpansionPanelComponent, IgxExpansionPanelBodyComponent, IgxListComponent, IgxListItemComponent, IgxDividerDirective, IgxCardActionsComponent, IgxButtonDirective, IgxRippleDirective, IgxPrefixDirective, IgxCardMediaDirective, IgxAvatarComponent] + imports: [IgxCardComponent, IgxCardHeaderComponent, IgxCardHeaderTitleDirective, IgxCardHeaderSubtitleDirective, IgxCardContentDirective, IgxChipComponent, IgxIconComponent, IgxSliderComponent, IgxExpansionPanelComponent, IgxExpansionPanelBodyComponent, IgxListComponent, IgxListItemComponent, IgxDividerComponent, IgxCardActionsComponent, IgxButtonDirective, IgxRippleDirective, IgxPrefixDirective, IgxCardMediaDirective, IgxAvatarComponent] }) export class CardSample4Component implements OnInit { private iconService = inject(IgxIconService); diff --git a/src/app/layouts/divider/dashed/divider-dashed.component.ts b/src/app/layouts/divider/dashed/divider-dashed.component.ts index 26e734b60..6dc2a545e 100644 --- a/src/app/layouts/divider/dashed/divider-dashed.component.ts +++ b/src/app/layouts/divider/dashed/divider-dashed.component.ts @@ -1,12 +1,12 @@ import { Component, ChangeDetectionStrategy } from '@angular/core'; -import { IgxDividerDirective } from 'igniteui-angular/directives'; +import { IgxDividerComponent } from 'igniteui-angular/directives'; @Component({ selector: 'app-divider-dashed', styleUrls: ['./divider-dashed.component.scss'], templateUrl: './divider-dashed.component.html', changeDetection: ChangeDetectionStrategy.Eager, - imports: [IgxDividerDirective] + imports: [IgxDividerComponent] }) export class DividerDashedComponent { diff --git a/src/app/layouts/divider/default/divider-default.component.ts b/src/app/layouts/divider/default/divider-default.component.ts index fbd3fb688..73cd8d57d 100644 --- a/src/app/layouts/divider/default/divider-default.component.ts +++ b/src/app/layouts/divider/default/divider-default.component.ts @@ -1,12 +1,12 @@ import { Component, ChangeDetectionStrategy } from '@angular/core'; -import { IgxDividerDirective } from 'igniteui-angular/directives'; +import { IgxDividerComponent } from 'igniteui-angular/directives'; @Component({ selector: 'app-divider-default', styleUrls: ['./divider-default.component.scss'], templateUrl: './divider-default.component.html', changeDetection: ChangeDetectionStrategy.Eager, - imports: [IgxDividerDirective] + imports: [IgxDividerComponent] }) export class DividerDefaultComponent { diff --git a/src/app/layouts/divider/inset/divider-inset.component.ts b/src/app/layouts/divider/inset/divider-inset.component.ts index 5f7d3459f..fe5f1b204 100644 --- a/src/app/layouts/divider/inset/divider-inset.component.ts +++ b/src/app/layouts/divider/inset/divider-inset.component.ts @@ -1,12 +1,12 @@ import { Component, ChangeDetectionStrategy } from '@angular/core'; -import { IgxDividerDirective } from 'igniteui-angular/directives'; +import { IgxDividerComponent } from 'igniteui-angular/directives'; @Component({ selector: 'app-divider-inset', styleUrls: ['./divider-inset.component.scss'], templateUrl: './divider-inset.component.html', changeDetection: ChangeDetectionStrategy.Eager, - imports: [IgxDividerDirective] + imports: [IgxDividerComponent] }) export class DividerInsetComponent { diff --git a/src/app/layouts/divider/vertical/divider-vertical.component.ts b/src/app/layouts/divider/vertical/divider-vertical.component.ts index 8363a6e5a..8fab148ec 100644 --- a/src/app/layouts/divider/vertical/divider-vertical.component.ts +++ b/src/app/layouts/divider/vertical/divider-vertical.component.ts @@ -1,12 +1,12 @@ import { Component, ChangeDetectionStrategy } from '@angular/core'; -import { IgxDividerDirective } from 'igniteui-angular/directives'; +import { IgxDividerComponent } from 'igniteui-angular/directives'; @Component({ selector: 'app-divider-vertical', styleUrls: ['./divider-vertical.component.scss'], templateUrl: './divider-vertical.component.html', changeDetection: ChangeDetectionStrategy.Eager, - imports: [IgxDividerDirective] + imports: [IgxDividerComponent] }) export class DividerVerticalComponent { diff --git a/src/app/layouts/stepper/stepper-overview-sample/stepper-overview-sample.component.scss b/src/app/layouts/stepper/stepper-overview-sample/stepper-overview-sample.component.scss index 355981ca4..e9cf6ab8e 100644 --- a/src/app/layouts/stepper/stepper-overview-sample/stepper-overview-sample.component.scss +++ b/src/app/layouts/stepper/stepper-overview-sample/stepper-overview-sample.component.scss @@ -45,7 +45,7 @@ $my-card: card-theme( $content-text-color: color($default-palette, 'gray', 900), ); -@include card($my-card); +@include tokens($my-card); .selected-card { border: 2px solid color($default-palette, 'primary', 400); diff --git a/src/app/layouts/stepper/stepper-sample-reactive-forms/stepper-sample-reactive-forms.component.scss b/src/app/layouts/stepper/stepper-sample-reactive-forms/stepper-sample-reactive-forms.component.scss index 355981ca4..e9cf6ab8e 100644 --- a/src/app/layouts/stepper/stepper-sample-reactive-forms/stepper-sample-reactive-forms.component.scss +++ b/src/app/layouts/stepper/stepper-sample-reactive-forms/stepper-sample-reactive-forms.component.scss @@ -45,7 +45,7 @@ $my-card: card-theme( $content-text-color: color($default-palette, 'gray', 900), ); -@include card($my-card); +@include tokens($my-card); .selected-card { border: 2px solid color($default-palette, 'primary', 400); diff --git a/src/app/menus/action-strip/action-strip-paragraph/action-strip-paragraph.component.scss b/src/app/menus/action-strip/action-strip-paragraph/action-strip-paragraph.component.scss index 223f7133d..e3557ec03 100644 --- a/src/app/menus/action-strip/action-strip-paragraph/action-strip-paragraph.component.scss +++ b/src/app/menus/action-strip/action-strip-paragraph/action-strip-paragraph.component.scss @@ -5,7 +5,7 @@ $custom-strip: action-strip-theme( ); .my-action-strip { - @include action-strip($custom-strip); + @include tokens($custom-strip); display: flex; align-items: flex-start; justify-content: center; diff --git a/src/app/theming/angular/angular-sample.component.ts b/src/app/theming/angular/angular-sample.component.ts index d3c7e4d22..d61a02599 100644 --- a/src/app/theming/angular/angular-sample.component.ts +++ b/src/app/theming/angular/angular-sample.component.ts @@ -1,7 +1,7 @@ import { Component, HostBinding, OnInit, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; import { IgxDialogActionsDirective, IgxDialogComponent } from 'igniteui-angular/dialog'; import { IgxOverlayOutletDirective } from 'igniteui-angular/core'; -import { IgxButtonDirective, IgxDividerDirective, IgxIconButtonDirective, IgxLayoutDirective } from 'igniteui-angular/directives'; +import { IgxButtonDirective, IgxDividerComponent, IgxIconButtonDirective, IgxLayoutDirective } from 'igniteui-angular/directives'; import { IgxIconComponent } from 'igniteui-angular/icon'; import { IgxAvatarComponent } from 'igniteui-angular/avatar'; import { IgxCardActionsComponent, IgxCardComponent, IgxCardHeaderComponent, IgxCardHeaderSubtitleDirective, IgxCardHeaderTitleDirective, IgxCardMediaDirective } from 'igniteui-angular/card'; @@ -22,7 +22,7 @@ import { MatInput } from '@angular/material/input'; styleUrls: ['./angular-sample.component.scss'], templateUrl: './angular-sample.component.html', changeDetection: ChangeDetectionStrategy.Eager, - imports: [MatToolbar, IgxButtonDirective, MatMenuTrigger, IgxIconComponent, MatMenu, MatMenuItem, IgxLayoutDirective, IgxAvatarComponent, IgxIconButtonDirective, IgxCardComponent, IgxCardMediaDirective, IgxCardHeaderComponent, IgxCardHeaderTitleDirective, IgxCardHeaderSubtitleDirective, IgxCardActionsComponent, MatButton, IgxDialogComponent, IgxDialogActionsDirective, IgxSuffixDirective, IgxOverlayOutletDirective, IgxExpansionPanelComponent, IgxExpansionPanelHeaderComponent, IgxExpansionPanelTitleDirective, IgxExpansionPanelDescriptionDirective, IgxExpansionPanelBodyComponent, MatSlider, MatSliderThumb, IgxDividerDirective, MatStepper, MatStep, FormsModule, ReactiveFormsModule, MatStepLabel, MatFormField, MatLabel, MatInput, MatStepperNext, MatStepperPrevious] + imports: [MatToolbar, IgxButtonDirective, MatMenuTrigger, IgxIconComponent, MatMenu, MatMenuItem, IgxLayoutDirective, IgxAvatarComponent, IgxIconButtonDirective, IgxCardComponent, IgxCardMediaDirective, IgxCardHeaderComponent, IgxCardHeaderTitleDirective, IgxCardHeaderSubtitleDirective, IgxCardActionsComponent, MatButton, IgxDialogComponent, IgxDialogActionsDirective, IgxSuffixDirective, IgxOverlayOutletDirective, IgxExpansionPanelComponent, IgxExpansionPanelHeaderComponent, IgxExpansionPanelTitleDirective, IgxExpansionPanelDescriptionDirective, IgxExpansionPanelBodyComponent, MatSlider, MatSliderThumb, IgxDividerComponent, MatStepper, MatStep, FormsModule, ReactiveFormsModule, MatStepLabel, MatFormField, MatLabel, MatInput, MatStepperNext, MatStepperPrevious] }) export class AngularMaterialComponent implements OnInit { diff --git a/src/app/theming/animations/animations-sample-2/animations-sample-2.component.ts b/src/app/theming/animations/animations-sample-2/animations-sample-2.component.ts index 71a7d86ce..2e8f84866 100644 --- a/src/app/theming/animations/animations-sample-2/animations-sample-2.component.ts +++ b/src/app/theming/animations/animations-sample-2/animations-sample-2.component.ts @@ -1,6 +1,6 @@ import { Component, ChangeDetectionStrategy } from '@angular/core'; import { IgxCardActionsComponent, IgxCardComponent, IgxCardContentDirective, IgxCardHeaderComponent, IgxCardMediaDirective } from 'igniteui-angular/card'; -import { IgxDividerDirective, IgxFlexDirective, IgxIconButtonDirective, IgxLayoutDirective, IgxRippleDirective } from 'igniteui-angular/directives'; +import { IgxDividerComponent, IgxFlexDirective, IgxIconButtonDirective, IgxLayoutDirective, IgxRippleDirective } from 'igniteui-angular/directives'; import { IgxSuffixDirective } from 'igniteui-angular/input-group'; import { IgxIconComponent } from 'igniteui-angular/icon'; @Component({ @@ -8,7 +8,7 @@ import { IgxIconComponent } from 'igniteui-angular/icon'; styleUrls: ['./animations-sample-2.component.scss'], templateUrl: './animations-sample-2.component.html', changeDetection: ChangeDetectionStrategy.Eager, - imports: [IgxCardComponent, IgxLayoutDirective, IgxFlexDirective, IgxCardHeaderComponent, IgxCardMediaDirective, IgxCardContentDirective, IgxDividerDirective, IgxCardActionsComponent, IgxIconButtonDirective, IgxRippleDirective, IgxSuffixDirective, IgxIconComponent] + imports: [IgxCardComponent, IgxLayoutDirective, IgxFlexDirective, IgxCardHeaderComponent, IgxCardMediaDirective, IgxCardContentDirective, IgxDividerComponent, IgxCardActionsComponent, IgxIconButtonDirective, IgxRippleDirective, IgxSuffixDirective, IgxIconComponent] }) export class AnimationsSample2Component { public horizontal = true; diff --git a/src/app/theming/styles/dark-theme.scss b/src/app/theming/styles/dark-theme.scss index 0464750d5..e226d14f5 100644 --- a/src/app/theming/styles/dark-theme.scss +++ b/src/app/theming/styles/dark-theme.scss @@ -1,23 +1,18 @@ @use 'igniteui-angular/theming' as *; // Import grid component and theme styles -@use 'igniteui-angular/lib/core/styles/components/grid/grid-component'; @use 'igniteui-angular/lib/core/styles/components/grid/grid-theme'; // Import paginator component and theme styles -@use 'igniteui-angular/lib/core/styles/components/paginator/paginator-component'; @use 'igniteui-angular/lib/core/styles/components/paginator/paginator-theme'; // Import dialog-group component and theme styles -@use 'igniteui-angular/lib/core/styles/components/dialog/dialog-component'; @use 'igniteui-angular/lib/core/styles/components/dialog/dialog-theme'; // Import input-group component and theme styles -@use 'igniteui-angular/lib/core/styles/components/input/input-group-component'; @use 'igniteui-angular/lib/core/styles/components/input/input-group-theme'; // Import grid snackbar and theme styles -@use 'igniteui-angular/lib/core/styles/components/snackbar/snackbar-component'; @use 'igniteui-angular/lib/core/styles/components/snackbar/snackbar-theme'; // Import button component and theme styles @@ -25,15 +20,12 @@ @use 'igniteui-angular/lib/core/styles/components/button/button-theme'; // Import button-group component and theme styles -@use 'igniteui-angular/lib/core/styles/components/button-group/button-group-component'; @use 'igniteui-angular/lib/core/styles/components/button-group/button-group-theme'; // Import chip component and theme styles -@use 'igniteui-angular/lib/core/styles/components/chip/chip-component'; @use 'igniteui-angular/lib/core/styles/components/chip/chip-theme'; // Import badge component and theme styles -@use 'igniteui-angular/lib/core/styles/components/badge/badge-component'; @use 'igniteui-angular/lib/core/styles/components/badge/badge-theme'; // Define the primary colors diff --git a/src/app/theming/styles/themes.scss b/src/app/theming/styles/themes.scss index 9ab35163a..91311664d 100644 --- a/src/app/theming/styles/themes.scss +++ b/src/app/theming/styles/themes.scss @@ -1,7 +1,6 @@ @use 'schemas'; // Import grid component and theme styles -@use 'igniteui-angular/lib/core/styles/components/grid/grid-component'; @use 'igniteui-angular/lib/core/styles//components/grid/grid-theme'; // Import grid snackbar and theme styles @@ -33,23 +32,18 @@ @use 'igniteui-angular/lib/core/styles//components/drop-down/drop-down-theme'; // Import calendar component and theme styles -@use 'igniteui-angular/lib/core/styles/components/calendar/calendar-component'; @use 'igniteui-angular/lib/core/styles/components/calendar/calendar-theme'; // Import chip component and theme styles -@use 'igniteui-angular/lib/core/styles/components/chip/chip-component'; @use 'igniteui-angular/lib/core/styles/components/chip/chip-theme'; // Import icon component and theme styles -@use 'igniteui-angular/lib/core/styles/components/icon/icon-component'; @use 'igniteui-angular/lib/core/styles/components/icon/icon-theme'; // Import drop-down component and theme styles -@use 'igniteui-angular/lib/core/styles/components/drop-down/drop-down-component'; @use 'igniteui-angular/lib/core/styles/components/drop-down/drop-down-theme'; // Import badge component and theme styles -@use 'igniteui-angular/lib/core/styles/components/badge/badge-component'; @use 'igniteui-angular/lib/core/styles/components/badge/badge-theme'; diff --git a/src/app/tree-grid/tgrid-keyboard-guide/tgrid-keyboardnav-guide.component.scss b/src/app/tree-grid/tgrid-keyboard-guide/tgrid-keyboardnav-guide.component.scss index d15b41309..0532c5af1 100644 --- a/src/app/tree-grid/tgrid-keyboard-guide/tgrid-keyboardnav-guide.component.scss +++ b/src/app/tree-grid/tgrid-keyboard-guide/tgrid-keyboardnav-guide.component.scss @@ -8,7 +8,7 @@ $custom-checkbox-theme: checkbox-theme( ); .list-sample ::ng-deep { - @include checkbox($custom-checkbox-theme); + @include tokens($custom-checkbox-theme); } .sample { diff --git a/src/app/tree-grid/tree-grid-paging-sample/tree-grid-paging-sample.component.scss b/src/app/tree-grid/tree-grid-paging-sample/tree-grid-paging-sample.component.scss index c36c25d40..9c38781b8 100644 --- a/src/app/tree-grid/tree-grid-paging-sample/tree-grid-paging-sample.component.scss +++ b/src/app/tree-grid/tree-grid-paging-sample/tree-grid-paging-sample.component.scss @@ -6,7 +6,7 @@ $progressBar-sample-theme: progress-linear-theme( ); .grid__wrapper { - @include progress-linear($progressBar-sample-theme); + @include tokens($progressBar-sample-theme); --ig-size: var(--ig-size-medium); margin: 0 16px; From 0e1321e868bd27886765a939a85ec8ac736283b7 Mon Sep 17 00:00:00 2001 From: Stamen Stoychev Date: Mon, 3 Aug 2026 17:28:47 +0300 Subject: [PATCH 08/35] chore(*): updating to beta 1 --- package-lock.json | 32 ++++++++++++-------------------- package.json | 8 ++++---- 2 files changed, 16 insertions(+), 24 deletions(-) diff --git a/package-lock.json b/package-lock.json index c22ef40b8..710b8ab5a 100644 --- a/package-lock.json +++ b/package-lock.json @@ -36,11 +36,11 @@ "file-saver": "^2.0.2", "fuse.js": "^7.1.0", "hammerjs": "^2.0.8", - "igniteui-angular": "22.1.0-alpha.0", + "igniteui-angular": "22.1.0-beta.1", "igniteui-angular-charts": "^22.0.0", "igniteui-angular-core": "^22.0.0", - "igniteui-angular-extras": "22.1.0-alpha.0", - "igniteui-angular-i18n": "22.1.0-alpha.0", + "igniteui-angular-extras": "22.1.0-beta.1", + "igniteui-angular-i18n": "22.1.0-beta.1", "igniteui-dockmanager": "^1.17.0", "igniteui-grid-lite": "0.9.0", "igniteui-i18n-resources": "^1.0.4", @@ -10493,9 +10493,9 @@ "license": "BSD-3-Clause" }, "node_modules/igniteui-angular": { - "version": "22.1.0-alpha.0", - "resolved": "https://registry.npmjs.org/igniteui-angular/-/igniteui-angular-22.1.0-alpha.0.tgz", - "integrity": "sha512-x9F/H3I82o9x3onYszElXF6oC7k4maXiSCUiFGFr6fBUVNN8acvt/kfMDetaixf8j59Ur7wMCI2xnuX3AVOLaA==", + "version": "22.1.0-beta.1", + "resolved": "https://registry.npmjs.org/igniteui-angular/-/igniteui-angular-22.1.0-beta.1.tgz", + "integrity": "sha512-kDrEuxBzuYGTKxV2A3TGJamB2qOXDJ5tGDJTCs2pKtaOLgJG9sCubRQ5KgM9coq6jF3ltQAgmc+ygDcoEXYL+g==", "license": "SEE LICENSE IN LICENSE", "dependencies": { "@igniteui/material-icons-extended": "^3.1.0", @@ -10512,18 +10512,10 @@ "@angular/common": "22", "@angular/core": "22", "@angular/forms": "22", - "@types/hammerjs": "^2.0.46", - "hammerjs": "^2.0.8", "igniteui-grid-lite": "~0.9.0", "igniteui-webcomponents": "^7.2.1" }, "peerDependenciesMeta": { - "@types/hammerjs": { - "optional": true - }, - "hammerjs": { - "optional": true - }, "igniteui-grid-lite": { "optional": true }, @@ -10562,9 +10554,9 @@ } }, "node_modules/igniteui-angular-extras": { - "version": "22.1.0-alpha.0", - "resolved": "https://registry.npmjs.org/igniteui-angular-extras/-/igniteui-angular-extras-22.1.0-alpha.0.tgz", - "integrity": "sha512-/pNo+e+td9FnMlMzqECKvOiGt4IPDBAAtWOrNMHrKH8cVbryTsEpl+i2p++tj4jheliluMQXIA/NFCEN+r3RrQ==", + "version": "22.1.0-beta.1", + "resolved": "https://registry.npmjs.org/igniteui-angular-extras/-/igniteui-angular-extras-22.1.0-beta.1.tgz", + "integrity": "sha512-+uLxNWBhHBngYcb+yTzs9gYyE2GuzMNninYl6ck/muV5B4z/Wl6OVfKO9ELEK7vA98mX7HSTjpv4NwsWIlVtQQ==", "license": "SEE LICENSE IN LICENSE", "dependencies": { "igniteui-trial-watermark": "^3.1.0", @@ -10579,9 +10571,9 @@ } }, "node_modules/igniteui-angular-i18n": { - "version": "22.1.0-alpha.0", - "resolved": "https://registry.npmjs.org/igniteui-angular-i18n/-/igniteui-angular-i18n-22.1.0-alpha.0.tgz", - "integrity": "sha512-M2dv5XJb/DbT4HzYF07n9WrjDEbSWcimNxE8A6L3KWBzebuahmQ3wzvmps3gd1YABJWD2+gV8QSYYvXA0P7Atg==", + "version": "22.1.0-beta.1", + "resolved": "https://registry.npmjs.org/igniteui-angular-i18n/-/igniteui-angular-i18n-22.1.0-beta.1.tgz", + "integrity": "sha512-Y5Fq+jduys+es6MpQZ3mNWlbhXx+/WpOhEebohVAel1scGjyDN6wH9usZbI6gQ6hoCTcdx3cUFqd8hL13X7DzA==", "license": "MIT", "dependencies": { "igniteui-i18n-core": "^1.0.2", diff --git a/package.json b/package.json index a10bc84a2..d8f32de88 100644 --- a/package.json +++ b/package.json @@ -73,11 +73,11 @@ "file-saver": "^2.0.2", "fuse.js": "^7.1.0", "hammerjs": "^2.0.8", - "igniteui-angular": "22.1.0-alpha.0", + "igniteui-angular": "22.1.0-beta.1", "igniteui-angular-charts": "^22.0.0", "igniteui-angular-core": "^22.0.0", - "igniteui-angular-extras": "22.1.0-alpha.0", - "igniteui-angular-i18n": "22.1.0-alpha.0", + "igniteui-angular-extras": "22.1.0-beta.1", + "igniteui-angular-i18n": "22.1.0-beta.1", "igniteui-dockmanager": "^1.17.0", "igniteui-grid-lite": "0.9.0", "igniteui-i18n-resources": "^1.0.4", @@ -113,7 +113,7 @@ "@angular/compiler": "^22.0.0" }, "igniteui-angular-extras": { - "igniteui-angular": "22.1.0-alpha.0", + "igniteui-angular": "22.1.0-beta.1", "@infragistics/igniteui-angular": "^22.0.0", "igniteui-angular-core": "^22.0.0", "igniteui-angular-charts": "^22.0.0", From f20ff5ee4a07f5a9836681afea1f3bda4da6be7c Mon Sep 17 00:00:00 2001 From: Radoslav Karaivanov Date: Tue, 4 Aug 2026 11:24:35 +0300 Subject: [PATCH 09/35] Merge pull request #3989 from IgniteUI/vkombov/migrate-to-zoneless refactor(*): migrate to zoneless change detection --- angular.json | 7 ++- package-lock.json | 31 ++++++------ package.json | 3 +- projects/app-crm/src/app/app.component.ts | 3 +- .../src/app/grid-crm/grid-crm.component.ts | 3 +- .../app-crm/src/environments/environment.ts | 9 ---- projects/app-crm/src/main.server.ts | 3 +- projects/app-crm/src/main.ts | 4 +- projects/app-crm/src/polyfills.ts | 4 -- projects/app-crm/src/test.ts | 25 +++++----- projects/app-lob/src/app/app.component.ts | 3 +- .../data-analysis-dock-manager.component.ts | 3 +- .../dock-slot/dock-slot.component.ts | 3 +- .../grid-dynamic-chart-data.component.ts | 3 +- .../dock-slot.component.ts | 8 +-- .../grid-finjs-dock-manager.component.ts | 10 ++-- .../app/grid-finjs/controllers.component.ts | 33 ++++++------ .../app/grid-finjs/grid-finjs.component.ts | 5 +- .../src/app/grid-finjs/main.component.ts | 6 ++- .../grid-boston-marathon/grid.component.ts | 16 ++++-- .../grid-master-detail.component.ts | 3 +- .../hierarchical-grid-resizing.component.ts | 3 +- .../app-lob/src/app/home/home.component.ts | 3 +- .../src/app/index/docs-layout.component.ts | 3 +- .../app-lob/src/app/index/index.component.ts | 3 +- ...tree-grid-childdatakey-sample.component.ts | 3 +- ...grid-primaryforeignkey-sample.component.ts | 3 +- .../tree-grid-finjs-sample.component.ts | 5 +- .../app-lob/src/environments/environment.ts | 9 ---- projects/app-lob/src/main.server.ts | 3 +- projects/app-lob/src/main.ts | 4 +- projects/app-lob/src/polyfills.ts | 9 +--- projects/app-lob/src/test.ts | 1 - src/app/app.component.ts | 3 +- .../badge-dot-sample.component.ts | 3 +- .../badge/badge-icon/badge-icon.component.ts | 3 +- .../badge-sample-2.component.ts | 3 +- .../badge-sample-3.component.ts | 3 +- .../badge-styling-sample.component.ts | 3 +- ...badge-tailwind-styling-sample.component.ts | 3 +- .../chip-area-sample.component.ts | 3 +- .../chip/chip-simple/chip-simple.component.ts | 3 +- .../chip-styling/chip-styling.component.ts | 3 +- .../chip-tailwind-styling.component.ts | 3 +- .../chip-variants/chip-variants.component.ts | 3 +- .../circular-dynamic-sample.component.ts | 3 +- ...lar-indeterminate-progressbar.component.ts | 3 +- .../circular-progressbar.component.ts | 3 +- .../circular-styling-sample.component.ts | 3 +- .../icon-sample-1/icon-sample-1.component.ts | 3 +- .../icon-sample-2/icon-sample-2.component.ts | 3 +- .../icon-sample-3/icon-sample-3.component.ts | 3 +- .../icon-sample-4/icon-sample-4.component.ts | 3 +- .../icon-sample-5/icon-sample-5.component.ts | 3 +- .../icon-service-sample.component.ts | 3 +- .../icon-styling-sample.component.ts | 3 +- .../icon-tailwind-styling-sample.component.ts | 3 +- .../material-icons-extended.component.ts | 3 +- .../material-symbols.component.ts | 3 +- .../svg-icon-sample.component.ts | 3 +- .../igxFor-horizontal.component.ts | 3 +- .../data-display/igxFor/igxFor.component.ts | 3 +- .../linear-dynamic-sample.component.ts | 3 +- .../linear-progressbar-sample-1.component.ts | 3 +- .../linear-progressbar-sample-2.component.ts | 3 +- ...ar-progressbar-styling-sample.component.ts | 3 +- .../linear-progressbar.component.ts | 3 +- .../mask-sample-1/mask-sample-1.component.ts | 3 +- .../mask-sample-2/mask-sample-2.component.ts | 3 +- .../mask-sample-3/mask-sample-3.component.ts | 3 +- .../mask-sample-4/mask-sample-4.component.ts | 3 +- .../mask-sample-5/mask-sample-5.component.ts | 3 +- .../text-highlight-sample-1.component.ts | 3 +- .../text-highlight-sample-2.component.ts | 3 +- .../text-highlight-style.component.ts | 3 +- .../autocomplete/autocomplete.component.ts | 3 +- .../autocomplete/movie/movie.component.ts | 3 +- .../button-group-sample-1.component.ts | 3 +- .../button-group-sample-2.component.ts | 3 +- .../button-group-sample-3.component.ts | 3 +- .../button-group-sample.component.ts | 3 +- .../button-group-sample-5.component.ts | 3 +- .../button-group-style.component.ts | 3 +- .../button-group-tailwind-style.component.ts | 3 +- .../buttons-disabled-sample.ts | 3 +- .../buttons-display-density.component.ts | 3 +- .../buttons-roundness-sample.ts | 3 +- .../buttons-sample-1.component.ts | 3 +- .../buttons-sample-2.component.ts | 3 +- .../buttons-sample-3.component.ts | 3 +- .../buttons-sample-4.component.ts | 3 +- .../buttons-sample-5.component.ts | 3 +- .../buttons-sample-6.component.ts | 3 +- .../buttons-sample-7.component.ts | 3 +- .../buttons-sample-8.component.ts | 3 +- .../buttons-style/buttons-style.component.ts | 3 +- .../buttons-tailwind-style.component.ts | 3 +- .../checkbox-sample-1.component.ts | 3 +- .../checkbox-sample-2.component.ts | 3 +- .../checkbox-sample-3.component.ts | 3 +- .../checkbox-styling.component.ts | 3 +- .../checkbox-tailwind-styling.component.ts | 3 +- .../drop-down-remote.component.ts | 3 +- .../drop-down-virtual.component.ts | 3 +- .../dropdown-menu/dropdown-menu.component.ts | 3 +- .../dropdown-multi-level-menu.component.ts | 3 +- .../dropdown-sample-1.component.ts | 3 +- .../dropdown-sample-2.component.ts | 3 +- .../dropdown-sample-3.component.ts | 3 +- .../dropdown-sample-4.component.ts | 3 +- .../dropdown-sample-5.component.ts | 3 +- .../dropdown-styling.component.ts | 3 +- ...e-grid-hierarchical-selection.component.ts | 3 +- ...n-tree-hierarchical-selection.component.ts | 3 +- .../contained-icon-button.component.ts | 3 +- .../disabled-icon-button.component.ts | 3 +- .../flat-icon-button.component.ts | 3 +- .../icon-button-overview.component.ts | 3 +- .../icon-button-size.component.ts | 3 +- .../icon-button-styling.component.ts | 3 +- .../icon-button-tailwind-styling.component.ts | 3 +- .../outlined-icon-button.component.ts | 3 +- .../svg-icon-button.component.ts | 3 +- .../input-group-sample-1.component.ts | 3 +- .../input-group-sample-2.component.ts | 3 +- .../input-group-sample-3.component.ts | 3 +- .../input-group-sample-4.component.ts | 3 +- .../input-group-sample-5.component.ts | 3 +- .../input-group-sample-6.component.ts | 3 +- .../input-group-styling.component.ts | 3 +- .../input-group-tailwind-styling.component.ts | 3 +- .../input-text-selection.component.ts | 3 +- ...active-form-custom-validation.component.ts | 3 +- .../reactive-form-validation.component.ts | 3 +- ...mplate-driven-form-validation.component.ts | 3 +- .../typed-form/typed-form.component.ts | 3 +- .../radio-group-sample.component.ts | 3 +- .../radio-group-vertical.component.ts | 3 +- .../radio-sample-1.component.ts | 3 +- .../radio-sample-2.component.ts | 3 +- .../radio-sample-3.component.ts | 3 +- .../radio-styling-sample.component.ts | 3 +- ...radio-tailwind-styling-sample.component.ts | 3 +- .../rating-form/rating-form.component.ts | 3 +- .../select-header-footer.component.ts | 3 +- .../select-input-directives.ts | 3 +- .../select-sample-1.component.ts | 3 +- .../select-sample-2.component.ts | 3 +- .../select-sample-4.component.ts | 3 +- .../select-styling.component.ts | 3 +- .../select-tailwind-styling.component.ts | 3 +- .../switch-sample-1.component.ts | 3 +- .../switch-sample-2.component.ts | 3 +- .../switch-styling.component.ts | 3 +- .../switch-tailwind-styling.component.ts | 3 +- ...id-lite-column-config-dynamic.component.ts | 3 +- ...id-lite-column-config-headers.component.ts | 3 +- ...rid-lite-column-config-simple.component.ts | 3 +- ...rid-lite-data-binding-dynamic.component.ts | 3 +- .../grid-lite-filtering-events.component.ts | 3 +- .../grid-lite-filtering-pipeline.component.ts | 3 +- .../grid-lite-filtering-simple.component.ts | 3 +- .../grid-lite-overview.component.ts | 3 +- .../grid-lite-sorting-events.component.ts | 3 +- ...grid-lite-sorting-grid-config.component.ts | 3 +- .../grid-lite-sorting-pipeline.component.ts | 3 +- .../grid-lite-sorting-simple.component.ts | 3 +- .../grid-lite-styling-custom.component.ts | 3 +- .../grid-lite-styling-themes.component.ts | 3 +- ...column-group-selection-sample.component.ts | 3 +- .../column-selection-sample.component.ts | 3 +- .../column-selection-styles.component.ts | 3 +- .../custom-grid-paging-style.component.ts | 3 +- .../grid-action-strip-sample.ts | 3 +- .../grid-add-row-sample.component.ts | 3 +- ...rid-advanced-filtering-sample.component.ts | 3 +- ...grid-advanced-filtering-style.component.ts | 3 +- .../grid-allData-summary.component.ts | 3 +- .../grid-batch-editing-sample.component.ts | 3 +- .../batch-editing-remote-paging.component.ts | 3 +- .../grid-cascading-combos.component.ts | 7 ++- ...grid-cell-merge-custom-sample.component.ts | 3 +- .../grid-cell-merge-sample.component.ts | 3 +- .../grid-cellSelection.component.ts | 3 +- ...d-clipboard-operations-sample.component.ts | 3 +- ...rid-collapsible-column-groups.component.ts | 3 +- .../grid-column-autosizing.component.ts | 3 +- ...grid-column-data-types-sample.component.ts | 3 +- .../grid-column-hiding-sample.component.ts | 3 +- ...-column-hiding-toolbar-sample.component.ts | 3 +- ...d-column-hiding-toolbar-style.component.ts | 3 +- .../grid-composite-data.component.ts | 3 +- ...grid-conditional-cell-style-2.component.ts | 3 +- .../grid-conditional-cell-style.component.ts | 3 +- ...ditional-row-selectors-sample.component.ts | 3 +- .../contextmenu/contextmenu.component.ts | 3 +- .../grid-contextmenu-sample.component.ts | 3 +- .../grid-crud-sample/crud-sample.component.ts | 3 +- .../grid-custom-filtering.component.ts | 3 +- ...d-custom-kb-navigation-sample.component.ts | 3 +- .../custom-remote-paging-sample.component.ts | 3 +- ...id-custom-summaries-selection.component.ts | 3 +- .../grid-disable-summaries.component.ts | 1 - .../grid-displaydensity-sample.component.ts | 3 +- .../grid-drop-indicator.ts | 3 +- .../grid-editing-events.component.ts | 3 +- .../grid-editing-excel-style.component.ts | 3 +- .../grid-editing-lifecycle.component.ts | 3 +- .../grid-editing-sample.component.ts | 3 +- .../grid-editing-style-sample.component.ts | 3 +- ...tyle-filtering-load-on-demand.component.ts | 3 +- ...xcel-style-filtering-sample-1.component.ts | 3 +- ...xcel-style-filtering-sample-2.component.ts | 3 +- ...xcel-style-filtering-sample-3.component.ts | 3 +- ...d-excel-style-filtering-style.component.ts | 3 +- .../grid-export-visualization.component.ts | 9 ++-- ...d-external-advanced-filtering.component.ts | 3 +- ...xternal-excel-style-filtering.component.ts | 1 - .../grid-external-outlet-sample.component.ts | 3 +- .../grid-filtering-sample.component.ts | 3 +- .../grid-filtering-style.component.ts | 3 +- ...rid-filtering-template-sample.component.ts | 3 +- ...-formatted-filtering-strategy.component.ts | 3 +- .../grid-group-by-paging-sample.component.ts | 3 +- .../grid-groupby-custom-sample.component.ts | 3 +- .../grid-groupby-sample.component.ts | 3 +- .../grid-groupby-styling.component.ts | 3 +- .../grid-groupby-summary-sample.component.ts | 3 +- ...roupby-summary-styling-sample.component.ts | 3 +- .../grid-keyboardnav-sample.component.ts | 3 +- .../grid-moving-sample.component.ts | 3 +- .../grid-moving-styled-sample.component.ts | 3 +- .../grid-mrl-custom-navigation.component.ts | 3 +- ...id-multi-cell-selection-style.component.ts | 3 +- .../grid-multi-cell-selection.component.ts | 3 +- ...ulti-row-layout-configuration.component.ts | 3 +- ...grid-multi-row-layout-styling.component.ts | 3 +- .../grid-multi-row-layout.component.ts | 3 +- .../grid-multiple-row-drag.component.ts | 3 +- .../grid-nested-data-bind2.ts | 3 +- .../grid-nested-data-bind.ts | 3 +- .../grid-pager-sample.component.ts | 3 +- .../grid-paging-sample.component.ts | 3 +- .../grid-paste/grid-paste-sample.component.ts | 3 +- .../remote-filtering-sample.component.ts | 3 +- ...emote-paging-default-template.component.ts | 3 +- .../remote-paging-sample.component.ts | 3 +- .../grid-resize-line-styling-sample.ts | 3 +- .../grid-resizing-sample.component.ts | 3 +- .../grid-row-drag-base.component.ts | 3 +- .../grid-row-drag-to-grid.component.ts | 3 +- .../grid-row-drag/grid-row-drag.component.ts | 3 +- .../grid-row-drag/planet/planet.component.ts | 3 +- .../grid-row-editing-sample.component.ts | 3 +- .../grid-row-editing-style.component.ts | 3 +- .../grid-row-pinning-drag.component.ts | 3 +- ...grid-row-pinning-extra-column.component.ts | 3 +- .../grid-row-pinning-styling.component.ts | 3 +- .../grid-row-pinning.component.ts | 3 +- .../grid-row-reorder.ts | 3 +- .../grid-rowClasses.component.ts | 3 +- .../grid-rowStyles.component.ts | 3 +- .../grid-sample-2/grid-sample-2.component.ts | 3 +- .../grid-sample-3/grid-sample-3.component.ts | 3 +- .../grid-sample-4/grid-sample-4.component.ts | 7 ++- .../grid-sample-5/grid-sample-5.component.ts | 3 +- ...id-toolbar-pinning-both-sides.component.ts | 3 +- .../grid-pinning-styling.component.ts | 3 +- .../grid-pinning.component.ts | 3 +- .../grid-toolbar-pinning.component.ts | 3 +- .../grid-right-pinning.component.ts | 3 +- ...mple-selection-template-excel.component.ts | 3 +- ...le-selection-template-numbers.component.ts | 3 +- .../grid-selection.component.ts | 3 +- .../grid/grid-save-state/about.component.ts | 3 +- .../grid-save-state/grid-state.component.ts | 3 +- .../grid-search-sample.component.ts | 3 +- .../grid-select-sample.component.ts | 3 +- .../grid-sorting-indicators.component.ts | 3 +- .../grid-sorting-sample.component.ts | 5 +- .../grid-sorting-styling.component.ts | 3 +- ...grid-state-persistance-sample.component.ts | 5 +- .../grid-summary-export.component.ts | 3 +- .../grid-summary-formatter.component.ts | 3 +- .../grid-summary-template.component.ts | 3 +- .../grid-toolbar-sample-1.component.ts | 3 +- .../grid-toolbar-sample-2.component.ts | 3 +- .../grid-toolbar-sample-3.component.ts | 3 +- .../grid-toolbar-sample-4.component.ts | 3 +- .../grid-toolbar-style.component.ts | 3 +- .../grid-validation-style.component.ts | 3 +- ...validator-service-cross-field.component.ts | 3 +- ...id-validator-service-extended.component.ts | 5 +- .../grid-validator-service.component.ts | 3 +- .../grid-with-rating.component.ts | 3 +- .../multi-column-header-template.ts | 3 +- .../multi-column-headers-export.component.ts | 3 +- .../multi-column-headers-styling.component.ts | 3 +- .../multi-column-headers.ts | 3 +- ...l-grid-column-group-selection.component.ts | 3 +- ...-grid-column-selection-styles.component.ts | 3 +- ...rchical-grid-column-selection.component.ts | 3 +- .../hgrid-column-autosizing.component.ts | 3 +- .../hgrid-editing-lifecycle.component.ts | 3 +- .../hgrid-keyboard-guide.component.ts | 3 +- .../hgrid-rowClasses.component.ts | 3 +- .../hgrid-rowStyles.component.ts | 3 +- .../hgrid-summary-export.component.ts | 3 +- .../hgrid-summary-template.component.ts | 3 +- .../hierarchical-grid-action-strip-sample.ts | 3 +- .../hierarchical-grid-add-row.component.ts | 3 +- ...grid-advanced-filtering-style.component.ts | 3 +- ...hical-grid-advanced-filtering.component.ts | 5 +- ...archical-grid-allData-summary.component.ts | 3 +- ...erarchical-grid-batch-editing.component.ts | 3 +- ...chical-grid-cell-merge-custom.component.ts | 3 +- .../hierarchical-grid-cell-merge.component.ts | 3 +- ...erarchical-grid-cellSelection.component.ts | 3 +- ...rid-collapsible-column-groups.component.ts | 3 +- ...d-column-hiding-toolbar-style.component.ts | 3 +- ...erarchical-grid-custom-hiding.component.ts | 3 +- .../hierarchical-grid-hiding.component.ts | 3 +- ...erarchical-grid-moving-styled.component.ts | 3 +- .../hierarchical-grid-moving.component.ts | 3 +- .../hierarchical-grid-pinning.component.ts | 3 +- ...archical-grid-toolbar-pinning.component.ts | 3 +- ...rid-conditional-row-selectors.component.ts | 3 +- ...l-grid-cross-field-validation.component.ts | 3 +- ...d-custom-kb-navigation-sample.component.ts | 3 +- ...chical-grid-disable-summaries.component.ts | 1 - .../hierarchical-grid-density.component.ts | 3 +- ...rarchical-grid-editing-events.component.ts | 3 +- ...erarchical-grid-editing-style.component.ts | 3 +- .../hierarchical-grid-editing.component.ts | 3 +- .../hierarchical-grid-excel-export.sample.ts | 3 +- ...tyle-filtering-load-on-demand.component.ts | 3 +- ...xcel-style-filtering-sample-1.component.ts | 3 +- ...xcel-style-filtering-sample-2.component.ts | 3 +- ...xcel-style-filtering-sample-3.component.ts | 3 +- ...d-excel-style-filtering-style.component.ts | 3 +- ...d-external-advanced-filtering.component.ts | 1 - ...xternal-excel-style-filtering.component.ts | 1 - ...l-grid-external-outlet-sample.component.ts | 3 +- ...archical-grid-filtering-style.component.ts | 3 +- ...hical-grid-filtering-template.component.ts | 3 +- ...rchical-grid-custom-filtering.component.ts | 3 +- .../hierarchical-grid-filtering.component.ts | 3 +- ...-formatted-filtering-strategy.component.ts | 3 +- .../hierarchical-grid-lod.component.ts | 3 +- ...rchical-grid-multi-cell-style.component.ts | 3 +- ...al-grid-multi-column-template.component.ts | 3 +- ...ical-grid-multi-column-export.component.ts | 3 +- ...cal-grid-multi-column-styling.component.ts | 3 +- ...ierarchical-grid-multi-column.component.ts | 3 +- ...rarchical-grid-multi-row-drag.component.ts | 3 +- ...ierarchical-grid-pager-sample.component.ts | 3 +- ...ierarchical-grid-paging-style.component.ts | 3 +- .../hierarchical-grid-paging.component.ts | 3 +- ...erarchical-grid-remote-paging.component.ts | 3 +- ...emote-paging-default-template.component.ts | 3 +- ...ical-grid-resize-line-styling.component.ts | 3 +- .../hierarchical-row-drag-base.component.ts | 3 +- .../hierarchical-grid-row-drag.component.ts | 3 +- ...rarchical-grid-row-edit-style.component.ts | 3 +- ...hierarchical-grid-row-editing.component.ts | 3 +- ...grid-row-pinning-extra-column.component.ts | 3 +- ...ical-grid-row-pinning-styling.component.ts | 3 +- ...hierarchical-grid-row-pinning.component.ts | 3 +- ...hierarchical-grid-row-reorder.component.ts | 3 +- ...hical-grid-both-sides-pinning.component.ts | 3 +- ...erarchical-grid-right-pinning.component.ts | 3 +- .../about.component.ts | 3 +- .../hGrid-state.component.ts | 3 +- ...id-selection-template-numbers.component.ts | 3 +- .../hierarchical-grid-selection.component.ts | 3 +- ...archical-grid-sorting-styling.component.ts | 3 +- .../hgrid-contextmenu.component.ts | 3 +- .../hierarchical-grid-sorting.component.ts | 3 +- .../hierarchical-grid-styling.component.ts | 3 +- ...chical-grid-summary-formatter.component.ts | 3 +- ...archical-grid-summary-styling.component.ts | 3 +- .../hierarchical-grid-summary.component.ts | 3 +- ...erarchical-grid-toolbar-style.component.ts | 3 +- ...rarchical-grid-toolbar-custom.component.ts | 3 +- ...archical-grid-toolbar-options.component.ts | 3 +- ...erarchical-grid-toolbar-title.component.ts | 3 +- ...rchical-grid-validation-style.component.ts | 3 +- ...id-validator-service-extended.component.ts | 3 +- ...chical-grid-validator-service.component.ts | 3 +- src/app/home/home.component.ts | 3 +- .../reactive-forms.component.ts | 3 +- src/app/index/docs-layout.component.ts | 3 +- src/app/index/index.component.ts | 3 +- .../features-sample.component.ts | 3 +- .../overview-sample.component.ts | 3 +- .../styling-sample.component.ts | 3 +- .../dialog-sample-1.component.ts | 3 +- .../dialog-sample-2.component.ts | 3 +- .../dialog-sample-3.component.ts | 3 +- .../dialog-styling-sample.component.ts | 3 +- .../drag-dialog-sample.component.ts | 3 +- .../email-sample/email-sample.component.ts | 3 +- .../icons-sample/icons-sample.component.ts | 3 +- .../kanban-sample/kanban-sample.component.ts | 3 +- .../list-reorder-sample.component.ts | 1 - .../overlay-dynamic-card.component.ts | 8 +-- .../overlay-main-sample-1.component.ts | 3 +- .../overlay-main-sample-2.component.ts | 3 +- .../overlay-main-sample-3.component.ts | 3 +- .../overlay-position-sample-1.component.ts | 3 +- .../overlay-position-sample-2.component.ts | 3 +- .../overlay-position-sample-3.component.ts | 3 +- ...verlay-preset-settings-sample.component.ts | 3 +- .../overlay-scroll-sample-1.component.ts | 3 +- .../overlay-scroll-sample-2.component.ts | 9 ++-- .../overlay-styling.component.ts | 3 +- .../query-builder-request-sample.component.ts | 7 ++- .../query-builder-sample-1.component.ts | 7 ++- .../query-builder-sql-sample.component.ts | 9 ++-- .../query-builder-style.component.ts | 5 +- .../query-builder-tailwind-style.component.ts | 3 +- ...query-builder-template-sample.component.ts | 3 +- .../ripple-sample-2.component.ts | 3 +- .../ripple-sample-3.component.ts | 3 +- .../ripple-sample-4.component.ts | 3 +- .../ripple-sample-5.component.ts | 3 +- .../ripple-sample-6.component.ts | 3 +- .../ripple-styling-sample.component.ts | 3 +- .../discrete-slider-ticks-bottom.component.ts | 3 +- .../slider-primary-ticks-top.component.ts | 3 +- .../slider-sample-1.component.ts | 3 +- .../slider-sample-2.component.ts | 3 +- .../slider-sample-3.component.ts | 3 +- .../slider-sample-4.component.ts | 3 +- .../slider-sample-5.component.ts | 3 +- .../slider-sample-6.component.ts | 3 +- ...slider-secondary-ticks-mirror.component.ts | 3 +- .../app-slider-styling.component.ts | 3 +- .../slider-tailwind-styling.component.ts | 3 +- .../tick-labels-template.component.ts | 3 +- ...ider-ticks-bottomtotop-labels.component.ts | 3 +- .../slider-timeframe.component.ts | 3 +- .../toggle-sample-1.component.ts | 3 +- .../toggle-sample-2.component.ts | 3 +- .../toggle-sample-3.component.ts | 3 +- .../toggle-sample-4.component.ts | 3 +- .../interactions/toggle/toggle.component.ts | 3 +- .../tooltip-advanced.component.ts | 3 +- .../tooltip-placement.component.ts | 3 +- .../tooltip-rich/tooltip-rich.component.ts | 3 +- .../tooltip-simple.component.ts | 3 +- .../tooltip-style/tooltip-style.component.ts | 3 +- .../tooltip-tailwind-style.component.ts | 3 +- .../tooltip-triggers.component.ts | 3 +- .../accordion-sample-1.component.ts | 3 +- .../accordion-sample-2.component.ts | 3 +- .../accordion-sample-3.component.ts | 3 +- .../accordion-style.component.ts | 3 +- .../avatar-css-variables.component.ts | 3 +- .../avatar-sample-1.component.ts | 3 +- .../avatar-sample-2.component.ts | 3 +- .../avatar-sample-3.component.ts | 3 +- .../avatar-sample-4.component.ts | 3 +- .../avatar-styling.component.ts | 3 +- .../avatar-tailwind-styling.component.ts | 3 +- .../card-sample-1/card-sample-1.component.ts | 3 +- .../card-sample-2/card-sample-2.component.ts | 3 +- .../card-sample-3/card-sample-3.component.ts | 3 +- .../card-sample-4/card-sample-4.component.ts | 3 +- .../card-styling-sample.component.ts | 9 ++-- .../card-tailwind-styling-sample.component.ts | 3 +- src/app/layouts/card/card.component.ts | 3 +- .../carousel-animations-sample.component.ts | 3 +- ...carousel-no-navigation-sample.component.ts | 3 +- .../carousel-styling-sample.component.ts | 3 +- .../carousel-tailwind-sample.component.ts | 3 +- ...rousel-with-components-sample.component.ts | 3 +- .../layouts/carousel/carousel.component.ts | 3 +- .../dashed/divider-dashed.component.ts | 3 +- .../default/divider-default.component.ts | 3 +- .../divider/inset/divider-inset.component.ts | 3 +- .../vertical/divider-vertical.component.ts | 3 +- .../dock-manager.component.ts | 3 +- .../expansion-sample-1.component.ts | 3 +- .../expansion-sample-2.component.ts | 3 +- .../expansion-sample-3.component.ts | 3 +- .../expansion-sample-4.component.ts | 3 +- .../expansion-sample-5.component.ts | 3 +- .../expansion-styling.component.ts | 3 +- .../expansion-tailwind-styling.component.ts | 3 +- .../layout-align-items.component.ts | 3 +- .../layout-content-space.component.ts | 3 +- .../layout-custom-order.component.ts | 3 +- .../layout-direction-column.component.ts | 3 +- .../layout-direction-row.component.ts | 3 +- .../layout-justify-content.component.ts | 3 +- .../layout-sample/layout-sample.component.ts | 3 +- .../layout-wrap/layout-wrap.component.ts | 3 +- .../splitter-collapsible-sample.component.ts | 3 +- .../splitter-horizontal-sample.component.ts | 3 +- .../splitter-nested-sample.component.ts | 3 +- .../splitter-styling-sample.component.ts | 3 +- ...itter-tailwind-styling-sample.component.ts | 3 +- ...sition-and-orientation-sample.component.ts | 3 +- .../stepper-linear-sample.component.ts | 3 +- .../stepper-overview-sample.component.ts | 3 +- ...stepper-sample-reactive-forms.component.ts | 3 +- .../stepper-steptypes-sample.component.ts | 3 +- .../stepper-styling-sample.component.ts | 3 +- ...epper-tailwind-styling-sample.component.ts | 3 +- .../tabbar-sample-1.component.ts | 3 +- .../tabbar-sample-2.component.ts | 3 +- .../components/tabbar-sample-3.component.ts | 3 +- .../tabbar-style/tabbar-style.component.ts | 3 +- .../tabbar-tailwind-style.component.ts | 3 +- .../tabbar/views/view1/view1.component.ts | 3 +- .../tabbar/views/view2/view2.component.ts | 3 +- .../tabbar/views/view3/view3.component.ts | 3 +- .../tabs-alignment.component.ts | 3 +- .../tabs-header-prefix-suffix.ts | 3 +- .../tabs-sample-1/tabs-sample-1.component.ts | 3 +- .../tabs-sample-2/tabs-sample-2.component.ts | 3 +- .../tabs-sample-3/tabs-sample-3.component.ts | 3 +- .../components/tabs-sample-4.component.ts | 3 +- .../tabs/tabs-style/tabs-style.component.ts | 3 +- .../tabs-tailwind-style.component.ts | 3 +- .../tabs/views/view1/view1.component.ts | 3 +- .../tabs/views/view2/view2.component.ts | 3 +- .../tabs/views/view3/view3.component.ts | 3 +- .../tile-manager.component.ts | 11 ++-- .../combo-binding/combo-binding.component.ts | 3 +- .../combo-features.component.ts | 3 +- .../combo/combo-main/combo-main.component.ts | 3 +- .../combo-overlay/combo-overlay.component.ts | 3 +- .../combo-remote/combo-remote.component.ts | 3 +- .../combo-styling/combo-styling.component.ts | 3 +- .../combo-tailwind-styling.component.ts | 3 +- .../combo-template.component.ts | 3 +- .../combo-valuekey.component.ts | 3 +- .../simple-combo-cascading.component.ts | 6 ++- .../simple-combo-main.component.ts | 3 +- .../simple-combo-remote.component.ts | 3 +- .../simple-combo-styling.component.ts | 3 +- .../simple-combo-usage.component.ts | 3 +- .../list-chat-sample.component.ts | 3 +- .../list-item-selection.component.ts | 3 +- .../list-sample-1/list-sample-1.component.ts | 3 +- .../list-sample-2/list-sample-2.component.ts | 3 +- .../list-sample-3/list-sample-3.component.ts | 3 +- .../list-sample-4/list-sample-4.component.ts | 3 +- .../list-sample-5/list-sample-5.component.ts | 3 +- .../list-sample-6/list-sample-6.component.ts | 5 +- .../list-sample-7/list-sample-7.component.ts | 3 +- .../list-sample-8/list-sample-8.component.ts | 3 +- .../list-tailwind-styling.component.ts | 3 +- src/app/lists/list/list.component.ts | 3 +- .../tree-advanced-sample.component.ts | 6 ++- .../tree-basic-sample.component.ts | 3 +- .../tree-styling/tree-styling.component.ts | 3 +- .../tree-tailwind-styling.component.ts | 3 +- .../action-strip-paragraph-menu.component.ts | 3 +- ...ction-strip-paragraph-styling.component.ts | 3 +- .../action-strip-paragraph.component.ts | 3 +- .../navbar-custom-title.component.ts | 3 +- .../navbar-sample-1.component.ts | 3 +- .../navbar-sample-2.component.ts | 3 +- .../navbar-sample-3.component.ts | 3 +- .../navbar-style/navbar-style.component.ts | 3 +- .../navbar-tailwind-style.component.ts | 3 +- src/app/menus/navbar/navbar.component.ts | 3 +- .../nav-drawer-hierarchical.component.ts | 5 +- .../nav-drawer-mini.component.ts | 3 +- .../nav-drawer-pin.component.ts | 3 +- .../nav-drawer-routing.component.ts | 3 +- .../nav-drawer-simple.component.ts | 3 +- .../nav-drawer-styling.component.ts | 3 +- .../banner-advanced-sample.component.ts | 3 +- .../banner-sample-1.component.ts | 3 +- .../banner-sample-2.component.ts | 3 +- .../banner-sample-3.component.ts | 3 +- .../banner-sample-4.component.ts | 3 +- .../banner-styling.component.ts | 3 +- .../snackbar-sample-1.component.ts | 3 +- .../snackbar-sample-2.component.ts | 3 +- .../snackbar-sample-4.component.ts | 3 +- .../snackbar-sample-5.component.ts | 3 +- .../snackbar-style.component.ts | 3 +- .../snackbar-tailwind-style.component.ts | 3 +- .../toast-sample-1.component.ts | 3 +- .../toast-sample-2.component.ts | 3 +- .../toast-sample-3.component.ts | 3 +- .../toast-sample-4.component.ts | 3 +- .../toast-sample-5.component.ts | 3 +- .../toast-style/toast-style.component.ts | 3 +- .../toast-tailwind-style.component.ts | 3 +- .../paginator/pagination-sample.component.ts | 3 +- .../pivot-grid-basic-sample.component.ts | 5 +- .../pivot-data-selector-sample.component.ts | 3 +- .../pivot-export/pivot-export.component.ts | 3 +- .../pivot-features.component.ts | 3 +- ...-grid-noop-persistence-sample.component.ts | 3 +- .../pivot-grid-noop-sample.component.ts | 3 +- .../pivot-layout/pivot-layout.component.ts | 3 +- .../about.component.ts | 3 +- ...grid-state-persistence-sample.component.ts | 3 +- .../calendar-days-view.component.ts | 3 +- .../calendar-months-view.component.ts | 3 +- .../calendar-rtl-sample.component.ts | 3 +- .../calendar-sample-1.component.ts | 3 +- .../calendar-sample-2.component.ts | 3 +- .../calendar-sample-3.component.ts | 3 +- .../calendar-sample-4.component.ts | 3 +- .../calendar-sample-5.component.ts | 3 +- .../calendar-sample-6.component.ts | 3 +- .../calendar-sample-7.component.ts | 3 +- .../calendar-sample-8.component.ts | 3 +- .../calendar-sample-9.component.ts | 3 +- .../calendar-styling-sample.component.ts | 3 +- ...endar-tailwind-styling-sample.component.ts | 3 +- .../calendar-years-view.component.ts | 3 +- .../calendar/multiview/multiview.component.ts | 3 +- .../datepicker-dropdown.component.ts | 3 +- .../datepicker-sample-1.component.ts | 3 +- .../datepicker-sample-2.component.ts | 3 +- .../datepicker-sample-3.component.ts | 3 +- .../datepicker-sample-4.component.ts | 3 +- .../datepicker-sample-5.component.ts | 3 +- .../datepicker-sample-6.component.ts | 3 +- .../datepicker-sample-7.component.ts | 3 +- .../datepicker-sample-8.component.ts | 3 +- .../datepicker-sample-9.component.ts | 3 +- .../datepicker-styling-sample.component.ts | 14 +++--- .../reactive-form/reactive-form.component.ts | 3 +- .../template-driven-form.component.ts | 3 +- .../daterangepicker-basic.ts | 3 +- .../daterangepicker-flight-booking.ts | 3 +- .../daterangepicker-mode.ts | 3 +- .../daterangepicker-range-buttons.ts | 3 +- .../daterangepicker-start-end.ts | 3 +- .../daterangepicker-styling.ts | 3 +- .../daterangepicker-validation.ts | 3 +- .../datetime-advanced/datetime-advanced.ts | 3 +- .../datetime-basic.component.ts | 3 +- .../monthpicker-sample-1.component.ts | 3 +- .../monthpicker-sample-3.component.ts | 3 +- .../monthpicker-styling.component.ts | 3 +- .../monthpicker-tailwind-styling.component.ts | 3 +- .../timepicker-dropdown.component.ts | 3 +- .../timepicker-sample-1.component.ts | 3 +- .../timepicker-sample-4.component.ts | 3 +- .../timepicker-sample-5.component.ts | 3 +- .../timepicker-sample-6.component.ts | 3 +- .../timepicker-styling.component.ts | 12 ++--- .../csv-export-sample-1.component.ts | 3 +- .../csv-export-tree-grid-sample.component.ts | 3 +- .../export-csv/csv-export.component.ts | 3 +- .../excel-export-sample-1.component.ts | 3 +- ...excel-export-tree-grid-sample.component.ts | 3 +- .../export-excel/excel-export.component.ts | 3 +- .../export-pdf-custom-font.component.ts | 1 - .../export-pdf/pdf-export.component.ts | 3 +- .../localization-all-resources.component.ts | 3 +- .../localization-sample-1.component.ts | 3 +- .../localization-sample-2.component.ts | 3 +- .../localization-sample-3.component.ts | 3 +- .../localization-all-resources.component.ts | 3 +- .../transaction-base.component.ts | 3 +- .../angular/angular-sample.component.ts | 5 +- .../animations-sample-1.component.ts | 3 +- .../animations-sample-2.component.ts | 3 +- .../bootstrap/bootstrap-sample.component.ts | 3 +- .../default-theme-sample.component.ts | 3 +- .../display-density.component.ts | 3 +- .../roundness/roundness-sample.component.ts | 3 +- .../card-sample-shadow/card-sample-shadow.ts | 3 +- .../shadows-sample.component.ts | 3 +- .../shadows-sample-2.component.ts | 3 +- .../tailwind/tailwind-sample.component.ts | 3 +- .../column-group-selection.component.ts | 3 +- ...e-grid-column-selection-style.component.ts | 3 +- .../tree-grid-column-selection.component.ts | 3 +- .../tgrid-editing-lifecycle.component.ts | 3 +- .../tgrid-keyboardnav-guide.component.ts | 3 +- .../tree-grid-action-strip-sample.ts | 3 +- .../tree-grid-add-row-sample.component.ts | 3 +- ...rid-advanced-filtering-sample.component.ts | 3 +- ...grid-advanced-filtering-style.component.ts | 3 +- ...ree-grid-batch-editing-sample.component.ts | 3 +- ...grid-cell-merge-custom-sample.component.ts | 3 +- .../tree-grid-cell-merge-sample.component.ts | 3 +- .../tree-grid-cellSelection.component.ts | 3 +- ...d-clipboard-operations-sample.component.ts | 3 +- ...rid-collapsible-column-groups.component.ts | 3 +- ...ree-grid-column-hiding-sample.component.ts | 3 +- ...-column-hiding-toolbar-sample.component.ts | 3 +- ...d-column-hiding-toolbar-style.component.ts | 3 +- ...ree-grid-column-moving-sample.component.ts | 3 +- ...d-column-moving-styled-sample.component.ts | 3 +- ...ee-grid-column-pinning-sample.component.ts | 3 +- .../tree-grid-toolbar-pinning.component.ts | 3 +- ...e-grid-column-resizing-sample.component.ts | 3 +- ...grid-conditional-cell-style-2.component.ts | 3 +- ...conditional-cell-style-sample.component.ts | 3 +- ...rid-conditional-row-selectors.component.ts | 3 +- .../tree-grid-disable-summaries.component.ts | 1 - ...ee-grid-displaydensity-sample.component.ts | 3 +- .../tree-grid-editing-events.component.ts | 3 +- .../tree-grid-editing-sample.component.ts | 3 +- .../tree-grid-editing-sample.component.ts | 3 +- .../tree-grid-employees-sample.component.ts | 3 +- ...tyle-filtering-load-on-demand.component.ts | 3 +- ...xcel-style-filtering-sample-1.component.ts | 3 +- ...xcel-style-filtering-sample-2.component.ts | 3 +- ...xcel-style-filtering-sample-3.component.ts | 3 +- ...d-excel-style-filtering-style.component.ts | 3 +- ...ree-grid-export-visualization.component.ts | 9 ++-- ...d-external-advanced-filtering.component.ts | 3 +- ...xternal-excel-style-filtering.component.ts | 3 +- ...e-grid-external-outlet-sample.component.ts | 3 +- ...-grid-filtering-custom-sample.component.ts | 3 +- .../tree-grid-filtering-sample.component.ts | 3 +- .../tree-grid-filtering-style.component.ts | 3 +- ...rid-filtering-template-sample.component.ts | 3 +- ...-formatted-filtering-strategy.component.ts | 3 +- ...roup-by-load-on-demand-sample.component.ts | 3 +- ...id-keyboard-navigation-sample.component.ts | 3 +- ...ee-grid-load-on-demand-sample.component.ts | 3 +- ...id-multi-cell-selection-style.component.ts | 3 +- ...ree-grid-multi-cell-selection.component.ts | 3 +- ...column-header-template-sample.component.ts | 3 +- ...d-multi-column-headers-export.component.ts | 3 +- ...d-multi-column-headers-sample.component.ts | 3 +- ...-multi-column-headers-styling.component.ts | 3 +- .../tree-grid-multi-row-drag.component.ts | 3 +- .../tree-grid-pager-sample.component.ts | 3 +- .../tree-grid-paging-sample.component.ts | 3 +- ...tree-grid-paging-style-sample.component.ts | 3 +- ...-grid-remote-filtering-sample.component.ts | 3 +- ...emote-paging-default-template.component.ts | 3 +- ...ree-grid-remote-paging-sample.component.ts | 3 +- ...id-resize-line-styling-sample.component.ts | 3 +- .../tree-grid-row-drag-base.component.ts | 3 +- .../tree-grid-row-drag.component.ts | 3 +- .../tree-grid-row-edit-style.component.ts | 3 +- .../tree-grid-row-editing-sample.component.ts | 3 +- ...grid-row-pinning-extra-column.component.ts | 3 +- ...tree-grid-row-pinning-styling.component.ts | 3 +- .../tree-grid-row-pinning.component.ts | 3 +- .../tree-grid-row-reorder.component.ts | 3 +- .../tree-grid-rowClasses.component.ts | 3 +- .../tree-grid-rowStyle.component.ts | 3 +- .../tree-grid-both-sides-pinning.component.ts | 3 +- .../tree-grid-right-pinning.component.ts | 3 +- .../tree-grid-save-state/about.component.ts | 3 +- .../tGrid-state.component.ts | 3 +- .../tree-grid-search-sample.component.ts | 3 +- .../tree-grid-selection-sample.component.ts | 3 +- ...id-selection-template-numbers.component.ts | 3 +- .../tree-grid-contextmenu.component.ts | 3 +- .../tree-grid-sorting-sample.component.ts | 3 +- .../tree-grid-sorting-styling.component.ts | 3 +- .../tree-grid-style.component.ts | 3 +- .../tree-grid-summary-export.component.ts | 3 +- .../tree-grid-summary-formatter.component.ts | 3 +- .../tree-grid-summary-sample.component.ts | 3 +- .../tree-grid-summary-styling.component.ts | 3 +- .../tree-grid-summary2-sample.component.ts | 3 +- .../tree-grid-toolbar-sample-1.component.ts | 3 +- .../tree-grid-toolbar-sample-2.component.ts | 5 +- .../tree-grid-toolbar-sample-3.component.ts | 3 +- .../tree-grid-toolbar-sample-4.component.ts | 3 +- .../tree-grid-toolbar-style.component.ts | 3 +- .../tree-grid-tree-filter-view.component.ts | 1 - .../tree-grid-validation-style.component.ts | 3 +- ...validator-service-cross-field.component.ts | 3 +- ...id-validator-service-extended.component.ts | 5 +- .../tree-grid-validator-service.component.ts | 3 +- ...ee-grid-virtualization-sample.component.ts | 3 +- .../treegrid-allData-summary.component.ts | 3 +- .../treegrid-column-autosizing.component.ts | 3 +- .../treegrid-summary-template.component.ts | 3 +- src/main.server.ts | 3 +- src/main.ts | 4 +- src/polyfills.ts | 9 +--- src/test.ts | 50 ++++++++----------- 785 files changed, 936 insertions(+), 1697 deletions(-) diff --git a/angular.json b/angular.json index db2949094..33c08f198 100644 --- a/angular.json +++ b/angular.json @@ -18,7 +18,6 @@ "index": "src/index.html", "tsConfig": "src/tsconfig.app.json", "polyfills": [ - "zone.js", "hammerjs" ], "assets": [ @@ -137,7 +136,7 @@ }, "index": "projects/app-lob/src/index.html", "polyfills": [ - "projects/app-lob/src/polyfills.ts" + "hammerjs/hammer" ], "tsConfig": "projects/app-lob/tsconfig.app.json", "assets": [ @@ -220,7 +219,7 @@ "builder": "@angular/build:karma", "options": { "main": "projects/app-lob/src/test.ts", - "polyfills": "projects/app-lob/src/polyfills.ts", + "polyfills": ["projects/app-lob/src/polyfills.ts"], "tsConfig": "projects/app-lob/tsconfig.spec.json", "karmaConfig": "projects/app-lob/karma.conf.js", "assets": [ @@ -268,7 +267,7 @@ }, "index": "projects/app-crm/src/index.html", "polyfills": [ - "projects/app-crm/src/polyfills.ts" + "hammerjs/hammer" ], "tsConfig": "projects/app-crm/tsconfig.app.json", "assets": [ diff --git a/package-lock.json b/package-lock.json index 710b8ab5a..49ccff720 100644 --- a/package-lock.json +++ b/package-lock.json @@ -54,8 +54,7 @@ "shiki": "^3.13.0", "sql-formatter": "^15.4.11", "tailwindcss": "^4.1.10", - "tslib": "^2.6.1", - "zone.js": "~0.15.0" + "tslib": "^2.6.1" }, "devDependencies": { "@angular-eslint/builder": "^22.0.0", @@ -1240,9 +1239,9 @@ } }, "node_modules/@bufbuild/protobuf": { - "version": "2.12.0", - "resolved": "https://registry.npmjs.org/@bufbuild/protobuf/-/protobuf-2.12.0.tgz", - "integrity": "sha512-B/XlCaFIP8LOwzo+bz5uFzATYokcwCKQcghqnlfwSmM5eX/qTkvDBnDPs+gXtX/RyjxJ4DRikECcPJbyALA8FA==", + "version": "2.13.0", + "resolved": "https://registry.npmjs.org/@bufbuild/protobuf/-/protobuf-2.13.0.tgz", + "integrity": "sha512-acq7c49vxfm1ggJ95P70TX7ABDM0vxr1SYD3BB0o0jnBLB4OAqeHyKuN+cD3w80gXEDQ2zxHpR6CUeA+O/aU9g==", "license": "(Apache-2.0 AND BSD-3-Clause)" }, "node_modules/@colors/colors": { @@ -13877,9 +13876,19 @@ } }, "node_modules/pako": { - "version": "2.1.0", - "resolved": "https://registry.npmjs.org/pako/-/pako-2.1.0.tgz", - "integrity": "sha512-w+eufiZ1WuJYgPXbV/PO3NCMEc3xqylkKHzp8bxp1uW4qaSNQUkwmLLEc3kKsfz8lpV1F8Ht3U1Cm+9Srog2ug==", + "version": "2.2.0", + "resolved": "https://registry.npmjs.org/pako/-/pako-2.2.0.tgz", + "integrity": "sha512-zJq6RP/5q+TO2OpFV3FHzlPnFjmkb7Nc99a5SNjJE+uu/PkpChs+NIZSSzbBoD+6kjiISXjfYdwj1ZRQ81dz/w==", + "funding": [ + { + "type": "github", + "url": "https://github.com/sponsors/puzrin" + }, + { + "type": "github", + "url": "https://github.com/sponsors/nodeca" + } + ], "license": "(MIT AND Zlib)" }, "node_modules/parent-module": { @@ -18362,12 +18371,6 @@ "zod": "^3.25.28 || ^4" } }, - "node_modules/zone.js": { - "version": "0.15.1", - "resolved": "https://registry.npmjs.org/zone.js/-/zone.js-0.15.1.tgz", - "integrity": "sha512-XE96n56IQpJM7NAoXswY3XRLcWFW83xe0BiAOeMD7K5k5xecOeul3Qcpx6GqEeeHNkW5DWL5zOyTbEfB4eti8w==", - "license": "MIT" - }, "node_modules/zwitch": { "version": "2.0.4", "resolved": "https://registry.npmjs.org/zwitch/-/zwitch-2.0.4.tgz", diff --git a/package.json b/package.json index d8f32de88..0133ff2e8 100644 --- a/package.json +++ b/package.json @@ -91,8 +91,7 @@ "shiki": "^3.13.0", "sql-formatter": "^15.4.11", "tailwindcss": "^4.1.10", - "tslib": "^2.6.1", - "zone.js": "~0.15.0" + "tslib": "^2.6.1" }, "overrides": { "@ng-bootstrap/ng-bootstrap": { diff --git a/projects/app-crm/src/app/app.component.ts b/projects/app-crm/src/app/app.component.ts index 0e535cfbf..d712d916e 100644 --- a/projects/app-crm/src/app/app.component.ts +++ b/projects/app-crm/src/app/app.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, DOCUMENT, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, DOCUMENT, inject } from '@angular/core'; import { SEOService } from '../../../app-lob/src/app/seo.service'; import { RouterOutlet } from '@angular/router'; @@ -7,7 +7,6 @@ import { RouterOutlet } from '@angular/router'; selector: 'app-root', styleUrls: ['./app.component.scss'], templateUrl: './app.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [RouterOutlet] }) export class AppComponent implements OnInit { diff --git a/projects/app-crm/src/app/grid-crm/grid-crm.component.ts b/projects/app-crm/src/app/grid-crm/grid-crm.component.ts index 0b76333d4..094c88afe 100644 --- a/projects/app-crm/src/app/grid-crm/grid-crm.component.ts +++ b/projects/app-crm/src/app/grid-crm/grid-crm.component.ts @@ -1,5 +1,5 @@ /* eslint-disable no-underscore-dangle */ -import { AfterViewInit, Component, ElementRef, OnInit, QueryList, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; +import { AfterViewInit, Component, ElementRef, OnInit, QueryList, ViewChild, inject } from '@angular/core'; import { ActivatedRoute } from '@angular/router'; import { CloseScrollStrategy, ConnectedPositioningStrategy, HorizontalAlignment, IgxSummaryResult, OverlaySettings, PositionSettings, VerticalAlignment } from 'igniteui-angular/core'; import { CellType, GridSelectionMode, IgxCellTemplateDirective, IgxColumnComponent, IgxDateSummaryOperand, IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarExporterComponent, IgxGridToolbarHidingComponent, IgxGridToolbarPinningComponent, IgxGridToolbarTitleComponent, IgxNumberSummaryOperand, IColumnExportingEventArgs, IgxCsvExporterService, IgxExcelExporterService } from 'igniteui-angular/grids/core'; @@ -75,7 +75,6 @@ class SoonSummary extends IgxDateSummaryOperand { selector: 'app-grid', styleUrls: ['./grid-crm.component.scss'], templateUrl: './grid-crm.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [NgClass, IgxGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxGridToolbarActionsComponent, IgxGridToolbarHidingComponent, IgxGridToolbarPinningComponent, IgxGridToolbarExporterComponent, IgxGridToolbarTitleComponent, IgxInputGroupComponent, IgxPrefixDirective, IgxIconComponent, FormsModule, IgxInputDirective, IgxSuffixDirective, IgxIconButtonDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxAvatarComponent, IgxLinearProgressBarComponent] }) export class GridCRMComponent implements OnInit, AfterViewInit { diff --git a/projects/app-crm/src/environments/environment.ts b/projects/app-crm/src/environments/environment.ts index 30d7bccb1..5dd10dc00 100644 --- a/projects/app-crm/src/environments/environment.ts +++ b/projects/app-crm/src/environments/environment.ts @@ -5,12 +5,3 @@ export const environment = { production: false }; - -/* - * For easier debugging in development mode, you can import the following file - * to ignore zone related error stack frames such as `zone.run`, `zoneDelegate.invokeTask`. - * - * This import should be commented out in production mode because it will have a negative impact - * on performance if an error is thrown. - */ -// import 'zone.js/plugins/zone-error'; // Included with Angular CLI. diff --git a/projects/app-crm/src/main.server.ts b/projects/app-crm/src/main.server.ts index 9c6485729..fbd3e9dbd 100644 --- a/projects/app-crm/src/main.server.ts +++ b/projects/app-crm/src/main.server.ts @@ -1,8 +1,7 @@ -import { provideZoneChangeDetection } from "@angular/core"; import { bootstrapApplication, BootstrapContext } from '@angular/platform-browser'; import { AppComponent } from './app/app.component'; import { config } from './app/app.config.server'; -const bootstrap = (context: BootstrapContext) => bootstrapApplication(AppComponent, {...config, providers: [provideZoneChangeDetection(), ...config.providers]}, context); +const bootstrap = (context: BootstrapContext) => bootstrapApplication(AppComponent, config, context); export default bootstrap; diff --git a/projects/app-crm/src/main.ts b/projects/app-crm/src/main.ts index 17202407d..06acb33cd 100644 --- a/projects/app-crm/src/main.ts +++ b/projects/app-crm/src/main.ts @@ -1,4 +1,4 @@ -import { enableProdMode, provideZoneChangeDetection } from '@angular/core'; +import { enableProdMode } from '@angular/core'; import { environment } from './environments/environment'; import { bootstrapApplication } from '@angular/platform-browser'; import { AppComponent } from './app/app.component'; @@ -8,4 +8,4 @@ if (environment.production) { enableProdMode(); } -bootstrapApplication(AppComponent, {...AppConfig, providers: [provideZoneChangeDetection(), ...AppConfig.providers]}).catch((err) => console.error(err)); +bootstrapApplication(AppComponent, AppConfig).catch((err) => console.error(err)); diff --git a/projects/app-crm/src/polyfills.ts b/projects/app-crm/src/polyfills.ts index cf0b9bb2d..705aeb9cc 100644 --- a/projects/app-crm/src/polyfills.ts +++ b/projects/app-crm/src/polyfills.ts @@ -1,5 +1 @@ -// /*************************************************************************************************** -// * Zone JS is required by Angular itself. -// // */ import 'hammerjs/hammer'; -import 'zone.js'; // Included with Angular CLI. diff --git a/projects/app-crm/src/test.ts b/projects/app-crm/src/test.ts index 3ac997f52..4f7b6ae8e 100644 --- a/projects/app-crm/src/test.ts +++ b/projects/app-crm/src/test.ts @@ -1,15 +1,14 @@ -// This file is required by karma.conf.js and loads recursively all the .spec and framework files -import { getTestBed } from '@angular/core/testing'; -import { - BrowserDynamicTestingModule, - platformBrowserDynamicTesting -} from '@angular/platform-browser-dynamic/testing'; -import 'zone.js/testing'; - -// First, initialize the Angular testing environment. -getTestBed().initTestEnvironment( - BrowserDynamicTestingModule, +// This file is required by karma.conf.js and loads recursively all the .spec and framework files +import { getTestBed } from '@angular/core/testing'; +import { + BrowserDynamicTestingModule, + platformBrowserDynamicTesting +} from '@angular/platform-browser-dynamic/testing'; + +// First, initialize the Angular testing environment. +getTestBed().initTestEnvironment( + BrowserDynamicTestingModule, platformBrowserDynamicTesting(), { teardown: { destroyAfterEach: false } -} -); +} +); diff --git a/projects/app-lob/src/app/app.component.ts b/projects/app-lob/src/app/app.component.ts index e6d7a47e5..d38aa4061 100644 --- a/projects/app-lob/src/app/app.component.ts +++ b/projects/app-lob/src/app/app.component.ts @@ -1,5 +1,5 @@ -import { Component, HostListener, OnInit, DOCUMENT, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, HostListener, OnInit, DOCUMENT, inject } from '@angular/core'; import { ActivatedRoute, NavigationEnd, Router, RouterOutlet } from '@angular/router'; import { filter, map, mergeMap } from 'rxjs/operators'; import { SEOService } from './seo.service'; @@ -8,7 +8,6 @@ import { SEOService } from './seo.service'; selector: 'app-root', styleUrls: ['./app.component.scss'], templateUrl: './app.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [RouterOutlet] }) export class AppComponent implements OnInit { diff --git a/projects/app-lob/src/app/grid-dynamic-chart-data/data-analysis-dock-manager/data-analysis-dock-manager.component.ts b/projects/app-lob/src/app/grid-dynamic-chart-data/data-analysis-dock-manager/data-analysis-dock-manager.component.ts index 655a0320b..0ac9fbc73 100644 --- a/projects/app-lob/src/app/grid-dynamic-chart-data/data-analysis-dock-manager/data-analysis-dock-manager.component.ts +++ b/projects/app-lob/src/app/grid-dynamic-chart-data/data-analysis-dock-manager/data-analysis-dock-manager.component.ts @@ -1,5 +1,5 @@ /* eslint-disable max-len */ -import { AfterViewInit, ChangeDetectorRef, ViewContainerRef, Component, CUSTOM_ELEMENTS_SCHEMA, ElementRef, OnInit, Pipe, PipeTransform, QueryList, ViewChild, ViewChildren, TemplateRef, inject, ChangeDetectionStrategy } from '@angular/core'; +import { AfterViewInit, ChangeDetectorRef, ViewContainerRef, Component, CUSTOM_ELEMENTS_SCHEMA, ElementRef, OnInit, Pipe, PipeTransform, QueryList, ViewChild, ViewChildren, TemplateRef, inject } from '@angular/core'; import { IgxChartIntegrationDirective, IgxConditionalFormattingDirective, IgxContextMenuDirective, OPTIONS_TYPE, CHART_TYPE, IDeterminedChartTypesArgs } from 'igniteui-angular-extras'; import { IgcDockManagerLayout, IgcDockManagerPaneType, IgcSplitPane, IgcSplitPaneOrientation } from 'igniteui-dockmanager'; import { FinancialData } from '../../data/financialData'; @@ -58,7 +58,6 @@ export class HastDuplicateLayouts implements PipeTransform { styleUrls: ['./data-analysis-dock-manager.component.scss'], providers: [FloatingPanesService], imports: [IgxGridComponent, IgxConditionalFormattingDirective, IgxChartIntegrationDirective, IgxContextMenuDirective, IgxBadgeComponent, IgxColumnComponent, IgxCellTemplateDirective, NgClass, IgxDividerDirective, DockSlotComponent, DecimalPipe, TitleCasePipe, CurrencyPipe, FilterTypePipe, HastDuplicateLayouts], - changeDetection: ChangeDetectionStrategy.Eager, schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class DataAnalysisDockManagerComponent implements OnInit, AfterViewInit { diff --git a/projects/app-lob/src/app/grid-dynamic-chart-data/data-analysis-dock-manager/dock-slot/dock-slot.component.ts b/projects/app-lob/src/app/grid-dynamic-chart-data/data-analysis-dock-manager/dock-slot/dock-slot.component.ts index fdbd6388b..e6199d57e 100644 --- a/projects/app-lob/src/app/grid-dynamic-chart-data/data-analysis-dock-manager/dock-slot/dock-slot.component.ts +++ b/projects/app-lob/src/app/grid-dynamic-chart-data/data-analysis-dock-manager/dock-slot/dock-slot.component.ts @@ -1,11 +1,10 @@ -import { Component, HostBinding, Input, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, HostBinding, Input, OnInit, ViewChild } from '@angular/core'; import { ChartHostDirective } from '../../directives/chart-integration/chart-integration.directive'; @Component({ selector: 'app-dock-slot', templateUrl: './dock-slot.component.html', styleUrls: ['./dock-slot.component.scss'], - changeDetection: ChangeDetectionStrategy.Eager, imports: [ChartHostDirective] }) export class DockSlotComponent implements OnInit { diff --git a/projects/app-lob/src/app/grid-dynamic-chart-data/grid-dynamic-chart-data.component.ts b/projects/app-lob/src/app/grid-dynamic-chart-data/grid-dynamic-chart-data.component.ts index e9af4cefd..185cb37db 100644 --- a/projects/app-lob/src/app/grid-dynamic-chart-data/grid-dynamic-chart-data.component.ts +++ b/projects/app-lob/src/app/grid-dynamic-chart-data/grid-dynamic-chart-data.component.ts @@ -1,5 +1,5 @@ /* eslint-disable max-len */ -import { AfterViewInit, Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { AfterViewInit, Component, OnInit, ViewChild } from '@angular/core'; import { IgxChartIntegrationDirective, IgxContextMenuDirective, IgxConditionalFormattingDirective, OPTIONS_TYPE, CHART_TYPE } from 'igniteui-angular-extras'; import { FinancialData } from '../data/financialData'; @@ -11,7 +11,6 @@ import { DecimalPipe, CurrencyPipe } from '@angular/common'; selector: 'app-grid-dynamic-chart-data', templateUrl: './grid-dynamic-chart-data.component.html', styleUrls: ['./grid-dynamic-chart-data.component.scss'], - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxChartIntegrationDirective, IgxConditionalFormattingDirective, IgxContextMenuDirective, IgxColumnComponent, IgxCellTemplateDirective, DecimalPipe, CurrencyPipe] }) export class GridDynamicChartDataComponent implements OnInit, AfterViewInit { diff --git a/projects/app-lob/src/app/grid-finjs-dock-manager/dock-slot.component.ts b/projects/app-lob/src/app/grid-finjs-dock-manager/dock-slot.component.ts index 62c86fd77..ddeba6a90 100644 --- a/projects/app-lob/src/app/grid-finjs-dock-manager/dock-slot.component.ts +++ b/projects/app-lob/src/app/grid-finjs-dock-manager/dock-slot.component.ts @@ -1,13 +1,14 @@ // eslint-disable-next-line max-len -import { AfterViewInit, Component, Directive, EventEmitter, HostBinding, Input, OnInit, OnDestroy, Output, ViewChild, ViewContainerRef, inject, ChangeDetectionStrategy } from '@angular/core'; +import { AfterViewInit, Component, Directive, EventEmitter, HostBinding, Input, OnInit, OnDestroy, Output, ViewChild, ViewContainerRef, inject } from '@angular/core'; import { Subject } from 'rxjs'; @Directive({ // eslint-disable-next-line @angular-eslint/directive-selector selector: '[gridHost]' }) -export class GridHostDirective { viewContainerRef = inject(ViewContainerRef); - +export class GridHostDirective { + viewContainerRef = inject(ViewContainerRef); + } @Component({ @@ -16,7 +17,6 @@ export class GridHostDirective { viewContainerRef = inject(ViewContainerRef)
`, - changeDetection: ChangeDetectionStrategy.Eager, imports: [GridHostDirective] }) export class DockSlotComponent implements OnInit, AfterViewInit, OnDestroy { diff --git a/projects/app-lob/src/app/grid-finjs-dock-manager/grid-finjs-dock-manager.component.ts b/projects/app-lob/src/app/grid-finjs-dock-manager/grid-finjs-dock-manager.component.ts index 8242369b2..35951d546 100644 --- a/projects/app-lob/src/app/grid-finjs-dock-manager/grid-finjs-dock-manager.component.ts +++ b/projects/app-lob/src/app/grid-finjs-dock-manager/grid-finjs-dock-manager.component.ts @@ -1,5 +1,5 @@ /* eslint-disable max-len */ -import { AfterViewInit, ChangeDetectorRef, Component, ElementRef, Renderer2, OnDestroy, OnInit, DoCheck, TemplateRef, ViewChild, ViewContainerRef, ViewEncapsulation, CUSTOM_ELEMENTS_SCHEMA, inject, ChangeDetectionStrategy } from '@angular/core'; +import { AfterViewInit, ChangeDetectorRef, Component, ElementRef, Renderer2, OnDestroy, OnInit, DoCheck, TemplateRef, ViewChild, ViewContainerRef, ViewEncapsulation, CUSTOM_ELEMENTS_SCHEMA, inject } from '@angular/core'; import { AbsoluteScrollStrategy, ConnectedPositioningStrategy, DefaultSortingStrategy, GridColumnDataType, IgxOverlayOutletDirective, OverlaySettings, SortingDirection } from 'igniteui-angular/core'; import { IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; @@ -24,7 +24,6 @@ import { AsyncPipe, CurrencyPipe } from '@angular/common'; templateUrl: './grid-finjs-dock-manager.component.html', styleUrls: ['./grid-finjs-dock-manager.component.scss'], imports: [IgxSwitchComponent, FormsModule, IgxSelectComponent, IgxLabelDirective, IgxPrefixDirective, IgxIconComponent, IgxSelectItemComponent, IgxButtonDirective, IgxOverlayOutletDirective, IgxGridComponent, IgxColumnComponent, IgxCellTemplateDirective, IgxPaginatorComponent, GridHostDirective, AsyncPipe, CurrencyPipe], - changeDetection: ChangeDetectionStrategy.Eager, schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class GridFinJSDockManagerComponent implements OnInit, OnDestroy, AfterViewInit, DoCheck { @@ -174,6 +173,7 @@ export class GridFinJSDockManagerComponent implements OnInit, OnDestroy, AfterVi this.data.pipe(takeUntil(this.destroy$)).subscribe((data) => { if (data.length !== 0) { this.isLoading = false; + this.cdr.markForCheck(); }; }); } @@ -225,6 +225,7 @@ export class GridFinJSDockManagerComponent implements OnInit, OnDestroy, AfterVi ignoreCase: false, strategy: DefaultSortingStrategy.instance() }]; + this.cdr.markForCheck(); }, 500); } @@ -303,7 +304,10 @@ export class GridFinJSDockManagerComponent implements OnInit, OnDestroy, AfterVi const componentRef = viewContainerRef.createComponent(IgxGridComponent); const grid = (componentRef.instance as IgxGridComponent); grid.autoGenerate = true; - this.dataService.data.pipe(takeUntil(destructor)).subscribe(d => grid.data = d); + this.dataService.data.pipe(takeUntil(destructor)).subscribe(d => { + grid.data = d; + componentRef.changeDetectorRef.markForCheck(); + }); grid.columnInit.pipe(takeUntil(destructor)).subscribe((col: IgxColumnComponent) => { if (col.field === 'price') { col.cellClasses = this.trends; diff --git a/projects/app-lob/src/app/grid-finjs/controllers.component.ts b/projects/app-lob/src/app/grid-finjs/controllers.component.ts index 515c61570..c8ce5bdfb 100644 --- a/projects/app-lob/src/app/grid-finjs/controllers.component.ts +++ b/projects/app-lob/src/app/grid-finjs/controllers.component.ts @@ -1,25 +1,24 @@ -import { Component, EventEmitter, OnDestroy, OnInit, Output, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, EventEmitter, OnDestroy, OnInit, Output, ViewChild, inject } from '@angular/core'; import { ActivatedRoute } from '@angular/router'; -import { IButtonGroupEventArgs, IgxButtonGroupComponent } from 'igniteui-angular/button-group'; -import { IChangeCheckboxEventArgs } from 'igniteui-angular/checkbox'; -import { ISliderValueChangeEventArgs, IgxSliderComponent } from 'igniteui-angular/slider'; -import { IgxToastComponent } from 'igniteui-angular/toast'; -import { VerticalAlignment } from 'igniteui-angular/core'; +import { IButtonGroupEventArgs, IgxButtonGroupComponent } from 'igniteui-angular/button-group'; +import { IChangeCheckboxEventArgs } from 'igniteui-angular/checkbox'; +import { ISliderValueChangeEventArgs, IgxSliderComponent } from 'igniteui-angular/slider'; +import { IgxToastComponent } from 'igniteui-angular/toast'; +import { VerticalAlignment } from 'igniteui-angular/core'; import { IgxSwitchComponent } from 'igniteui-angular/switch'; import { Observable, Subscription, timer } from 'rxjs'; -import { debounce } from 'rxjs/operators'; - +import { debounce } from 'rxjs/operators'; + import { FormsModule } from '@angular/forms'; -@Component({ - selector: 'app-finjs-controllers', - styleUrls: ['./controllers.component.scss'], - templateUrl: './controllers.component.html', - changeDetection: ChangeDetectionStrategy.Eager, - imports: [IgxSwitchComponent, FormsModule, IgxSliderComponent, IgxButtonGroupComponent, IgxToastComponent] +@Component({ + selector: 'app-finjs-controllers', + styleUrls: ['./controllers.component.scss'], + templateUrl: './controllers.component.html', + imports: [IgxSwitchComponent, FormsModule, IgxSliderComponent, IgxButtonGroupComponent, IgxToastComponent] }) -export class ControllerComponent implements OnInit, OnDestroy { - private router = inject(ActivatedRoute); +export class ControllerComponent implements OnInit, OnDestroy { + private router = inject(ActivatedRoute); @ViewChild('buttonGroup1', { static: true }) public playButtons: IgxButtonGroupComponent; @ViewChild('slider1', { static: true }) public volumeSlider: IgxSliderComponent; @@ -69,7 +68,7 @@ export class ControllerComponent implements OnInit, OnDestroy { this.frequencyChanged$ = this.intervalSlider.valueChange.pipe(debounce(() => timer(200))); this.frequencyChangedSubscription = this.frequencyChanged$ .subscribe(() => this.frequencyChanged.emit(this.intervalSlider.value as number)); - + this.toast.positionSettings.verticalDirection = VerticalAlignment.Middle; // Hide theme switcher diff --git a/projects/app-lob/src/app/grid-finjs/grid-finjs.component.ts b/projects/app-lob/src/app/grid-finjs/grid-finjs.component.ts index 7ec11ce66..ea92f0c90 100644 --- a/projects/app-lob/src/app/grid-finjs/grid-finjs.component.ts +++ b/projects/app-lob/src/app/grid-finjs/grid-finjs.component.ts @@ -1,6 +1,6 @@ /* eslint-disable max-len */ import { AsyncPipe, CurrencyPipe } from '@angular/common'; -import { Component, ElementRef, EventEmitter, Input, OnInit, Output, ViewChild, DOCUMENT, inject, ChangeDetectionStrategy } from '@angular/core'; +import { ChangeDetectorRef, Component, ElementRef, EventEmitter, Input, OnInit, Output, ViewChild, DOCUMENT, inject } from '@angular/core'; import { CellType, GridSelectionMode, IColumnExportingEventArgs, IGridKeydownEventArgs, IRowSelectionEventArgs, IgxCellEditorTemplateDirective, IgxCellTemplateDirective, IgxColumnComponent, IgxExcelTextDirective, IgxExporterEvent, IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarExporterComponent, IgxGridToolbarHidingComponent, IgxGridToolbarPinningComponent, IgxPdfExporterOptions, IgxPdfExporterService, IgxPdfTextDirective } from 'igniteui-angular/grids/core'; import { DefaultSortingStrategy, IgxOverlayOutletDirective, OverlaySettings, SortingDirection } from 'igniteui-angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; @@ -17,13 +17,13 @@ import { FormsModule } from '@angular/forms'; selector: 'app-finjs-grid', templateUrl: './grid-finjs.component.html', styleUrls: ['./grid-finjs.component.scss'], - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxGridToolbarActionsComponent, IgxGridToolbarHidingComponent, IgxGridToolbarPinningComponent, IgxGridToolbarExporterComponent, IgxExcelTextDirective, IgxPdfTextDirective, IgxColumnComponent, IgxCellEditorTemplateDirective, IgxSelectComponent, FormsModule, IgxFocusDirective, IgxSelectItemComponent, IgxCellTemplateDirective, IgxIconComponent, IgxIconButtonDirective, IgxOverlayOutletDirective, AsyncPipe, CurrencyPipe] }) export class GridFinJSComponent implements OnInit { private el = inject(ElementRef); private document = inject(DOCUMENT); private pdfExportService = inject(IgxPdfExporterService); + private cdr = inject(ChangeDetectorRef); dataService = inject(SignalRService); @ViewChild('grid1', { static: true }) public grid: IgxGridComponent; @@ -56,6 +56,7 @@ export class GridFinJSComponent implements OnInit { this.data$.subscribe((data) => { if (data.length !== 0) { this.isLoading = false; + this.cdr.markForCheck(); }; }); diff --git a/projects/app-lob/src/app/grid-finjs/main.component.ts b/projects/app-lob/src/app/grid-finjs/main.component.ts index d2e5011c8..4be09a32a 100644 --- a/projects/app-lob/src/app/grid-finjs/main.component.ts +++ b/projects/app-lob/src/app/grid-finjs/main.component.ts @@ -1,4 +1,4 @@ -import { AfterViewInit, Component, HostBinding, OnDestroy, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { AfterViewInit, ChangeDetectorRef, Component, HostBinding, OnDestroy, ViewChild, inject } from '@angular/core'; import { Router } from '@angular/router'; import { IgxDialogActionsDirective, IgxDialogComponent, IgxDialogTitleDirective } from 'igniteui-angular/dialog'; import { IgxOverlayOutletDirective, OverlaySettings } from 'igniteui-angular/core'; @@ -12,10 +12,11 @@ import { GridFinJSComponent } from './grid-finjs.component'; selector: 'app-finjs-main', styleUrls: ['./main.component.scss'], templateUrl: './main.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [ControllerComponent, GridFinJSComponent, IgxOverlayOutletDirective, IgxDialogComponent, IgxDialogTitleDirective, IgxCategoryChartModule, IgxDialogActionsDirective, IgxButtonDirective, IgxFocusDirective] }) export class FinJSDemoComponent implements OnDestroy, AfterViewInit { + private cdr = inject(ChangeDetectorRef); + @ViewChild('finGrid', { static: true }) public finGrid: GridFinJSComponent; @ViewChild('controllers', { static: true }) public controller: ControllerComponent; @ViewChild('dialog', { static: true }) public dialog: IgxDialogComponent; @@ -175,6 +176,7 @@ export class FinJSDemoComponent implements OnDestroy, AfterViewInit { this.chartData[0].region + ' Region'; this.dialog.open(); + this.cdr.markForCheck(); }, 200); } diff --git a/projects/app-lob/src/app/grid/grid-boston-marathon/grid.component.ts b/projects/app-lob/src/app/grid/grid-boston-marathon/grid.component.ts index 1657c9c02..35687a089 100644 --- a/projects/app-lob/src/app/grid/grid-boston-marathon/grid.component.ts +++ b/projects/app-lob/src/app/grid/grid-boston-marathon/grid.component.ts @@ -1,4 +1,4 @@ -import { Component, HostListener, OnDestroy, OnInit, ViewChild, ElementRef, AfterViewInit, DOCUMENT, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, HostListener, OnDestroy, OnInit, ViewChild, ElementRef, AfterViewInit, DOCUMENT, inject, ChangeDetectorRef } from '@angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { CellType, IgxCellTemplateDirective, IgxColumnComponent, IgxNumberSummaryOperand } from 'igniteui-angular/grids/core'; import { AbsolutePosition, IgxOverlayService, IgxStringFilteringOperand, IgxSummaryResult, OverlayClosingEventArgs, OverlaySettings } from 'igniteui-angular/core'; @@ -18,12 +18,12 @@ import { IgxSparklineCoreModule } from 'igniteui-angular-charts'; selector: 'app-grid', styleUrls: ['./grid.component.scss'], templateUrl: './grid.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSwitchComponent, FormsModule, IgxInputGroupComponent, IgxInputDirective, IgxGridComponent, IgxPreventDocumentScrollDirective, IgxPaginatorComponent, IgxColumnComponent, IgxCellTemplateDirective, IgxAvatarComponent, IgxBadgeComponent, IgxSparklineCoreModule, IgxCircularProgressBarComponent, NgClass, DecimalPipe] }) export class GridComponent implements OnInit, OnDestroy, AfterViewInit { overlayService = inject(IgxOverlayService); private document = inject(DOCUMENT); + private cdr = inject(ChangeDetectorRef); @ViewChild('grid1', { read: IgxGridComponent, static: true }) @@ -60,7 +60,7 @@ export class GridComponent implements OnInit, OnDestroy, AfterViewInit { set live(val: boolean) { this._live = val; if (this._live) { - this._timer = setInterval(() => this.ticker(), 1500); + this.startTicker(); } else { clearInterval(this._timer); } @@ -85,9 +85,10 @@ export class GridComponent implements OnInit, OnDestroy, AfterViewInit { this.localData = АthletesData.slice(0, 30).sort((a, b) => b.TrackProgress - a.TrackProgress); this.localData.forEach(rec => this.getSpeed(rec)); this.windowWidth = this.document.defaultView.innerWidth; - this._timer = setInterval(() => this.ticker(), 1500); + this.startTicker(); this.overlayService.closing.subscribe((event: OverlayClosingEventArgs) => { this.showOverlay = false; + this.cdr.markForCheck(); }); } @@ -230,6 +231,13 @@ export class GridComponent implements OnInit, OnDestroy, AfterViewInit { this.manageRace(); } + private startTicker(): void { + this._timer = setInterval(() => { + this.ticker(); + this.cdr.markForCheck(); + }, 1500); + } + private getRandomNumber(min: number, max: number): number { return Math.round(min + Math.random() * (max - min)); } diff --git a/projects/app-lob/src/app/grid/grid-master-detail/grid-master-detail.component.ts b/projects/app-lob/src/app/grid/grid-master-detail/grid-master-detail.component.ts index a95bdcc4e..727a766af 100644 --- a/projects/app-lob/src/app/grid/grid-master-detail/grid-master-detail.component.ts +++ b/projects/app-lob/src/app/grid/grid-master-detail/grid-master-detail.component.ts @@ -1,5 +1,5 @@ /* eslint-disable @typescript-eslint/naming-convention */ -import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild } from '@angular/core'; import { IgxColumnComponent, IgxGridDetailTemplateDirective } from 'igniteui-angular/grids/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxTabContentComponent, IgxTabHeaderComponent, IgxTabHeaderLabelDirective, IgxTabItemComponent, IgxTabsComponent } from 'igniteui-angular/tabs'; @@ -13,7 +13,6 @@ import { IgxPreventDocumentScrollDirective } from '../../../../../../src/app/dir selector: 'app-grid-master-detail', styleUrls: ['./grid-master-detail.component.scss'], templateUrl: 'grid-master-detail.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxGridDetailTemplateDirective, IgxTabsComponent, IgxTabItemComponent, IgxTabHeaderComponent, IgxTabHeaderLabelDirective, IgxTabContentComponent, IgxAvatarComponent, IgxDividerDirective, IgxPieChartCoreModule, IgxLegendModule, IgxCategoryChartModule] }) diff --git a/projects/app-lob/src/app/hierarchical-grid/hierarchical-grid-column-resizing/hierarchical-grid-resizing.component.ts b/projects/app-lob/src/app/hierarchical-grid/hierarchical-grid-column-resizing/hierarchical-grid-resizing.component.ts index be8506e6a..1654fc816 100644 --- a/projects/app-lob/src/app/hierarchical-grid/hierarchical-grid-column-resizing/hierarchical-grid-resizing.component.ts +++ b/projects/app-lob/src/app/hierarchical-grid/hierarchical-grid-column-resizing/hierarchical-grid-resizing.component.ts @@ -1,4 +1,4 @@ -import { Component, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, inject } from '@angular/core'; import { IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { RemoteValuesService } from '../../services/remoteValues.service'; @@ -10,7 +10,6 @@ import { IgxSparklineCoreModule } from 'igniteui-angular-charts'; styleUrls: ['./hierarchical-grid-resizing.component.scss'], templateUrl: 'hierarchical-grid-resizing.component.html', providers: [RemoteValuesService], - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxSparklineCoreModule, IgxRowIslandComponent] }) diff --git a/projects/app-lob/src/app/home/home.component.ts b/projects/app-lob/src/app/home/home.component.ts index 99f3fc2bc..efc7d1d38 100644 --- a/projects/app-lob/src/app/home/home.component.ts +++ b/projects/app-lob/src/app/home/home.component.ts @@ -1,9 +1,8 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'app-home', styleUrls: ['./home.component.scss'], - changeDetection: ChangeDetectionStrategy.Eager, templateUrl: './home.component.html' }) export class HomeComponent { diff --git a/projects/app-lob/src/app/index/docs-layout.component.ts b/projects/app-lob/src/app/index/docs-layout.component.ts index a3e41e908..686d197eb 100644 --- a/projects/app-lob/src/app/index/docs-layout.component.ts +++ b/projects/app-lob/src/app/index/docs-layout.component.ts @@ -1,12 +1,11 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { RouterOutlet } from '@angular/router'; @Component({ selector: 'app-docs-layout', styleUrls: ['./docs-layout.component.scss'], template: ``, - changeDetection: ChangeDetectionStrategy.Eager, imports: [RouterOutlet] }) diff --git a/projects/app-lob/src/app/index/index.component.ts b/projects/app-lob/src/app/index/index.component.ts index 00d5e36aa..278d05af3 100644 --- a/projects/app-lob/src/app/index/index.component.ts +++ b/projects/app-lob/src/app/index/index.component.ts @@ -1,4 +1,4 @@ -import { AfterViewInit, ChangeDetectorRef, Component, OnInit, ViewChild, DOCUMENT, inject, ChangeDetectionStrategy } from '@angular/core'; +import { AfterViewInit, ChangeDetectorRef, Component, OnInit, ViewChild, DOCUMENT, inject } from '@angular/core'; import { NavigationStart, Route, Router, RouterLinkActive, RouterLink, RouterOutlet } from '@angular/router'; import { IgxNavDrawerItemDirective, IgxNavDrawerTemplateDirective, IgxNavigationDrawerComponent } from 'igniteui-angular/navigation-drawer'; import { IgxFlexDirective, IgxIconButtonDirective, IgxLayoutDirective, IgxRippleDirective } from 'igniteui-angular/directives'; @@ -22,7 +22,6 @@ import { FormsModule } from '@angular/forms'; selector: 'app-index', styleUrls: ['./index.component.scss'], templateUrl: './index.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxLayoutDirective, IgxNavigationDrawerComponent, IgxNavDrawerTemplateDirective, IgxNavDrawerItemDirective, IgxRippleDirective, RouterLinkActive, RouterLink, IgxIconButtonDirective, IgxIconComponent, IgxInputGroupComponent, IgxPrefixDirective, FormsModule, IgxInputDirective, IgxSuffixDirective, IgxFlexDirective, IgxNavbarComponent, RouterOutlet] }) export class IndexComponent implements OnInit, AfterViewInit { diff --git a/projects/app-lob/src/app/tree-grid/tree-grid-childdatakey-sample/tree-grid-childdatakey-sample.component.ts b/projects/app-lob/src/app/tree-grid/tree-grid-childdatakey-sample/tree-grid-childdatakey-sample.component.ts index 8c4145e32..0c1bcebd9 100644 --- a/projects/app-lob/src/app/tree-grid/tree-grid-childdatakey-sample/tree-grid-childdatakey-sample.component.ts +++ b/projects/app-lob/src/app/tree-grid/tree-grid-childdatakey-sample/tree-grid-childdatakey-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, inject } from '@angular/core'; import { GridSelectionMode, IgxCSVTextDirective, IgxCellTemplateDirective, IgxColumnComponent, IgxExcelTextDirective, IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarExporterComponent, IgxGridToolbarHidingComponent, IgxGridToolbarPinningComponent, IgxGridToolbarTitleComponent, IColumnExportingEventArgs, IgxCsvExporterService, IgxExcelExporterService } from 'igniteui-angular/grids/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxPaginatorComponent } from 'igniteui-angular/paginator'; @@ -10,7 +10,6 @@ import { IgxSparklineCoreModule } from 'igniteui-angular-charts'; selector: 'app-tree-grid-childdatakey-sample', styleUrls: ['./tree-grid-childdatakey-sample.component.scss'], templateUrl: './tree-grid-childdatakey-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxPaginatorComponent, IgxGridToolbarComponent, IgxGridToolbarTitleComponent, IgxGridToolbarActionsComponent, IgxGridToolbarHidingComponent, IgxGridToolbarPinningComponent, IgxGridToolbarExporterComponent, IgxExcelTextDirective, IgxCSVTextDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxSparklineCoreModule] }) export class TreeGridChilddatakeySampleComponent implements OnInit { diff --git a/projects/app-lob/src/app/tree-grid/tree-grid-primaryforeignkey-sample/tree-grid-primaryforeignkey-sample.component.ts b/projects/app-lob/src/app/tree-grid/tree-grid-primaryforeignkey-sample/tree-grid-primaryforeignkey-sample.component.ts index cb8b93022..44d0bbce5 100644 --- a/projects/app-lob/src/app/tree-grid/tree-grid-primaryforeignkey-sample/tree-grid-primaryforeignkey-sample.component.ts +++ b/projects/app-lob/src/app/tree-grid/tree-grid-primaryforeignkey-sample/tree-grid-primaryforeignkey-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { GridSelectionMode, IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { Data } from './data'; @@ -9,7 +9,6 @@ import { IgxSparklineCoreModule } from 'igniteui-angular-charts'; selector: 'app-tree-grid-primaryforeignkey-sample', styleUrls: ['./tree-grid-primaryforeignkey-sample.component.scss'], templateUrl: './tree-grid-primaryforeignkey-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxSparklineCoreModule] }) export class TreeGridPrimaryforeignkeySampleComponent implements OnInit { diff --git a/projects/app-lob/src/app/treegrid-finjs/tree-grid-finjs-sample.component.ts b/projects/app-lob/src/app/treegrid-finjs/tree-grid-finjs-sample.component.ts index b832a3ab6..872b272e7 100644 --- a/projects/app-lob/src/app/treegrid-finjs/tree-grid-finjs-sample.component.ts +++ b/projects/app-lob/src/app/treegrid-finjs/tree-grid-finjs-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, ElementRef, OnInit, OnDestroy, ViewChild, HostBinding, inject, ChangeDetectionStrategy } from '@angular/core'; +import { ChangeDetectorRef, Component, ElementRef, OnInit, OnDestroy, ViewChild, HostBinding, inject } from '@angular/core'; import { AbsoluteScrollStrategy, ConnectedPositioningStrategy, DefaultSortingStrategy, HorizontalAlignment, IGroupingExpression, IgxOverlayOutletDirective, OverlaySettings, PositionSettings, TreeGridFilteringStrategy, VerticalAlignment } from 'igniteui-angular/core'; import { IgxButtonGroupComponent } from 'igniteui-angular/button-group'; import { ITreeGridAggregation, IgxGroupedTreeGridSorting, IgxTreeGridComponent, IgxTreeGridGroupByAreaComponent, IgxTreeGridGroupingPipe } from 'igniteui-angular/grids/tree-grid'; @@ -18,12 +18,12 @@ import { IgxPreventDocumentScrollDirective } from '../../../../../src/app/direct selector: 'app-tree-grid-finjs-sample', styleUrls: ['./tree-grid-finjs-sample.component.scss'], templateUrl: './tree-grid-finjs-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSliderComponent, FormsModule, IgxButtonGroupComponent, IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxGridToolbarActionsComponent, IgxGridToolbarPinningComponent, IgxGridToolbarHidingComponent, IgxGridToolbarExporterComponent, IgxTreeGridGroupByAreaComponent, IgxColumnComponent, IgxCellEditorTemplateDirective, IgxSelectComponent, IgxFocusDirective, IgxSelectItemComponent, IgxCellTemplateDirective, IgxIconComponent, IgxOverlayOutletDirective, AsyncPipe, CurrencyPipe, DatePipe, IgxTreeGridGroupingPipe] }) export class TreeGridFinJSComponent implements OnDestroy, OnInit { private elRef = inject(ElementRef); + private cdr = inject(ChangeDetectorRef); dataService = inject(SignalRService); @ViewChild('grid1', { static: true }) public grid1!: IgxTreeGridComponent; @@ -114,6 +114,7 @@ export class TreeGridFinJSComponent implements OnDestroy, OnInit { this.data$.subscribe((data) => { if (data.length !== 0) { this.isLoading = false; + this.cdr.markForCheck(); }; }); } diff --git a/projects/app-lob/src/environments/environment.ts b/projects/app-lob/src/environments/environment.ts index 30d7bccb1..5dd10dc00 100644 --- a/projects/app-lob/src/environments/environment.ts +++ b/projects/app-lob/src/environments/environment.ts @@ -5,12 +5,3 @@ export const environment = { production: false }; - -/* - * For easier debugging in development mode, you can import the following file - * to ignore zone related error stack frames such as `zone.run`, `zoneDelegate.invokeTask`. - * - * This import should be commented out in production mode because it will have a negative impact - * on performance if an error is thrown. - */ -// import 'zone.js/plugins/zone-error'; // Included with Angular CLI. diff --git a/projects/app-lob/src/main.server.ts b/projects/app-lob/src/main.server.ts index 9c6485729..fbd3e9dbd 100644 --- a/projects/app-lob/src/main.server.ts +++ b/projects/app-lob/src/main.server.ts @@ -1,8 +1,7 @@ -import { provideZoneChangeDetection } from "@angular/core"; import { bootstrapApplication, BootstrapContext } from '@angular/platform-browser'; import { AppComponent } from './app/app.component'; import { config } from './app/app.config.server'; -const bootstrap = (context: BootstrapContext) => bootstrapApplication(AppComponent, {...config, providers: [provideZoneChangeDetection(), ...config.providers]}, context); +const bootstrap = (context: BootstrapContext) => bootstrapApplication(AppComponent, config, context); export default bootstrap; diff --git a/projects/app-lob/src/main.ts b/projects/app-lob/src/main.ts index 38bdcd8b5..785d0e1bc 100644 --- a/projects/app-lob/src/main.ts +++ b/projects/app-lob/src/main.ts @@ -1,4 +1,4 @@ -import { enableProdMode, provideZoneChangeDetection } from '@angular/core'; +import { enableProdMode } from '@angular/core'; import { defineCustomElements } from 'igniteui-dockmanager/loader'; @@ -11,6 +11,6 @@ if (environment.production) { enableProdMode(); } -bootstrapApplication(AppComponent, {...AppConfig, providers: [provideZoneChangeDetection(), ...AppConfig.providers]}).catch(err => console.error(err)); +bootstrapApplication(AppComponent, AppConfig).catch(err => console.error(err)); defineCustomElements(window); diff --git a/projects/app-lob/src/polyfills.ts b/projects/app-lob/src/polyfills.ts index 665b7dacb..1ccbc6ae9 100644 --- a/projects/app-lob/src/polyfills.ts +++ b/projects/app-lob/src/polyfills.ts @@ -3,9 +3,8 @@ * You can add your own extra polyfills to this file. * * This file is divided into 2 sections: - * 1. Browser polyfills. These are applied before loading ZoneJS and are sorted by browsers. - * 2. Application imports. Files imported after ZoneJS that should be loaded before your main - * file. + * 1. Browser polyfills. These are sorted by browsers. + * 2. Application imports. Files imported before your main file. * * The current setup is for so-called 'evergreen' browsers; the last versions of browsers that * automatically update themselves. This includes Safari >= 10, Chrome >= 55 (including Opera), @@ -29,11 +28,7 @@ // Used for reflect-metadata in JIT. If you use AOT (and only Angular decorators), you can remove. //import 'core-js/es7/reflect'; // Run `npm install --save web-animations-js`. -/*************************************************************************************************** - * Zone JS is required by Angular itself. - */ import 'hammerjs/hammer'; -import 'zone.js'; // Included with Angular CLI. /*************************************************************************************************** * @angular/animations polyfill diff --git a/projects/app-lob/src/test.ts b/projects/app-lob/src/test.ts index 60f267241..387b0584a 100644 --- a/projects/app-lob/src/test.ts +++ b/projects/app-lob/src/test.ts @@ -5,7 +5,6 @@ import { BrowserDynamicTestingModule, platformBrowserDynamicTesting } from '@angular/platform-browser-dynamic/testing'; -import 'zone.js/testing'; // First, initialize the Angular testing environment. getTestBed().initTestEnvironment( diff --git a/src/app/app.component.ts b/src/app/app.component.ts index bb3ccc95d..104654744 100644 --- a/src/app/app.component.ts +++ b/src/app/app.component.ts @@ -1,12 +1,11 @@ -import { Component, HostListener, OnInit, DOCUMENT, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, HostListener, OnInit, DOCUMENT, inject } from '@angular/core'; import { RouterOutlet } from '@angular/router'; @Component({ selector: 'app-root', styleUrls: ['./app.component.scss'], templateUrl: './app.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [RouterOutlet] }) export class AppComponent implements OnInit { diff --git a/src/app/data-display/badge/badge-dot-sample/badge-dot-sample.component.ts b/src/app/data-display/badge/badge-dot-sample/badge-dot-sample.component.ts index 3459cb7d4..23cbbb538 100644 --- a/src/app/data-display/badge/badge-dot-sample/badge-dot-sample.component.ts +++ b/src/app/data-display/badge/badge-dot-sample/badge-dot-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxAvatarComponent } from 'igniteui-angular/avatar'; import { IgxBadgeComponent } from 'igniteui-angular/badge'; @@ -6,7 +6,6 @@ import { IgxBadgeComponent } from 'igniteui-angular/badge'; selector: 'app-badge-dot-sample', styleUrls: ['./badge-dot-sample.component.scss'], templateUrl: './badge-dot-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxAvatarComponent, IgxBadgeComponent] }) export class BadgeDotSampleComponent { } diff --git a/src/app/data-display/badge/badge-icon/badge-icon.component.ts b/src/app/data-display/badge/badge-icon/badge-icon.component.ts index fd41beb12..baea07f9b 100644 --- a/src/app/data-display/badge/badge-icon/badge-icon.component.ts +++ b/src/app/data-display/badge/badge-icon/badge-icon.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, inject } from '@angular/core'; import { heartMonitor } from '@igniteui/material-icons-extended'; import { IgxIconService } from 'igniteui-angular/icon'; import { IgxAvatarComponent } from 'igniteui-angular/avatar'; @@ -8,7 +8,6 @@ import { IgxBadgeComponent } from 'igniteui-angular/badge'; selector: 'app-badge-icon', styleUrls: ['./badge-icon.component.scss'], templateUrl: './badge-icon.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxAvatarComponent, IgxBadgeComponent] }) export class BadgeIconComponent implements OnInit { diff --git a/src/app/data-display/badge/badge-sample-2/badge-sample-2.component.ts b/src/app/data-display/badge/badge-sample-2/badge-sample-2.component.ts index 3f22d5296..a41285282 100644 --- a/src/app/data-display/badge/badge-sample-2/badge-sample-2.component.ts +++ b/src/app/data-display/badge/badge-sample-2/badge-sample-2.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxAvatarComponent } from 'igniteui-angular/avatar'; import { IgxBadgeComponent } from 'igniteui-angular/badge'; @@ -6,7 +6,6 @@ import { IgxBadgeComponent } from 'igniteui-angular/badge'; selector: 'app-badge-sample-2', styleUrls: ['./badge-sample-2.component.scss'], templateUrl: './badge-sample-2.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxAvatarComponent, IgxBadgeComponent] }) export class BadgeSample2Component { } diff --git a/src/app/data-display/badge/badge-sample-3/badge-sample-3.component.ts b/src/app/data-display/badge/badge-sample-3/badge-sample-3.component.ts index 446dc994d..00cdf74e7 100644 --- a/src/app/data-display/badge/badge-sample-3/badge-sample-3.component.ts +++ b/src/app/data-display/badge/badge-sample-3/badge-sample-3.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { Member } from '../model/member.model'; import { IgxListComponent, IgxListItemComponent } from 'igniteui-angular/list'; import { IgxAvatarComponent } from 'igniteui-angular/avatar'; @@ -9,7 +9,6 @@ import { IgxBadgeComponent } from 'igniteui-angular/badge'; selector: 'app-badge-sample-3', styleUrls: ['./badge-sample-3.component.scss'], templateUrl: './badge-sample-3.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxListComponent, IgxListItemComponent, IgxAvatarComponent, IgxBadgeComponent] }) export class BadgeSample3Component { diff --git a/src/app/data-display/badge/badge-styling-sample/badge-styling-sample.component.ts b/src/app/data-display/badge/badge-styling-sample/badge-styling-sample.component.ts index 55b522e70..03aaac9d4 100644 --- a/src/app/data-display/badge/badge-styling-sample/badge-styling-sample.component.ts +++ b/src/app/data-display/badge/badge-styling-sample/badge-styling-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { Member } from '../model/member.model'; import { IgxListComponent, IgxListItemComponent } from 'igniteui-angular/list'; import { IgxAvatarComponent } from 'igniteui-angular/avatar'; @@ -9,7 +9,6 @@ import { IgxBadgeComponent } from 'igniteui-angular/badge'; selector: 'app-badge-styling-sample', styleUrls: ['./badge-styling-sample.component.scss'], templateUrl: './badge-styling-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxListComponent, IgxListItemComponent, IgxAvatarComponent, IgxBadgeComponent] }) export class BadgeStylingSampleComponent { diff --git a/src/app/data-display/badge/badge-tailwind-styling-sample/badge-tailwind-styling-sample.component.ts b/src/app/data-display/badge/badge-tailwind-styling-sample/badge-tailwind-styling-sample.component.ts index 394ebbcc8..ee9e7d5c1 100644 --- a/src/app/data-display/badge/badge-tailwind-styling-sample/badge-tailwind-styling-sample.component.ts +++ b/src/app/data-display/badge/badge-tailwind-styling-sample/badge-tailwind-styling-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { Member } from '../model/member.model'; import { IgxListComponent, IgxListItemComponent } from 'igniteui-angular/list'; import { IgxAvatarComponent } from 'igniteui-angular/avatar'; @@ -9,7 +9,6 @@ import { IgxBadgeComponent } from 'igniteui-angular/badge'; selector: 'app-badge-tailwind-styling-sample', styleUrls: ['./badge-tailwind-styling-sample.component.scss'], templateUrl: './badge-tailwind-styling-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxListComponent, IgxListItemComponent, IgxAvatarComponent, IgxBadgeComponent] }) export class BadgeTailwindStylingSampleComponent { diff --git a/src/app/data-display/chip/chip-area-sample/chip-area-sample.component.ts b/src/app/data-display/chip/chip-area-sample/chip-area-sample.component.ts index ed7489a7a..6f3cf48dd 100644 --- a/src/app/data-display/chip/chip-area-sample/chip-area-sample.component.ts +++ b/src/app/data-display/chip/chip-area-sample/chip-area-sample.component.ts @@ -1,4 +1,4 @@ -import { ChangeDetectorRef, Component, inject, ChangeDetectionStrategy } from '@angular/core'; +import { ChangeDetectorRef, Component, inject } from '@angular/core'; import { IBaseChipEventArgs, IChipsAreaReorderEventArgs, IgxChipComponent, IgxChipsAreaComponent } from 'igniteui-angular/chips'; import { IgxAvatarComponent } from 'igniteui-angular/avatar'; import { IgxPrefixDirective } from 'igniteui-angular/input-group'; @@ -9,7 +9,6 @@ import { IgxIconComponent } from 'igniteui-angular/icon'; selector: 'app-chip-area-sample', styleUrls: ['./chip-area-sample.component.scss'], templateUrl: './chip-area-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxChipsAreaComponent, IgxChipComponent, IgxAvatarComponent, IgxPrefixDirective, IgxIconComponent] }) diff --git a/src/app/data-display/chip/chip-simple/chip-simple.component.ts b/src/app/data-display/chip/chip-simple/chip-simple.component.ts index 6b3f3b1f3..3d5d9d629 100644 --- a/src/app/data-display/chip/chip-simple/chip-simple.component.ts +++ b/src/app/data-display/chip/chip-simple/chip-simple.component.ts @@ -1,4 +1,4 @@ -import { ChangeDetectorRef, Component, inject, ChangeDetectionStrategy } from '@angular/core'; +import { ChangeDetectorRef, Component, inject } from '@angular/core'; import { IBaseChipEventArgs, IgxChipComponent } from 'igniteui-angular/chips'; import { IgxIconComponent } from 'igniteui-angular/icon'; import { IgxPrefixDirective } from 'igniteui-angular/input-group'; @@ -8,7 +8,6 @@ import { IgxPrefixDirective } from 'igniteui-angular/input-group'; selector: 'app-chip-simple', styleUrls: ['./chip-simple.component.scss'], templateUrl: './chip-simple.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxChipComponent, IgxIconComponent, IgxPrefixDirective] }) diff --git a/src/app/data-display/chip/chip-styling/chip-styling.component.ts b/src/app/data-display/chip/chip-styling/chip-styling.component.ts index 2c951ef95..f3ac4516d 100644 --- a/src/app/data-display/chip/chip-styling/chip-styling.component.ts +++ b/src/app/data-display/chip/chip-styling/chip-styling.component.ts @@ -1,4 +1,4 @@ -import { ChangeDetectorRef, Component, inject, OnInit, ChangeDetectionStrategy } from '@angular/core'; +import { ChangeDetectorRef, Component, inject, OnInit } from '@angular/core'; import { facebook, linkedin } from '@igniteui/material-icons-extended'; import { IgxChipComponent, IgxChipsAreaComponent } from 'igniteui-angular/chips'; import { IgxIconComponent, IgxIconService } from 'igniteui-angular/icon'; @@ -9,7 +9,6 @@ import { NgClass } from '@angular/common'; selector: 'app-chip', styleUrls: ['./chip-styling.component.scss'], templateUrl: './chip-styling.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxChipsAreaComponent, IgxChipComponent, IgxIconComponent, IgxPrefixDirective, NgClass] }) diff --git a/src/app/data-display/chip/chip-tailwind-styling/chip-tailwind-styling.component.ts b/src/app/data-display/chip/chip-tailwind-styling/chip-tailwind-styling.component.ts index cb5f9dd51..7a5fc1a13 100644 --- a/src/app/data-display/chip/chip-tailwind-styling/chip-tailwind-styling.component.ts +++ b/src/app/data-display/chip/chip-tailwind-styling/chip-tailwind-styling.component.ts @@ -1,4 +1,4 @@ -import { ChangeDetectorRef, Component, inject, ChangeDetectionStrategy } from '@angular/core'; +import { ChangeDetectorRef, Component, inject } from '@angular/core'; import { IBaseChipEventArgs, IChipsAreaReorderEventArgs, IgxChipComponent, IgxChipsAreaComponent } from 'igniteui-angular/chips'; import { IgxIconComponent } from 'igniteui-angular/icon'; import { IgxPrefixDirective } from 'igniteui-angular/input-group'; @@ -8,7 +8,6 @@ import { IgxPrefixDirective } from 'igniteui-angular/input-group'; selector: 'app-chip-tailwind-styling', styleUrls: ['./chip-tailwind-styling.component.scss'], templateUrl: './chip-tailwind-styling.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxChipsAreaComponent, IgxChipComponent, IgxIconComponent, IgxPrefixDirective] }) diff --git a/src/app/data-display/chip/chip-variants/chip-variants.component.ts b/src/app/data-display/chip/chip-variants/chip-variants.component.ts index d88eb7168..b6f1a6be6 100644 --- a/src/app/data-display/chip/chip-variants/chip-variants.component.ts +++ b/src/app/data-display/chip/chip-variants/chip-variants.component.ts @@ -1,11 +1,10 @@ -import { ChangeDetectorRef, Component, inject, ChangeDetectionStrategy } from '@angular/core'; +import { ChangeDetectorRef, Component, inject } from '@angular/core'; import { IBaseChipEventArgs, IgxChipComponent, IgxChipTypeVariant } from 'igniteui-angular/chips'; @Component({ selector: 'app-chip-variants', styleUrls: ['./chip-variants.component.scss'], templateUrl: './chip-variants.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxChipComponent] }) export class ChipVariantsComponent { diff --git a/src/app/data-display/circular-progressbar/circular-dynamic-sample/circular-dynamic-sample.component.ts b/src/app/data-display/circular-progressbar/circular-dynamic-sample/circular-dynamic-sample.component.ts index 132b11087..5636e987a 100644 --- a/src/app/data-display/circular-progressbar/circular-dynamic-sample/circular-dynamic-sample.component.ts +++ b/src/app/data-display/circular-progressbar/circular-dynamic-sample/circular-dynamic-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { IgxCircularProgressBarComponent, IgxProgressBarGradientDirective } from 'igniteui-angular/progressbar'; import { IgxIconButtonDirective } from 'igniteui-angular/directives'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -7,7 +7,6 @@ import { IgxIconComponent } from 'igniteui-angular/icon'; selector: 'app-circular-dynamic-sample', styleUrls: ['./circular-dynamic-sample.component.scss'], templateUrl: './circular-dynamic-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxCircularProgressBarComponent, IgxProgressBarGradientDirective, IgxIconButtonDirective, IgxIconComponent] }) export class CircularDynamicSampleComponent implements OnInit { diff --git a/src/app/data-display/circular-progressbar/circular-indeterminate-progressbar/circular-indeterminate-progressbar.component.ts b/src/app/data-display/circular-progressbar/circular-indeterminate-progressbar/circular-indeterminate-progressbar.component.ts index 955b4ee4f..7b3f93988 100644 --- a/src/app/data-display/circular-progressbar/circular-indeterminate-progressbar/circular-indeterminate-progressbar.component.ts +++ b/src/app/data-display/circular-progressbar/circular-indeterminate-progressbar/circular-indeterminate-progressbar.component.ts @@ -1,11 +1,10 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxCircularProgressBarComponent } from 'igniteui-angular/progressbar'; @Component({ selector: 'app-circular-indeterminate-progressbar', styleUrls: ['./circular-indeterminate-progressbar.component.scss'], templateUrl: './circular-indeterminate-progressbar.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxCircularProgressBarComponent] }) export class CircularIndeterminateProgressbarComponent { } diff --git a/src/app/data-display/circular-progressbar/circular-progressbar.component.ts b/src/app/data-display/circular-progressbar/circular-progressbar.component.ts index b2767b613..3cfc398f5 100644 --- a/src/app/data-display/circular-progressbar/circular-progressbar.component.ts +++ b/src/app/data-display/circular-progressbar/circular-progressbar.component.ts @@ -1,11 +1,10 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxCircularProgressBarComponent } from 'igniteui-angular/progressbar'; @Component({ selector: 'app-circular-progressbar', styleUrls: ['./circular-progressbar.component.scss'], templateUrl: './circular-progressbar.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxCircularProgressBarComponent] }) export class CircularProgressbarComponent { } diff --git a/src/app/data-display/circular-progressbar/circular-styling-sample/circular-styling-sample.component.ts b/src/app/data-display/circular-progressbar/circular-styling-sample/circular-styling-sample.component.ts index d5d2fe7cf..f5eadcf97 100644 --- a/src/app/data-display/circular-progressbar/circular-styling-sample/circular-styling-sample.component.ts +++ b/src/app/data-display/circular-progressbar/circular-styling-sample/circular-styling-sample.component.ts @@ -1,11 +1,10 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxCircularProgressBarComponent } from 'igniteui-angular/progressbar'; @Component({ selector: 'app-circular-styling-sample', styleUrls: ['./circular-styling-sample.component.scss'], templateUrl: './circular-styling-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxCircularProgressBarComponent] }) export class CircularStylingSampleComponent { } diff --git a/src/app/data-display/icon/icon-sample-1/icon-sample-1.component.ts b/src/app/data-display/icon/icon-sample-1/icon-sample-1.component.ts index e046a3a2e..41cdf3d72 100644 --- a/src/app/data-display/icon/icon-sample-1/icon-sample-1.component.ts +++ b/src/app/data-display/icon/icon-sample-1/icon-sample-1.component.ts @@ -1,11 +1,10 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxIconComponent } from 'igniteui-angular/icon'; @Component({ selector: 'app-icon-sample-1', styleUrls: ['./icon-sample-1.component.scss'], templateUrl: './icon-sample-1.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxIconComponent] }) export class IconSample1Component { } diff --git a/src/app/data-display/icon/icon-sample-2/icon-sample-2.component.ts b/src/app/data-display/icon/icon-sample-2/icon-sample-2.component.ts index c5e2e4fd1..82694a9f6 100644 --- a/src/app/data-display/icon/icon-sample-2/icon-sample-2.component.ts +++ b/src/app/data-display/icon/icon-sample-2/icon-sample-2.component.ts @@ -1,11 +1,10 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxIconComponent } from 'igniteui-angular/icon'; @Component({ selector: 'app-icon-sample-2', styleUrls: ['./icon-sample-2.component.scss'], templateUrl: './icon-sample-2.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxIconComponent] }) export class IconSample2Component { } diff --git a/src/app/data-display/icon/icon-sample-3/icon-sample-3.component.ts b/src/app/data-display/icon/icon-sample-3/icon-sample-3.component.ts index df3a8cfc4..4b663ead5 100644 --- a/src/app/data-display/icon/icon-sample-3/icon-sample-3.component.ts +++ b/src/app/data-display/icon/icon-sample-3/icon-sample-3.component.ts @@ -1,11 +1,10 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxIconComponent } from 'igniteui-angular/icon'; @Component({ selector: 'app-icon-sample-3', styleUrls: ['./icon-sample-3.component.scss'], templateUrl: './icon-sample-3.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxIconComponent] }) export class IconSample3Component { } diff --git a/src/app/data-display/icon/icon-sample-4/icon-sample-4.component.ts b/src/app/data-display/icon/icon-sample-4/icon-sample-4.component.ts index a8e3dc5b4..ea39a69e7 100644 --- a/src/app/data-display/icon/icon-sample-4/icon-sample-4.component.ts +++ b/src/app/data-display/icon/icon-sample-4/icon-sample-4.component.ts @@ -1,11 +1,10 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxIconComponent } from 'igniteui-angular/icon'; @Component({ selector: 'app-icon-sample-4', styleUrls: ['./icon-sample-4.component.scss'], templateUrl: './icon-sample-4.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxIconComponent] }) export class IconSample4Component { } diff --git a/src/app/data-display/icon/icon-sample-5/icon-sample-5.component.ts b/src/app/data-display/icon/icon-sample-5/icon-sample-5.component.ts index f1d519535..182f6beb0 100644 --- a/src/app/data-display/icon/icon-sample-5/icon-sample-5.component.ts +++ b/src/app/data-display/icon/icon-sample-5/icon-sample-5.component.ts @@ -1,11 +1,10 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxIconComponent } from 'igniteui-angular/icon'; @Component({ selector: 'app-icon-sample-5', styleUrls: ['./icon-sample-5.component.scss'], templateUrl: './icon-sample-5.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxIconComponent] }) export class IconSample5Component { } diff --git a/src/app/data-display/icon/icon-service-sample/icon-service-sample.component.ts b/src/app/data-display/icon/icon-service-sample/icon-service-sample.component.ts index 255118739..bed3ac6c6 100644 --- a/src/app/data-display/icon/icon-service-sample/icon-service-sample.component.ts +++ b/src/app/data-display/icon/icon-service-sample/icon-service-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, inject } from '@angular/core'; import { IgxIconComponent, IgxIconService } from 'igniteui-angular/icon'; import { IgxCardActionsComponent, IgxCardComponent, IgxCardHeaderComponent, IgxCardHeaderSubtitleDirective, IgxCardHeaderTitleDirective } from 'igniteui-angular/card'; import { IgxAvatarComponent } from 'igniteui-angular/avatar'; @@ -9,7 +9,6 @@ import { IgxSuffixDirective } from 'igniteui-angular/input-group'; selector: 'app-icon-service-sample', styleUrls: ['./icon-service-sample.component.scss'], templateUrl: './icon-service-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxCardComponent, IgxCardHeaderComponent, IgxAvatarComponent, IgxIconComponent, IgxCardHeaderTitleDirective, IgxCardHeaderSubtitleDirective, IgxCardActionsComponent, IgxButtonDirective, IgxSuffixDirective] }) export class IconServiceSampleComponent { diff --git a/src/app/data-display/icon/icon-styling-sample/icon-styling-sample.component.ts b/src/app/data-display/icon/icon-styling-sample/icon-styling-sample.component.ts index 87a89bd13..09050f3ab 100644 --- a/src/app/data-display/icon/icon-styling-sample/icon-styling-sample.component.ts +++ b/src/app/data-display/icon/icon-styling-sample/icon-styling-sample.component.ts @@ -1,11 +1,10 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxIconComponent } from 'igniteui-angular/icon'; @Component({ selector: 'app-icon-styling-sample', styleUrls: ['./icon-styling-sample.component.scss'], templateUrl: './icon-styling-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxIconComponent] }) export class IconStylingSampleComponent { } diff --git a/src/app/data-display/icon/icon-tailwind-styling-sample/icon-tailwind-styling-sample.component.ts b/src/app/data-display/icon/icon-tailwind-styling-sample/icon-tailwind-styling-sample.component.ts index e91c87fd2..abb7841ea 100644 --- a/src/app/data-display/icon/icon-tailwind-styling-sample/icon-tailwind-styling-sample.component.ts +++ b/src/app/data-display/icon/icon-tailwind-styling-sample/icon-tailwind-styling-sample.component.ts @@ -1,11 +1,10 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxIconComponent } from 'igniteui-angular/icon'; @Component({ selector: 'app-icon-tailwind-styling-sample', styleUrls: ['./icon-tailwind-styling-sample.component.scss'], templateUrl: './icon-tailwind-styling-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxIconComponent] }) export class IconTailwindStylingSampleComponent { } diff --git a/src/app/data-display/icon/material-icons-extended/material-icons-extended.component.ts b/src/app/data-display/icon/material-icons-extended/material-icons-extended.component.ts index f0e06b291..9647b5deb 100644 --- a/src/app/data-display/icon/material-icons-extended/material-icons-extended.component.ts +++ b/src/app/data-display/icon/material-icons-extended/material-icons-extended.component.ts @@ -42,7 +42,6 @@ interface ICategoryOption { selector: 'app-material-icons-extended', templateUrl: './material-icons-extended.component.html', styleUrls: ['./material-icons-extended.component.scss'], - changeDetection: ChangeDetectionStrategy.Eager, imports: [ AsyncPipe, IgxSelectComponent, @@ -117,7 +116,7 @@ export class MaterialIconsExtendedComponent implements OnInit { public allIcons = imxIcons; public selectedCategory: IconCategory | 'all' = 'all'; - + // Floating download button public hoveredIcon: IMXIcon | null = null; diff --git a/src/app/data-display/icon/material-symbols/material-symbols.component.ts b/src/app/data-display/icon/material-symbols/material-symbols.component.ts index 41f188f77..88a7a8d5a 100644 --- a/src/app/data-display/icon/material-symbols/material-symbols.component.ts +++ b/src/app/data-display/icon/material-symbols/material-symbols.component.ts @@ -1,11 +1,10 @@ -import { Component, OnInit, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, inject } from '@angular/core'; import { IgxIconComponent, IgxIconService } from 'igniteui-angular/icon'; @Component({ selector: 'app-material-symbols', templateUrl: './material-symbols.component.html', styleUrls: ['./material-symbols.component.scss'], - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxIconComponent] }) export class MaterialSymbolsComponent implements OnInit { diff --git a/src/app/data-display/icon/svg-icon-sample/svg-icon-sample.component.ts b/src/app/data-display/icon/svg-icon-sample/svg-icon-sample.component.ts index ccc19f81b..8df38cf20 100644 --- a/src/app/data-display/icon/svg-icon-sample/svg-icon-sample.component.ts +++ b/src/app/data-display/icon/svg-icon-sample/svg-icon-sample.component.ts @@ -1,11 +1,10 @@ -import { Component, OnInit, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, inject } from '@angular/core'; import { IgxIconComponent, IgxIconService } from 'igniteui-angular/icon'; @Component({ selector: 'app-svg-icon-sample', styleUrls: ['./svg-icon-sample.component.scss'], templateUrl: './svg-icon-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxIconComponent] }) export class SvgIconSampleComponent implements OnInit { diff --git a/src/app/data-display/igxFor/igxFor-horizontal-sample/igxFor-horizontal.component.ts b/src/app/data-display/igxFor/igxFor-horizontal-sample/igxFor-horizontal.component.ts index 39743f7cf..9df4bbef3 100644 --- a/src/app/data-display/igxFor/igxFor-horizontal-sample/igxFor-horizontal.component.ts +++ b/src/app/data-display/igxFor/igxFor-horizontal-sample/igxFor-horizontal.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { IgxFilterOptions, IgxFilterPipe, IgxForOfDirective } from 'igniteui-angular/directives'; import { IgxInputDirective, IgxInputGroupComponent, IgxPrefixDirective, IgxSuffixDirective } from 'igniteui-angular/input-group'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -12,7 +12,6 @@ import { FormsModule } from '@angular/forms'; selector: 'app-igx-for-horizontal', styleUrls: ['./igxFor-horizontal.component.scss'], templateUrl: './igxFor-horizontal.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxInputGroupComponent, FormsModule, IgxInputDirective, IgxPrefixDirective, IgxIconComponent, IgxSuffixDirective, IgxListComponent, IgxListItemComponent, IgxForOfDirective, IgxAvatarComponent, IgxFilterPipe] }) export class IgxForHorizontalComponent implements OnInit { diff --git a/src/app/data-display/igxFor/igxFor.component.ts b/src/app/data-display/igxFor/igxFor.component.ts index 326d0acd0..e115924f6 100644 --- a/src/app/data-display/igxFor/igxFor.component.ts +++ b/src/app/data-display/igxFor/igxFor.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { IgxFilterOptions, IgxFilterPipe, IgxForOfDirective, IgxRippleDirective } from 'igniteui-angular/directives'; import { IgxInputDirective, IgxInputGroupComponent, IgxPrefixDirective, IgxSuffixDirective } from 'igniteui-angular/input-group'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -12,7 +12,6 @@ import { FormsModule } from '@angular/forms'; selector: 'app-igx-for-list', styleUrls: ['./igxFor.component.scss'], templateUrl: './igxFor.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxInputGroupComponent, FormsModule, IgxInputDirective, IgxPrefixDirective, IgxIconComponent, IgxSuffixDirective, IgxListComponent, IgxListItemComponent, IgxForOfDirective, IgxRippleDirective, IgxAvatarComponent, IgxListThumbnailDirective, IgxListLineTitleDirective, IgxListActionDirective, IgxFilterPipe] }) export class IgxForComponent implements OnInit { diff --git a/src/app/data-display/linear-progressbar/linear-dynamic-sample/linear-dynamic-sample.component.ts b/src/app/data-display/linear-progressbar/linear-dynamic-sample/linear-dynamic-sample.component.ts index 46838db10..89d21c69b 100644 --- a/src/app/data-display/linear-progressbar/linear-dynamic-sample/linear-dynamic-sample.component.ts +++ b/src/app/data-display/linear-progressbar/linear-dynamic-sample/linear-dynamic-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { IgxLinearProgressBarComponent } from 'igniteui-angular/progressbar'; import { IgxIconButtonDirective } from 'igniteui-angular/directives'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -7,7 +7,6 @@ import { IgxIconComponent } from 'igniteui-angular/icon'; selector: 'app-linear-dynamic-sample', styleUrls: ['./linear-dynamic-sample.component.scss'], templateUrl: './linear-dynamic-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxLinearProgressBarComponent, IgxIconButtonDirective, IgxIconComponent] }) export class LinearDynamicSampleComponent implements OnInit{ diff --git a/src/app/data-display/linear-progressbar/linear-progressbar-sample-1/linear-progressbar-sample-1.component.ts b/src/app/data-display/linear-progressbar/linear-progressbar-sample-1/linear-progressbar-sample-1.component.ts index f458f90e0..1c09193d3 100644 --- a/src/app/data-display/linear-progressbar/linear-progressbar-sample-1/linear-progressbar-sample-1.component.ts +++ b/src/app/data-display/linear-progressbar/linear-progressbar-sample-1/linear-progressbar-sample-1.component.ts @@ -1,11 +1,10 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxLinearProgressBarComponent } from 'igniteui-angular/progressbar'; @Component({ selector: 'app-linear-progressbar-sample-1', styleUrls: ['./linear-progressbar-sample-1.component.scss'], templateUrl: './linear-progressbar-sample-1.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxLinearProgressBarComponent] }) export class LinearProgressbarSample1Component {} diff --git a/src/app/data-display/linear-progressbar/linear-progressbar-sample-2/linear-progressbar-sample-2.component.ts b/src/app/data-display/linear-progressbar/linear-progressbar-sample-2/linear-progressbar-sample-2.component.ts index 483eebe3d..e81ae177d 100644 --- a/src/app/data-display/linear-progressbar/linear-progressbar-sample-2/linear-progressbar-sample-2.component.ts +++ b/src/app/data-display/linear-progressbar/linear-progressbar-sample-2/linear-progressbar-sample-2.component.ts @@ -1,11 +1,10 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxLinearProgressBarComponent, IgxTextAlign } from 'igniteui-angular/progressbar'; @Component({ selector: 'app-linear-progressbar-sample-2', styleUrls: ['./linear-progressbar-sample-2.component.scss'], templateUrl: './linear-progressbar-sample-2.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxLinearProgressBarComponent] }) export class LinearProgressbarSample2Component { diff --git a/src/app/data-display/linear-progressbar/linear-progressbar-styling-sample/linear-progressbar-styling-sample.component.ts b/src/app/data-display/linear-progressbar/linear-progressbar-styling-sample/linear-progressbar-styling-sample.component.ts index c33abfbf0..39859d1c4 100644 --- a/src/app/data-display/linear-progressbar/linear-progressbar-styling-sample/linear-progressbar-styling-sample.component.ts +++ b/src/app/data-display/linear-progressbar/linear-progressbar-styling-sample/linear-progressbar-styling-sample.component.ts @@ -1,11 +1,10 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxLinearProgressBarComponent } from 'igniteui-angular/progressbar'; @Component({ selector: 'app-linear-progressbar-styling', styleUrls: ['./linear-progressbar-styling-sample.component.scss'], templateUrl: './linear-progressbar-styling-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxLinearProgressBarComponent] }) export class LinearProgressbarStylingComponent { } diff --git a/src/app/data-display/linear-progressbar/linear-progressbar.component.ts b/src/app/data-display/linear-progressbar/linear-progressbar.component.ts index 41a363a00..cf1e1c182 100644 --- a/src/app/data-display/linear-progressbar/linear-progressbar.component.ts +++ b/src/app/data-display/linear-progressbar/linear-progressbar.component.ts @@ -1,11 +1,10 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxLinearProgressBarComponent } from 'igniteui-angular/progressbar'; @Component({ selector: 'app-linear-progressbar', styleUrls: ['./linear-progressbar.component.scss'], templateUrl: './linear-progressbar.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxLinearProgressBarComponent] }) export class LinearProgressbarComponent { } diff --git a/src/app/data-display/mask/mask-sample-1/mask-sample-1.component.ts b/src/app/data-display/mask/mask-sample-1/mask-sample-1.component.ts index 916c4628f..a1b366ec7 100644 --- a/src/app/data-display/mask/mask-sample-1/mask-sample-1.component.ts +++ b/src/app/data-display/mask/mask-sample-1/mask-sample-1.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxInputDirective, IgxInputGroupComponent, IgxLabelDirective } from 'igniteui-angular/input-group'; import { IgxMaskDirective, IgxTextSelectionDirective } from 'igniteui-angular/directives'; import { IgxSnackbarComponent } from 'igniteui-angular/snackbar'; @@ -7,7 +7,6 @@ import { IgxSnackbarComponent } from 'igniteui-angular/snackbar'; selector: 'app-mask-sample-1', styleUrls: ['./mask-sample-1.component.scss'], templateUrl: './mask-sample-1.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxInputGroupComponent, IgxLabelDirective, IgxInputDirective, IgxMaskDirective, IgxTextSelectionDirective, IgxSnackbarComponent] }) diff --git a/src/app/data-display/mask/mask-sample-2/mask-sample-2.component.ts b/src/app/data-display/mask/mask-sample-2/mask-sample-2.component.ts index f53c1497a..493d59abb 100644 --- a/src/app/data-display/mask/mask-sample-2/mask-sample-2.component.ts +++ b/src/app/data-display/mask/mask-sample-2/mask-sample-2.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxInputDirective, IgxInputGroupComponent, IgxLabelDirective, IgxPrefixDirective } from 'igniteui-angular/input-group'; import { IgxIconComponent } from 'igniteui-angular/icon'; import { IgxMaskDirective } from 'igniteui-angular/directives'; @@ -7,7 +7,6 @@ import { IgxMaskDirective } from 'igniteui-angular/directives'; selector: 'app-mask-sample-2', styleUrls: ['./mask-sample-2.component.scss'], templateUrl: './mask-sample-2.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxInputGroupComponent, IgxPrefixDirective, IgxIconComponent, IgxLabelDirective, IgxInputDirective, IgxMaskDirective] }) export class MaskSample2Component { diff --git a/src/app/data-display/mask/mask-sample-3/mask-sample-3.component.ts b/src/app/data-display/mask/mask-sample-3/mask-sample-3.component.ts index eca213440..d44da3513 100644 --- a/src/app/data-display/mask/mask-sample-3/mask-sample-3.component.ts +++ b/src/app/data-display/mask/mask-sample-3/mask-sample-3.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxSwitchComponent } from 'igniteui-angular/switch'; import { IgxInputDirective, IgxInputGroupComponent, IgxLabelDirective } from 'igniteui-angular/input-group'; import { IgxMaskDirective } from 'igniteui-angular/directives'; @@ -9,7 +9,6 @@ import { FormsModule } from '@angular/forms'; selector: 'app-mask-sample-3', styleUrls: ['./mask-sample-3.component.scss'], templateUrl: './mask-sample-3.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSwitchComponent, FormsModule, IgxInputGroupComponent, IgxLabelDirective, IgxInputDirective, IgxMaskDirective] }) export class MaskSample3Component { diff --git a/src/app/data-display/mask/mask-sample-4/mask-sample-4.component.ts b/src/app/data-display/mask/mask-sample-4/mask-sample-4.component.ts index 063432109..15964defe 100644 --- a/src/app/data-display/mask/mask-sample-4/mask-sample-4.component.ts +++ b/src/app/data-display/mask/mask-sample-4/mask-sample-4.component.ts @@ -1,4 +1,4 @@ -import { Component, Pipe, PipeTransform, ChangeDetectionStrategy } from '@angular/core'; +import { Component, Pipe, PipeTransform } from '@angular/core'; import { IgxInputDirective, IgxInputGroupComponent, IgxLabelDirective } from 'igniteui-angular/input-group'; import { IgxMaskDirective, IgxTextSelectionDirective } from 'igniteui-angular/directives'; import { FormsModule } from '@angular/forms'; @@ -6,7 +6,6 @@ import { FormsModule } from '@angular/forms'; @Component({ selector: 'app-mask-sample-4', templateUrl: './mask-sample-4.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxInputGroupComponent, IgxLabelDirective, FormsModule, IgxInputDirective, IgxMaskDirective, IgxTextSelectionDirective] }) export class MaskSample4Component { diff --git a/src/app/data-display/mask/mask-sample-5/mask-sample-5.component.ts b/src/app/data-display/mask/mask-sample-5/mask-sample-5.component.ts index d1c02b6f6..ecd42f17a 100644 --- a/src/app/data-display/mask/mask-sample-5/mask-sample-5.component.ts +++ b/src/app/data-display/mask/mask-sample-5/mask-sample-5.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxInputDirective, IgxInputGroupComponent, IgxLabelDirective } from 'igniteui-angular/input-group'; import { IgxMaskDirective } from 'igniteui-angular/directives'; import { FormsModule } from '@angular/forms'; @@ -6,7 +6,6 @@ import { FormsModule } from '@angular/forms'; @Component({ selector: 'app-mask-sample-5', templateUrl: './mask-sample-5.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxInputGroupComponent, IgxLabelDirective, FormsModule, IgxInputDirective, IgxMaskDirective] }) diff --git a/src/app/data-display/text-highlight/text-highlight-sample-1/text-highlight-sample-1.component.ts b/src/app/data-display/text-highlight/text-highlight-sample-1/text-highlight-sample-1.component.ts index f0dfd4db1..42a430e5c 100644 --- a/src/app/data-display/text-highlight/text-highlight-sample-1/text-highlight-sample-1.component.ts +++ b/src/app/data-display/text-highlight/text-highlight-sample-1/text-highlight-sample-1.component.ts @@ -1,5 +1,5 @@ /* eslint-disable max-len */ -import { Component, OnDestroy, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnDestroy, ViewChild, inject } from '@angular/core'; import { IgxIconButtonDirective, IgxRippleDirective, IgxTextHighlightDirective, IgxTextHighlightService } from 'igniteui-angular/directives'; import { IgxInputDirective, IgxInputGroupComponent, IgxPrefixDirective, IgxSuffixDirective } from 'igniteui-angular/input-group'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -10,7 +10,6 @@ import { FormsModule } from '@angular/forms'; selector: 'app-text-highlight-1', styleUrls: ['./text-highlight-sample-1.component.scss'], templateUrl: './text-highlight-sample-1.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxInputGroupComponent, IgxPrefixDirective, IgxIconComponent, FormsModule, IgxInputDirective, IgxSuffixDirective, IgxIconButtonDirective, IgxRippleDirective, IgxTextHighlightDirective] }) export class TextHighlightSample1Component implements OnDestroy { diff --git a/src/app/data-display/text-highlight/text-highlight-sample-2/text-highlight-sample-2.component.ts b/src/app/data-display/text-highlight/text-highlight-sample-2/text-highlight-sample-2.component.ts index bbd1a26e5..21730d0f4 100644 --- a/src/app/data-display/text-highlight/text-highlight-sample-2/text-highlight-sample-2.component.ts +++ b/src/app/data-display/text-highlight/text-highlight-sample-2/text-highlight-sample-2.component.ts @@ -1,5 +1,5 @@ /* eslint-disable max-len */ -import { Component, OnDestroy, ViewChildren, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnDestroy, ViewChildren, inject } from '@angular/core'; import { IgxIconButtonDirective, IgxRippleDirective, IgxTextHighlightDirective, IgxTextHighlightService } from 'igniteui-angular/directives'; import { IgxInputDirective, IgxInputGroupComponent, IgxPrefixDirective, IgxSuffixDirective } from 'igniteui-angular/input-group'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -10,7 +10,6 @@ import { FormsModule } from '@angular/forms'; selector: 'app-text-highlight-2', styleUrls: ['./text-highlight-sample-2.component.scss'], templateUrl: './text-highlight-sample-2.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxInputGroupComponent, IgxPrefixDirective, IgxIconComponent, FormsModule, IgxInputDirective, IgxSuffixDirective, IgxIconButtonDirective, IgxRippleDirective, IgxTextHighlightDirective] }) export class TextHighlightSample2Component implements OnDestroy { diff --git a/src/app/data-display/text-highlight/text-highlight-style/text-highlight-style.component.ts b/src/app/data-display/text-highlight/text-highlight-style/text-highlight-style.component.ts index b25c09230..e1ef268e7 100644 --- a/src/app/data-display/text-highlight/text-highlight-style/text-highlight-style.component.ts +++ b/src/app/data-display/text-highlight/text-highlight-style/text-highlight-style.component.ts @@ -1,5 +1,5 @@ /* eslint-disable max-len */ -import { Component, OnDestroy, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnDestroy, ViewChild, inject } from '@angular/core'; import { IgxIconButtonDirective, IgxRippleDirective, IgxTextHighlightDirective, IgxTextHighlightService } from 'igniteui-angular/directives'; import { IgxInputDirective, IgxInputGroupComponent, IgxPrefixDirective, IgxSuffixDirective } from 'igniteui-angular/input-group'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -10,7 +10,6 @@ import { FormsModule } from '@angular/forms'; selector: 'app-text-highlight-style', styleUrls: ['./text-highlight-style.component.scss'], templateUrl: './text-highlight-style.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxInputGroupComponent, IgxPrefixDirective, IgxIconComponent, FormsModule, IgxInputDirective, IgxSuffixDirective, IgxIconButtonDirective, IgxRippleDirective, IgxTextHighlightDirective] }) export class TextHighlightStyleComponent implements OnDestroy { diff --git a/src/app/data-entries/autocomplete/autocomplete/autocomplete.component.ts b/src/app/data-entries/autocomplete/autocomplete/autocomplete.component.ts index c3287b569..d9c121019 100644 --- a/src/app/data-entries/autocomplete/autocomplete/autocomplete.component.ts +++ b/src/app/data-entries/autocomplete/autocomplete/autocomplete.component.ts @@ -1,4 +1,4 @@ -import { Component, Pipe, PipeTransform, forwardRef, ChangeDetectionStrategy } from '@angular/core'; +import { Component, Pipe, PipeTransform, forwardRef } from '@angular/core'; import { IgxInputDirective, IgxInputGroupComponent, IgxLabelDirective } from 'igniteui-angular/input-group'; import { IgxAutocompleteDirective, IgxDropDownComponent, IgxDropDownItemComponent } from 'igniteui-angular/drop-down'; import { FormsModule } from '@angular/forms'; @@ -8,7 +8,6 @@ import { FormsModule } from '@angular/forms'; selector: 'app-autocomplete', styleUrls: ['./autocomplete.component.scss'], templateUrl: './autocomplete.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxInputGroupComponent, IgxLabelDirective, FormsModule, IgxInputDirective, IgxAutocompleteDirective, IgxDropDownComponent, IgxDropDownItemComponent, forwardRef(() => AutocompletePipeStartsWith)] }) export class AutocompleteBasicComponent { diff --git a/src/app/data-entries/autocomplete/movie/movie.component.ts b/src/app/data-entries/autocomplete/movie/movie.component.ts index bebcf154f..7705b587a 100644 --- a/src/app/data-entries/autocomplete/movie/movie.component.ts +++ b/src/app/data-entries/autocomplete/movie/movie.component.ts @@ -1,4 +1,4 @@ -import { Component, Pipe, PipeTransform, ChangeDetectionStrategy } from '@angular/core'; +import { Component, Pipe, PipeTransform } from '@angular/core'; import { ConnectedPositioningStrategy, VerticalAlignment } from 'igniteui-angular/core'; import { IgxInputDirective, IgxInputGroupComponent, IgxLabelDirective } from 'igniteui-angular/input-group'; import { IgxAutocompleteDirective, IgxDropDownComponent, IgxDropDownGroupComponent, IgxDropDownItemComponent } from 'igniteui-angular/drop-down'; @@ -9,7 +9,6 @@ import { AutocompletePipeStartsWith } from '../autocomplete/autocomplete.compone selector: 'app-movie-availability', styleUrls: ['./movie.component.scss'], templateUrl: './movie.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxInputGroupComponent, IgxLabelDirective, FormsModule, IgxInputDirective, IgxAutocompleteDirective, IgxDropDownComponent, IgxDropDownGroupComponent, IgxDropDownItemComponent, AutocompletePipeStartsWith] }) export class MovieComponent { diff --git a/src/app/data-entries/buttonGroup/button-group-sample-1/button-group-sample-1.component.ts b/src/app/data-entries/buttonGroup/button-group-sample-1/button-group-sample-1.component.ts index 1cfab3069..f37bb9b73 100644 --- a/src/app/data-entries/buttonGroup/button-group-sample-1/button-group-sample-1.component.ts +++ b/src/app/data-entries/buttonGroup/button-group-sample-1/button-group-sample-1.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxButtonGroupComponent } from 'igniteui-angular/button-group'; import { IgxButtonDirective, IgxRippleDirective } from 'igniteui-angular/directives'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -7,7 +7,6 @@ import { IgxIconComponent } from 'igniteui-angular/icon'; selector: 'app-button-group-sample-1', styleUrls: ['./button-group-sample-1.component.scss'], templateUrl: './button-group-sample-1.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonGroupComponent, IgxButtonDirective, IgxRippleDirective, IgxIconComponent] }) diff --git a/src/app/data-entries/buttonGroup/button-group-sample-2/button-group-sample-2.component.ts b/src/app/data-entries/buttonGroup/button-group-sample-2/button-group-sample-2.component.ts index dc0ecf0a9..2eada571a 100644 --- a/src/app/data-entries/buttonGroup/button-group-sample-2/button-group-sample-2.component.ts +++ b/src/app/data-entries/buttonGroup/button-group-sample-2/button-group-sample-2.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { ButtonGroupAlignment, IgxButtonGroupComponent } from 'igniteui-angular/button-group'; import { IgxButtonDirective, IgxRippleDirective } from 'igniteui-angular/directives'; @@ -6,7 +6,6 @@ import { IgxButtonDirective, IgxRippleDirective } from 'igniteui-angular/directi selector: 'app-button-group-sample-2', styleUrls: ['./button-group-sample-2.component.scss'], templateUrl: './button-group-sample-2.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonGroupComponent, IgxButtonDirective, IgxRippleDirective] }) export class ButtonGroupSample2Component { diff --git a/src/app/data-entries/buttonGroup/button-group-sample-3/button-group-sample-3.component.ts b/src/app/data-entries/buttonGroup/button-group-sample-3/button-group-sample-3.component.ts index f617f1e7a..02cf6a6d7 100644 --- a/src/app/data-entries/buttonGroup/button-group-sample-3/button-group-sample-3.component.ts +++ b/src/app/data-entries/buttonGroup/button-group-sample-3/button-group-sample-3.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { IgxButtonGroupComponent } from 'igniteui-angular/button-group'; interface IButton { @@ -35,7 +35,6 @@ class ToggleButton { selector: 'app-button-group-sample-3', styleUrls: ['./button-group-sample-3.component.scss'], templateUrl: './button-group-sample-3.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonGroupComponent] }) export class ButtonGroupSample3Component implements OnInit { diff --git a/src/app/data-entries/buttonGroup/button-group-sample-4/button-group-sample.component.ts b/src/app/data-entries/buttonGroup/button-group-sample-4/button-group-sample.component.ts index e27e36a6e..ae65a3887 100644 --- a/src/app/data-entries/buttonGroup/button-group-sample-4/button-group-sample.component.ts +++ b/src/app/data-entries/buttonGroup/button-group-sample-4/button-group-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxRadioComponent } from 'igniteui-angular/radio'; import { IgxButtonGroupComponent } from 'igniteui-angular/button-group'; import { IgxButtonDirective, IgxRippleDirective } from 'igniteui-angular/directives'; @@ -9,7 +9,6 @@ import { FormsModule } from '@angular/forms'; selector: 'app-button-group-sample', styleUrls: ['./button-group-sample.component.scss'], templateUrl: './button-group-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxRadioComponent, FormsModule, IgxButtonGroupComponent, IgxButtonDirective, IgxRippleDirective, IgxIconComponent] }) export class ButtonGroupSampleComponent { diff --git a/src/app/data-entries/buttonGroup/button-group-sample-5/button-group-sample-5.component.ts b/src/app/data-entries/buttonGroup/button-group-sample-5/button-group-sample-5.component.ts index 1caec387b..d02193603 100644 --- a/src/app/data-entries/buttonGroup/button-group-sample-5/button-group-sample-5.component.ts +++ b/src/app/data-entries/buttonGroup/button-group-sample-5/button-group-sample-5.component.ts @@ -1,4 +1,4 @@ -import { Component, HostBinding, OnInit, ChangeDetectionStrategy } from '@angular/core'; +import { Component, HostBinding, OnInit } from '@angular/core'; import { IgxButtonGroupComponent } from 'igniteui-angular/button-group'; type Button = { @@ -11,7 +11,6 @@ type Button = { selector: 'app-button-group-sample-5', styleUrls: ['./button-group-sample-5.component.scss'], templateUrl: './button-group-sample-5.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonGroupComponent] }) export class ButtonGroupSample5Component implements OnInit { diff --git a/src/app/data-entries/buttonGroup/button-group-style/button-group-style.component.ts b/src/app/data-entries/buttonGroup/button-group-style/button-group-style.component.ts index ab7a00e51..63d01e5c0 100644 --- a/src/app/data-entries/buttonGroup/button-group-style/button-group-style.component.ts +++ b/src/app/data-entries/buttonGroup/button-group-style/button-group-style.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { ButtonGroupAlignment, IgxButtonGroupComponent } from 'igniteui-angular/button-group'; import { IgxButtonDirective, IgxRippleDirective } from 'igniteui-angular/directives'; @@ -6,7 +6,6 @@ import { IgxButtonDirective, IgxRippleDirective } from 'igniteui-angular/directi selector: 'app-button-group-style', styleUrls: ['./button-group-style.component.scss'], templateUrl: './button-group-style.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonGroupComponent, IgxButtonDirective, IgxRippleDirective] }) export class ButtonGroupStyleComponent { diff --git a/src/app/data-entries/buttonGroup/button-group-tailwind-style/button-group-tailwind-style.component.ts b/src/app/data-entries/buttonGroup/button-group-tailwind-style/button-group-tailwind-style.component.ts index 66f9dfd41..178214d69 100644 --- a/src/app/data-entries/buttonGroup/button-group-tailwind-style/button-group-tailwind-style.component.ts +++ b/src/app/data-entries/buttonGroup/button-group-tailwind-style/button-group-tailwind-style.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { ButtonGroupAlignment, IgxButtonGroupComponent } from 'igniteui-angular/button-group'; import { IgxButtonDirective, IgxRippleDirective } from 'igniteui-angular/directives'; @@ -6,7 +6,6 @@ import { IgxButtonDirective, IgxRippleDirective } from 'igniteui-angular/directi selector: 'app-button-group-tailwind-style', styleUrls: ['./button-group-tailwind-style.component.scss'], templateUrl: './button-group-tailwind-style.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonGroupComponent, IgxButtonDirective, IgxRippleDirective] }) export class ButtonGroupTailwindStyleComponent { diff --git a/src/app/data-entries/buttons/buttons-disabled-sample/buttons-disabled-sample.ts b/src/app/data-entries/buttons/buttons-disabled-sample/buttons-disabled-sample.ts index 9ab4c0786..c3542a079 100644 --- a/src/app/data-entries/buttons/buttons-disabled-sample/buttons-disabled-sample.ts +++ b/src/app/data-entries/buttons/buttons-disabled-sample/buttons-disabled-sample.ts @@ -1,11 +1,10 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxButtonDirective } from 'igniteui-angular/directives'; @Component({ selector: 'app-buttons-disabled-sample', styleUrls: ['./buttons-disabled-sample.scss'], templateUrl: './buttons-disabled-sample.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective] }) export class ButtonsDisabledComponent { } diff --git a/src/app/data-entries/buttons/buttons-display-density/buttons-display-density.component.ts b/src/app/data-entries/buttons/buttons-display-density/buttons-display-density.component.ts index 5dfc1728e..841a90827 100644 --- a/src/app/data-entries/buttons/buttons-display-density/buttons-display-density.component.ts +++ b/src/app/data-entries/buttons/buttons-display-density/buttons-display-density.component.ts @@ -1,4 +1,4 @@ -import { Component, HostBinding, OnInit, ChangeDetectionStrategy } from '@angular/core'; +import { Component, HostBinding, OnInit } from '@angular/core'; import { IgxButtonGroupComponent } from 'igniteui-angular/button-group'; import { IgxButtonDirective, IgxRippleDirective } from 'igniteui-angular/directives'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -7,7 +7,6 @@ import { IgxIconComponent } from 'igniteui-angular/icon'; selector: 'app-buttons-display-density', styleUrls: ['./buttons-display-density.component.scss'], templateUrl: './buttons-display-density.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonGroupComponent, IgxButtonDirective, IgxRippleDirective, IgxIconComponent] }) export class ButtonsDisplayDensityComponent implements OnInit { diff --git a/src/app/data-entries/buttons/buttons-roundness-sample/buttons-roundness-sample.ts b/src/app/data-entries/buttons/buttons-roundness-sample/buttons-roundness-sample.ts index 287f82fdb..c791699b3 100644 --- a/src/app/data-entries/buttons/buttons-roundness-sample/buttons-roundness-sample.ts +++ b/src/app/data-entries/buttons/buttons-roundness-sample/buttons-roundness-sample.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxButtonDirective, IgxIconButtonDirective, IgxRippleDirective } from 'igniteui-angular/directives'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -6,7 +6,6 @@ import { IgxIconComponent } from 'igniteui-angular/icon'; selector: 'app-buttons-roundness-sample', styleUrls: ['./buttons-roundness-sample.scss'], templateUrl: './buttons-roundness-sample.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxRippleDirective, IgxIconComponent, IgxIconButtonDirective] }) export class ButtonsRoundnessComponent {} diff --git a/src/app/data-entries/buttons/buttons-sample-1/buttons-sample-1.component.ts b/src/app/data-entries/buttons/buttons-sample-1/buttons-sample-1.component.ts index ba58e7f9f..6e8137658 100644 --- a/src/app/data-entries/buttons/buttons-sample-1/buttons-sample-1.component.ts +++ b/src/app/data-entries/buttons/buttons-sample-1/buttons-sample-1.component.ts @@ -1,12 +1,11 @@ -import { Component, OnInit, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { IgxButtonDirective, IgxRippleDirective } from 'igniteui-angular/directives'; @Component({ selector: 'app-buttons-sample-1', styleUrls: ['./buttons-sample-1.component.scss'], templateUrl: './buttons-sample-1.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxRippleDirective] }) export class ButtonsSample1Component { } diff --git a/src/app/data-entries/buttons/buttons-sample-2/buttons-sample-2.component.ts b/src/app/data-entries/buttons/buttons-sample-2/buttons-sample-2.component.ts index 0a8fcc4aa..048e47f63 100644 --- a/src/app/data-entries/buttons/buttons-sample-2/buttons-sample-2.component.ts +++ b/src/app/data-entries/buttons/buttons-sample-2/buttons-sample-2.component.ts @@ -1,11 +1,10 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxButtonDirective } from 'igniteui-angular/directives'; @Component({ selector: 'app-buttons-sample-2', styleUrls: ['./buttons-sample-2.component.scss'], templateUrl: './buttons-sample-2.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective] }) export class ButtonsSample2Component { } diff --git a/src/app/data-entries/buttons/buttons-sample-3/buttons-sample-3.component.ts b/src/app/data-entries/buttons/buttons-sample-3/buttons-sample-3.component.ts index 6462689f6..95c52d74d 100644 --- a/src/app/data-entries/buttons/buttons-sample-3/buttons-sample-3.component.ts +++ b/src/app/data-entries/buttons/buttons-sample-3/buttons-sample-3.component.ts @@ -1,11 +1,10 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxButtonDirective, IgxRippleDirective } from 'igniteui-angular/directives'; @Component({ selector: 'app-buttons-sample-3', styleUrls: ['./buttons-sample-3.component.scss'], templateUrl: './buttons-sample-3.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxRippleDirective] }) export class ButtonsSample3Component { } diff --git a/src/app/data-entries/buttons/buttons-sample-4/buttons-sample-4.component.ts b/src/app/data-entries/buttons/buttons-sample-4/buttons-sample-4.component.ts index 67d80f2fe..e0aa36898 100644 --- a/src/app/data-entries/buttons/buttons-sample-4/buttons-sample-4.component.ts +++ b/src/app/data-entries/buttons/buttons-sample-4/buttons-sample-4.component.ts @@ -1,11 +1,10 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxButtonDirective, IgxRippleDirective } from 'igniteui-angular/directives'; @Component({ selector: 'app-buttons-sample-4', styleUrls: ['./buttons-sample-4.component.scss'], templateUrl: './buttons-sample-4.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxRippleDirective] }) export class ButtonsSample4Component { } diff --git a/src/app/data-entries/buttons/buttons-sample-5/buttons-sample-5.component.ts b/src/app/data-entries/buttons/buttons-sample-5/buttons-sample-5.component.ts index daf3a0288..ea471e6e3 100644 --- a/src/app/data-entries/buttons/buttons-sample-5/buttons-sample-5.component.ts +++ b/src/app/data-entries/buttons/buttons-sample-5/buttons-sample-5.component.ts @@ -1,11 +1,10 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxButtonDirective } from 'igniteui-angular/directives'; @Component({ selector: 'app-buttons-sample-5', styleUrls: ['./buttons-sample-5.component.scss'], templateUrl: './buttons-sample-5.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective] }) export class ButtonsSample5Component { } diff --git a/src/app/data-entries/buttons/buttons-sample-6/buttons-sample-6.component.ts b/src/app/data-entries/buttons/buttons-sample-6/buttons-sample-6.component.ts index 915f7038c..6d0745231 100644 --- a/src/app/data-entries/buttons/buttons-sample-6/buttons-sample-6.component.ts +++ b/src/app/data-entries/buttons/buttons-sample-6/buttons-sample-6.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxButtonDirective } from 'igniteui-angular/directives'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -6,7 +6,6 @@ import { IgxIconComponent } from 'igniteui-angular/icon'; selector: 'app-buttons-sample-6', styleUrls: ['./buttons-sample-6.component.scss'], templateUrl: './buttons-sample-6.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxIconComponent] }) export class ButtonsSample6Component { } diff --git a/src/app/data-entries/buttons/buttons-sample-7/buttons-sample-7.component.ts b/src/app/data-entries/buttons/buttons-sample-7/buttons-sample-7.component.ts index 08630d283..532edeff9 100644 --- a/src/app/data-entries/buttons/buttons-sample-7/buttons-sample-7.component.ts +++ b/src/app/data-entries/buttons/buttons-sample-7/buttons-sample-7.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxIconButtonDirective } from 'igniteui-angular/directives'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -6,7 +6,6 @@ import { IgxIconComponent } from 'igniteui-angular/icon'; selector: 'app-buttons-sample-7', styleUrls: ['./buttons-sample-7.component.scss'], templateUrl: './buttons-sample-7.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxIconButtonDirective, IgxIconComponent] }) export class ButtonsSample7Component { } diff --git a/src/app/data-entries/buttons/buttons-sample-8/buttons-sample-8.component.ts b/src/app/data-entries/buttons/buttons-sample-8/buttons-sample-8.component.ts index debe90138..77b080c3a 100644 --- a/src/app/data-entries/buttons/buttons-sample-8/buttons-sample-8.component.ts +++ b/src/app/data-entries/buttons/buttons-sample-8/buttons-sample-8.component.ts @@ -1,11 +1,10 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxButtonDirective } from 'igniteui-angular/directives'; @Component({ selector: 'app-buttons-sample-8', styleUrls: ['./buttons-sample-8.component.scss'], templateUrl: './buttons-sample-8.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective] }) export class ButtonsSample8Component { } diff --git a/src/app/data-entries/buttons/buttons-style/buttons-style.component.ts b/src/app/data-entries/buttons/buttons-style/buttons-style.component.ts index 7633134af..ce5d49739 100644 --- a/src/app/data-entries/buttons/buttons-style/buttons-style.component.ts +++ b/src/app/data-entries/buttons/buttons-style/buttons-style.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxButtonDirective } from 'igniteui-angular/directives'; import { THEME_TOKEN, ThemeToken } from 'igniteui-angular/core'; @@ -7,7 +7,6 @@ import { THEME_TOKEN, ThemeToken } from 'igniteui-angular/core'; styleUrls: ['./buttons-style.component.scss'], templateUrl: './buttons-style.component.html', imports: [IgxButtonDirective], - changeDetection: ChangeDetectionStrategy.Eager, providers: [{provide: THEME_TOKEN, useFactory: () => new ThemeToken('bootstrap')}] }) export class ButtonsStyleComponent { diff --git a/src/app/data-entries/buttons/buttons-tailwind-style/buttons-tailwind-style.component.ts b/src/app/data-entries/buttons/buttons-tailwind-style/buttons-tailwind-style.component.ts index 1d42996e6..2bbd669b4 100644 --- a/src/app/data-entries/buttons/buttons-tailwind-style/buttons-tailwind-style.component.ts +++ b/src/app/data-entries/buttons/buttons-tailwind-style/buttons-tailwind-style.component.ts @@ -1,11 +1,10 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxButtonDirective } from 'igniteui-angular/directives'; @Component({ selector: 'app-buttons-tailwind-style', styleUrls: ['./buttons-tailwind-style.component.scss'], templateUrl: './buttons-tailwind-style.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective] }) export class ButtonsTailwindStyleComponent {} diff --git a/src/app/data-entries/checkbox/checkbox-sample-1/checkbox-sample-1.component.ts b/src/app/data-entries/checkbox/checkbox-sample-1/checkbox-sample-1.component.ts index d6124eead..57bc770cb 100644 --- a/src/app/data-entries/checkbox/checkbox-sample-1/checkbox-sample-1.component.ts +++ b/src/app/data-entries/checkbox/checkbox-sample-1/checkbox-sample-1.component.ts @@ -1,11 +1,10 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxCheckboxComponent } from 'igniteui-angular/checkbox'; @Component({ selector: 'app-checkbox-sample-1', styleUrls: ['./checkbox-sample-1.component.scss'], templateUrl: './checkbox-sample-1.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxCheckboxComponent] }) export class CheckboxSample1Component { } diff --git a/src/app/data-entries/checkbox/checkbox-sample-2/checkbox-sample-2.component.ts b/src/app/data-entries/checkbox/checkbox-sample-2/checkbox-sample-2.component.ts index a889bb106..780fbd701 100644 --- a/src/app/data-entries/checkbox/checkbox-sample-2/checkbox-sample-2.component.ts +++ b/src/app/data-entries/checkbox/checkbox-sample-2/checkbox-sample-2.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxCheckboxComponent } from 'igniteui-angular/checkbox'; @@ -6,7 +6,6 @@ import { IgxCheckboxComponent } from 'igniteui-angular/checkbox'; selector: 'app-checkbox-sample-2', styleUrls: ['./checkbox-sample-2.component.scss'], templateUrl: './checkbox-sample-2.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxCheckboxComponent] }) export class CheckboxSample2Component { diff --git a/src/app/data-entries/checkbox/checkbox-sample-3/checkbox-sample-3.component.ts b/src/app/data-entries/checkbox/checkbox-sample-3/checkbox-sample-3.component.ts index 98bfbcd34..0ebf0cb53 100644 --- a/src/app/data-entries/checkbox/checkbox-sample-3/checkbox-sample-3.component.ts +++ b/src/app/data-entries/checkbox/checkbox-sample-3/checkbox-sample-3.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxCheckboxComponent } from 'igniteui-angular/checkbox'; import { FormsModule } from '@angular/forms'; @@ -7,7 +7,6 @@ import { FormsModule } from '@angular/forms'; selector: 'app-checkbox-sample-3', styleUrls: ['./checkbox-sample-3.component.scss'], templateUrl: './checkbox-sample-3.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxCheckboxComponent, FormsModule] }) export class CheckboxSample3Component { diff --git a/src/app/data-entries/checkbox/checkbox-styling/checkbox-styling.component.ts b/src/app/data-entries/checkbox/checkbox-styling/checkbox-styling.component.ts index 4a7da9b06..34adc6848 100644 --- a/src/app/data-entries/checkbox/checkbox-styling/checkbox-styling.component.ts +++ b/src/app/data-entries/checkbox/checkbox-styling/checkbox-styling.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxCheckboxComponent } from 'igniteui-angular/checkbox'; import { THEME_TOKEN, ThemeToken } from 'igniteui-angular/core'; @@ -7,7 +7,6 @@ import { THEME_TOKEN, ThemeToken } from 'igniteui-angular/core'; styleUrls: ['./checkbox-styling.component.scss'], templateUrl: './checkbox-styling.component.html', providers: [{ provide: THEME_TOKEN, useFactory: () => new ThemeToken('fluent') }], - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxCheckboxComponent] }) export class CheckboxStylingComponent { diff --git a/src/app/data-entries/checkbox/checkbox-tailwind-styling/checkbox-tailwind-styling.component.ts b/src/app/data-entries/checkbox/checkbox-tailwind-styling/checkbox-tailwind-styling.component.ts index 3496228ab..e49221035 100644 --- a/src/app/data-entries/checkbox/checkbox-tailwind-styling/checkbox-tailwind-styling.component.ts +++ b/src/app/data-entries/checkbox/checkbox-tailwind-styling/checkbox-tailwind-styling.component.ts @@ -1,11 +1,10 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxCheckboxComponent } from 'igniteui-angular/checkbox'; @Component({ selector: 'app-checkbox-tailwind-styling', styleUrls: ['./checkbox-tailwind-styling.component.scss'], templateUrl: './checkbox-tailwind-styling.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxCheckboxComponent] }) export class CheckboxTailwindStylingComponent { } diff --git a/src/app/data-entries/dropdown/drop-down-remote-virtual/drop-down-remote.component.ts b/src/app/data-entries/dropdown/drop-down-remote-virtual/drop-down-remote.component.ts index 36ca5004f..9a2941bfe 100644 --- a/src/app/data-entries/dropdown/drop-down-remote-virtual/drop-down-remote.component.ts +++ b/src/app/data-entries/dropdown/drop-down-remote-virtual/drop-down-remote.component.ts @@ -1,4 +1,4 @@ -import { ChangeDetectorRef, Component, OnDestroy, OnInit, ViewChild, AfterViewInit, inject, ChangeDetectionStrategy } from '@angular/core'; +import { ChangeDetectorRef, Component, OnDestroy, OnInit, ViewChild, AfterViewInit, inject } from '@angular/core'; // tslint:disable-next-line:max-line-length import { IForOfState, IgxButtonDirective, IgxForOfDirective, IgxToggleActionDirective } from 'igniteui-angular/directives'; import { IgxDropDownComponent, IgxDropDownItemComponent, IgxDropDownItemNavigationDirective } from 'igniteui-angular/drop-down'; @@ -15,7 +15,6 @@ import { AsyncPipe } from '@angular/common'; selector: 'app-drop-down-remote', templateUrl: './drop-down-remote.component.html', styleUrls: ['./drop-down-remote.component.scss'], - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxToggleActionDirective, IgxDropDownItemNavigationDirective, IgxDropDownComponent, IgxForOfDirective, IgxDropDownItemComponent, IgxToastComponent, AsyncPipe] }) export class DropDownRemoteComponent implements OnInit, OnDestroy, AfterViewInit { diff --git a/src/app/data-entries/dropdown/drop-down-virtual/drop-down-virtual.component.ts b/src/app/data-entries/dropdown/drop-down-virtual/drop-down-virtual.component.ts index 2467497ea..f7efad5d6 100644 --- a/src/app/data-entries/dropdown/drop-down-virtual/drop-down-virtual.component.ts +++ b/src/app/data-entries/dropdown/drop-down-virtual/drop-down-virtual.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxButtonDirective, IgxForOfDirective, IgxToggleActionDirective } from 'igniteui-angular/directives'; import { IgxDropDownComponent, IgxDropDownItemComponent, IgxDropDownItemNavigationDirective } from 'igniteui-angular/drop-down'; @@ -15,7 +15,6 @@ interface DataItem { selector: 'app-drop-down-virtual', templateUrl: './drop-down-virtual.component.html', styleUrls: ['./drop-down-virtual.component.scss'], - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxToggleActionDirective, IgxDropDownItemNavigationDirective, IgxDropDownComponent, IgxForOfDirective, IgxDropDownItemComponent] }) export class DropDownVirtualComponent { diff --git a/src/app/data-entries/dropdown/dropdown-menu/dropdown-menu.component.ts b/src/app/data-entries/dropdown/dropdown-menu/dropdown-menu.component.ts index dc33aec4c..39b82e4dd 100644 --- a/src/app/data-entries/dropdown/dropdown-menu/dropdown-menu.component.ts +++ b/src/app/data-entries/dropdown/dropdown-menu/dropdown-menu.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { ConnectedPositioningStrategy, HorizontalAlignment, IgxOverlayOutletDirective, NoOpScrollStrategy, VerticalAlignment } from 'igniteui-angular/core'; import { ISelectionEventArgs, IgxDropDownComponent, IgxDropDownItemComponent, IgxDropDownItemNavigationDirective } from 'igniteui-angular/drop-down'; import { IgxNavbarComponent } from 'igniteui-angular/navbar'; @@ -11,7 +11,6 @@ import { IgxLabelDirective } from 'igniteui-angular/input-group'; selector: 'app-dropdown-menu', styleUrls: ['./dropdown-menu.component.scss'], templateUrl: './dropdown-menu.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxNavbarComponent, IgxIconButtonDirective, IgxToggleActionDirective, IgxDropDownItemNavigationDirective, IgxIconComponent, IgxDropDownComponent, IgxDropDownItemComponent, IgxLabelDirective, IgxOverlayOutletDirective] }) export class DropdownMenuComponent { diff --git a/src/app/data-entries/dropdown/dropdown-multi-level-menu/dropdown-multi-level-menu.component.ts b/src/app/data-entries/dropdown/dropdown-multi-level-menu/dropdown-multi-level-menu.component.ts index c69418857..15575d22a 100644 --- a/src/app/data-entries/dropdown/dropdown-multi-level-menu/dropdown-multi-level-menu.component.ts +++ b/src/app/data-entries/dropdown/dropdown-multi-level-menu/dropdown-multi-level-menu.component.ts @@ -1,4 +1,4 @@ -import { AfterViewInit, Component, QueryList, ViewChild, ViewChildren, inject, ChangeDetectionStrategy } from '@angular/core'; +import { AfterViewInit, Component, QueryList, ViewChild, ViewChildren, inject } from '@angular/core'; import { IgxDropDownComponent, IgxDropDownItemComponent } from 'igniteui-angular/drop-down'; import { ConnectedPositioningStrategy, HorizontalAlignment, OverlaySettings, VerticalAlignment } from 'igniteui-angular/core'; import { IgxNavbarComponent, IgxNavbarTitleDirective } from 'igniteui-angular/navbar'; @@ -22,7 +22,6 @@ import { MultiLevelDirective } from './multi-level.directive'; templateUrl: './dropdown-multi-level-menu.component.html', styleUrls: ['./dropdown-multi-level-menu.component.scss'], providers: [MultiLevelService], - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxNavbarComponent, IgxNavbarTitleDirective, IgxButtonDirective, IgxToggleActionDirective, IgxIconComponent, IgxDropDownComponent, IgxDropDownItemComponent, MultiLevelDirective, IgxSuffixDirective] }) export class DropdownMultiLevelMenuComponent implements AfterViewInit { diff --git a/src/app/data-entries/dropdown/dropdown-sample-1/dropdown-sample-1.component.ts b/src/app/data-entries/dropdown/dropdown-sample-1/dropdown-sample-1.component.ts index b0fbff9bb..0a73f65ad 100644 --- a/src/app/data-entries/dropdown/dropdown-sample-1/dropdown-sample-1.component.ts +++ b/src/app/data-entries/dropdown/dropdown-sample-1/dropdown-sample-1.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxButtonDirective, IgxToggleActionDirective } from 'igniteui-angular/directives'; import { IgxDropDownComponent, IgxDropDownItemComponent, IgxDropDownItemNavigationDirective } from 'igniteui-angular/drop-down'; @@ -7,7 +7,6 @@ import { IgxDropDownComponent, IgxDropDownItemComponent, IgxDropDownItemNavigati selector: 'app-dropdown-sample-1', styleUrls: ['./dropdown-sample-1.component.scss'], templateUrl: './dropdown-sample-1.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxToggleActionDirective, IgxDropDownItemNavigationDirective, IgxDropDownComponent, IgxDropDownItemComponent] }) export class DropDownSample1Component { diff --git a/src/app/data-entries/dropdown/dropdown-sample-2/dropdown-sample-2.component.ts b/src/app/data-entries/dropdown/dropdown-sample-2/dropdown-sample-2.component.ts index b73bcf5dd..a3a704ea9 100644 --- a/src/app/data-entries/dropdown/dropdown-sample-2/dropdown-sample-2.component.ts +++ b/src/app/data-entries/dropdown/dropdown-sample-2/dropdown-sample-2.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxButtonDirective, IgxToggleActionDirective } from 'igniteui-angular/directives'; import { IgxDropDownComponent, IgxDropDownItemComponent, IgxDropDownItemNavigationDirective } from 'igniteui-angular/drop-down'; @@ -8,7 +8,6 @@ import { IgxDropDownComponent, IgxDropDownItemComponent, IgxDropDownItemNavigati selector: 'app-dropdown-sample-2', styleUrls: ['./dropdown-sample-2.component.scss'], templateUrl: './dropdown-sample-2.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxToggleActionDirective, IgxDropDownItemNavigationDirective, IgxDropDownComponent, IgxDropDownItemComponent] }) export class DropDownSample2Component { diff --git a/src/app/data-entries/dropdown/dropdown-sample-3/dropdown-sample-3.component.ts b/src/app/data-entries/dropdown/dropdown-sample-3/dropdown-sample-3.component.ts index 11686993d..891b0cc2f 100644 --- a/src/app/data-entries/dropdown/dropdown-sample-3/dropdown-sample-3.component.ts +++ b/src/app/data-entries/dropdown/dropdown-sample-3/dropdown-sample-3.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxButtonDirective, IgxDividerDirective, IgxToggleActionDirective } from 'igniteui-angular/directives'; import { IgxDropDownComponent, IgxDropDownItemComponent, IgxDropDownItemNavigationDirective } from 'igniteui-angular/drop-down'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -10,7 +10,6 @@ import { IgxPrefixDirective, IgxSuffixDirective } from 'igniteui-angular/input-g selector: 'app-dropdown-sample-3', styleUrls: ['./dropdown-sample-3.component.scss'], templateUrl: './dropdown-sample-3.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxToggleActionDirective, IgxDropDownItemNavigationDirective, IgxDropDownComponent, IgxDropDownItemComponent, IgxIconComponent, IgxPrefixDirective, IgxSuffixDirective, IgxDividerDirective] }) export class DropDownSample3Component { diff --git a/src/app/data-entries/dropdown/dropdown-sample-4/dropdown-sample-4.component.ts b/src/app/data-entries/dropdown/dropdown-sample-4/dropdown-sample-4.component.ts index 519131d90..a322c3515 100644 --- a/src/app/data-entries/dropdown/dropdown-sample-4/dropdown-sample-4.component.ts +++ b/src/app/data-entries/dropdown/dropdown-sample-4/dropdown-sample-4.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild } from '@angular/core'; import { ConnectedPositioningStrategy } from 'igniteui-angular/core'; import { IgxDropDownComponent, IgxDropDownItemComponent, IgxDropDownItemNavigationDirective } from 'igniteui-angular/drop-down'; import { IgxInputDirective, IgxInputGroupComponent, IgxSuffixDirective } from 'igniteui-angular/input-group'; @@ -10,7 +10,6 @@ import { IgxIconComponent } from 'igniteui-angular/icon'; selector: 'app-dropdown-sample-4', styleUrls: ['./dropdown-sample-4.component.scss'], templateUrl: './dropdown-sample-4.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxInputGroupComponent, IgxToggleActionDirective, IgxInputDirective, IgxDropDownItemNavigationDirective, IgxSuffixDirective, IgxIconButtonDirective, IgxRippleDirective, IgxIconComponent, IgxDropDownComponent, IgxDropDownItemComponent] }) export class DropDownSample4Component { diff --git a/src/app/data-entries/dropdown/dropdown-sample-5/dropdown-sample-5.component.ts b/src/app/data-entries/dropdown/dropdown-sample-5/dropdown-sample-5.component.ts index f6ee0f2b7..d58f8aee8 100644 --- a/src/app/data-entries/dropdown/dropdown-sample-5/dropdown-sample-5.component.ts +++ b/src/app/data-entries/dropdown/dropdown-sample-5/dropdown-sample-5.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxButtonDirective, IgxToggleActionDirective } from 'igniteui-angular/directives'; import { IgxDropDownComponent, IgxDropDownGroupComponent, IgxDropDownItemComponent, IgxDropDownItemNavigationDirective } from 'igniteui-angular/drop-down'; import { IgxSwitchComponent } from 'igniteui-angular/switch'; @@ -10,7 +10,6 @@ import { FormsModule } from '@angular/forms'; selector: 'app-dropdown-sample-5', styleUrls: ['./dropdown-sample-5.component.scss'], templateUrl: './dropdown-sample-5.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxToggleActionDirective, IgxDropDownItemNavigationDirective, IgxSwitchComponent, FormsModule, IgxDropDownComponent, IgxDropDownGroupComponent, IgxDropDownItemComponent] }) export class DropDownSample5Component { diff --git a/src/app/data-entries/dropdown/dropdown-styling/dropdown-styling.component.ts b/src/app/data-entries/dropdown/dropdown-styling/dropdown-styling.component.ts index bb6d50f82..ccf152afd 100644 --- a/src/app/data-entries/dropdown/dropdown-styling/dropdown-styling.component.ts +++ b/src/app/data-entries/dropdown/dropdown-styling/dropdown-styling.component.ts @@ -1,4 +1,4 @@ -import { Component, ElementRef, OnInit, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ElementRef, OnInit, ViewChild, inject } from '@angular/core'; import { ISelectionEventArgs, IgxDropDownComponent, IgxDropDownGroupComponent, IgxDropDownItemComponent, IgxDropDownItemNavigationDirective } from 'igniteui-angular/drop-down'; import { IgxButtonDirective, IgxToggleActionDirective } from 'igniteui-angular/directives'; import { getHeroClassData, IHeroClass } from '../../../data/heroData'; @@ -8,7 +8,6 @@ import { getHeroClassData, IHeroClass } from '../../../data/heroData'; selector: 'app-dropdown-styling', styleUrls: ['./dropdown-styling.component.scss'], templateUrl: './dropdown-styling.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxToggleActionDirective, IgxDropDownItemNavigationDirective, IgxDropDownComponent, IgxDropDownGroupComponent, IgxDropDownItemComponent] }) export class DropDownStylingComponent implements OnInit { diff --git a/src/app/data-entries/dropdown/dropdown-tree-grid-hierarchical-selection/dropdown-tree-grid-hierarchical-selection.component.ts b/src/app/data-entries/dropdown/dropdown-tree-grid-hierarchical-selection/dropdown-tree-grid-hierarchical-selection.component.ts index ed5cb900e..a6b2c4478 100644 --- a/src/app/data-entries/dropdown/dropdown-tree-grid-hierarchical-selection/dropdown-tree-grid-hierarchical-selection.component.ts +++ b/src/app/data-entries/dropdown/dropdown-tree-grid-hierarchical-selection/dropdown-tree-grid-hierarchical-selection.component.ts @@ -1,4 +1,4 @@ -import { AfterViewInit, Component, ElementRef, OnInit, PLATFORM_ID, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; +import { AfterViewInit, Component, ElementRef, OnInit, PLATFORM_ID, ViewChild, inject } from '@angular/core'; import { IBaseChipEventArgs, IgxChipComponent, IgxChipsAreaComponent } from 'igniteui-angular/chips'; import { IgxDropDownComponent, IgxDropDownItemNavigationDirective } from 'igniteui-angular/drop-down'; import { ConnectedPositioningStrategy, OverlaySettings } from 'igniteui-angular/core'; @@ -15,7 +15,6 @@ import { isPlatformBrowser } from '@angular/common'; selector: 'app-dropdown-tree-grid-hierarchical-selection', styleUrls: ['./dropdown-tree-grid-hierarchical-selection.component.scss'], templateUrl: './dropdown-tree-grid-hierarchical-selection.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxToggleActionDirective, IgxDropDownItemNavigationDirective, IgxIconComponent, IgxChipsAreaComponent, IgxChipComponent, IgxDropDownComponent, IgxTreeGridComponent, IgxColumnComponent] }) export class DropdownTreeGridHierarchicalSelectionComponent implements OnInit, AfterViewInit { diff --git a/src/app/data-entries/dropdown/dropdown-tree-hierarchical-selection/dropdown-tree-hierarchical-selection.component.ts b/src/app/data-entries/dropdown/dropdown-tree-hierarchical-selection/dropdown-tree-hierarchical-selection.component.ts index e584bd6c5..4473dc145 100644 --- a/src/app/data-entries/dropdown/dropdown-tree-hierarchical-selection/dropdown-tree-hierarchical-selection.component.ts +++ b/src/app/data-entries/dropdown/dropdown-tree-hierarchical-selection/dropdown-tree-hierarchical-selection.component.ts @@ -1,4 +1,4 @@ -import { AfterViewInit, Component, DoCheck, OnInit, ViewChild, ElementRef, PLATFORM_ID, inject, ChangeDetectionStrategy } from '@angular/core'; +import { AfterViewInit, Component, DoCheck, OnInit, ViewChild, ElementRef, PLATFORM_ID, inject } from '@angular/core'; import { IBaseChipEventArgs, IgxChipComponent, IgxChipsAreaComponent } from 'igniteui-angular/chips'; import { IgxDropDownComponent, IgxDropDownItemNavigationDirective } from 'igniteui-angular/drop-down'; import { ITreeNodeSelectionEvent, IgxTreeComponent, IgxTreeNodeComponent } from 'igniteui-angular/tree'; @@ -14,7 +14,6 @@ import { isPlatformBrowser } from '@angular/common'; selector: 'app-dropdown-tree-hierarchical-selection', styleUrls: ['./dropdown-tree-hierarchical-selection.component.scss'], templateUrl: './dropdown-tree-hierarchical-selection.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxToggleActionDirective, IgxDropDownItemNavigationDirective, IgxIconComponent, IgxChipsAreaComponent, IgxChipComponent, IgxDropDownComponent, IgxTreeComponent, IgxTreeNodeComponent] }) export class DropdownTreeHierarchicalSelectionComponent implements OnInit, DoCheck, AfterViewInit { diff --git a/src/app/data-entries/icon-button/contained-icon-button/contained-icon-button.component.ts b/src/app/data-entries/icon-button/contained-icon-button/contained-icon-button.component.ts index bffb14e15..a3a1db9cd 100644 --- a/src/app/data-entries/icon-button/contained-icon-button/contained-icon-button.component.ts +++ b/src/app/data-entries/icon-button/contained-icon-button/contained-icon-button.component.ts @@ -1,5 +1,5 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxIconButtonDirective } from 'igniteui-angular/directives'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -7,7 +7,6 @@ import { IgxIconComponent } from 'igniteui-angular/icon'; selector: 'app-contained-icon-button', styleUrls: ['./contained-icon-button.component.scss'], templateUrl: './contained-icon-button.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxIconButtonDirective, IgxIconComponent] }) export class ContainedIconButtonComponent { } diff --git a/src/app/data-entries/icon-button/disabled-icon-button/disabled-icon-button.component.ts b/src/app/data-entries/icon-button/disabled-icon-button/disabled-icon-button.component.ts index f76eccf1f..bcd1e7fd7 100644 --- a/src/app/data-entries/icon-button/disabled-icon-button/disabled-icon-button.component.ts +++ b/src/app/data-entries/icon-button/disabled-icon-button/disabled-icon-button.component.ts @@ -1,5 +1,5 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxIconButtonDirective } from 'igniteui-angular/directives'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -7,7 +7,6 @@ import { IgxIconComponent } from 'igniteui-angular/icon'; selector: 'app-disabled-icon-button', styleUrls: ['./disabled-icon-button.component.scss'], templateUrl: './disabled-icon-button.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxIconButtonDirective, IgxIconComponent] }) export class DisabledIconButtonComponent {} diff --git a/src/app/data-entries/icon-button/flat-icon-button/flat-icon-button.component.ts b/src/app/data-entries/icon-button/flat-icon-button/flat-icon-button.component.ts index e68100e84..102774808 100644 --- a/src/app/data-entries/icon-button/flat-icon-button/flat-icon-button.component.ts +++ b/src/app/data-entries/icon-button/flat-icon-button/flat-icon-button.component.ts @@ -1,5 +1,5 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxIconButtonDirective } from 'igniteui-angular/directives'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -7,7 +7,6 @@ import { IgxIconComponent } from 'igniteui-angular/icon'; selector: 'app-flat-icon-button', styleUrls: ['./flat-icon-button.component.scss'], templateUrl: './flat-icon-button.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxIconButtonDirective, IgxIconComponent] }) export class FlatIconButtonComponent { } diff --git a/src/app/data-entries/icon-button/icon-button-overview/icon-button-overview.component.ts b/src/app/data-entries/icon-button/icon-button-overview/icon-button-overview.component.ts index 42a467434..998db628c 100644 --- a/src/app/data-entries/icon-button/icon-button-overview/icon-button-overview.component.ts +++ b/src/app/data-entries/icon-button/icon-button-overview/icon-button-overview.component.ts @@ -1,5 +1,5 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxIconButtonDirective, IgxRippleDirective } from 'igniteui-angular/directives'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -7,7 +7,6 @@ import { IgxIconComponent } from 'igniteui-angular/icon'; selector: 'app-icon-button-overview', styleUrls: ['./icon-button-overview.component.scss'], templateUrl: './icon-button-overview.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxIconButtonDirective, IgxRippleDirective, IgxIconComponent] }) export class IconButtonOverviewComponent { } diff --git a/src/app/data-entries/icon-button/icon-button-size/icon-button-size.component.ts b/src/app/data-entries/icon-button/icon-button-size/icon-button-size.component.ts index 6b2cfe783..6b97505ea 100644 --- a/src/app/data-entries/icon-button/icon-button-size/icon-button-size.component.ts +++ b/src/app/data-entries/icon-button/icon-button-size/icon-button-size.component.ts @@ -1,5 +1,5 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxIconButtonDirective, IgxRippleDirective } from 'igniteui-angular/directives'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -7,7 +7,6 @@ import { IgxIconComponent } from 'igniteui-angular/icon'; selector: 'app-icon-button-size', styleUrls: ['./icon-button-size.component.scss'], templateUrl: './icon-button-size.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxIconButtonDirective, IgxRippleDirective, IgxIconComponent] }) export class IconButtonSizeComponent { } diff --git a/src/app/data-entries/icon-button/icon-button-styling/icon-button-styling.component.ts b/src/app/data-entries/icon-button/icon-button-styling/icon-button-styling.component.ts index fb210b6cf..914b53e14 100644 --- a/src/app/data-entries/icon-button/icon-button-styling/icon-button-styling.component.ts +++ b/src/app/data-entries/icon-button/icon-button-styling/icon-button-styling.component.ts @@ -1,5 +1,5 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxIconButtonDirective, IgxRippleDirective } from 'igniteui-angular/directives'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -7,7 +7,6 @@ import { IgxIconComponent } from 'igniteui-angular/icon'; selector: 'app-icon-button-styling', styleUrls: ['./icon-button-styling.component.scss'], templateUrl: './icon-button-styling.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxIconButtonDirective, IgxRippleDirective, IgxIconComponent] }) export class IconButtonStylingComponent { } diff --git a/src/app/data-entries/icon-button/icon-button-tailwind-styling/icon-button-tailwind-styling.component.ts b/src/app/data-entries/icon-button/icon-button-tailwind-styling/icon-button-tailwind-styling.component.ts index bf2d32f19..59b5733d2 100644 --- a/src/app/data-entries/icon-button/icon-button-tailwind-styling/icon-button-tailwind-styling.component.ts +++ b/src/app/data-entries/icon-button/icon-button-tailwind-styling/icon-button-tailwind-styling.component.ts @@ -1,5 +1,5 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxIconButtonDirective } from 'igniteui-angular/directives'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -7,7 +7,6 @@ import { IgxIconComponent } from 'igniteui-angular/icon'; selector: 'app-icon-button-tailwind-styling', styleUrls: ['./icon-button-tailwind-styling.component.scss'], templateUrl: './icon-button-tailwind-styling.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxIconButtonDirective, IgxIconComponent] }) export class IconButtonTailwindStylingComponent { } diff --git a/src/app/data-entries/icon-button/outlined-icon-button/outlined-icon-button.component.ts b/src/app/data-entries/icon-button/outlined-icon-button/outlined-icon-button.component.ts index a0b9b8737..a5588a063 100644 --- a/src/app/data-entries/icon-button/outlined-icon-button/outlined-icon-button.component.ts +++ b/src/app/data-entries/icon-button/outlined-icon-button/outlined-icon-button.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxIconButtonDirective } from 'igniteui-angular/directives'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -6,7 +6,6 @@ import { IgxIconComponent } from 'igniteui-angular/icon'; selector: 'app-outlined-icon-button', styleUrls: ['./outlined-icon-button.component.scss'], templateUrl: './outlined-icon-button.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxIconButtonDirective, IgxIconComponent] }) export class OutlinedIconButtonComponent {} diff --git a/src/app/data-entries/icon-button/svg-icon-button/svg-icon-button.component.ts b/src/app/data-entries/icon-button/svg-icon-button/svg-icon-button.component.ts index 07d680775..c0ca74a2c 100644 --- a/src/app/data-entries/icon-button/svg-icon-button/svg-icon-button.component.ts +++ b/src/app/data-entries/icon-button/svg-icon-button/svg-icon-button.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, inject } from '@angular/core'; import { IgxIconComponent, IgxIconService } from 'igniteui-angular/icon'; import { IgxIconButtonDirective } from 'igniteui-angular/directives'; @@ -6,7 +6,6 @@ import { IgxIconButtonDirective } from 'igniteui-angular/directives'; selector: 'app-svg-icon-button', styleUrls: ['./svg-icon-button.component.scss'], templateUrl: './svg-icon-button.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxIconButtonDirective, IgxIconComponent] }) export class SVGIconButtonComponent implements OnInit { diff --git a/src/app/data-entries/input-group/input-group-sample-1/input-group-sample-1.component.ts b/src/app/data-entries/input-group/input-group-sample-1/input-group-sample-1.component.ts index cc71faf5d..1c0931481 100644 --- a/src/app/data-entries/input-group/input-group-sample-1/input-group-sample-1.component.ts +++ b/src/app/data-entries/input-group/input-group-sample-1/input-group-sample-1.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { BaseInputGroupSampleComponent } from '../base-input.component'; import { FormsModule } from '@angular/forms'; import { IgxInputDirective, IgxInputGroupComponent, IgxLabelDirective } from 'igniteui-angular/input-group'; @@ -7,7 +7,6 @@ import { IgxInputDirective, IgxInputGroupComponent, IgxLabelDirective } from 'ig selector: 'app-input-group-sample-1', styleUrls: ['./input-group-sample-1.component.scss'], templateUrl: './input-group-sample-1.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [FormsModule, IgxInputGroupComponent, IgxInputDirective, IgxLabelDirective] }) export class InputGroupSample1Component extends BaseInputGroupSampleComponent { } diff --git a/src/app/data-entries/input-group/input-group-sample-2/input-group-sample-2.component.ts b/src/app/data-entries/input-group/input-group-sample-2/input-group-sample-2.component.ts index 616d81dd3..42124f2ff 100644 --- a/src/app/data-entries/input-group/input-group-sample-2/input-group-sample-2.component.ts +++ b/src/app/data-entries/input-group/input-group-sample-2/input-group-sample-2.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { BaseInputGroupSampleComponent } from '../base-input.component'; import { FormsModule } from '@angular/forms'; import { IgxInputDirective, IgxInputGroupComponent, IgxLabelDirective } from 'igniteui-angular/input-group'; @@ -7,7 +7,6 @@ import { IgxInputDirective, IgxInputGroupComponent, IgxLabelDirective } from 'ig selector: 'app-input-group-sample-2', styleUrls: ['./input-group-sample-2.component.scss'], templateUrl: './input-group-sample-2.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [FormsModule, IgxInputGroupComponent, IgxInputDirective, IgxLabelDirective] }) export class InputGroupSample2Component extends BaseInputGroupSampleComponent { } diff --git a/src/app/data-entries/input-group/input-group-sample-3/input-group-sample-3.component.ts b/src/app/data-entries/input-group/input-group-sample-3/input-group-sample-3.component.ts index 352e25af3..dca99a7b2 100644 --- a/src/app/data-entries/input-group/input-group-sample-3/input-group-sample-3.component.ts +++ b/src/app/data-entries/input-group/input-group-sample-3/input-group-sample-3.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { BaseInputGroupSampleComponent } from '../base-input.component'; import { FormsModule } from '@angular/forms'; import { IgxInputDirective, IgxInputGroupComponent, IgxLabelDirective, IgxPrefixDirective, IgxSuffixDirective } from 'igniteui-angular/input-group'; @@ -8,7 +8,6 @@ import { IgxIconComponent } from 'igniteui-angular/icon'; selector: 'app-input-group-sample-3', styleUrls: ['./input-group-sample-3.component.scss'], templateUrl: './input-group-sample-3.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [FormsModule, IgxInputGroupComponent, IgxPrefixDirective, IgxLabelDirective, IgxInputDirective, IgxIconComponent, IgxSuffixDirective] }) export class InputGroupSample3Component extends BaseInputGroupSampleComponent { } diff --git a/src/app/data-entries/input-group/input-group-sample-4/input-group-sample-4.component.ts b/src/app/data-entries/input-group/input-group-sample-4/input-group-sample-4.component.ts index 797bdf1ea..f6d6c66cc 100644 --- a/src/app/data-entries/input-group/input-group-sample-4/input-group-sample-4.component.ts +++ b/src/app/data-entries/input-group/input-group-sample-4/input-group-sample-4.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { BaseInputGroupSampleComponent } from '../base-input.component'; import { FormsModule } from '@angular/forms'; import { IgxHintDirective, IgxInputDirective, IgxInputGroupComponent, IgxLabelDirective, IgxPrefixDirective, IgxSuffixDirective } from 'igniteui-angular/input-group'; @@ -8,7 +8,6 @@ import { IgxIconComponent } from 'igniteui-angular/icon'; selector: 'app-input-group-sample-4', styleUrls: ['./input-group-sample-4.component.scss'], templateUrl: './input-group-sample-4.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [FormsModule, IgxInputGroupComponent, IgxPrefixDirective, IgxLabelDirective, IgxInputDirective, IgxSuffixDirective, IgxIconComponent, IgxHintDirective] }) export class InputGroupSample4Component extends BaseInputGroupSampleComponent { } diff --git a/src/app/data-entries/input-group/input-group-sample-5/input-group-sample-5.component.ts b/src/app/data-entries/input-group/input-group-sample-5/input-group-sample-5.component.ts index 665afd9b3..569216794 100644 --- a/src/app/data-entries/input-group/input-group-sample-5/input-group-sample-5.component.ts +++ b/src/app/data-entries/input-group/input-group-sample-5/input-group-sample-5.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { BaseInputGroupSampleComponent } from '../base-input.component'; import { IGX_INPUT_GROUP_TYPE, IgxHintDirective, IgxInputDirective, IgxInputGroupComponent, IgxLabelDirective, IgxPrefixDirective, IgxSuffixDirective } from 'igniteui-angular/input-group'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -10,7 +10,6 @@ import { FormsModule } from '@angular/forms'; styleUrls: ['./input-group-sample-5.component.scss'], templateUrl: './input-group-sample-5.component.html', providers: [{ provide: IGX_INPUT_GROUP_TYPE, useValue: 'box' }], - changeDetection: ChangeDetectionStrategy.Eager, imports: [FormsModule, IgxInputGroupComponent, IgxInputDirective, IgxLabelDirective, IgxSuffixDirective, IgxIconComponent, IgxHintDirective, IgxPrefixDirective] }) export class InputGroupSample5Component extends BaseInputGroupSampleComponent { } diff --git a/src/app/data-entries/input-group/input-group-sample-6/input-group-sample-6.component.ts b/src/app/data-entries/input-group/input-group-sample-6/input-group-sample-6.component.ts index a424ab157..b2ca7951e 100644 --- a/src/app/data-entries/input-group/input-group-sample-6/input-group-sample-6.component.ts +++ b/src/app/data-entries/input-group/input-group-sample-6/input-group-sample-6.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { BaseInputGroupSampleComponent } from '../base-input.component'; import { FormsModule } from '@angular/forms'; import { IgxSelectComponent, IgxSelectGroupComponent, IgxSelectItemComponent, IgxSelectToggleIconDirective } from 'igniteui-angular/select'; @@ -14,7 +14,6 @@ import { IgxButtonDirective, IgxRippleDirective } from 'igniteui-angular/directi selector: 'app-input-group-sample-6', styleUrls: ['./input-group-sample-6.component.scss'], templateUrl: './input-group-sample-6.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [FormsModule, IgxSelectComponent, IgxSelectGroupComponent, IgxSelectItemComponent, IgxLabelDirective, IgxSelectToggleIconDirective, IgxIconComponent, IgxInputGroupComponent, IgxInputDirective, IgxSuffixDirective, IgxPrefixDirective, IgxHintDirective, IgxComboComponent, IgxDatePickerComponent, IgxPickerToggleComponent, IgxTimePickerComponent, IgxButtonDirective, IgxRippleDirective] }) export class InputGroupSample6Component extends BaseInputGroupSampleComponent { diff --git a/src/app/data-entries/input-group/input-group-styling/input-group-styling.component.ts b/src/app/data-entries/input-group/input-group-styling/input-group-styling.component.ts index d293bb8d3..272cecd50 100644 --- a/src/app/data-entries/input-group/input-group-styling/input-group-styling.component.ts +++ b/src/app/data-entries/input-group/input-group-styling/input-group-styling.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxHintDirective, IgxInputDirective, IgxInputGroupComponent, IgxLabelDirective } from 'igniteui-angular/input-group'; import { THEME_TOKEN, ThemeToken } from 'igniteui-angular/core'; @@ -7,7 +7,6 @@ import { THEME_TOKEN, ThemeToken } from 'igniteui-angular/core'; templateUrl: 'input-group-styling.component.html', styleUrls: ['input-group-styling.component.scss'], imports: [IgxInputGroupComponent, IgxLabelDirective, IgxInputDirective, IgxHintDirective], - changeDetection: ChangeDetectionStrategy.Eager, providers: [{provide: THEME_TOKEN, useFactory: () => new ThemeToken('indigo')}] }) export class InputGroupStyleComponent { } diff --git a/src/app/data-entries/input-group/input-group-tailwind-styling/input-group-tailwind-styling.component.ts b/src/app/data-entries/input-group/input-group-tailwind-styling/input-group-tailwind-styling.component.ts index 1431622da..13807e1c0 100644 --- a/src/app/data-entries/input-group/input-group-tailwind-styling/input-group-tailwind-styling.component.ts +++ b/src/app/data-entries/input-group/input-group-tailwind-styling/input-group-tailwind-styling.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxHintDirective, IgxInputDirective, IgxInputGroupComponent, IgxLabelDirective, IgxPrefixDirective, IgxSuffixDirective } from 'igniteui-angular/input-group'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -6,7 +6,6 @@ import { IgxIconComponent } from 'igniteui-angular/icon'; selector: 'app-input-group-tailwind-style', templateUrl: 'input-group-tailwind-styling.component.html', styleUrls: ['input-group-tailwind-styling.component.scss'], - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxInputGroupComponent, IgxPrefixDirective, IgxLabelDirective, IgxInputDirective, IgxSuffixDirective, IgxIconComponent, IgxHintDirective] }) export class InputGroupTailwindStyleComponent { } diff --git a/src/app/data-entries/input-group/input-text-selection/input-text-selection.component.ts b/src/app/data-entries/input-group/input-text-selection/input-text-selection.component.ts index c650f9087..e77db846c 100644 --- a/src/app/data-entries/input-group/input-text-selection/input-text-selection.component.ts +++ b/src/app/data-entries/input-group/input-text-selection/input-text-selection.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { FormsModule } from '@angular/forms'; import { IgxInputDirective, IgxInputGroupComponent, IgxLabelDirective } from 'igniteui-angular/input-group'; import { IgxFocusDirective, IgxTextSelectionDirective } from 'igniteui-angular/directives'; @@ -7,7 +7,6 @@ import { IgxFocusDirective, IgxTextSelectionDirective } from 'igniteui-angular/d selector: 'app-input-text-selection', templateUrl: './input-text-selection.component.html', styleUrls: ['./input-text-selection.component.scss'], - changeDetection: ChangeDetectionStrategy.Eager, imports: [FormsModule, IgxInputGroupComponent, IgxInputDirective, IgxTextSelectionDirective, IgxLabelDirective, IgxFocusDirective] }) export class InputTextSelectionComponent { diff --git a/src/app/data-entries/input-group/reactive-form-custom-validation/reactive-form-custom-validation.component.ts b/src/app/data-entries/input-group/reactive-form-custom-validation/reactive-form-custom-validation.component.ts index 5c3fe1b67..860d8c18c 100644 --- a/src/app/data-entries/input-group/reactive-form-custom-validation/reactive-form-custom-validation.component.ts +++ b/src/app/data-entries/input-group/reactive-form-custom-validation/reactive-form-custom-validation.component.ts @@ -1,4 +1,4 @@ -import { Component, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, inject } from '@angular/core'; import { AbstractControl, FormBuilder, FormControl, FormGroup, ValidationErrors, ValidatorFn, Validators, FormsModule, ReactiveFormsModule } from '@angular/forms'; import { IgxHintDirective, IgxInputDirective, IgxInputGroupComponent, IgxLabelDirective, IgxSuffixDirective } from 'igniteui-angular/input-group'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -24,7 +24,6 @@ interface ValidatorErrors selector: 'app-reactive-form-custom-validation', templateUrl: './reactive-form-custom-validation.component.html', styleUrls: ['./reactive-form-custom-validation.component.scss'], - changeDetection: ChangeDetectionStrategy.Eager, imports: [FormsModule, ReactiveFormsModule, IgxInputGroupComponent, IgxLabelDirective, IgxInputDirective, IgxHintDirective, IgxIconComponent, IgxSuffixDirective, IgxButtonDirective, IgxRippleDirective] }) export class ReactiveFormCustomValidationComponent { diff --git a/src/app/data-entries/input-group/reactive-form-validation/reactive-form-validation.component.ts b/src/app/data-entries/input-group/reactive-form-validation/reactive-form-validation.component.ts index 9b2b6aab6..8d2e85424 100644 --- a/src/app/data-entries/input-group/reactive-form-validation/reactive-form-validation.component.ts +++ b/src/app/data-entries/input-group/reactive-form-validation/reactive-form-validation.component.ts @@ -1,4 +1,4 @@ -import { Component, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, inject } from '@angular/core'; import { FormBuilder, FormControl, FormGroup, Validators, FormsModule, ReactiveFormsModule } from '@angular/forms'; import { IgxHintDirective, IgxInputDirective, IgxInputGroupComponent, IgxLabelDirective, IgxSuffixDirective } from 'igniteui-angular/input-group'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -16,7 +16,6 @@ interface User selector: 'app-reactive-form-validation', templateUrl: './reactive-form-validation.component.html', styleUrls: ['./reactive-form-validation.component.scss'], - changeDetection: ChangeDetectionStrategy.Eager, imports: [FormsModule, ReactiveFormsModule, IgxInputGroupComponent, IgxLabelDirective, IgxInputDirective, IgxHintDirective, IgxIconComponent, IgxSuffixDirective, IgxButtonDirective, IgxRippleDirective] }) export class ReactiveFormValidationComponent { diff --git a/src/app/data-entries/input-group/template-driven-form-validation/template-driven-form-validation.component.ts b/src/app/data-entries/input-group/template-driven-form-validation/template-driven-form-validation.component.ts index 31b2dab67..7ba7e247b 100644 --- a/src/app/data-entries/input-group/template-driven-form-validation/template-driven-form-validation.component.ts +++ b/src/app/data-entries/input-group/template-driven-form-validation/template-driven-form-validation.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild } from '@angular/core'; import { NgForm, FormsModule } from '@angular/forms'; import { IgxHintDirective, IgxInputDirective, IgxInputGroupComponent, IgxLabelDirective, IgxSuffixDirective } from 'igniteui-angular/input-group'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -16,7 +16,6 @@ interface User selector: 'app-template-driven-form-validation', templateUrl: './template-driven-form-validation.component.html', styleUrls: ['./template-driven-form-validation.component.scss'], - changeDetection: ChangeDetectionStrategy.Eager, imports: [FormsModule, IgxInputGroupComponent, IgxLabelDirective, IgxInputDirective, IgxHintDirective, IgxIconComponent, IgxSuffixDirective, IgxButtonDirective, IgxRippleDirective] }) export class TemplateDrivenFormValidationComponent { diff --git a/src/app/data-entries/input-group/typed-form/typed-form.component.ts b/src/app/data-entries/input-group/typed-form/typed-form.component.ts index 2c575748e..a9d347030 100644 --- a/src/app/data-entries/input-group/typed-form/typed-form.component.ts +++ b/src/app/data-entries/input-group/typed-form/typed-form.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { FormControl, FormGroup, FormsModule, ReactiveFormsModule } from "@angular/forms"; import { IgxInputDirective, IgxInputGroupComponent, IgxLabelDirective, IgxSuffixDirective } from 'igniteui-angular/input-group'; import { IgxDatePickerComponent } from 'igniteui-angular/date-picker'; @@ -21,7 +21,6 @@ export interface registrationFormGroup selector: 'app-typed-form', templateUrl: './typed-form.component.html', styleUrls: ['./typed-form.component.scss'], - changeDetection: ChangeDetectionStrategy.Eager, imports: [FormsModule, ReactiveFormsModule, IgxInputGroupComponent, IgxLabelDirective, IgxInputDirective, IgxDatePickerComponent, IgxPickerToggleComponent, IgxSuffixDirective, IgxIconComponent, IgxButtonDirective, IgxRippleDirective] }) export class TypedFormComponent { diff --git a/src/app/data-entries/radio/radio-group-sample/radio-group-sample.component.ts b/src/app/data-entries/radio/radio-group-sample/radio-group-sample.component.ts index ce4ab816c..c2b0f8282 100644 --- a/src/app/data-entries/radio/radio-group-sample/radio-group-sample.component.ts +++ b/src/app/data-entries/radio/radio-group-sample/radio-group-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, inject } from '@angular/core'; import { FormBuilder, FormGroup, Validators, FormsModule, ReactiveFormsModule } from '@angular/forms'; import { IgxInputDirective, IgxInputGroupComponent, IgxLabelDirective } from 'igniteui-angular/input-group'; import { IgxRadioComponent, IgxRadioGroupDirective } from 'igniteui-angular/radio'; @@ -9,7 +9,6 @@ import { IgxButtonDirective, IgxRippleDirective } from 'igniteui-angular/directi selector: 'app-radio-group-sample', styleUrls: ['./radio-group-sample.component.scss'], templateUrl: './radio-group-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [FormsModule, ReactiveFormsModule, IgxInputGroupComponent, IgxInputDirective, IgxRadioGroupDirective, IgxRadioComponent, IgxButtonDirective, IgxRippleDirective, IgxLabelDirective] }) export class RadioGroupSampleComponent { diff --git a/src/app/data-entries/radio/radio-group-vertical/radio-group-vertical.component.ts b/src/app/data-entries/radio/radio-group-vertical/radio-group-vertical.component.ts index ab52bf7bf..1177232f6 100644 --- a/src/app/data-entries/radio/radio-group-vertical/radio-group-vertical.component.ts +++ b/src/app/data-entries/radio/radio-group-vertical/radio-group-vertical.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxRadioComponent, IgxRadioGroupDirective, RadioGroupAlignment } from 'igniteui-angular/radio'; import { FormsModule } from '@angular/forms'; @@ -6,7 +6,6 @@ import { FormsModule } from '@angular/forms'; selector: 'app-radio-group-vertical', styleUrls: ['./radio-group-vertical.component.scss'], templateUrl: './radio-group-vertical.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxRadioGroupDirective, IgxRadioComponent, FormsModule] }) export class RadioGroupVerticalComponent { diff --git a/src/app/data-entries/radio/radio-sample-1/radio-sample-1.component.ts b/src/app/data-entries/radio/radio-sample-1/radio-sample-1.component.ts index bd34f7dc7..904035357 100644 --- a/src/app/data-entries/radio/radio-sample-1/radio-sample-1.component.ts +++ b/src/app/data-entries/radio/radio-sample-1/radio-sample-1.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxRadioComponent } from 'igniteui-angular/radio'; import { FormsModule } from '@angular/forms'; @@ -6,7 +6,6 @@ import { FormsModule } from '@angular/forms'; selector: 'app-radio-sample-1', styleUrls: ['./radio-sample-1.component.scss'], templateUrl: './radio-sample-1.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxRadioComponent, FormsModule] }) export class RadioSample1Component { diff --git a/src/app/data-entries/radio/radio-sample-2/radio-sample-2.component.ts b/src/app/data-entries/radio/radio-sample-2/radio-sample-2.component.ts index 4dbcb071d..b0ca495fd 100644 --- a/src/app/data-entries/radio/radio-sample-2/radio-sample-2.component.ts +++ b/src/app/data-entries/radio/radio-sample-2/radio-sample-2.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxRadioComponent } from 'igniteui-angular/radio'; import { FormsModule } from '@angular/forms'; @@ -7,7 +7,6 @@ import { FormsModule } from '@angular/forms'; selector: 'app-radio-sample-2', styleUrls: ['./radio-sample-2.component.scss'], templateUrl: './radio-sample-2.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxRadioComponent, FormsModule] }) export class RadioSample2Component { diff --git a/src/app/data-entries/radio/radio-sample-3/radio-sample-3.component.ts b/src/app/data-entries/radio/radio-sample-3/radio-sample-3.component.ts index d5602a38a..5ba8c18c3 100644 --- a/src/app/data-entries/radio/radio-sample-3/radio-sample-3.component.ts +++ b/src/app/data-entries/radio/radio-sample-3/radio-sample-3.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxRadioComponent } from 'igniteui-angular/radio'; import { FormsModule } from '@angular/forms'; @@ -6,7 +6,6 @@ import { FormsModule } from '@angular/forms'; selector: 'app-radio-sample-3', styleUrls: ['./radio-sample-3.component.scss'], templateUrl: './radio-sample-3.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxRadioComponent, FormsModule] }) export class RadioSample3Component { diff --git a/src/app/data-entries/radio/radio-styling-sample/radio-styling-sample.component.ts b/src/app/data-entries/radio/radio-styling-sample/radio-styling-sample.component.ts index 8ad8b1131..a0382f922 100644 --- a/src/app/data-entries/radio/radio-styling-sample/radio-styling-sample.component.ts +++ b/src/app/data-entries/radio/radio-styling-sample/radio-styling-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxRadioComponent } from 'igniteui-angular/radio'; import { FormsModule } from '@angular/forms'; @@ -6,7 +6,6 @@ import { FormsModule } from '@angular/forms'; selector: 'app-radio-sample-1', styleUrls: ['./radio-styling-sample.component.scss'], templateUrl: './radio-styling-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxRadioComponent, FormsModule] }) export class RadioStylingSampleComponent { diff --git a/src/app/data-entries/radio/radio-tailwind-styling-sample/radio-tailwind-styling-sample.component.ts b/src/app/data-entries/radio/radio-tailwind-styling-sample/radio-tailwind-styling-sample.component.ts index c90bf2431..4618d4de5 100644 --- a/src/app/data-entries/radio/radio-tailwind-styling-sample/radio-tailwind-styling-sample.component.ts +++ b/src/app/data-entries/radio/radio-tailwind-styling-sample/radio-tailwind-styling-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxRadioComponent } from 'igniteui-angular/radio'; import { FormsModule } from '@angular/forms'; @@ -6,7 +6,6 @@ import { FormsModule } from '@angular/forms'; selector: 'app-radio-tailwind-styling', styleUrls: ['./radio-tailwind-styling-sample.component.scss'], templateUrl: './radio-tailwind-styling-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxRadioComponent, FormsModule] }) export class RadioTailwindStylingSampleComponent { diff --git a/src/app/data-entries/rating/rating-form/rating-form.component.ts b/src/app/data-entries/rating/rating-form/rating-form.component.ts index aca991835..821ff3bad 100644 --- a/src/app/data-entries/rating/rating-form/rating-form.component.ts +++ b/src/app/data-entries/rating/rating-form/rating-form.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgcRatingComponent, defineComponents } from 'igniteui-webcomponents'; import { FormsModule } from '@angular/forms'; import { IgxCardActionsComponent, IgxCardComponent, IgxCardContentDirective, IgxCardHeaderComponent, IgxCardHeaderSubtitleDirective, IgxCardHeaderTitleDirective, IgxCardMediaDirective } from 'igniteui-angular/card'; @@ -13,7 +13,6 @@ defineComponents(IgcRatingComponent) selector: 'app-rating-sample', styleUrls: ['./rating-form.component.scss'], templateUrl: './rating-form.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [FormsModule, IgxCardComponent, IgxCardMediaDirective, IgxCardHeaderComponent, IgxCardHeaderTitleDirective, IgxCardContentDirective, IgxCardHeaderSubtitleDirective, IgcFormControlDirective, IgxCardActionsComponent, IgxButtonDirective, IgxRippleDirective, IgxPrefixDirective, IgxIconButtonDirective, IgxSuffixDirective, IgxIconComponent, CurrencyPipe] }) export class RatingInFormComponent { diff --git a/src/app/data-entries/select/select-header-footer/select-header-footer.component.ts b/src/app/data-entries/select/select-header-footer/select-header-footer.component.ts index 7f91fe9d0..268780336 100644 --- a/src/app/data-entries/select/select-header-footer/select-header-footer.component.ts +++ b/src/app/data-entries/select/select-header-footer/select-header-footer.component.ts @@ -1,4 +1,4 @@ -import { ChangeDetectorRef, Component, ElementRef, OnInit, inject, ChangeDetectionStrategy } from '@angular/core'; +import { ChangeDetectorRef, Component, ElementRef, OnInit, inject } from '@angular/core'; import { IgxSelectComponent, IgxSelectFooterDirective, IgxSelectHeaderDirective, IgxSelectItemComponent } from 'igniteui-angular/select'; import { IgxLabelDirective } from 'igniteui-angular/input-group'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -9,7 +9,6 @@ import { IgxButtonDirective } from 'igniteui-angular/directives'; selector: 'app-select-header-footer', styleUrls: ['select-header-footer.component.scss'], templateUrl: 'select-header-footer.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSelectComponent, IgxLabelDirective, IgxSelectItemComponent, IgxIconComponent, IgxSelectHeaderDirective, IgxButtonGroupComponent, IgxButtonDirective, IgxSelectFooterDirective] }) export class SelectHeaderFooterComponent implements OnInit { diff --git a/src/app/data-entries/select/select-input-directives/select-input-directives.ts b/src/app/data-entries/select/select-input-directives/select-input-directives.ts index 2fda3e6c8..eed531ced 100644 --- a/src/app/data-entries/select/select-input-directives/select-input-directives.ts +++ b/src/app/data-entries/select/select-input-directives/select-input-directives.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild } from '@angular/core'; import { IgxSelectComponent, IgxSelectItemComponent } from 'igniteui-angular/select'; import { IgxHintDirective, IgxLabelDirective, IgxPrefixDirective, IgxSuffixDirective } from 'igniteui-angular/input-group'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -9,7 +9,6 @@ import { FormsModule } from '@angular/forms'; selector: 'app-select-input-directives', styleUrls: ['select-input-directives.scss'], templateUrl: 'select-input-directives.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSelectComponent, FormsModule, IgxLabelDirective, IgxPrefixDirective, IgxSuffixDirective, IgxIconComponent, IgxHintDirective, IgxSelectItemComponent] }) diff --git a/src/app/data-entries/select/select-sample-1/select-sample-1.component.ts b/src/app/data-entries/select/select-sample-1/select-sample-1.component.ts index 82c919bf2..9b49a87f8 100644 --- a/src/app/data-entries/select/select-sample-1/select-sample-1.component.ts +++ b/src/app/data-entries/select/select-sample-1/select-sample-1.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxSelectComponent, IgxSelectItemComponent } from 'igniteui-angular/select'; import { IgxLabelDirective } from 'igniteui-angular/input-group'; @@ -7,7 +7,6 @@ import { IgxLabelDirective } from 'igniteui-angular/input-group'; selector: 'app-select-sample-1', styleUrls: ['select-sample-1.component.scss'], templateUrl: 'select-sample-1.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSelectComponent, IgxLabelDirective, IgxSelectItemComponent] }) export class SelectSample1Component { diff --git a/src/app/data-entries/select/select-sample-2/select-sample-2.component.ts b/src/app/data-entries/select/select-sample-2/select-sample-2.component.ts index eb60e9902..56e91d9e8 100644 --- a/src/app/data-entries/select/select-sample-2/select-sample-2.component.ts +++ b/src/app/data-entries/select/select-sample-2/select-sample-2.component.ts @@ -1,5 +1,5 @@ -import { Component, ElementRef, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ElementRef, ViewChild, inject } from '@angular/core'; import { IgxSelectComponent, IgxSelectGroupComponent, IgxSelectItemComponent } from 'igniteui-angular/select'; import { IgxLabelDirective } from 'igniteui-angular/input-group'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -9,7 +9,6 @@ import { IgxIconComponent } from 'igniteui-angular/icon'; selector: 'app-select-sample-2', styleUrls: ['select-sample-2.component.scss'], templateUrl: 'select-sample-2.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSelectComponent, IgxLabelDirective, IgxSelectGroupComponent, IgxSelectItemComponent, IgxIconComponent] }) export class SelectSample2Component { diff --git a/src/app/data-entries/select/select-sample-4/select-sample-4.component.ts b/src/app/data-entries/select/select-sample-4/select-sample-4.component.ts index 72ceb7261..655d3642a 100644 --- a/src/app/data-entries/select/select-sample-4/select-sample-4.component.ts +++ b/src/app/data-entries/select/select-sample-4/select-sample-4.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { AbsoluteScrollStrategy, ConnectedPositioningStrategy, HorizontalAlignment, OverlaySettings, PositionSettings, VerticalAlignment } from 'igniteui-angular/core'; import { IgxSelectComponent, IgxSelectItemComponent } from 'igniteui-angular/select'; import { IgxLabelDirective } from 'igniteui-angular/input-group'; @@ -9,7 +9,6 @@ import { scaleInTop, scaleOutBottom } from 'igniteui-angular/animations'; selector: 'app-select-sample-4', styleUrls: ['select-sample-4.component.scss'], templateUrl: 'select-sample-4.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSelectComponent, IgxLabelDirective, IgxSelectItemComponent] }) export class SelectSample4Component implements OnInit { diff --git a/src/app/data-entries/select/select-styling/select-styling.component.ts b/src/app/data-entries/select/select-styling/select-styling.component.ts index 9b2802eae..a5ec650ac 100644 --- a/src/app/data-entries/select/select-styling/select-styling.component.ts +++ b/src/app/data-entries/select/select-styling/select-styling.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { AbsoluteScrollStrategy, ConnectedPositioningStrategy, HorizontalAlignment, OverlaySettings, PositionSettings, VerticalAlignment } from 'igniteui-angular/core'; import { IgxSelectComponent, IgxSelectItemComponent } from 'igniteui-angular/select'; import { IgxLabelDirective } from 'igniteui-angular/input-group'; @@ -9,7 +9,6 @@ import { scaleInTop, scaleOutBottom } from 'igniteui-angular/animations'; selector: 'app-select-styling', styleUrls: ['select-styling.component.scss'], templateUrl: 'select-styling.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSelectComponent, IgxLabelDirective, IgxSelectItemComponent] }) export class SelectStylingComponent implements OnInit { diff --git a/src/app/data-entries/select/select-tailwind-styling/select-tailwind-styling.component.ts b/src/app/data-entries/select/select-tailwind-styling/select-tailwind-styling.component.ts index 3e68eb06a..474ebd00c 100644 --- a/src/app/data-entries/select/select-tailwind-styling/select-tailwind-styling.component.ts +++ b/src/app/data-entries/select/select-tailwind-styling/select-tailwind-styling.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { AbsoluteScrollStrategy, ConnectedPositioningStrategy, HorizontalAlignment, OverlaySettings, PositionSettings, VerticalAlignment } from 'igniteui-angular/core'; import { IgxSelectComponent, IgxSelectItemComponent } from 'igniteui-angular/select'; import { IgxLabelDirective } from 'igniteui-angular/input-group'; @@ -9,7 +9,6 @@ import { scaleInTop, scaleOutBottom } from 'igniteui-angular/animations'; selector: 'app-select-tailwind-styling', styleUrls: ['select-tailwind-styling.component.scss'], templateUrl: 'select-tailwind-styling.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSelectComponent, IgxLabelDirective, IgxSelectItemComponent] }) export class SelectTailwindStylingComponent implements OnInit { diff --git a/src/app/data-entries/switch/switch-sample-1/switch-sample-1.component.ts b/src/app/data-entries/switch/switch-sample-1/switch-sample-1.component.ts index 4de386987..906229df2 100644 --- a/src/app/data-entries/switch/switch-sample-1/switch-sample-1.component.ts +++ b/src/app/data-entries/switch/switch-sample-1/switch-sample-1.component.ts @@ -1,11 +1,10 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxSwitchComponent } from 'igniteui-angular/switch'; @Component({ selector: 'app-switch-sample-1', styleUrls: ['./switch-sample-1.component.scss'], templateUrl: './switch-sample-1.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSwitchComponent] }) export class SwitchSample1Component { } diff --git a/src/app/data-entries/switch/switch-sample-2/switch-sample-2.component.ts b/src/app/data-entries/switch/switch-sample-2/switch-sample-2.component.ts index 5ff961bc8..54c4e0d49 100644 --- a/src/app/data-entries/switch/switch-sample-2/switch-sample-2.component.ts +++ b/src/app/data-entries/switch/switch-sample-2/switch-sample-2.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxSwitchComponent } from 'igniteui-angular/switch'; @@ -6,7 +6,6 @@ import { IgxSwitchComponent } from 'igniteui-angular/switch'; selector: 'app-switch-sample-2', styleUrls: ['./switch-sample-2.component.scss'], templateUrl: './switch-sample-2.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSwitchComponent] }) export class SwitchSample2Component { diff --git a/src/app/data-entries/switch/switch-styling/switch-styling.component.ts b/src/app/data-entries/switch/switch-styling/switch-styling.component.ts index 5c42c4cb8..31793317e 100644 --- a/src/app/data-entries/switch/switch-styling/switch-styling.component.ts +++ b/src/app/data-entries/switch/switch-styling/switch-styling.component.ts @@ -1,11 +1,10 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxSwitchComponent } from 'igniteui-angular/switch'; @Component({ selector: 'app-switch-styling', styleUrls: ['./switch-styling.component.scss'], templateUrl: './switch-styling.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSwitchComponent] }) export class SwitchStylingComponent { diff --git a/src/app/data-entries/switch/switch-tailwind-styling/switch-tailwind-styling.component.ts b/src/app/data-entries/switch/switch-tailwind-styling/switch-tailwind-styling.component.ts index de125441e..e49904ee3 100644 --- a/src/app/data-entries/switch/switch-tailwind-styling/switch-tailwind-styling.component.ts +++ b/src/app/data-entries/switch/switch-tailwind-styling/switch-tailwind-styling.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxSwitchComponent } from 'igniteui-angular/switch'; @@ -6,7 +6,6 @@ import { IgxSwitchComponent } from 'igniteui-angular/switch'; selector: 'app-switch-tailwind-styling', styleUrls: ['./switch-tailwind-styling.component.scss'], templateUrl: './switch-tailwind-styling.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSwitchComponent] }) export class SwitchTailwindStylingComponent { diff --git a/src/app/grid-lite/grid-lite-column-config-dynamic/grid-lite-column-config-dynamic.component.ts b/src/app/grid-lite/grid-lite-column-config-dynamic/grid-lite-column-config-dynamic.component.ts index e8b3f1759..114085df1 100644 --- a/src/app/grid-lite/grid-lite-column-config-dynamic/grid-lite-column-config-dynamic.component.ts +++ b/src/app/grid-lite/grid-lite-column-config-dynamic/grid-lite-column-config-dynamic.component.ts @@ -1,4 +1,4 @@ -import { Component, CUSTOM_ELEMENTS_SCHEMA, OnInit, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, CUSTOM_ELEMENTS_SCHEMA, OnInit, inject } from '@angular/core'; import { CommonModule } from '@angular/common'; import { IgxButtonDirective, IgxToggleActionDirective } from 'igniteui-angular/directives'; import { IgxCheckboxComponent } from 'igniteui-angular/checkbox'; @@ -28,7 +28,6 @@ defineComponents(IgcRatingComponent); IgxSwitchComponent ], schemas: [CUSTOM_ELEMENTS_SCHEMA], - changeDetection: ChangeDetectionStrategy.Eager, standalone: true }) export class GridLiteColumnConfigDynamicComponent implements OnInit { diff --git a/src/app/grid-lite/grid-lite-column-config-headers/grid-lite-column-config-headers.component.ts b/src/app/grid-lite/grid-lite-column-config-headers/grid-lite-column-config-headers.component.ts index 1980a7b5d..b8e1c1e4a 100644 --- a/src/app/grid-lite/grid-lite-column-config-headers/grid-lite-column-config-headers.component.ts +++ b/src/app/grid-lite/grid-lite-column-config-headers/grid-lite-column-config-headers.component.ts @@ -1,4 +1,4 @@ -import { Component, CUSTOM_ELEMENTS_SCHEMA, OnInit, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, CUSTOM_ELEMENTS_SCHEMA, OnInit, inject } from '@angular/core'; import { CommonModule } from '@angular/common'; import { defineComponents, IgcRatingComponent } from 'igniteui-webcomponents'; import { GridLiteDataService, ProductInfo } from '../grid-lite-data.service'; @@ -17,7 +17,6 @@ defineComponents(IgcRatingComponent); IgxGridLiteCellTemplateDirective, IgxGridLiteHeaderTemplateDirective ], - changeDetection: ChangeDetectionStrategy.Eager, schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class GridLiteColumnConfigHeadersComponent implements OnInit { diff --git a/src/app/grid-lite/grid-lite-column-config-simple/grid-lite-column-config-simple.component.ts b/src/app/grid-lite/grid-lite-column-config-simple/grid-lite-column-config-simple.component.ts index 4c28a7c15..84538bf29 100644 --- a/src/app/grid-lite/grid-lite-column-config-simple/grid-lite-column-config-simple.component.ts +++ b/src/app/grid-lite/grid-lite-column-config-simple/grid-lite-column-config-simple.component.ts @@ -1,4 +1,4 @@ -import { Component, CUSTOM_ELEMENTS_SCHEMA, OnInit, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, CUSTOM_ELEMENTS_SCHEMA, OnInit, inject } from '@angular/core'; import { CommonModule } from '@angular/common'; import { defineComponents, IgcRatingComponent } from 'igniteui-webcomponents'; import { GridLiteDataService, ProductInfo } from '../grid-lite-data.service'; @@ -11,7 +11,6 @@ defineComponents(IgcRatingComponent); templateUrl: './grid-lite-column-config-simple.component.html', styleUrls: ['./grid-lite-column-config-simple.component.scss'], imports: [CommonModule, IgxGridLiteComponent, IgxGridLiteColumnComponent, IgxGridLiteCellTemplateDirective], - changeDetection: ChangeDetectionStrategy.Eager, schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class GridLiteColumnConfigSimpleComponent implements OnInit { diff --git a/src/app/grid-lite/grid-lite-data-binding-dynamic/grid-lite-data-binding-dynamic.component.ts b/src/app/grid-lite/grid-lite-data-binding-dynamic/grid-lite-data-binding-dynamic.component.ts index 4610f15ae..66d4ae5f8 100644 --- a/src/app/grid-lite/grid-lite-data-binding-dynamic/grid-lite-data-binding-dynamic.component.ts +++ b/src/app/grid-lite/grid-lite-data-binding-dynamic/grid-lite-data-binding-dynamic.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, inject } from '@angular/core'; import { CommonModule } from '@angular/common'; import { GridLiteDataService, ProductInfo, UserSimple } from '../grid-lite-data.service'; import { IgxGridLiteComponent, IgxGridLiteColumnComponent } from 'igniteui-angular/grids/lite'; @@ -8,7 +8,6 @@ import { IgxButtonDirective } from 'igniteui-angular/directives'; selector: 'app-grid-lite-data-binding-dynamic', templateUrl: './grid-lite-data-binding-dynamic.component.html', styleUrls: ['./grid-lite-data-binding-dynamic.component.scss'], - changeDetection: ChangeDetectionStrategy.Eager, imports: [ CommonModule, IgxGridLiteComponent, diff --git a/src/app/grid-lite/grid-lite-filtering-events/grid-lite-filtering-events.component.ts b/src/app/grid-lite/grid-lite-filtering-events/grid-lite-filtering-events.component.ts index d38ce4e86..ee3c5b110 100644 --- a/src/app/grid-lite/grid-lite-filtering-events/grid-lite-filtering-events.component.ts +++ b/src/app/grid-lite/grid-lite-filtering-events/grid-lite-filtering-events.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, inject } from '@angular/core'; import { CommonModule } from '@angular/common'; import { defineComponents, IgcCheckboxComponent } from 'igniteui-webcomponents'; import { GridLiteDataService, User } from '../grid-lite-data.service'; @@ -15,7 +15,6 @@ defineComponents(IgcCheckboxComponent); selector: 'app-grid-lite-filtering-events', templateUrl: './grid-lite-filtering-events.component.html', styleUrls: ['./grid-lite-filtering-events.component.scss'], - changeDetection: ChangeDetectionStrategy.Eager, imports: [ CommonModule, IgxGridLiteComponent, diff --git a/src/app/grid-lite/grid-lite-filtering-pipeline/grid-lite-filtering-pipeline.component.ts b/src/app/grid-lite/grid-lite-filtering-pipeline/grid-lite-filtering-pipeline.component.ts index d5e43f0db..887fc8503 100644 --- a/src/app/grid-lite/grid-lite-filtering-pipeline/grid-lite-filtering-pipeline.component.ts +++ b/src/app/grid-lite/grid-lite-filtering-pipeline/grid-lite-filtering-pipeline.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, inject } from '@angular/core'; import { CommonModule } from '@angular/common'; import { defineComponents, IgcCheckboxComponent, IgcCircularProgressComponent } from 'igniteui-webcomponents'; import { GridLiteDataService, User } from '../grid-lite-data.service'; @@ -12,7 +12,6 @@ defineComponents(IgcCheckboxComponent, IgcCircularProgressComponent); selector: 'app-grid-lite-filtering-pipeline', templateUrl: './grid-lite-filtering-pipeline.component.html', styleUrls: ['./grid-lite-filtering-pipeline.component.scss'], - changeDetection: ChangeDetectionStrategy.Eager, imports: [ CommonModule, IgxGridLiteComponent, diff --git a/src/app/grid-lite/grid-lite-filtering-simple/grid-lite-filtering-simple.component.ts b/src/app/grid-lite/grid-lite-filtering-simple/grid-lite-filtering-simple.component.ts index 580a33857..11c7b5d0b 100644 --- a/src/app/grid-lite/grid-lite-filtering-simple/grid-lite-filtering-simple.component.ts +++ b/src/app/grid-lite/grid-lite-filtering-simple/grid-lite-filtering-simple.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, inject } from '@angular/core'; import { CommonModule } from '@angular/common'; import { defineComponents, IgcCheckboxComponent } from 'igniteui-webcomponents'; import { GridLiteDataService, User } from '../grid-lite-data.service'; @@ -11,7 +11,6 @@ defineComponents(IgcCheckboxComponent); selector: 'app-grid-lite-filtering-simple', templateUrl: './grid-lite-filtering-simple.component.html', styleUrls: ['./grid-lite-filtering-simple.component.scss'], - changeDetection: ChangeDetectionStrategy.Eager, imports: [ CommonModule, IgxGridLiteComponent, diff --git a/src/app/grid-lite/grid-lite-overview/grid-lite-overview.component.ts b/src/app/grid-lite/grid-lite-overview/grid-lite-overview.component.ts index 9ec35d42e..35ab9b0ff 100644 --- a/src/app/grid-lite/grid-lite-overview/grid-lite-overview.component.ts +++ b/src/app/grid-lite/grid-lite-overview/grid-lite-overview.component.ts @@ -1,4 +1,4 @@ -import { Component, CUSTOM_ELEMENTS_SCHEMA, OnInit, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, CUSTOM_ELEMENTS_SCHEMA, OnInit, inject } from '@angular/core'; import { CommonModule } from '@angular/common'; import { defineComponents, @@ -33,7 +33,6 @@ defineComponents( IgxBadgeComponent, IgxChipComponent ], - changeDetection: ChangeDetectionStrategy.Eager, schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class GridLiteOverviewComponent implements OnInit { diff --git a/src/app/grid-lite/grid-lite-sorting-events/grid-lite-sorting-events.component.ts b/src/app/grid-lite/grid-lite-sorting-events/grid-lite-sorting-events.component.ts index a6dd22e1e..b3d2585df 100644 --- a/src/app/grid-lite/grid-lite-sorting-events/grid-lite-sorting-events.component.ts +++ b/src/app/grid-lite/grid-lite-sorting-events/grid-lite-sorting-events.component.ts @@ -1,4 +1,4 @@ -import { Component, CUSTOM_ELEMENTS_SCHEMA, OnInit, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, CUSTOM_ELEMENTS_SCHEMA, OnInit, inject } from '@angular/core'; import { CommonModule } from '@angular/common'; import { defineComponents, IgcRatingComponent } from 'igniteui-webcomponents'; import { GridLiteDataService, ProductInfo } from '../grid-lite-data.service'; @@ -20,7 +20,6 @@ defineComponents(IgcRatingComponent); IgxGridLiteColumnComponent, IgxGridLiteCellTemplateDirective ], - changeDetection: ChangeDetectionStrategy.Eager, schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class GridLiteSortingEventsComponent implements OnInit { diff --git a/src/app/grid-lite/grid-lite-sorting-grid-config/grid-lite-sorting-grid-config.component.ts b/src/app/grid-lite/grid-lite-sorting-grid-config/grid-lite-sorting-grid-config.component.ts index db4f89b46..73b2fbf61 100644 --- a/src/app/grid-lite/grid-lite-sorting-grid-config/grid-lite-sorting-grid-config.component.ts +++ b/src/app/grid-lite/grid-lite-sorting-grid-config/grid-lite-sorting-grid-config.component.ts @@ -1,4 +1,4 @@ -import { Component, CUSTOM_ELEMENTS_SCHEMA, OnInit, inject, ViewChild, ElementRef, ChangeDetectionStrategy } from '@angular/core'; +import { Component, CUSTOM_ELEMENTS_SCHEMA, OnInit, inject, ViewChild, ElementRef } from '@angular/core'; import { CommonModule } from '@angular/common'; import { defineComponents, IgcRatingComponent, IgcSwitchComponent } from 'igniteui-webcomponents'; import { IgcGridLite } from 'igniteui-grid-lite'; @@ -17,7 +17,6 @@ defineComponents(IgcRatingComponent, IgcSwitchComponent); IgxGridLiteColumnComponent, IgxGridLiteCellTemplateDirective ], - changeDetection: ChangeDetectionStrategy.Eager, schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class GridLiteSortingGridConfigComponent implements OnInit { diff --git a/src/app/grid-lite/grid-lite-sorting-pipeline/grid-lite-sorting-pipeline.component.ts b/src/app/grid-lite/grid-lite-sorting-pipeline/grid-lite-sorting-pipeline.component.ts index 41e74bca9..f65dbd5fc 100644 --- a/src/app/grid-lite/grid-lite-sorting-pipeline/grid-lite-sorting-pipeline.component.ts +++ b/src/app/grid-lite/grid-lite-sorting-pipeline/grid-lite-sorting-pipeline.component.ts @@ -1,4 +1,4 @@ -import { Component, CUSTOM_ELEMENTS_SCHEMA, OnInit, ViewChild, ElementRef, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, CUSTOM_ELEMENTS_SCHEMA, OnInit, ViewChild, ElementRef, inject } from '@angular/core'; import { CommonModule } from '@angular/common'; import { defineComponents, IgcRatingComponent } from 'igniteui-webcomponents'; import { GridLiteDataService, ProductInfo } from '../grid-lite-data.service'; @@ -18,7 +18,6 @@ defineComponents(IgcRatingComponent); IgxGridLiteCellTemplateDirective, IgxCircularProgressBarComponent ], - changeDetection: ChangeDetectionStrategy.Eager, schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class GridLiteSortingPipelineComponent implements OnInit { diff --git a/src/app/grid-lite/grid-lite-sorting-simple/grid-lite-sorting-simple.component.ts b/src/app/grid-lite/grid-lite-sorting-simple/grid-lite-sorting-simple.component.ts index 4c4441c4f..db74d1a4e 100644 --- a/src/app/grid-lite/grid-lite-sorting-simple/grid-lite-sorting-simple.component.ts +++ b/src/app/grid-lite/grid-lite-sorting-simple/grid-lite-sorting-simple.component.ts @@ -1,4 +1,4 @@ -import { Component, CUSTOM_ELEMENTS_SCHEMA, OnInit, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, CUSTOM_ELEMENTS_SCHEMA, OnInit, inject } from '@angular/core'; import { CommonModule } from '@angular/common'; import { defineComponents, IgcRatingComponent } from 'igniteui-webcomponents'; import { GridLiteDataService, ProductInfo } from '../grid-lite-data.service'; @@ -16,7 +16,6 @@ defineComponents(IgcRatingComponent); IgxGridLiteColumnComponent, IgxGridLiteCellTemplateDirective ], - changeDetection: ChangeDetectionStrategy.Eager, schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class GridLiteSortingSimpleComponent implements OnInit { diff --git a/src/app/grid-lite/grid-lite-styling-custom/grid-lite-styling-custom.component.ts b/src/app/grid-lite/grid-lite-styling-custom/grid-lite-styling-custom.component.ts index 40b423f95..427e2ccf1 100644 --- a/src/app/grid-lite/grid-lite-styling-custom/grid-lite-styling-custom.component.ts +++ b/src/app/grid-lite/grid-lite-styling-custom/grid-lite-styling-custom.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, inject, ViewEncapsulation, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, inject, ViewEncapsulation } from '@angular/core'; import { CommonModule } from '@angular/common'; import { defineComponents, IgcSwitchComponent } from 'igniteui-webcomponents'; import { GridLiteDataService, ProductInfo } from '../grid-lite-data.service'; @@ -12,7 +12,6 @@ defineComponents(IgcSwitchComponent); templateUrl: './grid-lite-styling-custom.component.html', styleUrls: ['./grid-lite-styling-custom.component.scss'], encapsulation: ViewEncapsulation.None, - changeDetection: ChangeDetectionStrategy.Eager, imports: [ CommonModule, IgxGridLiteComponent, diff --git a/src/app/grid-lite/grid-lite-styling-themes/grid-lite-styling-themes.component.ts b/src/app/grid-lite/grid-lite-styling-themes/grid-lite-styling-themes.component.ts index 8541ff829..191b0e613 100644 --- a/src/app/grid-lite/grid-lite-styling-themes/grid-lite-styling-themes.component.ts +++ b/src/app/grid-lite/grid-lite-styling-themes/grid-lite-styling-themes.component.ts @@ -1,4 +1,4 @@ -import { Component, CUSTOM_ELEMENTS_SCHEMA, OnInit, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, CUSTOM_ELEMENTS_SCHEMA, OnInit, inject } from '@angular/core'; import { CommonModule } from '@angular/common'; import { defineComponents, IgcRatingComponent, IgcSelectComponent, IgcSelectItemComponent } from 'igniteui-webcomponents'; import { GridLiteDataService, ProductInfo } from '../grid-lite-data.service'; @@ -18,7 +18,6 @@ defineComponents(IgcRatingComponent); IgxSelectComponent, IgxSelectItemComponent ], - changeDetection: ChangeDetectionStrategy.Eager, schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class GridLiteStylingThemesComponent implements OnInit { diff --git a/src/app/grid/column-group-selection-sample/column-group-selection-sample.component.ts b/src/app/grid/column-group-selection-sample/column-group-selection-sample.component.ts index 7fd65ac9f..0ee74e32c 100644 --- a/src/app/grid/column-group-selection-sample/column-group-selection-sample.component.ts +++ b/src/app/grid/column-group-selection-sample/column-group-selection-sample.component.ts @@ -1,4 +1,4 @@ -import { AfterViewInit, ChangeDetectorRef, Component, OnInit, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; +import { AfterViewInit, ChangeDetectorRef, Component, OnInit, ViewChild, inject } from '@angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxColumnComponent, IgxColumnGroupComponent } from 'igniteui-angular/grids/core'; import { DATA } from '../../data/customers'; @@ -7,7 +7,6 @@ import { DATA } from '../../data/customers'; selector: 'app-gird-column-group-selection', templateUrl: './column-group-selection-sample.component.html', styleUrls: ['./column-group-selection-sample.component.scss'], - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxColumnGroupComponent, IgxColumnComponent] }) export class GridColumnGroupSelectionComponent implements OnInit, AfterViewInit { diff --git a/src/app/grid/column-selection-sample/column-selection-sample.component.ts b/src/app/grid/column-selection-sample/column-selection-sample.component.ts index 486e237cc..0a5d9f374 100644 --- a/src/app/grid/column-selection-sample/column-selection-sample.component.ts +++ b/src/app/grid/column-selection-sample/column-selection-sample.component.ts @@ -1,4 +1,4 @@ -import { AfterViewInit, ChangeDetectorRef, Component, OnInit, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; +import { AfterViewInit, ChangeDetectorRef, Component, OnInit, ViewChild, inject } from '@angular/core'; import { GridSelectionMode, IgxColumnComponent, IgxGridToolbarComponent } from 'igniteui-angular/grids/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxSelectComponent, IgxSelectItemComponent } from 'igniteui-angular/select'; @@ -10,7 +10,6 @@ import { FormsModule } from '@angular/forms'; selector: 'app-grid-column-selection', templateUrl: './column-selection-sample.component.html', styleUrls: ['./column-selection-sample.component.scss'], - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxGridToolbarComponent, IgxSelectComponent, FormsModule, IgxLabelDirective, IgxSelectItemComponent, IgxColumnComponent] }) export class GridColumnSelectionComponent implements OnInit, AfterViewInit { diff --git a/src/app/grid/column-selection-styles/column-selection-styles.component.ts b/src/app/grid/column-selection-styles/column-selection-styles.component.ts index bc09f761c..42275d8c0 100644 --- a/src/app/grid/column-selection-styles/column-selection-styles.component.ts +++ b/src/app/grid/column-selection-styles/column-selection-styles.component.ts @@ -1,4 +1,4 @@ -import { AfterViewInit, ChangeDetectorRef, Component, OnInit, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; +import { AfterViewInit, ChangeDetectorRef, Component, OnInit, ViewChild, inject } from '@angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxColumnComponent } from 'igniteui-angular/grids/core'; import { DATA } from '../../data/customers'; @@ -7,7 +7,6 @@ import { DATA } from '../../data/customers'; selector: 'app-gird-column-selection-styles', templateUrl: './column-selection-styles.component.html', styleUrls: ['./column-selection-styles.component.scss'], - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxColumnComponent] }) export class GridColumnSelectionStylesComponent implements OnInit, AfterViewInit { diff --git a/src/app/grid/custom-grid-paging-style/custom-grid-paging-style.component.ts b/src/app/grid/custom-grid-paging-style/custom-grid-paging-style.component.ts index 55cb75c34..146c54c3b 100644 --- a/src/app/grid/custom-grid-paging-style/custom-grid-paging-style.component.ts +++ b/src/app/grid/custom-grid-paging-style/custom-grid-paging-style.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, OnInit, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild, OnInit } from '@angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxPaginatorComponent } from 'igniteui-angular/paginator'; import { IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; @@ -12,7 +12,6 @@ import { DecimalPipe } from '@angular/common'; selector: 'app-custom-grid-paging-style-sample', styleUrls: ['custom-grid-paging-style.component.scss'], templateUrl: 'custom-grid-paging-style.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxPaginatorComponent, IgxColumnComponent, IgxCellTemplateDirective, IgxIconButtonDirective, IgxIconComponent, DecimalPipe] }) diff --git a/src/app/grid/grid-action-strip/grid-action-strip-sample.ts b/src/app/grid/grid-action-strip/grid-action-strip-sample.ts index faacb71c4..2d907fd15 100644 --- a/src/app/grid/grid-action-strip/grid-action-strip-sample.ts +++ b/src/app/grid/grid-action-strip/grid-action-strip-sample.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild } from '@angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxColumnComponent, IgxGridPinningActionsComponent, RowType } from 'igniteui-angular/grids/core'; import { Transaction } from 'igniteui-angular/core'; @@ -13,7 +13,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-grid-row-action-strip', styleUrls: [`grid-action-strip-sample.scss`], templateUrl: 'grid-action-strip-sample.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxActionStripComponent, IgxGridPinningActionsComponent, IgxIconButtonDirective, IgxRippleDirective, IgxIconComponent] }) export class GridActionStripSampleComponent { diff --git a/src/app/grid/grid-add-row-sample/grid-add-row-sample.component.ts b/src/app/grid/grid-add-row-sample/grid-add-row-sample.component.ts index c1c3e125d..0c5464b7b 100644 --- a/src/app/grid/grid-add-row-sample/grid-add-row-sample.component.ts +++ b/src/app/grid/grid-add-row-sample/grid-add-row-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { DATA } from '../../data/nwindData'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxCellEditorTemplateDirective, IgxColumnComponent, IgxGridEditingActionsComponent } from 'igniteui-angular/grids/core'; @@ -11,7 +11,6 @@ import { FormsModule } from '@angular/forms'; selector: 'app-grid-add-row', styleUrls: [`grid-add-row-sample.component.scss`], templateUrl: 'grid-add-row-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxColumnComponent, IgxCellEditorTemplateDirective, IgxInputGroupComponent, FormsModule, IgxInputDirective, IgxFocusDirective, IgxActionStripComponent, IgxGridEditingActionsComponent] }) export class GridAddRowSampleComponent { diff --git a/src/app/grid/grid-advanced-filtering-sample/grid-advanced-filtering-sample.component.ts b/src/app/grid/grid-advanced-filtering-sample/grid-advanced-filtering-sample.component.ts index 27f0e8004..c231d962a 100644 --- a/src/app/grid/grid-advanced-filtering-sample/grid-advanced-filtering-sample.component.ts +++ b/src/app/grid/grid-advanced-filtering-sample/grid-advanced-filtering-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxCellTemplateDirective, IgxColumnComponent, IgxGridToolbarComponent } from 'igniteui-angular/grids/core'; import { DATA } from '../../data/nwindData'; @@ -9,7 +9,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-grid-advanced-filtering-sample', styleUrls: ['./grid-advanced-filtering-sample.component.scss'], templateUrl: 'grid-advanced-filtering-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxColumnComponent, IgxCellTemplateDirective] }) export class GridAdvancedFilteringSampleComponent implements OnInit { diff --git a/src/app/grid/grid-advanced-filtering-style/grid-advanced-filtering-style.component.ts b/src/app/grid/grid-advanced-filtering-style/grid-advanced-filtering-style.component.ts index a95d482ee..9c1c045e6 100644 --- a/src/app/grid/grid-advanced-filtering-style/grid-advanced-filtering-style.component.ts +++ b/src/app/grid/grid-advanced-filtering-style/grid-advanced-filtering-style.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxCellTemplateDirective, IgxColumnComponent, IgxGridToolbarComponent } from 'igniteui-angular/grids/core'; import { DATA } from '../../data/nwindData'; @@ -9,7 +9,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-grid-adf-style-sample', styleUrls: ['./grid-advanced-filtering-style.component.scss'], templateUrl: 'grid-advanced-filtering-style.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxColumnComponent, IgxCellTemplateDirective] }) export class GridAdvancedFilteringStyleComponent implements OnInit { diff --git a/src/app/grid/grid-allData-summary/grid-allData-summary.component.ts b/src/app/grid/grid-allData-summary/grid-allData-summary.component.ts index 6aff18516..436500c7a 100644 --- a/src/app/grid/grid-allData-summary/grid-allData-summary.component.ts +++ b/src/app/grid/grid-allData-summary/grid-allData-summary.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild } from '@angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxColumnComponent, IgxNumberSummaryOperand } from 'igniteui-angular/grids/core'; import { IgxSummaryResult } from 'igniteui-angular/core'; @@ -37,7 +37,6 @@ class DiscontinuedSummary { selector: 'app-grid-all-data-summary', styleUrls: ['./grid-allData-summary.component.scss'], templateUrl: './grid-allData-summary.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxPaginatorComponent, IgxColumnComponent] }) export class GridAllDataSummaryComponent { diff --git a/src/app/grid/grid-batch-editing/grid-batch-editing-sample.component.ts b/src/app/grid/grid-batch-editing/grid-batch-editing-sample.component.ts index 125377bc9..ea0aa1f83 100644 --- a/src/app/grid/grid-batch-editing/grid-batch-editing-sample.component.ts +++ b/src/app/grid/grid-batch-editing/grid-batch-editing-sample.component.ts @@ -1,5 +1,5 @@ /* eslint-disable @typescript-eslint/naming-convention */ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { IgxDialogComponent } from 'igniteui-angular/dialog'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { Transaction } from 'igniteui-angular/core'; @@ -14,7 +14,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-grid-row-edit', styleUrls: [`grid-batch-editing-sample.component.scss`], templateUrl: 'grid-batch-editing-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxButtonDirective, IgxDialogComponent] }) export class GridBatchEditingSampleComponent implements OnInit { diff --git a/src/app/grid/grid-batchEditing-remotePaging/batch-editing-remote-paging.component.ts b/src/app/grid/grid-batchEditing-remotePaging/batch-editing-remote-paging.component.ts index 3c4da99b5..1974cd23a 100644 --- a/src/app/grid/grid-batchEditing-remotePaging/batch-editing-remote-paging.component.ts +++ b/src/app/grid/grid-batchEditing-remotePaging/batch-editing-remote-paging.component.ts @@ -1,5 +1,5 @@ /* eslint-disable @typescript-eslint/naming-convention */ -import { AfterViewInit, Component, OnDestroy, OnInit, ViewChild, ViewEncapsulation, inject, ChangeDetectionStrategy } from '@angular/core'; +import { AfterViewInit, Component, OnDestroy, OnInit, ViewChild, ViewEncapsulation, inject } from '@angular/core'; import { IgxDialogComponent } from 'igniteui-angular/dialog'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { Transaction } from 'igniteui-angular/core'; @@ -17,7 +17,6 @@ import { AsyncPipe } from '@angular/common'; selector: 'app-remote-paging-batch-editing', styleUrls: ['./batch-editing-remote-paging.component.scss'], templateUrl: './batch-editing-remote-paging.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxPaginatorComponent, IgxPaginatorContentDirective, IgxGridToolbarComponent, IgxGridToolbarActionsComponent, IgxButtonDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxDialogComponent, AsyncPipe] }) export class RemotePagingBatchEditingComponent implements OnInit, AfterViewInit, OnDestroy { diff --git a/src/app/grid/grid-cascading-combos/grid-cascading-combos.component.ts b/src/app/grid/grid-cascading-combos/grid-cascading-combos.component.ts index f52e1b12f..f1989af5b 100644 --- a/src/app/grid/grid-cascading-combos/grid-cascading-combos.component.ts +++ b/src/app/grid/grid-cascading-combos/grid-cascading-combos.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, QueryList, ViewChildren, ChangeDetectionStrategy } from '@angular/core'; +import { ChangeDetectorRef, Component, inject, OnInit, QueryList, ViewChildren } from '@angular/core'; import { ISimpleComboSelectionChangingEventArgs, IgxSimpleComboComponent } from 'igniteui-angular/simple-combo'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; @@ -13,10 +13,11 @@ import { FormsModule } from '@angular/forms'; selector: 'grid-cascading-combos', templateUrl: './grid-cascading-combos.component.html', styleUrls: ['./grid-cascading-combos.component.scss'], - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxSimpleComboComponent, FormsModule, IgxLinearProgressBarComponent] }) export class GridCascadingCombosComponent implements OnInit { + private cdr = inject(ChangeDetectorRef); + @ViewChildren(IgxSimpleComboComponent) public combos: QueryList; @@ -56,6 +57,7 @@ export class GridCascadingCombosComponent implements OnInit { .map((c) => ({ name: c.region, country: c.country })) .filter((v, i, a) => a.findIndex((r) => r.name === v.name) === i); cell.row.data.loadingRegion = false; + this.cdr.markForCheck(); }, this.loadingTime); this.selectedRegionName = null; this.selectedCityId = null; @@ -80,6 +82,7 @@ export class GridCascadingCombosComponent implements OnInit { (c) => c.region === this.selectedRegionName ); cell.row.data.loadingCity = false; + this.cdr.markForCheck(); }, this.loadingTime); this.selectedCityId = null; this.loadingTime = 0; diff --git a/src/app/grid/grid-cell-merge-custom-sample/grid-cell-merge-custom-sample.component.ts b/src/app/grid/grid-cell-merge-custom-sample/grid-cell-merge-custom-sample.component.ts index 15191291c..57430872d 100644 --- a/src/app/grid/grid-cell-merge-custom-sample/grid-cell-merge-custom-sample.component.ts +++ b/src/app/grid/grid-cell-merge-custom-sample/grid-cell-merge-custom-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, ViewEncapsulation, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild, ViewEncapsulation } from '@angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { GridCellMergeMode, IgxColumnComponent } from 'igniteui-angular/grids/core'; import { DefaultMergeStrategy } from 'igniteui-angular/core'; @@ -9,7 +9,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-grid-cell-merge-custom-sample', styleUrls: ['./grid-cell-merge-custom-sample.component.scss'], templateUrl: './grid-cell-merge-custom-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [ IgxGridComponent, IgxPreventDocumentScrollDirective, diff --git a/src/app/grid/grid-cell-merge-sample/grid-cell-merge-sample.component.ts b/src/app/grid/grid-cell-merge-sample/grid-cell-merge-sample.component.ts index a39817840..fbe6ef9b2 100644 --- a/src/app/grid/grid-cell-merge-sample/grid-cell-merge-sample.component.ts +++ b/src/app/grid/grid-cell-merge-sample/grid-cell-merge-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, ViewEncapsulation, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild, ViewEncapsulation } from '@angular/core'; import { GridCellMergeMode, GridSelectionMode, IgxCellTemplateDirective, IgxColumnComponent, IgxGridToolbarComponent } from 'igniteui-angular/grids/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxSelectComponent, IgxSelectItemComponent } from 'igniteui-angular/select'; @@ -13,7 +13,6 @@ import { FormsModule } from '@angular/forms'; selector: 'app-grid-groupby-sample', styleUrls: ['./grid-cell-merge-sample.component.scss'], templateUrl: './grid-cell-merge-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [ IgxGridComponent, IgxPreventDocumentScrollDirective, diff --git a/src/app/grid/grid-cellSelection-sample/grid-cellSelection.component.ts b/src/app/grid/grid-cellSelection-sample/grid-cellSelection.component.ts index d114054b0..114a441c1 100644 --- a/src/app/grid/grid-cellSelection-sample/grid-cellSelection.component.ts +++ b/src/app/grid/grid-cellSelection-sample/grid-cellSelection.component.ts @@ -1,4 +1,4 @@ -import { Component, ElementRef, OnInit, Renderer2, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ElementRef, OnInit, Renderer2, ViewChild, inject } from '@angular/core'; import { GridSelectionMode, IgxColumnComponent } from 'igniteui-angular/grids/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxSnackbarComponent } from 'igniteui-angular/snackbar'; @@ -13,7 +13,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-grid-cell-selection', styleUrls: ['./grid-cellSelection.component.scss'], templateUrl: 'grid-cellSelection.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonGroupComponent, IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxButtonDirective, IgxIconComponent, IgxSnackbarComponent] }) export class GridCellSelectionComponent implements OnInit { diff --git a/src/app/grid/grid-clipboard-operations-sample/grid-clipboard-operations-sample.component.ts b/src/app/grid/grid-clipboard-operations-sample/grid-clipboard-operations-sample.component.ts index 7b10978dd..a0ce4801e 100644 --- a/src/app/grid/grid-clipboard-operations-sample/grid-clipboard-operations-sample.component.ts +++ b/src/app/grid/grid-clipboard-operations-sample/grid-clipboard-operations-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { DATA } from '../../data/nwindData'; import { IgxHintDirective, IgxInputDirective, IgxInputGroupComponent, IgxLabelDirective, IgxSuffixDirective } from 'igniteui-angular/input-group'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -13,7 +13,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-grid-clipboard-operations-sample', styleUrls: ['grid-clipboard-operations-sample.component.scss'], templateUrl: './grid-clipboard-operations-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxInputGroupComponent, IgxLabelDirective, FormsModule, IgxInputDirective, IgxSuffixDirective, IgxIconComponent, IgxHintDirective, IgxGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxSwitchComponent, IgxButtonDirective] }) export class GridClipboardSampleComponent { diff --git a/src/app/grid/grid-collapsible-columnGroups/grid-collapsible-column-groups.component.ts b/src/app/grid/grid-collapsible-columnGroups/grid-collapsible-column-groups.component.ts index cf008782e..2e029298a 100644 --- a/src/app/grid/grid-collapsible-columnGroups/grid-collapsible-column-groups.component.ts +++ b/src/app/grid/grid-collapsible-columnGroups/grid-collapsible-column-groups.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxCellTemplateDirective, IgxCollapsibleIndicatorTemplateDirective, IgxColumnComponent, IgxColumnGroupComponent } from 'igniteui-angular/grids/core'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -11,7 +11,6 @@ import { DatePipe } from '@angular/common'; selector: 'app-grid-collapsible-column-groups', styleUrls: ['./grid-collapsible-column-groups.component.scss'], templateUrl: './grid-collapsible-column-groups.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnGroupComponent, IgxCollapsibleIndicatorTemplateDirective, IgxIconComponent, IgxTooltipTargetDirective, IgxTooltipDirective, IgxColumnComponent, IgxCellTemplateDirective, DatePipe] }) export class GridCollapsibleColumnGroupsComponent implements OnInit { diff --git a/src/app/grid/grid-column-autosizing/grid-column-autosizing.component.ts b/src/app/grid/grid-column-autosizing/grid-column-autosizing.component.ts index 84e2cab53..31f3c456c 100644 --- a/src/app/grid/grid-column-autosizing/grid-column-autosizing.component.ts +++ b/src/app/grid/grid-column-autosizing/grid-column-autosizing.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { DATA } from '../../data/customers'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxColumnComponent } from 'igniteui-angular/grids/core'; @@ -8,7 +8,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'grid-column-autosizing-sample', styleUrls: ['./grid-column-autosizing.component.scss'], templateUrl: 'grid-column-autosizing.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent] }) diff --git a/src/app/grid/grid-column-data-types-sample/grid-column-data-types-sample.component.ts b/src/app/grid/grid-column-data-types-sample/grid-column-data-types-sample.component.ts index 655417e4d..269105ac5 100644 --- a/src/app/grid/grid-column-data-types-sample/grid-column-data-types-sample.component.ts +++ b/src/app/grid/grid-column-data-types-sample/grid-column-data-types-sample.component.ts @@ -1,5 +1,5 @@ /*eslint-disable*/ -import { Component, OnInit, ChangeDetectionStrategy } from "@angular/core"; +import { Component, OnInit } from "@angular/core"; import { registerLocaleData, NgClass } from "@angular/common"; import localeBG from '@angular/common/locales/bg'; import localeDE from '@angular/common/locales/de'; @@ -18,7 +18,6 @@ import { IgxPreventDocumentScrollDirective } from "../../directives/prevent-scro selector: "grid-column-data-types-sample", styleUrls: ["./grid-column-data-types-sample.component.scss"], templateUrl: "grid-column-data-types-sample.component.html", - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSelectComponent, FormsModule, IgxPrefixDirective, IgxSelectItemComponent, IgxHintDirective, IgxSuffixDirective, IgxIconComponent, IgxInputGroupComponent, IgxTooltipTargetDirective, IgxTooltipDirective, IgxInputDirective, NgClass, IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent] }) export class GridColumnDataTypesSampleComponent implements OnInit { diff --git a/src/app/grid/grid-column-hiding-sample/grid-column-hiding-sample.component.ts b/src/app/grid/grid-column-hiding-sample/grid-column-hiding-sample.component.ts index 369855826..03ed9b292 100644 --- a/src/app/grid/grid-column-hiding-sample/grid-column-hiding-sample.component.ts +++ b/src/app/grid/grid-column-hiding-sample/grid-column-hiding-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { DATA } from '../../data/customers'; import { IgxColumnActionsComponent, IgxColumnComponent, IgxColumnHidingDirective } from 'igniteui-angular/grids/core'; import { IgxRadioComponent } from 'igniteui-angular/radio'; @@ -9,7 +9,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-grid-column-hiding-sample', styleUrls: ['./grid-column-hiding-sample.component.scss'], templateUrl: './grid-column-hiding-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxColumnActionsComponent, IgxColumnHidingDirective, IgxRadioComponent, IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent] }) export class GridColumnHidingSampleComponent implements OnInit { diff --git a/src/app/grid/grid-column-hiding-toolbar-sample/grid-column-hiding-toolbar-sample.component.ts b/src/app/grid/grid-column-hiding-toolbar-sample/grid-column-hiding-toolbar-sample.component.ts index 3092ef5e0..dbf5fa42b 100644 --- a/src/app/grid/grid-column-hiding-toolbar-sample/grid-column-hiding-toolbar-sample.component.ts +++ b/src/app/grid/grid-column-hiding-toolbar-sample/grid-column-hiding-toolbar-sample.component.ts @@ -1,4 +1,4 @@ -import { AfterViewInit, Component, OnInit, ChangeDetectionStrategy } from '@angular/core'; +import { AfterViewInit, Component, OnInit } from '@angular/core'; import { DATA } from '../../data/customers'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxColumnComponent, IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarHidingComponent, IgxGridToolbarTitleComponent } from 'igniteui-angular/grids/core'; @@ -8,7 +8,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-grid-column-hiding-toolbar-sample', styleUrls: ['./grid-column-hiding-toolbar-sample.component.scss'], templateUrl: './grid-column-hiding-toolbar-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxGridToolbarTitleComponent, IgxGridToolbarActionsComponent, IgxGridToolbarHidingComponent, IgxColumnComponent] }) export class GridColumnHidingToolbarSampleComponent implements OnInit { diff --git a/src/app/grid/grid-column-hiding-toolbar-style/grid-column-hiding-toolbar-style.component.ts b/src/app/grid/grid-column-hiding-toolbar-style/grid-column-hiding-toolbar-style.component.ts index 52600901c..fdc256034 100644 --- a/src/app/grid/grid-column-hiding-toolbar-style/grid-column-hiding-toolbar-style.component.ts +++ b/src/app/grid/grid-column-hiding-toolbar-style/grid-column-hiding-toolbar-style.component.ts @@ -1,4 +1,4 @@ -import { AfterViewInit, Component, OnInit, ChangeDetectionStrategy } from '@angular/core'; +import { AfterViewInit, Component, OnInit } from '@angular/core'; import { DATA } from '../../data/customers'; import { IgxColumnActionsComponent, IgxColumnComponent, IgxColumnHidingDirective } from 'igniteui-angular/grids/core'; import { IgxRadioComponent } from 'igniteui-angular/radio'; @@ -9,7 +9,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-grid-column-hiding-toolbar-style', styleUrls: ['./grid-column-hiding-toolbar-style.component.scss'], templateUrl: './grid-column-hiding-toolbar-style.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxColumnActionsComponent, IgxColumnHidingDirective, IgxRadioComponent, IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent] }) export class GridColumnHidingToolbarStyleComponent implements OnInit { diff --git a/src/app/grid/grid-composite-data-binding/grid-composite-data.component.ts b/src/app/grid/grid-composite-data-binding/grid-composite-data.component.ts index 8f0b262df..e2c48d789 100644 --- a/src/app/grid/grid-composite-data-binding/grid-composite-data.component.ts +++ b/src/app/grid/grid-composite-data-binding/grid-composite-data.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { DATA } from '../../data/customers'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxCellEditorTemplateDirective, IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; @@ -10,7 +10,6 @@ import { FormsModule } from '@angular/forms'; selector: 'app-grid-composite-data', styleUrls: ['./grid-composite-data.component.scss'], templateUrl: './grid-composite-data.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxCellEditorTemplateDirective, IgxInputGroupComponent, FormsModule, IgxInputDirective] }) export class GridCompositeDataComponent implements OnInit { diff --git a/src/app/grid/grid-conditional-cell-style-2/grid-conditional-cell-style-2.component.ts b/src/app/grid/grid-conditional-cell-style-2/grid-conditional-cell-style-2.component.ts index f226e9d31..9c40fac6c 100644 --- a/src/app/grid/grid-conditional-cell-style-2/grid-conditional-cell-style-2.component.ts +++ b/src/app/grid/grid-conditional-cell-style-2/grid-conditional-cell-style-2.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxHintDirective, IgxInputDirective, IgxInputGroupComponent } from 'igniteui-angular/input-group'; import { IgxButtonDirective } from 'igniteui-angular/directives'; @@ -10,7 +10,6 @@ import { JsonPipe } from '@angular/common'; selector: 'app-grid-conditional-cell-style-2', styleUrls: ['./grid-conditional-cell-style-2.component.scss'], templateUrl: './grid-conditional-cell-style-2.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxInputGroupComponent, IgxInputDirective, IgxHintDirective, IgxButtonDirective, IgxGridComponent, IgxColumnComponent, JsonPipe] }) export class GridConditionalCellStyle2Component implements OnInit { diff --git a/src/app/grid/grid-conditional-cell-style/grid-conditional-cell-style.component.ts b/src/app/grid/grid-conditional-cell-style/grid-conditional-cell-style.component.ts index ee5b27e8b..01b1d7f58 100644 --- a/src/app/grid/grid-conditional-cell-style/grid-conditional-cell-style.component.ts +++ b/src/app/grid/grid-conditional-cell-style/grid-conditional-cell-style.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { athletesData } from '../../data/athletesData'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; @@ -9,7 +9,6 @@ import { DecimalPipe, PercentPipe } from '@angular/common'; selector: 'app-grid-conditional-cell-style', styleUrls: ['./grid-conditional-cell-style.component.scss'], templateUrl: './grid-conditional-cell-style.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, DecimalPipe, PercentPipe] }) export class GridConditionalCellStyleComponent implements OnInit { diff --git a/src/app/grid/grid-conditional-row-selectors/grid-conditional-row-selectors-sample.component.ts b/src/app/grid/grid-conditional-row-selectors/grid-conditional-row-selectors-sample.component.ts index 5291b3d0b..c592c5414 100644 --- a/src/app/grid/grid-conditional-row-selectors/grid-conditional-row-selectors-sample.component.ts +++ b/src/app/grid/grid-conditional-row-selectors/grid-conditional-row-selectors-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IRowSelectionEventArgs, IgxColumnComponent, IgxRowSelectorDirective } from 'igniteui-angular/grids/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxPaginatorComponent } from 'igniteui-angular/paginator'; @@ -10,7 +10,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-grid-conditional-row-selectors', styleUrls: ['./grid-conditional-row-selectors-sample.component.scss'], templateUrl: 'grid-conditional-row-selectors-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxPaginatorComponent, IgxColumnComponent, IgxRowSelectorDirective, IgxCheckboxComponent] }) diff --git a/src/app/grid/grid-contextmenu-sample/contextmenu/contextmenu.component.ts b/src/app/grid/grid-contextmenu-sample/contextmenu/contextmenu.component.ts index 36ee82e40..633e88b0e 100644 --- a/src/app/grid/grid-contextmenu-sample/contextmenu/contextmenu.component.ts +++ b/src/app/grid/grid-contextmenu-sample/contextmenu/contextmenu.component.ts @@ -1,4 +1,4 @@ -import { Component, EventEmitter, Input, Output, DOCUMENT, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, EventEmitter, Input, Output, DOCUMENT, inject } from '@angular/core'; import { IgxIconComponent } from 'igniteui-angular/icon'; import { NgStyle } from '@angular/common'; @@ -9,7 +9,6 @@ interface ICopyData { selector: 'app-contextmenu', styleUrls: ['./contextmenu.component.scss'], templateUrl: './contextmenu.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [NgStyle, IgxIconComponent] }) export class ContextmenuComponent { diff --git a/src/app/grid/grid-contextmenu-sample/grid-contextmenu-sample.component.ts b/src/app/grid/grid-contextmenu-sample/grid-contextmenu-sample.component.ts index ad41e0802..4598a62b3 100644 --- a/src/app/grid/grid-contextmenu-sample/grid-contextmenu-sample.component.ts +++ b/src/app/grid/grid-contextmenu-sample/grid-contextmenu-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { DefaultSortingStrategy, SortingDirection } from 'igniteui-angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; @@ -11,7 +11,6 @@ import { ContextmenuComponent } from './contextmenu/contextmenu.component'; selector: 'app-grid-contextmenu-sample', styleUrls: ['./grid-contextmenu-sample.component.scss'], templateUrl: './grid-contextmenu-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, ContextmenuComponent] }) diff --git a/src/app/grid/grid-crud-sample/crud-sample.component.ts b/src/app/grid/grid-crud-sample/crud-sample.component.ts index 89adb7187..2bee5d889 100644 --- a/src/app/grid/grid-crud-sample/crud-sample.component.ts +++ b/src/app/grid/grid-crud-sample/crud-sample.component.ts @@ -1,4 +1,4 @@ -import { ChangeDetectorRef, Component, OnInit, ViewChild, OnDestroy, inject, ChangeDetectionStrategy } from '@angular/core'; +import { ChangeDetectorRef, Component, OnInit, ViewChild, OnDestroy, inject } from '@angular/core'; import { GridPagingMode, IGridEditDoneEventArgs, IRowDataEventArgs, IgxColumnComponent, IgxGridEditingActionsComponent, IgxGridRow } from 'igniteui-angular/grids/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxSnackbarComponent } from 'igniteui-angular/snackbar'; @@ -15,7 +15,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-grid-crud-sample', styleUrls: ['./crud-sample.component.scss'], templateUrl: './crud-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxPaginatorComponent, IgxColumnComponent, IgxActionStripComponent, IgxGridEditingActionsComponent, IgxSnackbarComponent] }) export class CRUDSampleComponent implements OnInit, OnDestroy { diff --git a/src/app/grid/grid-custom-filtering/grid-custom-filtering.component.ts b/src/app/grid/grid-custom-filtering/grid-custom-filtering.component.ts index 95f52639f..e54d180cc 100644 --- a/src/app/grid/grid-custom-filtering/grid-custom-filtering.component.ts +++ b/src/app/grid/grid-custom-filtering/grid-custom-filtering.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { IFilteringOperation, IgxBooleanFilteringOperand, IgxStringFilteringOperand } from 'igniteui-angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; @@ -10,7 +10,6 @@ import { CurrencyPipe } from '@angular/common'; selector: 'app-grid-custom-filtering', styleUrls: ['./grid-custom-filtering.component.scss'], templateUrl: './grid-custom-filtering.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, CurrencyPipe] }) export class GridCustomFilteringComponent implements OnInit { diff --git a/src/app/grid/grid-custom-kb-navigation/grid-custom-kb-navigation-sample.component.ts b/src/app/grid/grid-custom-kb-navigation/grid-custom-kb-navigation-sample.component.ts index c79a831dd..728efea2e 100644 --- a/src/app/grid/grid-custom-kb-navigation/grid-custom-kb-navigation-sample.component.ts +++ b/src/app/grid/grid-custom-kb-navigation/grid-custom-kb-navigation-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { CellType, GridSelectionMode, IGridKeydownEventArgs, IgxColumnComponent } from 'igniteui-angular/grids/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxPaginatorComponent } from 'igniteui-angular/paginator'; @@ -9,7 +9,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-grid-custom-kb-navigation-sample', styleUrls: ['./grid-custom-kb-navigation-sample.component.scss'], templateUrl: 'grid-custom-kb-navigation-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxPaginatorComponent, IgxColumnComponent] }) diff --git a/src/app/grid/grid-custom-remote-paging-sample/custom-remote-paging-sample.component.ts b/src/app/grid/grid-custom-remote-paging-sample/custom-remote-paging-sample.component.ts index 7f7156a5d..8dda9fc3a 100644 --- a/src/app/grid/grid-custom-remote-paging-sample/custom-remote-paging-sample.component.ts +++ b/src/app/grid/grid-custom-remote-paging-sample/custom-remote-paging-sample.component.ts @@ -1,4 +1,4 @@ -import { AfterViewInit, Component, OnDestroy, OnInit, TemplateRef, ViewChild, ViewEncapsulation, inject, ChangeDetectionStrategy } from '@angular/core'; +import { AfterViewInit, Component, OnDestroy, OnInit, TemplateRef, ViewChild, ViewEncapsulation, inject } from '@angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxColumnComponent } from 'igniteui-angular/grids/core'; import { IgxPaginatorComponent, IgxPaginatorContentDirective } from 'igniteui-angular/paginator'; @@ -14,7 +14,6 @@ import { RouterLink } from '@angular/router'; selector: 'app-custom-remote-paging-grid-sample', styleUrls: ['./custom-remote-paging-sample.component.scss'], templateUrl: './custom-remote-paging-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxPaginatorComponent, IgxPaginatorContentDirective, IgxButtonDirective, RouterLink, AsyncPipe] }) export class CustomRemotePagingGridSampleComponent implements OnInit, AfterViewInit, OnDestroy { diff --git a/src/app/grid/grid-custom-summaries-selection/grid-custom-summaries-selection.component.ts b/src/app/grid/grid-custom-summaries-selection/grid-custom-summaries-selection.component.ts index 68dd5a050..ba647ff4f 100644 --- a/src/app/grid/grid-custom-summaries-selection/grid-custom-summaries-selection.component.ts +++ b/src/app/grid/grid-custom-summaries-selection/grid-custom-summaries-selection.component.ts @@ -1,5 +1,5 @@ import { formatDate } from '@angular/common'; -import { AfterViewInit, Component, ViewChild, OnInit, ChangeDetectorRef, inject, ChangeDetectionStrategy } from '@angular/core'; +import { AfterViewInit, Component, ViewChild, OnInit, ChangeDetectorRef, inject } from '@angular/core'; import { IgxCellTemplateDirective, IgxColumnComponent, IgxDateSummaryOperand, IgxGridFooterComponent, IgxNumberSummaryOperand, IgxSummaryOperand } from 'igniteui-angular/grids/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxSummaryResult } from 'igniteui-angular/core'; @@ -36,7 +36,6 @@ class MySummary { selector: 'app-grid-sample', styleUrls: ['./grid-custom-summaries-selection.component.scss'], templateUrl: 'grid-custom-summaries-selection.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxGridFooterComponent] }) diff --git a/src/app/grid/grid-disable-summaries/grid-disable-summaries.component.ts b/src/app/grid/grid-disable-summaries/grid-disable-summaries.component.ts index 4f9bf07b0..ca61973f5 100644 --- a/src/app/grid/grid-disable-summaries/grid-disable-summaries.component.ts +++ b/src/app/grid/grid-disable-summaries/grid-disable-summaries.component.ts @@ -148,7 +148,6 @@ class DiscontinuedSummary { selector: "app-grid-summary-sample", styleUrls: ["./grid-disable-summaries.component.scss"], templateUrl: "grid-disable-summaries.component.html", - changeDetection: ChangeDetectionStrategy.Eager, imports: [ IgxGridComponent, IgxPreventDocumentScrollDirective, diff --git a/src/app/grid/grid-displaydensity-sample/grid-displaydensity-sample.component.ts b/src/app/grid/grid-displaydensity-sample/grid-displaydensity-sample.component.ts index 7c39b8472..296ce7158 100644 --- a/src/app/grid/grid-displaydensity-sample/grid-displaydensity-sample.component.ts +++ b/src/app/grid/grid-displaydensity-sample/grid-displaydensity-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, HostBinding, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, HostBinding, OnInit, ViewChild } from '@angular/core'; import { IgxButtonGroupComponent } from 'igniteui-angular/button-group'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxCellTemplateDirective, IgxColumnComponent, IgxColumnGroupComponent, IgxNumberSummaryOperand, IgxSummaryOperand } from 'igniteui-angular/grids/core'; @@ -27,7 +27,6 @@ class CustomNumberSummary { selector: 'app-grid-displaydensity-sample', styleUrls: ['./grid-displaydensity-sample.component.scss'], templateUrl: './grid-displaydensity-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonGroupComponent, IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnGroupComponent, IgxColumnComponent, IgxCellTemplateDirective, DatePipe] }) export class GridDisplayDensitySampleComponent implements OnInit { diff --git a/src/app/grid/grid-drop-indicator/grid-drop-indicator.ts b/src/app/grid/grid-drop-indicator/grid-drop-indicator.ts index d9a72171f..962a41ec2 100644 --- a/src/app/grid/grid-drop-indicator/grid-drop-indicator.ts +++ b/src/app/grid/grid-drop-indicator/grid-drop-indicator.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, AfterViewInit, OnDestroy, Renderer2, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild, AfterViewInit, OnDestroy, Renderer2, inject } from '@angular/core'; import { IDragMoveEventArgs, IDropDroppedEventArgs, IgxDropDirective } from 'igniteui-angular/directives'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IRowDragStartEventArgs, IgxColumnComponent, IgxRowDirective } from 'igniteui-angular/grids/core'; @@ -12,7 +12,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-grid-drop-indicator', styleUrls: ['grid-drop-indicator.scss'], templateUrl: 'grid-drop-indicator.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxDropDirective, IgxPreventDocumentScrollDirective, IgxColumnComponent] }) export class GridDropIndicatorComponent implements AfterViewInit, OnDestroy { diff --git a/src/app/grid/grid-editing-events/grid-editing-events.component.ts b/src/app/grid/grid-editing-events/grid-editing-events.component.ts index 249ca4491..6a3e55586 100644 --- a/src/app/grid/grid-editing-events/grid-editing-events.component.ts +++ b/src/app/grid/grid-editing-events/grid-editing-events.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { NgModel } from '@angular/forms'; import { IGridEditEventArgs, IgxColumnComponent } from 'igniteui-angular/grids/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; @@ -11,7 +11,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-grid-editing-event', templateUrl: 'grid-editing-events.component.html', styleUrls: ['grid-editing-events.component.scss'], - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxToastComponent] }) export class GridEditingEventsComponent implements OnInit { diff --git a/src/app/grid/grid-editing-excel-style/grid-editing-excel-style.component.ts b/src/app/grid/grid-editing-excel-style/grid-editing-excel-style.component.ts index 4bd962e0d..d275792c9 100644 --- a/src/app/grid/grid-editing-excel-style/grid-editing-excel-style.component.ts +++ b/src/app/grid/grid-editing-excel-style/grid-editing-excel-style.component.ts @@ -1,4 +1,4 @@ -import { ChangeDetectorRef, Component, OnInit, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; +import { ChangeDetectorRef, Component, OnInit, ViewChild, inject } from '@angular/core'; import { IgxDialogComponent } from 'igniteui-angular/dialog'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { Transaction } from 'igniteui-angular/core'; @@ -10,7 +10,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-grid-excel-style-editing-sample', styleUrls: [`grid-editing-excel-style.component.scss`], templateUrl: 'grid-editing-excel-style.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent] }) export class GridExcelStyleEditingComponent implements OnInit { diff --git a/src/app/grid/grid-editing-lifecycle-sample/grid-editing-lifecycle.component.ts b/src/app/grid/grid-editing-lifecycle-sample/grid-editing-lifecycle.component.ts index 281f4e2b0..acd05a4c4 100644 --- a/src/app/grid/grid-editing-lifecycle-sample/grid-editing-lifecycle.component.ts +++ b/src/app/grid/grid-editing-lifecycle-sample/grid-editing-lifecycle.component.ts @@ -1,4 +1,4 @@ -import { Component, ElementRef, Renderer2, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ElementRef, Renderer2, ViewChild, inject } from '@angular/core'; import { contains } from '@igniteui/material-icons-extended'; import { DATA } from '../../data/nwindData'; import { IgxSwitchComponent } from 'igniteui-angular/switch'; @@ -12,7 +12,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-grid-editing-lifecycle', templateUrl: 'grid-editing-lifecycle.component.html', styleUrls: ['grid-editing-lifecycle.component.scss'], - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSwitchComponent, IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxButtonDirective, IgxIconComponent] }) export class GridEditingLifecycleComponent { diff --git a/src/app/grid/grid-editing-sample/grid-editing-sample.component.ts b/src/app/grid/grid-editing-sample/grid-editing-sample.component.ts index 700703c1d..fabd81d2e 100644 --- a/src/app/grid/grid-editing-sample/grid-editing-sample.component.ts +++ b/src/app/grid/grid-editing-sample/grid-editing-sample.component.ts @@ -1,4 +1,4 @@ -import { AfterViewInit, Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { AfterViewInit, Component, OnInit, ViewChild } from '@angular/core'; import { IgxDialogComponent } from 'igniteui-angular/dialog'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxSummaryResult, VerticalAlignment } from 'igniteui-angular/core'; @@ -42,7 +42,6 @@ class NumberSummary { selector: 'app-grid-editing-sample', styleUrls: ['./grid-editing-sample.component.scss'], templateUrl: './grid-editing-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxPaginatorComponent, IgxGridToolbarComponent, IgxButtonDirective, IgxIconComponent, IgxColumnComponent, IgxCellTemplateDirective, IgxCellEditorTemplateDirective, FormsModule, IgxComboComponent, IgxFocusDirective, IgxIconButtonDirective, IgxToastComponent, IgxDialogComponent, IgxInputGroupComponent, IgxLabelDirective, IgxInputDirective, IgxDatePickerComponent, IgxCheckboxComponent, DatePipe] }) export class GridEditingSampleComponent implements OnInit, AfterViewInit { diff --git a/src/app/grid/grid-editing-style-sample/grid-editing-style-sample.component.ts b/src/app/grid/grid-editing-style-sample/grid-editing-style-sample.component.ts index 59a259991..985810bea 100644 --- a/src/app/grid/grid-editing-style-sample/grid-editing-style-sample.component.ts +++ b/src/app/grid/grid-editing-style-sample/grid-editing-style-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxPaginatorComponent } from 'igniteui-angular/paginator'; import { IgxCellEditorTemplateDirective, IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; @@ -11,7 +11,6 @@ import { DatePipe } from '@angular/common'; selector: 'app-grid-editing-style-sample', styleUrls: ['./grid-editing-style-sample.component.scss'], templateUrl: './grid-editing-style-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxPaginatorComponent, IgxColumnComponent, IgxCellTemplateDirective, IgxCellEditorTemplateDirective, FormsModule, DatePipe] }) export class GridEditingStyleSampleComponent implements OnInit { diff --git a/src/app/grid/grid-excel-style-filtering-load-on-demand/grid-excel-style-filtering-load-on-demand.component.ts b/src/app/grid/grid-excel-style-filtering-load-on-demand/grid-excel-style-filtering-load-on-demand.component.ts index f9c85ea0d..6ff6806c4 100644 --- a/src/app/grid/grid-excel-style-filtering-load-on-demand/grid-excel-style-filtering-load-on-demand.component.ts +++ b/src/app/grid/grid-excel-style-filtering-load-on-demand/grid-excel-style-filtering-load-on-demand.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, inject } from '@angular/core'; import { ColumnType, IFilteringExpressionsTree } from 'igniteui-angular/core'; import { IgxColumnComponent, IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarHidingComponent, IgxGridToolbarPinningComponent } from 'igniteui-angular/grids/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; @@ -10,7 +10,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro styleUrls: ['./grid-excel-style-filtering-load-on-demand.component.scss'], templateUrl: './grid-excel-style-filtering-load-on-demand.component.html', providers: [RemoteValuesService], - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxGridToolbarActionsComponent, IgxGridToolbarHidingComponent, IgxGridToolbarPinningComponent, IgxColumnComponent] }) export class GridExcelStyleFilteringLoadOnDemandComponent implements OnInit { diff --git a/src/app/grid/grid-excel-style-filtering-sample-1/grid-excel-style-filtering-sample-1.component.ts b/src/app/grid/grid-excel-style-filtering-sample-1/grid-excel-style-filtering-sample-1.component.ts index 516721502..c85055086 100644 --- a/src/app/grid/grid-excel-style-filtering-sample-1/grid-excel-style-filtering-sample-1.component.ts +++ b/src/app/grid/grid-excel-style-filtering-sample-1/grid-excel-style-filtering-sample-1.component.ts @@ -1,4 +1,4 @@ -import { Component, HostBinding, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, HostBinding, OnInit, ViewChild } from '@angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxButtonGroupComponent } from 'igniteui-angular/button-group'; import { IgxCellTemplateDirective, IgxColumnComponent, IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarHidingComponent } from 'igniteui-angular/grids/core'; @@ -10,7 +10,6 @@ import { CurrencyPipe } from '@angular/common'; selector: 'app-grid-sample', styleUrls: ['./grid-excel-style-filtering-sample-1.component.scss'], templateUrl: 'grid-excel-style-filtering-sample-1.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonGroupComponent, IgxGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxGridToolbarActionsComponent, IgxGridToolbarHidingComponent, IgxColumnComponent, IgxCellTemplateDirective, CurrencyPipe] }) diff --git a/src/app/grid/grid-excel-style-filtering-sample-2/grid-excel-style-filtering-sample-2.component.ts b/src/app/grid/grid-excel-style-filtering-sample-2/grid-excel-style-filtering-sample-2.component.ts index e8b004f9f..2c668951b 100644 --- a/src/app/grid/grid-excel-style-filtering-sample-2/grid-excel-style-filtering-sample-2.component.ts +++ b/src/app/grid/grid-excel-style-filtering-sample-2/grid-excel-style-filtering-sample-2.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxCellTemplateDirective, IgxColumnComponent, IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarHidingComponent } from 'igniteui-angular/grids/core'; import { DATA } from '../../data/nwindData'; @@ -9,7 +9,6 @@ import { CurrencyPipe } from '@angular/common'; selector: 'app-grid-sample', styleUrls: ['./grid-excel-style-filtering-sample-2.component.scss'], templateUrl: 'grid-excel-style-filtering-sample-2.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxGridToolbarActionsComponent, IgxGridToolbarHidingComponent, IgxColumnComponent, IgxCellTemplateDirective, CurrencyPipe] }) diff --git a/src/app/grid/grid-excel-style-filtering-sample-3/grid-excel-style-filtering-sample-3.component.ts b/src/app/grid/grid-excel-style-filtering-sample-3/grid-excel-style-filtering-sample-3.component.ts index 22f4295c0..a41847591 100644 --- a/src/app/grid/grid-excel-style-filtering-sample-3/grid-excel-style-filtering-sample-3.component.ts +++ b/src/app/grid/grid-excel-style-filtering-sample-3/grid-excel-style-filtering-sample-3.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxCellTemplateDirective, IgxColumnComponent, IgxExcelStyleColumnOperationsTemplateDirective, IgxExcelStyleFilterOperationsTemplateDirective, IgxExcelStyleHeaderComponent, IgxExcelStyleHeaderIconDirective, IgxExcelStyleSearchComponent, IgxExcelStyleSortingComponent, IgxGridExcelStyleFilteringComponent, IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarHidingComponent } from 'igniteui-angular/grids/core'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -10,7 +10,6 @@ import { CurrencyPipe } from '@angular/common'; selector: 'app-grid-sample', styleUrls: ['./grid-excel-style-filtering-sample-3.component.scss'], templateUrl: 'grid-excel-style-filtering-sample-3.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxGridToolbarActionsComponent, IgxGridToolbarHidingComponent, IgxExcelStyleHeaderIconDirective, IgxIconComponent, IgxGridExcelStyleFilteringComponent, IgxExcelStyleColumnOperationsTemplateDirective, IgxExcelStyleHeaderComponent, IgxExcelStyleSortingComponent, IgxExcelStyleFilterOperationsTemplateDirective, IgxExcelStyleSearchComponent, IgxColumnComponent, IgxCellTemplateDirective, CurrencyPipe] }) diff --git a/src/app/grid/grid-excel-style-filtering-style/grid-excel-style-filtering-style.component.ts b/src/app/grid/grid-excel-style-filtering-style/grid-excel-style-filtering-style.component.ts index ca92d3ba6..2862e1ec2 100644 --- a/src/app/grid/grid-excel-style-filtering-style/grid-excel-style-filtering-style.component.ts +++ b/src/app/grid/grid-excel-style-filtering-style/grid-excel-style-filtering-style.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; import { DATA } from '../../data/nwindData'; @@ -9,7 +9,6 @@ import { CurrencyPipe } from '@angular/common'; selector: 'app-grid-esf-style-sample', styleUrls: ['./grid-excel-style-filtering-style.component.scss'], templateUrl: 'grid-excel-style-filtering-style.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, CurrencyPipe] }) export class ExcelStyleFilteringStyleComponent implements OnInit { diff --git a/src/app/grid/grid-export-visualization/grid-export-visualization.component.ts b/src/app/grid/grid-export-visualization/grid-export-visualization.component.ts index 3f572fdee..51d3b65fd 100644 --- a/src/app/grid/grid-export-visualization/grid-export-visualization.component.ts +++ b/src/app/grid/grid-export-visualization/grid-export-visualization.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component, inject, ChangeDetectorRef } from '@angular/core'; import { DATA } from '../../data/nwindData'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxCellTemplateDirective, IgxColumnComponent, IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarExporterComponent } from 'igniteui-angular/grids/core'; @@ -10,10 +10,10 @@ import { CurrencyPipe } from '@angular/common'; selector: 'app-grid-export-visualization', templateUrl: './grid-export-visualization.component.html', styleUrls: ['./grid-export-visualization.component.scss'], - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxGridToolbarActionsComponent, IgxButtonDirective, IgxGridToolbarExporterComponent, IgxColumnComponent, IgxCellTemplateDirective, CurrencyPipe] }) export class GridExportVisualizationComponent { + private cdr = inject(ChangeDetectorRef); public localData = []; constructor() { for (let i = 0; i < 1000; i++) { @@ -33,6 +33,9 @@ export class GridExportVisualizationComponent { longRunning(toolbar: any) { toolbar.showProgress = true; - setTimeout(() => toolbar.showProgress = false, 5000); + setTimeout(() => { + toolbar.showProgress = false; + this.cdr.markForCheck(); + }, 5000); } } diff --git a/src/app/grid/grid-external-advanced-filtering/grid-external-advanced-filtering.component.ts b/src/app/grid/grid-external-advanced-filtering/grid-external-advanced-filtering.component.ts index de51bf518..7a7f64978 100644 --- a/src/app/grid/grid-external-advanced-filtering/grid-external-advanced-filtering.component.ts +++ b/src/app/grid/grid-external-advanced-filtering/grid-external-advanced-filtering.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxAdvancedFilteringDialogComponent, IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; import { DATA } from '../../data/nwindData'; @@ -8,7 +8,6 @@ import { CurrencyPipe } from '@angular/common'; selector: 'app-grid-external-advanced-filtering', templateUrl: './grid-external-advanced-filtering.component.html', styleUrls: ['./grid-external-advanced-filtering.component.scss'], - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxAdvancedFilteringDialogComponent, IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, CurrencyPipe] }) export class GridExternalAdvancedFilteringComponent { diff --git a/src/app/grid/grid-external-excel-style-filtering/grid-external-excel-style-filtering.component.ts b/src/app/grid/grid-external-excel-style-filtering/grid-external-excel-style-filtering.component.ts index e1e055316..05a34aca6 100644 --- a/src/app/grid/grid-external-excel-style-filtering/grid-external-excel-style-filtering.component.ts +++ b/src/app/grid/grid-external-excel-style-filtering/grid-external-excel-style-filtering.component.ts @@ -8,7 +8,6 @@ import { CurrencyPipe } from '@angular/common'; import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scroll.directive'; @Component({ - changeDetection: ChangeDetectionStrategy.OnPush, selector: 'app-grid-external-excel-style-filtering', templateUrl: './grid-external-excel-style-filtering.component.html', styleUrls: ['./grid-external-excel-style-filtering.component.scss'], diff --git a/src/app/grid/grid-external-outlet-sample/grid-external-outlet-sample.component.ts b/src/app/grid/grid-external-outlet-sample/grid-external-outlet-sample.component.ts index 56c05ee08..239e4e720 100644 --- a/src/app/grid/grid-external-outlet-sample/grid-external-outlet-sample.component.ts +++ b/src/app/grid/grid-external-outlet-sample/grid-external-outlet-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { DATA } from '../../data/nwindData'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; @@ -10,7 +10,6 @@ import { CurrencyPipe } from '@angular/common'; selector: 'app-grid-external-outlet', styleUrls: ['./grid-external-outlet-sample.component.scss'], templateUrl: 'grid-external-outlet-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxOverlayOutletDirective, CurrencyPipe] }) diff --git a/src/app/grid/grid-filtering-sample/grid-filtering-sample.component.ts b/src/app/grid/grid-filtering-sample/grid-filtering-sample.component.ts index bc02bb614..a5c1401ae 100644 --- a/src/app/grid/grid-filtering-sample/grid-filtering-sample.component.ts +++ b/src/app/grid/grid-filtering-sample/grid-filtering-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxStringFilteringOperand } from 'igniteui-angular/core'; import { IgxInputDirective, IgxInputGroupComponent } from 'igniteui-angular/input-group'; @@ -11,7 +11,6 @@ import { CurrencyPipe } from '@angular/common'; selector: 'app-grid-sample', styleUrls: ['./grid-filtering-sample.component.scss'], templateUrl: 'grid-filtering-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxInputGroupComponent, IgxInputDirective, IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, CurrencyPipe] }) diff --git a/src/app/grid/grid-filtering-style/grid-filtering-style.component.ts b/src/app/grid/grid-filtering-style/grid-filtering-style.component.ts index b2fc3bbf2..08a89cd2b 100644 --- a/src/app/grid/grid-filtering-style/grid-filtering-style.component.ts +++ b/src/app/grid/grid-filtering-style/grid-filtering-style.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { DATA } from '../../data/nwindData'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; @@ -9,7 +9,6 @@ import { CurrencyPipe } from '@angular/common'; selector: 'app-grid-filtering-style', styleUrls: ['./grid-filtering-style.component.scss'], templateUrl: './grid-filtering-style.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, CurrencyPipe] }) export class GridFilteringStyleComponent implements OnInit { diff --git a/src/app/grid/grid-filtering-template-sample/grid-filtering-template-sample.component.ts b/src/app/grid/grid-filtering-template-sample/grid-filtering-template-sample.component.ts index a680675b0..192ec50d4 100644 --- a/src/app/grid/grid-filtering-template-sample/grid-filtering-template-sample.component.ts +++ b/src/app/grid/grid-filtering-template-sample/grid-filtering-template-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { ColumnType, GridColumnDataType, IgxDateFilteringOperand, IgxNumberFilteringOperand, IgxPickerClearComponent, IgxPickerToggleComponent, IgxStringFilteringOperand } from 'igniteui-angular/core'; import { IgxCellTemplateDirective, IgxColumnComponent, IgxFilterCellTemplateDirective } from 'igniteui-angular/grids/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; @@ -13,7 +13,6 @@ import { CurrencyPipe } from '@angular/common'; selector: 'app-grid-sample', styleUrls: ['./grid-filtering-template-sample.component.scss'], templateUrl: 'grid-filtering-template-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxFilterCellTemplateDirective, IgxInputGroupComponent, IgxPrefixDirective, IgxIconComponent, IgxInputDirective, IgxSuffixDirective, IgxDatePickerComponent, IgxPickerToggleComponent, IgxPickerClearComponent, CurrencyPipe] }) diff --git a/src/app/grid/grid-formatted-filtering-strategy/grid-formatted-filtering-strategy.component.ts b/src/app/grid/grid-formatted-filtering-strategy/grid-formatted-filtering-strategy.component.ts index ebaed4772..87f6af46f 100644 --- a/src/app/grid/grid-formatted-filtering-strategy/grid-formatted-filtering-strategy.component.ts +++ b/src/app/grid/grid-formatted-filtering-strategy/grid-formatted-filtering-strategy.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { FormattedValuesFilteringStrategy } from 'igniteui-angular/core'; import { IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; @@ -10,7 +10,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-grid-sample', styleUrls: ['./grid-formatted-filtering-strategy.component.scss'], templateUrl: 'grid-formatted-filtering-strategy.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective] }) export class GridFormattedFilteringStrategyComponent implements OnInit { diff --git a/src/app/grid/grid-group-by-paging-sample/grid-group-by-paging-sample.component.ts b/src/app/grid/grid-group-by-paging-sample/grid-group-by-paging-sample.component.ts index a176a2652..e5c66c532 100644 --- a/src/app/grid/grid-group-by-paging-sample/grid-group-by-paging-sample.component.ts +++ b/src/app/grid/grid-group-by-paging-sample/grid-group-by-paging-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild } from '@angular/core'; import { DefaultSortingStrategy, ISortingExpression, SortingDirection } from 'igniteui-angular/core'; import { GridSelectionMode, IgxColumnComponent, IgxGroupByRowTemplateDirective } from 'igniteui-angular/grids/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; @@ -12,7 +12,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-grid-group-by-paging-sample', templateUrl: './grid-group-by-paging-sample.component.html', styleUrls: ['./grid-group-by-paging-sample.component.scss'], - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxPaginatorComponent, IgxColumnComponent, IgxGroupByRowTemplateDirective, IgxIconComponent, IgxBadgeComponent] }) export class GridGroupByPagingSampleComponent { diff --git a/src/app/grid/grid-groupby-custom-sample/grid-groupby-custom-sample.component.ts b/src/app/grid/grid-groupby-custom-sample/grid-groupby-custom-sample.component.ts index 096a847ba..0f86d868b 100644 --- a/src/app/grid/grid-groupby-custom-sample/grid-groupby-custom-sample.component.ts +++ b/src/app/grid/grid-groupby-custom-sample/grid-groupby-custom-sample.component.ts @@ -1,5 +1,5 @@ /* eslint-disable max-len */ -import { Component, ViewChild, ViewEncapsulation, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild, ViewEncapsulation } from '@angular/core'; import { DefaultSortingStrategy, SortingDirection } from 'igniteui-angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxCellTemplateDirective, IgxColumnComponent, IgxGridToolbarComponent, IgxGroupByRowTemplateDirective } from 'igniteui-angular/grids/core'; @@ -16,7 +16,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-grid-groupby-custom-sample', styleUrls: ['./grid-groupby-custom-sample.component.scss'], templateUrl: './grid-groupby-custom-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxButtonDirective, IgxToggleActionDirective, IgxDropDownItemNavigationDirective, IgxDropDownComponent, IgxDropDownItemComponent, IgxColumnComponent, IgxCellTemplateDirective, IgxGroupByRowTemplateDirective, IgxIconComponent, IgxBadgeComponent, CurrencyPipe, DatePipe] }) export class GridGroupByCustomSampleComponent { diff --git a/src/app/grid/grid-groupby-sample/grid-groupby-sample.component.ts b/src/app/grid/grid-groupby-sample/grid-groupby-sample.component.ts index 7d7061c87..b17535e5e 100644 --- a/src/app/grid/grid-groupby-sample/grid-groupby-sample.component.ts +++ b/src/app/grid/grid-groupby-sample/grid-groupby-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ViewEncapsulation, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild, ViewEncapsulation } from '@angular/core'; import { DefaultSortingStrategy, ISortingExpression, SortingDirection } from 'igniteui-angular/core'; import { GridSelectionMode, IgxCellTemplateDirective, IgxColumnComponent, IgxGroupByRowTemplateDirective } from 'igniteui-angular/grids/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; @@ -13,7 +13,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-grid-groupby-sample', styleUrls: ['./grid-groupby-sample.component.scss'], templateUrl: './grid-groupby-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxGroupByRowTemplateDirective, IgxIconComponent, IgxBadgeComponent] }) export class GridGroupBySampleComponent { diff --git a/src/app/grid/grid-groupby-styling/grid-groupby-styling.component.ts b/src/app/grid/grid-groupby-styling/grid-groupby-styling.component.ts index 4533dde3c..40eb9c055 100644 --- a/src/app/grid/grid-groupby-styling/grid-groupby-styling.component.ts +++ b/src/app/grid/grid-groupby-styling/grid-groupby-styling.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, ViewEncapsulation, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild, ViewEncapsulation } from '@angular/core'; import { DefaultSortingStrategy, ISortingExpression, SortingDirection } from 'igniteui-angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; @@ -11,7 +11,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-grid-groupby-sample', styleUrls: ['./grid-groupby-styling.component.scss'], templateUrl: './grid-groupby-styling.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective] }) export class GridGroupByStylingComponent { diff --git a/src/app/grid/grid-groupby-summary-sample/grid-groupby-summary-sample.component.ts b/src/app/grid/grid-groupby-summary-sample/grid-groupby-summary-sample.component.ts index 4766e712a..709cd966e 100644 --- a/src/app/grid/grid-groupby-summary-sample/grid-groupby-summary-sample.component.ts +++ b/src/app/grid/grid-groupby-summary-sample/grid-groupby-summary-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ViewEncapsulation, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild, ViewEncapsulation } from '@angular/core'; import { DefaultSortingStrategy, GridSummaryCalculationMode, ISortingExpression, IgxSummaryResult, SortingDirection } from 'igniteui-angular/core'; import { GridSelectionMode, GridSummaryPosition, IgxColumnComponent, IgxNumberSummaryOperand, IgxSummaryOperand } from 'igniteui-angular/grids/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; @@ -38,7 +38,6 @@ class SumSummary { selector: 'app-grid-groupby-summary-sample', styleUrls: ['./grid-groupby-summary-sample.component.scss'], templateUrl: './grid-groupby-summary-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonGroupComponent, IgxSwitchComponent, IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent] }) export class GridGroupBySummarySampleComponent { diff --git a/src/app/grid/grid-groupby-summary-styling-sample/grid-groupby-summary-styling-sample.component.ts b/src/app/grid/grid-groupby-summary-styling-sample/grid-groupby-summary-styling-sample.component.ts index d5d50f00d..24da22da9 100644 --- a/src/app/grid/grid-groupby-summary-styling-sample/grid-groupby-summary-styling-sample.component.ts +++ b/src/app/grid/grid-groupby-summary-styling-sample/grid-groupby-summary-styling-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ViewEncapsulation, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild, ViewEncapsulation } from '@angular/core'; import { DefaultSortingStrategy, GridSummaryCalculationMode, ISortingExpression, IgxSummaryResult, SortingDirection } from 'igniteui-angular/core'; import { GridSelectionMode, GridSummaryPosition, IgxColumnComponent, IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarPinningComponent, IgxNumberSummaryOperand, IgxSummaryOperand } from 'igniteui-angular/grids/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; @@ -28,7 +28,6 @@ class CustomSummary { selector: 'app-grid-groupby-summary-sample', styleUrls: ['./grid-groupby-summary-styling-sample.component.scss'], templateUrl: './grid-groupby-summary-styling-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonGroupComponent, IgxGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxGridToolbarActionsComponent, IgxGridToolbarPinningComponent, IgxColumnComponent] }) export class GridGroupBySummaryStylingSampleComponent { diff --git a/src/app/grid/grid-keyboardnav-guide-sample/grid-keyboardnav-sample.component.ts b/src/app/grid/grid-keyboardnav-guide-sample/grid-keyboardnav-sample.component.ts index db8df61e2..d1cb9ba51 100644 --- a/src/app/grid/grid-keyboardnav-guide-sample/grid-keyboardnav-sample.component.ts +++ b/src/app/grid/grid-keyboardnav-guide-sample/grid-keyboardnav-sample.component.ts @@ -3,7 +3,7 @@ /* eslint-disable @typescript-eslint/naming-convention */ /* eslint-disable no-shadow */ import { animate, state, style, transition, trigger } from '@angular/animations'; -import { ChangeDetectorRef, Component, OnDestroy, OnInit, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; +import { ChangeDetectorRef, Component, OnDestroy, OnInit, ViewChild, inject } from '@angular/core'; import { CellType, IActiveNodeChangeEventArgs, IgxColumnComponent, IgxColumnGroupComponent, IgxGridDetailTemplateDirective, IgxGridToolbarComponent } from 'igniteui-angular/grids/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxEmptyListTemplateDirective, IgxListComponent, IgxListItemComponent, IgxListLineSubTitleDirective, IgxListLineTitleDirective } from 'igniteui-angular/list'; @@ -169,7 +169,6 @@ const summaryCombinations: Item[] = [ ]) ]) ], - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPaginatorComponent, IgxGridToolbarComponent, IgxGridDetailTemplateDirective, IgxColumnGroupComponent, IgxColumnComponent, IgxListComponent, IgxListItemComponent, NgClass, IgxListLineTitleDirective, IgxListLineSubTitleDirective, IgxCheckboxComponent, IgxEmptyListTemplateDirective] }) export class GridKeyboardnavGuide implements OnInit, OnDestroy { diff --git a/src/app/grid/grid-moving-sample/grid-moving-sample.component.ts b/src/app/grid/grid-moving-sample/grid-moving-sample.component.ts index bc0f62ae5..a6b1acd8b 100644 --- a/src/app/grid/grid-moving-sample/grid-moving-sample.component.ts +++ b/src/app/grid/grid-moving-sample/grid-moving-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild } from '@angular/core'; import { ColumnType } from 'igniteui-angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxCellHeaderTemplateDirective, IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; @@ -13,7 +13,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-grid-moving-sample', styleUrls: ['./grid-moving-sample.component.scss'], templateUrl: './grid-moving-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxCellHeaderTemplateDirective, IgxIconComponent, IgxGridComponent, IgxPreventDocumentScrollDirective, IgxPaginatorComponent, IgxColumnComponent, IgxCellTemplateDirective, IgxBadgeComponent] }) diff --git a/src/app/grid/grid-moving-styled-sample/grid-moving-styled-sample.component.ts b/src/app/grid/grid-moving-styled-sample/grid-moving-styled-sample.component.ts index 0f2431fb8..9b3e53c2a 100644 --- a/src/app/grid/grid-moving-styled-sample/grid-moving-styled-sample.component.ts +++ b/src/app/grid/grid-moving-styled-sample/grid-moving-styled-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild } from '@angular/core'; import { ColumnType } from 'igniteui-angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxCellHeaderTemplateDirective, IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; @@ -13,7 +13,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-grid-moving-styled-sample', styleUrls: ['./grid-moving-styled-sample.component.scss'], templateUrl: './grid-moving-styled-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxCellHeaderTemplateDirective, IgxIconComponent, IgxGridComponent, IgxPreventDocumentScrollDirective, IgxPaginatorComponent, IgxColumnComponent, IgxCellTemplateDirective, IgxBadgeComponent] }) diff --git a/src/app/grid/grid-mrl-custom-navigation/grid-mrl-custom-navigation.component.ts b/src/app/grid/grid-mrl-custom-navigation/grid-mrl-custom-navigation.component.ts index 748e9a7fe..40f651b4e 100644 --- a/src/app/grid/grid-mrl-custom-navigation/grid-mrl-custom-navigation.component.ts +++ b/src/app/grid/grid-mrl-custom-navigation/grid-mrl-custom-navigation.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, ViewEncapsulation, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild, ViewEncapsulation } from '@angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxColumnComponent, IgxColumnLayoutComponent } from 'igniteui-angular/grids/core'; import { DATA } from '../../data/company-data'; @@ -9,7 +9,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-grid-mrl-custom-navigation-sample', styleUrls: ['./grid-mrl-custom-navigation.component.scss'], templateUrl: './grid-mrl-custom-navigation.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnLayoutComponent, IgxColumnComponent] }) export class GridMRLCustomNavigationComponent { diff --git a/src/app/grid/grid-multi-cell-selection-style/grid-multi-cell-selection-style.component.ts b/src/app/grid/grid-multi-cell-selection-style/grid-multi-cell-selection-style.component.ts index 248e14e56..bb6fbdc52 100644 --- a/src/app/grid/grid-multi-cell-selection-style/grid-multi-cell-selection-style.component.ts +++ b/src/app/grid/grid-multi-cell-selection-style/grid-multi-cell-selection-style.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxColumnComponent } from 'igniteui-angular/grids/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { DATA } from '../../data/nwindData'; @@ -8,7 +8,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-grid-multi-cell-selection-style-sample', styleUrls: ['./grid-multi-cell-selection-style.component.scss'], templateUrl: './grid-multi-cell-selection-style.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective] }) export class GridMultiCellSelectionStyleComponent { diff --git a/src/app/grid/grid-multi-cell-selection/grid-multi-cell-selection.component.ts b/src/app/grid/grid-multi-cell-selection/grid-multi-cell-selection.component.ts index f0cf496a4..f4d5014e8 100644 --- a/src/app/grid/grid-multi-cell-selection/grid-multi-cell-selection.component.ts +++ b/src/app/grid/grid-multi-cell-selection/grid-multi-cell-selection.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewEncapsulation, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewEncapsulation } from '@angular/core'; import { IgxColumnComponent } from 'igniteui-angular/grids/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxToastComponent } from 'igniteui-angular/toast'; @@ -11,7 +11,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-grid-multi-cell-selection-sample', styleUrls: ['./grid-multi-cell-selection.component.scss'], templateUrl: './grid-multi-cell-selection.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxToastComponent] }) export class GridMultiCellSelectionComponent { diff --git a/src/app/grid/grid-multi-row-layout-configuration/grid-multi-row-layout-configuration.component.ts b/src/app/grid/grid-multi-row-layout-configuration/grid-multi-row-layout-configuration.component.ts index cb55fab03..5fceaed21 100644 --- a/src/app/grid/grid-multi-row-layout-configuration/grid-multi-row-layout-configuration.component.ts +++ b/src/app/grid/grid-multi-row-layout-configuration/grid-multi-row-layout-configuration.component.ts @@ -1,5 +1,5 @@ /* eslint-disable @typescript-eslint/naming-convention */ -import { ChangeDetectorRef, Component, ElementRef, QueryList, ViewChild, ViewChildren, ViewEncapsulation, DOCUMENT, inject, ChangeDetectionStrategy } from "@angular/core"; +import { ChangeDetectorRef, Component, ElementRef, QueryList, ViewChild, ViewChildren, ViewEncapsulation, DOCUMENT, inject } from "@angular/core"; import { IDropBaseEventArgs, IDropDroppedEventArgs, IgxButtonDirective, IgxDropDirective, IgxIconButtonDirective } from 'igniteui-angular/directives'; import { IgxDialogComponent } from 'igniteui-angular/dialog'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; @@ -38,7 +38,6 @@ enum DialogType { selector: "app-grid-multi-row-layout-configuration-sample", styleUrls: ["./grid-multi-row-layout-configuration.component.scss"], templateUrl: "./grid-multi-row-layout-configuration.component.html", - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxChipsAreaComponent, IgxChipComponent, IgxSuffixDirective, IgxIconButtonDirective, IgxIconComponent, IgxPrefixDirective, IgxInputGroupComponent, IgxInputDirective, NgStyle, IgxDropDirective, NgClass, IgxButtonDirective, IgxDialogComponent] }) export class GridMultiRowLayoutConfigurationComponent { diff --git a/src/app/grid/grid-multi-row-layout-styling/grid-multi-row-layout-styling.component.ts b/src/app/grid/grid-multi-row-layout-styling/grid-multi-row-layout-styling.component.ts index bcf0b8ee9..65f93ed44 100644 --- a/src/app/grid/grid-multi-row-layout-styling/grid-multi-row-layout-styling.component.ts +++ b/src/app/grid/grid-multi-row-layout-styling/grid-multi-row-layout-styling.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewEncapsulation, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewEncapsulation } from '@angular/core'; import { DefaultSortingStrategy, SortingDirection } from 'igniteui-angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxColumnComponent, IgxColumnLayoutComponent } from 'igniteui-angular/grids/core'; @@ -9,7 +9,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-grid-multi-row-layout-styling-sample', styleUrls: ['./grid-multi-row-layout-styling.component.scss'], templateUrl: './grid-multi-row-layout-styling.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnLayoutComponent, IgxColumnComponent] }) export class GridMultiRowLayoutStylingComponent { diff --git a/src/app/grid/grid-multi-row-layout/grid-multi-row-layout.component.ts b/src/app/grid/grid-multi-row-layout/grid-multi-row-layout.component.ts index 145ae8f72..e4ec09ba6 100644 --- a/src/app/grid/grid-multi-row-layout/grid-multi-row-layout.component.ts +++ b/src/app/grid/grid-multi-row-layout/grid-multi-row-layout.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewEncapsulation, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewEncapsulation } from '@angular/core'; import { DefaultSortingStrategy, SortingDirection } from 'igniteui-angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxColumnComponent, IgxColumnLayoutComponent, IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarHidingComponent, IgxGridToolbarPinningComponent } from 'igniteui-angular/grids/core'; @@ -10,7 +10,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-grid-multi-row-layout-sample', styleUrls: ['./grid-multi-row-layout.component.scss'], templateUrl: './grid-multi-row-layout.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxGridToolbarActionsComponent, IgxGridToolbarHidingComponent, IgxGridToolbarPinningComponent, IgxColumnLayoutComponent, IgxColumnComponent] }) export class GridMultiRowLayoutComponent { diff --git a/src/app/grid/grid-multiple-row-drag/grid-multiple-row-drag.component.ts b/src/app/grid/grid-multiple-row-drag/grid-multiple-row-drag.component.ts index deb3b79c4..e81e9255a 100644 --- a/src/app/grid/grid-multiple-row-drag/grid-multiple-row-drag.component.ts +++ b/src/app/grid/grid-multiple-row-drag/grid-multiple-row-drag.component.ts @@ -1,5 +1,5 @@ -import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild } from '@angular/core'; import { GridSelectionMode, IgxColumnComponent, IgxRowDragGhostDirective } from 'igniteui-angular/grids/core'; import { IDropDroppedEventArgs, IgxDropDirective } from 'igniteui-angular/directives'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; @@ -10,7 +10,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-grid-multiple-row-drag', styleUrls: ['./grid-multiple-row-drag.component.scss'], templateUrl: './grid-multiple-row-drag.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxRowDragGhostDirective, IgxIconComponent, IgxDropDirective] }) export class GridMultipleRowDragComponent { diff --git a/src/app/grid/grid-nested-data-binding-2/grid-nested-data-bind2.ts b/src/app/grid/grid-nested-data-binding-2/grid-nested-data-bind2.ts index d6bd5d2a6..9d64fcd7c 100644 --- a/src/app/grid/grid-nested-data-binding-2/grid-nested-data-bind2.ts +++ b/src/app/grid/grid-nested-data-binding-2/grid-nested-data-bind2.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { GridColumnDataType } from 'igniteui-angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxColumnComponent, IgxGridFooterComponent } from 'igniteui-angular/grids/core'; @@ -10,7 +10,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-grid-nested-data-bind2', styleUrls: ['./grid-nested-data-bind2.scss'], templateUrl: './grid-nested-data-bind2.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxGridFooterComponent] }) export class GridNestedDataBindAminoacidComponent implements OnInit { diff --git a/src/app/grid/grid-nested-data-binding/grid-nested-data-bind.ts b/src/app/grid/grid-nested-data-binding/grid-nested-data-bind.ts index 203a49fb9..f3de4c157 100644 --- a/src/app/grid/grid-nested-data-binding/grid-nested-data-bind.ts +++ b/src/app/grid/grid-nested-data-binding/grid-nested-data-bind.ts @@ -1,4 +1,4 @@ -import { ChangeDetectorRef, Component, OnInit, inject, ChangeDetectionStrategy } from '@angular/core'; +import { ChangeDetectorRef, Component, OnInit, inject } from '@angular/core'; import {EMPLOYEE_DATA} from '../../data/nested-employee-data'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; @@ -12,7 +12,6 @@ import { FormsModule } from '@angular/forms'; selector: 'app-grid-nested-data-bind', styleUrls: ['./grid-nested-data-bind.scss'], templateUrl: './grid-nested-data-bind.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxExpansionPanelComponent, IgxExpansionPanelHeaderComponent, IgxExpansionPanelDescriptionDirective, IgxExpansionPanelBodyComponent, IgxInputGroupComponent, IgxLabelDirective, FormsModule, IgxInputDirective, DatePipe] }) diff --git a/src/app/grid/grid-pager-sample/grid-pager-sample.component.ts b/src/app/grid/grid-pager-sample/grid-pager-sample.component.ts index 2cbc6f9c9..e366cb9c1 100644 --- a/src/app/grid/grid-pager-sample/grid-pager-sample.component.ts +++ b/src/app/grid/grid-pager-sample/grid-pager-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, AfterViewInit, ChangeDetectorRef, PLATFORM_ID, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild, AfterViewInit, ChangeDetectorRef, PLATFORM_ID, inject } from '@angular/core'; import { athletesData } from '../../data/athletesData'; import { IPaginatorResourceStrings } from 'igniteui-angular/core'; import { IgxPageNavigationComponent, IgxPageSizeSelectorComponent, IgxPaginatorComponent, IgxPaginatorContentDirective } from 'igniteui-angular/paginator'; @@ -13,7 +13,6 @@ import { FormsModule } from '@angular/forms'; selector: 'app-grid-pager-sample', styleUrls: ['./grid-pager-sample.component.scss'], templateUrl: './grid-pager-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxPaginatorComponent, IgxPaginatorContentDirective, IgxPageSizeSelectorComponent, IgxPageNavigationComponent, IgxColumnComponent, IgxCellTemplateDirective, IgxSwitchComponent, FormsModule, DecimalPipe] }) export class GridPagerSampleComponent implements OnInit, AfterViewInit { diff --git a/src/app/grid/grid-paging-sample/grid-paging-sample.component.ts b/src/app/grid/grid-paging-sample/grid-paging-sample.component.ts index 0f358459c..638605d5d 100644 --- a/src/app/grid/grid-paging-sample/grid-paging-sample.component.ts +++ b/src/app/grid/grid-paging-sample/grid-paging-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ViewEncapsulation, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild, ViewEncapsulation } from '@angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxPaginatorComponent } from 'igniteui-angular/paginator'; import { IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; @@ -12,7 +12,6 @@ import { DecimalPipe } from '@angular/common'; selector: 'app-grid-sample', styleUrls: ['./grid-paging-sample.component.scss'], templateUrl: 'grid-paging-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxPaginatorComponent, IgxColumnComponent, IgxCellTemplateDirective, IgxLinearProgressBarComponent, DecimalPipe] }) diff --git a/src/app/grid/grid-paste/grid-paste-sample.component.ts b/src/app/grid/grid-paste/grid-paste-sample.component.ts index 5cf720a4c..727b40f86 100644 --- a/src/app/grid/grid-paste/grid-paste-sample.component.ts +++ b/src/app/grid/grid-paste/grid-paste-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild, inject } from '@angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxButtonDirective, IgxToggleActionDirective } from 'igniteui-angular/directives'; import { IgxDropDownComponent, IgxDropDownItemComponent, IgxDropDownItemNavigationDirective } from 'igniteui-angular/drop-down'; @@ -15,7 +15,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-grid-paste-sample', styleUrls: ['./grid-paste-sample.component.scss'], templateUrl: './grid-paste-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxToggleActionDirective, IgxDropDownItemNavigationDirective, IgxDropDownComponent, IgxDropDownItemComponent, IgxGridComponent, PasteHandler, IgxPreventDocumentScrollDirective, IgxColumnComponent] }) export class GridPasteSampleComponent { diff --git a/src/app/grid/grid-remote-filtering-sample/remote-filtering-sample.component.ts b/src/app/grid/grid-remote-filtering-sample/remote-filtering-sample.component.ts index ade5fc7c1..09e599a6b 100644 --- a/src/app/grid/grid-remote-filtering-sample/remote-filtering-sample.component.ts +++ b/src/app/grid/grid-remote-filtering-sample/remote-filtering-sample.component.ts @@ -1,4 +1,4 @@ -import { ChangeDetectorRef, Component, OnInit, ViewChild, AfterViewInit, OnDestroy, inject, ChangeDetectionStrategy } from '@angular/core'; +import { ChangeDetectorRef, Component, OnInit, ViewChild, AfterViewInit, OnDestroy, inject } from '@angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { NoopFilteringStrategy, NoopSortingStrategy } from 'igniteui-angular/core'; import { IgxCellHeaderTemplateDirective, IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; @@ -16,7 +16,6 @@ const DEBOUNCE_TIME = 300; selector: 'app-grid-remote-filtering-sample', styleUrls: ['./remote-filtering-sample.component.scss'], templateUrl: './remote-filtering-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellHeaderTemplateDirective, IgxCellTemplateDirective, IgxBadgeComponent, AsyncPipe] }) export class RemoteFilteringSampleComponent implements OnInit, AfterViewInit, OnDestroy { diff --git a/src/app/grid/grid-remote-paging-defaultTemplate-sample/remote-paging-default-template.component.ts b/src/app/grid/grid-remote-paging-defaultTemplate-sample/remote-paging-default-template.component.ts index 3e95fbd97..2cf62350f 100644 --- a/src/app/grid/grid-remote-paging-defaultTemplate-sample/remote-paging-default-template.component.ts +++ b/src/app/grid/grid-remote-paging-defaultTemplate-sample/remote-paging-default-template.component.ts @@ -1,4 +1,4 @@ -import { AfterViewInit, Component, OnDestroy, OnInit, TemplateRef, ViewChild, ViewEncapsulation, inject, ChangeDetectionStrategy } from '@angular/core'; +import { AfterViewInit, Component, OnDestroy, OnInit, TemplateRef, ViewChild, ViewEncapsulation, inject } from '@angular/core'; import { GridPagingMode, IgxColumnComponent } from 'igniteui-angular/grids/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxPaginatorComponent } from 'igniteui-angular/paginator'; @@ -13,7 +13,6 @@ import { AsyncPipe } from '@angular/common'; selector: 'app-remote-paging-default-template', styleUrls: ['./remote-paging-default-template.component.scss'], templateUrl: './remote-paging-default-template.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxPaginatorComponent, IgxColumnComponent, AsyncPipe] }) export class RemotePagingDefaultTemplateComponent implements OnInit, AfterViewInit, OnDestroy { diff --git a/src/app/grid/grid-remote-paging-sample/remote-paging-sample.component.ts b/src/app/grid/grid-remote-paging-sample/remote-paging-sample.component.ts index 341e6d189..ee0443456 100644 --- a/src/app/grid/grid-remote-paging-sample/remote-paging-sample.component.ts +++ b/src/app/grid/grid-remote-paging-sample/remote-paging-sample.component.ts @@ -1,4 +1,4 @@ -import { AfterViewInit, Component, OnDestroy, OnInit, TemplateRef, ViewChild, ViewEncapsulation, inject, ChangeDetectionStrategy } from '@angular/core'; +import { AfterViewInit, Component, OnDestroy, OnInit, TemplateRef, ViewChild, ViewEncapsulation, inject } from '@angular/core'; import { GridPagingMode, IgxColumnComponent } from 'igniteui-angular/grids/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxPageNavigationComponent, IgxPageSizeSelectorComponent, IgxPaginatorComponent, IgxPaginatorContentDirective } from 'igniteui-angular/paginator'; @@ -12,7 +12,6 @@ import { AsyncPipe } from '@angular/common'; selector: 'app-remote-paging-grid-sample', styleUrls: ['./remote-paging-sample.component.scss'], templateUrl: './remote-paging-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxPaginatorComponent, IgxPaginatorContentDirective, IgxPageSizeSelectorComponent, IgxPageNavigationComponent, AsyncPipe] }) export class RemotePagingGridSampleComponent implements OnInit, AfterViewInit, OnDestroy { diff --git a/src/app/grid/grid-resize-line-styling-sample/grid-resize-line-styling-sample.ts b/src/app/grid/grid-resize-line-styling-sample/grid-resize-line-styling-sample.ts index eab770984..c80a89735 100644 --- a/src/app/grid/grid-resize-line-styling-sample/grid-resize-line-styling-sample.ts +++ b/src/app/grid/grid-resize-line-styling-sample/grid-resize-line-styling-sample.ts @@ -1,4 +1,4 @@ - import { Component, OnInit, ChangeDetectionStrategy } from '@angular/core'; + import { Component, OnInit } from '@angular/core'; import { athletesData } from '../../data/athletesData'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxColumnComponent } from 'igniteui-angular/grids/core'; @@ -8,7 +8,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-grid-resize-line-styling-sample', styleUrls: ['./grid-resize-line-styling-sample.scss'], templateUrl: './grid-resize-line-styling-sample.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent] }) diff --git a/src/app/grid/grid-resizing-sample/grid-resizing-sample.component.ts b/src/app/grid/grid-resizing-sample/grid-resizing-sample.component.ts index c8fdf90f7..38bc81c82 100644 --- a/src/app/grid/grid-resizing-sample/grid-resizing-sample.component.ts +++ b/src/app/grid/grid-resizing-sample/grid-resizing-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxColumnComponent } from 'igniteui-angular/grids/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { DATA } from '../../data/customers'; @@ -8,7 +8,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-grid-resizing-sample', styleUrls: ['./grid-resizing-sample.component.scss'], templateUrl: 'grid-resizing-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent] }) diff --git a/src/app/grid/grid-row-drag-base/grid-row-drag-base.component.ts b/src/app/grid/grid-row-drag-base/grid-row-drag-base.component.ts index 5f6b461e7..84e334326 100644 --- a/src/app/grid/grid-row-drag-base/grid-row-drag-base.component.ts +++ b/src/app/grid/grid-row-drag-base/grid-row-drag-base.component.ts @@ -1,5 +1,5 @@ /* eslint-disable @typescript-eslint/naming-convention */ -import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild } from '@angular/core'; import { IDropDroppedEventArgs, IgxDropDirective } from 'igniteui-angular/directives'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxColumnComponent } from 'igniteui-angular/grids/core'; @@ -16,7 +16,6 @@ enum DragIcon { selector: 'app-grid-row-drag-base-sample', styleUrls: ['./grid-row-drag-base.component.scss'], templateUrl: 'grid-row-drag-base.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxDropDirective] }) diff --git a/src/app/grid/grid-row-drag-to-grid/grid-row-drag-to-grid.component.ts b/src/app/grid/grid-row-drag-to-grid/grid-row-drag-to-grid.component.ts index 54693dcde..04f923a26 100644 --- a/src/app/grid/grid-row-drag-to-grid/grid-row-drag-to-grid.component.ts +++ b/src/app/grid/grid-row-drag-to-grid/grid-row-drag-to-grid.component.ts @@ -1,5 +1,5 @@ /* eslint-disable @typescript-eslint/naming-convention */ -import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild } from '@angular/core'; import { IDropDroppedEventArgs, IgxDropDirective } from 'igniteui-angular/directives'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxColumnComponent, IgxDragIndicatorIconDirective } from 'igniteui-angular/grids/core'; @@ -17,7 +17,6 @@ enum DragIcon { selector: 'app-grid-row-drag-to-grid-sample', styleUrls: ['./grid-row-drag-to-grid.component.scss'], templateUrl: 'grid-row-drag-to-grid.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxDragIndicatorIconDirective, IgxIconComponent, IgxDropDirective] }) diff --git a/src/app/grid/grid-row-drag/grid-row-drag.component.ts b/src/app/grid/grid-row-drag/grid-row-drag.component.ts index a02819a4d..12cecffd5 100644 --- a/src/app/grid/grid-row-drag/grid-row-drag.component.ts +++ b/src/app/grid/grid-row-drag/grid-row-drag.component.ts @@ -1,5 +1,5 @@ /* eslint-disable @typescript-eslint/naming-convention */ -import { Component, ViewChildren, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChildren } from '@angular/core'; import { IgxColumnComponent, RowType } from 'igniteui-angular/grids/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxDropDirective } from 'igniteui-angular/directives'; @@ -18,7 +18,6 @@ enum HoverClassList { selector: 'app-grid-row-drag-sample', styleUrls: ['./grid-row-drag.component.scss'], templateUrl: 'grid-row-drag.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, PlanetComponent, IgxDropDirective] }) diff --git a/src/app/grid/grid-row-drag/planet/planet.component.ts b/src/app/grid/grid-row-drag/planet/planet.component.ts index 8802752f0..fc5810ad4 100644 --- a/src/app/grid/grid-row-drag/planet/planet.component.ts +++ b/src/app/grid/grid-row-drag/planet/planet.component.ts @@ -1,4 +1,4 @@ -import { ChangeDetectorRef, Component, HostBinding, HostListener, Input, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; +import { ChangeDetectorRef, Component, HostBinding, HostListener, Input, ViewChild, inject } from '@angular/core'; import { IgxDialogComponent } from 'igniteui-angular/dialog'; import { IPlanet } from '../data'; @@ -7,7 +7,6 @@ import { IPlanet } from '../data'; selector: 'app-planet', styleUrls: ['./planet.component.scss'], templateUrl: 'planet.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxDialogComponent] }) diff --git a/src/app/grid/grid-row-editing-sample/grid-row-editing-sample.component.ts b/src/app/grid/grid-row-editing-sample/grid-row-editing-sample.component.ts index 40c3b0dea..43b43b4da 100644 --- a/src/app/grid/grid-row-editing-sample/grid-row-editing-sample.component.ts +++ b/src/app/grid/grid-row-editing-sample/grid-row-editing-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { DATA } from '../../data/nwindData'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxCellEditorTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; @@ -11,7 +11,6 @@ import { FormsModule } from '@angular/forms'; selector: 'app-grid-row-edit', styleUrls: [`grid-row-editing-sample.component.scss`], templateUrl: 'grid-row-editing-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellEditorTemplateDirective, IgxInputGroupComponent, FormsModule, IgxInputDirective, IgxFocusDirective] }) export class GridRowEditSampleComponent { diff --git a/src/app/grid/grid-row-editing-style/grid-row-editing-style.component.ts b/src/app/grid/grid-row-editing-style/grid-row-editing-style.component.ts index 8452d0ddb..82f9b18ca 100644 --- a/src/app/grid/grid-row-editing-style/grid-row-editing-style.component.ts +++ b/src/app/grid/grid-row-editing-style/grid-row-editing-style.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { DATA } from '../../data/nwindData'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxCellEditorTemplateDirective, IgxColumnComponent, IgxRowEditActionsDirective, IgxRowEditTabStopDirective, IgxRowEditTextDirective } from 'igniteui-angular/grids/core'; @@ -12,7 +12,6 @@ import { FormsModule } from '@angular/forms'; selector: 'app-grid-row-edit-style', styleUrls: [`grid-row-editing-style.component.scss`], templateUrl: 'grid-row-editing-style.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellEditorTemplateDirective, IgxInputGroupComponent, FormsModule, IgxInputDirective, IgxFocusDirective, IgxRowEditTextDirective, IgxRowEditActionsDirective, IgxIconButtonDirective, IgxRowEditTabStopDirective, IgxIconComponent] }) export class GridRowEditStyleComponent { diff --git a/src/app/grid/grid-row-pinning-drag/grid-row-pinning-drag.component.ts b/src/app/grid/grid-row-pinning-drag/grid-row-pinning-drag.component.ts index 7f14a7c9a..740e79606 100644 --- a/src/app/grid/grid-row-pinning-drag/grid-row-pinning-drag.component.ts +++ b/src/app/grid/grid-row-pinning-drag/grid-row-pinning-drag.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { IDropDroppedEventArgs, IgxDropDirective } from 'igniteui-angular/directives'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IPinningConfig, IRowDragStartEventArgs, IgxColumnComponent, IgxGridPinningActionsComponent, IgxRowDirective, RowPinningPosition, RowType } from 'igniteui-angular/grids/core'; @@ -10,7 +10,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-grid-row-pinning-drag-sample', styleUrls: ['./grid-row-pinning-drag.component.scss'], templateUrl: 'grid-row-pinning-drag.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxDropDirective, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxActionStripComponent, IgxGridPinningActionsComponent] }) diff --git a/src/app/grid/grid-row-pinning-extra-column/grid-row-pinning-extra-column.component.ts b/src/app/grid/grid-row-pinning-extra-column/grid-row-pinning-extra-column.component.ts index 3f57ec1a1..0f8a4c37f 100644 --- a/src/app/grid/grid-row-pinning-extra-column/grid-row-pinning-extra-column.component.ts +++ b/src/app/grid/grid-row-pinning-extra-column/grid-row-pinning-extra-column.component.ts @@ -1,4 +1,4 @@ -import { AfterViewInit, Component, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; +import { AfterViewInit, Component, ViewChild, inject } from '@angular/core'; import { ColumnPinningPosition } from 'igniteui-angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxIconComponent, IgxIconService } from 'igniteui-angular/icon'; @@ -14,7 +14,6 @@ const FILTERING_ICONS_FONT_SET = 'filtering-icons'; selector: 'app-grid-row-pinning-extra-column', templateUrl: 'grid-row-pinning-extra-column.component.html', styleUrls: ['./grid-row-pinning-extra-column.component.scss'], - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSwitchComponent, IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxIconComponent] }) diff --git a/src/app/grid/grid-row-pinning-styling/grid-row-pinning-styling.component.ts b/src/app/grid/grid-row-pinning-styling/grid-row-pinning-styling.component.ts index 1f32801ec..3bc06d49b 100644 --- a/src/app/grid/grid-row-pinning-styling/grid-row-pinning-styling.component.ts +++ b/src/app/grid/grid-row-pinning-styling/grid-row-pinning-styling.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IPinningConfig, IgxColumnComponent, IgxGridPinningActionsComponent, RowPinningPosition } from 'igniteui-angular/grids/core'; import { IgxActionStripComponent } from 'igniteui-angular/action-strip'; @@ -9,7 +9,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-grid-row-pinning-styling', templateUrl: 'grid-row-pinning-styling.component.html', styleUrls: ['./grid-row-pinning-styling.component.scss'], - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxActionStripComponent, IgxGridPinningActionsComponent] }) diff --git a/src/app/grid/grid-row-pinning/grid-row-pinning.component.ts b/src/app/grid/grid-row-pinning/grid-row-pinning.component.ts index add3d228e..10098f682 100644 --- a/src/app/grid/grid-row-pinning/grid-row-pinning.component.ts +++ b/src/app/grid/grid-row-pinning/grid-row-pinning.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IPinningConfig, IgxColumnComponent, IgxGridEditingActionsComponent, IgxGridPinningActionsComponent, RowPinningPosition } from 'igniteui-angular/grids/core'; import { IgxSwitchComponent } from 'igniteui-angular/switch'; @@ -10,7 +10,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-grid-row-pinning', templateUrl: 'grid-row-pinning.component.html', styleUrls: ['./grid-row-pinning.component.scss'], - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSwitchComponent, IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxActionStripComponent, IgxGridPinningActionsComponent, IgxGridEditingActionsComponent] }) diff --git a/src/app/grid/grid-row-reorder-sample/grid-row-reorder.ts b/src/app/grid/grid-row-reorder-sample/grid-row-reorder.ts index 8b50c7840..29070b8ed 100644 --- a/src/app/grid/grid-row-reorder-sample/grid-row-reorder.ts +++ b/src/app/grid/grid-row-reorder-sample/grid-row-reorder.ts @@ -1,4 +1,4 @@ -import { Component, QueryList, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, QueryList, ViewChild } from '@angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxColumnComponent, IgxRowDirective, RowType } from 'igniteui-angular/grids/core'; import { IgxDropDirective } from 'igniteui-angular/directives'; @@ -9,7 +9,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-grid-row-reorder-sample', styleUrls: ['grid-row-reorder.scss'], templateUrl: 'grid-row-reorder.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxDropDirective, IgxPreventDocumentScrollDirective, IgxColumnComponent] }) export class GridRowReorderComponent { diff --git a/src/app/grid/grid-rowClasses-sample/grid-rowClasses.component.ts b/src/app/grid/grid-rowClasses-sample/grid-rowClasses.component.ts index 8a4580641..93a2c5cda 100644 --- a/src/app/grid/grid-rowClasses-sample/grid-rowClasses.component.ts +++ b/src/app/grid/grid-rowClasses-sample/grid-rowClasses.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxColumnComponent, RowType } from 'igniteui-angular/grids/core'; import { DATA } from '../../data/nwindData'; @@ -8,7 +8,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-grid-row-classes-sample', styleUrls: ['./grid-rowClasses.component.scss'], templateUrl: 'grid-rowClasses.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent] }) export class GridRowClassesComponent implements OnInit { diff --git a/src/app/grid/grid-rowStyles-sample/grid-rowStyles.component.ts b/src/app/grid/grid-rowStyles-sample/grid-rowStyles.component.ts index f710a991b..dcb0449da 100644 --- a/src/app/grid/grid-rowStyles-sample/grid-rowStyles.component.ts +++ b/src/app/grid/grid-rowStyles-sample/grid-rowStyles.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild, inject } from '@angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxCellHeaderTemplateDirective, IgxCellTemplateDirective, IgxColumnComponent, RowType } from 'igniteui-angular/grids/core'; import { IgxBadgeComponent } from 'igniteui-angular/badge'; @@ -12,7 +12,6 @@ import { AsyncPipe } from '@angular/common'; selector: 'app-grid-row-styles-sample', styleUrls: ['./grid-rowStyles.component.scss'], templateUrl: 'grid-rowStyles.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellHeaderTemplateDirective, IgxCellTemplateDirective, IgxBadgeComponent, AsyncPipe] }) diff --git a/src/app/grid/grid-sample-2/grid-sample-2.component.ts b/src/app/grid/grid-sample-2/grid-sample-2.component.ts index ffa0c103e..d4ca4d179 100644 --- a/src/app/grid/grid-sample-2/grid-sample-2.component.ts +++ b/src/app/grid/grid-sample-2/grid-sample-2.component.ts @@ -1,4 +1,4 @@ -import { Component, Injectable, ViewChild, OnInit, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, Injectable, ViewChild, OnInit, inject } from '@angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxCellHeaderTemplateDirective, IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; @@ -13,7 +13,6 @@ import { AsyncPipe } from '@angular/common'; selector: 'app-grid-sample', styleUrls: ['./grid-sample-2.component.scss'], templateUrl: 'grid-sample-2.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellHeaderTemplateDirective, IgxCellTemplateDirective, IgxBadgeComponent, AsyncPipe] }) diff --git a/src/app/grid/grid-sample-3/grid-sample-3.component.ts b/src/app/grid/grid-sample-3/grid-sample-3.component.ts index a7e9501e6..5aa622f84 100644 --- a/src/app/grid/grid-sample-3/grid-sample-3.component.ts +++ b/src/app/grid/grid-sample-3/grid-sample-3.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild } from '@angular/core'; import { ColumnType, IgxSummaryResult } from 'igniteui-angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxCellHeaderTemplateDirective, IgxCellTemplateDirective, IgxColumnComponent, IgxNumberSummaryOperand } from 'igniteui-angular/grids/core'; @@ -25,7 +25,6 @@ class MySummary { selector: 'app-grid-sample-3', styleUrls: ['./grid-sample-3.component.scss'], templateUrl: './grid-sample-3.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxPaginatorComponent, IgxColumnComponent, IgxCellTemplateDirective, IgxCellHeaderTemplateDirective, IgxIconComponent, DatePipe] }) export class GridSample3Component { diff --git a/src/app/grid/grid-sample-4/grid-sample-4.component.ts b/src/app/grid/grid-sample-4/grid-sample-4.component.ts index 9c1c491ce..d38aad206 100644 --- a/src/app/grid/grid-sample-4/grid-sample-4.component.ts +++ b/src/app/grid/grid-sample-4/grid-sample-4.component.ts @@ -1,10 +1,10 @@ -import { ChangeDetectorRef, Component, TemplateRef, ViewChild, OnInit, AfterViewInit, OnDestroy, inject, ChangeDetectionStrategy } from '@angular/core'; +import { ChangeDetectorRef, Component, TemplateRef, ViewChild, OnInit, AfterViewInit, OnDestroy, inject } from '@angular/core'; import { IgxCellHeaderTemplateDirective, IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxBadgeComponent } from 'igniteui-angular/badge'; import { debounceTime } from 'rxjs/operators'; import { RemoteServiceVirt } from '../../services/remoteVirtualization.service'; -import { AsyncPipe } from '@angular/common'; +import { AsyncPipe, NgTemplateOutlet } from '@angular/common'; import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scroll.directive'; @Component({ @@ -12,8 +12,7 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-grid-remote-virtualization-sample', styleUrls: ['grid-sample-4.component.scss'], templateUrl: 'grid-sample-4.component.html', - changeDetection: ChangeDetectionStrategy.Eager, - imports: [IgxCellTemplateDirective, IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellHeaderTemplateDirective, IgxBadgeComponent, AsyncPipe] + imports: [IgxCellTemplateDirective, IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellHeaderTemplateDirective, IgxBadgeComponent, AsyncPipe, NgTemplateOutlet] }) export class GridRemoteVirtualizationSampleComponent implements OnInit, AfterViewInit, OnDestroy{ diff --git a/src/app/grid/grid-sample-5/grid-sample-5.component.ts b/src/app/grid/grid-sample-5/grid-sample-5.component.ts index 0e91eca11..19fbe2f91 100644 --- a/src/app/grid/grid-sample-5/grid-sample-5.component.ts +++ b/src/app/grid/grid-sample-5/grid-sample-5.component.ts @@ -1,4 +1,4 @@ -import { AfterViewInit, ChangeDetectorRef, Component, ViewChild, OnInit, inject, ChangeDetectionStrategy } from '@angular/core'; +import { AfterViewInit, ChangeDetectorRef, Component, ViewChild, OnInit, inject } from '@angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxCellHeaderTemplateDirective, IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; import { IgxBadgeComponent } from 'igniteui-angular/badge'; @@ -11,7 +11,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-grid-remote-virtualization-sample', styleUrls: ['grid-sample-5.component.scss'], templateUrl: 'grid-sample-5.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellHeaderTemplateDirective, IgxCellTemplateDirective, IgxBadgeComponent] }) diff --git a/src/app/grid/grid-sample-pinning-both-sides/grid-toolbar-pinning-both-sides.component.ts b/src/app/grid/grid-sample-pinning-both-sides/grid-toolbar-pinning-both-sides.component.ts index 37ff3080d..11f93364c 100644 --- a/src/app/grid/grid-sample-pinning-both-sides/grid-toolbar-pinning-both-sides.component.ts +++ b/src/app/grid/grid-sample-pinning-both-sides/grid-toolbar-pinning-both-sides.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, ViewEncapsulation, OnInit, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild, ViewEncapsulation, OnInit, inject } from '@angular/core'; import { NgClass } from '@angular/common'; import { IPinningConfig, IgxColumnComponent, IgxGridToolbarActionsComponent, IgxGridToolbarComponent } from 'igniteui-angular/grids/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; @@ -13,7 +13,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-grid-sample', styleUrls: ['grid-toolbar-pinning-both-sides.component.scss'], templateUrl: 'grid-toolbar-pinning-both-sides.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [ NgClass, IgxGridComponent, diff --git a/src/app/grid/grid-sample-pinning-styling/grid-pinning-styling.component.ts b/src/app/grid/grid-sample-pinning-styling/grid-pinning-styling.component.ts index 0a3fd5d79..603915ea8 100644 --- a/src/app/grid/grid-sample-pinning-styling/grid-pinning-styling.component.ts +++ b/src/app/grid/grid-sample-pinning-styling/grid-pinning-styling.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, OnInit, inject, ChangeDetectionStrategy } from "@angular/core"; +import { Component, ViewChild, OnInit, inject } from "@angular/core"; import { IgxCellHeaderTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxIconComponent, IgxIconService } from 'igniteui-angular/icon'; @@ -9,7 +9,6 @@ import { IgxPreventDocumentScrollDirective } from "../../directives/prevent-scro selector: "app-grid-sample", styleUrls: ["grid-pinning-styling.component.scss"], templateUrl: "grid-pinning-styling.component.html", - changeDetection: ChangeDetectionStrategy.Eager, imports: [ IgxGridComponent, IgxPreventDocumentScrollDirective, diff --git a/src/app/grid/grid-sample-pinning/grid-pinning.component.ts b/src/app/grid/grid-sample-pinning/grid-pinning.component.ts index 583965ef5..832b7bf05 100644 --- a/src/app/grid/grid-sample-pinning/grid-pinning.component.ts +++ b/src/app/grid/grid-sample-pinning/grid-pinning.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, ViewEncapsulation, OnInit, AfterViewInit, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild, ViewEncapsulation, OnInit, AfterViewInit, inject } from '@angular/core'; import { IgxCellHeaderTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxIconComponent, IgxIconService } from 'igniteui-angular/icon'; @@ -15,7 +15,6 @@ const FILTERING_ICONS_FONT_SET = 'filtering-icons'; selector: 'app-grid-sample', styleUrls: ['grid-pinning.component.scss'], templateUrl: 'grid-pinning.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellHeaderTemplateDirective, IgxIconComponent] }) diff --git a/src/app/grid/grid-sample-pinning/grid-toolbar-pinning.component.ts b/src/app/grid/grid-sample-pinning/grid-toolbar-pinning.component.ts index 4ee180e13..265b9ed7c 100644 --- a/src/app/grid/grid-sample-pinning/grid-toolbar-pinning.component.ts +++ b/src/app/grid/grid-sample-pinning/grid-toolbar-pinning.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, ViewEncapsulation, OnInit, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild, ViewEncapsulation, OnInit, inject } from '@angular/core'; import { IgxColumnComponent, IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarPinningComponent } from 'igniteui-angular/grids/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { DATA } from '../../data/customers'; @@ -12,7 +12,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-grid-sample', styleUrls: ['grid-toolbar-pinning.component.scss'], templateUrl: 'grid-toolbar-pinning.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [NgClass, IgxGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxGridToolbarActionsComponent, IgxGridToolbarPinningComponent, IgxColumnComponent] }) diff --git a/src/app/grid/grid-sample-right-pinning/grid-right-pinning.component.ts b/src/app/grid/grid-sample-right-pinning/grid-right-pinning.component.ts index 04c362e3d..b3fb3b5ef 100644 --- a/src/app/grid/grid-sample-right-pinning/grid-right-pinning.component.ts +++ b/src/app/grid/grid-sample-right-pinning/grid-right-pinning.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, ViewEncapsulation, OnInit, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild, ViewEncapsulation, OnInit } from '@angular/core'; import { ColumnPinningPosition } from 'igniteui-angular/core'; import { IPinningConfig, IgxCellHeaderTemplateDirective, IgxCellTemplateDirective, IgxColumnComponent, IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarPinningComponent } from 'igniteui-angular/grids/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; @@ -15,7 +15,6 @@ import { DatePipe } from '@angular/common'; selector: 'app-grid-sample', styleUrls: ['grid-right-pinning.component.scss'], templateUrl: 'grid-right-pinning.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxGridToolbarComponent, IgxGridToolbarActionsComponent, IgxGridToolbarPinningComponent, IgxColumnComponent, IgxCellTemplateDirective, IgxTooltipTargetDirective, IgxTooltipDirective, IgxAvatarComponent, IgxCellHeaderTemplateDirective, IgxIconComponent, DatePipe] }) diff --git a/src/app/grid/grid-sample-selection-template-excel/grid-sample-selection-template-excel.component.ts b/src/app/grid/grid-sample-selection-template-excel/grid-sample-selection-template-excel.component.ts index 158be291b..c3b518139 100644 --- a/src/app/grid/grid-sample-selection-template-excel/grid-sample-selection-template-excel.component.ts +++ b/src/app/grid/grid-sample-selection-template-excel/grid-sample-selection-template-excel.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { DATA } from '../../data/customers'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxPaginatorComponent } from 'igniteui-angular/paginator'; @@ -10,7 +10,6 @@ import { NgClass } from '@angular/common'; selector: 'app-grid-selection-template-excel', styleUrls: ['./grid-sample-selection-template-excel.component.scss'], templateUrl: 'grid-sample-selection-template-excel.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxPaginatorComponent, IgxColumnComponent, IgxHeadSelectorDirective, NgClass, IgxRowSelectorDirective] }) diff --git a/src/app/grid/grid-sample-selection-template-numbers/grid-sample-selection-template-numbers.component.ts b/src/app/grid/grid-sample-selection-template-numbers/grid-sample-selection-template-numbers.component.ts index 01d8f438a..057ddddab 100644 --- a/src/app/grid/grid-sample-selection-template-numbers/grid-sample-selection-template-numbers.component.ts +++ b/src/app/grid/grid-sample-selection-template-numbers/grid-sample-selection-template-numbers.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { DATA } from '../../data/customers'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxPaginatorComponent } from 'igniteui-angular/paginator'; @@ -10,7 +10,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-grid-selection-template-numbers', styleUrls: ['./grid-sample-selection-template-numbers.component.scss'], templateUrl: 'grid-sample-selection-template-numbers.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxPaginatorComponent, IgxColumnComponent, IgxHeadSelectorDirective, IgxRowSelectorDirective, IgxCheckboxComponent] }) diff --git a/src/app/grid/grid-sample-selection/grid-selection.component.ts b/src/app/grid/grid-sample-selection/grid-selection.component.ts index 460a1d967..2e4df196c 100644 --- a/src/app/grid/grid-sample-selection/grid-selection.component.ts +++ b/src/app/grid/grid-sample-selection/grid-selection.component.ts @@ -1,4 +1,4 @@ -import { Component, ElementRef, OnInit, Renderer2, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ElementRef, OnInit, Renderer2, ViewChild, inject } from '@angular/core'; import { GridSelectionMode, IRowSelectionEventArgs, IgxCellHeaderTemplateDirective, IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; @@ -21,7 +21,6 @@ import { AsyncPipe } from '@angular/common'; selector: 'grid-sample', styleUrls: ['./grid-selection.component.scss'], templateUrl: 'grid-selection.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSwitchComponent, FormsModule, IgxButtonGroupComponent, IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellHeaderTemplateDirective, IgxCellTemplateDirective, IgxBadgeComponent, IgxButtonDirective, IgxIconComponent, IgxSnackbarComponent, AsyncPipe] }) diff --git a/src/app/grid/grid-save-state/about.component.ts b/src/app/grid/grid-save-state/about.component.ts index ebb568bd2..3cf5752d3 100644 --- a/src/app/grid/grid-save-state/about.component.ts +++ b/src/app/grid/grid-save-state/about.component.ts @@ -1,11 +1,10 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxButtonDirective } from 'igniteui-angular/directives'; import { RouterLink } from '@angular/router'; @Component({ selector: 'app-about', templateUrl: './about.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, RouterLink] }) export class AboutComponent { diff --git a/src/app/grid/grid-save-state/grid-state.component.ts b/src/app/grid/grid-save-state/grid-state.component.ts index 6d0373454..d8de53ec2 100644 --- a/src/app/grid/grid-save-state/grid-state.component.ts +++ b/src/app/grid/grid-save-state/grid-state.component.ts @@ -1,5 +1,5 @@ /* eslint-disable max-len */ -import { Component, OnInit, ViewChild, ViewChildren, QueryList, AfterViewInit, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild, ViewChildren, QueryList, AfterViewInit, inject } from '@angular/core'; import { NavigationStart, Router, RouterLink } from '@angular/router'; import { FilteringExpressionsTree, FilteringLogic, IgxSummaryResult } from 'igniteui-angular/core'; import { GridFeatures, IGridState, IGridStateOptions, IgxColumnComponent, IgxGridStateDirective, IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarHidingComponent, IgxGridToolbarPinningComponent, IgxNumberSummaryOperand } from 'igniteui-angular/grids/core'; @@ -31,7 +31,6 @@ class MySummary { selector: 'app-grid', styleUrls: ['./grid-state.component.scss'], templateUrl: './grid-state.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxIconComponent, RouterLink, IgxCheckboxComponent, IgxGridComponent, IgxPreventDocumentScrollDirective, IgxGridStateDirective, IgxPaginatorComponent, IgxGridToolbarComponent, IgxGridToolbarActionsComponent, IgxGridToolbarHidingComponent, IgxGridToolbarPinningComponent, IgxColumnComponent] }) diff --git a/src/app/grid/grid-search-sample/grid-search-sample.component.ts b/src/app/grid/grid-search-sample/grid-search-sample.component.ts index 098ce7c0e..e4624de42 100644 --- a/src/app/grid/grid-search-sample/grid-search-sample.component.ts +++ b/src/app/grid/grid-search-sample/grid-search-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxInputDirective, IgxInputGroupComponent, IgxPrefixDirective, IgxSuffixDirective } from 'igniteui-angular/input-group'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -14,7 +14,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-grid-search-sample', styleUrls: ['./grid-search-sample.component.scss'], templateUrl: './grid-search-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxInputGroupComponent, IgxPrefixDirective, IgxIconComponent, FormsModule, IgxInputDirective, IgxSuffixDirective, IgxChipsAreaComponent, IgxChipComponent, IgxIconButtonDirective, IgxRippleDirective, IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent] }) export class GridSearchSampleComponent implements OnInit { diff --git a/src/app/grid/grid-select/grid-select-sample.component.ts b/src/app/grid/grid-select/grid-select-sample.component.ts index 6a635bb8b..5683c8c0e 100644 --- a/src/app/grid/grid-select/grid-select-sample.component.ts +++ b/src/app/grid/grid-select/grid-select-sample.component.ts @@ -1,5 +1,5 @@ import { Character } from './characters'; -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxCellEditorTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; import { IgxSelectComponent, IgxSelectItemComponent } from 'igniteui-angular/select'; @@ -12,7 +12,6 @@ import { FormsModule } from '@angular/forms'; selector: 'app-grid-select-sample', styleUrls: ['./grid-select-sample.component.scss'], templateUrl: './grid-select-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxColumnComponent, IgxCellEditorTemplateDirective, IgxSelectComponent, FormsModule, IgxFocusDirective, IgxSelectItemComponent] }) export class GridSelectComponent implements OnInit { diff --git a/src/app/grid/grid-sorting-indicators/grid-sorting-indicators.component.ts b/src/app/grid/grid-sorting-indicators/grid-sorting-indicators.component.ts index 5aa5360ab..cf56b3117 100644 --- a/src/app/grid/grid-sorting-indicators/grid-sorting-indicators.component.ts +++ b/src/app/grid/grid-sorting-indicators/grid-sorting-indicators.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, AfterViewInit, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild, AfterViewInit } from '@angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { DefaultSortingStrategy } from 'igniteui-angular/core'; import { IgxColumnComponent } from 'igniteui-angular/grids/core'; @@ -10,7 +10,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-grid-sorting-indicators', templateUrl: './grid-sorting-indicators.component.html', styleUrls: ['./grid-sorting-indicators.component.scss'], - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent] }) export class GridSortingIndicatorsComponent implements OnInit, AfterViewInit { diff --git a/src/app/grid/grid-sorting-sample/grid-sorting-sample.component.ts b/src/app/grid/grid-sorting-sample/grid-sorting-sample.component.ts index 0ccaf70de..16bd2ca8f 100644 --- a/src/app/grid/grid-sorting-sample/grid-sorting-sample.component.ts +++ b/src/app/grid/grid-sorting-sample/grid-sorting-sample.component.ts @@ -1,5 +1,5 @@ /* eslint-disable @typescript-eslint/naming-convention */ -import { Component, OnInit, AfterViewInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, AfterViewInit, ViewChild } from '@angular/core'; import { DefaultSortingStrategy, ISortingOptions, SortingDirection } from 'igniteui-angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxCellTemplateDirective, IgxColumnComponent, IgxGridToolbarActionsComponent, IgxGridToolbarComponent } from 'igniteui-angular/grids/core'; @@ -15,7 +15,6 @@ import { UpperCasePipe } from '@angular/common'; selector: 'app-grid-sample', styleUrls: ['./grid-sorting-sample.component.scss'], templateUrl: 'grid-sorting-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxButtonDirective, IgxGridToolbarActionsComponent, IgxSimpleComboComponent, FormsModule, IgxComboClearIconDirective, IgxComboItemDirective, IgxColumnComponent, IgxCellTemplateDirective, UpperCasePipe] }) @@ -37,7 +36,7 @@ export class SortingSampleComponent implements OnInit, AfterViewInit { public ngOnInit(): void { this.data = DATA; } - + public ngAfterViewInit(): void { this.grid1.sortingExpressions = [ { diff --git a/src/app/grid/grid-sorting-styling/grid-sorting-styling.component.ts b/src/app/grid/grid-sorting-styling/grid-sorting-styling.component.ts index b2e2dbd53..23d152abc 100644 --- a/src/app/grid/grid-sorting-styling/grid-sorting-styling.component.ts +++ b/src/app/grid/grid-sorting-styling/grid-sorting-styling.component.ts @@ -1,5 +1,5 @@ /* eslint-disable @typescript-eslint/naming-convention */ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { DefaultSortingStrategy, SortingDirection } from 'igniteui-angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxSelectComponent, IgxSelectItemComponent } from 'igniteui-angular/select'; @@ -19,7 +19,6 @@ enum TYPE { selector: 'app-grid-sorting-styling', styleUrls: ['./grid-sorting-styling.component.scss'], templateUrl: 'grid-sorting-styling.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxSelectComponent, FormsModule, IgxLabelDirective, IgxSelectItemComponent, IgxColumnComponent, IgxCellTemplateDirective] }) diff --git a/src/app/grid/grid-state-persistence-sample/grid-state-persistance-sample.component.ts b/src/app/grid/grid-state-persistence-sample/grid-state-persistance-sample.component.ts index cc24c436e..3ab7ca515 100644 --- a/src/app/grid/grid-state-persistence-sample/grid-state-persistance-sample.component.ts +++ b/src/app/grid/grid-state-persistence-sample/grid-state-persistance-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, TemplateRef, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, TemplateRef, ViewChild, inject } from '@angular/core'; import { IGridStateOptions, IgxCellHeaderTemplateDirective, IgxCellTemplateDirective, IgxColumnComponent, IgxGridStateDirective } from 'igniteui-angular/grids/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; @@ -17,7 +17,6 @@ import { AsyncPipe } from '@angular/common'; selector: 'app-grid-state-persistance-sample', styleUrls: ['./grid-state-persistance-sample.component.scss'], templateUrl: 'grid-state-persistance-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxIconComponent, IgxGridComponent, IgxPreventDocumentScrollDirective, IgxGridStateDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxCellHeaderTemplateDirective, IgxBadgeComponent, AsyncPipe] }) @@ -42,7 +41,7 @@ export class GridStatePersistenceSampleComponent { @ViewChild('startY', { static: true }) public startYTemplate: TemplateRef; @ViewChild('changeOnYear', { static: true }) public changeOnYearTemplate: TemplateRef; @ViewChild('changePercentage', { static: true }) public changePercentageTemplate: TemplateRef; - + public data: Observable; public customStrategy = NoopSortingStrategy.instance(); public options: IGridStateOptions = { diff --git a/src/app/grid/grid-summary-export/grid-summary-export.component.ts b/src/app/grid/grid-summary-export/grid-summary-export.component.ts index 57248a25e..174d21740 100644 --- a/src/app/grid/grid-summary-export/grid-summary-export.component.ts +++ b/src/app/grid/grid-summary-export/grid-summary-export.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild, inject } from '@angular/core'; import { ColumnType, IgxSummaryResult } from 'igniteui-angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { @@ -32,7 +32,6 @@ class MySummary { selector: 'app-grid-summary-export', styleUrls: ['./grid-summary-export.component.scss'], templateUrl: './grid-summary-export.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxCellHeaderTemplateDirective, IgxIconComponent, DatePipe] }) export class GridSummaryExportComponent { diff --git a/src/app/grid/grid-summary-formatter/grid-summary-formatter.component.ts b/src/app/grid/grid-summary-formatter/grid-summary-formatter.component.ts index 9e009b192..96cdc9972 100644 --- a/src/app/grid/grid-summary-formatter/grid-summary-formatter.component.ts +++ b/src/app/grid/grid-summary-formatter/grid-summary-formatter.component.ts @@ -1,5 +1,5 @@ import { DatePipe } from '@angular/common'; -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { IgxCellTemplateDirective, IgxColumnComponent, IgxDateSummaryOperand, IgxSummaryOperand } from 'igniteui-angular/grids/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxSummaryResult } from 'igniteui-angular/core'; @@ -10,7 +10,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-grid-summary-formatter', styleUrls: ['./grid-summary-formatter.component.scss'], templateUrl: './grid-summary-formatter.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective] }) diff --git a/src/app/grid/grid-summary-template/grid-summary-template.component.ts b/src/app/grid/grid-summary-template/grid-summary-template.component.ts index 03ae19bcf..b12a7c4d4 100644 --- a/src/app/grid/grid-summary-template/grid-summary-template.component.ts +++ b/src/app/grid/grid-summary-template/grid-summary-template.component.ts @@ -1,4 +1,4 @@ -import { Component, HostBinding, OnInit, ChangeDetectionStrategy } from '@angular/core'; +import { Component, HostBinding, OnInit } from '@angular/core'; import { IgxColumnComponent, IgxNumberSummaryOperand, IgxSummaryTemplateDirective } from 'igniteui-angular/grids/core'; import { IgxSummaryResult } from 'igniteui-angular/core'; import { IgxInputDirective, IgxInputGroupComponent, IgxLabelDirective } from 'igniteui-angular/input-group'; @@ -39,7 +39,6 @@ class DiscontinuedSummary { selector: 'app-grid-summary-template', styleUrls: ['./grid-summary-template.component.scss'], templateUrl: './grid-summary-template.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxInputGroupComponent, IgxLabelDirective, FormsModule, IgxInputDirective, IgxSwitchComponent, IgxButtonGroupComponent, IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxSummaryTemplateDirective] }) export class GridSummaryTemplateComponent implements OnInit { diff --git a/src/app/grid/grid-toolbar-sample/grid-toolbar-sample-1.component.ts b/src/app/grid/grid-toolbar-sample/grid-toolbar-sample-1.component.ts index 965098a80..783b49f9a 100644 --- a/src/app/grid/grid-toolbar-sample/grid-toolbar-sample-1.component.ts +++ b/src/app/grid/grid-toolbar-sample/grid-toolbar-sample-1.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { athletesData } from '../../data/athletesData'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxCellTemplateDirective, IgxColumnComponent, IgxGridToolbarActionsComponent, IgxGridToolbarAdvancedFilteringComponent, IgxGridToolbarComponent, IgxGridToolbarExporterComponent, IgxGridToolbarHidingComponent, IgxGridToolbarPinningComponent, IgxGridToolbarTitleComponent } from 'igniteui-angular/grids/core'; @@ -9,7 +9,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-grid-toolbar-sample-1', styleUrls: ['./grid-toolbar-sample-1.component.scss'], templateUrl: './grid-toolbar-sample-1.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxGridToolbarTitleComponent, IgxGridToolbarActionsComponent, IgxGridToolbarAdvancedFilteringComponent, IgxGridToolbarHidingComponent, IgxGridToolbarPinningComponent, IgxGridToolbarExporterComponent, IgxColumnComponent, IgxCellTemplateDirective, IgxAvatarComponent] }) export class GridToolbarSample1Component { diff --git a/src/app/grid/grid-toolbar-sample/grid-toolbar-sample-2.component.ts b/src/app/grid/grid-toolbar-sample/grid-toolbar-sample-2.component.ts index 9538fee3c..7e789b425 100644 --- a/src/app/grid/grid-toolbar-sample/grid-toolbar-sample-2.component.ts +++ b/src/app/grid/grid-toolbar-sample/grid-toolbar-sample-2.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { AbsoluteScrollStrategy, AutoPositionStrategy, GlobalPositionStrategy } from 'igniteui-angular/core'; import { IgxInputDirective, IgxInputGroupComponent, IgxLabelDirective } from 'igniteui-angular/input-group'; import { IgxSwitchComponent } from 'igniteui-angular/switch'; @@ -15,7 +15,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-grid-toolbar-sample-2', styleUrls: ['./grid-toolbar-sample-2.component.scss'], templateUrl: './grid-toolbar-sample-2.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxInputGroupComponent, IgxLabelDirective, FormsModule, IgxInputDirective, IgxSwitchComponent, IgxGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxGridToolbarTitleComponent, IgxGridToolbarActionsComponent, IgxGridToolbarAdvancedFilteringComponent, IgxGridToolbarHidingComponent, IgxGridToolbarPinningComponent, IgxGridToolbarExporterComponent, IgxColumnComponent, IgxCellTemplateDirective, IgxAvatarComponent] }) export class GridToolbarSample2Component { diff --git a/src/app/grid/grid-toolbar-sample/grid-toolbar-sample-3.component.ts b/src/app/grid/grid-toolbar-sample/grid-toolbar-sample-3.component.ts index 956a70f82..dae30a541 100644 --- a/src/app/grid/grid-toolbar-sample/grid-toolbar-sample-3.component.ts +++ b/src/app/grid/grid-toolbar-sample/grid-toolbar-sample-3.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { CsvFileTypes, IColumnExportingEventArgs, @@ -22,7 +22,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-grid-toolbar-sample-3', styleUrls: ['./grid-toolbar-sample-3.component.scss'], templateUrl: './grid-toolbar-sample-3.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxGridToolbarTitleComponent, IgxGridToolbarActionsComponent, IgxGridToolbarExporterComponent, IgxColumnComponent, IgxCellTemplateDirective, IgxAvatarComponent] }) export class GridToolbarSample3Component { diff --git a/src/app/grid/grid-toolbar-sample/grid-toolbar-sample-4.component.ts b/src/app/grid/grid-toolbar-sample/grid-toolbar-sample-4.component.ts index 2fc9bf009..55caad4af 100644 --- a/src/app/grid/grid-toolbar-sample/grid-toolbar-sample-4.component.ts +++ b/src/app/grid/grid-toolbar-sample/grid-toolbar-sample-4.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { athletesData } from '../../data/athletesData'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxCellTemplateDirective, IgxColumnComponent, IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarExporterComponent, IgxGridToolbarHidingComponent, IgxGridToolbarPinningComponent, IgxGridToolbarTitleComponent } from 'igniteui-angular/grids/core'; @@ -11,7 +11,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-grid-toolbar-sample-4', styleUrls: ['./grid-toolbar-sample-4.component.scss'], templateUrl: './grid-toolbar-sample-4.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxGridToolbarTitleComponent, IgxGridToolbarActionsComponent, IgxButtonDirective, IgxRippleDirective, IgxIconComponent, IgxGridToolbarHidingComponent, IgxGridToolbarPinningComponent, IgxGridToolbarExporterComponent, IgxColumnComponent, IgxCellTemplateDirective, IgxAvatarComponent] }) export class GridToolbarSample4Component { diff --git a/src/app/grid/grid-toolbar-style/grid-toolbar-style.component.ts b/src/app/grid/grid-toolbar-style/grid-toolbar-style.component.ts index 4bf8a4e7d..981dbbd4a 100644 --- a/src/app/grid/grid-toolbar-style/grid-toolbar-style.component.ts +++ b/src/app/grid/grid-toolbar-style/grid-toolbar-style.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { athletesData } from '../../data/athletesData'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxCellTemplateDirective, IgxColumnComponent, IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarExporterComponent, IgxGridToolbarHidingComponent, IgxGridToolbarPinningComponent, IgxGridToolbarTitleComponent } from 'igniteui-angular/grids/core'; @@ -9,7 +9,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-grid-toolbar-style', styleUrls: ['./grid-toolbar-style.component.scss'], templateUrl: './grid-toolbar-style.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxGridToolbarTitleComponent, IgxGridToolbarActionsComponent, IgxGridToolbarHidingComponent, IgxGridToolbarPinningComponent, IgxGridToolbarExporterComponent, IgxColumnComponent, IgxCellTemplateDirective, IgxAvatarComponent] }) export class GridToolbarStyleComponent { diff --git a/src/app/grid/grid-validation-style/grid-validation-style.component.ts b/src/app/grid/grid-validation-style/grid-validation-style.component.ts index 652f111e5..89c22dfae 100644 --- a/src/app/grid/grid-validation-style/grid-validation-style.component.ts +++ b/src/app/grid/grid-validation-style/grid-validation-style.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild } from '@angular/core'; import { DATA } from '../../data/nwindData'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxCellValidationErrorDirective, IgxColumnComponent, IgxColumnRequiredValidatorDirective, RowType } from 'igniteui-angular/grids/core'; @@ -9,7 +9,6 @@ import { NgTemplateOutlet } from '@angular/common'; selector: 'app-grid-validation-style', styleUrls: [`grid-validation-style.component.scss`], templateUrl: 'grid-validation-style.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxColumnRequiredValidatorDirective, IgxCellValidationErrorDirective, NgTemplateOutlet] }) export class GridValidationStyleComponent { diff --git a/src/app/grid/grid-validator-service-cross-field/grid-validator-service-cross-field.component.ts b/src/app/grid/grid-validator-service-cross-field/grid-validator-service-cross-field.component.ts index ec25a15fb..9c3dd3b77 100644 --- a/src/app/grid/grid-validator-service-cross-field/grid-validator-service-cross-field.component.ts +++ b/src/app/grid/grid-validator-service-cross-field/grid-validator-service-cross-field.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild } from '@angular/core'; import { AbstractControl, FormGroup, ValidationErrors, ValidatorFn, FormsModule } from '@angular/forms'; import { CellType, IGridEditEventArgs, IGridFormGroupCreatedEventArgs, IgxCellTemplateDirective, IgxCellValidationErrorDirective, IgxColumnComponent, IgxColumnEmailValidatorDirective, IgxColumnMinValidatorDirective, IgxColumnRequiredValidatorDirective } from 'igniteui-angular/grids/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; @@ -12,7 +12,6 @@ import { NgTemplateOutlet, DatePipe } from '@angular/common'; selector: 'app-grid-validator-service-cross-field', styleUrls: ['./grid-validator-service-cross-field.component.scss'], templateUrl: './grid-validator-service-cross-field.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSwitchComponent, FormsModule, IgxGridComponent, IgxColumnComponent, IgxCellTemplateDirective, IgxAvatarComponent, IgxColumnRequiredValidatorDirective, IgxColumnEmailValidatorDirective, IgxCellValidationErrorDirective, NgTemplateOutlet, IgxColumnMinValidatorDirective, IgxTooltipTargetDirective, IgxTooltipDirective, IgxButtonDirective, DatePipe] }) export class GridValidatorServiceCrossFieldComponent { diff --git a/src/app/grid/grid-validator-service-extended/grid-validator-service-extended.component.ts b/src/app/grid/grid-validator-service-extended/grid-validator-service-extended.component.ts index 0c09cc2b6..60fd9e46a 100644 --- a/src/app/grid/grid-validator-service-extended/grid-validator-service-extended.component.ts +++ b/src/app/grid/grid-validator-service-extended/grid-validator-service-extended.component.ts @@ -1,5 +1,5 @@ -import { Component, Directive, Input, ViewChild, ChangeDetectionStrategy, forwardRef } from '@angular/core'; -import { AbstractControl, FormGroup, NG_VALIDATORS, ValidationErrors, ValidatorFn, Validators } from '@angular/forms'; +import { Component, Directive, forwardRef, Input, ViewChild } from '@angular/core'; +import { AbstractControl, NG_VALIDATORS, ValidationErrors, ValidatorFn, Validators } from '@angular/forms'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IGridFormGroupCreatedEventArgs, IgxCellTemplateDirective, IgxCellValidationErrorDirective, IgxColumnComponent, IgxColumnEmailValidatorDirective, IgxColumnMinValidatorDirective, IgxColumnRequiredValidatorDirective } from 'igniteui-angular/grids/core'; import { IgxAvatarComponent } from 'igniteui-angular/avatar'; @@ -32,7 +32,6 @@ export class PhoneFormatDirective extends Validators { selector: 'app-grid-validator-service-extended', styleUrls: ['./grid-validator-service-extended.component.scss'], templateUrl: './grid-validator-service-extended.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxColumnComponent, IgxCellTemplateDirective, IgxAvatarComponent, IgxColumnRequiredValidatorDirective, IgxColumnEmailValidatorDirective, PhoneFormatDirective, IgxCellValidationErrorDirective, NgTemplateOutlet, IgxColumnMinValidatorDirective, IgxButtonDirective, DatePipe] }) export class GridValidatorServiceExtendedComponent { diff --git a/src/app/grid/grid-validator-service/grid-validator-service.component.ts b/src/app/grid/grid-validator-service/grid-validator-service.component.ts index 1b71dc891..0738ea2a2 100644 --- a/src/app/grid/grid-validator-service/grid-validator-service.component.ts +++ b/src/app/grid/grid-validator-service/grid-validator-service.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { employeesData } from '../../data/employeesData'; import { IgxSwitchComponent } from 'igniteui-angular/switch'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; @@ -11,7 +11,6 @@ import { DatePipe } from '@angular/common'; selector: 'app-grid-validator-service', styleUrls: ['./grid-validator-service.component.scss'], templateUrl: './grid-validator-service.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSwitchComponent, FormsModule, IgxGridComponent, IgxColumnComponent, IgxCellTemplateDirective, IgxAvatarComponent, IgxColumnRequiredValidatorDirective, IgxColumnEmailValidatorDirective, IgxColumnMinValidatorDirective, DatePipe] }) export class GridValidatorServiceComponent { diff --git a/src/app/grid/grid-with-rating/grid-with-rating.component.ts b/src/app/grid/grid-with-rating/grid-with-rating.component.ts index bb927986b..871ae0fa0 100644 --- a/src/app/grid/grid-with-rating/grid-with-rating.component.ts +++ b/src/app/grid/grid-with-rating/grid-with-rating.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { IgxToastComponent } from 'igniteui-angular/toast'; import { CellType, IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; @@ -14,7 +14,6 @@ defineComponents(IgcRatingComponent); selector: 'app-grid-rating-sample', styleUrls: ['./grid-with-rating.component.scss'], templateUrl: 'grid-with-rating.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, IgcFormControlDirective, FormsModule, IgxToastComponent] }) export class GridWithRatingComponent implements OnInit { diff --git a/src/app/grid/multi-column-header-template/multi-column-header-template.ts b/src/app/grid/multi-column-header-template/multi-column-header-template.ts index af7aa5bf4..0b14ff186 100644 --- a/src/app/grid/multi-column-header-template/multi-column-header-template.ts +++ b/src/app/grid/multi-column-header-template/multi-column-header-template.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild } from '@angular/core'; import { GridSelectionMode, IgxColumnComponent, IgxColumnGroupComponent } from 'igniteui-angular/grids/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -9,7 +9,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-multi-column-header-template', styleUrls: ['multi-column-header-template.scss'], templateUrl: 'multi-column-header-template.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxIconComponent, IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxColumnGroupComponent] }) export class GridMultiColumnHeaderTemplateComponent { diff --git a/src/app/grid/multi-column-headers-export/multi-column-headers-export.component.ts b/src/app/grid/multi-column-headers-export/multi-column-headers-export.component.ts index 91a5f49b6..84648c23f 100644 --- a/src/app/grid/multi-column-headers-export/multi-column-headers-export.component.ts +++ b/src/app/grid/multi-column-headers-export/multi-column-headers-export.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild } from '@angular/core'; import { IgxColumnComponent, IgxColumnGroupComponent, IgxExporterEvent, IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarExporterComponent, IgxGridToolbarHidingComponent, IgxGridToolbarPinningComponent } from 'igniteui-angular/grids/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxSwitchComponent } from 'igniteui-angular/switch'; @@ -10,7 +10,6 @@ import { FormsModule } from '@angular/forms'; selector: 'app-multi-column-headers-export', styleUrls: ['multi-column-headers-export.component.scss'], templateUrl: 'multi-column-headers-export.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxGridToolbarActionsComponent, IgxSwitchComponent, FormsModule, IgxGridToolbarPinningComponent, IgxGridToolbarHidingComponent, IgxGridToolbarExporterComponent, IgxColumnComponent, IgxColumnGroupComponent] }) export class GridMultiColumnHeadersExportComponent { diff --git a/src/app/grid/multi-column-headers-styling/multi-column-headers-styling.component.ts b/src/app/grid/multi-column-headers-styling/multi-column-headers-styling.component.ts index 91e0a6890..ccbb9584a 100644 --- a/src/app/grid/multi-column-headers-styling/multi-column-headers-styling.component.ts +++ b/src/app/grid/multi-column-headers-styling/multi-column-headers-styling.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild } from '@angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxColumnComponent, IgxColumnGroupComponent } from 'igniteui-angular/grids/core'; import { DATA } from '../../data/customers'; @@ -8,7 +8,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-multi-column-headers-styling', styleUrls: ['./multi-column-headers-styling.component.scss'], templateUrl: './multi-column-headers-styling.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxColumnGroupComponent] }) export class GridMultiColumnHeadersStylingComponent { diff --git a/src/app/grid/multi-column-headers/multi-column-headers.ts b/src/app/grid/multi-column-headers/multi-column-headers.ts index 012ba1d5c..16a522f37 100644 --- a/src/app/grid/multi-column-headers/multi-column-headers.ts +++ b/src/app/grid/multi-column-headers/multi-column-headers.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild } from '@angular/core'; import { GridSelectionMode, IgxColumnComponent, IgxColumnGroupComponent } from 'igniteui-angular/grids/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxButtonDirective } from 'igniteui-angular/directives'; @@ -9,7 +9,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-multi-column-headers', styleUrls: ['multi-column-headers.scss'], templateUrl: 'multi-column-headers.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxColumnGroupComponent, IgxButtonDirective] }) export class GridMultiColumnHeadersComponent { diff --git a/src/app/hierarchical-grid/column-group-selection/hierarchical-grid-column-group-selection.component.ts b/src/app/hierarchical-grid/column-group-selection/hierarchical-grid-column-group-selection.component.ts index d4784ac2f..d8e951f79 100644 --- a/src/app/hierarchical-grid/column-group-selection/hierarchical-grid-column-group-selection.component.ts +++ b/src/app/hierarchical-grid/column-group-selection/hierarchical-grid-column-group-selection.component.ts @@ -1,4 +1,4 @@ -import { AfterViewInit, ChangeDetectorRef, Component, OnInit, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; +import { AfterViewInit, ChangeDetectorRef, Component, OnInit, ViewChild, inject } from '@angular/core'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxColumnComponent, IgxColumnGroupComponent } from 'igniteui-angular/grids/core'; import { CUSTOMERS } from '../../data/hierarchical-data'; @@ -8,7 +8,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-hierarchical-grid-column-group-selection', templateUrl: './hierarchical-grid-column-group-selection.component.html', styleUrls: ['./hierarchical-grid-column-group-selection.component.scss'], - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxColumnGroupComponent, IgxRowIslandComponent] }) export class HierarchicalGridColumnGroupSelectionComponent implements OnInit, AfterViewInit { diff --git a/src/app/hierarchical-grid/column-selection-styles/hierarchical-grid-column-selection-styles.component.ts b/src/app/hierarchical-grid/column-selection-styles/hierarchical-grid-column-selection-styles.component.ts index d192c2c89..df67a30ee 100644 --- a/src/app/hierarchical-grid/column-selection-styles/hierarchical-grid-column-selection-styles.component.ts +++ b/src/app/hierarchical-grid/column-selection-styles/hierarchical-grid-column-selection-styles.component.ts @@ -1,4 +1,4 @@ -import { AfterViewInit, ChangeDetectorRef, Component, OnInit, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; +import { AfterViewInit, ChangeDetectorRef, Component, OnInit, ViewChild, inject } from '@angular/core'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; import { SINGERS } from '../../data/singersData'; @@ -8,7 +8,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-hierarchical-grid-column-selection-styles', templateUrl: './hierarchical-grid-column-selection-styles.component.html', styleUrls: ['./hierarchical-grid-column-selection-styles.component.scss'], - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxRowIslandComponent] }) export class HGridColumnSelectionStylesComponent implements OnInit, AfterViewInit { diff --git a/src/app/hierarchical-grid/column-selection/hierarchical-grid-column-selection.component.ts b/src/app/hierarchical-grid/column-selection/hierarchical-grid-column-selection.component.ts index 2471bbe0b..75ccaded4 100644 --- a/src/app/hierarchical-grid/column-selection/hierarchical-grid-column-selection.component.ts +++ b/src/app/hierarchical-grid/column-selection/hierarchical-grid-column-selection.component.ts @@ -1,4 +1,4 @@ -import { AfterViewInit, ChangeDetectorRef, Component, OnInit, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; +import { AfterViewInit, ChangeDetectorRef, Component, OnInit, ViewChild, inject } from '@angular/core'; import { GridSelectionMode, IgxCellTemplateDirective, IgxColumnComponent, IgxGridToolbarComponent } from 'igniteui-angular/grids/core'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxSelectComponent, IgxSelectItemComponent } from 'igniteui-angular/select'; @@ -11,7 +11,6 @@ import { FormsModule } from '@angular/forms'; selector: 'app-hierarchical-grid-column-selection', templateUrl: './hierarchical-grid-column-selection.component.html', styleUrls: ['./hierarchical-grid-column-selection.component.scss'], - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxSelectComponent, FormsModule, IgxLabelDirective, IgxSelectItemComponent, IgxColumnComponent, IgxCellTemplateDirective, IgxRowIslandComponent] }) export class HierarchicalGridColumnSelectionComponent implements OnInit, AfterViewInit { diff --git a/src/app/hierarchical-grid/hgrid-column-autosizing/hgrid-column-autosizing.component.ts b/src/app/hierarchical-grid/hgrid-column-autosizing/hgrid-column-autosizing.component.ts index be90a0ed4..96919a585 100644 --- a/src/app/hierarchical-grid/hgrid-column-autosizing/hgrid-column-autosizing.component.ts +++ b/src/app/hierarchical-grid/hgrid-column-autosizing/hgrid-column-autosizing.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { CUSTOMERS } from '../../data/hierarchical-data'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxColumnComponent } from 'igniteui-angular/grids/core'; @@ -7,7 +7,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'hierarchical-grid-column-autosizing', styleUrls: ['./hgrid-column-autosizing.component.scss'], templateUrl: './hgrid-column-autosizing.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxRowIslandComponent] }) diff --git a/src/app/hierarchical-grid/hgrid-editing-lifecycle-sample/hgrid-editing-lifecycle.component.ts b/src/app/hierarchical-grid/hgrid-editing-lifecycle-sample/hgrid-editing-lifecycle.component.ts index cf5271b69..afaaf6de7 100644 --- a/src/app/hierarchical-grid/hgrid-editing-lifecycle-sample/hgrid-editing-lifecycle.component.ts +++ b/src/app/hierarchical-grid/hgrid-editing-lifecycle-sample/hgrid-editing-lifecycle.component.ts @@ -1,4 +1,4 @@ -import { Component, ElementRef, Renderer2, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ElementRef, Renderer2, ViewChild, inject } from '@angular/core'; import { SINGERS } from '../../data/singersData'; import { IgxSwitchComponent } from 'igniteui-angular/switch'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; @@ -11,7 +11,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-hgrid-editing-lifecycle', templateUrl: 'hgrid-editing-lifecycle.component.html', styleUrls: ['hgrid-editing-lifecycle.component.scss'], - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSwitchComponent, IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxRowIslandComponent, IgxButtonDirective, IgxIconComponent] }) export class HGridEditingLifecycleComponent { diff --git a/src/app/hierarchical-grid/hgrid-keybarod-nav-guide-sample/hgrid-keyboard-guide.component.ts b/src/app/hierarchical-grid/hgrid-keybarod-nav-guide-sample/hgrid-keyboard-guide.component.ts index 8bb284bd0..91be0500e 100644 --- a/src/app/hierarchical-grid/hgrid-keybarod-nav-guide-sample/hgrid-keyboard-guide.component.ts +++ b/src/app/hierarchical-grid/hgrid-keybarod-nav-guide-sample/hgrid-keyboard-guide.component.ts @@ -3,7 +3,7 @@ /* eslint-disable @typescript-eslint/naming-convention */ /* eslint-disable no-shadow */ import { animate, state, style, transition, trigger } from '@angular/animations'; -import { ChangeDetectorRef, Component, OnDestroy, OnInit, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; +import { ChangeDetectorRef, Component, OnDestroy, OnInit, ViewChild, inject } from '@angular/core'; import { CellType, IgxColumnComponent, IgxColumnGroupComponent, IgxGridToolbarComponent, IgxGridToolbarDirective } from 'igniteui-angular/grids/core'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxEmptyListTemplateDirective, IgxListComponent, IgxListItemComponent, IgxListLineSubTitleDirective, IgxListLineTitleDirective } from 'igniteui-angular/list'; @@ -167,7 +167,6 @@ const summaryCombinations: Item[] = [ ]) ]) ], - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPaginatorComponent, IgxGridToolbarComponent, IgxColumnComponent, IgxColumnGroupComponent, IgxRowIslandComponent, IgxGridToolbarDirective, IgxListComponent, IgxListItemComponent, NgClass, IgxListLineTitleDirective, IgxListLineSubTitleDirective, IgxCheckboxComponent, IgxEmptyListTemplateDirective] }) export class HGridKeyboardnavGuide implements OnInit, OnDestroy { diff --git a/src/app/hierarchical-grid/hgrid-rowClasses-sample/hgrid-rowClasses.component.ts b/src/app/hierarchical-grid/hgrid-rowClasses-sample/hgrid-rowClasses.component.ts index 0ba49a294..fa8ce6cee 100644 --- a/src/app/hierarchical-grid/hgrid-rowClasses-sample/hgrid-rowClasses.component.ts +++ b/src/app/hierarchical-grid/hgrid-rowClasses-sample/hgrid-rowClasses.component.ts @@ -1,5 +1,5 @@ /* eslint-disable @typescript-eslint/naming-convention */ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxCellTemplateDirective, IgxColumnComponent, RowType } from 'igniteui-angular/grids/core'; import { IgxIconButtonDirective } from 'igniteui-angular/directives'; @@ -10,7 +10,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-hgrid-row-classes', styleUrls: ['./hgrid-rowClasses.component.scss'], templateUrl: 'hgrid-rowClasses.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxIconButtonDirective, IgxIconComponent, IgxRowIslandComponent] }) diff --git a/src/app/hierarchical-grid/hgrid-rowStyle-sample/hgrid-rowStyles.component.ts b/src/app/hierarchical-grid/hgrid-rowStyle-sample/hgrid-rowStyles.component.ts index 826546bff..ae92b4259 100644 --- a/src/app/hierarchical-grid/hgrid-rowStyle-sample/hgrid-rowStyles.component.ts +++ b/src/app/hierarchical-grid/hgrid-rowStyle-sample/hgrid-rowStyles.component.ts @@ -1,5 +1,5 @@ /* eslint-disable @typescript-eslint/naming-convention */ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxCellTemplateDirective, IgxColumnComponent, RowType } from 'igniteui-angular/grids/core'; import { IgxIconButtonDirective } from 'igniteui-angular/directives'; @@ -10,7 +10,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-hgrid-row-row-styles', styleUrls: ['./hgrid-rowStyles.component.scss'], templateUrl: 'hgrid-rowStyles.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxIconButtonDirective, IgxIconComponent, IgxRowIslandComponent] }) diff --git a/src/app/hierarchical-grid/hgrid-summary-export/hgrid-summary-export.component.ts b/src/app/hierarchical-grid/hgrid-summary-export/hgrid-summary-export.component.ts index b32e4328e..eab9a7574 100644 --- a/src/app/hierarchical-grid/hgrid-summary-export/hgrid-summary-export.component.ts +++ b/src/app/hierarchical-grid/hgrid-summary-export/hgrid-summary-export.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild, inject } from '@angular/core'; import { SINGERS } from '../../data/singersData'; import { IgxSummaryResult } from 'igniteui-angular/core'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; @@ -46,7 +46,6 @@ class MyChildSummary { selector: 'app-hierarchical-grid-summary-export', styleUrls: ['./hgrid-summary-export.component.scss'], templateUrl: 'hgrid-summary-export.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxRowIslandComponent] }) diff --git a/src/app/hierarchical-grid/hgrid-summary-template/hgrid-summary-template.component.ts b/src/app/hierarchical-grid/hgrid-summary-template/hgrid-summary-template.component.ts index bf83d9c89..8177e2a11 100644 --- a/src/app/hierarchical-grid/hgrid-summary-template/hgrid-summary-template.component.ts +++ b/src/app/hierarchical-grid/hgrid-summary-template/hgrid-summary-template.component.ts @@ -1,4 +1,4 @@ -import { Component, HostBinding, OnInit, ChangeDetectionStrategy } from '@angular/core'; +import { Component, HostBinding, OnInit } from '@angular/core'; import { IgxCellTemplateDirective, IgxColumnComponent, IgxNumberSummaryOperand, IgxSummaryTemplateDirective } from 'igniteui-angular/grids/core'; import { IgxSummaryResult } from 'igniteui-angular/core'; import { IgxInputDirective, IgxInputGroupComponent, IgxLabelDirective } from 'igniteui-angular/input-group'; @@ -51,7 +51,6 @@ class GrammySummary { selector: 'app-hierarchical-grid-all-data-summary', styleUrls: ['./hgrid-summary-template.component.scss'], templateUrl: 'hgrid-summary-template.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxInputGroupComponent, IgxLabelDirective, FormsModule, IgxInputDirective, IgxSwitchComponent, IgxButtonGroupComponent, IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxSummaryTemplateDirective, IgxRowIslandComponent] }) diff --git a/src/app/hierarchical-grid/hierarchical-grid-action-strip/hierarchical-grid-action-strip-sample.ts b/src/app/hierarchical-grid/hierarchical-grid-action-strip/hierarchical-grid-action-strip-sample.ts index e57e493bd..ef49a1904 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-action-strip/hierarchical-grid-action-strip-sample.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-action-strip/hierarchical-grid-action-strip-sample.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, ChangeDetectorRef, AfterViewInit, ViewChildren, QueryList, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild, ChangeDetectorRef, AfterViewInit, ViewChildren, QueryList, inject } from '@angular/core'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxCellTemplateDirective, IgxColumnComponent, IgxGridPinningActionsComponent, RowType } from 'igniteui-angular/grids/core'; import { Transaction } from 'igniteui-angular/core'; @@ -13,7 +13,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-grid-row-action-strip', styleUrls: [`hierarchical-grid-action-strip-sample.scss`], templateUrl: 'hierarchical-grid-action-strip-sample.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxRowIslandComponent, IgxActionStripComponent, IgxGridPinningActionsComponent, IgxIconButtonDirective, IgxRippleDirective, IgxIconComponent] }) export class HGridActionStripSampleComponent implements AfterViewInit{ diff --git a/src/app/hierarchical-grid/hierarchical-grid-add-row/hierarchical-grid-add-row.component.ts b/src/app/hierarchical-grid/hierarchical-grid-add-row/hierarchical-grid-add-row.component.ts index ead746bc9..28326279b 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-add-row/hierarchical-grid-add-row.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-add-row/hierarchical-grid-add-row.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { SINGERS } from '../../data/singersData'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxColumnComponent, IgxGridEditingActionsComponent } from 'igniteui-angular/grids/core'; @@ -9,7 +9,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-hierarchical-grid-add-row', styleUrls: ['./hierarchical-grid-add-row.component.scss'], templateUrl: './hierarchical-grid-add-row.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxActionStripComponent, IgxGridEditingActionsComponent, IgxRowIslandComponent] }) diff --git a/src/app/hierarchical-grid/hierarchical-grid-advanced-filtering-style/hierarchical-grid-advanced-filtering-style.component.ts b/src/app/hierarchical-grid/hierarchical-grid-advanced-filtering-style/hierarchical-grid-advanced-filtering-style.component.ts index 1baaf1ba3..87e682c4f 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-advanced-filtering-style/hierarchical-grid-advanced-filtering-style.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-advanced-filtering-style/hierarchical-grid-advanced-filtering-style.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { SINGERS } from '../../data/singersData'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxCellTemplateDirective, IgxColumnComponent, IgxGridToolbarComponent, IgxGridToolbarDirective } from 'igniteui-angular/grids/core'; @@ -8,7 +8,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-hierarchical-grid-advanced-filtering-style', styleUrls: ['./hierarchical-grid-advanced-filtering-style.component.scss'], templateUrl: 'hierarchical-grid-advanced-filtering-style.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxColumnComponent, IgxCellTemplateDirective, IgxRowIslandComponent, IgxGridToolbarDirective] }) diff --git a/src/app/hierarchical-grid/hierarchical-grid-advanced-filtering/hierarchical-grid-advanced-filtering.component.ts b/src/app/hierarchical-grid/hierarchical-grid-advanced-filtering/hierarchical-grid-advanced-filtering.component.ts index 632e28376..178c411c6 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-advanced-filtering/hierarchical-grid-advanced-filtering.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-advanced-filtering/hierarchical-grid-advanced-filtering.component.ts @@ -1,4 +1,4 @@ -import { Component, AfterViewInit, ViewChild, ChangeDetectorRef, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, AfterViewInit, ViewChild, ChangeDetectorRef, inject } from '@angular/core'; import { SINGERS } from '../../data/singersData'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxCellTemplateDirective, IgxColumnComponent, IgxGridToolbarComponent, IgxGridToolbarDirective } from 'igniteui-angular/grids/core'; @@ -9,7 +9,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-hierarchical-grid-advanced-filtering', styleUrls: ['./hierarchical-grid-advanced-filtering.component.scss'], templateUrl: 'hierarchical-grid-advanced-filtering.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxColumnComponent, IgxCellTemplateDirective, IgxRowIslandComponent, IgxGridToolbarDirective] }) @@ -24,7 +23,7 @@ export class HGridAdvancedFilteringSampleComponent implements AfterViewInit{ constructor() { this.localData = SINGERS; } - + public ngAfterViewInit() { const albumsTree = new FilteringExpressionsTree(FilteringLogic.And, undefined, 'Albums', ['Artist']); albumsTree.filteringOperands.push({ diff --git a/src/app/hierarchical-grid/hierarchical-grid-allData-summary/hierarchical-grid-allData-summary.component.ts b/src/app/hierarchical-grid/hierarchical-grid-allData-summary/hierarchical-grid-allData-summary.component.ts index c4df67dd2..88f2e1b55 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-allData-summary/hierarchical-grid-allData-summary.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-allData-summary/hierarchical-grid-allData-summary.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxCellTemplateDirective, IgxColumnComponent, IgxNumberSummaryOperand, IgxSummaryOperand } from 'igniteui-angular/grids/core'; import { IgxSummaryResult } from 'igniteui-angular/core'; @@ -47,7 +47,6 @@ class GrammySummary { selector: 'app-hierarchical-grid-all-data-summary', styleUrls: ['./hierarchical-grid-allData-summary.component.scss'], templateUrl: 'hierarchical-grid-allData-summary.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxRowIslandComponent] }) diff --git a/src/app/hierarchical-grid/hierarchical-grid-batch-editing/hierarchical-grid-batch-editing.component.ts b/src/app/hierarchical-grid/hierarchical-grid-batch-editing/hierarchical-grid-batch-editing.component.ts index 3b8fd85e8..e6a09ab0e 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-batch-editing/hierarchical-grid-batch-editing.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-batch-editing/hierarchical-grid-batch-editing.component.ts @@ -1,5 +1,5 @@ /* eslint-disable @typescript-eslint/naming-convention */ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { IgxDialogComponent } from 'igniteui-angular/dialog'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { Transaction } from 'igniteui-angular/core'; @@ -17,7 +17,6 @@ import { FormsModule } from '@angular/forms'; selector: 'app-hierarchical-grid-batch-editing', styleUrls: ['./hierarchical-grid-batch-editing.component.scss'], templateUrl: 'hierarchical-grid-batch-editing.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxRowIslandComponent, IgxGridToolbarDirective, IgxGridToolbarComponent, IgxDialogComponent, IgxInputGroupComponent, IgxLabelDirective, FormsModule, IgxInputDirective, IgxCheckboxComponent, IgxGridComponent] }) diff --git a/src/app/hierarchical-grid/hierarchical-grid-cell-merge-custom/hierarchical-grid-cell-merge-custom.component.ts b/src/app/hierarchical-grid/hierarchical-grid-cell-merge-custom/hierarchical-grid-cell-merge-custom.component.ts index f88c8ac7d..ae4e19b22 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-cell-merge-custom/hierarchical-grid-cell-merge-custom.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-cell-merge-custom/hierarchical-grid-cell-merge-custom.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { HIERARCHICAL_DATA_EXTENDED } from '../../data/hierarchical-data-extended'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { GridCellMergeMode, IgxColumnComponent, IgxGridToolbarComponent } from 'igniteui-angular/grids/core'; @@ -12,7 +12,6 @@ import { FormsModule } from '@angular/forms'; selector: 'app-hierarchical-grid-cell-merge-custom', styleUrls: ['./hierarchical-grid-cell-merge-custom.component.scss'], templateUrl: 'hierarchical-grid-cell-merge-custom.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [ IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, diff --git a/src/app/hierarchical-grid/hierarchical-grid-cell-merge/hierarchical-grid-cell-merge.component.ts b/src/app/hierarchical-grid/hierarchical-grid-cell-merge/hierarchical-grid-cell-merge.component.ts index e8dcc24b8..18ad978ce 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-cell-merge/hierarchical-grid-cell-merge.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-cell-merge/hierarchical-grid-cell-merge.component.ts @@ -1,4 +1,4 @@ -import { ChangeDetectorRef, Component, ContentChild, inject, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { ChangeDetectorRef, Component, ContentChild, inject, ViewChild } from '@angular/core'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { GridCellMergeMode, IgxColumnComponent, IgxGridToolbarComponent } from 'igniteui-angular/grids/core'; import { SortingDirection } from 'igniteui-angular/core'; @@ -12,7 +12,6 @@ import { FormsModule } from '@angular/forms'; selector: 'app-hierarchical-grid-cell-merge', styleUrls: ['./hierarchical-grid-cell-merge.component.scss'], templateUrl: 'hierarchical-grid-cell-merge.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [ IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, diff --git a/src/app/hierarchical-grid/hierarchical-grid-cellSelection-sample/hierarchical-grid-cellSelection.component.ts b/src/app/hierarchical-grid/hierarchical-grid-cellSelection-sample/hierarchical-grid-cellSelection.component.ts index 1aa7ed722..5fcddb71f 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-cellSelection-sample/hierarchical-grid-cellSelection.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-cellSelection-sample/hierarchical-grid-cellSelection.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { IgxSnackbarComponent } from 'igniteui-angular/snackbar'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { GridSelectionMode, IgxColumnComponent } from 'igniteui-angular/grids/core'; @@ -12,7 +12,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-hierarchical-grid-cell-selection', styleUrls: ['./hierarchical-grid-cellSelection.component.scss'], templateUrl: 'hierarchical-grid-cellSelection.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonGroupComponent, IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxRowIslandComponent, IgxSnackbarComponent, IgxIconComponent] }) export class HierarchicalGridCellSelectionComponent implements OnInit { diff --git a/src/app/hierarchical-grid/hierarchical-grid-collapsible-column-groups/hierarchical-grid-collapsible-column-groups.component.ts b/src/app/hierarchical-grid/hierarchical-grid-collapsible-column-groups/hierarchical-grid-collapsible-column-groups.component.ts index 07d0c1be9..397822143 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-collapsible-column-groups/hierarchical-grid-collapsible-column-groups.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-collapsible-column-groups/hierarchical-grid-collapsible-column-groups.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxCollapsibleIndicatorTemplateDirective, IgxColumnComponent, IgxColumnGroupComponent } from 'igniteui-angular/grids/core'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -10,7 +10,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-hierarchical-grid-collapsible-column-groups', styleUrls: ['./hierarchical-grid-collapsible-column-groups.component.scss'], templateUrl: 'hierarchical-grid-collapsible-column-groups.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxColumnGroupComponent, IgxCollapsibleIndicatorTemplateDirective, IgxIconComponent, IgxTooltipTargetDirective, IgxTooltipDirective, IgxColumnComponent, IgxRowIslandComponent] }) diff --git a/src/app/hierarchical-grid/hierarchical-grid-column-hiding-toolbar-style/hierarchical-grid-column-hiding-toolbar-style.component.ts b/src/app/hierarchical-grid/hierarchical-grid-column-hiding-toolbar-style/hierarchical-grid-column-hiding-toolbar-style.component.ts index c772fefc3..06a501bd0 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-column-hiding-toolbar-style/hierarchical-grid-column-hiding-toolbar-style.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-column-hiding-toolbar-style/hierarchical-grid-column-hiding-toolbar-style.component.ts @@ -1,4 +1,4 @@ -import { AfterViewInit, Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { AfterViewInit, Component, OnInit, ViewChild } from '@angular/core'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxCellTemplateDirective, IgxColumnComponent, IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarDirective, IgxGridToolbarHidingComponent, IgxGridToolbarTitleComponent } from 'igniteui-angular/grids/core'; import { SINGERS } from '../../data/singersData'; @@ -8,7 +8,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-hierarchical-grid-column-hiding-toolbar-style', styleUrls: ['./hierarchical-grid-column-hiding-toolbar-style.component.scss'], templateUrl: './hierarchical-grid-column-hiding-toolbar-style.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxGridToolbarTitleComponent, IgxGridToolbarActionsComponent, IgxGridToolbarHidingComponent, IgxColumnComponent, IgxCellTemplateDirective, IgxRowIslandComponent, IgxGridToolbarDirective] }) export class HierarchicalGridColumnHidingToolbarStyleComponent implements OnInit { diff --git a/src/app/hierarchical-grid/hierarchical-grid-column-hiding/hierarchical-grid-custom-hiding.component.ts b/src/app/hierarchical-grid/hierarchical-grid-column-hiding/hierarchical-grid-custom-hiding.component.ts index 454d9d9d7..f62c43f13 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-column-hiding/hierarchical-grid-custom-hiding.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-column-hiding/hierarchical-grid-custom-hiding.component.ts @@ -1,4 +1,4 @@ -import { AfterViewInit, ChangeDetectorRef, Component, OnInit, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; +import { AfterViewInit, ChangeDetectorRef, Component, OnInit, ViewChild, inject } from '@angular/core'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxCellTemplateDirective, IgxColumnActionsComponent, IgxColumnComponent, IgxColumnHidingDirective } from 'igniteui-angular/grids/core'; import { IgxRadioComponent } from 'igniteui-angular/radio'; @@ -9,7 +9,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-hierarchical-grid-custom-hiding', styleUrls: ['./hierarchical-grid-custom-hiding.component.scss'], templateUrl: 'hierarchical-grid-custom-hiding.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxColumnActionsComponent, IgxColumnHidingDirective, IgxRadioComponent, IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxRowIslandComponent] }) diff --git a/src/app/hierarchical-grid/hierarchical-grid-column-hiding/hierarchical-grid-hiding.component.ts b/src/app/hierarchical-grid/hierarchical-grid-column-hiding/hierarchical-grid-hiding.component.ts index 2c74f8cb3..8aa58d8b2 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-column-hiding/hierarchical-grid-hiding.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-column-hiding/hierarchical-grid-hiding.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { SINGERS } from '../../data/singersData'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxCellTemplateDirective, IgxColumnComponent, IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarDirective, IgxGridToolbarHidingComponent, IgxGridToolbarTitleComponent } from 'igniteui-angular/grids/core'; @@ -8,7 +8,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-hierarchical-grid-hiding', styleUrls: ['./hierarchical-grid-hiding.component.scss'], templateUrl: 'hierarchical-grid-hiding.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxGridToolbarTitleComponent, IgxGridToolbarActionsComponent, IgxGridToolbarHidingComponent, IgxColumnComponent, IgxCellTemplateDirective, IgxRowIslandComponent, IgxGridToolbarDirective] }) diff --git a/src/app/hierarchical-grid/hierarchical-grid-column-moving-styled/hierarchical-grid-moving-styled.component.ts b/src/app/hierarchical-grid/hierarchical-grid-column-moving-styled/hierarchical-grid-moving-styled.component.ts index 81691ebcf..51e12be5b 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-column-moving-styled/hierarchical-grid-moving-styled.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-column-moving-styled/hierarchical-grid-moving-styled.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxCellHeaderTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxPaginatorComponent } from 'igniteui-angular/paginator'; @@ -10,7 +10,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-hierarchical-grid-moving-styled', styleUrls: ['./hierarchical-grid-moving-styled.component.scss'], templateUrl: 'hierarchical-grid-moving-styled.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxPaginatorComponent, IgxColumnComponent, IgxCellHeaderTemplateDirective, IgxIconComponent, IgxRowIslandComponent] }) diff --git a/src/app/hierarchical-grid/hierarchical-grid-column-moving/hierarchical-grid-moving.component.ts b/src/app/hierarchical-grid/hierarchical-grid-column-moving/hierarchical-grid-moving.component.ts index 047cedc73..8c94e7924 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-column-moving/hierarchical-grid-moving.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-column-moving/hierarchical-grid-moving.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxCellHeaderTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxPaginatorComponent } from 'igniteui-angular/paginator'; @@ -10,7 +10,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-hierarchical-grid-moving', styleUrls: ['./hierarchical-grid-moving.component.scss'], templateUrl: 'hierarchical-grid-moving.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxPaginatorComponent, IgxColumnComponent, IgxCellHeaderTemplateDirective, IgxIconComponent, IgxRowIslandComponent] }) diff --git a/src/app/hierarchical-grid/hierarchical-grid-column-pinning/hierarchical-grid-pinning.component.ts b/src/app/hierarchical-grid/hierarchical-grid-column-pinning/hierarchical-grid-pinning.component.ts index d73273f50..97ce00cd7 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-column-pinning/hierarchical-grid-pinning.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-column-pinning/hierarchical-grid-pinning.component.ts @@ -1,5 +1,5 @@ -import { AfterViewInit, ChangeDetectorRef, Component, inject, ChangeDetectionStrategy } from '@angular/core'; +import { AfterViewInit, ChangeDetectorRef, Component, inject } from '@angular/core'; import { ColumnType } from 'igniteui-angular/core'; import { IgxIconComponent, IgxIconService } from 'igniteui-angular/icon'; import { IgxCellHeaderTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; @@ -13,7 +13,6 @@ const FILTERING_ICONS_FONT_SET = 'filtering-icons'; selector: 'app-hierarchical-grid-pinning', styleUrls: ['./hierarchical-grid-pinning.component.scss'], templateUrl: 'hierarchical-grid-pinning.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxCellHeaderTemplateDirective, IgxIconComponent, IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxRowIslandComponent] }) diff --git a/src/app/hierarchical-grid/hierarchical-grid-column-pinning/hierarchical-grid-toolbar-pinning.component.ts b/src/app/hierarchical-grid/hierarchical-grid-column-pinning/hierarchical-grid-toolbar-pinning.component.ts index d67222dee..6c3a4ff00 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-column-pinning/hierarchical-grid-toolbar-pinning.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-column-pinning/hierarchical-grid-toolbar-pinning.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, inject } from '@angular/core'; import { CUSTOMERS } from '../../data/hierarchical-data'; import { ActivatedRoute } from '@angular/router'; import { NgClass } from '@angular/common'; @@ -10,7 +10,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-hierarchical-grid-toolbar-pinning', styleUrls: ['./hierarchical-grid-toolbar-pinning.component.scss'], templateUrl: 'hierarchical-grid-toolbar-pinning.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [NgClass, IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxGridToolbarActionsComponent, IgxGridToolbarPinningComponent, IgxColumnComponent, IgxRowIslandComponent] }) export class HGridToolbarPinningComponent implements OnInit { diff --git a/src/app/hierarchical-grid/hierarchical-grid-conditional-row-selectors/hierarchical-grid-conditional-row-selectors.component.ts b/src/app/hierarchical-grid/hierarchical-grid-conditional-row-selectors/hierarchical-grid-conditional-row-selectors.component.ts index d88491edf..7b78532b5 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-conditional-row-selectors/hierarchical-grid-conditional-row-selectors.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-conditional-row-selectors/hierarchical-grid-conditional-row-selectors.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { IRowSelectionEventArgs, IgxColumnComponent, IgxRowSelectorDirective } from 'igniteui-angular/grids/core'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxPaginatorComponent } from 'igniteui-angular/paginator'; @@ -10,7 +10,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-hierarchical-grid-conditional-row-selectors', styleUrls: ['./hierarchical-grid-conditional-row-selectors.component.scss'], templateUrl: 'hierarchical-grid-conditional-row-selectors.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxPaginatorComponent, IgxColumnComponent, IgxRowIslandComponent, IgxRowSelectorDirective, IgxCheckboxComponent] }) diff --git a/src/app/hierarchical-grid/hierarchical-grid-cross-field-validation/hierarchical-grid-cross-field-validation.component.ts b/src/app/hierarchical-grid/hierarchical-grid-cross-field-validation/hierarchical-grid-cross-field-validation.component.ts index f4e197d4e..5668d1893 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-cross-field-validation/hierarchical-grid-cross-field-validation.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-cross-field-validation/hierarchical-grid-cross-field-validation.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { AbstractControl, ValidationErrors, ValidatorFn, FormsModule, ReactiveFormsModule } from '@angular/forms'; import { CellType, IGridEditEventArgs, IGridFormGroupCreatedEventArgs, IgxCellEditorTemplateDirective, IgxCellTemplateDirective, IgxColumnComponent, IgxColumnRequiredValidatorDirective, IgxGridToolbarComponent, IgxGridToolbarDirective } from 'igniteui-angular/grids/core'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; @@ -13,7 +13,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'hierarchical-grid-cross-field-validation', styleUrls: ['./hierarchical-grid-cross-field-validation.component.scss'], templateUrl: 'hierarchical-grid-cross-field-validation.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSwitchComponent, FormsModule, IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxTooltipTargetDirective, IgxTooltipDirective, IgxColumnRequiredValidatorDirective, IgxCellEditorTemplateDirective, IgxSelectComponent, ReactiveFormsModule, IgxFocusDirective, IgxSelectItemComponent, IgxRowIslandComponent, IgxGridToolbarDirective, IgxGridToolbarComponent, IgxButtonDirective] }) diff --git a/src/app/hierarchical-grid/hierarchical-grid-custom-kb-navigation/hierarchical-grid-custom-kb-navigation-sample.component.ts b/src/app/hierarchical-grid/hierarchical-grid-custom-kb-navigation/hierarchical-grid-custom-kb-navigation-sample.component.ts index 4a4d4c7b1..d6a1febac 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-custom-kb-navigation/hierarchical-grid-custom-kb-navigation-sample.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-custom-kb-navigation/hierarchical-grid-custom-kb-navigation-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { IGridCreatedEventArgs, IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { CellType, IGridKeydownEventArgs, IgxCellTemplateDirective, IgxColumnComponent, IgxGridToolbarComponent, IgxGridToolbarDirective, IgxGridToolbarTitleComponent } from 'igniteui-angular/grids/core'; import { SINGERS } from '../../data/singersData'; @@ -8,7 +8,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-hierarchical-grid-custom-kb-navigation-sample', styleUrls: ['./hierarchical-grid-custom-kb-navigation-sample.component.scss'], templateUrl: 'hierarchical-grid-custom-kb-navigation-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxRowIslandComponent, IgxGridToolbarDirective, IgxGridToolbarComponent, IgxGridToolbarTitleComponent] }) diff --git a/src/app/hierarchical-grid/hierarchical-grid-disable-summaries/hierarchical-grid-disable-summaries.component.ts b/src/app/hierarchical-grid/hierarchical-grid-disable-summaries/hierarchical-grid-disable-summaries.component.ts index 8695e8dbd..0161f967c 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-disable-summaries/hierarchical-grid-disable-summaries.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-disable-summaries/hierarchical-grid-disable-summaries.component.ts @@ -70,7 +70,6 @@ class GrammySummary { selector: "app-hierarchical-grid-summary-sample", styleUrls: ["./hierarchical-grid-disable-summaries.component.scss"], templateUrl: "hierarchical-grid-disable-summaries.component.html", - changeDetection: ChangeDetectionStrategy.Eager, imports: [ IgxHierarchicalGridComponent, IgxRowIslandComponent, diff --git a/src/app/hierarchical-grid/hierarchical-grid-display-density/hierarchical-grid-density.component.ts b/src/app/hierarchical-grid/hierarchical-grid-display-density/hierarchical-grid-density.component.ts index e7446ef66..31cf229ae 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-display-density/hierarchical-grid-density.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-display-density/hierarchical-grid-density.component.ts @@ -1,4 +1,4 @@ -import { Component, HostBinding, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, HostBinding, OnInit, ViewChild } from '@angular/core'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxButtonGroupComponent } from 'igniteui-angular/button-group'; import { IgxColumnComponent } from 'igniteui-angular/grids/core'; @@ -9,7 +9,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-hierarchical-grid-density', styleUrls: ['./hierarchical-grid-density.component.scss'], templateUrl: 'hierarchical-grid-density.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonGroupComponent, IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxRowIslandComponent] }) diff --git a/src/app/hierarchical-grid/hierarchical-grid-editing-events/hierarchical-grid-editing-events.component.ts b/src/app/hierarchical-grid/hierarchical-grid-editing-events/hierarchical-grid-editing-events.component.ts index cacb13bd6..94a4523e0 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-editing-events/hierarchical-grid-editing-events.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-editing-events/hierarchical-grid-editing-events.component.ts @@ -1,4 +1,4 @@ -import { Component, OnDestroy, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnDestroy, OnInit, ViewChild } from '@angular/core'; import { IGridCreatedEventArgs, IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IGridEditEventArgs, IgxColumnComponent } from 'igniteui-angular/grids/core'; import { IgxToastComponent } from 'igniteui-angular/toast'; @@ -13,7 +13,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-hierarchical-grid-editing-events', styleUrls: ['./hierarchical-grid-editing-events.component.scss'], templateUrl: 'hierarchical-grid-editing-events.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxRowIslandComponent, IgxToastComponent] }) diff --git a/src/app/hierarchical-grid/hierarchical-grid-editing-style/hierarchical-grid-editing-style.component.ts b/src/app/hierarchical-grid/hierarchical-grid-editing-style/hierarchical-grid-editing-style.component.ts index fd84574f1..9bd98422d 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-editing-style/hierarchical-grid-editing-style.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-editing-style/hierarchical-grid-editing-style.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxColumnComponent } from 'igniteui-angular/grids/core'; import { SINGERS } from '../../data/singersData'; @@ -9,7 +9,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-hierarchical-grid-editing-style', styleUrls: ['./hierarchical-grid-editing-style.component.scss'], templateUrl: 'hierarchical-grid-editing-style.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxRowIslandComponent] }) diff --git a/src/app/hierarchical-grid/hierarchical-grid-editing/hierarchical-grid-editing.component.ts b/src/app/hierarchical-grid/hierarchical-grid-editing/hierarchical-grid-editing.component.ts index 816fc5d1e..8d98db1c7 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-editing/hierarchical-grid-editing.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-editing/hierarchical-grid-editing.component.ts @@ -1,5 +1,5 @@ /* eslint-disable @typescript-eslint/naming-convention */ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { IgxDialogComponent } from 'igniteui-angular/dialog'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxCellTemplateDirective, IgxColumnComponent, IgxNumberSummaryOperand } from 'igniteui-angular/grids/core'; @@ -40,7 +40,6 @@ class MySummary { selector: 'app-hierarchical-grid-editing', styleUrls: ['./hierarchical-grid-editing.component.scss'], templateUrl: 'hierarchical-grid-editing.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxIconButtonDirective, IgxIconComponent, IgxRowIslandComponent, IgxDialogComponent, IgxInputGroupComponent, IgxLabelDirective, FormsModule, IgxInputDirective, IgxCheckboxComponent] }) diff --git a/src/app/hierarchical-grid/hierarchical-grid-excel-exporter/hierarchical-grid-excel-export.sample.ts b/src/app/hierarchical-grid/hierarchical-grid-excel-exporter/hierarchical-grid-excel-export.sample.ts index 71bf1acd1..7c98e6e67 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-excel-exporter/hierarchical-grid-excel-export.sample.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-excel-exporter/hierarchical-grid-excel-export.sample.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild } from '@angular/core'; import { IgxColumnComponent, IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarExporterComponent } from 'igniteui-angular/grids/core'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { Singer, SINGERS } from '../../data/artistData'; @@ -7,7 +7,6 @@ import { Singer, SINGERS } from '../../data/artistData'; selector: 'app-hierarchical-grid-excel-export-sample', styleUrls: ['hierarchical-grid-excel-export.sample.scss'], templateUrl: 'hierarchical-grid-excel-export.sample.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxGridToolbarComponent, IgxGridToolbarActionsComponent, IgxGridToolbarExporterComponent, IgxColumnComponent, IgxRowIslandComponent] }) export class HGridExcelExportSampleComponent { diff --git a/src/app/hierarchical-grid/hierarchical-grid-excel-style-filtering-load-on-demand/hierarchical-grid-excel-style-filtering-load-on-demand.component.ts b/src/app/hierarchical-grid/hierarchical-grid-excel-style-filtering-load-on-demand/hierarchical-grid-excel-style-filtering-load-on-demand.component.ts index ce36956ea..60074a224 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-excel-style-filtering-load-on-demand/hierarchical-grid-excel-style-filtering-load-on-demand.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-excel-style-filtering-load-on-demand/hierarchical-grid-excel-style-filtering-load-on-demand.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, inject } from '@angular/core'; import { ColumnType, IFilteringExpressionsTree } from 'igniteui-angular/core'; import { IgxCellTemplateDirective, IgxColumnComponent, IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarHidingComponent, IgxGridToolbarPinningComponent } from 'igniteui-angular/grids/core'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; @@ -10,7 +10,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro templateUrl: './hierarchical-grid-excel-style-filtering-load-on-demand.component.html', styleUrls: ['./hierarchical-grid-excel-style-filtering-load-on-demand.component.scss'], providers: [RemoteValuesService], - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxGridToolbarActionsComponent, IgxGridToolbarHidingComponent, IgxGridToolbarPinningComponent, IgxColumnComponent, IgxCellTemplateDirective, IgxRowIslandComponent] }) export class HierarchicalGridExcelStyleFilteringLoadOnDemandComponent implements OnInit { diff --git a/src/app/hierarchical-grid/hierarchical-grid-excel-style-filtering-sample-1/hierarchical-grid-excel-style-filtering-sample-1.component.ts b/src/app/hierarchical-grid/hierarchical-grid-excel-style-filtering-sample-1/hierarchical-grid-excel-style-filtering-sample-1.component.ts index 73bbbfd4e..c6804d7aa 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-excel-style-filtering-sample-1/hierarchical-grid-excel-style-filtering-sample-1.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-excel-style-filtering-sample-1/hierarchical-grid-excel-style-filtering-sample-1.component.ts @@ -1,4 +1,4 @@ -import { Component, HostBinding, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, HostBinding, OnInit, ViewChild } from '@angular/core'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxButtonGroupComponent } from 'igniteui-angular/button-group'; import { IgxCellTemplateDirective, IgxColumnComponent, IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarHidingComponent } from 'igniteui-angular/grids/core'; @@ -9,7 +9,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-hierarchical-grid-excel-style-filtering-sample-1', styleUrls: ['./hierarchical-grid-excel-style-filtering-sample-1.component.scss'], templateUrl: 'hierarchical-grid-excel-style-filtering-sample-1.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonGroupComponent, IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxGridToolbarActionsComponent, IgxGridToolbarHidingComponent, IgxColumnComponent, IgxCellTemplateDirective, IgxRowIslandComponent] }) diff --git a/src/app/hierarchical-grid/hierarchical-grid-excel-style-filtering-sample-2/hierarchical-grid-excel-style-filtering-sample-2.component.ts b/src/app/hierarchical-grid/hierarchical-grid-excel-style-filtering-sample-2/hierarchical-grid-excel-style-filtering-sample-2.component.ts index 70e371206..be298df02 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-excel-style-filtering-sample-2/hierarchical-grid-excel-style-filtering-sample-2.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-excel-style-filtering-sample-2/hierarchical-grid-excel-style-filtering-sample-2.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { SINGERS } from '../../data/singersData'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxCellTemplateDirective, IgxColumnComponent, IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarHidingComponent } from 'igniteui-angular/grids/core'; @@ -8,7 +8,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-hierarchical-grid-excel-style-filtering-sample-2', styleUrls: ['./hierarchical-grid-excel-style-filtering-sample-2.component.scss'], templateUrl: 'hierarchical-grid-excel-style-filtering-sample-2.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxGridToolbarActionsComponent, IgxGridToolbarHidingComponent, IgxColumnComponent, IgxCellTemplateDirective, IgxRowIslandComponent] }) diff --git a/src/app/hierarchical-grid/hierarchical-grid-excel-style-filtering-sample-3/hierarchical-grid-excel-style-filtering-sample-3.component.ts b/src/app/hierarchical-grid/hierarchical-grid-excel-style-filtering-sample-3/hierarchical-grid-excel-style-filtering-sample-3.component.ts index e7c0ba5f6..61c51165a 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-excel-style-filtering-sample-3/hierarchical-grid-excel-style-filtering-sample-3.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-excel-style-filtering-sample-3/hierarchical-grid-excel-style-filtering-sample-3.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { SINGERS } from '../../data/singersData'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxCellTemplateDirective, IgxColumnComponent, IgxExcelStyleColumnOperationsTemplateDirective, IgxExcelStyleFilterOperationsTemplateDirective, IgxExcelStyleHeaderComponent, IgxExcelStyleHeaderIconDirective, IgxExcelStyleSearchComponent, IgxExcelStyleSortingComponent, IgxGridExcelStyleFilteringComponent, IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarHidingComponent } from 'igniteui-angular/grids/core'; @@ -9,7 +9,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-hierarchical-grid-excel-style-filtering-sample-3', styleUrls: ['./hierarchical-grid-excel-style-filtering-sample-3.component.scss'], templateUrl: 'hierarchical-grid-excel-style-filtering-sample-3.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxGridToolbarActionsComponent, IgxGridToolbarHidingComponent, IgxExcelStyleHeaderIconDirective, IgxIconComponent, IgxGridExcelStyleFilteringComponent, IgxExcelStyleColumnOperationsTemplateDirective, IgxExcelStyleHeaderComponent, IgxExcelStyleSortingComponent, IgxExcelStyleFilterOperationsTemplateDirective, IgxExcelStyleSearchComponent, IgxColumnComponent, IgxCellTemplateDirective, IgxRowIslandComponent] }) diff --git a/src/app/hierarchical-grid/hierarchical-grid-excel-style-filtering-style/hierarchical-grid-excel-style-filtering-style.component.ts b/src/app/hierarchical-grid/hierarchical-grid-excel-style-filtering-style/hierarchical-grid-excel-style-filtering-style.component.ts index a1ab6a71e..cd8fe1db1 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-excel-style-filtering-style/hierarchical-grid-excel-style-filtering-style.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-excel-style-filtering-style/hierarchical-grid-excel-style-filtering-style.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild } from '@angular/core'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; import { SINGERS } from '../../data/singersData'; @@ -8,7 +8,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-hierarchical-grid-excel-style-filtering-style', styleUrls: ['./hierarchical-grid-excel-style-filtering-style.component.scss'], templateUrl: 'hierarchical-grid-excel-style-filtering-style.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxRowIslandComponent] }) export class HGridExcelStyleFilteringStyleComponent { diff --git a/src/app/hierarchical-grid/hierarchical-grid-external-advanced-filtering/hierarchical-grid-external-advanced-filtering.component.ts b/src/app/hierarchical-grid/hierarchical-grid-external-advanced-filtering/hierarchical-grid-external-advanced-filtering.component.ts index f10cc7098..87d7104a0 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-external-advanced-filtering/hierarchical-grid-external-advanced-filtering.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-external-advanced-filtering/hierarchical-grid-external-advanced-filtering.component.ts @@ -8,7 +8,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-hierarchical-grid-external-advanced-filtering', templateUrl: './hierarchical-grid-external-advanced-filtering.component.html', styleUrls: ['./hierarchical-grid-external-advanced-filtering.component.scss'], - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxAdvancedFilteringDialogComponent, IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxRowIslandComponent, IgxGridToolbarDirective, IgxGridToolbarComponent] }) export class HGridExternalAdvancedFilteringComponent { diff --git a/src/app/hierarchical-grid/hierarchical-grid-external-excel-style-filtering/hierarchical-grid-external-excel-style-filtering.component.ts b/src/app/hierarchical-grid/hierarchical-grid-external-excel-style-filtering/hierarchical-grid-external-excel-style-filtering.component.ts index 2582d8e45..a468af36e 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-external-excel-style-filtering/hierarchical-grid-external-excel-style-filtering.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-external-excel-style-filtering/hierarchical-grid-external-excel-style-filtering.component.ts @@ -8,7 +8,6 @@ import { SINGERS } from '../../data/singersData'; import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scroll.directive'; @Component({ - changeDetection: ChangeDetectionStrategy.OnPush, selector: 'app-hierarchical-grid-external-excel-style-filtering', templateUrl: './hierarchical-grid-external-excel-style-filtering.component.html', styleUrls: ['./hierarchical-grid-external-excel-style-filtering.component.scss'], diff --git a/src/app/hierarchical-grid/hierarchical-grid-external-outlet/hierarchical-grid-external-outlet-sample.component.ts b/src/app/hierarchical-grid/hierarchical-grid-external-outlet/hierarchical-grid-external-outlet-sample.component.ts index 978743a72..42d6cf25c 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-external-outlet/hierarchical-grid-external-outlet-sample.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-external-outlet/hierarchical-grid-external-outlet-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { SINGERS } from '../../data/singersData'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxCellTemplateDirective, IgxColumnComponent, IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarHidingComponent } from 'igniteui-angular/grids/core'; @@ -9,7 +9,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-hierarchical-grid-external-outlet', styleUrls: ['./hierarchical-grid-external-outlet-sample.component.scss'], templateUrl: 'hierarchical-grid-external-outlet-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxGridToolbarActionsComponent, IgxGridToolbarHidingComponent, IgxColumnComponent, IgxCellTemplateDirective, IgxRowIslandComponent, IgxOverlayOutletDirective] }) diff --git a/src/app/hierarchical-grid/hierarchical-grid-filtering-style/hierarchical-grid-filtering-style.component.ts b/src/app/hierarchical-grid/hierarchical-grid-filtering-style/hierarchical-grid-filtering-style.component.ts index 03c495267..9cb589296 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-filtering-style/hierarchical-grid-filtering-style.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-filtering-style/hierarchical-grid-filtering-style.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { SINGERS } from '../../data/singersData'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; @@ -8,7 +8,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-hierarchical-grid-filtering-style', styleUrls: ['./hierarchical-grid-filtering-style.component.scss'], templateUrl: './hierarchical-grid-filtering-style.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxRowIslandComponent] }) export class HierarchicalGridFilteringStyleComponent { diff --git a/src/app/hierarchical-grid/hierarchical-grid-filtering-template/hierarchical-grid-filtering-template.component.ts b/src/app/hierarchical-grid/hierarchical-grid-filtering-template/hierarchical-grid-filtering-template.component.ts index 23191188e..f7f4261df 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-filtering-template/hierarchical-grid-filtering-template.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-filtering-template/hierarchical-grid-filtering-template.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { ColumnType, GridColumnDataType, IgxDateFilteringOperand, IgxNumberFilteringOperand, IgxPickerClearComponent, IgxPickerToggleComponent, IgxStringFilteringOperand, OverlaySettings } from 'igniteui-angular/core'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxCellTemplateDirective, IgxColumnComponent, IgxFilterCellTemplateDirective } from 'igniteui-angular/grids/core'; @@ -13,7 +13,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-hierarchical-grid-filtering-template', styleUrls: ['./hierarchical-grid-filtering-template.component.scss'], templateUrl: 'hierarchical-grid-filtering-template.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxRowIslandComponent, IgxFilterCellTemplateDirective, IgxInputGroupComponent, IgxPrefixDirective, IgxIconComponent, IgxInputDirective, IgxSuffixDirective, IgxDatePickerComponent, IgxPickerToggleComponent, IgxPickerClearComponent] }) diff --git a/src/app/hierarchical-grid/hierarchical-grid-filtering/hierarchical-grid-custom-filtering.component.ts b/src/app/hierarchical-grid/hierarchical-grid-filtering/hierarchical-grid-custom-filtering.component.ts index 7af572dce..589bc404d 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-filtering/hierarchical-grid-custom-filtering.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-filtering/hierarchical-grid-custom-filtering.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IFilteringOperation, IgxBooleanFilteringOperand, IgxStringFilteringOperand } from 'igniteui-angular/core'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; @@ -10,7 +10,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-hierarchical-grid-custom-filtering', styleUrls: ['./hierarchical-grid-custom-filtering.component.scss'], templateUrl: 'hierarchical-grid-custom-filtering.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxRowIslandComponent] }) diff --git a/src/app/hierarchical-grid/hierarchical-grid-filtering/hierarchical-grid-filtering.component.ts b/src/app/hierarchical-grid/hierarchical-grid-filtering/hierarchical-grid-filtering.component.ts index e82561840..77dd97ab9 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-filtering/hierarchical-grid-filtering.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-filtering/hierarchical-grid-filtering.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { SINGERS } from '../../data/singersData'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; @@ -8,7 +8,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-hierarchical-grid-filtering', styleUrls: ['./hierarchical-grid-filtering.component.scss'], templateUrl: 'hierarchical-grid-filtering.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxRowIslandComponent] }) diff --git a/src/app/hierarchical-grid/hierarchical-grid-formatted-filtering-strategy/hierarchical-grid-formatted-filtering-strategy.component.ts b/src/app/hierarchical-grid/hierarchical-grid-formatted-filtering-strategy/hierarchical-grid-formatted-filtering-strategy.component.ts index 46ed2ae01..90e8ecba9 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-formatted-filtering-strategy/hierarchical-grid-formatted-filtering-strategy.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-formatted-filtering-strategy/hierarchical-grid-formatted-filtering-strategy.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild } from '@angular/core'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { FormattedValuesFilteringStrategy } from 'igniteui-angular/core'; import { IgxColumnComponent } from 'igniteui-angular/grids/core'; @@ -9,7 +9,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-hierarchical-grid-formatted-filtering-strategy', styleUrls: ['./hierarchical-grid-formatted-filtering-strategy.component.scss'], templateUrl: 'hierarchical-grid-formatted-filtering-strategy.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxRowIslandComponent] }) diff --git a/src/app/hierarchical-grid/hierarchical-grid-lod/hierarchical-grid-lod.component.ts b/src/app/hierarchical-grid/hierarchical-grid-lod/hierarchical-grid-lod.component.ts index 6a236613d..02b5f64f3 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-lod/hierarchical-grid-lod.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-lod/hierarchical-grid-lod.component.ts @@ -1,4 +1,4 @@ -import { AfterViewInit, Component, OnInit, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; +import { AfterViewInit, Component, OnInit, ViewChild, inject } from '@angular/core'; import { IGX_HIERARCHICAL_GRID_DIRECTIVES, IGridCreatedEventArgs, IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxColumnComponent } from 'igniteui-angular/grids/core'; import { EntityType, FilteringExpressionsTree, FilteringLogic, IgxNumberFilteringOperand, IgxStringFilteringOperand } from 'igniteui-angular/core'; @@ -11,7 +11,6 @@ const API_ENDPOINT = 'https://data-northwind.indigo.design'; selector: 'app-hierarchical-grid-lod', styleUrls: ['./hierarchical-grid-lod.component.scss'], templateUrl: './hierarchical-grid-lod.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IGX_HIERARCHICAL_GRID_DIRECTIVES, IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxRowIslandComponent] }) export class HierarchicalGridLoDSampleComponent implements OnInit, AfterViewInit { diff --git a/src/app/hierarchical-grid/hierarchical-grid-multi-cell-style/hierarchical-grid-multi-cell-style.component.ts b/src/app/hierarchical-grid/hierarchical-grid-multi-cell-style/hierarchical-grid-multi-cell-style.component.ts index 34e9ad773..e74592731 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-multi-cell-style/hierarchical-grid-multi-cell-style.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-multi-cell-style/hierarchical-grid-multi-cell-style.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { CUSTOMERS } from '../../data/hierarchical-data'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxColumnComponent } from 'igniteui-angular/grids/core'; @@ -8,7 +8,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-hierarchical-grid-multi-cell-style', styleUrls: ['./hierarchical-grid-multi-cell-style.component.scss'], templateUrl: 'hierarchical-grid-multi-cell-style.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxRowIslandComponent] }) diff --git a/src/app/hierarchical-grid/hierarchical-grid-multi-column-header-template/hierarchical-grid-multi-column-template.component.ts b/src/app/hierarchical-grid/hierarchical-grid-multi-column-header-template/hierarchical-grid-multi-column-template.component.ts index 8b00150fd..573e8b172 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-multi-column-header-template/hierarchical-grid-multi-column-template.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-multi-column-header-template/hierarchical-grid-multi-column-template.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { IgxColumnComponent, IgxColumnGroupComponent } from 'igniteui-angular/grids/core'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -9,7 +9,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-hierarchical-grid-multi-column-template', styleUrls: ['./hierarchical-grid-multi-column-template.component.scss'], templateUrl: 'hierarchical-grid-multi-column-template.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxIconComponent, IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxColumnGroupComponent, IgxRowIslandComponent] }) diff --git a/src/app/hierarchical-grid/hierarchical-grid-multi-column-headers-export/hierarchical-grid-multi-column-export.component.ts b/src/app/hierarchical-grid/hierarchical-grid-multi-column-headers-export/hierarchical-grid-multi-column-export.component.ts index d5b04a731..6e786d56a 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-multi-column-headers-export/hierarchical-grid-multi-column-export.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-multi-column-headers-export/hierarchical-grid-multi-column-export.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { IgxColumnComponent, IgxColumnGroupComponent, IgxExporterEvent, IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarExporterComponent, IgxGridToolbarHidingComponent, IgxGridToolbarPinningComponent } from 'igniteui-angular/grids/core'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxSwitchComponent } from 'igniteui-angular/switch'; @@ -10,7 +10,6 @@ import { FormsModule } from '@angular/forms'; selector: 'app-hierarchical-grid-multi-column-export', styleUrls: ['./hierarchical-grid-multi-column-export.component.scss'], templateUrl: 'hierarchical-grid-multi-column-export.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxGridToolbarActionsComponent, IgxSwitchComponent, FormsModule, IgxGridToolbarPinningComponent, IgxGridToolbarHidingComponent, IgxGridToolbarExporterComponent, IgxColumnGroupComponent, IgxColumnComponent, IgxRowIslandComponent] }) diff --git a/src/app/hierarchical-grid/hierarchical-grid-multi-column-headers-styling/hierarchical-grid-multi-column-styling.component.ts b/src/app/hierarchical-grid/hierarchical-grid-multi-column-headers-styling/hierarchical-grid-multi-column-styling.component.ts index e8b750491..1a7014a8b 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-multi-column-headers-styling/hierarchical-grid-multi-column-styling.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-multi-column-headers-styling/hierarchical-grid-multi-column-styling.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { CUSTOMERS } from '../../data/hierarchical-data'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxColumnComponent, IgxColumnGroupComponent } from 'igniteui-angular/grids/core'; @@ -8,7 +8,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-hierarchical-grid-multi-column-styling', styleUrls: ['./hierarchical-grid-multi-column-styling.component.scss'], templateUrl: 'hierarchical-grid-multi-column-styling.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxColumnGroupComponent, IgxRowIslandComponent] }) diff --git a/src/app/hierarchical-grid/hierarchical-grid-multi-column-headers/hierarchical-grid-multi-column.component.ts b/src/app/hierarchical-grid/hierarchical-grid-multi-column-headers/hierarchical-grid-multi-column.component.ts index 1254f6e3b..f7bfbb72d 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-multi-column-headers/hierarchical-grid-multi-column.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-multi-column-headers/hierarchical-grid-multi-column.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxColumnComponent, IgxColumnGroupComponent } from 'igniteui-angular/grids/core'; import { IgxButtonDirective } from 'igniteui-angular/directives'; @@ -9,7 +9,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-hierarchical-grid-multi-column', styleUrls: ['./hierarchical-grid-multi-column.component.scss'], templateUrl: 'hierarchical-grid-multi-column.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxColumnGroupComponent, IgxRowIslandComponent, IgxButtonDirective] }) diff --git a/src/app/hierarchical-grid/hierarchical-grid-multi-row-drag/hierarchical-grid-multi-row-drag.component.ts b/src/app/hierarchical-grid/hierarchical-grid-multi-row-drag/hierarchical-grid-multi-row-drag.component.ts index e4390cb00..4e042abc4 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-multi-row-drag/hierarchical-grid-multi-row-drag.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-multi-row-drag/hierarchical-grid-multi-row-drag.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild } from '@angular/core'; import { GridSelectionMode, IgxColumnComponent, IgxRowDragGhostDirective, RowType } from 'igniteui-angular/grids/core'; import { IDropDroppedEventArgs, IgxDropDirective } from 'igniteui-angular/directives'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; @@ -10,7 +10,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-hierarchical-grid-multi-row-drag', styleUrls: ['./hierarchical-grid-multi-row-drag.component.scss'], templateUrl: 'hierarchical-grid-multi-row-drag.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxDropDirective, IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxRowIslandComponent, IgxRowDragGhostDirective, IgxIconComponent] }) diff --git a/src/app/hierarchical-grid/hierarchical-grid-pager-sample/hierarchical-grid-pager-sample.component.ts b/src/app/hierarchical-grid/hierarchical-grid-pager-sample/hierarchical-grid-pager-sample.component.ts index cb7f3b60d..bc468441f 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-pager-sample/hierarchical-grid-pager-sample.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-pager-sample/hierarchical-grid-pager-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, AfterViewInit, PLATFORM_ID, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild, AfterViewInit, PLATFORM_ID, inject } from '@angular/core'; import { IPaginatorResourceStrings } from 'igniteui-angular/core'; import { IgxPageNavigationComponent, IgxPageSizeSelectorComponent, IgxPaginatorComponent, IgxPaginatorContentDirective, IgxPaginatorDirective } from 'igniteui-angular/paginator'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; @@ -14,7 +14,6 @@ import { isPlatformBrowser } from '@angular/common'; selector: 'app-hierarchical-grid-pager-sample', styleUrls: ['./hierarchical-grid-pager-sample.component.scss'], templateUrl: './hierarchical-grid-pager-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxPaginatorComponent, IgxPaginatorContentDirective, IgxPageSizeSelectorComponent, IgxPageNavigationComponent, IgxColumnComponent, IgxCellTemplateDirective, IgxRowIslandComponent, IgxPaginatorDirective, IgxSwitchComponent, FormsModule] }) export class HierarchicalGridPagerSampleComponent implements OnInit, AfterViewInit { diff --git a/src/app/hierarchical-grid/hierarchical-grid-paging-style/hierarchical-grid-paging-style.component.ts b/src/app/hierarchical-grid/hierarchical-grid-paging-style/hierarchical-grid-paging-style.component.ts index b9aa5640a..e0898032a 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-paging-style/hierarchical-grid-paging-style.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-paging-style/hierarchical-grid-paging-style.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { SINGERS } from '../../data/singersData'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxPaginatorComponent, IgxPaginatorDirective } from 'igniteui-angular/paginator'; @@ -9,7 +9,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-hierarchical-grid-paging', styleUrls: ['./hierarchical-grid-paging-style.component.scss'], templateUrl: 'hierarchical-grid-paging-style.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxPaginatorComponent, IgxColumnComponent, IgxCellTemplateDirective, IgxRowIslandComponent, IgxPaginatorDirective] }) diff --git a/src/app/hierarchical-grid/hierarchical-grid-paging/hierarchical-grid-paging.component.ts b/src/app/hierarchical-grid/hierarchical-grid-paging/hierarchical-grid-paging.component.ts index 755b62eda..2ed83119f 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-paging/hierarchical-grid-paging.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-paging/hierarchical-grid-paging.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { SINGERS } from '../../data/singersData'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; @@ -9,7 +9,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-hierarchical-grid-paging', styleUrls: ['./hierarchical-grid-paging.component.scss'], templateUrl: 'hierarchical-grid-paging.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxRowIslandComponent, IgxPaginatorDirective, IgxPaginatorComponent] }) diff --git a/src/app/hierarchical-grid/hierarchical-grid-paging/hierarchical-grid-remote-paging.component.ts b/src/app/hierarchical-grid/hierarchical-grid-paging/hierarchical-grid-remote-paging.component.ts index cb18bd2dc..81d9a01f2 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-paging/hierarchical-grid-remote-paging.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-paging/hierarchical-grid-remote-paging.component.ts @@ -1,4 +1,4 @@ -import { AfterViewInit, Component, OnDestroy, OnInit, TemplateRef, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; +import { AfterViewInit, Component, OnDestroy, OnInit, TemplateRef, ViewChild, inject } from '@angular/core'; import { GridPagingMode, IgxColumnComponent } from 'igniteui-angular/grids/core'; import { IGridCreatedEventArgs, IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxPageNavigationComponent, IgxPageSizeSelectorComponent, IgxPaginatorComponent, IgxPaginatorContentDirective, IgxPaginatorDirective } from 'igniteui-angular/paginator'; @@ -12,7 +12,6 @@ import { AsyncPipe } from '@angular/common'; selector: 'app-hierarchical-grid-remote-paging', styleUrls: ['./hierarchical-grid-remote-paging.component.scss'], templateUrl: 'hierarchical-grid-remote-paging.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxRowIslandComponent, IgxPaginatorDirective, IgxPaginatorComponent, IgxPaginatorContentDirective, IgxPageSizeSelectorComponent, IgxPageNavigationComponent, AsyncPipe] }) diff --git a/src/app/hierarchical-grid/hierarchical-grid-remote-paging-default-template/hierarchical-grid-remote-paging-default-template.component.ts b/src/app/hierarchical-grid/hierarchical-grid-remote-paging-default-template/hierarchical-grid-remote-paging-default-template.component.ts index 4ce4b6fad..46bb0e283 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-remote-paging-default-template/hierarchical-grid-remote-paging-default-template.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-remote-paging-default-template/hierarchical-grid-remote-paging-default-template.component.ts @@ -1,4 +1,4 @@ -import { AfterViewInit, Component, OnDestroy, OnInit, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; +import { AfterViewInit, Component, OnDestroy, OnInit, ViewChild, inject } from '@angular/core'; import { GridPagingMode, IgxColumnComponent } from 'igniteui-angular/grids/core'; import { IGridCreatedEventArgs, IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxPaginatorComponent, IgxPaginatorDirective } from 'igniteui-angular/paginator'; @@ -10,7 +10,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-hierarchical-grid-remote-paging-default-template', styleUrls: ['./hierarchical-grid-remote-paging-default-template.component.scss'], templateUrl: 'hierarchical-grid-remote-paging-default-template.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxPaginatorComponent, IgxColumnComponent, IgxRowIslandComponent, IgxPaginatorDirective] }) diff --git a/src/app/hierarchical-grid/hierarchical-grid-resize-line-styling/hierarchical-grid-resize-line-styling.component.ts b/src/app/hierarchical-grid/hierarchical-grid-resize-line-styling/hierarchical-grid-resize-line-styling.component.ts index b679c5fc5..d14a751db 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-resize-line-styling/hierarchical-grid-resize-line-styling.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-resize-line-styling/hierarchical-grid-resize-line-styling.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { SINGERS } from '../../data/singersData'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; @@ -8,7 +8,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-hierarchical-grid-resize-line-styling', styleUrls: ['./hierarchical-grid-resize-line-styling.component.scss'], templateUrl: './hierarchical-grid-resize-line-styling.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxRowIslandComponent] }) export class HGridResizeLineStylingComponent { diff --git a/src/app/hierarchical-grid/hierarchical-grid-row-drag-base/hierarchical-row-drag-base.component.ts b/src/app/hierarchical-grid/hierarchical-grid-row-drag-base/hierarchical-row-drag-base.component.ts index 95cb73d60..4b7219462 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-row-drag-base/hierarchical-row-drag-base.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-row-drag-base/hierarchical-row-drag-base.component.ts @@ -1,5 +1,5 @@ /* eslint-disable @typescript-eslint/naming-convention */ -import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild } from '@angular/core'; import { IDropDroppedEventArgs, IgxDropDirective } from 'igniteui-angular/directives'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxColumnComponent, RowType } from 'igniteui-angular/grids/core'; @@ -17,7 +17,6 @@ enum DragIcon { selector: 'app-hierarchical-row-drag-base', styleUrls: ['./hierarchical-row-drag-base.component.scss'], templateUrl: 'hierarchical-row-drag-base.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxDropDirective, IgxIconComponent, IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxRowIslandComponent] }) diff --git a/src/app/hierarchical-grid/hierarchical-grid-row-drag/hierarchical-grid-row-drag.component.ts b/src/app/hierarchical-grid/hierarchical-grid-row-drag/hierarchical-grid-row-drag.component.ts index e681c94dd..b90baae78 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-row-drag/hierarchical-grid-row-drag.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-row-drag/hierarchical-grid-row-drag.component.ts @@ -1,5 +1,5 @@ /* eslint-disable @typescript-eslint/naming-convention */ -import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild } from '@angular/core'; import { IDropDroppedEventArgs, IgxDropDirective } from 'igniteui-angular/directives'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxColumnComponent, IgxDragIndicatorIconDirective, RowType } from 'igniteui-angular/grids/core'; @@ -17,7 +17,6 @@ enum DragIcon { selector: 'app-hierarchical-grid-row-drag', styleUrls: ['./hierarchical-grid-row-drag.component.scss'], templateUrl: 'hierarchical-grid-row-drag.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxDropDirective, IgxIconComponent, IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxRowIslandComponent, IgxDragIndicatorIconDirective] }) diff --git a/src/app/hierarchical-grid/hierarchical-grid-row-edit-style/hierarchical-grid-row-edit-style.component.ts b/src/app/hierarchical-grid/hierarchical-grid-row-edit-style/hierarchical-grid-row-edit-style.component.ts index af38e72bc..2aa40e6fc 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-row-edit-style/hierarchical-grid-row-edit-style.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-row-edit-style/hierarchical-grid-row-edit-style.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { SINGERS } from '../../data/singersData'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxCellTemplateDirective, IgxColumnComponent, IgxRowEditActionsDirective, IgxRowEditTabStopDirective, IgxRowEditTextDirective } from 'igniteui-angular/grids/core'; @@ -10,7 +10,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-hierarchical-grid-row-edit-style', styleUrls: ['./hierarchical-grid-row-edit-style.component.scss'], templateUrl: 'hierarchical-grid-row-edit-style.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxRowIslandComponent, IgxRowEditTextDirective, IgxRowEditActionsDirective, IgxIconButtonDirective, IgxRowEditTabStopDirective, IgxIconComponent] }) diff --git a/src/app/hierarchical-grid/hierarchical-grid-row-editing/hierarchical-grid-row-editing.component.ts b/src/app/hierarchical-grid/hierarchical-grid-row-editing/hierarchical-grid-row-editing.component.ts index 4198c9fdb..a57d89d78 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-row-editing/hierarchical-grid-row-editing.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-row-editing/hierarchical-grid-row-editing.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { SINGERS } from '../../data/singersData'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; @@ -8,7 +8,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-hierarchical-grid-row-editing', styleUrls: ['./hierarchical-grid-row-editing.component.scss'], templateUrl: 'hierarchical-grid-row-editing.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxRowIslandComponent] }) export class HGridRowEditingSampleComponent { diff --git a/src/app/hierarchical-grid/hierarchical-grid-row-pinning-extra-column/hierarchical-grid-row-pinning-extra-column.component.ts b/src/app/hierarchical-grid/hierarchical-grid-row-pinning-extra-column/hierarchical-grid-row-pinning-extra-column.component.ts index 2a3a2435c..b130ce198 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-row-pinning-extra-column/hierarchical-grid-row-pinning-extra-column.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-row-pinning-extra-column/hierarchical-grid-row-pinning-extra-column.component.ts @@ -1,4 +1,4 @@ -import { Component, AfterViewInit, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, AfterViewInit, inject } from '@angular/core'; import { ColumnPinningPosition } from 'igniteui-angular/core'; import { IgxIconComponent, IgxIconService } from 'igniteui-angular/icon'; import { IPinningConfig, IgxCellTemplateDirective, IgxColumnComponent, RowPinningPosition, RowType } from 'igniteui-angular/grids/core'; @@ -14,7 +14,6 @@ const FILTERING_ICONS_FONT_SET = 'filtering-icons'; selector: 'app-hierarchical-grid-row-pinning-extra-column', styleUrls: ['./hierarchical-grid-row-pinning-extra-column.component.scss'], templateUrl: 'hierarchical-grid-row-pinning-extra-column.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSwitchComponent, IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxIconComponent, IgxRowIslandComponent] }) diff --git a/src/app/hierarchical-grid/hierarchical-grid-row-pinning-styling/hierarchical-grid-row-pinning-styling.component.ts b/src/app/hierarchical-grid/hierarchical-grid-row-pinning-styling/hierarchical-grid-row-pinning-styling.component.ts index 75c4acd9c..0bcd26d62 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-row-pinning-styling/hierarchical-grid-row-pinning-styling.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-row-pinning-styling/hierarchical-grid-row-pinning-styling.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { ColumnPinningPosition } from 'igniteui-angular/core'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IPinningConfig, IgxCellTemplateDirective, IgxColumnComponent, IgxGridPinningActionsComponent, RowPinningPosition } from 'igniteui-angular/grids/core'; @@ -10,7 +10,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-hierarchical-grid-row-pinning-styling', styleUrls: ['./hierarchical-grid-row-pinning-styling.component.scss'], templateUrl: 'hierarchical-grid-row-pinning-styling.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxActionStripComponent, IgxGridPinningActionsComponent, IgxRowIslandComponent] }) diff --git a/src/app/hierarchical-grid/hierarchical-grid-row-pinning/hierarchical-grid-row-pinning.component.ts b/src/app/hierarchical-grid/hierarchical-grid-row-pinning/hierarchical-grid-row-pinning.component.ts index baaf37f08..65251546e 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-row-pinning/hierarchical-grid-row-pinning.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-row-pinning/hierarchical-grid-row-pinning.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { ColumnPinningPosition } from 'igniteui-angular/core'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IPinningConfig, IgxCellTemplateDirective, IgxColumnComponent, IgxGridPinningActionsComponent, RowPinningPosition } from 'igniteui-angular/grids/core'; @@ -11,7 +11,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-hierarchical-grid-row-pinning', styleUrls: ['./hierarchical-grid-row-pinning.component.scss'], templateUrl: 'hierarchical-grid-row-pinning.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSwitchComponent, IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxActionStripComponent, IgxGridPinningActionsComponent, IgxRowIslandComponent] }) diff --git a/src/app/hierarchical-grid/hierarchical-grid-row-reorder/hierarchical-grid-row-reorder.component.ts b/src/app/hierarchical-grid/hierarchical-grid-row-reorder/hierarchical-grid-row-reorder.component.ts index 24fa3b7c9..8b36d0904 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-row-reorder/hierarchical-grid-row-reorder.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-row-reorder/hierarchical-grid-row-reorder.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild } from '@angular/core'; import { IDropDroppedEventArgs, IgxDropDirective } from 'igniteui-angular/directives'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { GridSelectionMode, IgxColumnComponent, RowType } from 'igniteui-angular/grids/core'; @@ -10,7 +10,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-hierarchical-grid-row-reorder', styleUrls: ['./hierarchical-grid-row-reorder.component.scss'], templateUrl: 'hierarchical-grid-row-reorder.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxDropDirective, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxRowIslandComponent] }) export class HGridRowReorderComponent { diff --git a/src/app/hierarchical-grid/hierarchical-grid-sample-both-sides-pinning/hierarchical-grid-both-sides-pinning.component.ts b/src/app/hierarchical-grid/hierarchical-grid-sample-both-sides-pinning/hierarchical-grid-both-sides-pinning.component.ts index 82129b417..b5cf3dac4 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-sample-both-sides-pinning/hierarchical-grid-both-sides-pinning.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-sample-both-sides-pinning/hierarchical-grid-both-sides-pinning.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ViewEncapsulation, ChangeDetectionStrategy } from "@angular/core"; +import { Component, OnInit, ViewChild, ViewEncapsulation } from "@angular/core"; import { ColumnPinningPosition, ColumnType } from 'igniteui-angular/core'; import { IPinningConfig, IgxCellHeaderTemplateDirective, IgxCellTemplateDirective, IgxColumnComponent, IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarTitleComponent } from 'igniteui-angular/grids/core'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; @@ -15,7 +15,6 @@ import { DatePipe } from "@angular/common"; selector: "hierarchical-grid-sample-both-side-pinning", styleUrls: ["hierarchical-grid-both-sides-pinning.component.scss"], templateUrl: "hierarchical-grid-both-sides-pinning.component.html", - changeDetection: ChangeDetectionStrategy.Eager, imports: [ IgxHierarchicalGridComponent, IgxGridToolbarComponent, diff --git a/src/app/hierarchical-grid/hierarchical-grid-sample-right-pinning/hierarchical-grid-right-pinning.component.ts b/src/app/hierarchical-grid/hierarchical-grid-sample-right-pinning/hierarchical-grid-right-pinning.component.ts index 3995efc69..63a3e074d 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-sample-right-pinning/hierarchical-grid-right-pinning.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-sample-right-pinning/hierarchical-grid-right-pinning.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ViewEncapsulation, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild, ViewEncapsulation } from '@angular/core'; import { ColumnPinningPosition } from 'igniteui-angular/core'; import { IPinningConfig, IgxCellHeaderTemplateDirective, IgxCellTemplateDirective, IgxColumnComponent, IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarPinningComponent } from 'igniteui-angular/grids/core'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; @@ -16,7 +16,6 @@ import { DatePipe } from '@angular/common'; selector: 'hierarchical-grid-sample', styleUrls: ['hierarchical-grid-right-pinning.component.scss'], templateUrl: 'hierarchical-grid-right-pinning.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxGridToolbarComponent, IgxGridToolbarActionsComponent, IgxGridToolbarPinningComponent, IgxColumnComponent, IgxCellTemplateDirective, IgxTooltipTargetDirective, IgxTooltipDirective, IgxAvatarComponent, IgxCellHeaderTemplateDirective, IgxIconComponent, IgxRowIslandComponent, DatePipe] }) diff --git a/src/app/hierarchical-grid/hierarchical-grid-save-state/about.component.ts b/src/app/hierarchical-grid/hierarchical-grid-save-state/about.component.ts index e1dc39708..913b20e3c 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-save-state/about.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-save-state/about.component.ts @@ -1,11 +1,10 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxButtonDirective } from 'igniteui-angular/directives'; import { RouterLink } from '@angular/router'; @Component({ selector: 'app-about', templateUrl: './about.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, RouterLink] }) export class HGridAboutComponent { diff --git a/src/app/hierarchical-grid/hierarchical-grid-save-state/hGrid-state.component.ts b/src/app/hierarchical-grid/hierarchical-grid-save-state/hGrid-state.component.ts index c3695f6ca..30882f5dc 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-save-state/hGrid-state.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-save-state/hGrid-state.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ViewChildren, QueryList, AfterViewInit, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild, ViewChildren, QueryList, AfterViewInit, inject } from '@angular/core'; import { NavigationStart, Router, RouterLink } from '@angular/router'; import { GridFeatures, IGridState, IGridStateOptions, IgxCellTemplateDirective, IgxColumnComponent, IgxGridStateDirective, IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarHidingComponent, IgxGridToolbarPinningComponent, IgxNumberSummaryOperand } from 'igniteui-angular/grids/core'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; @@ -30,7 +30,6 @@ class MySummary { selector: 'app-hgrid', styleUrls: ['./hGrid-state.component.scss'], templateUrl: './hGrid-state.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxIconComponent, RouterLink, IgxCheckboxComponent, IgxHierarchicalGridComponent, IgxGridStateDirective, IgxPreventDocumentScrollDirective, IgxPaginatorComponent, IgxGridToolbarComponent, IgxGridToolbarActionsComponent, IgxGridToolbarHidingComponent, IgxGridToolbarPinningComponent, IgxColumnComponent, IgxCellTemplateDirective, IgxRowIslandComponent] }) diff --git a/src/app/hierarchical-grid/hierarchical-grid-selection-template-numbers/hierarchical-grid-selection-template-numbers.component.ts b/src/app/hierarchical-grid/hierarchical-grid-selection-template-numbers/hierarchical-grid-selection-template-numbers.component.ts index 55e12513c..c0e8dee70 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-selection-template-numbers/hierarchical-grid-selection-template-numbers.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-selection-template-numbers/hierarchical-grid-selection-template-numbers.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { SINGERS } from '../../data/singersData'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxPaginatorComponent } from 'igniteui-angular/paginator'; @@ -10,7 +10,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-hierarchical-grid-selection-template-numbers', styleUrls: ['./hierarchical-grid-selection-template-numbers.component.scss'], templateUrl: 'hierarchical-grid-selection-template-numbers.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxPaginatorComponent, IgxColumnComponent, IgxRowIslandComponent, IgxHeadSelectorDirective, IgxRowSelectorDirective, IgxCheckboxComponent] }) diff --git a/src/app/hierarchical-grid/hierarchical-grid-selection/hierarchical-grid-selection.component.ts b/src/app/hierarchical-grid/hierarchical-grid-selection/hierarchical-grid-selection.component.ts index 6e4646dde..91c2f62a3 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-selection/hierarchical-grid-selection.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-selection/hierarchical-grid-selection.component.ts @@ -1,4 +1,4 @@ -import { Component, OnDestroy, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnDestroy, OnInit, ViewChild } from '@angular/core'; import { GridSelectionMode, IRowSelectionEventArgs, IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; import { IgxSnackbarComponent } from 'igniteui-angular/snackbar'; import { IgxSwitchComponent } from 'igniteui-angular/switch'; @@ -14,7 +14,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-hierarchical-grid-selection', styleUrls: ['./hierarchical-grid-selection.component.scss'], templateUrl: 'hierarchical-grid-selection.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSwitchComponent, FormsModule, IgxButtonGroupComponent, IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxRowIslandComponent, IgxSnackbarComponent, IgxIconComponent] }) diff --git a/src/app/hierarchical-grid/hierarchical-grid-sorting-styling/hierarchical-grid-sorting-styling.component.ts b/src/app/hierarchical-grid/hierarchical-grid-sorting-styling/hierarchical-grid-sorting-styling.component.ts index 344ec75f9..2453e1a73 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-sorting-styling/hierarchical-grid-sorting-styling.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-sorting-styling/hierarchical-grid-sorting-styling.component.ts @@ -1,4 +1,4 @@ -import { AfterViewInit, Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { AfterViewInit, Component, OnInit, ViewChild } from '@angular/core'; import { DefaultSortingStrategy, SortingDirection } from 'igniteui-angular/core'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; @@ -9,7 +9,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-hierarchical-grid-sorting-styling', styleUrls: ['./hierarchical-grid-sorting-styling.component.scss'], templateUrl: 'hierarchical-grid-sorting-styling.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxRowIslandComponent] }) diff --git a/src/app/hierarchical-grid/hierarchical-grid-sorting/hgrid-contextmenu/hgrid-contextmenu.component.ts b/src/app/hierarchical-grid/hierarchical-grid-sorting/hgrid-contextmenu/hgrid-contextmenu.component.ts index 8db9cc419..cd56eac38 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-sorting/hgrid-contextmenu/hgrid-contextmenu.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-sorting/hgrid-contextmenu/hgrid-contextmenu.component.ts @@ -1,4 +1,4 @@ -import { Component, Input, ChangeDetectionStrategy } from '@angular/core'; +import { Component, Input } from '@angular/core'; import { SortingDirection } from 'igniteui-angular/core'; import { IgxIconComponent } from 'igniteui-angular/icon'; import { NgStyle } from '@angular/common'; @@ -7,7 +7,6 @@ import { NgStyle } from '@angular/common'; selector: 'app-hgrid-contextmenu', styleUrls: ['./hgrid-contextmenu.component.scss'], templateUrl: './hgrid-contextmenu.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [NgStyle, IgxIconComponent] }) export class HGridContextmenuComponent { diff --git a/src/app/hierarchical-grid/hierarchical-grid-sorting/hierarchical-grid-sorting.component.ts b/src/app/hierarchical-grid/hierarchical-grid-sorting/hierarchical-grid-sorting.component.ts index 9615032eb..277e08dc6 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-sorting/hierarchical-grid-sorting.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-sorting/hierarchical-grid-sorting.component.ts @@ -1,4 +1,4 @@ -import { AfterViewInit, Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { AfterViewInit, Component, OnInit, ViewChild } from '@angular/core'; import { DefaultSortingStrategy, SortingDirection } from 'igniteui-angular/core'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; @@ -11,7 +11,6 @@ import { HGridContextmenuComponent } from './hgrid-contextmenu/hgrid-contextmenu selector: 'app-hierarchical-grid-sorting', styleUrls: ['./hierarchical-grid-sorting.component.scss'], templateUrl: 'hierarchical-grid-sorting.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxRowIslandComponent, HGridContextmenuComponent] }) diff --git a/src/app/hierarchical-grid/hierarchical-grid-styling/hierarchical-grid-styling.component.ts b/src/app/hierarchical-grid/hierarchical-grid-styling/hierarchical-grid-styling.component.ts index 9ed63fd0f..fcc915ddf 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-styling/hierarchical-grid-styling.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-styling/hierarchical-grid-styling.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { SINGERS } from '../../data/singersData'; @@ -8,7 +8,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-hierarchical-grid-styling', styleUrls: ['./hierarchical-grid-styling.component.scss'], templateUrl: 'hierarchical-grid-styling.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxRowIslandComponent] }) diff --git a/src/app/hierarchical-grid/hierarchical-grid-summary-formatter/hierarchical-grid-summary-formatter.component.ts b/src/app/hierarchical-grid/hierarchical-grid-summary-formatter/hierarchical-grid-summary-formatter.component.ts index 0e5a8f641..63b88dacb 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-summary-formatter/hierarchical-grid-summary-formatter.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-summary-formatter/hierarchical-grid-summary-formatter.component.ts @@ -1,5 +1,5 @@ import { DatePipe } from '@angular/common'; -import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild } from '@angular/core'; import { IgxColumnComponent, IgxDateSummaryOperand, IgxSummaryOperand } from 'igniteui-angular/grids/core'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxSummaryResult } from 'igniteui-angular/core'; @@ -10,7 +10,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-hierarchical-grid-summary-formatter', styleUrls: ['./hierarchical-grid-summary-formatter.component.scss'], templateUrl: 'hierarchical-grid-summary-formatter.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxRowIslandComponent] }) diff --git a/src/app/hierarchical-grid/hierarchical-grid-summary-styling/hierarchical-grid-summary-styling.component.ts b/src/app/hierarchical-grid/hierarchical-grid-summary-styling/hierarchical-grid-summary-styling.component.ts index 219aa02d4..35a3d264e 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-summary-styling/hierarchical-grid-summary-styling.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-summary-styling/hierarchical-grid-summary-styling.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxCellTemplateDirective, IgxColumnComponent, IgxNumberSummaryOperand } from 'igniteui-angular/grids/core'; import { IgxSummaryResult } from 'igniteui-angular/core'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; @@ -46,7 +46,6 @@ class MyChildSummary { selector: 'app-hierarchical-grid-summary-styling', styleUrls: ['./hierarchical-grid-summary-styling.component.scss'], templateUrl: 'hierarchical-grid-summary-styling.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxRowIslandComponent] }) diff --git a/src/app/hierarchical-grid/hierarchical-grid-summary/hierarchical-grid-summary.component.ts b/src/app/hierarchical-grid/hierarchical-grid-summary/hierarchical-grid-summary.component.ts index 0d37bb784..cf73f3cb9 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-summary/hierarchical-grid-summary.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-summary/hierarchical-grid-summary.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild } from '@angular/core'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxCellTemplateDirective, IgxColumnComponent, IgxNumberSummaryOperand } from 'igniteui-angular/grids/core'; import { IgxSummaryResult } from 'igniteui-angular/core'; @@ -46,7 +46,6 @@ class MyChildSummary { selector: 'app-hierarchical-grid-summary', styleUrls: ['./hierarchical-grid-summary.component.scss'], templateUrl: 'hierarchical-grid-summary.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxRowIslandComponent] }) diff --git a/src/app/hierarchical-grid/hierarchical-grid-toolbar-style/hierarchical-grid-toolbar-style.component.ts b/src/app/hierarchical-grid/hierarchical-grid-toolbar-style/hierarchical-grid-toolbar-style.component.ts index 398e36e64..07b59c093 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-toolbar-style/hierarchical-grid-toolbar-style.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-toolbar-style/hierarchical-grid-toolbar-style.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { SINGERS } from '../../data/singersData'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxCellTemplateDirective, IgxColumnComponent, IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarHidingComponent, IgxGridToolbarPinningComponent, IgxGridToolbarTitleComponent } from 'igniteui-angular/grids/core'; @@ -8,7 +8,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-hierarchical-grid-toolbar-style', styleUrls: ['./hierarchical-grid-toolbar-style.component.scss'], templateUrl: './hierarchical-grid-toolbar-style.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxGridToolbarTitleComponent, IgxGridToolbarActionsComponent, IgxGridToolbarHidingComponent, IgxGridToolbarPinningComponent, IgxColumnComponent, IgxCellTemplateDirective, IgxRowIslandComponent] }) export class HierarchicalGridToolbarStyleComponent { diff --git a/src/app/hierarchical-grid/hierarchical-grid-toolbar/hierarchical-grid-toolbar-custom.component.ts b/src/app/hierarchical-grid/hierarchical-grid-toolbar/hierarchical-grid-toolbar-custom.component.ts index 95e25ec85..5d325f661 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-toolbar/hierarchical-grid-toolbar-custom.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-toolbar/hierarchical-grid-toolbar-custom.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { SINGERS } from '../../data/singersData'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxCellTemplateDirective, IgxColumnComponent, IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarDirective, IgxGridToolbarHidingComponent, IgxGridToolbarTitleComponent } from 'igniteui-angular/grids/core'; @@ -10,7 +10,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-hierarchical-grid-toolbar-custom', styleUrls: ['./hierarchical-grid-toolbar-custom.component.scss'], templateUrl: 'hierarchical-grid-toolbar-custom.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxGridToolbarTitleComponent, IgxGridToolbarActionsComponent, IgxButtonDirective, IgxRippleDirective, IgxIconComponent, IgxGridToolbarHidingComponent, IgxColumnComponent, IgxCellTemplateDirective, IgxRowIslandComponent, IgxGridToolbarDirective] }) diff --git a/src/app/hierarchical-grid/hierarchical-grid-toolbar/hierarchical-grid-toolbar-options.component.ts b/src/app/hierarchical-grid/hierarchical-grid-toolbar/hierarchical-grid-toolbar-options.component.ts index 151d61023..4016b371d 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-toolbar/hierarchical-grid-toolbar-options.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-toolbar/hierarchical-grid-toolbar-options.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { SINGERS } from '../../data/singersData'; import { IgxInputDirective, IgxInputGroupComponent, IgxLabelDirective } from 'igniteui-angular/input-group'; import { IgxSwitchComponent } from 'igniteui-angular/switch'; @@ -12,7 +12,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-hierarchical-grid-toolbar-options', styleUrls: ['./hierarchical-grid-toolbar-options.component.scss'], templateUrl: 'hierarchical-grid-toolbar-options.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxInputGroupComponent, IgxLabelDirective, FormsModule, IgxInputDirective, IgxSwitchComponent, IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxGridToolbarTitleComponent, IgxGridToolbarActionsComponent, IgxGridToolbarAdvancedFilteringComponent, IgxGridToolbarHidingComponent, IgxGridToolbarPinningComponent, IgxGridToolbarExporterComponent, IgxColumnComponent, IgxCellTemplateDirective, IgxRowIslandComponent] }) diff --git a/src/app/hierarchical-grid/hierarchical-grid-toolbar/hierarchical-grid-toolbar-title.component.ts b/src/app/hierarchical-grid/hierarchical-grid-toolbar/hierarchical-grid-toolbar-title.component.ts index 18b094c59..4942cdce5 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-toolbar/hierarchical-grid-toolbar-title.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-toolbar/hierarchical-grid-toolbar-title.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { SINGERS } from '../../data/singersData'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxCellTemplateDirective, IgxColumnComponent, IgxGridToolbarComponent, IgxGridToolbarDirective, IgxGridToolbarTitleComponent } from 'igniteui-angular/grids/core'; @@ -8,7 +8,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-hierarchical-grid-toolbar-title', styleUrls: ['./hierarchical-grid-toolbar-title.component.scss'], templateUrl: 'hierarchical-grid-toolbar-title.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxGridToolbarTitleComponent, IgxColumnComponent, IgxCellTemplateDirective, IgxRowIslandComponent, IgxGridToolbarDirective] }) diff --git a/src/app/hierarchical-grid/hierarchical-grid-validation-style/hierarchical-grid-validation-style.component.ts b/src/app/hierarchical-grid/hierarchical-grid-validation-style/hierarchical-grid-validation-style.component.ts index 7e0f412c5..49871eb70 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-validation-style/hierarchical-grid-validation-style.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-validation-style/hierarchical-grid-validation-style.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild } from '@angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxCellValidationErrorDirective, IgxColumnComponent, IgxColumnRequiredValidatorDirective, RowType } from 'igniteui-angular/grids/core'; @@ -11,7 +11,6 @@ import { NgTemplateOutlet } from '@angular/common'; selector: 'app-hierarchical-grid-validation-style', styleUrls: ['./hierarchical-grid-validation-style.component.scss'], templateUrl: 'hierarchical-grid-validation-style.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxColumnRequiredValidatorDirective, IgxCellValidationErrorDirective, NgTemplateOutlet, IgxRowIslandComponent] }) export class HGridValidationStyleComponent { diff --git a/src/app/hierarchical-grid/hierarchical-grid-validator-service-extended/hierarchical-grid-validator-service-extended.component.ts b/src/app/hierarchical-grid/hierarchical-grid-validator-service-extended/hierarchical-grid-validator-service-extended.component.ts index 490a8bbac..fbcfefab7 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-validator-service-extended/hierarchical-grid-validator-service-extended.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-validator-service-extended/hierarchical-grid-validator-service-extended.component.ts @@ -1,4 +1,4 @@ -import { Component, Directive, Input, ViewChild, ChangeDetectionStrategy, forwardRef } from '@angular/core'; +import { Component, Directive, forwardRef, Input, ViewChild } from '@angular/core'; import { AbstractControl, NG_VALIDATORS, ValidationErrors, ValidatorFn, Validators } from '@angular/forms'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IGridFormGroupCreatedEventArgs, IgxCellValidationErrorDirective, IgxColumnComponent, IgxColumnRequiredValidatorDirective, IgxGridToolbarComponent, IgxGridToolbarDirective } from 'igniteui-angular/grids/core'; @@ -35,7 +35,6 @@ export function unique(value, index, self) { selector: 'app-hierarchical-grid-validator-service-extended', styleUrls: ['./hierarchical-grid-validator-service-extended.component.scss'], templateUrl: './hierarchical-grid-validator-service-extended.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxHierarchicalGridComponent, IgxColumnComponent, IgxColumnRequiredValidatorDirective, HGridPhoneFormatDirective, IgxCellValidationErrorDirective, NgTemplateOutlet, IgxRowIslandComponent, IgxGridToolbarDirective, IgxGridToolbarComponent, IgxButtonDirective] }) export class HierarchicalGridValidatorServiceExtendedComponent { diff --git a/src/app/hierarchical-grid/hierarchical-grid-validator-service/hierarchical-grid-validator-service.component.ts b/src/app/hierarchical-grid/hierarchical-grid-validator-service/hierarchical-grid-validator-service.component.ts index 32cf4b3cb..1c969657b 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-validator-service/hierarchical-grid-validator-service.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-validator-service/hierarchical-grid-validator-service.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { IgxSwitchComponent } from 'igniteui-angular/switch'; import { IgxColumnComponent, IgxColumnMaxValidatorDirective, IgxColumnMinValidatorDirective, IgxColumnRequiredValidatorDirective } from 'igniteui-angular/grids/core'; @@ -9,7 +9,6 @@ import { FormsModule } from '@angular/forms'; selector: 'app-hierarchical-grid-validator-service', styleUrls: ['./hierarchical-grid-validator-service.component.scss'], templateUrl: './hierarchical-grid-validator-service.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSwitchComponent, FormsModule, IgxHierarchicalGridComponent, IgxColumnComponent, IgxColumnRequiredValidatorDirective, IgxRowIslandComponent, IgxColumnMinValidatorDirective, IgxColumnMaxValidatorDirective] }) export class HierarchicalGridValidatorServiceComponent implements OnInit { diff --git a/src/app/home/home.component.ts b/src/app/home/home.component.ts index bab10f8ab..5a8d2e598 100644 --- a/src/app/home/home.component.ts +++ b/src/app/home/home.component.ts @@ -1,9 +1,8 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'app-home', styleUrls: ['./home.component.scss'], - changeDetection: ChangeDetectionStrategy.Eager, templateUrl: './home.component.html' }) export class HomeComponent { diff --git a/src/app/how-to/reactive-forms/reactive-forms.component.ts b/src/app/how-to/reactive-forms/reactive-forms.component.ts index e4c140463..ffd68813f 100644 --- a/src/app/how-to/reactive-forms/reactive-forms.component.ts +++ b/src/app/how-to/reactive-forms/reactive-forms.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { FormArray, FormBuilder, FormControl, FormGroup, Validators, FormsModule, ReactiveFormsModule } from '@angular/forms'; import { DateRange, IgxPickerToggleComponent } from 'igniteui-angular/core'; import { IRangeSliderValue, IgxSliderComponent } from 'igniteui-angular/slider'; @@ -38,7 +38,6 @@ export interface User{ selector: 'app-reactive-form', styleUrls: ['./reactive-forms.component.scss'], templateUrl: './reactive-forms.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [FormsModule, ReactiveFormsModule, IgxSelectComponent, IgxSelectGroupComponent, IgxSelectItemComponent, IgxLabelDirective, IgxSelectToggleIconDirective, IgxIconComponent, IgxInputGroupComponent, IgxInputDirective, IgxSuffixDirective, IgxHintDirective, IgxPrefixDirective, IgxComboComponent, IgxDatePickerComponent, IgxPickerToggleComponent, IgxTimePickerComponent, IgcFormControlDirective, IgxCheckboxComponent, IgxRadioGroupDirective, IgxRadioComponent, IgxSwitchComponent, IgxDateRangePickerComponent, IgxSliderComponent, IgxCalendarComponent, IgxCardComponent, IgxMonthPickerComponent, IgxButtonDirective, IgxRippleDirective] }) export class ReactiveFormsSampleComponent { diff --git a/src/app/index/docs-layout.component.ts b/src/app/index/docs-layout.component.ts index 2678b9329..c1a426b4b 100644 --- a/src/app/index/docs-layout.component.ts +++ b/src/app/index/docs-layout.component.ts @@ -1,11 +1,10 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { RouterOutlet } from '@angular/router'; @Component({ selector: 'app-docs-layout', styleUrls: ['./docs-layout.component.scss'], template: ``, - changeDetection: ChangeDetectionStrategy.Eager, imports: [RouterOutlet] }) diff --git a/src/app/index/index.component.ts b/src/app/index/index.component.ts index 9b3c5935e..31dc645f4 100644 --- a/src/app/index/index.component.ts +++ b/src/app/index/index.component.ts @@ -1,4 +1,4 @@ -import { AfterViewInit, ChangeDetectorRef, Component, OnInit, ViewChild, DOCUMENT, PLATFORM_ID, inject, ChangeDetectionStrategy } from '@angular/core'; +import { AfterViewInit, ChangeDetectorRef, Component, OnInit, ViewChild, DOCUMENT, PLATFORM_ID, inject } from '@angular/core'; import { NavigationStart, Route, Router, RouterLinkActive, RouterLink, RouterOutlet } from '@angular/router'; import { IgxNavDrawerItemDirective, IgxNavDrawerTemplateDirective, IgxNavigationDrawerComponent } from 'igniteui-angular/navigation-drawer'; import { IgxTreeComponent, IgxTreeNodeComponent, IgxTreeNodeLinkDirective } from 'igniteui-angular/tree'; @@ -33,7 +33,6 @@ import { isPlatformBrowser } from '@angular/common'; selector: 'app-index', styleUrls: ['./index.component.scss'], templateUrl: './index.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxLayoutDirective, IgxNavigationDrawerComponent, IgxNavDrawerTemplateDirective, IgxNavDrawerItemDirective, IgxRippleDirective, RouterLinkActive, RouterLink, IgxIconComponent, IgxInputGroupComponent, IgxPrefixDirective, FormsModule, IgxInputDirective, IgxSuffixDirective, IgxTreeComponent, IgxTreeNodeComponent, IgxTreeNodeLinkDirective, IgxFlexDirective, IgxNavbarComponent, RouterOutlet] }) export class IndexComponent implements OnInit, AfterViewInit { diff --git a/src/app/interactions/chat/features-sample/features-sample.component.ts b/src/app/interactions/chat/features-sample/features-sample.component.ts index 6a5741022..5c209dba0 100644 --- a/src/app/interactions/chat/features-sample/features-sample.component.ts +++ b/src/app/interactions/chat/features-sample/features-sample.component.ts @@ -1,5 +1,5 @@ import { AsyncPipe } from '@angular/common'; -import { Component, effect, signal, viewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, effect, signal, viewChild } from '@angular/core'; import { IgxChatComponent, IgxChatMessageContextDirective, type IgxChatOptions } from 'igniteui-angular/chat'; import { MarkdownPipe } from 'igniteui-angular/chat-extras'; @@ -7,7 +7,6 @@ import { MarkdownPipe } from 'igniteui-angular/chat-extras'; selector: 'app-chat-features-sample', styleUrls: ['./features-sample.component.scss'], templateUrl: './features-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxChatComponent, IgxChatMessageContextDirective, AsyncPipe, MarkdownPipe] }) export class ChatFeaturesSampleComponent { diff --git a/src/app/interactions/chat/overview-sample/overview-sample.component.ts b/src/app/interactions/chat/overview-sample/overview-sample.component.ts index 0cc6e77a5..1d3585a4e 100644 --- a/src/app/interactions/chat/overview-sample/overview-sample.component.ts +++ b/src/app/interactions/chat/overview-sample/overview-sample.component.ts @@ -1,11 +1,10 @@ -import { Component, signal, ChangeDetectionStrategy } from '@angular/core'; +import { Component, signal } from '@angular/core'; import { IgxChatComponent, IgxChatOptions } from 'igniteui-angular/chat'; @Component({ selector: 'app-chat-overview-sample', styleUrls: ['./overview-sample.component.scss'], templateUrl: './overview-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxChatComponent] }) export class ChatOverviewSampleComponent { diff --git a/src/app/interactions/chat/styling-sample/styling-sample.component.ts b/src/app/interactions/chat/styling-sample/styling-sample.component.ts index 47ecca81b..09205aa50 100644 --- a/src/app/interactions/chat/styling-sample/styling-sample.component.ts +++ b/src/app/interactions/chat/styling-sample/styling-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, signal, CUSTOM_ELEMENTS_SCHEMA, ChangeDetectionStrategy } from '@angular/core'; +import { Component, signal, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { IgxAvatarComponent } from 'igniteui-angular/avatar'; import { IgxChatComponent, IgxChatOptions } from 'igniteui-angular/chat'; @@ -7,7 +7,6 @@ import { IgxChatComponent, IgxChatOptions } from 'igniteui-angular/chat'; styleUrls: ['./styling-sample.component.scss'], templateUrl: './styling-sample.component.html', imports: [IgxAvatarComponent, IgxChatComponent], - changeDetection: ChangeDetectionStrategy.Eager, schemas: [CUSTOM_ELEMENTS_SCHEMA] }) diff --git a/src/app/interactions/dialog/dialog-sample-1/dialog-sample-1.component.ts b/src/app/interactions/dialog/dialog-sample-1/dialog-sample-1.component.ts index d9a93012e..45895afcd 100644 --- a/src/app/interactions/dialog/dialog-sample-1/dialog-sample-1.component.ts +++ b/src/app/interactions/dialog/dialog-sample-1/dialog-sample-1.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxButtonDirective, IgxRippleDirective } from 'igniteui-angular/directives'; import { IgxDialogComponent } from 'igniteui-angular/dialog'; @@ -6,7 +6,6 @@ import { IgxDialogComponent } from 'igniteui-angular/dialog'; selector: 'app-dialog-sample-1', styleUrls: ['./dialog-sample-1.component.scss'], templateUrl: './dialog-sample-1.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxRippleDirective, IgxDialogComponent] }) export class DialogSample1Component { } diff --git a/src/app/interactions/dialog/dialog-sample-2/dialog-sample-2.component.ts b/src/app/interactions/dialog/dialog-sample-2/dialog-sample-2.component.ts index b75a1405f..667d64644 100644 --- a/src/app/interactions/dialog/dialog-sample-2/dialog-sample-2.component.ts +++ b/src/app/interactions/dialog/dialog-sample-2/dialog-sample-2.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxButtonDirective, IgxRippleDirective } from 'igniteui-angular/directives'; import { IgxDialogComponent } from 'igniteui-angular/dialog'; @@ -6,7 +6,6 @@ import { IgxDialogComponent } from 'igniteui-angular/dialog'; selector: 'app-dialog-sample-2', styleUrls: ['./dialog-sample-2.component.scss'], templateUrl: './dialog-sample-2.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxRippleDirective, IgxDialogComponent] }) export class DialogSample2Component { diff --git a/src/app/interactions/dialog/dialog-sample-3/dialog-sample-3.component.ts b/src/app/interactions/dialog/dialog-sample-3/dialog-sample-3.component.ts index 4ac8a58c8..df3e2e7e1 100644 --- a/src/app/interactions/dialog/dialog-sample-3/dialog-sample-3.component.ts +++ b/src/app/interactions/dialog/dialog-sample-3/dialog-sample-3.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxButtonDirective, IgxRippleDirective } from 'igniteui-angular/directives'; import { IgxDialogActionsDirective, IgxDialogComponent, IgxDialogTitleDirective } from 'igniteui-angular/dialog'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -9,7 +9,6 @@ import { FormsModule } from '@angular/forms'; selector: 'app-dialog-sample-3', styleUrls: ['./dialog-sample-3.component.scss'], templateUrl: './dialog-sample-3.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxRippleDirective, IgxDialogComponent, IgxDialogTitleDirective, IgxIconComponent, FormsModule, IgxInputGroupComponent, IgxPrefixDirective, IgxLabelDirective, IgxInputDirective, IgxDialogActionsDirective] }) export class DialogSample3Component { diff --git a/src/app/interactions/dialog/dialog-styling-sample/dialog-styling-sample.component.ts b/src/app/interactions/dialog/dialog-styling-sample/dialog-styling-sample.component.ts index ae808b7b2..720f1a1d6 100644 --- a/src/app/interactions/dialog/dialog-styling-sample/dialog-styling-sample.component.ts +++ b/src/app/interactions/dialog/dialog-styling-sample/dialog-styling-sample.component.ts @@ -1,5 +1,5 @@ import { useAnimation } from '@angular/animations'; -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { CloseScrollStrategy, GlobalPositionStrategy, IgxOverlayOutletDirective, PositionSettings } from 'igniteui-angular/core'; import { IgxDialogActionsDirective, IgxDialogComponent, IgxDialogTitleDirective } from 'igniteui-angular/dialog'; import { IgxButtonDirective, IgxRippleDirective } from 'igniteui-angular/directives'; @@ -10,7 +10,6 @@ import { slideInBottom, slideOutTop } from 'igniteui-angular/animations'; selector: 'app-dialog-styling-sample', styleUrls: ['./dialog-styling-sample.component.scss'], templateUrl: './dialog-styling-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxOverlayOutletDirective, IgxButtonDirective, IgxRippleDirective, IgxDialogComponent, IgxDialogTitleDirective, IgxIconComponent, IgxDialogActionsDirective] }) export class DialogStylingSampleComponent implements OnInit { diff --git a/src/app/interactions/drag-drop/dialog-sample/drag-dialog-sample.component.ts b/src/app/interactions/drag-drop/dialog-sample/drag-dialog-sample.component.ts index 06ef7d958..84f657a28 100644 --- a/src/app/interactions/drag-drop/dialog-sample/drag-dialog-sample.component.ts +++ b/src/app/interactions/drag-drop/dialog-sample/drag-dialog-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, ElementRef, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ElementRef, ViewChild } from '@angular/core'; import { GlobalPositionStrategy, NoOpScrollStrategy, OverlaySettings } from 'igniteui-angular/core'; import { IgxButtonDirective, IgxDragDirective, IgxDragHandleDirective, IgxDragLocation, IgxToggleDirective } from 'igniteui-angular/directives'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -7,7 +7,6 @@ import { IgxIconComponent } from 'igniteui-angular/icon'; selector: 'app-drag-dialog-sample', templateUrl: './drag-dialog-sample.component.html', styleUrls: ['./drag-dialog-sample.component.scss'], - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxToggleDirective, IgxDragDirective, IgxIconComponent, IgxDragHandleDirective] }) export class DragDialogSampleComponent { diff --git a/src/app/interactions/drag-drop/email-sample/email-sample.component.ts b/src/app/interactions/drag-drop/email-sample/email-sample.component.ts index 3e5d08325..8c05ad259 100644 --- a/src/app/interactions/drag-drop/email-sample/email-sample.component.ts +++ b/src/app/interactions/drag-drop/email-sample/email-sample.component.ts @@ -1,4 +1,4 @@ -import { ChangeDetectorRef, Component, Input, Renderer2, inject, ChangeDetectionStrategy } from '@angular/core'; +import { ChangeDetectorRef, Component, Input, Renderer2, inject } from '@angular/core'; import { IgxIconComponent } from 'igniteui-angular/icon'; import { IgxListComponent, IgxListItemComponent, IgxListLineSubTitleDirective, IgxListLineTitleDirective, IgxListThumbnailDirective } from 'igniteui-angular/list'; import { IgxDragDirective, IgxDropDirective } from 'igniteui-angular/directives'; @@ -10,7 +10,6 @@ import { FormsModule } from '@angular/forms'; selector: 'app-email-sample', templateUrl: './email-sample.component.html', styleUrls: ['./email-sample.component.scss'], - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxIconComponent, IgxListComponent, IgxListItemComponent, IgxDropDirective, IgxListThumbnailDirective, IgxListLineTitleDirective, IgxDragDirective, IgxListLineSubTitleDirective, IgxCheckboxComponent, FormsModule] }) diff --git a/src/app/interactions/drag-drop/icons-sample/icons-sample.component.ts b/src/app/interactions/drag-drop/icons-sample/icons-sample.component.ts index 6a036f429..f96eb0922 100644 --- a/src/app/interactions/drag-drop/icons-sample/icons-sample.component.ts +++ b/src/app/interactions/drag-drop/icons-sample/icons-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxDragDirective, IgxDropDirective } from 'igniteui-angular/directives'; @@ -6,7 +6,6 @@ import { IgxDragDirective, IgxDropDirective } from 'igniteui-angular/directives' selector: 'app-icons-sample', styleUrls: ['./icons-sample.component.scss'], templateUrl: './icons-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxDragDirective, IgxDropDirective] }) diff --git a/src/app/interactions/drag-drop/kanban-sample/kanban-sample.component.ts b/src/app/interactions/drag-drop/kanban-sample/kanban-sample.component.ts index d047dd5f4..4abbf20fa 100644 --- a/src/app/interactions/drag-drop/kanban-sample/kanban-sample.component.ts +++ b/src/app/interactions/drag-drop/kanban-sample/kanban-sample.component.ts @@ -1,6 +1,6 @@ /* eslint-disable no-shadow */ /* eslint-disable @typescript-eslint/naming-convention */ -import { ChangeDetectorRef, Component, ElementRef, OnInit, Renderer2, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; +import { ChangeDetectorRef, Component, ElementRef, OnInit, Renderer2, ViewChild, inject } from '@angular/core'; import { IDropBaseEventArgs, IDropDroppedEventArgs, IgxDragDirective, IgxDropDirective } from 'igniteui-angular/directives'; import { IgxChipComponent } from 'igniteui-angular/chips'; import { IgxCardComponent, IgxCardContentDirective, IgxCardHeaderComponent, IgxCardHeaderTitleDirective } from 'igniteui-angular/card'; @@ -21,7 +21,6 @@ interface IListItem { selector: 'app-kanban-sample', templateUrl: './kanban-sample.component.html', styleUrls: ['./kanban-sample.component.scss'], - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxDropDirective, IgxChipComponent, IgxCardComponent, IgxDragDirective, IgxCardHeaderComponent, IgxCardHeaderTitleDirective, IgxCardContentDirective] }) export class KanbanSampleComponent implements OnInit { diff --git a/src/app/interactions/drag-drop/list-reorder-sample/list-reorder-sample.component.ts b/src/app/interactions/drag-drop/list-reorder-sample/list-reorder-sample.component.ts index ad21634b4..d7bba62cb 100644 --- a/src/app/interactions/drag-drop/list-reorder-sample/list-reorder-sample.component.ts +++ b/src/app/interactions/drag-drop/list-reorder-sample/list-reorder-sample.component.ts @@ -15,7 +15,6 @@ import { IgxIconComponent } from 'igniteui-angular/icon'; selector: 'app-list-reorder-sample', templateUrl: './list-reorder-sample.component.html', styleUrls: ['./list-reorder-sample.component.scss'], - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxListComponent, IgxListItemComponent, IgxDropDirective, IgxDragDirective, IgxListLineTitleDirective, IgxListLineSubTitleDirective, IgxIconComponent, IgxDragHandleDirective, IgxListActionDirective] }) export class ListReorderSampleComponent { diff --git a/src/app/interactions/overlay/overlay-dynamic-card/overlay-dynamic-card.component.ts b/src/app/interactions/overlay/overlay-dynamic-card/overlay-dynamic-card.component.ts index 4db0b4d41..148eeac4f 100644 --- a/src/app/interactions/overlay/overlay-dynamic-card/overlay-dynamic-card.component.ts +++ b/src/app/interactions/overlay/overlay-dynamic-card/overlay-dynamic-card.component.ts @@ -1,12 +1,12 @@ -import { Component, ElementRef, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ElementRef, inject } from '@angular/core'; import { IgxCardComponent, IgxCardContentDirective, IgxCardHeaderComponent, IgxCardHeaderSubtitleDirective, IgxCardHeaderTitleDirective, IgxCardModule } from 'igniteui-angular/card'; @Component({ selector: `app-overlay-dynamic-card-component`, templateUrl: `overlay-dynamic-card.component.html`, styleUrls: [`overlay-dynamic-card.component.scss`], - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxCardComponent, IgxCardHeaderComponent, IgxCardHeaderTitleDirective, IgxCardHeaderSubtitleDirective, IgxCardContentDirective] }) -export class MyDynamicCardComponent { elementRef = inject(ElementRef); - +export class MyDynamicCardComponent { + elementRef = inject(ElementRef); + } diff --git a/src/app/interactions/overlay/overlay-main-1/overlay-main-sample-1.component.ts b/src/app/interactions/overlay/overlay-main-1/overlay-main-sample-1.component.ts index 1001eabb2..8f558f35d 100644 --- a/src/app/interactions/overlay/overlay-main-1/overlay-main-sample-1.component.ts +++ b/src/app/interactions/overlay/overlay-main-1/overlay-main-sample-1.component.ts @@ -1,4 +1,4 @@ -import { Component, OnDestroy, ViewContainerRef, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnDestroy, ViewContainerRef, inject } from '@angular/core'; import { IgxOverlayService } from 'igniteui-angular/core'; import { IgxButtonDirective } from 'igniteui-angular/directives'; import { MyDynamicCardComponent} from '../overlay-dynamic-card/overlay-dynamic-card.component'; @@ -6,7 +6,6 @@ import { MyDynamicCardComponent} from '../overlay-dynamic-card/overlay-dynamic-c selector: 'app-overlay-sample', templateUrl: `./overlay-main-sample-1.component.html`, styleUrls: [`./overlay-main-sample-1.component.scss`], - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective] }) export class OverlaySampleMain1Component implements OnDestroy { diff --git a/src/app/interactions/overlay/overlay-main-2/overlay-main-sample-2.component.ts b/src/app/interactions/overlay/overlay-main-2/overlay-main-sample-2.component.ts index cd0f104e0..92b7b5949 100644 --- a/src/app/interactions/overlay/overlay-main-2/overlay-main-sample-2.component.ts +++ b/src/app/interactions/overlay/overlay-main-2/overlay-main-sample-2.component.ts @@ -1,4 +1,4 @@ -import { Component, ElementRef, OnDestroy, ViewChild, ViewContainerRef, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ElementRef, OnDestroy, ViewChild, ViewContainerRef, inject } from '@angular/core'; import { ConnectedPositioningStrategy, IgxOverlayService } from 'igniteui-angular/core'; import { IgxButtonDirective } from 'igniteui-angular/directives'; import { CardSample1Component } from '../../../layouts/card/card-sample-1/card-sample-1.component'; @@ -7,7 +7,6 @@ import { CardSample1Component } from '../../../layouts/card/card-sample-1/card-s selector: 'app-overlay-sample', templateUrl: `./overlay-main-sample-2.component.html`, styleUrls: [`./overlay-main-sample-2.component.scss`], - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective] }) export class OverlaySampleMain2Component implements OnDestroy { diff --git a/src/app/interactions/overlay/overlay-main-3/overlay-main-sample-3.component.ts b/src/app/interactions/overlay/overlay-main-3/overlay-main-sample-3.component.ts index 3923a014b..dff46042d 100644 --- a/src/app/interactions/overlay/overlay-main-3/overlay-main-sample-3.component.ts +++ b/src/app/interactions/overlay/overlay-main-3/overlay-main-sample-3.component.ts @@ -1,4 +1,4 @@ -import { Component, ElementRef, OnDestroy, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ElementRef, OnDestroy, ViewChild, inject } from '@angular/core'; import { ConnectedPositioningStrategy, IgxOverlayService } from 'igniteui-angular/core'; import { IgxButtonDirective } from 'igniteui-angular/directives'; import { CardSample1Component } from '../../../layouts/card/card-sample-1/card-sample-1.component'; @@ -7,7 +7,6 @@ import { CardSample1Component } from '../../../layouts/card/card-sample-1/card-s selector: 'app-overlay-sample', templateUrl: `overlay-main-sample-3.component.html`, styleUrls: ['overlay-main-sample-3.component.scss'], - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, CardSample1Component] }) export class OverlaySampleMain3Component implements OnDestroy { diff --git a/src/app/interactions/overlay/overlay-positioning-1/overlay-position-sample-1.component.ts b/src/app/interactions/overlay/overlay-positioning-1/overlay-position-sample-1.component.ts index 967296ef6..e466675df 100644 --- a/src/app/interactions/overlay/overlay-positioning-1/overlay-position-sample-1.component.ts +++ b/src/app/interactions/overlay/overlay-positioning-1/overlay-position-sample-1.component.ts @@ -1,4 +1,4 @@ -import { Component, ElementRef, OnDestroy, ViewChild, ViewContainerRef, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ElementRef, OnDestroy, ViewChild, ViewContainerRef, inject } from '@angular/core'; import { ConnectedPositioningStrategy, IgxOverlayService, OverlaySettings } from 'igniteui-angular/core'; import { IgxButtonDirective } from 'igniteui-angular/directives'; import { Subject } from 'rxjs'; @@ -8,7 +8,6 @@ import { MyDynamicCardComponent } from '../overlay-dynamic-card/overlay-dynamic- styleUrls: ['./overlay-position-sample-1.component.scss'], templateUrl: './overlay-position-sample-1.component.html', providers: [IgxOverlayService], - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective] }) export class OverlayPositionSample1Component implements OnDestroy { diff --git a/src/app/interactions/overlay/overlay-positioning-2/overlay-position-sample-2.component.ts b/src/app/interactions/overlay/overlay-positioning-2/overlay-position-sample-2.component.ts index 327fd2842..904a281eb 100644 --- a/src/app/interactions/overlay/overlay-positioning-2/overlay-position-sample-2.component.ts +++ b/src/app/interactions/overlay/overlay-positioning-2/overlay-position-sample-2.component.ts @@ -1,4 +1,4 @@ -import { Component, ElementRef, OnDestroy, ViewChild, ViewContainerRef, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ElementRef, OnDestroy, ViewChild, ViewContainerRef, inject } from '@angular/core'; import { ConnectedPositioningStrategy, HorizontalAlignment, IgxOverlayService, OverlaySettings, PositionSettings, VerticalAlignment } from 'igniteui-angular/core'; import { IgxButtonDirective } from 'igniteui-angular/directives'; import { MyDynamicCardComponent } from '../overlay-dynamic-card/overlay-dynamic-card.component'; @@ -7,7 +7,6 @@ import { MyDynamicCardComponent } from '../overlay-dynamic-card/overlay-dynamic- styleUrls: ['./overlay-position-sample-2.component.scss'], templateUrl: './overlay-position-sample-2.component.html', providers: [IgxOverlayService], - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective] }) export class OverlayPositionSample2Component implements OnDestroy { diff --git a/src/app/interactions/overlay/overlay-positioning-3/overlay-position-sample-3.component.ts b/src/app/interactions/overlay/overlay-positioning-3/overlay-position-sample-3.component.ts index 27e0c21af..f2d41e4c5 100644 --- a/src/app/interactions/overlay/overlay-positioning-3/overlay-position-sample-3.component.ts +++ b/src/app/interactions/overlay/overlay-positioning-3/overlay-position-sample-3.component.ts @@ -1,4 +1,4 @@ -import { Component, ElementRef, OnDestroy, ViewChild, ViewContainerRef, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ElementRef, OnDestroy, ViewChild, ViewContainerRef, inject } from '@angular/core'; import { AutoPositionStrategy, IgxOverlayService } from 'igniteui-angular/core'; import { IgxButtonDirective } from 'igniteui-angular/directives'; import { MyDynamicCardComponent } from '../overlay-dynamic-card/overlay-dynamic-card.component'; @@ -7,7 +7,6 @@ import { MyDynamicCardComponent } from '../overlay-dynamic-card/overlay-dynamic- styleUrls: ['./overlay-position-sample-3.component.scss'], templateUrl: './overlay-position-sample-3.component.html', providers: [IgxOverlayService], - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective] }) export class OverlayPositionSample3Component implements OnDestroy { diff --git a/src/app/interactions/overlay/overlay-preset-settings/overlay-preset-settings-sample.component.ts b/src/app/interactions/overlay/overlay-preset-settings/overlay-preset-settings-sample.component.ts index e903723bd..266590690 100644 --- a/src/app/interactions/overlay/overlay-preset-settings/overlay-preset-settings-sample.component.ts +++ b/src/app/interactions/overlay/overlay-preset-settings/overlay-preset-settings-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, ElementRef, OnDestroy, OnInit, ViewChild, ViewContainerRef, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ElementRef, OnDestroy, OnInit, ViewChild, ViewContainerRef, inject } from '@angular/core'; import { AbsolutePosition, IgxOverlayService, OverlaySettings, RelativePosition, RelativePositionStrategy } from 'igniteui-angular/core'; import { IButtonGroupEventArgs, IgxButtonGroupComponent } from 'igniteui-angular/button-group'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -12,7 +12,6 @@ import { NgTemplateOutlet } from '@angular/common'; styleUrls: ['./overlay-preset-settings-sample.component.scss'], templateUrl: './overlay-preset-settings-sample.component.html', providers: [IgxOverlayService], - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxIconComponent, NgTemplateOutlet, IgxButtonGroupComponent, IgxButtonDirective] }) export class OverlayPresetSettingsSampleComponent implements OnInit, OnDestroy { diff --git a/src/app/interactions/overlay/overlay-scroll-1/overlay-scroll-sample-1.component.ts b/src/app/interactions/overlay/overlay-scroll-1/overlay-scroll-sample-1.component.ts index 19af4cb2a..9159deda8 100644 --- a/src/app/interactions/overlay/overlay-scroll-1/overlay-scroll-sample-1.component.ts +++ b/src/app/interactions/overlay/overlay-scroll-1/overlay-scroll-sample-1.component.ts @@ -1,4 +1,4 @@ -import { Component, ElementRef, OnDestroy, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ElementRef, OnDestroy, ViewChild, inject } from '@angular/core'; import { AbsoluteScrollStrategy, AutoPositionStrategy, ConnectedPositioningStrategy, ElasticPositionStrategy, GlobalPositionStrategy, HorizontalAlignment, IgxOverlayService, OverlaySettings, PositionSettings, VerticalAlignment } from 'igniteui-angular/core'; import { IgxSwitchComponent } from 'igniteui-angular/switch'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -10,7 +10,6 @@ import { FormsModule } from '@angular/forms'; styleUrls: ['./overlay-scroll-sample-1.component.scss'], templateUrl: './overlay-scroll-sample-1.component.html', providers: [IgxOverlayService], - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSwitchComponent, FormsModule, IgxIconComponent, IgxCardComponent, IgxCardHeaderComponent, IgxCardContentDirective] }) export class OverlayScrollSample1Component implements OnDestroy { diff --git a/src/app/interactions/overlay/overlay-scroll-2/overlay-scroll-sample-2.component.ts b/src/app/interactions/overlay/overlay-scroll-2/overlay-scroll-sample-2.component.ts index c9f44d634..34e6923bf 100644 --- a/src/app/interactions/overlay/overlay-scroll-2/overlay-scroll-sample-2.component.ts +++ b/src/app/interactions/overlay/overlay-scroll-2/overlay-scroll-sample-2.component.ts @@ -1,4 +1,4 @@ -import { Component, ElementRef, OnDestroy, OnInit, ViewChild, ViewContainerRef, inject, ChangeDetectionStrategy } from '@angular/core'; +import { ChangeDetectorRef, Component, ElementRef, OnDestroy, OnInit, ViewChild, ViewContainerRef, inject } from '@angular/core'; import { AbsoluteScrollStrategy, BlockScrollStrategy, CloseScrollStrategy, ConnectedPositioningStrategy, IgxOverlayService, NoOpScrollStrategy } from 'igniteui-angular/core'; import { IgxIconComponent } from 'igniteui-angular/icon'; import { Subject } from 'rxjs'; @@ -9,12 +9,12 @@ import { MyDynamicCardComponent } from '../overlay-dynamic-card/overlay-dynamic- styleUrls: ['./overlay-scroll-sample-2.component.scss'], templateUrl: './overlay-scroll-sample-2.component.html', providers: [IgxOverlayService], - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxIconComponent, MyDynamicCardComponent] }) export class OverlayScrollSample2Component implements OnInit, OnDestroy { private overlay = inject(IgxOverlayService); private viewContainerRef = inject(ViewContainerRef); + private cdr = inject(ChangeDetectorRef); @ViewChild('scrollDemo', { static: true }) public scrollDemo: ElementRef; @@ -38,7 +38,10 @@ export class OverlayScrollSample2Component implements OnInit, OnDestroy { this.overlay .closed .pipe(takeUntil(this.destroy$)) - .subscribe(() => this.previewHidden = false); + .subscribe(() => { + this.previewHidden = false; + this.cdr.markForCheck(); + }); } public ngOnInit(): void { diff --git a/src/app/interactions/overlay/overlay-styling/overlay-styling.component.ts b/src/app/interactions/overlay/overlay-styling/overlay-styling.component.ts index e0866fdcf..b05e15830 100644 --- a/src/app/interactions/overlay/overlay-styling/overlay-styling.component.ts +++ b/src/app/interactions/overlay/overlay-styling/overlay-styling.component.ts @@ -1,4 +1,4 @@ -import { Component, ElementRef, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ElementRef, inject } from '@angular/core'; import { IgxOverlayService } from 'igniteui-angular/core'; import { IgxComboComponent } from 'igniteui-angular/combo'; import { FormsModule } from '@angular/forms'; @@ -7,7 +7,6 @@ import { FormsModule } from '@angular/forms'; selector: 'app-overlay-styling', styleUrls: ['overlay-styling.component.scss'], templateUrl: 'overlay-styling.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxComboComponent, FormsModule] }) export class OverlayStylingComponent { diff --git a/src/app/interactions/query-builder/query-builder-request-sample/query-builder-request-sample.component.ts b/src/app/interactions/query-builder/query-builder-request-sample/query-builder-request-sample.component.ts index 477849577..b7ab51bda 100644 --- a/src/app/interactions/query-builder/query-builder-request-sample/query-builder-request-sample.component.ts +++ b/src/app/interactions/query-builder/query-builder-request-sample/query-builder-request-sample.component.ts @@ -1,5 +1,5 @@ import { HttpClient } from '@angular/common/http'; -import { AfterViewInit, ChangeDetectorRef, Component, OnInit, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; +import { AfterViewInit, ChangeDetectorRef, Component, OnInit, ViewChild, inject } from '@angular/core'; import { FilteringExpressionsTree, FilteringLogic, IExpressionTree } from 'igniteui-angular/core'; import { IgxColumnComponent } from 'igniteui-angular/grids/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; @@ -11,7 +11,6 @@ const API_ENDPOINT = 'https://data-northwind.indigo.design'; selector: 'query-builder-request-sample', styleUrls: ['./query-builder-request-sample.component.scss'], templateUrl: 'query-builder-request-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxQueryBuilderComponent, IgxGridComponent, IgxColumnComponent] }) export class QueryBuilderRequestSampleComponent implements OnInit, AfterViewInit { @@ -58,11 +57,11 @@ export class QueryBuilderRequestSampleComponent implements OnInit, AfterViewInit fields: this.ordersFields } ]; - + const tree = new FilteringExpressionsTree(FilteringLogic.And, undefined, 'Orders', ['orderId', 'customerId', 'employeeId', 'shipperId', 'orderDate', 'requiredDate', 'shipVia', 'freight', 'shipName', 'completed']); this.expressionTree = tree; } - + public ngAfterViewInit(): void { this.onChange(); } diff --git a/src/app/interactions/query-builder/query-builder-sample-1/query-builder-sample-1.component.ts b/src/app/interactions/query-builder/query-builder-sample-1/query-builder-sample-1.component.ts index 32c645735..58c1b149d 100644 --- a/src/app/interactions/query-builder/query-builder-sample-1/query-builder-sample-1.component.ts +++ b/src/app/interactions/query-builder/query-builder-sample-1/query-builder-sample-1.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { FilteringExpressionsTree, FilteringLogic, IExpressionTree, IgxBooleanFilteringOperand, IgxDateFilteringOperand, IgxNumberFilteringOperand, IgxStringFilteringOperand } from 'igniteui-angular/core'; import { IgxQueryBuilderComponent } from 'igniteui-angular/query-builder'; @@ -6,7 +6,6 @@ import { IgxQueryBuilderComponent } from 'igniteui-angular/query-builder'; selector: 'app-query-builder-sample-1', styleUrls: ['./query-builder-sample-1.component.scss'], templateUrl: 'query-builder-sample-1.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxQueryBuilderComponent] }) export class QueryBuilderSample1Component implements OnInit { @@ -85,7 +84,7 @@ export class QueryBuilderSample1Component implements OnInit { condition: IgxDateFilteringOperand.instance().condition('today'), conditionName: IgxDateFilteringOperand.instance().condition('today').name }); - + const tree = new FilteringExpressionsTree(FilteringLogic.And, undefined, 'Orders', ['*']); tree.filteringOperands.push({ fieldName: 'CompanyID', @@ -112,4 +111,4 @@ export class QueryBuilderSample1Component implements OnInit { public printExpressionTree(tree: IExpressionTree) { return tree ? JSON.stringify(tree, null, 2) : 'Please add an expression!'; } -} \ No newline at end of file +} diff --git a/src/app/interactions/query-builder/query-builder-sql-sample/query-builder-sql-sample.component.ts b/src/app/interactions/query-builder/query-builder-sql-sample/query-builder-sql-sample.component.ts index b7cb18654..81df6f39a 100644 --- a/src/app/interactions/query-builder/query-builder-sql-sample/query-builder-sql-sample.component.ts +++ b/src/app/interactions/query-builder/query-builder-sql-sample/query-builder-sql-sample.component.ts @@ -1,5 +1,5 @@ import { HttpClient } from '@angular/common/http'; -import { AfterViewInit, ChangeDetectorRef, Component, OnInit, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; +import { AfterViewInit, ChangeDetectorRef, Component, OnInit, ViewChild, inject } from '@angular/core'; import { EntityType, FilteringExpressionsTree, IExpressionTree, IgxNumberFilteringOperand, IgxStringFilteringOperand } from 'igniteui-angular/core'; import { IgxColumnComponent } from 'igniteui-angular/grids/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; @@ -12,7 +12,6 @@ const API_ENDPOINT = 'https://data-northwind.indigo.design'; selector: 'app-query-builder-sql-sample', styleUrls: ['./query-builder-sql-sample.component.scss'], templateUrl: 'query-builder-sql-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxQueryBuilderComponent, IgxGridComponent, IgxColumnComponent] }) export class QueryBuilderSqlSampleComponent implements OnInit, AfterViewInit { @@ -116,7 +115,7 @@ export class QueryBuilderSqlSampleComponent implements OnInit, AfterViewInit { `${tree.returnFields.join(',')}` : '*'; - const selectClause = `SELECT ${selectFields}`; + const selectClause = `SELECT ${selectFields}`; const fromClause = `FROM ${tree.entity}`; const whereClause = this.buildWhereClause(tree); @@ -188,7 +187,7 @@ export class QueryBuilderSqlSampleComponent implements OnInit, AfterViewInit { break; } } - + public onChange() { const sqlQuery = this.transformExpressionTreeToSqlQuery(this.expressionTree); this.sqlQuery = format(sqlQuery); @@ -212,4 +211,4 @@ export class QueryBuilderSqlSampleComponent implements OnInit, AfterViewInit { this.grid.columns.forEach(column => column.hidden = !this.expressionTree.returnFields.includes(column.field)); } } -} \ No newline at end of file +} diff --git a/src/app/interactions/query-builder/query-builder-style/query-builder-style.component.ts b/src/app/interactions/query-builder/query-builder-style/query-builder-style.component.ts index e0802fc37..de24bdd9d 100644 --- a/src/app/interactions/query-builder/query-builder-style/query-builder-style.component.ts +++ b/src/app/interactions/query-builder/query-builder-style/query-builder-style.component.ts @@ -1,11 +1,10 @@ -import { Component, OnInit, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { IgxQueryBuilderComponent } from 'igniteui-angular/query-builder'; @Component({ selector: 'app-query-builder-style-sample', styleUrls: ['./query-builder-style.component.scss'], templateUrl: 'query-builder-style.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxQueryBuilderComponent] }) export class QueryBuilderStyleComponent implements OnInit { @@ -55,6 +54,6 @@ export class QueryBuilderStyleComponent implements OnInit { name: "Orders", fields: this.ordersFields } - ]; + ]; } } diff --git a/src/app/interactions/query-builder/query-builder-tailwind-style/query-builder-tailwind-style.component.ts b/src/app/interactions/query-builder/query-builder-tailwind-style/query-builder-tailwind-style.component.ts index b20f0fa88..0240f6505 100644 --- a/src/app/interactions/query-builder/query-builder-tailwind-style/query-builder-tailwind-style.component.ts +++ b/src/app/interactions/query-builder/query-builder-tailwind-style/query-builder-tailwind-style.component.ts @@ -1,11 +1,10 @@ -import { Component, OnInit, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { IgxQueryBuilderComponent } from 'igniteui-angular/query-builder'; @Component({ selector: 'app-query-builder-tailwind-style-sample', styleUrls: ['./query-builder-tailwind-style.component.scss'], templateUrl: 'query-builder-tailwind-style.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxQueryBuilderComponent] }) export class QueryBuilderTailwindStyleComponent implements OnInit { diff --git a/src/app/interactions/query-builder/query-builder-template-sample/query-builder-template-sample.component.ts b/src/app/interactions/query-builder/query-builder-template-sample/query-builder-template-sample.component.ts index af71b19f1..186333e69 100644 --- a/src/app/interactions/query-builder/query-builder-template-sample/query-builder-template-sample.component.ts +++ b/src/app/interactions/query-builder/query-builder-template-sample/query-builder-template-sample.component.ts @@ -1,5 +1,5 @@ import { NgTemplateOutlet } from '@angular/common'; -import { Component, OnInit, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { FormsModule } from '@angular/forms'; import { FilteringExpressionsTree, FilteringLogic, IExpressionTree, IgxNumberFilteringOperand, IgxStringFilteringOperand } from 'igniteui-angular/core'; import { IgxComboModule } from 'igniteui-angular/combo'; @@ -11,7 +11,6 @@ import { IgxSelectModule } from 'igniteui-angular/select'; selector: 'app-query-builder-template-sample', styleUrls: ['./query-builder-template-sample.component.scss'], templateUrl: 'query-builder-template-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [ IgxQueryBuilderComponent, IgxQueryBuilderHeaderComponent, diff --git a/src/app/interactions/ripple/ripple-sample-2/ripple-sample-2.component.ts b/src/app/interactions/ripple/ripple-sample-2/ripple-sample-2.component.ts index aa82a16e2..ed4cd8a31 100644 --- a/src/app/interactions/ripple/ripple-sample-2/ripple-sample-2.component.ts +++ b/src/app/interactions/ripple/ripple-sample-2/ripple-sample-2.component.ts @@ -1,11 +1,10 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxButtonDirective, IgxRippleDirective } from 'igniteui-angular/directives'; @Component({ selector: 'app-ripple-sample-2', styleUrls: ['./ripple-sample-2.component.scss'], templateUrl: './ripple-sample-2.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxRippleDirective, IgxButtonDirective] }) export class RippleSample2Component { } diff --git a/src/app/interactions/ripple/ripple-sample-3/ripple-sample-3.component.ts b/src/app/interactions/ripple/ripple-sample-3/ripple-sample-3.component.ts index c5a063043..b6894e53a 100644 --- a/src/app/interactions/ripple/ripple-sample-3/ripple-sample-3.component.ts +++ b/src/app/interactions/ripple/ripple-sample-3/ripple-sample-3.component.ts @@ -1,11 +1,10 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxButtonDirective, IgxRippleDirective } from 'igniteui-angular/directives'; @Component({ selector: 'app-ripple-sample-3', styleUrls: ['./ripple-sample-3.component.scss'], templateUrl: './ripple-sample-3.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxRippleDirective] }) export class RippleSample3Component { } diff --git a/src/app/interactions/ripple/ripple-sample-4/ripple-sample-4.component.ts b/src/app/interactions/ripple/ripple-sample-4/ripple-sample-4.component.ts index 5d009f614..9a0fde7f2 100644 --- a/src/app/interactions/ripple/ripple-sample-4/ripple-sample-4.component.ts +++ b/src/app/interactions/ripple/ripple-sample-4/ripple-sample-4.component.ts @@ -1,11 +1,10 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxButtonDirective, IgxRippleDirective } from 'igniteui-angular/directives'; @Component({ selector: 'app-ripple-sample-4', styleUrls: ['./ripple-sample-4.component.scss'], templateUrl: './ripple-sample-4.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxRippleDirective] }) export class RippleSample4Component { } diff --git a/src/app/interactions/ripple/ripple-sample-5/ripple-sample-5.component.ts b/src/app/interactions/ripple/ripple-sample-5/ripple-sample-5.component.ts index bc24bf810..ca35500d9 100644 --- a/src/app/interactions/ripple/ripple-sample-5/ripple-sample-5.component.ts +++ b/src/app/interactions/ripple/ripple-sample-5/ripple-sample-5.component.ts @@ -1,11 +1,10 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxButtonDirective, IgxRippleDirective } from 'igniteui-angular/directives'; @Component({ selector: 'app-ripple-sample-5', styleUrls: ['./ripple-sample-5.component.scss'], templateUrl: './ripple-sample-5.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxRippleDirective] }) export class RippleSample5Component { } diff --git a/src/app/interactions/ripple/ripple-sample-6/ripple-sample-6.component.ts b/src/app/interactions/ripple/ripple-sample-6/ripple-sample-6.component.ts index 6fd8eeae5..24c03c931 100644 --- a/src/app/interactions/ripple/ripple-sample-6/ripple-sample-6.component.ts +++ b/src/app/interactions/ripple/ripple-sample-6/ripple-sample-6.component.ts @@ -1,11 +1,10 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxButtonDirective, IgxRippleDirective } from 'igniteui-angular/directives'; @Component({ selector: 'app-ripple-sample-6', styleUrls: ['./ripple-sample-6.component.scss'], templateUrl: './ripple-sample-6.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxRippleDirective] }) export class RippleSample6Component { } diff --git a/src/app/interactions/ripple/ripple-stying/ripple-styling-sample.component.ts b/src/app/interactions/ripple/ripple-stying/ripple-styling-sample.component.ts index b6727a8e1..ba4081527 100644 --- a/src/app/interactions/ripple/ripple-stying/ripple-styling-sample.component.ts +++ b/src/app/interactions/ripple/ripple-stying/ripple-styling-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxButtonDirective, IgxIconButtonDirective, IgxRippleDirective } from 'igniteui-angular/directives'; import { IgxIconComponent } from 'igniteui-angular/icon'; import { IgxAvatarComponent } from 'igniteui-angular/avatar'; @@ -7,7 +7,6 @@ import { IgxAvatarComponent } from 'igniteui-angular/avatar'; selector: 'app-ripple-styling-sample', styleUrls: ['./ripple-styling-sample.component.scss'], templateUrl: './ripple-styling-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxRippleDirective, IgxIconButtonDirective, IgxIconComponent, IgxAvatarComponent] }) export class RippleStylingSampleComponent { } diff --git a/src/app/interactions/slider/discrete-slider-ticks-bottom/discrete-slider-ticks-bottom.component.ts b/src/app/interactions/slider/discrete-slider-ticks-bottom/discrete-slider-ticks-bottom.component.ts index 7018a0b5f..64338ad1d 100644 --- a/src/app/interactions/slider/discrete-slider-ticks-bottom/discrete-slider-ticks-bottom.component.ts +++ b/src/app/interactions/slider/discrete-slider-ticks-bottom/discrete-slider-ticks-bottom.component.ts @@ -1,11 +1,10 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxSliderComponent, IgxSliderType } from 'igniteui-angular/slider'; @Component({ selector: 'app-discrete-slider-bottom-ticks', styleUrls: ['./discrete-slider-ticks-bottom.component.scss'], templateUrl: './discrete-slider-ticks-bottom.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSliderComponent] }) export class SliderDiscreteTicksBottomComponent { diff --git a/src/app/interactions/slider/slider-primary-ticks-top/slider-primary-ticks-top.component.ts b/src/app/interactions/slider/slider-primary-ticks-top/slider-primary-ticks-top.component.ts index d14e41764..d35f2e94b 100644 --- a/src/app/interactions/slider/slider-primary-ticks-top/slider-primary-ticks-top.component.ts +++ b/src/app/interactions/slider/slider-primary-ticks-top/slider-primary-ticks-top.component.ts @@ -1,11 +1,10 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxSliderComponent, TicksOrientation } from 'igniteui-angular/slider'; @Component({ selector: 'app-slider-primary-ticks-top', styleUrls: ['./slider-primary-ticks-top.component.scss'], templateUrl: './slider-primary-ticks-top.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSliderComponent] }) export class SliderPrimaryTicksTopComponent { diff --git a/src/app/interactions/slider/slider-sample-1/slider-sample-1.component.ts b/src/app/interactions/slider/slider-sample-1/slider-sample-1.component.ts index c27260c57..7bb4d4586 100644 --- a/src/app/interactions/slider/slider-sample-1/slider-sample-1.component.ts +++ b/src/app/interactions/slider/slider-sample-1/slider-sample-1.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxSliderComponent, IgxSliderType } from 'igniteui-angular/slider'; import { IgxInputDirective, IgxInputGroupComponent, IgxLabelDirective, IgxPrefixDirective } from 'igniteui-angular/input-group'; import { FormsModule } from '@angular/forms'; @@ -7,7 +7,6 @@ import { FormsModule } from '@angular/forms'; selector: 'app-slider-sample-1', styleUrls: ['./slider-sample-1.component.scss'], templateUrl: './slider-sample-1.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSliderComponent, IgxInputGroupComponent, IgxLabelDirective, IgxPrefixDirective, FormsModule, IgxInputDirective] }) export class SliderSample1Component { diff --git a/src/app/interactions/slider/slider-sample-2/slider-sample-2.component.ts b/src/app/interactions/slider/slider-sample-2/slider-sample-2.component.ts index 6149e4bc4..089d47158 100644 --- a/src/app/interactions/slider/slider-sample-2/slider-sample-2.component.ts +++ b/src/app/interactions/slider/slider-sample-2/slider-sample-2.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { IgxSliderComponent } from 'igniteui-angular/slider'; import { FormsModule } from '@angular/forms'; @@ -6,7 +6,6 @@ import { FormsModule } from '@angular/forms'; selector: 'app-slider-sample-2', styleUrls: ['./slider-sample-2.component.scss'], templateUrl: './slider-sample-2.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSliderComponent, FormsModule] }) export class SliderSample2Component implements OnInit { diff --git a/src/app/interactions/slider/slider-sample-3/slider-sample-3.component.ts b/src/app/interactions/slider/slider-sample-3/slider-sample-3.component.ts index 24ddd8076..34ad1be7d 100644 --- a/src/app/interactions/slider/slider-sample-3/slider-sample-3.component.ts +++ b/src/app/interactions/slider/slider-sample-3/slider-sample-3.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild } from '@angular/core'; import { IgxInputDirective, IgxInputGroupComponent, IgxLabelDirective, IgxSuffixDirective } from 'igniteui-angular/input-group'; import { IgxSliderComponent } from 'igniteui-angular/slider'; import { FormsModule } from '@angular/forms'; @@ -7,7 +7,6 @@ import { FormsModule } from '@angular/forms'; selector: 'app-slider-sample-3', styleUrls: ['./slider-sample-3.component.scss'], templateUrl: './slider-sample-3.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSliderComponent, FormsModule, IgxInputGroupComponent, IgxInputDirective, IgxLabelDirective, IgxSuffixDirective] }) export class SliderSample3Component { diff --git a/src/app/interactions/slider/slider-sample-4/slider-sample-4.component.ts b/src/app/interactions/slider/slider-sample-4/slider-sample-4.component.ts index 1c2fc3b81..3f48fd9b7 100644 --- a/src/app/interactions/slider/slider-sample-4/slider-sample-4.component.ts +++ b/src/app/interactions/slider/slider-sample-4/slider-sample-4.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxSliderComponent, IgxSliderType } from 'igniteui-angular/slider'; import { IgxInputDirective, IgxInputGroupComponent, IgxLabelDirective, IgxPrefixDirective } from 'igniteui-angular/input-group'; import { FormsModule } from '@angular/forms'; @@ -7,7 +7,6 @@ import { FormsModule } from '@angular/forms'; selector: 'app-slider-sample-4', styleUrls: ['./slider-sample-4.component.scss'], templateUrl: './slider-sample-4.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSliderComponent, IgxInputGroupComponent, IgxLabelDirective, IgxPrefixDirective, FormsModule, IgxInputDirective] }) export class SliderSample4Component { diff --git a/src/app/interactions/slider/slider-sample-5/slider-sample-5.component.ts b/src/app/interactions/slider/slider-sample-5/slider-sample-5.component.ts index c30c8d0aa..0b3f3c488 100644 --- a/src/app/interactions/slider/slider-sample-5/slider-sample-5.component.ts +++ b/src/app/interactions/slider/slider-sample-5/slider-sample-5.component.ts @@ -1,11 +1,10 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxSliderComponent, IgxSliderType } from 'igniteui-angular/slider'; @Component({ selector: 'app-slider-sample-5', styleUrls: ['./slider-sample-5.component.scss'], templateUrl: './slider-sample-5.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSliderComponent] }) export class SliderSample5Component { diff --git a/src/app/interactions/slider/slider-sample-6/slider-sample-6.component.ts b/src/app/interactions/slider/slider-sample-6/slider-sample-6.component.ts index a8e222d9f..25f037d8b 100644 --- a/src/app/interactions/slider/slider-sample-6/slider-sample-6.component.ts +++ b/src/app/interactions/slider/slider-sample-6/slider-sample-6.component.ts @@ -1,11 +1,10 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxSliderComponent, IgxSliderType, IgxThumbFromTemplateDirective, IgxThumbToTemplateDirective } from 'igniteui-angular/slider'; @Component({ selector: 'app-slider-sample-6', styleUrls: ['./slider-sample-6.component.scss'], templateUrl: './slider-sample-6.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSliderComponent, IgxThumbFromTemplateDirective, IgxThumbToTemplateDirective] }) export class SliderSample6Component { diff --git a/src/app/interactions/slider/slider-secondary-ticks-mirror/slider-secondary-ticks-mirror.component.ts b/src/app/interactions/slider/slider-secondary-ticks-mirror/slider-secondary-ticks-mirror.component.ts index 22782b875..62a5b6f43 100644 --- a/src/app/interactions/slider/slider-secondary-ticks-mirror/slider-secondary-ticks-mirror.component.ts +++ b/src/app/interactions/slider/slider-secondary-ticks-mirror/slider-secondary-ticks-mirror.component.ts @@ -1,11 +1,10 @@ -import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild } from '@angular/core'; import { IgxSliderComponent, TicksOrientation } from 'igniteui-angular/slider'; @Component({ selector: 'app-slider-bottom-ticks', styleUrls: ['./slider-secondary-ticks-mirror.component.scss'], templateUrl: './slider-secondary-ticks-mirror.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSliderComponent] }) export class SliderSecondaryTicksMirrorComponent { diff --git a/src/app/interactions/slider/slider-styling-sample/app-slider-styling.component.ts b/src/app/interactions/slider/slider-styling-sample/app-slider-styling.component.ts index d8eca6f81..0ffc4a436 100644 --- a/src/app/interactions/slider/slider-styling-sample/app-slider-styling.component.ts +++ b/src/app/interactions/slider/slider-styling-sample/app-slider-styling.component.ts @@ -1,11 +1,10 @@ -import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild } from '@angular/core'; import { IgxSliderComponent, TicksOrientation } from 'igniteui-angular/slider'; @Component({ selector: 'app-slider-styling', styleUrls: ['./app-slider-styling.component.scss'], templateUrl: './app-slider-styling.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSliderComponent] }) export class AppSliderStylingComponent { diff --git a/src/app/interactions/slider/slider-tailwind-styling-sample/slider-tailwind-styling.component.ts b/src/app/interactions/slider/slider-tailwind-styling-sample/slider-tailwind-styling.component.ts index e6309c1f7..548410772 100644 --- a/src/app/interactions/slider/slider-tailwind-styling-sample/slider-tailwind-styling.component.ts +++ b/src/app/interactions/slider/slider-tailwind-styling-sample/slider-tailwind-styling.component.ts @@ -1,11 +1,10 @@ -import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild } from '@angular/core'; import { IgxSliderComponent, TicksOrientation } from 'igniteui-angular/slider'; @Component({ selector: 'slider-tailwind-styling', styleUrls: ['./slider-tailwind-styling.component.scss'], templateUrl: './slider-tailwind-styling.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSliderComponent] }) export class SliderTailwindStylingComponent { diff --git a/src/app/interactions/slider/slider-tick-labels-template/tick-labels-template.component.ts b/src/app/interactions/slider/slider-tick-labels-template/tick-labels-template.component.ts index 379635801..bfa453e81 100644 --- a/src/app/interactions/slider/slider-tick-labels-template/tick-labels-template.component.ts +++ b/src/app/interactions/slider/slider-tick-labels-template/tick-labels-template.component.ts @@ -1,11 +1,10 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxSliderComponent, IgxTickLabelTemplateDirective } from 'igniteui-angular/slider'; @Component({ selector: 'app-tick-labels-template', styleUrls: ['./tick-labels-template.component.scss'], templateUrl: './tick-labels-template.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSliderComponent, IgxTickLabelTemplateDirective] }) export class TickLabelsTemplateComponent { diff --git a/src/app/interactions/slider/slider-ticks-bottomtotop-labels/slider-ticks-bottomtotop-labels.component.ts b/src/app/interactions/slider/slider-ticks-bottomtotop-labels/slider-ticks-bottomtotop-labels.component.ts index e2d3c2613..15bf60896 100644 --- a/src/app/interactions/slider/slider-ticks-bottomtotop-labels/slider-ticks-bottomtotop-labels.component.ts +++ b/src/app/interactions/slider/slider-ticks-bottomtotop-labels/slider-ticks-bottomtotop-labels.component.ts @@ -1,11 +1,10 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxSliderComponent, IgxSliderType, TickLabelsOrientation } from 'igniteui-angular/slider'; @Component({ selector: 'app-slider-ticks-bottomtotop-labels', styleUrls: ['./slider-ticks-bottomtotop-labels.component.scss'], templateUrl: './slider-ticks-bottomtotop-labels.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSliderComponent] }) export class SliderTicksBottomtotopLabelsComponent { diff --git a/src/app/interactions/slider/slider-timeframe/slider-timeframe.component.ts b/src/app/interactions/slider/slider-timeframe/slider-timeframe.component.ts index 3cf16ab58..5e08bd20f 100644 --- a/src/app/interactions/slider/slider-timeframe/slider-timeframe.component.ts +++ b/src/app/interactions/slider/slider-timeframe/slider-timeframe.component.ts @@ -1,11 +1,10 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxSliderComponent, IgxSliderType } from 'igniteui-angular/slider'; @Component({ selector: 'app-slider-timeframe', styleUrls: ['./slider-timeframe.component.scss'], templateUrl: './slider-timeframe.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSliderComponent] }) export class SliderTimeframeComponent { diff --git a/src/app/interactions/toggle/toggle-sample-1/toggle-sample-1.component.ts b/src/app/interactions/toggle/toggle-sample-1/toggle-sample-1.component.ts index 03ab42f46..bf6337267 100644 --- a/src/app/interactions/toggle/toggle-sample-1/toggle-sample-1.component.ts +++ b/src/app/interactions/toggle/toggle-sample-1/toggle-sample-1.component.ts @@ -1,11 +1,10 @@ -import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild } from '@angular/core'; import { IgxButtonDirective, IgxToggleDirective } from 'igniteui-angular/directives'; @Component({ selector: 'app-toggle-sample-1', styleUrls: ['./toggle-sample-1.component.scss', '../toggle-samples.scss'], templateUrl: './toggle-sample-1.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxToggleDirective] }) export class ToggleSample1Component { diff --git a/src/app/interactions/toggle/toggle-sample-2/toggle-sample-2.component.ts b/src/app/interactions/toggle/toggle-sample-2/toggle-sample-2.component.ts index 11fa6e353..add791913 100644 --- a/src/app/interactions/toggle/toggle-sample-2/toggle-sample-2.component.ts +++ b/src/app/interactions/toggle/toggle-sample-2/toggle-sample-2.component.ts @@ -1,11 +1,10 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxButtonDirective, IgxToggleActionDirective, IgxToggleDirective } from 'igniteui-angular/directives'; @Component({ selector: 'app-toggle-sample-2', styleUrls: ['../toggle-samples.scss'], templateUrl: './toggle-sample-2.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxToggleActionDirective, IgxToggleDirective] }) export class ToggleSample2Component { } diff --git a/src/app/interactions/toggle/toggle-sample-3/toggle-sample-3.component.ts b/src/app/interactions/toggle/toggle-sample-3/toggle-sample-3.component.ts index 46435d6c0..967e7e266 100644 --- a/src/app/interactions/toggle/toggle-sample-3/toggle-sample-3.component.ts +++ b/src/app/interactions/toggle/toggle-sample-3/toggle-sample-3.component.ts @@ -1,11 +1,10 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxButtonDirective, IgxToggleActionDirective, IgxToggleDirective } from 'igniteui-angular/directives'; @Component({ selector: 'app-toggle-sample-3', styleUrls: ['../toggle-samples.scss'], templateUrl: './toggle-sample-3.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxToggleActionDirective, IgxButtonDirective, IgxToggleDirective] }) export class ToggleSample3Component { } diff --git a/src/app/interactions/toggle/toggle-sample-4/toggle-sample-4.component.ts b/src/app/interactions/toggle/toggle-sample-4/toggle-sample-4.component.ts index 147723e57..79832b2ec 100644 --- a/src/app/interactions/toggle/toggle-sample-4/toggle-sample-4.component.ts +++ b/src/app/interactions/toggle/toggle-sample-4/toggle-sample-4.component.ts @@ -1,11 +1,10 @@ -import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild } from '@angular/core'; import { IgxButtonDirective, IgxToggleActionDirective, IgxToggleDirective } from 'igniteui-angular/directives'; @Component({ selector: 'app-toggle-sample-4', styleUrls: ['../toggle-samples.scss'], templateUrl: './toggle-sample-4.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxToggleActionDirective, IgxToggleDirective] }) export class ToggleSample4Component { diff --git a/src/app/interactions/toggle/toggle.component.ts b/src/app/interactions/toggle/toggle.component.ts index 9feb67b9e..71cf12e5f 100644 --- a/src/app/interactions/toggle/toggle.component.ts +++ b/src/app/interactions/toggle/toggle.component.ts @@ -1,4 +1,4 @@ -import { Component, ElementRef, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ElementRef, ViewChild } from '@angular/core'; import { ConnectedPositioningStrategy, HorizontalAlignment, OverlaySettings, VerticalAlignment } from 'igniteui-angular/core'; import { IgxButtonDirective, IgxToggleDirective } from 'igniteui-angular/directives'; @@ -7,7 +7,6 @@ import { IgxButtonDirective, IgxToggleDirective } from 'igniteui-angular/directi selector: 'app-toggle', styleUrls: ['./toggle-samples.scss'], templateUrl: './toggle.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxToggleDirective] }) export class ToggleComponent { diff --git a/src/app/interactions/tooltip/tooltip-advanced/tooltip-advanced.component.ts b/src/app/interactions/tooltip/tooltip-advanced/tooltip-advanced.component.ts index cb48ac49f..8f8efcdf8 100644 --- a/src/app/interactions/tooltip/tooltip-advanced/tooltip-advanced.component.ts +++ b/src/app/interactions/tooltip/tooltip-advanced/tooltip-advanced.component.ts @@ -1,4 +1,4 @@ -import { Component, inject, ChangeDetectionStrategy } from "@angular/core"; +import { Component, inject } from "@angular/core"; import { IgxButtonDirective, IgxTooltipDirective, IgxTooltipTargetDirective } from 'igniteui-angular/directives'; import { IgxListActionDirective, IgxListComponent, IgxListItemComponent, IgxListLineTitleDirective, IgxListThumbnailDirective } from 'igniteui-angular/list'; import { IgxAvatarComponent } from 'igniteui-angular/avatar'; @@ -13,7 +13,6 @@ import { IncomeTaxes } from "./IncomeTaxes"; selector: "app-tooltip-advanced", styleUrls: ["./tooltip-advanced.component.scss"], templateUrl: "./tooltip-advanced.component.html", - changeDetection: ChangeDetectionStrategy.Eager, imports: [ IgxOverlayOutletDirective, IgxTooltipTargetDirective, diff --git a/src/app/interactions/tooltip/tooltip-placement/tooltip-placement.component.ts b/src/app/interactions/tooltip/tooltip-placement/tooltip-placement.component.ts index bc863e25b..72e3c39aa 100644 --- a/src/app/interactions/tooltip/tooltip-placement/tooltip-placement.component.ts +++ b/src/app/interactions/tooltip/tooltip-placement/tooltip-placement.component.ts @@ -1,4 +1,4 @@ -import { Component, QueryList, ViewChild, ViewChildren, ChangeDetectionStrategy } from "@angular/core"; +import { Component, QueryList, ViewChild, ViewChildren } from "@angular/core"; import { IgxButtonDirective, IgxTooltipDirective, TooltipPositionStrategy } from 'igniteui-angular/directives'; import { HorizontalAlignment, OverlaySettings, PositionSettings, VerticalAlignment } from 'igniteui-angular/core'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -7,7 +7,6 @@ import { IgxIconComponent } from 'igniteui-angular/icon'; selector: "app-tooltip-placement", styleUrls: ["./tooltip-placement.component.scss"], templateUrl: "./tooltip-placement.component.html", - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxTooltipDirective, IgxIconComponent] }) export class TooltipPlacementComponent { diff --git a/src/app/interactions/tooltip/tooltip-rich/tooltip-rich.component.ts b/src/app/interactions/tooltip/tooltip-rich/tooltip-rich.component.ts index 4619a80b1..2551556df 100644 --- a/src/app/interactions/tooltip/tooltip-rich/tooltip-rich.component.ts +++ b/src/app/interactions/tooltip/tooltip-rich/tooltip-rich.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxIconComponent } from 'igniteui-angular/icon'; import { IgxTooltipDirective, IgxTooltipTargetDirective } from 'igniteui-angular/directives'; import { IgxAvatarComponent } from 'igniteui-angular/avatar'; @@ -7,7 +7,6 @@ import { IgxAvatarComponent } from 'igniteui-angular/avatar'; selector: 'app-tooltip-rich', styleUrls: ['./tooltip-rich.component.scss'], templateUrl: './tooltip-rich.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxIconComponent, IgxTooltipTargetDirective, IgxTooltipDirective, IgxAvatarComponent] }) export class TooltipRichComponent { } diff --git a/src/app/interactions/tooltip/tooltip-simple/tooltip-simple.component.ts b/src/app/interactions/tooltip/tooltip-simple/tooltip-simple.component.ts index f0b8f5001..580f37299 100644 --- a/src/app/interactions/tooltip/tooltip-simple/tooltip-simple.component.ts +++ b/src/app/interactions/tooltip/tooltip-simple/tooltip-simple.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxAvatarComponent } from 'igniteui-angular/avatar'; import { IgxTooltipDirective, IgxTooltipTargetDirective } from 'igniteui-angular/directives'; @@ -6,7 +6,6 @@ import { IgxTooltipDirective, IgxTooltipTargetDirective } from 'igniteui-angular selector: 'app-tooltip-simple', styleUrls: ['./tooltip-simple.component.scss'], templateUrl: './tooltip-simple.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxAvatarComponent, IgxTooltipTargetDirective, IgxTooltipDirective] }) export class TooltipSimpleComponent { } diff --git a/src/app/interactions/tooltip/tooltip-style/tooltip-style.component.ts b/src/app/interactions/tooltip/tooltip-style/tooltip-style.component.ts index b7692cb1e..ecf19c4a5 100644 --- a/src/app/interactions/tooltip/tooltip-style/tooltip-style.component.ts +++ b/src/app/interactions/tooltip/tooltip-style/tooltip-style.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxAvatarComponent } from 'igniteui-angular/avatar'; import { IgxTooltipDirective, IgxTooltipTargetDirective } from 'igniteui-angular/directives'; import { IgxOverlayOutletDirective } from 'igniteui-angular/core'; @@ -7,7 +7,6 @@ import { IgxOverlayOutletDirective } from 'igniteui-angular/core'; selector: 'app-tooltip-style', styleUrls: ['./tooltip-style.component.scss'], templateUrl: './tooltip-style.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxAvatarComponent, IgxTooltipTargetDirective, IgxOverlayOutletDirective, IgxTooltipDirective] }) export class TooltipStyleComponent { } diff --git a/src/app/interactions/tooltip/tooltip-tailwind-style/tooltip-tailwind-style.component.ts b/src/app/interactions/tooltip/tooltip-tailwind-style/tooltip-tailwind-style.component.ts index 7dcc68788..0affa8500 100644 --- a/src/app/interactions/tooltip/tooltip-tailwind-style/tooltip-tailwind-style.component.ts +++ b/src/app/interactions/tooltip/tooltip-tailwind-style/tooltip-tailwind-style.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxAvatarComponent } from 'igniteui-angular/avatar'; import { IgxTooltipDirective, IgxTooltipTargetDirective } from 'igniteui-angular/directives'; import { IgxOverlayOutletDirective } from 'igniteui-angular/core'; @@ -7,7 +7,6 @@ import { IgxOverlayOutletDirective } from 'igniteui-angular/core'; selector: 'app-tooltip-tailwind-style', styleUrls: ['./tooltip-tailwind-style.component.scss'], templateUrl: './tooltip-tailwind-style.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxAvatarComponent, IgxTooltipTargetDirective, IgxOverlayOutletDirective, IgxTooltipDirective] }) export class TooltipTailwindStyleComponent { } diff --git a/src/app/interactions/tooltip/tooltip-triggers/tooltip-triggers.component.ts b/src/app/interactions/tooltip/tooltip-triggers/tooltip-triggers.component.ts index 50003a0a5..544f26589 100644 --- a/src/app/interactions/tooltip/tooltip-triggers/tooltip-triggers.component.ts +++ b/src/app/interactions/tooltip/tooltip-triggers/tooltip-triggers.component.ts @@ -1,4 +1,4 @@ -import { Component, CUSTOM_ELEMENTS_SCHEMA, ChangeDetectionStrategy } from "@angular/core"; +import { Component, CUSTOM_ELEMENTS_SCHEMA } from "@angular/core"; import { IgxTooltipTargetDirective, IgxTooltipDirective, @@ -17,7 +17,6 @@ defineComponents(IgcInputComponent); styleUrls: ["./tooltip-triggers.component.scss"], templateUrl: "./tooltip-triggers.component.html", schemas: [CUSTOM_ELEMENTS_SCHEMA], - changeDetection: ChangeDetectionStrategy.Eager, imports: [ IgxTooltipTargetDirective, IgxTooltipDirective, diff --git a/src/app/layouts/accordion/accordion-sample-1/accordion-sample-1.component.ts b/src/app/layouts/accordion/accordion-sample-1/accordion-sample-1.component.ts index 9c8536726..1f0be5e2e 100644 --- a/src/app/layouts/accordion/accordion-sample-1/accordion-sample-1.component.ts +++ b/src/app/layouts/accordion/accordion-sample-1/accordion-sample-1.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxSwitchComponent } from 'igniteui-angular/switch'; import { IgxAccordionComponent } from 'igniteui-angular/accordion'; import { IgxExpansionPanelBodyComponent, IgxExpansionPanelComponent, IgxExpansionPanelHeaderComponent, IgxExpansionPanelTitleDirective } from 'igniteui-angular/expansion-panel'; @@ -8,7 +8,6 @@ import { FormsModule } from '@angular/forms'; selector: 'app-accordion-sample-1', styleUrls: ['./accordion-sample-1.component.scss'], templateUrl: './accordion-sample-1.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSwitchComponent, FormsModule, IgxAccordionComponent, IgxExpansionPanelComponent, IgxExpansionPanelHeaderComponent, IgxExpansionPanelTitleDirective, IgxExpansionPanelBodyComponent] }) export class AccordionSample1Component { diff --git a/src/app/layouts/accordion/accordion-sample-2/accordion-sample-2.component.ts b/src/app/layouts/accordion/accordion-sample-2/accordion-sample-2.component.ts index b180b65dc..a474f0961 100644 --- a/src/app/layouts/accordion/accordion-sample-2/accordion-sample-2.component.ts +++ b/src/app/layouts/accordion/accordion-sample-2/accordion-sample-2.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxSwitchComponent } from 'igniteui-angular/switch'; import { IgxAccordionComponent } from 'igniteui-angular/accordion'; import { IgxExpansionPanelBodyComponent, IgxExpansionPanelComponent, IgxExpansionPanelHeaderComponent, IgxExpansionPanelTitleDirective } from 'igniteui-angular/expansion-panel'; @@ -8,7 +8,6 @@ import { FormsModule } from '@angular/forms'; selector: 'app-accordion-sample-2', styleUrls: ['./accordion-sample-2.component.scss'], templateUrl: './accordion-sample-2.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSwitchComponent, FormsModule, IgxAccordionComponent, IgxExpansionPanelComponent, IgxExpansionPanelHeaderComponent, IgxExpansionPanelTitleDirective, IgxExpansionPanelBodyComponent] }) export class AccordionSample2Component { diff --git a/src/app/layouts/accordion/accordion-sample-3/accordion-sample-3.component.ts b/src/app/layouts/accordion/accordion-sample-3/accordion-sample-3.component.ts index e8ae02110..e7ec1d4ae 100644 --- a/src/app/layouts/accordion/accordion-sample-3/accordion-sample-3.component.ts +++ b/src/app/layouts/accordion/accordion-sample-3/accordion-sample-3.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxSliderComponent, IgxSliderType } from 'igniteui-angular/slider'; import { IgxAccordionComponent } from 'igniteui-angular/accordion'; import { IgxExpansionPanelBodyComponent, IgxExpansionPanelComponent, IgxExpansionPanelHeaderComponent, IgxExpansionPanelTitleDirective } from 'igniteui-angular/expansion-panel'; @@ -14,7 +14,6 @@ import { FormsModule } from '@angular/forms'; selector: 'app-accordion-sample-3', styleUrls: ['./accordion-sample-3.component.scss'], templateUrl: './accordion-sample-3.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxAccordionComponent, IgxExpansionPanelComponent, IgxExpansionPanelHeaderComponent, IgxExpansionPanelTitleDirective, IgxExpansionPanelBodyComponent, IgxCheckboxComponent, FormsModule, IgxSliderComponent, IgxRadioComponent, IgxIconComponent, IgxTimePickerComponent, IgxLabelDirective] }) export class AccordionSample3Component { diff --git a/src/app/layouts/accordion/accordion-style/accordion-style.component.ts b/src/app/layouts/accordion/accordion-style/accordion-style.component.ts index 0017eea83..36d70999e 100644 --- a/src/app/layouts/accordion/accordion-style/accordion-style.component.ts +++ b/src/app/layouts/accordion/accordion-style/accordion-style.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxAccordionComponent } from 'igniteui-angular/accordion'; import { IgxExpansionPanelBodyComponent, IgxExpansionPanelComponent, IgxExpansionPanelHeaderComponent, IgxExpansionPanelTitleDirective } from 'igniteui-angular/expansion-panel'; import { FormsModule } from '@angular/forms'; @@ -7,7 +7,6 @@ import { FormsModule } from '@angular/forms'; selector: 'app-accordion-style', styleUrls: ['./accordion-style.component.scss'], templateUrl: './accordion-style.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [FormsModule, IgxAccordionComponent, IgxExpansionPanelComponent, IgxExpansionPanelHeaderComponent, IgxExpansionPanelTitleDirective, IgxExpansionPanelBodyComponent] }) export class AccordionStyleComponent { diff --git a/src/app/layouts/avatar/avatar-css-variables/avatar-css-variables.component.ts b/src/app/layouts/avatar/avatar-css-variables/avatar-css-variables.component.ts index 677975a62..dc1d6c334 100644 --- a/src/app/layouts/avatar/avatar-css-variables/avatar-css-variables.component.ts +++ b/src/app/layouts/avatar/avatar-css-variables/avatar-css-variables.component.ts @@ -1,11 +1,10 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxAvatarComponent } from 'igniteui-angular/avatar'; @Component({ selector: 'app-avatar-styling', styleUrls: ['./avatar-css-variables.component.scss'], templateUrl: './avatar-css-variables.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxAvatarComponent] }) diff --git a/src/app/layouts/avatar/avatar-sample-1/avatar-sample-1.component.ts b/src/app/layouts/avatar/avatar-sample-1/avatar-sample-1.component.ts index 4029bf52a..c5c9d11c5 100644 --- a/src/app/layouts/avatar/avatar-sample-1/avatar-sample-1.component.ts +++ b/src/app/layouts/avatar/avatar-sample-1/avatar-sample-1.component.ts @@ -1,11 +1,10 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxAvatarComponent } from 'igniteui-angular/avatar'; @Component({ selector: 'app-avatar-sample-1', styleUrls: ['./avatar-sample-1.component.scss'], templateUrl: './avatar-sample-1.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxAvatarComponent] }) export class AvatarSample1Component { diff --git a/src/app/layouts/avatar/avatar-sample-2/avatar-sample-2.component.ts b/src/app/layouts/avatar/avatar-sample-2/avatar-sample-2.component.ts index 4020fc487..e2d13706a 100644 --- a/src/app/layouts/avatar/avatar-sample-2/avatar-sample-2.component.ts +++ b/src/app/layouts/avatar/avatar-sample-2/avatar-sample-2.component.ts @@ -1,11 +1,10 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxAvatarComponent } from 'igniteui-angular/avatar'; @Component({ selector: 'app-avatar-sample-2', styleUrls: ['./avatar-sample-2.component.scss'], templateUrl: './avatar-sample-2.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxAvatarComponent] }) export class AvatarSample2Component { diff --git a/src/app/layouts/avatar/avatar-sample-3/avatar-sample-3.component.ts b/src/app/layouts/avatar/avatar-sample-3/avatar-sample-3.component.ts index cd6d9d61b..862712634 100644 --- a/src/app/layouts/avatar/avatar-sample-3/avatar-sample-3.component.ts +++ b/src/app/layouts/avatar/avatar-sample-3/avatar-sample-3.component.ts @@ -1,11 +1,10 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxAvatarComponent } from 'igniteui-angular/avatar'; @Component({ selector: 'app-avatar-sample-3', styleUrls: ['./avatar-sample-3.component.scss'], templateUrl: './avatar-sample-3.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxAvatarComponent] }) export class AvatarSample3Component { diff --git a/src/app/layouts/avatar/avatar-sample-4/avatar-sample-4.component.ts b/src/app/layouts/avatar/avatar-sample-4/avatar-sample-4.component.ts index 267b980c1..ce11a0ef7 100644 --- a/src/app/layouts/avatar/avatar-sample-4/avatar-sample-4.component.ts +++ b/src/app/layouts/avatar/avatar-sample-4/avatar-sample-4.component.ts @@ -1,11 +1,10 @@ -import { Component, OnInit, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { IgxAvatarComponent } from 'igniteui-angular/avatar'; @Component({ selector: 'app-avatar-sample-4', styleUrls: ['./avatar-sample-4.component.scss'], templateUrl: './avatar-sample-4.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxAvatarComponent] }) diff --git a/src/app/layouts/avatar/avatar-styling/avatar-styling.component.ts b/src/app/layouts/avatar/avatar-styling/avatar-styling.component.ts index 86b0f923f..6e05afd61 100644 --- a/src/app/layouts/avatar/avatar-styling/avatar-styling.component.ts +++ b/src/app/layouts/avatar/avatar-styling/avatar-styling.component.ts @@ -1,11 +1,10 @@ -import { Component, OnInit, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { IgxAvatarComponent } from 'igniteui-angular/avatar'; @Component({ selector: 'app-avatar-styling', styleUrls: ['./avatar-styling.component.scss'], templateUrl: './avatar-styling.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxAvatarComponent] }) diff --git a/src/app/layouts/avatar/avatar-tailwind-styling/avatar-tailwind-styling.component.ts b/src/app/layouts/avatar/avatar-tailwind-styling/avatar-tailwind-styling.component.ts index 419e92946..db1a0a5de 100644 --- a/src/app/layouts/avatar/avatar-tailwind-styling/avatar-tailwind-styling.component.ts +++ b/src/app/layouts/avatar/avatar-tailwind-styling/avatar-tailwind-styling.component.ts @@ -1,11 +1,10 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxAvatarComponent } from 'igniteui-angular/avatar'; @Component({ selector: 'app-avatar-tailwind-styling', styleUrls: ['./avatar-tailwind-styling.component.scss'], templateUrl: './avatar-tailwind-styling.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxAvatarComponent] }) diff --git a/src/app/layouts/card/card-sample-1/card-sample-1.component.ts b/src/app/layouts/card/card-sample-1/card-sample-1.component.ts index 1fdd86ad2..0282a53d3 100644 --- a/src/app/layouts/card/card-sample-1/card-sample-1.component.ts +++ b/src/app/layouts/card/card-sample-1/card-sample-1.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { Card } from '../card.blueprint'; import { IgxCardActionsComponent, IgxCardComponent, IgxCardHeaderComponent, IgxCardHeaderSubtitleDirective, IgxCardHeaderTitleDirective, IgxCardMediaDirective } from 'igniteui-angular/card'; import { IgxDividerDirective, IgxIconButtonDirective, IgxRippleDirective } from 'igniteui-angular/directives'; @@ -10,7 +10,6 @@ import { IgxIconComponent } from 'igniteui-angular/icon'; selector: 'app-igx-card-simple', styleUrls: ['./card-sample-1.component.scss'], templateUrl: './card-sample-1.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxCardComponent, IgxCardHeaderComponent, IgxCardHeaderTitleDirective, IgxCardHeaderSubtitleDirective, IgxCardMediaDirective, IgxDividerDirective, IgxCardActionsComponent, IgxIconButtonDirective, IgxRippleDirective, IgxSuffixDirective, IgxIconComponent] }) export class CardSample1Component { diff --git a/src/app/layouts/card/card-sample-2/card-sample-2.component.ts b/src/app/layouts/card/card-sample-2/card-sample-2.component.ts index 338ffe01c..209b47996 100644 --- a/src/app/layouts/card/card-sample-2/card-sample-2.component.ts +++ b/src/app/layouts/card/card-sample-2/card-sample-2.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { Card } from '../card.blueprint'; import { IgxCardActionsComponent, IgxCardComponent, IgxCardContentDirective, IgxCardHeaderComponent, IgxCardHeaderSubtitleDirective, IgxCardHeaderTitleDirective, IgxCardMediaDirective } from 'igniteui-angular/card'; import { IgxDividerDirective, IgxFlexDirective, IgxIconButtonDirective, IgxLayoutDirective, IgxRippleDirective } from 'igniteui-angular/directives'; @@ -10,7 +10,6 @@ import { IgxIconComponent } from 'igniteui-angular/icon'; selector: 'app-card-sample-2', styleUrls: ['./card-sample-2.component.scss'], templateUrl: './card-sample-2.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxCardComponent, IgxLayoutDirective, IgxFlexDirective, IgxCardHeaderComponent, IgxCardHeaderTitleDirective, IgxCardHeaderSubtitleDirective, IgxCardMediaDirective, IgxCardContentDirective, IgxDividerDirective, IgxCardActionsComponent, IgxIconButtonDirective, IgxRippleDirective, IgxSuffixDirective, IgxIconComponent] }) export class CardSample2Component { diff --git a/src/app/layouts/card/card-sample-3/card-sample-3.component.ts b/src/app/layouts/card/card-sample-3/card-sample-3.component.ts index b3af204ca..24963119b 100644 --- a/src/app/layouts/card/card-sample-3/card-sample-3.component.ts +++ b/src/app/layouts/card/card-sample-3/card-sample-3.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { Card } from '../card.blueprint'; import { IgxCardActionsComponent, IgxCardComponent, IgxCardContentDirective, IgxCardHeaderComponent, IgxCardHeaderSubtitleDirective, IgxCardHeaderTitleDirective, IgxCardMediaDirective } from 'igniteui-angular/card'; import { IgxButtonDirective, IgxFlexDirective, IgxLayoutDirective, IgxRippleDirective } from 'igniteui-angular/directives'; @@ -10,7 +10,6 @@ import { IgxPrefixDirective } from 'igniteui-angular/input-group'; selector: 'app-card-sample-3', styleUrls: ['./card-sample-3.component.scss'], templateUrl: './card-sample-3.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxCardComponent, IgxLayoutDirective, IgxFlexDirective, IgxCardHeaderComponent, IgxAvatarComponent, IgxCardHeaderTitleDirective, IgxCardHeaderSubtitleDirective, IgxCardContentDirective, IgxCardActionsComponent, IgxButtonDirective, IgxRippleDirective, IgxPrefixDirective, IgxCardMediaDirective] }) export class CardSample3Component { diff --git a/src/app/layouts/card/card-sample-4/card-sample-4.component.ts b/src/app/layouts/card/card-sample-4/card-sample-4.component.ts index 249776b69..591d84f41 100644 --- a/src/app/layouts/card/card-sample-4/card-sample-4.component.ts +++ b/src/app/layouts/card/card-sample-4/card-sample-4.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild, inject } from '@angular/core'; import { IgxExpansionPanelBodyComponent, IgxExpansionPanelComponent } from 'igniteui-angular/expansion-panel'; import { IgxIconComponent, IgxIconService } from 'igniteui-angular/icon'; import { IgxCardActionsComponent, IgxCardComponent, IgxCardContentDirective, IgxCardHeaderComponent, IgxCardHeaderSubtitleDirective, IgxCardHeaderTitleDirective, IgxCardMediaDirective } from 'igniteui-angular/card'; @@ -22,7 +22,6 @@ import { selector: 'app-card-sample-4', styleUrls: ['./card-sample-4.component.scss'], templateUrl: './card-sample-4.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxCardComponent, IgxCardHeaderComponent, IgxCardHeaderTitleDirective, IgxCardHeaderSubtitleDirective, IgxCardContentDirective, IgxChipComponent, IgxIconComponent, IgxSliderComponent, IgxExpansionPanelComponent, IgxExpansionPanelBodyComponent, IgxListComponent, IgxListItemComponent, IgxDividerDirective, IgxCardActionsComponent, IgxButtonDirective, IgxRippleDirective, IgxPrefixDirective, IgxCardMediaDirective, IgxAvatarComponent] }) export class CardSample4Component implements OnInit { diff --git a/src/app/layouts/card/card-styling-sample/card-styling-sample.component.ts b/src/app/layouts/card/card-styling-sample/card-styling-sample.component.ts index 2179ca034..36edbf29c 100644 --- a/src/app/layouts/card/card-styling-sample/card-styling-sample.component.ts +++ b/src/app/layouts/card/card-styling-sample/card-styling-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, inject, OnInit, ChangeDetectionStrategy } from '@angular/core'; +import { Component, inject, OnInit } from '@angular/core'; import { Card } from '../card.blueprint'; import { IgxCardActionsComponent, IgxCardComponent, IgxCardContentDirective, IgxCardHeaderComponent, IgxCardHeaderSubtitleDirective, IgxCardHeaderTitleDirective, IgxCardMediaDirective } from 'igniteui-angular/card'; import { IgxDividerModule, IgxIconButtonDirective } from 'igniteui-angular/directives'; @@ -10,10 +10,9 @@ import { IgxChipComponent } from 'igniteui-angular/chips'; selector: 'app-card-styling-sample', templateUrl: './card-styling-sample.component.html', styleUrls: ['./card-styling-sample.component.scss'], - changeDetection: ChangeDetectionStrategy.Eager, - imports: [IgxCardComponent, IgxCardMediaDirective, IgxCardHeaderComponent, - IgxCardHeaderTitleDirective, IgxCardHeaderSubtitleDirective, - IgxCardContentDirective, IgxCardActionsComponent, IgxIconButtonDirective, + imports: [IgxCardComponent, IgxCardMediaDirective, IgxCardHeaderComponent, + IgxCardHeaderTitleDirective, IgxCardHeaderSubtitleDirective, + IgxCardContentDirective, IgxCardActionsComponent, IgxIconButtonDirective, IgxIconComponent, IgxAvatarComponent, IgxDividerModule, IgxChipComponent] }) export class CardStylingSampleComponent implements OnInit { diff --git a/src/app/layouts/card/card-tailwind-styling-sample/card-tailwind-styling-sample.component.ts b/src/app/layouts/card/card-tailwind-styling-sample/card-tailwind-styling-sample.component.ts index a2a0a0572..59c146a84 100644 --- a/src/app/layouts/card/card-tailwind-styling-sample/card-tailwind-styling-sample.component.ts +++ b/src/app/layouts/card/card-tailwind-styling-sample/card-tailwind-styling-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { Card } from '../card.blueprint'; import { IgxCardActionsComponent, IgxCardComponent, IgxCardContentDirective, IgxCardHeaderComponent, IgxCardHeaderSubtitleDirective, IgxCardHeaderTitleDirective, IgxCardMediaDirective } from 'igniteui-angular/card'; import { IgxIconButtonDirective, IgxRippleDirective } from 'igniteui-angular/directives'; @@ -10,7 +10,6 @@ import { IgxIconComponent } from 'igniteui-angular/icon'; selector: 'app-card-tailwind-styling-sample', templateUrl: './card-tailwind-styling-sample.component.html', styleUrls: ['./card-tailwind-styling-sample.component.scss'], - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxCardComponent, IgxCardMediaDirective, IgxCardHeaderComponent, IgxCardHeaderTitleDirective, IgxCardHeaderSubtitleDirective, IgxCardContentDirective, IgxCardActionsComponent, IgxIconButtonDirective, IgxRippleDirective, IgxSuffixDirective, IgxIconComponent] }) export class CardTailwindStylingSampleComponent { diff --git a/src/app/layouts/card/card.component.ts b/src/app/layouts/card/card.component.ts index 416467589..d6eb77715 100644 --- a/src/app/layouts/card/card.component.ts +++ b/src/app/layouts/card/card.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { Card } from './card.blueprint'; import { IgxCardActionsComponent, IgxCardComponent, IgxCardContentDirective, IgxCardHeaderComponent, IgxCardHeaderSubtitleDirective, IgxCardHeaderTitleDirective, IgxCardMediaDirective } from 'igniteui-angular/card'; import { IgxButtonDirective, IgxIconButtonDirective, IgxRippleDirective } from 'igniteui-angular/directives'; @@ -10,7 +10,6 @@ import { IgxIconComponent } from 'igniteui-angular/icon'; selector: 'app-card', styleUrls: ['./card.component.scss'], templateUrl: './card.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxCardComponent, IgxCardMediaDirective, IgxCardHeaderComponent, IgxCardHeaderTitleDirective, IgxCardHeaderSubtitleDirective, IgxCardContentDirective, IgxCardActionsComponent, IgxButtonDirective, IgxRippleDirective, IgxPrefixDirective, IgxIconButtonDirective, IgxSuffixDirective, IgxIconComponent] }) export class CardComponent { diff --git a/src/app/layouts/carousel/carousel-animations-sample/carousel-animations-sample.component.ts b/src/app/layouts/carousel/carousel-animations-sample/carousel-animations-sample.component.ts index 02be5b3a7..a2cb7bf53 100644 --- a/src/app/layouts/carousel/carousel-animations-sample/carousel-animations-sample.component.ts +++ b/src/app/layouts/carousel/carousel-animations-sample/carousel-animations-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild } from '@angular/core'; import { IgxCarouselComponent, IgxSlideComponent } from 'igniteui-angular/carousel'; import { IgxSelectComponent, IgxSelectItemComponent } from 'igniteui-angular/select'; import { IgxCardActionsComponent, IgxCardComponent, IgxCardContentDirective, IgxCardHeaderComponent, IgxCardHeaderTitleDirective, IgxCardMediaDirective } from 'igniteui-angular/card'; @@ -12,7 +12,6 @@ import { TitleCasePipe } from '@angular/common'; selector: 'app-carousel', styleUrls: ['./carousel-animations-sample.component.scss'], templateUrl: './carousel-animations-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSelectComponent, IgxSwitchComponent, FormsModule, IgxSelectItemComponent, IgxCarouselComponent, IgxSlideComponent, IgxCardComponent, IgxCardHeaderComponent, IgxCardHeaderTitleDirective, IgxCardContentDirective, IgxCardMediaDirective, IgxCardActionsComponent, IgxButtonDirective, IgxPrefixDirective, TitleCasePipe] }) export class CarouselAnimationsSampleComponent { diff --git a/src/app/layouts/carousel/carousel-no-navigation-sample/carousel-no-navigation-sample.component.ts b/src/app/layouts/carousel/carousel-no-navigation-sample/carousel-no-navigation-sample.component.ts index f4bfddcce..e848ec555 100644 --- a/src/app/layouts/carousel/carousel-no-navigation-sample/carousel-no-navigation-sample.component.ts +++ b/src/app/layouts/carousel/carousel-no-navigation-sample/carousel-no-navigation-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { ISlideEventArgs, IgxCarouselComponent, IgxSlideComponent } from 'igniteui-angular/carousel'; import { IListItemClickEventArgs, IgxListComponent, IgxListItemComponent, IgxListThumbnailDirective } from 'igniteui-angular/list'; import { NgStyle, NgClass, CurrencyPipe } from '@angular/common'; @@ -7,7 +7,6 @@ import { NgStyle, NgClass, CurrencyPipe } from '@angular/common'; selector: 'app-carousel', styleUrls: ['./carousel-no-navigation-sample.component.scss'], templateUrl: './carousel-no-navigation-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxCarouselComponent, IgxSlideComponent, NgStyle, NgClass, IgxListComponent, IgxListItemComponent, IgxListThumbnailDirective, CurrencyPipe] }) export class CarouselNoNavigationSampleComponent implements OnInit { diff --git a/src/app/layouts/carousel/carousel-styling-sample/carousel-styling-sample.component.ts b/src/app/layouts/carousel/carousel-styling-sample/carousel-styling-sample.component.ts index dfb2e0935..b8c53cf23 100644 --- a/src/app/layouts/carousel/carousel-styling-sample/carousel-styling-sample.component.ts +++ b/src/app/layouts/carousel/carousel-styling-sample/carousel-styling-sample.component.ts @@ -1,11 +1,10 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxCarouselComponent, IgxSlideComponent } from 'igniteui-angular/carousel'; @Component({ selector: 'app-carousel', styleUrls: ['./carousel-styling-sample.component.scss'], templateUrl: './carousel-styling-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxCarouselComponent, IgxSlideComponent] }) diff --git a/src/app/layouts/carousel/carousel-tailwind-sample/carousel-tailwind-sample.component.ts b/src/app/layouts/carousel/carousel-tailwind-sample/carousel-tailwind-sample.component.ts index 8eaaded0e..58903f63e 100644 --- a/src/app/layouts/carousel/carousel-tailwind-sample/carousel-tailwind-sample.component.ts +++ b/src/app/layouts/carousel/carousel-tailwind-sample/carousel-tailwind-sample.component.ts @@ -1,11 +1,10 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxCarouselComponent, IgxSlideComponent } from 'igniteui-angular/carousel'; @Component({ selector: 'app-carousel', styleUrls: ['./carousel-tailwind-sample.component.scss'], templateUrl: './carousel-tailwind-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxCarouselComponent, IgxSlideComponent] }) diff --git a/src/app/layouts/carousel/carousel-with-components-sample/carousel-with-components-sample.component.ts b/src/app/layouts/carousel/carousel-with-components-sample/carousel-with-components-sample.component.ts index afdcfc256..02c4a0a0a 100644 --- a/src/app/layouts/carousel/carousel-with-components-sample/carousel-with-components-sample.component.ts +++ b/src/app/layouts/carousel/carousel-with-components-sample/carousel-with-components-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxCarouselComponent, IgxSlideComponent } from 'igniteui-angular/carousel'; import { IgxInputDirective, IgxInputGroupComponent, IgxLabelDirective, IgxPrefixDirective } from 'igniteui-angular/input-group'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -9,7 +9,6 @@ import { FormsModule } from '@angular/forms'; selector: 'app-carousel', styleUrls: ['./carousel-with-components-sample.component.scss'], templateUrl: './carousel-with-components-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxCarouselComponent, IgxSlideComponent, FormsModule, IgxInputGroupComponent, IgxPrefixDirective, IgxIconComponent, IgxLabelDirective, IgxInputDirective, IgxButtonDirective] }) diff --git a/src/app/layouts/carousel/carousel.component.ts b/src/app/layouts/carousel/carousel.component.ts index b590a9c81..083bbe770 100644 --- a/src/app/layouts/carousel/carousel.component.ts +++ b/src/app/layouts/carousel/carousel.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxCarouselComponent, IgxSlideComponent } from 'igniteui-angular/carousel'; @@ -6,7 +6,6 @@ import { IgxCarouselComponent, IgxSlideComponent } from 'igniteui-angular/carous selector: 'app-carousel', styleUrls: ['./carousel.component.scss'], templateUrl: './carousel.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxCarouselComponent, IgxSlideComponent] }) diff --git a/src/app/layouts/divider/dashed/divider-dashed.component.ts b/src/app/layouts/divider/dashed/divider-dashed.component.ts index 26e734b60..8dbfe5fa0 100644 --- a/src/app/layouts/divider/dashed/divider-dashed.component.ts +++ b/src/app/layouts/divider/dashed/divider-dashed.component.ts @@ -1,11 +1,10 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxDividerDirective } from 'igniteui-angular/directives'; @Component({ selector: 'app-divider-dashed', styleUrls: ['./divider-dashed.component.scss'], templateUrl: './divider-dashed.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxDividerDirective] }) export class DividerDashedComponent { diff --git a/src/app/layouts/divider/default/divider-default.component.ts b/src/app/layouts/divider/default/divider-default.component.ts index fbd3fb688..4603601a1 100644 --- a/src/app/layouts/divider/default/divider-default.component.ts +++ b/src/app/layouts/divider/default/divider-default.component.ts @@ -1,11 +1,10 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxDividerDirective } from 'igniteui-angular/directives'; @Component({ selector: 'app-divider-default', styleUrls: ['./divider-default.component.scss'], templateUrl: './divider-default.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxDividerDirective] }) export class DividerDefaultComponent { diff --git a/src/app/layouts/divider/inset/divider-inset.component.ts b/src/app/layouts/divider/inset/divider-inset.component.ts index 5f7d3459f..dbf452c56 100644 --- a/src/app/layouts/divider/inset/divider-inset.component.ts +++ b/src/app/layouts/divider/inset/divider-inset.component.ts @@ -1,11 +1,10 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxDividerDirective } from 'igniteui-angular/directives'; @Component({ selector: 'app-divider-inset', styleUrls: ['./divider-inset.component.scss'], templateUrl: './divider-inset.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxDividerDirective] }) export class DividerInsetComponent { diff --git a/src/app/layouts/divider/vertical/divider-vertical.component.ts b/src/app/layouts/divider/vertical/divider-vertical.component.ts index 8363a6e5a..bfdbffbd0 100644 --- a/src/app/layouts/divider/vertical/divider-vertical.component.ts +++ b/src/app/layouts/divider/vertical/divider-vertical.component.ts @@ -1,11 +1,10 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxDividerDirective } from 'igniteui-angular/directives'; @Component({ selector: 'app-divider-vertical', styleUrls: ['./divider-vertical.component.scss'], templateUrl: './divider-vertical.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxDividerDirective] }) export class DividerVerticalComponent { diff --git a/src/app/layouts/dock-manager/dock-manager-sample/dock-manager.component.ts b/src/app/layouts/dock-manager/dock-manager-sample/dock-manager.component.ts index 0baa38be4..30637998f 100644 --- a/src/app/layouts/dock-manager/dock-manager-sample/dock-manager.component.ts +++ b/src/app/layouts/dock-manager/dock-manager-sample/dock-manager.component.ts @@ -1,4 +1,4 @@ -import { Component, CUSTOM_ELEMENTS_SCHEMA, ChangeDetectionStrategy } from '@angular/core'; +import { Component, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core'; import { IgcDockManagerLayout, IgcDockManagerPaneType, IgcSplitPaneOrientation } from 'igniteui-dockmanager'; @@ -7,7 +7,6 @@ import { IgcDockManagerLayout, selector: 'app-dock-manager', styleUrls: ['./dock-manager.component.scss'], templateUrl: './dock-manager.component.html', - changeDetection: ChangeDetectionStrategy.Eager, schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class DockManagerComponent { diff --git a/src/app/layouts/expansion-panel/expansion-sample-1/expansion-sample-1.component.ts b/src/app/layouts/expansion-panel/expansion-sample-1/expansion-sample-1.component.ts index bbfdd6b1f..a5fe89acd 100644 --- a/src/app/layouts/expansion-panel/expansion-sample-1/expansion-sample-1.component.ts +++ b/src/app/layouts/expansion-panel/expansion-sample-1/expansion-sample-1.component.ts @@ -1,11 +1,10 @@ -import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild } from '@angular/core'; import { IgxExpansionPanelBodyComponent, IgxExpansionPanelComponent, IgxExpansionPanelDescriptionDirective, IgxExpansionPanelHeaderComponent, IgxExpansionPanelTitleDirective } from 'igniteui-angular/expansion-panel'; @Component({ // tslint:disable-next-line:component-selector selector: 'app-expansion-sample-1', styleUrls: ['./expansion-sample-1.component.scss'], templateUrl: './expansion-sample-1.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxExpansionPanelComponent, IgxExpansionPanelHeaderComponent, IgxExpansionPanelTitleDirective, IgxExpansionPanelDescriptionDirective, IgxExpansionPanelBodyComponent] }) export class ExpansionPanelSample1Component { diff --git a/src/app/layouts/expansion-panel/expansion-sample-2/expansion-sample-2.component.ts b/src/app/layouts/expansion-panel/expansion-sample-2/expansion-sample-2.component.ts index 3e208e6b9..56b9a4283 100644 --- a/src/app/layouts/expansion-panel/expansion-sample-2/expansion-sample-2.component.ts +++ b/src/app/layouts/expansion-panel/expansion-sample-2/expansion-sample-2.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild } from '@angular/core'; import { IgxExpansionPanelBodyComponent, IgxExpansionPanelComponent, IgxExpansionPanelDescriptionDirective, IgxExpansionPanelHeaderComponent, IgxExpansionPanelTitleDirective } from 'igniteui-angular/expansion-panel'; import { IgxToastComponent } from 'igniteui-angular/toast'; @@ -7,7 +7,6 @@ import { IgxToastComponent } from 'igniteui-angular/toast'; selector: 'app-expansion-sample-2', styleUrls: ['./expansion-sample-2.component.scss'], templateUrl: './expansion-sample-2.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxExpansionPanelComponent, IgxExpansionPanelHeaderComponent, IgxExpansionPanelTitleDirective, IgxExpansionPanelDescriptionDirective, IgxExpansionPanelBodyComponent, IgxToastComponent] }) export class ExpansionPanelSample2Component { diff --git a/src/app/layouts/expansion-panel/expansion-sample-3/expansion-sample-3.component.ts b/src/app/layouts/expansion-panel/expansion-sample-3/expansion-sample-3.component.ts index c991c5985..c870e53d7 100644 --- a/src/app/layouts/expansion-panel/expansion-sample-3/expansion-sample-3.component.ts +++ b/src/app/layouts/expansion-panel/expansion-sample-3/expansion-sample-3.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild } from '@angular/core'; import { IgxExpansionPanelBodyComponent, IgxExpansionPanelComponent, IgxExpansionPanelDescriptionDirective, IgxExpansionPanelHeaderComponent, IgxExpansionPanelIconDirective, IgxExpansionPanelTitleDirective } from 'igniteui-angular/expansion-panel'; import { IgxButtonDirective } from 'igniteui-angular/directives'; @@ -8,7 +8,6 @@ import { IgxButtonDirective } from 'igniteui-angular/directives'; selector: 'app-expansion-sample-3', styleUrls: ['./expansion-sample-3.component.scss'], templateUrl: './expansion-sample-3.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxExpansionPanelComponent, IgxExpansionPanelHeaderComponent, IgxExpansionPanelTitleDirective, IgxExpansionPanelDescriptionDirective, IgxExpansionPanelIconDirective, IgxExpansionPanelBodyComponent, IgxButtonDirective] }) diff --git a/src/app/layouts/expansion-panel/expansion-sample-4/expansion-sample-4.component.ts b/src/app/layouts/expansion-panel/expansion-sample-4/expansion-sample-4.component.ts index 832ad4d80..67fdaaf17 100644 --- a/src/app/layouts/expansion-panel/expansion-sample-4/expansion-sample-4.component.ts +++ b/src/app/layouts/expansion-panel/expansion-sample-4/expansion-sample-4.component.ts @@ -1,11 +1,10 @@ -import { Component, QueryList, ViewChildren, ChangeDetectionStrategy } from '@angular/core'; +import { Component, QueryList, ViewChildren } from '@angular/core'; import { IExpansionPanelEventArgs, IgxExpansionPanelBodyComponent, IgxExpansionPanelComponent, IgxExpansionPanelHeaderComponent, IgxExpansionPanelTitleDirective } from 'igniteui-angular/expansion-panel'; @Component({ // tslint:disable-next-line:component-selector selector: 'app-expansion-sample-4', styleUrls: ['./expansion-sample-4.component.scss'], templateUrl: './expansion-sample-4.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxExpansionPanelComponent, IgxExpansionPanelHeaderComponent, IgxExpansionPanelTitleDirective, IgxExpansionPanelBodyComponent] }) export class ExpansionPanelSample4Component { diff --git a/src/app/layouts/expansion-panel/expansion-sample-5/expansion-sample-5.component.ts b/src/app/layouts/expansion-panel/expansion-sample-5/expansion-sample-5.component.ts index 772e10627..8d1109b37 100644 --- a/src/app/layouts/expansion-panel/expansion-sample-5/expansion-sample-5.component.ts +++ b/src/app/layouts/expansion-panel/expansion-sample-5/expansion-sample-5.component.ts @@ -1,5 +1,5 @@ import { useAnimation } from '@angular/animations'; -import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild } from '@angular/core'; import { IgxExpansionPanelBodyComponent, IgxExpansionPanelComponent, IgxExpansionPanelHeaderComponent, IgxExpansionPanelTitleDirective } from 'igniteui-angular/expansion-panel'; import { slideInLeft, slideOutRight } from 'igniteui-angular/animations'; @@ -9,7 +9,6 @@ import { slideInLeft, slideOutRight } from 'igniteui-angular/animations'; selector: 'app-expansion-sample-5', styleUrls: ['./expansion-sample-5.component.scss'], templateUrl: './expansion-sample-5.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxExpansionPanelComponent, IgxExpansionPanelHeaderComponent, IgxExpansionPanelTitleDirective, IgxExpansionPanelBodyComponent] }) export class ExpansionPanelSample5Component { diff --git a/src/app/layouts/expansion-panel/expansion-styling/expansion-styling.component.ts b/src/app/layouts/expansion-panel/expansion-styling/expansion-styling.component.ts index 255413be8..8a3d968cd 100644 --- a/src/app/layouts/expansion-panel/expansion-styling/expansion-styling.component.ts +++ b/src/app/layouts/expansion-panel/expansion-styling/expansion-styling.component.ts @@ -1,4 +1,4 @@ -import {Component, ChangeDetectionStrategy} from '@angular/core'; +import {Component} from '@angular/core'; import { IgxExpansionPanelBodyComponent, IgxExpansionPanelComponent, IgxExpansionPanelDescriptionDirective, IgxExpansionPanelHeaderComponent, IgxExpansionPanelTitleDirective } from 'igniteui-angular/expansion-panel'; import { IgxButtonDirective } from 'igniteui-angular/directives'; @@ -7,7 +7,6 @@ import { IgxButtonDirective } from 'igniteui-angular/directives'; selector: 'app-expansion-styling', styleUrls: ['./expansion-styling.component.scss'], templateUrl: './expansion-styling.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxExpansionPanelComponent, IgxExpansionPanelHeaderComponent, IgxExpansionPanelTitleDirective, IgxExpansionPanelDescriptionDirective, IgxExpansionPanelBodyComponent, IgxButtonDirective] }) diff --git a/src/app/layouts/expansion-panel/expansion-tailwind-styling/expansion-tailwind-styling.component.ts b/src/app/layouts/expansion-panel/expansion-tailwind-styling/expansion-tailwind-styling.component.ts index dde089c63..f2c42922c 100644 --- a/src/app/layouts/expansion-panel/expansion-tailwind-styling/expansion-tailwind-styling.component.ts +++ b/src/app/layouts/expansion-panel/expansion-tailwind-styling/expansion-tailwind-styling.component.ts @@ -1,4 +1,4 @@ -import {Component, ChangeDetectionStrategy} from '@angular/core'; +import {Component} from '@angular/core'; import { IgxExpansionPanelBodyComponent, IgxExpansionPanelComponent, IgxExpansionPanelDescriptionDirective, IgxExpansionPanelHeaderComponent, IgxExpansionPanelTitleDirective } from 'igniteui-angular/expansion-panel'; import { IgxButtonDirective } from 'igniteui-angular/directives'; @@ -7,7 +7,6 @@ import { IgxButtonDirective } from 'igniteui-angular/directives'; selector: 'app-expansion-tailwind-styling', styleUrls: ['./expansion-tailwind-styling.component.scss'], templateUrl: './expansion-tailwind-styling.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxExpansionPanelComponent, IgxExpansionPanelHeaderComponent, IgxExpansionPanelTitleDirective, IgxExpansionPanelDescriptionDirective, IgxExpansionPanelBodyComponent, IgxButtonDirective] }) diff --git a/src/app/layouts/layout/layout-align-items/layout-align-items.component.ts b/src/app/layouts/layout/layout-align-items/layout-align-items.component.ts index 8af943c85..516c91689 100644 --- a/src/app/layouts/layout/layout-align-items/layout-align-items.component.ts +++ b/src/app/layouts/layout/layout-align-items/layout-align-items.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewEncapsulation, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewEncapsulation } from '@angular/core'; import { ButtonGroupAlignment, IgxButtonGroupComponent } from 'igniteui-angular/button-group'; import { IgxButtonDirective, IgxFlexDirective, IgxLayoutDirective, IgxRippleDirective } from 'igniteui-angular/directives'; @@ -8,7 +8,6 @@ import { IgxButtonDirective, IgxFlexDirective, IgxLayoutDirective, IgxRippleDire selector: 'app-layout-align-items', styleUrls: ['./layout-align-items.component.scss'], templateUrl: './layout-align-items.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonGroupComponent, IgxButtonDirective, IgxRippleDirective, IgxLayoutDirective, IgxFlexDirective] }) diff --git a/src/app/layouts/layout/layout-content-space/layout-content-space.component.ts b/src/app/layouts/layout/layout-content-space/layout-content-space.component.ts index fcb7398cc..7fecdc675 100644 --- a/src/app/layouts/layout/layout-content-space/layout-content-space.component.ts +++ b/src/app/layouts/layout/layout-content-space/layout-content-space.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewEncapsulation, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewEncapsulation } from '@angular/core'; import { ButtonGroupAlignment, IgxButtonGroupComponent } from 'igniteui-angular/button-group'; import { IgxButtonDirective, IgxLayoutDirective, IgxRippleDirective } from 'igniteui-angular/directives'; @@ -8,7 +8,6 @@ import { IgxButtonDirective, IgxLayoutDirective, IgxRippleDirective } from 'igni selector: 'app-layout-content-space', styleUrls: ['./layout-content-space.component.scss'], templateUrl: './layout-content-space.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonGroupComponent, IgxButtonDirective, IgxRippleDirective, IgxLayoutDirective] }) diff --git a/src/app/layouts/layout/layout-custom-order/layout-custom-order.component.ts b/src/app/layouts/layout/layout-custom-order/layout-custom-order.component.ts index 05f85b937..a6cfe649b 100644 --- a/src/app/layouts/layout/layout-custom-order/layout-custom-order.component.ts +++ b/src/app/layouts/layout/layout-custom-order/layout-custom-order.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewEncapsulation, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewEncapsulation } from '@angular/core'; import { ButtonGroupAlignment } from 'igniteui-angular/button-group'; import { IgxFlexDirective, IgxLayoutDirective } from 'igniteui-angular/directives'; @@ -7,7 +7,6 @@ import { IgxFlexDirective, IgxLayoutDirective } from 'igniteui-angular/directive selector: 'app-layout-custom-order', styleUrls: ['./layout-custom-order.component.scss'], templateUrl: './layout-custom-order.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxLayoutDirective, IgxFlexDirective] }) diff --git a/src/app/layouts/layout/layout-direction-column/layout-direction-column.component.ts b/src/app/layouts/layout/layout-direction-column/layout-direction-column.component.ts index 9bdbf20e4..53560f34b 100644 --- a/src/app/layouts/layout/layout-direction-column/layout-direction-column.component.ts +++ b/src/app/layouts/layout/layout-direction-column/layout-direction-column.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewEncapsulation, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewEncapsulation } from '@angular/core'; import { ButtonGroupAlignment, IgxButtonGroupComponent } from 'igniteui-angular/button-group'; import { IgxButtonDirective, IgxFlexDirective, IgxLayoutDirective, IgxRippleDirective } from 'igniteui-angular/directives'; @@ -8,7 +8,6 @@ import { IgxButtonDirective, IgxFlexDirective, IgxLayoutDirective, IgxRippleDire selector: 'app-layout-direction-column', styleUrls: ['./layout-direction-column.component.scss'], templateUrl: './layout-direction-column.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonGroupComponent, IgxButtonDirective, IgxRippleDirective, IgxLayoutDirective, IgxFlexDirective] }) diff --git a/src/app/layouts/layout/layout-direction-row/layout-direction-row.component.ts b/src/app/layouts/layout/layout-direction-row/layout-direction-row.component.ts index b26cca04b..3342c50d6 100644 --- a/src/app/layouts/layout/layout-direction-row/layout-direction-row.component.ts +++ b/src/app/layouts/layout/layout-direction-row/layout-direction-row.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewEncapsulation, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewEncapsulation } from '@angular/core'; import { ButtonGroupAlignment, IgxButtonGroupComponent } from 'igniteui-angular/button-group'; import { IgxButtonDirective, IgxFlexDirective, IgxLayoutDirective, IgxRippleDirective } from 'igniteui-angular/directives'; @@ -8,7 +8,6 @@ import { IgxButtonDirective, IgxFlexDirective, IgxLayoutDirective, IgxRippleDire selector: 'app-layout-direction-row', styleUrls: ['./layout-direction-row.component.scss'], templateUrl: './layout-direction-row.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonGroupComponent, IgxButtonDirective, IgxRippleDirective, IgxLayoutDirective, IgxFlexDirective] }) diff --git a/src/app/layouts/layout/layout-justify-content/layout-justify-content.component.ts b/src/app/layouts/layout/layout-justify-content/layout-justify-content.component.ts index 89a67616b..d3deaa6cf 100644 --- a/src/app/layouts/layout/layout-justify-content/layout-justify-content.component.ts +++ b/src/app/layouts/layout/layout-justify-content/layout-justify-content.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewEncapsulation, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewEncapsulation } from '@angular/core'; import { ButtonGroupAlignment, IgxButtonGroupComponent } from 'igniteui-angular/button-group'; import { IgxButtonDirective, IgxLayoutDirective, IgxRippleDirective } from 'igniteui-angular/directives'; @@ -8,7 +8,6 @@ import { IgxButtonDirective, IgxLayoutDirective, IgxRippleDirective } from 'igni selector: 'app-layout-justify-content', styleUrls: ['./layout-justify-content.component.scss'], templateUrl: './layout-justify-content.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonGroupComponent, IgxButtonDirective, IgxRippleDirective, IgxLayoutDirective] }) diff --git a/src/app/layouts/layout/layout-sample/layout-sample.component.ts b/src/app/layouts/layout/layout-sample/layout-sample.component.ts index 1228ccbf0..144b70c22 100644 --- a/src/app/layouts/layout/layout-sample/layout-sample.component.ts +++ b/src/app/layouts/layout/layout-sample/layout-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewEncapsulation, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewEncapsulation } from '@angular/core'; import { IgxFlexDirective, IgxLayoutDirective } from 'igniteui-angular/directives'; @Component({ @@ -6,7 +6,6 @@ import { IgxFlexDirective, IgxLayoutDirective } from 'igniteui-angular/directive selector: 'app-layout-sample', styleUrls: ['./layout-sample.component.scss'], templateUrl: './layout-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxLayoutDirective, IgxFlexDirective] }) diff --git a/src/app/layouts/layout/layout-wrap/layout-wrap.component.ts b/src/app/layouts/layout/layout-wrap/layout-wrap.component.ts index 648d97904..11145cf94 100644 --- a/src/app/layouts/layout/layout-wrap/layout-wrap.component.ts +++ b/src/app/layouts/layout/layout-wrap/layout-wrap.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewEncapsulation, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewEncapsulation } from '@angular/core'; import { IgxFlexDirective, IgxLayoutDirective } from 'igniteui-angular/directives'; @Component({ @@ -6,7 +6,6 @@ import { IgxFlexDirective, IgxLayoutDirective } from 'igniteui-angular/directive selector: 'app-layout-wrap', styleUrls: ['./layout-wrap.component.scss'], templateUrl: './layout-wrap.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxLayoutDirective, IgxFlexDirective] }) diff --git a/src/app/layouts/splitter/splitter-collapsible-sample/splitter-collapsible-sample.component.ts b/src/app/layouts/splitter/splitter-collapsible-sample/splitter-collapsible-sample.component.ts index bfce40098..50aadc38b 100644 --- a/src/app/layouts/splitter/splitter-collapsible-sample/splitter-collapsible-sample.component.ts +++ b/src/app/layouts/splitter/splitter-collapsible-sample/splitter-collapsible-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild } from '@angular/core'; import { IgxSplitterComponent, IgxSplitterPaneComponent } from 'igniteui-angular/splitter'; import { IgxButtonDirective } from 'igniteui-angular/directives'; @@ -6,7 +6,6 @@ import { IgxButtonDirective } from 'igniteui-angular/directives'; selector: 'app-splitter-collapsible-sample', styleUrls: ['splitter-collapsible-sample.component.scss'], templateUrl: 'splitter-collapsible-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSplitterComponent, IgxSplitterPaneComponent, IgxButtonDirective] }) export class SplitterCollapsibleSampleComponent { diff --git a/src/app/layouts/splitter/splitter-horizontal-sample/splitter-horizontal-sample.component.ts b/src/app/layouts/splitter/splitter-horizontal-sample/splitter-horizontal-sample.component.ts index 2eb708907..4931d3807 100644 --- a/src/app/layouts/splitter/splitter-horizontal-sample/splitter-horizontal-sample.component.ts +++ b/src/app/layouts/splitter/splitter-horizontal-sample/splitter-horizontal-sample.component.ts @@ -1,11 +1,10 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxSplitterComponent, IgxSplitterPaneComponent, SplitterType } from 'igniteui-angular/splitter'; @Component({ selector: 'app-splitter-horizontal-sample', styleUrls: ['splitter-horizontal-sample.component.scss'], templateUrl: 'splitter-horizontal-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSplitterComponent, IgxSplitterPaneComponent] }) export class SplitterHorizontalSampleComponent { diff --git a/src/app/layouts/splitter/splitter-nested-sample/splitter-nested-sample.component.ts b/src/app/layouts/splitter/splitter-nested-sample/splitter-nested-sample.component.ts index ce1d06288..06c6b01f0 100644 --- a/src/app/layouts/splitter/splitter-nested-sample/splitter-nested-sample.component.ts +++ b/src/app/layouts/splitter/splitter-nested-sample/splitter-nested-sample.component.ts @@ -1,11 +1,10 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxSplitterComponent, IgxSplitterPaneComponent, SplitterType } from 'igniteui-angular/splitter'; @Component({ selector: 'app-splitter-nested-sample', styleUrls: ['splitter-nested-sample.component.scss'], templateUrl: 'splitter-nested-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSplitterComponent, IgxSplitterPaneComponent] }) export class SplitterNestedSampleComponent { diff --git a/src/app/layouts/splitter/splitter-styling-sample/splitter-styling-sample.component.ts b/src/app/layouts/splitter/splitter-styling-sample/splitter-styling-sample.component.ts index fbff90325..2dca887ee 100644 --- a/src/app/layouts/splitter/splitter-styling-sample/splitter-styling-sample.component.ts +++ b/src/app/layouts/splitter/splitter-styling-sample/splitter-styling-sample.component.ts @@ -1,11 +1,10 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxSplitterComponent, IgxSplitterPaneComponent, SplitterType } from 'igniteui-angular/splitter'; @Component({ selector: 'app-splitter-styling-sample', styleUrls: ['splitter-styling-sample.component.scss'], templateUrl: 'splitter-styling-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSplitterComponent, IgxSplitterPaneComponent] }) export class SplitterStylingSampleComponent { diff --git a/src/app/layouts/splitter/splitter-tailwind-styling-sample/splitter-tailwind-styling-sample.component.ts b/src/app/layouts/splitter/splitter-tailwind-styling-sample/splitter-tailwind-styling-sample.component.ts index e7e315ce3..079dfdcaa 100644 --- a/src/app/layouts/splitter/splitter-tailwind-styling-sample/splitter-tailwind-styling-sample.component.ts +++ b/src/app/layouts/splitter/splitter-tailwind-styling-sample/splitter-tailwind-styling-sample.component.ts @@ -1,11 +1,10 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxSplitterComponent, IgxSplitterPaneComponent, SplitterType } from 'igniteui-angular/splitter'; @Component({ selector: 'app-splitter-tailwind-styling-sample', styleUrls: ['splitter-tailwind-styling-sample.component.scss'], templateUrl: 'splitter-tailwind-styling-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSplitterComponent, IgxSplitterPaneComponent] }) export class SplitterTailwindStylingSampleComponent { diff --git a/src/app/layouts/stepper/stepper-label-position-and-orientation-sample/stepper-label-position-and-orientation-sample.component.ts b/src/app/layouts/stepper/stepper-label-position-and-orientation-sample/stepper-label-position-and-orientation-sample.component.ts index 0268d73be..f3f47d2a4 100644 --- a/src/app/layouts/stepper/stepper-label-position-and-orientation-sample/stepper-label-position-and-orientation-sample.component.ts +++ b/src/app/layouts/stepper/stepper-label-position-and-orientation-sample/stepper-label-position-and-orientation-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IButtonGroupEventArgs, IgxButtonGroupComponent } from 'igniteui-angular/button-group'; import { IgxStepComponent, IgxStepContentDirective, IgxStepTitleDirective, IgxStepperComponent, IgxStepperOrientation, IgxStepperTitlePosition } from 'igniteui-angular/stepper'; import { IgxButtonDirective } from 'igniteui-angular/directives'; @@ -7,7 +7,6 @@ import { IgxButtonDirective } from 'igniteui-angular/directives'; selector: 'app-stepper-label-position-and-orientation-sample', styleUrls: ['./stepper-label-position-and-orientation-sample.component.scss'], templateUrl: './stepper-label-position-and-orientation-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonGroupComponent, IgxStepperComponent, IgxStepComponent, IgxStepTitleDirective, IgxStepContentDirective, IgxButtonDirective] }) export class StepperLabelPositionAndOrientationSampleComponent { diff --git a/src/app/layouts/stepper/stepper-linear-sample/stepper-linear-sample.component.ts b/src/app/layouts/stepper/stepper-linear-sample/stepper-linear-sample.component.ts index 5704a1315..2336cc404 100644 --- a/src/app/layouts/stepper/stepper-linear-sample/stepper-linear-sample.component.ts +++ b/src/app/layouts/stepper/stepper-linear-sample/stepper-linear-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IButtonGroupEventArgs, IgxButtonGroupComponent } from 'igniteui-angular/button-group'; import { IgxStepActiveIndicatorDirective, IgxStepComponent, IgxStepContentDirective, IgxStepSubtitleDirective, IgxStepTitleDirective, IgxStepperComponent } from 'igniteui-angular/stepper'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -12,7 +12,6 @@ import { FormsModule } from '@angular/forms'; selector: 'app-stepper-linear-sample', styleUrls: ['./stepper-linear-sample.component.scss'], templateUrl: './stepper-linear-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonGroupComponent, IgxStepperComponent, IgxStepActiveIndicatorDirective, IgxIconComponent, IgxStepComponent, IgxStepTitleDirective, IgxStepContentDirective, FormsModule, IgxInputGroupComponent, IgxInputDirective, IgxLabelDirective, IgxButtonDirective, IgxStepSubtitleDirective, IgxRadioGroupDirective, IgxRadioComponent] }) export class StepperLinearSampleComponent { diff --git a/src/app/layouts/stepper/stepper-overview-sample/stepper-overview-sample.component.ts b/src/app/layouts/stepper/stepper-overview-sample/stepper-overview-sample.component.ts index d6d2245ee..2cf559489 100644 --- a/src/app/layouts/stepper/stepper-overview-sample/stepper-overview-sample.component.ts +++ b/src/app/layouts/stepper/stepper-overview-sample/stepper-overview-sample.component.ts @@ -1,4 +1,4 @@ -import { ChangeDetectorRef, Component, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; +import { ChangeDetectorRef, Component, ViewChild, inject } from '@angular/core'; import { NgForm, FormsModule } from '@angular/forms'; import { IgxStepComponent, IgxStepContentDirective, IgxStepTitleDirective, IgxStepperComponent } from 'igniteui-angular/stepper'; import { IgxCardComponent, IgxCardContentDirective, IgxCardMediaDirective } from 'igniteui-angular/card'; @@ -15,7 +15,6 @@ import { NgClass, DatePipe } from '@angular/common'; selector: 'app-stepper-overview-sample', styleUrls: ['./stepper-overview-sample.component.scss'], templateUrl: './stepper-overview-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxStepperComponent, IgxStepComponent, IgxStepTitleDirective, IgxStepContentDirective, IgxBadgeComponent, IgxCardComponent, NgClass, IgxCardMediaDirective, IgxCardContentDirective, FormsModule, IgxInputGroupComponent, IgxInputDirective, IgxLabelDirective, IgxSelectComponent, IgxSelectItemComponent, IgxMaskDirective, IgxCheckboxComponent, IgxHintDirective, IgxRadioGroupDirective, IgxRadioComponent, IgxButtonDirective, IgxIconComponent, DatePipe] }) export class StepperOverviewSampleComponent { diff --git a/src/app/layouts/stepper/stepper-sample-reactive-forms/stepper-sample-reactive-forms.component.ts b/src/app/layouts/stepper/stepper-sample-reactive-forms/stepper-sample-reactive-forms.component.ts index 40fb4c2fa..f2e5d7ccd 100644 --- a/src/app/layouts/stepper/stepper-sample-reactive-forms/stepper-sample-reactive-forms.component.ts +++ b/src/app/layouts/stepper/stepper-sample-reactive-forms/stepper-sample-reactive-forms.component.ts @@ -1,4 +1,4 @@ -import { ChangeDetectorRef, Component, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; +import { ChangeDetectorRef, Component, ViewChild, inject } from '@angular/core'; import { FormControl, FormGroup, Validators, FormsModule, ReactiveFormsModule } from '@angular/forms'; import { IgxStepComponent, IgxStepContentDirective, IgxStepTitleDirective, IgxStepperComponent } from 'igniteui-angular/stepper'; import { IgxCardComponent, IgxCardContentDirective, IgxCardMediaDirective } from 'igniteui-angular/card'; @@ -45,7 +45,6 @@ export interface ShippingDetails{ selector: 'app-stepper-sample-reactive-forms', styleUrls: ['./stepper-sample-reactive-forms.component.scss'], templateUrl: './stepper-sample-reactive-forms.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxStepperComponent, IgxStepComponent, IgxStepTitleDirective, IgxStepContentDirective, IgxBadgeComponent, IgxCardComponent, NgClass, IgxCardMediaDirective, IgxCardContentDirective, FormsModule, ReactiveFormsModule, IgxInputGroupComponent, IgxInputDirective, IgxLabelDirective, IgxSelectComponent, IgxSelectItemComponent, IgxMaskDirective, IgxCheckboxComponent, IgxHintDirective, IgxRadioGroupDirective, IgxRadioComponent, IgxButtonDirective, IgxIconComponent, DatePipe] }) export class StepperSampleReactiveFormsComponent { diff --git a/src/app/layouts/stepper/stepper-steptypes-sample/stepper-steptypes-sample.component.ts b/src/app/layouts/stepper/stepper-steptypes-sample/stepper-steptypes-sample.component.ts index 957a7cf03..bd75db42c 100644 --- a/src/app/layouts/stepper/stepper-steptypes-sample/stepper-steptypes-sample.component.ts +++ b/src/app/layouts/stepper/stepper-steptypes-sample/stepper-steptypes-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IButtonGroupEventArgs, IgxButtonGroupComponent } from 'igniteui-angular/button-group'; import { IgxStepComponent, IgxStepTitleDirective, IgxStepType, IgxStepperComponent } from 'igniteui-angular/stepper'; @@ -6,7 +6,6 @@ import { IgxStepComponent, IgxStepTitleDirective, IgxStepType, IgxStepperCompone selector: 'app-stepper-steptypes-sample', styleUrls: ['./stepper-steptypes-sample.component.scss'], templateUrl: './stepper-steptypes-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonGroupComponent, IgxStepperComponent, IgxStepComponent, IgxStepTitleDirective] }) export class StepperStepTypesSampleComponent { diff --git a/src/app/layouts/stepper/stepper-styling-sample/stepper-styling-sample.component.ts b/src/app/layouts/stepper/stepper-styling-sample/stepper-styling-sample.component.ts index 22522ea11..f3a398142 100644 --- a/src/app/layouts/stepper/stepper-styling-sample/stepper-styling-sample.component.ts +++ b/src/app/layouts/stepper/stepper-styling-sample/stepper-styling-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild } from '@angular/core'; import { IStepChangingEventArgs, IgxStepActiveIndicatorDirective, IgxStepCompletedIndicatorDirective, IgxStepComponent, IgxStepContentDirective, IgxStepSubtitleDirective, IgxStepTitleDirective, IgxStepperComponent } from 'igniteui-angular/stepper'; import { IgxIconComponent } from 'igniteui-angular/icon'; import { IgxButtonDirective } from 'igniteui-angular/directives'; @@ -7,7 +7,6 @@ import { IgxButtonDirective } from 'igniteui-angular/directives'; selector: 'app-stepper-styling-sample', styleUrls: ['./stepper-styling-sample.component.scss'], templateUrl: './stepper-styling-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxStepperComponent, IgxStepActiveIndicatorDirective, IgxIconComponent, IgxStepCompletedIndicatorDirective, IgxStepComponent, IgxStepTitleDirective, IgxStepSubtitleDirective, IgxStepContentDirective, IgxButtonDirective] }) export class StepperStylingSampleComponent { diff --git a/src/app/layouts/stepper/stepper-tailwind-styling-sample/stepper-tailwind-styling-sample.component.ts b/src/app/layouts/stepper/stepper-tailwind-styling-sample/stepper-tailwind-styling-sample.component.ts index 74884efa2..adbe5489e 100644 --- a/src/app/layouts/stepper/stepper-tailwind-styling-sample/stepper-tailwind-styling-sample.component.ts +++ b/src/app/layouts/stepper/stepper-tailwind-styling-sample/stepper-tailwind-styling-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild } from '@angular/core'; import { IStepChangingEventArgs, IgxStepActiveIndicatorDirective, IgxStepCompletedIndicatorDirective, IgxStepComponent, IgxStepContentDirective, IgxStepSubtitleDirective, IgxStepTitleDirective, IgxStepperComponent } from 'igniteui-angular/stepper'; import { IgxIconComponent } from 'igniteui-angular/icon'; import { IgxButtonDirective } from 'igniteui-angular/directives'; @@ -7,7 +7,6 @@ import { IgxButtonDirective } from 'igniteui-angular/directives'; selector: 'app-stepper-tailwind-styling-sample', styleUrls: ['./stepper-tailwind-styling-sample.component.scss'], templateUrl: './stepper-tailwind-styling-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxStepperComponent, IgxStepActiveIndicatorDirective, IgxIconComponent, IgxStepCompletedIndicatorDirective, IgxStepComponent, IgxStepTitleDirective, IgxStepSubtitleDirective, IgxStepContentDirective, IgxButtonDirective] }) export class StepperTailwindStylingSampleComponent { diff --git a/src/app/layouts/tabbar/tabbar-sample-1/tabbar-sample-1.component.ts b/src/app/layouts/tabbar/tabbar-sample-1/tabbar-sample-1.component.ts index 3ae1303c2..04748ddab 100644 --- a/src/app/layouts/tabbar/tabbar-sample-1/tabbar-sample-1.component.ts +++ b/src/app/layouts/tabbar/tabbar-sample-1/tabbar-sample-1.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxBottomNavComponent, IgxBottomNavContentComponent, IgxBottomNavHeaderComponent, IgxBottomNavItemComponent } from 'igniteui-angular/bottom-nav'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -6,7 +6,6 @@ import { IgxIconComponent } from 'igniteui-angular/icon'; selector: 'app-tabbar-sample-1', styleUrls: ['./tabbar-sample-1.component.scss'], templateUrl: './tabbar-sample-1.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxBottomNavComponent, IgxBottomNavItemComponent, IgxBottomNavHeaderComponent, IgxIconComponent, IgxBottomNavContentComponent] }) export class TabbarSample1Component { diff --git a/src/app/layouts/tabbar/tabbar-sample-2/tabbar-sample-2.component.ts b/src/app/layouts/tabbar/tabbar-sample-2/tabbar-sample-2.component.ts index 162d8773c..857c99340 100644 --- a/src/app/layouts/tabbar/tabbar-sample-2/tabbar-sample-2.component.ts +++ b/src/app/layouts/tabbar/tabbar-sample-2/tabbar-sample-2.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from "@angular/core"; +import { Component } from "@angular/core"; import { IgxBottomNavComponent, IgxBottomNavContentComponent, IgxBottomNavHeaderComponent, IgxBottomNavHeaderIconDirective, IgxBottomNavHeaderLabelDirective, IgxBottomNavItemComponent } from 'igniteui-angular/bottom-nav'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -7,7 +7,6 @@ import { IgxIconComponent } from 'igniteui-angular/icon'; selector: "app-tabbar-sample-2", styleUrls: ["./tabbar-sample-2.component.scss"], templateUrl: "./tabbar-sample-2.component.html", - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxBottomNavComponent, IgxBottomNavItemComponent, IgxBottomNavHeaderComponent, IgxIconComponent, IgxBottomNavHeaderIconDirective, IgxBottomNavHeaderLabelDirective, IgxBottomNavContentComponent] }) export class TabbarSample2Component { diff --git a/src/app/layouts/tabbar/tabbar-sample-3/components/tabbar-sample-3.component.ts b/src/app/layouts/tabbar/tabbar-sample-3/components/tabbar-sample-3.component.ts index fdcd9d1cc..38dc79a81 100644 --- a/src/app/layouts/tabbar/tabbar-sample-3/components/tabbar-sample-3.component.ts +++ b/src/app/layouts/tabbar/tabbar-sample-3/components/tabbar-sample-3.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, inject } from '@angular/core'; import { NavigationEnd, Router, RouterOutlet, RouterLinkActive, RouterLink } from '@angular/router'; import { filter } from 'rxjs/operators'; import { IgxBottomNavComponent, IgxBottomNavHeaderComponent, IgxBottomNavHeaderIconDirective, IgxBottomNavItemComponent } from 'igniteui-angular/bottom-nav'; @@ -8,7 +8,6 @@ import { IgxIconComponent } from 'igniteui-angular/icon'; selector: 'app-tabbar-sample-3', styleUrls: ['./tabbar-sample-3.component.scss'], templateUrl: './tabbar-sample-3.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [RouterOutlet, IgxBottomNavComponent, IgxBottomNavItemComponent, RouterLinkActive, IgxBottomNavHeaderComponent, RouterLink, IgxIconComponent, IgxBottomNavHeaderIconDirective] }) export class TabbarSample3Component implements OnInit { diff --git a/src/app/layouts/tabbar/tabbar-style/tabbar-style.component.ts b/src/app/layouts/tabbar/tabbar-style/tabbar-style.component.ts index 7241dd0a0..7512e4bfa 100644 --- a/src/app/layouts/tabbar/tabbar-style/tabbar-style.component.ts +++ b/src/app/layouts/tabbar/tabbar-style/tabbar-style.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ChangeDetectionStrategy } from "@angular/core"; +import { Component, OnInit } from "@angular/core"; import { IgxBottomNavComponent, IgxBottomNavContentComponent, IgxBottomNavHeaderComponent, IgxBottomNavHeaderIconDirective, IgxBottomNavHeaderLabelDirective, IgxBottomNavItemComponent } from 'igniteui-angular/bottom-nav'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -7,7 +7,6 @@ import { IgxIconComponent } from 'igniteui-angular/icon'; selector: "app-tabbar-style", styleUrls: ["./tabbar-style.component.scss"], templateUrl: "./tabbar-style.component.html", - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxBottomNavComponent, IgxBottomNavItemComponent, IgxBottomNavHeaderComponent, IgxIconComponent, IgxBottomNavHeaderIconDirective, IgxBottomNavHeaderLabelDirective, IgxBottomNavContentComponent] }) export class TabbarStyleComponent { diff --git a/src/app/layouts/tabbar/tabbar-tailwind-style/tabbar-tailwind-style.component.ts b/src/app/layouts/tabbar/tabbar-tailwind-style/tabbar-tailwind-style.component.ts index c94d69c48..f7d4b7cad 100644 --- a/src/app/layouts/tabbar/tabbar-tailwind-style/tabbar-tailwind-style.component.ts +++ b/src/app/layouts/tabbar/tabbar-tailwind-style/tabbar-tailwind-style.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from "@angular/core"; +import { Component } from "@angular/core"; import { IgxBottomNavComponent, IgxBottomNavContentComponent, IgxBottomNavHeaderComponent, IgxBottomNavHeaderIconDirective, IgxBottomNavHeaderLabelDirective, IgxBottomNavItemComponent } from 'igniteui-angular/bottom-nav'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -7,7 +7,6 @@ import { IgxIconComponent } from 'igniteui-angular/icon'; selector: "app-tabbar-tailwind-style", styleUrls: ["./tabbar-tailwind-style.component.scss"], templateUrl: "./tabbar-tailwind-style.component.html", - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxBottomNavComponent, IgxBottomNavItemComponent, IgxBottomNavHeaderComponent, IgxIconComponent, IgxBottomNavHeaderIconDirective, IgxBottomNavHeaderLabelDirective, IgxBottomNavContentComponent] }) export class TabbarTailwindStyleComponent { diff --git a/src/app/layouts/tabbar/views/view1/view1.component.ts b/src/app/layouts/tabbar/views/view1/view1.component.ts index 33e6dfbe7..f94c38bab 100644 --- a/src/app/layouts/tabbar/views/view1/view1.component.ts +++ b/src/app/layouts/tabbar/views/view1/view1.component.ts @@ -1,8 +1,7 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'app-view1', - changeDetection: ChangeDetectionStrategy.Eager, templateUrl: './view1.component.html' }) export class TabbarView1Component { } diff --git a/src/app/layouts/tabbar/views/view2/view2.component.ts b/src/app/layouts/tabbar/views/view2/view2.component.ts index 9138a112b..353fab685 100644 --- a/src/app/layouts/tabbar/views/view2/view2.component.ts +++ b/src/app/layouts/tabbar/views/view2/view2.component.ts @@ -1,8 +1,7 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'app-view2', - changeDetection: ChangeDetectionStrategy.Eager, templateUrl: './view2.component.html' }) export class TabbarView2Component { } diff --git a/src/app/layouts/tabbar/views/view3/view3.component.ts b/src/app/layouts/tabbar/views/view3/view3.component.ts index c103966a8..d22d58801 100644 --- a/src/app/layouts/tabbar/views/view3/view3.component.ts +++ b/src/app/layouts/tabbar/views/view3/view3.component.ts @@ -1,8 +1,7 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'app-view3', - changeDetection: ChangeDetectionStrategy.Eager, templateUrl: './view3.component.html' }) export class TabbarView3Component { } diff --git a/src/app/layouts/tabs/tabs-alignment/tabs-alignment.component.ts b/src/app/layouts/tabs/tabs-alignment/tabs-alignment.component.ts index ef757d511..346339e17 100644 --- a/src/app/layouts/tabs/tabs-alignment/tabs-alignment.component.ts +++ b/src/app/layouts/tabs/tabs-alignment/tabs-alignment.component.ts @@ -1,11 +1,10 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxButtonGroupComponent } from 'igniteui-angular/button-group'; import { IgxTabContentComponent, IgxTabHeaderComponent, IgxTabHeaderLabelDirective, IgxTabItemComponent, IgxTabsComponent } from 'igniteui-angular/tabs'; @Component({ selector: 'app-tabs-alignment', templateUrl: './tabs-alignment.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonGroupComponent, IgxTabsComponent, IgxTabItemComponent, IgxTabHeaderComponent, IgxTabHeaderLabelDirective, IgxTabContentComponent] }) export class TabsAlignmentComponent { diff --git a/src/app/layouts/tabs/tabs-header-prefix-suffix/tabs-header-prefix-suffix.ts b/src/app/layouts/tabs/tabs-header-prefix-suffix/tabs-header-prefix-suffix.ts index 75320d662..bfff56bd7 100644 --- a/src/app/layouts/tabs/tabs-header-prefix-suffix/tabs-header-prefix-suffix.ts +++ b/src/app/layouts/tabs/tabs-header-prefix-suffix/tabs-header-prefix-suffix.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxTabContentComponent, IgxTabHeaderComponent, IgxTabItemComponent, IgxTabsComponent } from 'igniteui-angular/tabs'; import { IgxPrefixDirective, IgxSuffixDirective } from 'igniteui-angular/input-group'; import { IgxIconButtonDirective } from 'igniteui-angular/directives'; @@ -8,7 +8,6 @@ import { IgxIconComponent } from 'igniteui-angular/icon'; @Component({ selector: 'app-tabs-header-prefix-suffix', templateUrl: './tabs-header-prefix-suffix.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTabsComponent, IgxTabItemComponent, IgxTabHeaderComponent, IgxPrefixDirective, IgxIconButtonDirective, IgxSuffixDirective, IgxIconComponent, IgxTabContentComponent] }) export class TabsHeaderPrefixSuffixComponent { diff --git a/src/app/layouts/tabs/tabs-sample-1/tabs-sample-1.component.ts b/src/app/layouts/tabs/tabs-sample-1/tabs-sample-1.component.ts index 00c134d8d..1b99abb8e 100644 --- a/src/app/layouts/tabs/tabs-sample-1/tabs-sample-1.component.ts +++ b/src/app/layouts/tabs/tabs-sample-1/tabs-sample-1.component.ts @@ -1,11 +1,10 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxTabContentComponent, IgxTabHeaderComponent, IgxTabHeaderLabelDirective, IgxTabItemComponent, IgxTabsComponent } from 'igniteui-angular/tabs'; @Component({ selector: 'app-tabs-sample-1', styleUrls: ['./tabs-sample-1.component.scss'], templateUrl: './tabs-sample-1.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTabsComponent, IgxTabItemComponent, IgxTabHeaderComponent, IgxTabHeaderLabelDirective, IgxTabContentComponent] }) export class TabsSample1Component { } diff --git a/src/app/layouts/tabs/tabs-sample-2/tabs-sample-2.component.ts b/src/app/layouts/tabs/tabs-sample-2/tabs-sample-2.component.ts index 6332973cf..0e27ffe1a 100644 --- a/src/app/layouts/tabs/tabs-sample-2/tabs-sample-2.component.ts +++ b/src/app/layouts/tabs/tabs-sample-2/tabs-sample-2.component.ts @@ -1,11 +1,10 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxTabContentComponent, IgxTabHeaderComponent, IgxTabHeaderLabelDirective, IgxTabItemComponent, IgxTabsComponent } from 'igniteui-angular/tabs'; @Component({ selector: 'app-tabs-sample-2', styleUrls: ['./tabs-sample-2.component.scss'], templateUrl: './tabs-sample-2.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTabsComponent, IgxTabItemComponent, IgxTabHeaderComponent, IgxTabHeaderLabelDirective, IgxTabContentComponent] }) export class TabsSample2Component { diff --git a/src/app/layouts/tabs/tabs-sample-3/tabs-sample-3.component.ts b/src/app/layouts/tabs/tabs-sample-3/tabs-sample-3.component.ts index ad60b1a97..910a1a98b 100644 --- a/src/app/layouts/tabs/tabs-sample-3/tabs-sample-3.component.ts +++ b/src/app/layouts/tabs/tabs-sample-3/tabs-sample-3.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxTabContentComponent, IgxTabHeaderComponent, IgxTabHeaderIconDirective, IgxTabHeaderLabelDirective, IgxTabItemComponent, IgxTabsComponent } from 'igniteui-angular/tabs'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -6,7 +6,6 @@ import { IgxIconComponent } from 'igniteui-angular/icon'; selector: 'app-tabs-sample-3', styleUrls: ['./tabs-sample-3.component.scss'], templateUrl: './tabs-sample-3.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTabsComponent, IgxTabItemComponent, IgxTabHeaderComponent, IgxIconComponent, IgxTabHeaderIconDirective, IgxTabHeaderLabelDirective, IgxTabContentComponent] }) export class TabsSample3Component { } diff --git a/src/app/layouts/tabs/tabs-sample-4/components/tabs-sample-4.component.ts b/src/app/layouts/tabs/tabs-sample-4/components/tabs-sample-4.component.ts index 1bf814ab7..78db9b213 100644 --- a/src/app/layouts/tabs/tabs-sample-4/components/tabs-sample-4.component.ts +++ b/src/app/layouts/tabs/tabs-sample-4/components/tabs-sample-4.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, inject } from '@angular/core'; import { NavigationEnd, Router, RouterLinkActive, RouterLink, RouterOutlet } from '@angular/router'; import { filter } from 'rxjs/operators'; import { IgxTabHeaderComponent, IgxTabHeaderLabelDirective, IgxTabItemComponent, IgxTabsComponent } from 'igniteui-angular/tabs'; @@ -7,7 +7,6 @@ import { IgxTabHeaderComponent, IgxTabHeaderLabelDirective, IgxTabItemComponent, selector: 'app-tabs-sample-4', styleUrls: ['./tabs-sample-4.component.scss'], templateUrl: './tabs-sample-4.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTabsComponent, IgxTabItemComponent, RouterLinkActive, IgxTabHeaderComponent, RouterLink, IgxTabHeaderLabelDirective, RouterOutlet] }) export class TabsSample4Component implements OnInit { diff --git a/src/app/layouts/tabs/tabs-style/tabs-style.component.ts b/src/app/layouts/tabs/tabs-style/tabs-style.component.ts index fd6514697..c0a43419e 100644 --- a/src/app/layouts/tabs/tabs-style/tabs-style.component.ts +++ b/src/app/layouts/tabs/tabs-style/tabs-style.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxTabContentComponent, IgxTabHeaderComponent, IgxTabHeaderIconDirective, IgxTabHeaderLabelDirective, IgxTabItemComponent, IgxTabsComponent } from 'igniteui-angular/tabs'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -6,7 +6,6 @@ import { IgxIconComponent } from 'igniteui-angular/icon'; selector: 'app-tabs-style', styleUrls: ['./tabs-style.component.scss'], templateUrl: './tabs-style.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTabsComponent, IgxTabItemComponent, IgxTabHeaderComponent, IgxIconComponent, IgxTabHeaderIconDirective, IgxTabHeaderLabelDirective, IgxTabContentComponent] }) export class TabsStyleComponent { } diff --git a/src/app/layouts/tabs/tabs-tailwind-style/tabs-tailwind-style.component.ts b/src/app/layouts/tabs/tabs-tailwind-style/tabs-tailwind-style.component.ts index 5fe1a7572..1a1a925db 100644 --- a/src/app/layouts/tabs/tabs-tailwind-style/tabs-tailwind-style.component.ts +++ b/src/app/layouts/tabs/tabs-tailwind-style/tabs-tailwind-style.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxTabContentComponent, IgxTabHeaderComponent, IgxTabHeaderIconDirective, IgxTabHeaderLabelDirective, IgxTabItemComponent, IgxTabsComponent } from 'igniteui-angular/tabs'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -6,7 +6,6 @@ import { IgxIconComponent } from 'igniteui-angular/icon'; selector: 'app-tabs-tailwind-style', styleUrls: ['./tabs-tailwind-style.component.scss'], templateUrl: './tabs-tailwind-style.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTabsComponent, IgxTabItemComponent, IgxTabHeaderComponent, IgxIconComponent, IgxTabHeaderIconDirective, IgxTabHeaderLabelDirective, IgxTabContentComponent] }) export class TabsTailwindStyleComponent { } diff --git a/src/app/layouts/tabs/views/view1/view1.component.ts b/src/app/layouts/tabs/views/view1/view1.component.ts index 6dcfcbbed..b9b28ff9a 100644 --- a/src/app/layouts/tabs/views/view1/view1.component.ts +++ b/src/app/layouts/tabs/views/view1/view1.component.ts @@ -1,8 +1,7 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'app-view1', - changeDetection: ChangeDetectionStrategy.Eager, templateUrl: './view1.component.html' }) export class View1Component { } diff --git a/src/app/layouts/tabs/views/view2/view2.component.ts b/src/app/layouts/tabs/views/view2/view2.component.ts index 28df4880c..8dcb038e3 100644 --- a/src/app/layouts/tabs/views/view2/view2.component.ts +++ b/src/app/layouts/tabs/views/view2/view2.component.ts @@ -1,8 +1,7 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'app-view2', - changeDetection: ChangeDetectionStrategy.Eager, templateUrl: './view2.component.html' }) export class View2Component { } diff --git a/src/app/layouts/tabs/views/view3/view3.component.ts b/src/app/layouts/tabs/views/view3/view3.component.ts index 7331f77fd..a02c85886 100644 --- a/src/app/layouts/tabs/views/view3/view3.component.ts +++ b/src/app/layouts/tabs/views/view3/view3.component.ts @@ -1,8 +1,7 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'app-view3', - changeDetection: ChangeDetectionStrategy.Eager, templateUrl: './view3.component.html' }) export class View3Component { } diff --git a/src/app/layouts/tile-manager/tile-manager-sample/tile-manager.component.ts b/src/app/layouts/tile-manager/tile-manager-sample/tile-manager.component.ts index ec37a15aa..5f515fefd 100644 --- a/src/app/layouts/tile-manager/tile-manager-sample/tile-manager.component.ts +++ b/src/app/layouts/tile-manager/tile-manager-sample/tile-manager.component.ts @@ -1,4 +1,4 @@ -import { Component, CUSTOM_ELEMENTS_SCHEMA, OnInit, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, CUSTOM_ELEMENTS_SCHEMA, OnInit, inject } from '@angular/core'; import { IgxAvatarComponent } from 'igniteui-angular/avatar'; import { IgxCardComponent, IgxCardContentDirective, IgxCardHeaderComponent, IgxCardHeaderTitleDirective, IgxCardThumbnailDirective } from 'igniteui-angular/card'; import { IgxIconComponent, IgxIconService } from 'igniteui-angular/icon'; @@ -12,7 +12,6 @@ defineComponents(IgcTileManagerComponent); styleUrls: ['./tile-manager.component.scss'], templateUrl: './tile-manager.component.html', imports: [IgxCardComponent, IgxCardHeaderComponent, IgxCardHeaderTitleDirective, IgxCardThumbnailDirective, IgxCardContentDirective, IgxListComponent, IgxListItemComponent, IgxListThumbnailDirective, IgxAvatarComponent, IgxIconComponent], - changeDetection: ChangeDetectionStrategy.Eager, schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class TileManagerComponent implements OnInit { @@ -22,15 +21,15 @@ export class TileManagerComponent implements OnInit { public ngOnInit() { const listIcon = ''; - + const calendarIcon = '' - + const productIcon = '' - + this._iconService.addSvgIconFromText("list", listIcon, "material"); this._iconService.addSvgIconFromText("calendar", calendarIcon, "material"); this._iconService.addSvgIconFromText("product", productIcon, "material"); } -} \ No newline at end of file +} diff --git a/src/app/lists/combo/combo-binding/combo-binding.component.ts b/src/app/lists/combo/combo-binding/combo-binding.component.ts index 7005aae0b..563ccf172 100644 --- a/src/app/lists/combo/combo-binding/combo-binding.component.ts +++ b/src/app/lists/combo/combo-binding/combo-binding.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild } from '@angular/core'; import { IgxComboComponent } from 'igniteui-angular/combo'; import { IgxButtonDirective } from 'igniteui-angular/directives'; import { IgxCardComponent, IgxCardHeaderComponent, IgxCardHeaderSubtitleDirective, IgxCardHeaderTitleDirective } from 'igniteui-angular/card'; @@ -10,7 +10,6 @@ import { FormsModule } from '@angular/forms'; selector: 'app-combo-binding', templateUrl: 'combo-binding.component.html', styleUrls: ['combo-binding.component.scss'], - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxComboComponent, FormsModule, IgxButtonDirective, IgxCardComponent, IgxCardHeaderComponent, IgxCardHeaderTitleDirective, IgxCardHeaderSubtitleDirective] }) export class ComboBindingComponent { diff --git a/src/app/lists/combo/combo-features/combo-features.component.ts b/src/app/lists/combo/combo-features/combo-features.component.ts index 8e8db5ac3..79bf967fa 100644 --- a/src/app/lists/combo/combo-features/combo-features.component.ts +++ b/src/app/lists/combo/combo-features/combo-features.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { IgxComboComponent } from 'igniteui-angular/combo'; import { IgxSwitchComponent } from 'igniteui-angular/switch'; import { localData } from './local-data'; @@ -8,7 +8,6 @@ import { FormsModule } from '@angular/forms'; selector: 'app-combo', styleUrls: ['./combo-features.component.scss'], templateUrl: './combo-features.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxComboComponent, IgxSwitchComponent, FormsModule] }) export class ComboFeaturesComponent implements OnInit{ diff --git a/src/app/lists/combo/combo-main/combo-main.component.ts b/src/app/lists/combo/combo-main/combo-main.component.ts index 1a93565d4..7ec761940 100644 --- a/src/app/lists/combo/combo-main/combo-main.component.ts +++ b/src/app/lists/combo/combo-main/combo-main.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { localData } from './local-data'; import { IgxComboComponent } from 'igniteui-angular/combo'; @@ -6,7 +6,6 @@ import { IgxComboComponent } from 'igniteui-angular/combo'; selector: 'app-combo-main', styleUrls: ['./combo-main.component.scss'], templateUrl: './combo-main.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxComboComponent] }) diff --git a/src/app/lists/combo/combo-overlay/combo-overlay.component.ts b/src/app/lists/combo/combo-overlay/combo-overlay.component.ts index 311545317..ede80c3d9 100644 --- a/src/app/lists/combo/combo-overlay/combo-overlay.component.ts +++ b/src/app/lists/combo/combo-overlay/combo-overlay.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { GlobalPositionStrategy, OverlaySettings } from 'igniteui-angular/core'; import { IgxComboComponent } from 'igniteui-angular/combo'; import { scaleInCenter, scaleOutCenter } from 'igniteui-angular/animations'; @@ -7,7 +7,6 @@ import { scaleInCenter, scaleOutCenter } from 'igniteui-angular/animations'; selector: 'app-combo-overlay', templateUrl: 'combo-overlay.component.html', styleUrls: ['combo-overlay.component.scss'], - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxComboComponent] }) export class ComboOverlayComponent { diff --git a/src/app/lists/combo/combo-remote/combo-remote.component.ts b/src/app/lists/combo/combo-remote/combo-remote.component.ts index f1c115c89..994071a9a 100644 --- a/src/app/lists/combo/combo-remote/combo-remote.component.ts +++ b/src/app/lists/combo/combo-remote/combo-remote.component.ts @@ -1,4 +1,4 @@ -import { AfterViewInit, ChangeDetectorRef, Component, OnInit, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; +import { AfterViewInit, ChangeDetectorRef, Component, OnInit, ViewChild, inject } from '@angular/core'; import { IComboSearchInputEventArgs, IComboSelectionChangingEventArgs, IgxComboComponent } from 'igniteui-angular/combo'; import { IForOfState } from 'igniteui-angular/directives'; import { IgxToastComponent } from 'igniteui-angular/toast'; @@ -11,7 +11,6 @@ import { AsyncPipe } from '@angular/common'; selector: 'app-combo-remote', styleUrls: ['./combo-remote.component.scss'], templateUrl: './combo-remote.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxComboComponent, IgxToastComponent, AsyncPipe] }) export class ComboRemoteComponent implements OnInit, AfterViewInit { diff --git a/src/app/lists/combo/combo-styling/combo-styling.component.ts b/src/app/lists/combo/combo-styling/combo-styling.component.ts index 7aab41dd8..63ebea26f 100644 --- a/src/app/lists/combo/combo-styling/combo-styling.component.ts +++ b/src/app/lists/combo/combo-styling/combo-styling.component.ts @@ -1,4 +1,4 @@ -import { Component, ElementRef, OnInit, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ElementRef, OnInit, ViewChild, inject } from '@angular/core'; import { IComboSelectionChangingEventArgs, IgxComboComponent } from 'igniteui-angular/combo'; import { IgxToastComponent } from 'igniteui-angular/toast'; import { VerticalAlignment } from 'igniteui-angular/core'; @@ -8,7 +8,6 @@ import { getHeroWeaponsData, IHeroWeapon } from '../../../data/heroData'; selector: 'app-combo', styleUrls: ['./combo-styling.component.scss'], templateUrl: './combo-styling.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxComboComponent, IgxToastComponent] }) export class ComboStylingComponent implements OnInit { diff --git a/src/app/lists/combo/combo-tailwind-styling/combo-tailwind-styling.component.ts b/src/app/lists/combo/combo-tailwind-styling/combo-tailwind-styling.component.ts index ad5fcb51d..0bb992286 100644 --- a/src/app/lists/combo/combo-tailwind-styling/combo-tailwind-styling.component.ts +++ b/src/app/lists/combo/combo-tailwind-styling/combo-tailwind-styling.component.ts @@ -1,4 +1,4 @@ -import { Component, ElementRef, OnInit, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ElementRef, OnInit, ViewChild, inject } from '@angular/core'; import { IComboSelectionChangingEventArgs, IgxComboComponent } from 'igniteui-angular/combo'; import { IgxToastComponent } from 'igniteui-angular/toast'; import { VerticalAlignment } from 'igniteui-angular/core'; @@ -8,7 +8,6 @@ import { getHeroWeaponsData, IHeroWeapon } from '../../../data/heroData'; selector: 'app-combo-tailwind-styling', styleUrls: ['./combo-tailwind-styling.component.scss'], templateUrl: './combo-tailwind-styling.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxComboComponent, IgxToastComponent] }) export class ComboTailwindStylingComponent implements OnInit { diff --git a/src/app/lists/combo/combo-template/combo-template.component.ts b/src/app/lists/combo/combo-template/combo-template.component.ts index fb6af5b82..aa9278e97 100644 --- a/src/app/lists/combo/combo-template/combo-template.component.ts +++ b/src/app/lists/combo/combo-template/combo-template.component.ts @@ -1,4 +1,4 @@ -import { ChangeDetectorRef, Component, OnInit, inject, ChangeDetectionStrategy } from '@angular/core'; +import { ChangeDetectorRef, Component, OnInit, inject } from '@angular/core'; import { localData } from './local-data'; import { IgxComboAddItemDirective, IgxComboClearIconDirective, IgxComboComponent, IgxComboEmptyDirective, IgxComboFooterDirective, IgxComboHeaderDirective, IgxComboHeaderItemDirective, IgxComboItemDirective, IgxComboToggleIconDirective } from 'igniteui-angular/combo'; import { IgxLabelDirective, IgxPrefixDirective } from 'igniteui-angular/input-group'; @@ -9,7 +9,6 @@ import { IgxButtonDirective } from 'igniteui-angular/directives'; selector: 'app-combo-template', styleUrls: ['./combo-template.component.scss'], templateUrl: './combo-template.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxComboComponent, IgxLabelDirective, IgxPrefixDirective, IgxIconComponent, IgxComboItemDirective, IgxComboHeaderItemDirective, IgxComboHeaderDirective, IgxComboFooterDirective, IgxComboAddItemDirective, IgxButtonDirective, IgxComboToggleIconDirective, IgxComboClearIconDirective, IgxComboEmptyDirective] }) export class ComboTemplateComponent implements OnInit { diff --git a/src/app/lists/combo/combo-valuekey/combo-valuekey.component.ts b/src/app/lists/combo/combo-valuekey/combo-valuekey.component.ts index 022b1fc82..0184ca111 100644 --- a/src/app/lists/combo/combo-valuekey/combo-valuekey.component.ts +++ b/src/app/lists/combo/combo-valuekey/combo-valuekey.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild } from '@angular/core'; import { IgxComboComponent } from 'igniteui-angular/combo'; import { IgxButtonDirective } from 'igniteui-angular/directives'; import { CITIES, ICity } from './cities'; @@ -8,7 +8,6 @@ import { FormsModule } from '@angular/forms'; selector: 'app-combo-valuekey', templateUrl: 'combo-valuekey.component.html', styleUrls: ['combo-valuekey.component.scss'], - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxComboComponent, FormsModule, IgxButtonDirective] }) export class ComboValueKeyComponent { diff --git a/src/app/lists/combo/simple-combo-cascading/simple-combo-cascading.component.ts b/src/app/lists/combo/simple-combo-cascading/simple-combo-cascading.component.ts index c7fba580f..c98711a49 100644 --- a/src/app/lists/combo/simple-combo-cascading/simple-combo-cascading.component.ts +++ b/src/app/lists/combo/simple-combo-cascading/simple-combo-cascading.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ChangeDetectionStrategy } from '@angular/core'; +import { ChangeDetectorRef, Component, inject, OnInit } from '@angular/core'; import { ISimpleComboSelectionChangingEventArgs, IgxSimpleComboComponent } from 'igniteui-angular/simple-combo'; import { IgxLinearProgressBarComponent } from 'igniteui-angular/progressbar'; import { City, Country, getCitiesByCountry, getCountries, Region } from '../../../data/cities15000-regions-countries'; @@ -9,7 +9,6 @@ import { FormsModule } from '@angular/forms'; selector: 'app-simple-combo-cascading', templateUrl: 'simple-combo-cascading.component.html', styleUrls: ['simple-combo-cascading.component.scss'], - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSimpleComboComponent, FormsModule, IgxLinearProgressBarComponent] }) export class SimpleComboCascadingComponent implements OnInit { @@ -22,6 +21,7 @@ export class SimpleComboCascadingComponent implements OnInit { public isLoadingRegions: boolean = false; public isLoadingCities: boolean = false; private loadingTime = 0; + private cdr = inject(ChangeDetectorRef); public ngOnInit(): void { this.countriesData = getCountries(['United States', 'Japan', 'United Kingdom']); @@ -42,6 +42,7 @@ export class SimpleComboCascadingComponent implements OnInit { .map(c => ({name: c.region, country: c.country})) .filter((v, i, a) => a.findIndex(r => r.name === v.name) === i); this.isLoadingRegions = false; + this.cdr.markForCheck(); }, this.loadingTime) this.citiesData = []; this.loadingTime = 0; @@ -60,6 +61,7 @@ export class SimpleComboCascadingComponent implements OnInit { this.citiesData = getCitiesByCountry([this.selectedCountry?.name]) .filter(c => c.region === this.selectedRegion?.name); this.isLoadingCities = false; + this.cdr.markForCheck(); }, this.loadingTime) this.loadingTime = 0; } diff --git a/src/app/lists/combo/simple-combo-main/simple-combo-main.component.ts b/src/app/lists/combo/simple-combo-main/simple-combo-main.component.ts index ab46a0765..a5c86e96d 100644 --- a/src/app/lists/combo/simple-combo-main/simple-combo-main.component.ts +++ b/src/app/lists/combo/simple-combo-main/simple-combo-main.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { IgRect } from 'igniteui-angular-core'; import { StockData, updatedStockData } from '../../../data/stocks-data'; import { IgxSimpleComboComponent } from 'igniteui-angular/simple-combo'; @@ -12,7 +12,6 @@ import { IgxFinancialChartCoreModule, IgxFinancialChartModule } from 'igniteui-a selector: 'app-simple-combo-main', templateUrl: 'simple-combo-main.component.html', styleUrls: ['simple-combo-main.component.scss'], - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSimpleComboComponent, FormsModule, IgxButtonGroupComponent, IgxButtonDirective, IgxFinancialChartModule, IgxFinancialChartCoreModule] }) export class SimpleComboMainComponent implements OnInit { diff --git a/src/app/lists/combo/simple-combo-remote/simple-combo-remote.component.ts b/src/app/lists/combo/simple-combo-remote/simple-combo-remote.component.ts index e5ffeeac0..1a7caaad9 100644 --- a/src/app/lists/combo/simple-combo-remote/simple-combo-remote.component.ts +++ b/src/app/lists/combo/simple-combo-remote/simple-combo-remote.component.ts @@ -1,4 +1,4 @@ -import { AfterViewInit, ChangeDetectorRef, Component, OnInit, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; +import { AfterViewInit, ChangeDetectorRef, Component, OnInit, ViewChild, inject } from '@angular/core'; import { IComboSearchInputEventArgs } from 'igniteui-angular/combo'; import { IForOfState } from 'igniteui-angular/directives'; import { ISimpleComboSelectionChangingEventArgs, IgxSimpleComboComponent } from 'igniteui-angular/simple-combo'; @@ -12,7 +12,6 @@ import { AsyncPipe } from '@angular/common'; selector: 'app-simple-combo-remote', templateUrl: './simple-combo-remote.component.html', styleUrls: ['./simple-combo-remote.component.scss'], - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSimpleComboComponent, IgxToastComponent, AsyncPipe] }) export class SimpleComboRemoteComponent implements OnInit, AfterViewInit { diff --git a/src/app/lists/combo/simple-combo-styling/simple-combo-styling.component.ts b/src/app/lists/combo/simple-combo-styling/simple-combo-styling.component.ts index 803c88211..b28e79088 100644 --- a/src/app/lists/combo/simple-combo-styling/simple-combo-styling.component.ts +++ b/src/app/lists/combo/simple-combo-styling/simple-combo-styling.component.ts @@ -1,4 +1,4 @@ -import { Component, ElementRef, OnInit, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ElementRef, OnInit, inject } from '@angular/core'; import { City, getCitiesByPopulation } from '../../../data/cities15000-regions-countries'; import { IgxSimpleComboComponent } from 'igniteui-angular/simple-combo'; @@ -6,7 +6,6 @@ import { IgxSimpleComboComponent } from 'igniteui-angular/simple-combo'; selector: 'app-simple-combo-styling', templateUrl: 'simple-combo-styling.component.html', styleUrls: ['simple-combo-styling.component.scss'], - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSimpleComboComponent] }) export class SimpleComboStylingComponent implements OnInit { diff --git a/src/app/lists/combo/simple-combo-usage/simple-combo-usage.component.ts b/src/app/lists/combo/simple-combo-usage/simple-combo-usage.component.ts index 43d863997..1a87c034c 100644 --- a/src/app/lists/combo/simple-combo-usage/simple-combo-usage.component.ts +++ b/src/app/lists/combo/simple-combo-usage/simple-combo-usage.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { City, getCitiesByPopulation } from '../../../data/cities15000-regions-countries'; import { IgxSimpleComboComponent } from 'igniteui-angular/simple-combo'; import { FormsModule } from '@angular/forms'; @@ -8,7 +8,6 @@ import { FormsModule } from '@angular/forms'; selector: 'app-simple-combo-usage', templateUrl: 'simple-combo-usage.component.html', styleUrls: ['simple-combo-usage.component.scss'], - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSimpleComboComponent, FormsModule] }) export class SimpleComboUsageComponent implements OnInit { diff --git a/src/app/lists/list/list-chat-sample/list-chat-sample.component.ts b/src/app/lists/list/list-chat-sample/list-chat-sample.component.ts index cd7eff07c..47e5145e4 100644 --- a/src/app/lists/list/list-chat-sample/list-chat-sample.component.ts +++ b/src/app/lists/list/list-chat-sample/list-chat-sample.component.ts @@ -1,4 +1,4 @@ -import { AfterViewInit, Component, ElementRef, TemplateRef, ViewChild, ViewEncapsulation, inject, ChangeDetectionStrategy } from '@angular/core'; +import { AfterViewInit, Component, ElementRef, TemplateRef, ViewChild, ViewEncapsulation, inject } from '@angular/core'; import { ContactsService } from './services/contacts.service'; import { IMessage, MessagesService } from './services/messages.service'; import { FormsModule } from '@angular/forms'; @@ -14,7 +14,6 @@ import { NgClass, NgTemplateOutlet, DatePipe } from '@angular/common'; selector: 'app-list-chat-sample', styleUrls: ['./list-chat-sample.component.scss'], templateUrl: './list-chat-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [FormsModule, IgxListComponent, IgxListItemComponent, IgxAvatarComponent, NgClass, NgTemplateOutlet, IgxInputGroupComponent, IgxInputDirective, IgxSuffixDirective, IgxIconButtonDirective, IgxIconComponent, DatePipe] }) export class ListChatSampleComponent implements AfterViewInit { diff --git a/src/app/lists/list/list-item-selection/list-item-selection.component.ts b/src/app/lists/list/list-item-selection/list-item-selection.component.ts index 66ab11baa..bfa1424a3 100644 --- a/src/app/lists/list/list-item-selection/list-item-selection.component.ts +++ b/src/app/lists/list/list-item-selection/list-item-selection.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxFilterOptions, IgxFilterPipe, IgxRippleDirective } from 'igniteui-angular/directives'; import { IgxInputDirective, IgxInputGroupComponent, IgxPrefixDirective, IgxSuffixDirective } from 'igniteui-angular/input-group'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -10,7 +10,6 @@ import { FormsModule } from '@angular/forms'; selector: 'app-list-item-selection', templateUrl: './list-item-selection.component.html', styleUrls: ['./list-item-selection.component.scss'], - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxInputGroupComponent, IgxPrefixDirective, IgxIconComponent, FormsModule, IgxInputDirective, IgxSuffixDirective, IgxListComponent, IgxListItemComponent, IgxAvatarComponent, IgxListThumbnailDirective, IgxListLineTitleDirective, IgxListLineSubTitleDirective, IgxListActionDirective, IgxRippleDirective, IgxFilterPipe] }) export class ListItemSelectionComponent { diff --git a/src/app/lists/list/list-sample-1/list-sample-1.component.ts b/src/app/lists/list/list-sample-1/list-sample-1.component.ts index e3af0bddf..456fde939 100644 --- a/src/app/lists/list/list-sample-1/list-sample-1.component.ts +++ b/src/app/lists/list/list-sample-1/list-sample-1.component.ts @@ -1,4 +1,4 @@ -import { Component, ElementRef, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ElementRef, ViewChild } from '@angular/core'; import { IgxEmptyListTemplateDirective, IgxListComponent, IgxListItemComponent } from 'igniteui-angular/list'; @@ -6,7 +6,6 @@ import { IgxEmptyListTemplateDirective, IgxListComponent, IgxListItemComponent } selector: 'app-igx-list-demo', styleUrls: ['./list-sample-1.component.scss'], templateUrl: './list-sample-1.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxListComponent, IgxEmptyListTemplateDirective, IgxListItemComponent] }) export class ListSample1Component { diff --git a/src/app/lists/list/list-sample-2/list-sample-2.component.ts b/src/app/lists/list/list-sample-2/list-sample-2.component.ts index 770c0e859..04e043fd5 100644 --- a/src/app/lists/list/list-sample-2/list-sample-2.component.ts +++ b/src/app/lists/list/list-sample-2/list-sample-2.component.ts @@ -1,11 +1,10 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxListComponent, IgxListItemComponent } from 'igniteui-angular/list'; @Component({ selector: 'app-igx-list-simple', styleUrls: ['./list-sample-2.component.scss'], templateUrl: './list-sample-2.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxListComponent, IgxListItemComponent] }) export class ListSample2Component { diff --git a/src/app/lists/list/list-sample-3/list-sample-3.component.ts b/src/app/lists/list/list-sample-3/list-sample-3.component.ts index e2d7b5895..de8c56bde 100644 --- a/src/app/lists/list/list-sample-3/list-sample-3.component.ts +++ b/src/app/lists/list/list-sample-3/list-sample-3.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxListComponent, IgxListItemComponent, IgxListLineSubTitleDirective, IgxListLineTitleDirective } from 'igniteui-angular/list'; import { IgxRippleDirective } from 'igniteui-angular/directives'; @@ -6,7 +6,6 @@ import { IgxRippleDirective } from 'igniteui-angular/directives'; selector: 'app-contact-list', styleUrls: ['./list-sample-3.component.scss'], templateUrl: './list-sample-3.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxListComponent, IgxListItemComponent, IgxRippleDirective, IgxListLineTitleDirective, IgxListLineSubTitleDirective] }) export class ListSample3Component { diff --git a/src/app/lists/list/list-sample-4/list-sample-4.component.ts b/src/app/lists/list/list-sample-4/list-sample-4.component.ts index 7a77768fd..fc0b2032c 100644 --- a/src/app/lists/list/list-sample-4/list-sample-4.component.ts +++ b/src/app/lists/list/list-sample-4/list-sample-4.component.ts @@ -1,4 +1,4 @@ -import { Component, HostBinding, OnInit, ChangeDetectionStrategy } from '@angular/core'; +import { Component, HostBinding, OnInit } from '@angular/core'; import { IgxFilterOptions, IgxFilterPipe, IgxRippleDirective } from 'igniteui-angular/directives'; import { IgxButtonGroupComponent } from 'igniteui-angular/button-group'; import { IgxInputDirective, IgxInputGroupComponent, IgxPrefixDirective, IgxSuffixDirective } from 'igniteui-angular/input-group'; @@ -11,7 +11,6 @@ import { FormsModule } from '@angular/forms'; selector: 'app-contact-list2', styleUrls: ['./list-sample-4.component.scss'], templateUrl: './list-sample-4.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonGroupComponent, IgxInputGroupComponent, IgxPrefixDirective, IgxIconComponent, FormsModule, IgxInputDirective, IgxSuffixDirective, IgxListComponent, IgxListItemComponent, IgxRippleDirective, IgxAvatarComponent, IgxListThumbnailDirective, IgxListLineTitleDirective, IgxListLineSubTitleDirective, IgxListActionDirective, IgxFilterPipe] }) export class ListSample4Component implements OnInit { diff --git a/src/app/lists/list/list-sample-5/list-sample-5.component.ts b/src/app/lists/list/list-sample-5/list-sample-5.component.ts index 4acf3c676..6f0ce5e18 100644 --- a/src/app/lists/list/list-sample-5/list-sample-5.component.ts +++ b/src/app/lists/list/list-sample-5/list-sample-5.component.ts @@ -1,11 +1,10 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxEmptyListTemplateDirective, IgxListComponent } from 'igniteui-angular/list'; @Component({ selector: 'app-list-sample-5', styleUrls: ['./list-sample-5.component.scss'], templateUrl: './list-sample-5.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxListComponent, IgxEmptyListTemplateDirective] }) export class ListSample5Component { diff --git a/src/app/lists/list/list-sample-6/list-sample-6.component.ts b/src/app/lists/list/list-sample-6/list-sample-6.component.ts index 4f3f970c0..9b62e30b0 100644 --- a/src/app/lists/list/list-sample-6/list-sample-6.component.ts +++ b/src/app/lists/list/list-sample-6/list-sample-6.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { ChangeDetectorRef, Component, inject, ViewChild } from '@angular/core'; import { IgxDataLoadingTemplateDirective, IgxEmptyListTemplateDirective, IgxListComponent, IgxListItemComponent } from 'igniteui-angular/list'; import { IgxButtonDirective, IgxRippleDirective } from 'igniteui-angular/directives'; @@ -7,10 +7,10 @@ import { IgxButtonDirective, IgxRippleDirective } from 'igniteui-angular/directi selector: 'app-list-sample-6', styleUrls: ['./list-sample-6.component.scss'], templateUrl: './list-sample-6.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxListComponent, IgxListItemComponent, IgxRippleDirective, IgxEmptyListTemplateDirective, IgxButtonDirective, IgxDataLoadingTemplateDirective] }) export class ListSample6Component { + private cdr = inject(ChangeDetectorRef); @ViewChild('fruitList', { static: true }) public fruitList: IgxListComponent; @@ -25,6 +25,7 @@ export class ListSample6Component { const availableFruits: string[] = ['banana', 'orange', 'apple', 'strawberry', 'pear']; availableFruits.forEach((fruit) => { this.fruitsData.push(fruit); }); this.fruitList.isLoading = false; + this.cdr.markForCheck(); }, 1000); } diff --git a/src/app/lists/list/list-sample-7/list-sample-7.component.ts b/src/app/lists/list/list-sample-7/list-sample-7.component.ts index 1e8b94073..8c9e9a85c 100644 --- a/src/app/lists/list/list-sample-7/list-sample-7.component.ts +++ b/src/app/lists/list/list-sample-7/list-sample-7.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { IgxListActionDirective, IgxListComponent, IgxListItemComponent, IgxListItemLeftPanningTemplateDirective, IgxListItemRightPanningTemplateDirective, IgxListLineSubTitleDirective, IgxListLineTitleDirective, IgxListThumbnailDirective } from 'igniteui-angular/list'; import { IgxToastComponent } from 'igniteui-angular/toast'; @@ -13,7 +13,6 @@ import { FormsModule } from '@angular/forms'; selector: 'app-contact-list2', styleUrls: ['./list-sample-7.component.scss'], templateUrl: './list-sample-7.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSliderComponent, FormsModule, IgxListComponent, IgxListItemLeftPanningTemplateDirective, IgxIconComponent, IgxListItemRightPanningTemplateDirective, IgxListItemComponent, IgxRippleDirective, IgxAvatarComponent, IgxListThumbnailDirective, IgxListLineTitleDirective, IgxListLineSubTitleDirective, IgxListActionDirective, IgxToastComponent, IgxButtonDirective] }) export class ListSample7Component implements OnInit { diff --git a/src/app/lists/list/list-sample-8/list-sample-8.component.ts b/src/app/lists/list/list-sample-8/list-sample-8.component.ts index e7cf1d231..028d1dc18 100644 --- a/src/app/lists/list/list-sample-8/list-sample-8.component.ts +++ b/src/app/lists/list/list-sample-8/list-sample-8.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { IgxListActionDirective, IgxListComponent, IgxListItemComponent, IgxListLineSubTitleDirective, IgxListLineTitleDirective, IgxListThumbnailDirective } from 'igniteui-angular/list'; import { IgxToastComponent } from 'igniteui-angular/toast'; @@ -11,7 +11,6 @@ import { IgxRippleDirective } from 'igniteui-angular/directives'; selector: 'app-list-8', styleUrls: ['./list-sample-8.component.scss'], templateUrl: './list-sample-8.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxListComponent, IgxListItemComponent, IgxAvatarComponent, IgxListThumbnailDirective, IgxListLineTitleDirective, IgxListLineSubTitleDirective, IgxIconComponent, IgxListActionDirective, IgxRippleDirective] }) export class ListSample8Component implements OnInit { diff --git a/src/app/lists/list/list-tailwind-styling/list-tailwind-styling.component.ts b/src/app/lists/list/list-tailwind-styling/list-tailwind-styling.component.ts index c567e465b..b1024da3f 100644 --- a/src/app/lists/list/list-tailwind-styling/list-tailwind-styling.component.ts +++ b/src/app/lists/list/list-tailwind-styling/list-tailwind-styling.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { IgxListActionDirective, IgxListComponent, IgxListItemComponent, IgxListLineSubTitleDirective, IgxListLineTitleDirective, IgxListThumbnailDirective } from 'igniteui-angular/list'; import { IgxAvatarComponent } from 'igniteui-angular/avatar'; @@ -10,7 +10,6 @@ import { IgxRippleDirective } from 'igniteui-angular/directives'; selector: 'app-list-tailwind-styling', styleUrls: ['./list-tailwind-styling.component.scss'], templateUrl: './list-tailwind-styling.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxListComponent, IgxListItemComponent, IgxAvatarComponent, IgxListThumbnailDirective, IgxListLineTitleDirective, IgxListLineSubTitleDirective, IgxIconComponent, IgxListActionDirective, IgxRippleDirective] }) export class ListTailwindStylingComponent implements OnInit { diff --git a/src/app/lists/list/list.component.ts b/src/app/lists/list/list.component.ts index 9c4aa8fa6..8cf77dbf8 100644 --- a/src/app/lists/list/list.component.ts +++ b/src/app/lists/list/list.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxFilterOptions, IgxFilterPipe, IgxRippleDirective } from 'igniteui-angular/directives'; import { IgxInputDirective, IgxInputGroupComponent, IgxPrefixDirective, IgxSuffixDirective } from 'igniteui-angular/input-group'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -11,7 +11,6 @@ import { FormsModule } from '@angular/forms'; selector: 'app-list', styleUrls: ['./list.component.scss'], templateUrl: './list.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxInputGroupComponent, IgxPrefixDirective, IgxIconComponent, FormsModule, IgxInputDirective, IgxSuffixDirective, IgxListComponent, IgxListItemComponent, IgxRippleDirective, IgxAvatarComponent, IgxListThumbnailDirective, IgxListLineTitleDirective, IgxListLineSubTitleDirective, IgxListActionDirective, IgxFilterPipe] }) export class ListComponent { diff --git a/src/app/lists/tree/tree-advanced-sample/tree-advanced-sample.component.ts b/src/app/lists/tree/tree-advanced-sample/tree-advanced-sample.component.ts index 7cfc8e432..b742bef05 100644 --- a/src/app/lists/tree/tree-advanced-sample/tree-advanced-sample.component.ts +++ b/src/app/lists/tree/tree-advanced-sample/tree-advanced-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, AfterViewInit, OnDestroy, PLATFORM_ID, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, AfterViewInit, OnDestroy, PLATFORM_ID, inject, ChangeDetectorRef } from '@angular/core'; import { IgxIconComponent, IgxIconService } from 'igniteui-angular/icon'; import { IgxTreeComponent, IgxTreeNodeComponent } from 'igniteui-angular/tree'; import { IgxTooltipDirective, IgxTooltipTargetDirective } from 'igniteui-angular/directives'; @@ -13,13 +13,13 @@ import { isPlatformBrowser, NgTemplateOutlet } from '@angular/common'; templateUrl: './tree-advanced-sample.component.html', styleUrls: ['./tree-advanced-sample.component.scss'], providers: [DataService], - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeComponent, IgxTreeNodeComponent, NgTemplateOutlet, IgxIconComponent, IgxTooltipTargetDirective, IgxTooltipDirective] }) export class TreeAdvancedSampleComponent implements AfterViewInit, OnDestroy { private iconService = inject(IgxIconService); private dataService = inject(DataService); private platformId = inject(PLATFORM_ID); + private cdr = inject(ChangeDetectorRef); public family = 'tree-icons'; public data = DATA; @@ -32,6 +32,7 @@ export class TreeAdvancedSampleComponent implements AfterViewInit, OnDestroy { this.dataService.data.pipe(takeUntil(this.destroy$)).subscribe((data) => { this.loading = false; this.remoteData = data; + this.cdr.markForCheck(); }); } @@ -71,6 +72,7 @@ export class TreeAdvancedSampleComponent implements AfterViewInit, OnDestroy { } }); } + this.cdr.markForCheck(); }); } } diff --git a/src/app/lists/tree/tree-basic-sample/tree-basic-sample.component.ts b/src/app/lists/tree/tree-basic-sample/tree-basic-sample.component.ts index 1b659ee2f..d625328cd 100644 --- a/src/app/lists/tree/tree-basic-sample/tree-basic-sample.component.ts +++ b/src/app/lists/tree/tree-basic-sample/tree-basic-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { DATA } from '../../../data/animations-data'; import { IgxTreeComponent, IgxTreeNodeComponent } from 'igniteui-angular/tree'; @@ -7,7 +7,6 @@ import { IgxTreeComponent, IgxTreeNodeComponent } from 'igniteui-angular/tree'; selector: 'app-tree-basic-sample', templateUrl: './tree-basic-sample.component.html', styleUrls: ['./tree-basic-sample.component.scss'], - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeComponent, IgxTreeNodeComponent] }) export class TreeBasicSampleComponent { diff --git a/src/app/lists/tree/tree-styling/tree-styling.component.ts b/src/app/lists/tree/tree-styling/tree-styling.component.ts index a12292591..0ca13a51b 100644 --- a/src/app/lists/tree/tree-styling/tree-styling.component.ts +++ b/src/app/lists/tree/tree-styling/tree-styling.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { DATA } from '../../../data/animations-data'; import { IgxTreeComponent, IgxTreeNodeComponent } from 'igniteui-angular/tree'; @@ -7,7 +7,6 @@ import { IgxTreeComponent, IgxTreeNodeComponent } from 'igniteui-angular/tree'; selector: 'app-tree-styling', templateUrl: './tree-styling.component.html', styleUrls: ['./tree-styling.component.scss'], - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeComponent, IgxTreeNodeComponent] }) export class TreeStylingComponent { diff --git a/src/app/lists/tree/tree-tailwind-styling/tree-tailwind-styling.component.ts b/src/app/lists/tree/tree-tailwind-styling/tree-tailwind-styling.component.ts index f93b414ae..4c9106408 100644 --- a/src/app/lists/tree/tree-tailwind-styling/tree-tailwind-styling.component.ts +++ b/src/app/lists/tree/tree-tailwind-styling/tree-tailwind-styling.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { DATA } from '../../../data/animations-data'; import { IgxTreeComponent, IgxTreeNodeComponent } from 'igniteui-angular/tree'; @@ -7,7 +7,6 @@ import { IgxTreeComponent, IgxTreeNodeComponent } from 'igniteui-angular/tree'; selector: 'app-tree-tailwind-styling', templateUrl: './tree-tailwind-styling.component.html', styleUrls: ['./tree-tailwind-styling.component.scss'], - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeComponent, IgxTreeNodeComponent] }) export class TreeTailwindStylingComponent { diff --git a/src/app/menus/action-strip/action-strip-paragraph-menu/action-strip-paragraph-menu.component.ts b/src/app/menus/action-strip/action-strip-paragraph-menu/action-strip-paragraph-menu.component.ts index 44e6af193..865ad52e0 100644 --- a/src/app/menus/action-strip/action-strip-paragraph-menu/action-strip-paragraph-menu.component.ts +++ b/src/app/menus/action-strip/action-strip-paragraph-menu/action-strip-paragraph-menu.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild } from '@angular/core'; import { IgxActionStripComponent, IgxActionStripMenuItemDirective } from 'igniteui-angular/action-strip'; import { IgxRippleDirective } from 'igniteui-angular/directives'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -7,7 +7,6 @@ import { IgxIconComponent } from 'igniteui-angular/icon'; selector: 'app-action-strip-paragraph-menu', styleUrls: ['./action-strip-paragraph-menu.component.scss'], templateUrl: './action-strip-paragraph-menu.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxActionStripComponent, IgxActionStripMenuItemDirective, IgxRippleDirective, IgxIconComponent] }) export class ActionStripParagraphMenuComponent { diff --git a/src/app/menus/action-strip/action-strip-paragraph-styling/action-strip-paragraph-styling.component.ts b/src/app/menus/action-strip/action-strip-paragraph-styling/action-strip-paragraph-styling.component.ts index 4a89d87ee..470f5348f 100644 --- a/src/app/menus/action-strip/action-strip-paragraph-styling/action-strip-paragraph-styling.component.ts +++ b/src/app/menus/action-strip/action-strip-paragraph-styling/action-strip-paragraph-styling.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild } from '@angular/core'; import { IgxActionStripComponent } from 'igniteui-angular/action-strip'; import { IgxButtonDirective } from 'igniteui-angular/directives'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -7,7 +7,6 @@ import { IgxIconComponent } from 'igniteui-angular/icon'; selector: 'app-action-strip-paragraph-styling', styleUrls: ['./action-strip-paragraph-styling.component.scss'], templateUrl: './action-strip-paragraph-styling.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxActionStripComponent, IgxButtonDirective, IgxIconComponent] }) export class ActionStripStylingComponent { diff --git a/src/app/menus/action-strip/action-strip-paragraph/action-strip-paragraph.component.ts b/src/app/menus/action-strip/action-strip-paragraph/action-strip-paragraph.component.ts index f7b30cfb4..46c7ed09c 100644 --- a/src/app/menus/action-strip/action-strip-paragraph/action-strip-paragraph.component.ts +++ b/src/app/menus/action-strip/action-strip-paragraph/action-strip-paragraph.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild } from '@angular/core'; import { IgxActionStripComponent } from 'igniteui-angular/action-strip'; import { IgxButtonGroupComponent } from 'igniteui-angular/button-group'; import { IgxButtonDirective } from 'igniteui-angular/directives'; @@ -8,7 +8,6 @@ import { IgxIconComponent } from 'igniteui-angular/icon'; selector: 'app-action-strip-paragraph', styleUrls: ['./action-strip-paragraph.component.scss'], templateUrl: './action-strip-paragraph.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxActionStripComponent, IgxButtonGroupComponent, IgxButtonDirective, IgxIconComponent] }) export class ActionStripParagraphComponent { diff --git a/src/app/menus/navbar/navbar-custom-title/navbar-custom-title.component.ts b/src/app/menus/navbar/navbar-custom-title/navbar-custom-title.component.ts index 37ea8eb44..9ea7b8ebb 100644 --- a/src/app/menus/navbar/navbar-custom-title/navbar-custom-title.component.ts +++ b/src/app/menus/navbar/navbar-custom-title/navbar-custom-title.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxNavbarActionDirective, IgxNavbarComponent, IgxNavbarTitleDirective } from 'igniteui-angular/navbar'; import { IgxIconButtonDirective } from 'igniteui-angular/directives'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -7,7 +7,6 @@ import { IgxIconComponent } from 'igniteui-angular/icon'; selector: 'app-navbar-custom-title', templateUrl: './navbar-custom-title.component.html', styleUrls: ['./navbar-custom-title.component.scss'], - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxNavbarComponent, IgxNavbarActionDirective, IgxIconButtonDirective, IgxIconComponent, IgxNavbarTitleDirective] }) export class NavbarCustomTitleComponent { } diff --git a/src/app/menus/navbar/navbar-sample-1/navbar-sample-1.component.ts b/src/app/menus/navbar/navbar-sample-1/navbar-sample-1.component.ts index 56e56e558..a8418a513 100644 --- a/src/app/menus/navbar/navbar-sample-1/navbar-sample-1.component.ts +++ b/src/app/menus/navbar/navbar-sample-1/navbar-sample-1.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewEncapsulation, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewEncapsulation } from '@angular/core'; import { IgxNavbarActionDirective, IgxNavbarComponent } from 'igniteui-angular/navbar'; import { IgxIconButtonDirective } from 'igniteui-angular/directives'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -8,7 +8,6 @@ import { IgxIconComponent } from 'igniteui-angular/icon'; selector: 'app-navbar-sample-1', styleUrls: ['./navbar-sample-1.component.scss'], templateUrl: './navbar-sample-1.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxNavbarComponent, IgxNavbarActionDirective, IgxIconButtonDirective, IgxIconComponent] }) export class NavbarSample1Component { } diff --git a/src/app/menus/navbar/navbar-sample-2/navbar-sample-2.component.ts b/src/app/menus/navbar/navbar-sample-2/navbar-sample-2.component.ts index 20b9fb158..607450891 100644 --- a/src/app/menus/navbar/navbar-sample-2/navbar-sample-2.component.ts +++ b/src/app/menus/navbar/navbar-sample-2/navbar-sample-2.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewEncapsulation, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewEncapsulation } from '@angular/core'; import { IgxNavbarActionDirective, IgxNavbarComponent } from 'igniteui-angular/navbar'; import { IgxIconButtonDirective } from 'igniteui-angular/directives'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -8,7 +8,6 @@ import { IgxIconComponent } from 'igniteui-angular/icon'; selector: 'app-navbar-sample-2', styleUrls: ['./navbar-sample-2.component.scss'], templateUrl: './navbar-sample-2.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxNavbarComponent, IgxNavbarActionDirective, IgxIconButtonDirective, IgxIconComponent] }) export class NavbarSample2Component { } diff --git a/src/app/menus/navbar/navbar-sample-3/navbar-sample-3.component.ts b/src/app/menus/navbar/navbar-sample-3/navbar-sample-3.component.ts index ff93fa83c..bb841c2fd 100644 --- a/src/app/menus/navbar/navbar-sample-3/navbar-sample-3.component.ts +++ b/src/app/menus/navbar/navbar-sample-3/navbar-sample-3.component.ts @@ -1,5 +1,5 @@ import { Location, LocationStrategy, PathLocationStrategy } from '@angular/common'; -import { Component, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, inject } from '@angular/core'; import { IgxNavbarComponent } from 'igniteui-angular/navbar'; @Component({ @@ -7,7 +7,6 @@ import { IgxNavbarComponent } from 'igniteui-angular/navbar'; selector: 'app-navbar', styleUrls: ['./navbar-sample-3.component.scss'], templateUrl: './navbar-sample-3.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxNavbarComponent] }) export class NavbarSample3Component { diff --git a/src/app/menus/navbar/navbar-style/navbar-style.component.ts b/src/app/menus/navbar/navbar-style/navbar-style.component.ts index c02ace0a3..433a2540f 100644 --- a/src/app/menus/navbar/navbar-style/navbar-style.component.ts +++ b/src/app/menus/navbar/navbar-style/navbar-style.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxNavbarActionDirective, IgxNavbarComponent } from 'igniteui-angular/navbar'; import { IgxIconButtonDirective } from 'igniteui-angular/directives'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -7,7 +7,6 @@ import { IgxIconComponent } from 'igniteui-angular/icon'; selector: 'app-navbar-style', styleUrls: ['./navbar-style.component.scss'], templateUrl: './navbar-style.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxNavbarComponent, IgxNavbarActionDirective, IgxIconButtonDirective, IgxIconComponent] }) diff --git a/src/app/menus/navbar/navbar-tailwind-style/navbar-tailwind-style.component.ts b/src/app/menus/navbar/navbar-tailwind-style/navbar-tailwind-style.component.ts index 3b7677f4e..c521cb43f 100644 --- a/src/app/menus/navbar/navbar-tailwind-style/navbar-tailwind-style.component.ts +++ b/src/app/menus/navbar/navbar-tailwind-style/navbar-tailwind-style.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxNavbarActionDirective, IgxNavbarComponent } from 'igniteui-angular/navbar'; import { IgxIconButtonDirective } from 'igniteui-angular/directives'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -7,7 +7,6 @@ import { IgxIconComponent } from 'igniteui-angular/icon'; selector: 'app-navbar-tailwind-style', styleUrls: ['./navbar-tailwind-style.component.scss'], templateUrl: './navbar-tailwind-style.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxNavbarComponent, IgxNavbarActionDirective, IgxIconButtonDirective, IgxIconComponent] }) diff --git a/src/app/menus/navbar/navbar.component.ts b/src/app/menus/navbar/navbar.component.ts index ae653b3a0..9a8c5cc6d 100644 --- a/src/app/menus/navbar/navbar.component.ts +++ b/src/app/menus/navbar/navbar.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewEncapsulation, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewEncapsulation } from '@angular/core'; import { IgxNavbarComponent } from 'igniteui-angular/navbar'; @Component({ @@ -6,7 +6,6 @@ import { IgxNavbarComponent } from 'igniteui-angular/navbar'; selector: 'app-navbar', styleUrls: ['./navbar.component.scss'], templateUrl: './navbar.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxNavbarComponent] }) export class NavbarComponent { } diff --git a/src/app/menus/navdrawer/nav-drawer-hierarchical/nav-drawer-hierarchical.component.ts b/src/app/menus/navdrawer/nav-drawer-hierarchical/nav-drawer-hierarchical.component.ts index be6f570f2..88805ec4b 100644 --- a/src/app/menus/navdrawer/nav-drawer-hierarchical/nav-drawer-hierarchical.component.ts +++ b/src/app/menus/navdrawer/nav-drawer-hierarchical/nav-drawer-hierarchical.component.ts @@ -1,4 +1,4 @@ -import { AfterViewInit, Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { AfterViewInit, Component, ViewChild } from '@angular/core'; import { IgxTreeComponent, IgxTreeNodeComponent, IgxTreeNodeLinkDirective } from 'igniteui-angular/tree'; import { IgxFlexDirective, IgxIconButtonDirective, IgxLayoutDirective, IgxToggleActionDirective } from 'igniteui-angular/directives'; import { IgxNavDrawerTemplateDirective, IgxNavigationDrawerComponent } from 'igniteui-angular/navigation-drawer'; @@ -10,7 +10,6 @@ import { RouterLink } from '@angular/router'; selector: 'app-nav-drawer-hierarchical', templateUrl: './nav-drawer-hierarchical.component.html', styleUrls: ['./nav-drawer-hierarchical.component.scss'], - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxLayoutDirective, IgxNavigationDrawerComponent, IgxNavDrawerTemplateDirective, IgxTreeComponent, IgxTreeNodeComponent, IgxTreeNodeLinkDirective, RouterLink, IgxFlexDirective, IgxIconButtonDirective, IgxToggleActionDirective, IgxIconComponent] }) export class NavDrawerHierarchicalComponent implements AfterViewInit { @@ -70,4 +69,4 @@ export class NavDrawerHierarchicalComponent implements AfterViewInit { this.selectedContent = node.data; }) } -} \ No newline at end of file +} diff --git a/src/app/menus/navdrawer/nav-drawer-mini/nav-drawer-mini.component.ts b/src/app/menus/navdrawer/nav-drawer-mini/nav-drawer-mini.component.ts index 677177dea..0f97a56fd 100644 --- a/src/app/menus/navdrawer/nav-drawer-mini/nav-drawer-mini.component.ts +++ b/src/app/menus/navdrawer/nav-drawer-mini/nav-drawer-mini.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxFlexDirective, IgxIconButtonDirective, IgxLayoutDirective, IgxRippleDirective, IgxToggleActionDirective } from 'igniteui-angular/directives'; import { IgxNavDrawerItemDirective, IgxNavDrawerMiniTemplateDirective, IgxNavDrawerTemplateDirective, IgxNavigationDrawerComponent } from 'igniteui-angular/navigation-drawer'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -8,7 +8,6 @@ import { IgxIconComponent } from 'igniteui-angular/icon'; selector: 'app-nav-drawer-mini', styleUrls: ['./nav-drawer-mini.component.scss'], templateUrl: './nav-drawer-mini.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxLayoutDirective, IgxNavigationDrawerComponent, IgxNavDrawerTemplateDirective, IgxNavDrawerItemDirective, IgxRippleDirective, IgxIconComponent, IgxNavDrawerMiniTemplateDirective, IgxFlexDirective, IgxIconButtonDirective, IgxToggleActionDirective] }) export class NavDrawerMiniComponent { diff --git a/src/app/menus/navdrawer/nav-drawer-pin/nav-drawer-pin.component.ts b/src/app/menus/navdrawer/nav-drawer-pin/nav-drawer-pin.component.ts index 058b3b306..e18b8da18 100644 --- a/src/app/menus/navdrawer/nav-drawer-pin/nav-drawer-pin.component.ts +++ b/src/app/menus/navdrawer/nav-drawer-pin/nav-drawer-pin.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxFlexDirective, IgxIconButtonDirective, IgxLayoutDirective, IgxRippleDirective, IgxToggleActionDirective } from 'igniteui-angular/directives'; import { IgxNavDrawerItemDirective, IgxNavDrawerTemplateDirective, IgxNavigationDrawerComponent } from 'igniteui-angular/navigation-drawer'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -8,7 +8,6 @@ import { IgxIconComponent } from 'igniteui-angular/icon'; selector: 'app-nav-drawer-pin', styleUrls: ['./nav-drawer-pin.component.scss'], templateUrl: './nav-drawer-pin.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxLayoutDirective, IgxNavigationDrawerComponent, IgxNavDrawerTemplateDirective, IgxNavDrawerItemDirective, IgxRippleDirective, IgxIconComponent, IgxFlexDirective, IgxIconButtonDirective, IgxToggleActionDirective] }) export class NavDrawerPinComponent { diff --git a/src/app/menus/navdrawer/nav-drawer-routing/nav-drawer-routing.component.ts b/src/app/menus/navdrawer/nav-drawer-routing/nav-drawer-routing.component.ts index 1bba7b9ad..d07442e5d 100644 --- a/src/app/menus/navdrawer/nav-drawer-routing/nav-drawer-routing.component.ts +++ b/src/app/menus/navdrawer/nav-drawer-routing/nav-drawer-routing.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxNavDrawerItemDirective, IgxNavDrawerTemplateDirective, IgxNavigationDrawerComponent } from 'igniteui-angular/navigation-drawer'; import { IgxIconButtonDirective, IgxRippleDirective, IgxToggleActionDirective } from 'igniteui-angular/directives'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -9,7 +9,6 @@ import { RouterLinkActive, RouterLink } from '@angular/router'; selector: 'app-nav-drawer-routing', styleUrls: ['./nav-drawer-routing.component.scss'], templateUrl: './nav-drawer-routing.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxNavigationDrawerComponent, IgxNavDrawerTemplateDirective, IgxNavDrawerItemDirective, IgxRippleDirective, RouterLinkActive, RouterLink, IgxIconButtonDirective, IgxToggleActionDirective, IgxIconComponent] }) export class NavDrawerRoutingComponent { diff --git a/src/app/menus/navdrawer/nav-drawer-simple/nav-drawer-simple.component.ts b/src/app/menus/navdrawer/nav-drawer-simple/nav-drawer-simple.component.ts index da34aee54..4c3517bce 100644 --- a/src/app/menus/navdrawer/nav-drawer-simple/nav-drawer-simple.component.ts +++ b/src/app/menus/navdrawer/nav-drawer-simple/nav-drawer-simple.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild } from '@angular/core'; import { IgxNavDrawerItemDirective, IgxNavDrawerTemplateDirective, IgxNavigationDrawerComponent } from 'igniteui-angular/navigation-drawer'; import { IgxIconButtonDirective, IgxRippleDirective, IgxToggleActionDirective } from 'igniteui-angular/directives'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -8,7 +8,6 @@ import { IgxIconComponent } from 'igniteui-angular/icon'; selector: 'app-nav-drawer-simple', styleUrls: ['./nav-drawer-simple.component.scss'], templateUrl: './nav-drawer-simple.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxNavigationDrawerComponent, IgxNavDrawerTemplateDirective, IgxNavDrawerItemDirective, IgxRippleDirective, IgxIconComponent, IgxIconButtonDirective, IgxToggleActionDirective] }) export class NavDrawerSimpleComponent { diff --git a/src/app/menus/navdrawer/nav-drawer-styling/nav-drawer-styling.component.ts b/src/app/menus/navdrawer/nav-drawer-styling/nav-drawer-styling.component.ts index 060c43dc7..a785a9db8 100644 --- a/src/app/menus/navdrawer/nav-drawer-styling/nav-drawer-styling.component.ts +++ b/src/app/menus/navdrawer/nav-drawer-styling/nav-drawer-styling.component.ts @@ -1,11 +1,10 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { NavDrawerRoutingComponent } from '../nav-drawer-routing/nav-drawer-routing.component'; @Component({ selector: 'app-nav-drawer-styling', styleUrls: ['./nav-drawer-styling.component.scss'], templateUrl: './nav-drawer-styling.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [NavDrawerRoutingComponent] }) export class NavDrawerStylingComponent { } diff --git a/src/app/notifications/banner/banner-advanced-sample/banner-advanced-sample.component.ts b/src/app/notifications/banner/banner-advanced-sample/banner-advanced-sample.component.ts index 4df14c7d5..d5e304444 100644 --- a/src/app/notifications/banner/banner-advanced-sample/banner-advanced-sample.component.ts +++ b/src/app/notifications/banner/banner-advanced-sample/banner-advanced-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, OnDestroy, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnDestroy, OnInit, ViewChild } from '@angular/core'; import { IgxBannerActionsDirective, IgxBannerComponent } from 'igniteui-angular/banner'; import { IgxToastComponent } from 'igniteui-angular/toast'; import { VerticalAlignment } from 'igniteui-angular/core'; @@ -12,7 +12,6 @@ import { Subject } from 'rxjs'; selector: 'app-banner-advanced-sample', styleUrls: ['../banner-samples.scss'], templateUrl: 'banner-advanced-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxNavbarComponent, IgxIconComponent, IgxBannerComponent, IgxBannerActionsDirective, IgxButtonDirective, IgxRippleDirective, IgxCardComponent, IgxToastComponent] }) diff --git a/src/app/notifications/banner/banner-sample-1/banner-sample-1.component.ts b/src/app/notifications/banner/banner-sample-1/banner-sample-1.component.ts index 8372c0c89..48a70208b 100644 --- a/src/app/notifications/banner/banner-sample-1/banner-sample-1.component.ts +++ b/src/app/notifications/banner/banner-sample-1/banner-sample-1.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { IgxBannerComponent } from 'igniteui-angular/banner'; import { IgxNavbarComponent } from 'igniteui-angular/navbar'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -8,7 +8,6 @@ import { IgxCardComponent } from 'igniteui-angular/card'; selector: 'app-banner-sample-1', styleUrls: ['../banner-samples.scss'], templateUrl: 'banner-sample-1.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxNavbarComponent, IgxIconComponent, IgxBannerComponent, IgxCardComponent] }) diff --git a/src/app/notifications/banner/banner-sample-2/banner-sample-2.component.ts b/src/app/notifications/banner/banner-sample-2/banner-sample-2.component.ts index 69a9dc970..ff4729361 100644 --- a/src/app/notifications/banner/banner-sample-2/banner-sample-2.component.ts +++ b/src/app/notifications/banner/banner-sample-2/banner-sample-2.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { IgxBannerActionsDirective, IgxBannerComponent } from 'igniteui-angular/banner'; import { IgxNavbarComponent } from 'igniteui-angular/navbar'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -9,7 +9,6 @@ import { IgxCardComponent } from 'igniteui-angular/card'; selector: 'app-banner-sample-2', styleUrls: ['../banner-samples.scss'], templateUrl: 'banner-sample-2.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxNavbarComponent, IgxIconComponent, IgxBannerComponent, IgxBannerActionsDirective, IgxButtonDirective, IgxRippleDirective, IgxCardComponent] }) diff --git a/src/app/notifications/banner/banner-sample-3/banner-sample-3.component.ts b/src/app/notifications/banner/banner-sample-3/banner-sample-3.component.ts index 364d81be9..8e3bd06d8 100644 --- a/src/app/notifications/banner/banner-sample-3/banner-sample-3.component.ts +++ b/src/app/notifications/banner/banner-sample-3/banner-sample-3.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { IgxBannerActionsDirective, IgxBannerComponent } from 'igniteui-angular/banner'; import { IgxNavbarComponent } from 'igniteui-angular/navbar'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -10,7 +10,6 @@ import { slideInLeft, slideOutRight } from 'igniteui-angular/animations'; selector: 'app-banner-sample-3', styleUrls: ['../banner-samples.scss'], templateUrl: 'banner-sample-3.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxNavbarComponent, IgxIconComponent, IgxBannerComponent, IgxBannerActionsDirective, IgxButtonDirective, IgxRippleDirective, IgxCardComponent] }) diff --git a/src/app/notifications/banner/banner-sample-4/banner-sample-4.component.ts b/src/app/notifications/banner/banner-sample-4/banner-sample-4.component.ts index 1e50a4a42..b109b89ac 100644 --- a/src/app/notifications/banner/banner-sample-4/banner-sample-4.component.ts +++ b/src/app/notifications/banner/banner-sample-4/banner-sample-4.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { IgxBannerActionsDirective, IgxBannerComponent } from 'igniteui-angular/banner'; import { IgxNavbarComponent } from 'igniteui-angular/navbar'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -12,7 +12,6 @@ import { FormsModule } from '@angular/forms'; selector: 'app-banner-sample-4', templateUrl: './banner-sample-4.component.html', styleUrls: ['./banner-sample-4.component.scss'], - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxNavbarComponent, IgxIconComponent, IgxBannerComponent, IgxBannerActionsDirective, IgxButtonDirective, IgxRippleDirective, IgxAvatarComponent, IgxSwitchComponent, FormsModule, IgxInputGroupComponent, IgxInputDirective] }) export class BannerSample4Component implements OnInit { diff --git a/src/app/notifications/banner/banner-styling/banner-styling.component.ts b/src/app/notifications/banner/banner-styling/banner-styling.component.ts index 414747185..132ec924e 100644 --- a/src/app/notifications/banner/banner-styling/banner-styling.component.ts +++ b/src/app/notifications/banner/banner-styling/banner-styling.component.ts @@ -1,4 +1,4 @@ -import { Component, OnDestroy, OnInit, ViewChild, ViewEncapsulation, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnDestroy, OnInit, ViewChild, ViewEncapsulation } from '@angular/core'; import { IgxBannerActionsDirective, IgxBannerComponent } from 'igniteui-angular/banner'; import { IgxToastComponent } from 'igniteui-angular/toast'; import { VerticalAlignment } from 'igniteui-angular/core'; @@ -14,7 +14,6 @@ import { Subject } from 'rxjs'; styleUrls: ['banner-styling.component.scss', '../banner-samples.scss'], templateUrl: 'banner-styling.component.html', encapsulation: ViewEncapsulation.None, - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxNavbarComponent, IgxIconComponent, IgxBannerComponent, IgxBannerActionsDirective, IgxButtonDirective, IgxRippleDirective, IgxCardComponent, IgxToastComponent] }) diff --git a/src/app/notifications/snackbar/snackbar-sample-1/snackbar-sample-1.component.ts b/src/app/notifications/snackbar/snackbar-sample-1/snackbar-sample-1.component.ts index 6c6bd3a23..fdc94536f 100644 --- a/src/app/notifications/snackbar/snackbar-sample-1/snackbar-sample-1.component.ts +++ b/src/app/notifications/snackbar/snackbar-sample-1/snackbar-sample-1.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxButtonDirective } from 'igniteui-angular/directives'; import { IgxSnackbarComponent } from 'igniteui-angular/snackbar'; @@ -6,7 +6,6 @@ import { IgxSnackbarComponent } from 'igniteui-angular/snackbar'; selector: 'app-snackbar-sample-1', styleUrls: ['./snackbar-sample-1.component.scss'], templateUrl: './snackbar-sample-1.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxSnackbarComponent] }) export class SnackbarSample1Component { } diff --git a/src/app/notifications/snackbar/snackbar-sample-2/snackbar-sample-2.component.ts b/src/app/notifications/snackbar/snackbar-sample-2/snackbar-sample-2.component.ts index f7ff491dc..a50c5bf3c 100644 --- a/src/app/notifications/snackbar/snackbar-sample-2/snackbar-sample-2.component.ts +++ b/src/app/notifications/snackbar/snackbar-sample-2/snackbar-sample-2.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxButtonDirective } from 'igniteui-angular/directives'; import { IgxSnackbarComponent } from 'igniteui-angular/snackbar'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -7,7 +7,6 @@ import { IgxIconComponent } from 'igniteui-angular/icon'; selector: 'app-snackbar-sample-2', styleUrls: ['./snackbar-sample-2.component.scss'], templateUrl: './snackbar-sample-2.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxSnackbarComponent, IgxIconComponent] }) export class SnackbarSample2Component { diff --git a/src/app/notifications/snackbar/snackbar-sample-4/snackbar-sample-4.component.ts b/src/app/notifications/snackbar/snackbar-sample-4/snackbar-sample-4.component.ts index f792f4469..8c6847b0a 100644 --- a/src/app/notifications/snackbar/snackbar-sample-4/snackbar-sample-4.component.ts +++ b/src/app/notifications/snackbar/snackbar-sample-4/snackbar-sample-4.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { IgxSnackbarComponent } from 'igniteui-angular/snackbar'; import { IgxListActionDirective, IgxListComponent, IgxListItemComponent, IgxListLineTitleDirective, IgxListThumbnailDirective } from 'igniteui-angular/list'; import { IgxIconButtonDirective, IgxRippleDirective } from 'igniteui-angular/directives'; @@ -10,7 +10,6 @@ import { IgxIconComponent } from 'igniteui-angular/icon'; selector: 'app-snackbar-sample-4', styleUrls: ['./snackbar-sample-4.component.scss'], templateUrl: './snackbar-sample-4.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxListComponent, IgxListItemComponent, IgxRippleDirective, IgxAvatarComponent, IgxListThumbnailDirective, IgxListLineTitleDirective, IgxListActionDirective, IgxIconButtonDirective, IgxIconComponent, IgxSnackbarComponent] }) export class SnackbarSample4Component implements OnInit { diff --git a/src/app/notifications/snackbar/snackbar-sample-5/snackbar-sample-5.component.ts b/src/app/notifications/snackbar/snackbar-sample-5/snackbar-sample-5.component.ts index 0e2ad7203..039445559 100644 --- a/src/app/notifications/snackbar/snackbar-sample-5/snackbar-sample-5.component.ts +++ b/src/app/notifications/snackbar/snackbar-sample-5/snackbar-sample-5.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxButtonDirective } from 'igniteui-angular/directives'; import { IgxSnackbarComponent } from 'igniteui-angular/snackbar'; @@ -6,7 +6,6 @@ import { IgxSnackbarComponent } from 'igniteui-angular/snackbar'; selector: 'app-snackbar-sample-5', styleUrls: ['./snackbar-sample-5.component.scss'], templateUrl: './snackbar-sample-5.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxSnackbarComponent] }) export class SnackbarSample5Component { } diff --git a/src/app/notifications/snackbar/snackbar-style/snackbar-style.component.ts b/src/app/notifications/snackbar/snackbar-style/snackbar-style.component.ts index 5ca01ecb9..dea33c79a 100644 --- a/src/app/notifications/snackbar/snackbar-style/snackbar-style.component.ts +++ b/src/app/notifications/snackbar/snackbar-style/snackbar-style.component.ts @@ -1,4 +1,4 @@ -import { Component, ElementRef, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ElementRef, inject } from '@angular/core'; import { IgxButtonDirective } from 'igniteui-angular/directives'; import { IgxSnackbarComponent } from 'igniteui-angular/snackbar'; @@ -6,7 +6,6 @@ import { IgxSnackbarComponent } from 'igniteui-angular/snackbar'; selector: 'app-snackbar-style', styleUrls: ['./snackbar-style.component.scss'], templateUrl: './snackbar-style.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxSnackbarComponent] }) export class SnackbarStyleComponent { diff --git a/src/app/notifications/snackbar/snackbar-tailwind-style/snackbar-tailwind-style.component.ts b/src/app/notifications/snackbar/snackbar-tailwind-style/snackbar-tailwind-style.component.ts index 8cc955b60..77fc49085 100644 --- a/src/app/notifications/snackbar/snackbar-tailwind-style/snackbar-tailwind-style.component.ts +++ b/src/app/notifications/snackbar/snackbar-tailwind-style/snackbar-tailwind-style.component.ts @@ -1,4 +1,4 @@ -import { Component, ElementRef, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ElementRef, inject } from '@angular/core'; import { IgxButtonDirective } from 'igniteui-angular/directives'; import { IgxSnackbarComponent } from 'igniteui-angular/snackbar'; @@ -6,7 +6,6 @@ import { IgxSnackbarComponent } from 'igniteui-angular/snackbar'; selector: 'app-snackbar-tailwind-style', styleUrls: ['./snackbar-tailwind-style.component.scss'], templateUrl: './snackbar-tailwind-style.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxSnackbarComponent] }) export class SnackbarTailwindStyleComponent { diff --git a/src/app/notifications/toast/toast-sample-1/toast-sample-1.component.ts b/src/app/notifications/toast/toast-sample-1/toast-sample-1.component.ts index b3cfe5028..0b561d79a 100644 --- a/src/app/notifications/toast/toast-sample-1/toast-sample-1.component.ts +++ b/src/app/notifications/toast/toast-sample-1/toast-sample-1.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxToastComponent } from 'igniteui-angular/toast'; import { VerticalAlignment } from 'igniteui-angular/core'; import { IgxButtonDirective, IgxRippleDirective } from 'igniteui-angular/directives'; @@ -7,7 +7,6 @@ import { IgxButtonDirective, IgxRippleDirective } from 'igniteui-angular/directi selector: 'app-toast-sample-1', styleUrls: ['./toast-sample-1.component.scss'], templateUrl: './toast-sample-1.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxRippleDirective, IgxToastComponent] }) export class ToastSample1Component { diff --git a/src/app/notifications/toast/toast-sample-2/toast-sample-2.component.ts b/src/app/notifications/toast/toast-sample-2/toast-sample-2.component.ts index f2fb8ce48..30dd1b058 100644 --- a/src/app/notifications/toast/toast-sample-2/toast-sample-2.component.ts +++ b/src/app/notifications/toast/toast-sample-2/toast-sample-2.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxButtonDirective } from 'igniteui-angular/directives'; import { IgxToastComponent } from 'igniteui-angular/toast'; @@ -6,7 +6,6 @@ import { IgxToastComponent } from 'igniteui-angular/toast'; selector: 'app-toast-sample-2', styleUrls: ['./toast-sample-2.component.scss'], templateUrl: './toast-sample-2.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxToastComponent] }) diff --git a/src/app/notifications/toast/toast-sample-3/toast-sample-3.component.ts b/src/app/notifications/toast/toast-sample-3/toast-sample-3.component.ts index 2bcff1451..ab144aef7 100644 --- a/src/app/notifications/toast/toast-sample-3/toast-sample-3.component.ts +++ b/src/app/notifications/toast/toast-sample-3/toast-sample-3.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxButtonDirective } from 'igniteui-angular/directives'; import { IgxToastComponent } from 'igniteui-angular/toast'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -7,7 +7,6 @@ import { IgxIconComponent } from 'igniteui-angular/icon'; selector: 'app-toast-sample-3', styleUrls: ['./toast-sample-3.component.scss'], templateUrl: './toast-sample-3.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxToastComponent, IgxIconComponent] }) diff --git a/src/app/notifications/toast/toast-sample-4/toast-sample-4.component.ts b/src/app/notifications/toast/toast-sample-4/toast-sample-4.component.ts index b15622b7c..7d547ff4d 100644 --- a/src/app/notifications/toast/toast-sample-4/toast-sample-4.component.ts +++ b/src/app/notifications/toast/toast-sample-4/toast-sample-4.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxButtonDirective } from 'igniteui-angular/directives'; import { IgxToastComponent } from 'igniteui-angular/toast'; @@ -6,7 +6,6 @@ import { IgxToastComponent } from 'igniteui-angular/toast'; selector: 'app-toast-sample-4', styleUrls: ['./toast-sample-4.component.scss'], templateUrl: './toast-sample-4.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxToastComponent] }) export class ToastSample4Component { } diff --git a/src/app/notifications/toast/toast-sample-5/toast-sample-5.component.ts b/src/app/notifications/toast/toast-sample-5/toast-sample-5.component.ts index 0a7d38f49..8e0aa6122 100644 --- a/src/app/notifications/toast/toast-sample-5/toast-sample-5.component.ts +++ b/src/app/notifications/toast/toast-sample-5/toast-sample-5.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { VerticalAlignment } from 'igniteui-angular/core'; import { IgxButtonDirective } from 'igniteui-angular/directives'; import { IgxToastComponent } from 'igniteui-angular/toast'; @@ -6,7 +6,6 @@ import { IgxToastComponent } from 'igniteui-angular/toast'; selector: 'app-toast-sample-5', styleUrls: ['./toast-sample-5.component.scss'], templateUrl: './toast-sample-5.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxToastComponent] }) diff --git a/src/app/notifications/toast/toast-style/toast-style.component.ts b/src/app/notifications/toast/toast-style/toast-style.component.ts index e0a6a5dfa..111c5a3c4 100644 --- a/src/app/notifications/toast/toast-style/toast-style.component.ts +++ b/src/app/notifications/toast/toast-style/toast-style.component.ts @@ -1,4 +1,4 @@ -import { Component, ElementRef, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ElementRef, inject } from '@angular/core'; import { IgxToastComponent } from 'igniteui-angular/toast'; import { VerticalAlignment } from 'igniteui-angular/core'; import { IgxButtonDirective, IgxRippleDirective } from 'igniteui-angular/directives'; @@ -7,7 +7,6 @@ import { IgxButtonDirective, IgxRippleDirective } from 'igniteui-angular/directi selector: 'app-toast-style', styleUrls: ['./toast-style.component.scss'], templateUrl: './toast-style.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxRippleDirective, IgxToastComponent] }) export class ToastStyleComponent { diff --git a/src/app/notifications/toast/toast-tailwind-style/toast-tailwind-style.component.ts b/src/app/notifications/toast/toast-tailwind-style/toast-tailwind-style.component.ts index 9911102ee..2223a9f1d 100644 --- a/src/app/notifications/toast/toast-tailwind-style/toast-tailwind-style.component.ts +++ b/src/app/notifications/toast/toast-tailwind-style/toast-tailwind-style.component.ts @@ -1,4 +1,4 @@ -import { Component, ElementRef, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ElementRef, inject } from '@angular/core'; import { IgxToastComponent } from 'igniteui-angular/toast'; import { VerticalAlignment } from 'igniteui-angular/core'; import { IgxButtonDirective, IgxRippleDirective } from 'igniteui-angular/directives'; @@ -7,7 +7,6 @@ import { IgxButtonDirective, IgxRippleDirective } from 'igniteui-angular/directi selector: 'app-toast-tailwind-style', styleUrls: ['./toast-tailwind-style.component.scss'], templateUrl: './toast-tailwind-style.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxRippleDirective, IgxToastComponent] }) export class ToastTailwindStyleComponent { diff --git a/src/app/pagination/paginator/pagination-sample.component.ts b/src/app/pagination/paginator/pagination-sample.component.ts index b02f98a1f..fda7f16b5 100644 --- a/src/app/pagination/paginator/pagination-sample.component.ts +++ b/src/app/pagination/paginator/pagination-sample.component.ts @@ -1,4 +1,4 @@ -import { AfterViewInit, ChangeDetectorRef, Component, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; +import { AfterViewInit, ChangeDetectorRef, Component, ViewChild, inject } from '@angular/core'; import { IgxPaginatorComponent } from 'igniteui-angular/paginator'; import { IgxCardActionsComponent, IgxCardComponent, IgxCardContentDirective, IgxCardHeaderComponent, IgxCardHeaderSubtitleDirective, IgxCardHeaderTitleDirective, IgxCardMediaDirective } from 'igniteui-angular/card'; import { IgxButtonDirective, IgxIconButtonDirective, IgxRippleDirective } from 'igniteui-angular/directives'; @@ -10,7 +10,6 @@ import { CurrencyPipe } from '@angular/common'; selector: 'app-pagination-sample', styleUrls: ['./pagination-sample.component.scss'], templateUrl: './pagination-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxCardComponent, IgxCardMediaDirective, IgxCardHeaderComponent, IgxCardHeaderTitleDirective, IgxCardContentDirective, IgxCardHeaderSubtitleDirective, IgxCardActionsComponent, IgxButtonDirective, IgxRippleDirective, IgxIconButtonDirective, IgxIconComponent, IgxPaginatorComponent, CurrencyPipe] }) export class PaginationSampleComponent implements AfterViewInit { diff --git a/src/app/pivot-grid/pivot-basic-sample/pivot-grid-basic-sample.component.ts b/src/app/pivot-grid/pivot-basic-sample/pivot-grid-basic-sample.component.ts index 48eaecc0c..63cbb1f66 100644 --- a/src/app/pivot-grid/pivot-basic-sample/pivot-grid-basic-sample.component.ts +++ b/src/app/pivot-grid/pivot-basic-sample/pivot-grid-basic-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from "@angular/core"; +import { Component } from "@angular/core"; import { DATA } from '../../data/pivot-data'; import { IPivotConfiguration, IgxPivotNumericAggregate } from 'igniteui-angular/grids/core'; @@ -8,7 +8,6 @@ import { IgxPivotGridComponent } from 'igniteui-angular/grids/pivot-grid'; selector: 'app-pivot-grid-basic-sample', styleUrls: ['./pivot-grid-basic-sample.component.scss'], templateUrl: './pivot-grid-basic-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxPivotGridComponent] }) export class PivotGridBasicSampleComponent { @@ -21,7 +20,7 @@ export class PivotGridBasicSampleComponent { memberFunction: (data) => data.Product.Name, enabled: true } - + ], rows: [ { diff --git a/src/app/pivot-grid/pivot-datasource/pivot-data-selector-sample.component.ts b/src/app/pivot-grid/pivot-datasource/pivot-data-selector-sample.component.ts index 2d2e8da2b..358202d91 100644 --- a/src/app/pivot-grid/pivot-datasource/pivot-data-selector-sample.component.ts +++ b/src/app/pivot-grid/pivot-datasource/pivot-data-selector-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from "@angular/core"; +import { Component } from "@angular/core"; import { GridColumnDataType } from 'igniteui-angular/core'; import { IPivotConfiguration, IgxPivotDateDimension, IgxPivotNumericAggregate } from 'igniteui-angular/grids/core'; import { IgxPivotDataSelectorComponent, IgxPivotGridComponent } from 'igniteui-angular/grids/pivot-grid'; @@ -7,7 +7,6 @@ import { SALES_DATA_NEW } from '../../data/salesDataNew'; selector: 'app-pivot-data-selector-sample', styleUrls: ['./pivot-data-selector-sample.component.scss'], templateUrl: './pivot-data-selector-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxPivotGridComponent, IgxPivotDataSelectorComponent] }) export class PivotDataSelectorSampleComponent { diff --git a/src/app/pivot-grid/pivot-export/pivot-export.component.ts b/src/app/pivot-grid/pivot-export/pivot-export.component.ts index 39a34b5fa..a949c4eea 100644 --- a/src/app/pivot-grid/pivot-export/pivot-export.component.ts +++ b/src/app/pivot-grid/pivot-export/pivot-export.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, inject, ChangeDetectionStrategy } from "@angular/core"; +import { Component, ViewChild, inject } from "@angular/core"; import { IPivotConfiguration, @@ -46,7 +46,6 @@ export class IgxTotalSaleAggregate { selector: 'app-pivot-export-sample', styleUrls: ['./pivot-export.component.scss'], templateUrl: './pivot-export.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxPivotGridComponent] }) export class PivotExportComponent { diff --git a/src/app/pivot-grid/pivot-features/pivot-features.component.ts b/src/app/pivot-grid/pivot-features/pivot-features.component.ts index 73aec3304..a5feee54f 100644 --- a/src/app/pivot-grid/pivot-features/pivot-features.component.ts +++ b/src/app/pivot-grid/pivot-features/pivot-features.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from "@angular/core"; +import { Component } from "@angular/core"; import { IPivotConfiguration, IgxPivotDateDimension, IgxPivotNumericAggregate, PivotAggregation } from 'igniteui-angular/grids/core'; import { FilteringExpressionsTree, FilteringLogic, IgxStringFilteringOperand } from 'igniteui-angular/core'; @@ -36,7 +36,6 @@ export class IgxTotalSaleAggregate { selector: 'app-pivot-features-sample', styleUrls: ['./pivot-features.component.scss'], templateUrl: './pivot-features.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxPivotGridComponent, IgxPivotDataSelectorComponent] }) export class PivotFeaturesComponent { diff --git a/src/app/pivot-grid/pivot-grid-noop-persistence/pivot-grid-noop-persistence-sample.component.ts b/src/app/pivot-grid/pivot-grid-noop-persistence/pivot-grid-noop-persistence-sample.component.ts index 4a5064df0..4f0108ca7 100644 --- a/src/app/pivot-grid/pivot-grid-noop-persistence/pivot-grid-noop-persistence-sample.component.ts +++ b/src/app/pivot-grid/pivot-grid-noop-persistence/pivot-grid-noop-persistence-sample.component.ts @@ -1,4 +1,4 @@ -import { AfterViewInit, Component, ViewChild, inject, ChangeDetectionStrategy } from "@angular/core"; +import { AfterViewInit, Component, ViewChild, inject } from "@angular/core"; import { IGridState, IGridStateOptions, IPivotConfiguration, IgxGridStateDirective, IgxPivotNumericAggregate, NoopPivotDimensionsStrategy } from 'igniteui-angular/grids/core'; import { IgxPivotGridComponent } from 'igniteui-angular/grids/pivot-grid'; import { NoopSortingStrategy } from 'igniteui-angular/core'; @@ -12,7 +12,6 @@ import { take } from 'rxjs/operators'; styleUrls: ['./pivot-grid-noop-persistence-sample.component.scss'], templateUrl: './pivot-grid-noop-persistence-sample.component.html', providers: [PivotDataService], - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxIconComponent, IgxPivotGridComponent, IgxGridStateDirective] }) export class PivotGridNoopPersistenceSampleComponent implements AfterViewInit { diff --git a/src/app/pivot-grid/pivot-grid-noop/pivot-grid-noop-sample.component.ts b/src/app/pivot-grid/pivot-grid-noop/pivot-grid-noop-sample.component.ts index 85583e984..f96ac9a29 100644 --- a/src/app/pivot-grid/pivot-grid-noop/pivot-grid-noop-sample.component.ts +++ b/src/app/pivot-grid/pivot-grid-noop/pivot-grid-noop-sample.component.ts @@ -1,4 +1,4 @@ -import { AfterViewInit, Component, ViewChild, inject, ChangeDetectionStrategy } from "@angular/core"; +import { AfterViewInit, Component, ViewChild, inject } from "@angular/core"; import { IPivotConfiguration, IgxPivotNumericAggregate, NoopPivotDimensionsStrategy } from 'igniteui-angular/grids/core'; import { IgxPivotGridComponent } from 'igniteui-angular/grids/pivot-grid'; @@ -9,7 +9,6 @@ import { PivotDataService } from "../../services/pivotRemoteData.service"; styleUrls: ['./pivot-grid-noop-sample.component.scss'], templateUrl: './pivot-grid-noop-sample.component.html', providers: [PivotDataService], - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxPivotGridComponent] }) export class PivotGridNoopSampleComponent implements AfterViewInit { diff --git a/src/app/pivot-grid/pivot-layout/pivot-layout.component.ts b/src/app/pivot-grid/pivot-layout/pivot-layout.component.ts index 31966ef32..f7a7d0ae3 100644 --- a/src/app/pivot-grid/pivot-layout/pivot-layout.component.ts +++ b/src/app/pivot-grid/pivot-layout/pivot-layout.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, ChangeDetectionStrategy } from "@angular/core"; +import { Component, ViewChild } from "@angular/core"; import { IPivotConfiguration, IPivotUISettings, IgxPivotDateDimension, IgxPivotNumericAggregate, PivotAggregation, PivotRowLayoutType, PivotSummaryPosition } from 'igniteui-angular/grids/core'; import { FilteringExpressionsTree, FilteringLogic, IgxStringFilteringOperand } from 'igniteui-angular/core'; @@ -38,7 +38,6 @@ export class IgxTotalSaleAggregate { selector: 'app-pivot-layout-sample', styleUrls: ['./pivot-layout.component.scss'], templateUrl: './pivot-layout.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSwitchComponent, IgxPivotGridComponent] }) export class PivotGridLayoutComponent { diff --git a/src/app/pivot-grid/pivot-state-persistence/about.component.ts b/src/app/pivot-grid/pivot-state-persistence/about.component.ts index 505c5e7d3..670ecf7b4 100644 --- a/src/app/pivot-grid/pivot-state-persistence/about.component.ts +++ b/src/app/pivot-grid/pivot-state-persistence/about.component.ts @@ -1,11 +1,10 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxButtonDirective } from 'igniteui-angular/directives'; import { RouterLink } from '@angular/router'; @Component({ selector: 'app-about', templateUrl: './about.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, RouterLink] }) export class PivotGridAboutComponent { diff --git a/src/app/pivot-grid/pivot-state-persistence/pivot-grid-state-persistence-sample.component.ts b/src/app/pivot-grid/pivot-state-persistence/pivot-grid-state-persistence-sample.component.ts index 73984fb08..83a09ac4b 100644 --- a/src/app/pivot-grid/pivot-state-persistence/pivot-grid-state-persistence-sample.component.ts +++ b/src/app/pivot-grid/pivot-state-persistence/pivot-grid-state-persistence-sample.component.ts @@ -1,4 +1,4 @@ -import { AfterViewInit, Component, OnInit, QueryList, ViewChild, ViewChildren, inject, ChangeDetectionStrategy } from "@angular/core"; +import { AfterViewInit, Component, OnInit, QueryList, ViewChild, ViewChildren, inject } from "@angular/core"; import { NavigationStart, Router, RouterLink } from "@angular/router"; import { GridFeatures, IGridState, IGridStateOptions, IPivotAggregator, IPivotConfiguration, IPivotDimension, IPivotValue, IgxGridStateDirective, IgxPivotDateDimension, IgxPivotNumericAggregate, PivotAggregation } from 'igniteui-angular/grids/core'; @@ -42,7 +42,6 @@ export class IgxTotalSaleAggregate { selector: 'app-pivot-grid-state-persistence-sample', styleUrls: ['./pivot-grid-state-persistence-sample.component.scss'], templateUrl: './pivot-grid-state-persistence-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxIconComponent, RouterLink, IgxCheckboxComponent, IgxPivotGridComponent, IgxGridStateDirective] }) export class PivotGridStatePersistenceSampleComponent implements OnInit, AfterViewInit { diff --git a/src/app/scheduling/calendar/calendar-days-view/calendar-days-view.component.ts b/src/app/scheduling/calendar/calendar-days-view/calendar-days-view.component.ts index 6765fb16b..f13fe8679 100644 --- a/src/app/scheduling/calendar/calendar-days-view/calendar-days-view.component.ts +++ b/src/app/scheduling/calendar/calendar-days-view/calendar-days-view.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxCardComponent, IgxCardContentDirective, IgxCardHeaderComponent } from 'igniteui-angular/card'; import { IgxDaysViewComponent } from 'igniteui-angular/calendar'; @@ -6,7 +6,6 @@ import { IgxDaysViewComponent } from 'igniteui-angular/calendar'; selector: 'app-calendar-views', styleUrls: ['./calendar-days-view.component.scss'], templateUrl: './calendar-days-view.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxCardComponent, IgxCardHeaderComponent, IgxCardContentDirective, IgxDaysViewComponent] }) export class CalendarDaysViewComponent { } diff --git a/src/app/scheduling/calendar/calendar-months-view/calendar-months-view.component.ts b/src/app/scheduling/calendar/calendar-months-view/calendar-months-view.component.ts index e141ac1a4..100fdd8c3 100644 --- a/src/app/scheduling/calendar/calendar-months-view/calendar-months-view.component.ts +++ b/src/app/scheduling/calendar/calendar-months-view/calendar-months-view.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxCardComponent, IgxCardContentDirective, IgxCardHeaderComponent } from 'igniteui-angular/card'; import { IgxMonthsViewComponent } from 'igniteui-angular/calendar'; @@ -6,7 +6,6 @@ import { IgxMonthsViewComponent } from 'igniteui-angular/calendar'; selector: 'app-calendar-views', styleUrls: ['./calendar-months-view.component.scss'], templateUrl: './calendar-months-view.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxCardComponent, IgxCardHeaderComponent, IgxCardContentDirective, IgxMonthsViewComponent] }) export class CalendarMonthsViewComponent { } diff --git a/src/app/scheduling/calendar/calendar-rtl-sample/calendar-rtl-sample.component.ts b/src/app/scheduling/calendar/calendar-rtl-sample/calendar-rtl-sample.component.ts index 5cea2f5c3..0afe40d53 100644 --- a/src/app/scheduling/calendar/calendar-rtl-sample/calendar-rtl-sample.component.ts +++ b/src/app/scheduling/calendar/calendar-rtl-sample/calendar-rtl-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild } from '@angular/core'; import { IgxCalendarComponent } from 'igniteui-angular/calendar'; import { IgxButtonDirective } from 'igniteui-angular/directives'; @@ -6,7 +6,6 @@ import { IgxButtonDirective } from 'igniteui-angular/directives'; selector: 'app-calendar', styleUrls: ['./calendar-rtl-sample.component.scss'], templateUrl: './calendar-rtl-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxCalendarComponent] }) export class CalendarRtlSampleComponent { diff --git a/src/app/scheduling/calendar/calendar-sample-1/calendar-sample-1.component.ts b/src/app/scheduling/calendar/calendar-sample-1/calendar-sample-1.component.ts index b9e66ca1f..4a54c443b 100644 --- a/src/app/scheduling/calendar/calendar-sample-1/calendar-sample-1.component.ts +++ b/src/app/scheduling/calendar/calendar-sample-1/calendar-sample-1.component.ts @@ -1,11 +1,10 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxCalendarComponent } from 'igniteui-angular/calendar'; @Component({ selector: 'app-calendar', styleUrls: ['./calendar-sample-1.component.scss'], templateUrl: './calendar-sample-1.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxCalendarComponent] }) export class CalendarSample1Component { } diff --git a/src/app/scheduling/calendar/calendar-sample-2/calendar-sample-2.component.ts b/src/app/scheduling/calendar/calendar-sample-2/calendar-sample-2.component.ts index f50b9dbfb..b50aaf556 100644 --- a/src/app/scheduling/calendar/calendar-sample-2/calendar-sample-2.component.ts +++ b/src/app/scheduling/calendar/calendar-sample-2/calendar-sample-2.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { IgxCalendarComponent } from 'igniteui-angular/calendar'; import { IgxSelectComponent, IgxSelectItemComponent } from 'igniteui-angular/select'; import { IgxPrefixDirective } from 'igniteui-angular/input-group'; @@ -13,7 +13,6 @@ import { FormsModule } from '@angular/forms'; selector: 'app-calendar', styleUrls: ['./calendar-sample-2.component.scss'], templateUrl: './calendar-sample-2.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSelectComponent, FormsModule, IgxPrefixDirective, IgxSelectItemComponent, IgxCalendarComponent] }) export class CalendarSample2Component implements OnInit{ diff --git a/src/app/scheduling/calendar/calendar-sample-3/calendar-sample-3.component.ts b/src/app/scheduling/calendar/calendar-sample-3/calendar-sample-3.component.ts index 1973e8bfa..aa0e91b99 100644 --- a/src/app/scheduling/calendar/calendar-sample-3/calendar-sample-3.component.ts +++ b/src/app/scheduling/calendar/calendar-sample-3/calendar-sample-3.component.ts @@ -1,5 +1,5 @@ -import { Component, ViewChild, DOCUMENT, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild, DOCUMENT, inject } from '@angular/core'; import { IViewDateChangeEventArgs, IgxCalendarComponent, IgxCalendarView } from 'igniteui-angular/calendar'; import { IgxDialogComponent } from 'igniteui-angular/dialog'; @@ -7,7 +7,6 @@ import { IgxDialogComponent } from 'igniteui-angular/dialog'; selector: 'app-calendar', styleUrls: ['./calendar-sample-3.component.scss'], templateUrl: './calendar-sample-3.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxCalendarComponent] }) export class CalendarSample3Component { diff --git a/src/app/scheduling/calendar/calendar-sample-4/calendar-sample-4.component.ts b/src/app/scheduling/calendar/calendar-sample-4/calendar-sample-4.component.ts index 5a565a0b9..c768f94db 100644 --- a/src/app/scheduling/calendar/calendar-sample-4/calendar-sample-4.component.ts +++ b/src/app/scheduling/calendar/calendar-sample-4/calendar-sample-4.component.ts @@ -1,4 +1,4 @@ -import { Component, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, inject } from '@angular/core'; import { DateParser } from '../../../date-parser'; import { IgxCalendarComponent, IgxCalendarHeaderTemplateDirective, IgxCalendarSubheaderTemplateDirective } from 'igniteui-angular/calendar'; import { TitleCasePipe } from '@angular/common'; @@ -8,7 +8,6 @@ import { TitleCasePipe } from '@angular/common'; selector: 'app-calendar', styleUrls: ['./calendar-sample-4.component.scss'], templateUrl: './calendar-sample-4.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxCalendarComponent, IgxCalendarHeaderTemplateDirective, IgxCalendarSubheaderTemplateDirective, TitleCasePipe] }) diff --git a/src/app/scheduling/calendar/calendar-sample-5/calendar-sample-5.component.ts b/src/app/scheduling/calendar/calendar-sample-5/calendar-sample-5.component.ts index 2c0382a37..5151c674e 100644 --- a/src/app/scheduling/calendar/calendar-sample-5/calendar-sample-5.component.ts +++ b/src/app/scheduling/calendar/calendar-sample-5/calendar-sample-5.component.ts @@ -1,11 +1,10 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxCalendarComponent } from 'igniteui-angular/calendar'; @Component({ selector: 'app-calendar', styleUrls: ['./calendar-sample-5.component.scss'], templateUrl: './calendar-sample-5.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxCalendarComponent] }) export class CalendarSample5Component { } diff --git a/src/app/scheduling/calendar/calendar-sample-6/calendar-sample-6.component.ts b/src/app/scheduling/calendar/calendar-sample-6/calendar-sample-6.component.ts index de923c2e6..f34ce362f 100644 --- a/src/app/scheduling/calendar/calendar-sample-6/calendar-sample-6.component.ts +++ b/src/app/scheduling/calendar/calendar-sample-6/calendar-sample-6.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { DateRangeType } from 'igniteui-angular/core'; import { IgxCalendarComponent } from 'igniteui-angular/calendar'; import { DatePipe } from '@angular/common'; @@ -7,7 +7,6 @@ import { DatePipe } from '@angular/common'; selector: 'app-calendar', styleUrls: ['./calendar-sample-6.component.scss'], templateUrl: './calendar-sample-6.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxCalendarComponent, DatePipe] }) export class CalendarSample6Component implements OnInit{ diff --git a/src/app/scheduling/calendar/calendar-sample-7/calendar-sample-7.component.ts b/src/app/scheduling/calendar/calendar-sample-7/calendar-sample-7.component.ts index e00c112f4..73051b382 100644 --- a/src/app/scheduling/calendar/calendar-sample-7/calendar-sample-7.component.ts +++ b/src/app/scheduling/calendar/calendar-sample-7/calendar-sample-7.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild } from '@angular/core'; import { DateRangeType } from 'igniteui-angular/core'; import { IgxCalendarComponent } from 'igniteui-angular/calendar'; import { IgxDialogComponent } from 'igniteui-angular/dialog'; @@ -8,7 +8,6 @@ import { IgxButtonDirective } from 'igniteui-angular/directives'; selector: 'app-calendar', styleUrls: ['./calendar-sample-7.component.scss'], templateUrl: './calendar-sample-7.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxCalendarComponent, IgxDialogComponent, IgxButtonDirective] }) export class CalendarSample7Component { diff --git a/src/app/scheduling/calendar/calendar-sample-8/calendar-sample-8.component.ts b/src/app/scheduling/calendar/calendar-sample-8/calendar-sample-8.component.ts index 6f34dc692..6f71d19aa 100644 --- a/src/app/scheduling/calendar/calendar-sample-8/calendar-sample-8.component.ts +++ b/src/app/scheduling/calendar/calendar-sample-8/calendar-sample-8.component.ts @@ -1,11 +1,10 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxCalendarComponent } from 'igniteui-angular/calendar'; @Component({ selector: 'app-calendar', styleUrls: ['./calendar-sample-8.component.scss'], templateUrl: './calendar-sample-8.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxCalendarComponent] }) export class CalendarSample8Component { } diff --git a/src/app/scheduling/calendar/calendar-sample-9/calendar-sample-9.component.ts b/src/app/scheduling/calendar/calendar-sample-9/calendar-sample-9.component.ts index 52e88e9d7..7e2cf60ab 100644 --- a/src/app/scheduling/calendar/calendar-sample-9/calendar-sample-9.component.ts +++ b/src/app/scheduling/calendar/calendar-sample-9/calendar-sample-9.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild } from '@angular/core'; import { IgxButtonGroupComponent } from 'igniteui-angular/button-group'; import { IgxCalendarComponent } from 'igniteui-angular/calendar'; import { IgxButtonDirective } from 'igniteui-angular/directives'; @@ -11,7 +11,6 @@ type Orientation = (typeof orientations)[number]; selector: 'app-calendar', styleUrls: ['./calendar-sample-9.component.scss'], templateUrl: './calendar-sample-9.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxCalendarComponent, IgxButtonGroupComponent, IgxButtonDirective] }) diff --git a/src/app/scheduling/calendar/calendar-styling-sample/calendar-styling-sample.component.ts b/src/app/scheduling/calendar/calendar-styling-sample/calendar-styling-sample.component.ts index a7c240f63..5aa6d4352 100644 --- a/src/app/scheduling/calendar/calendar-styling-sample/calendar-styling-sample.component.ts +++ b/src/app/scheduling/calendar/calendar-styling-sample/calendar-styling-sample.component.ts @@ -1,11 +1,10 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxCalendarComponent } from 'igniteui-angular/calendar'; @Component({ selector: 'app-calendar', styleUrls: ['./calendar-styling-sample.component.scss'], templateUrl: './calendar-styling-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxCalendarComponent] }) export class CalendarStylingSampleComponent { } diff --git a/src/app/scheduling/calendar/calendar-tailwind-styling-sample/calendar-tailwind-styling-sample.component.ts b/src/app/scheduling/calendar/calendar-tailwind-styling-sample/calendar-tailwind-styling-sample.component.ts index 73080fdf6..4d1f50c86 100644 --- a/src/app/scheduling/calendar/calendar-tailwind-styling-sample/calendar-tailwind-styling-sample.component.ts +++ b/src/app/scheduling/calendar/calendar-tailwind-styling-sample/calendar-tailwind-styling-sample.component.ts @@ -1,11 +1,10 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxCalendarComponent } from 'igniteui-angular/calendar'; @Component({ selector: 'app-calendar-tailwind-styling', styleUrls: ['./calendar-tailwind-styling-sample.component.scss'], templateUrl: './calendar-tailwind-styling-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxCalendarComponent] }) export class CalendarTailwindStylingSampleComponent { } diff --git a/src/app/scheduling/calendar/calendar-years-view/calendar-years-view.component.ts b/src/app/scheduling/calendar/calendar-years-view/calendar-years-view.component.ts index 755fc84cd..0ba2660fa 100644 --- a/src/app/scheduling/calendar/calendar-years-view/calendar-years-view.component.ts +++ b/src/app/scheduling/calendar/calendar-years-view/calendar-years-view.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxCardComponent, IgxCardContentDirective, IgxCardHeaderComponent } from 'igniteui-angular/card'; import { IgxYearsViewComponent } from 'igniteui-angular/calendar'; @@ -6,7 +6,6 @@ import { IgxYearsViewComponent } from 'igniteui-angular/calendar'; selector: 'app-calendar-views', styleUrls: ['./calendar-years-view.component.scss'], templateUrl: './calendar-years-view.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxCardComponent, IgxCardHeaderComponent, IgxCardContentDirective, IgxYearsViewComponent] }) export class CalendarYearsViewComponent { } diff --git a/src/app/scheduling/calendar/multiview/multiview.component.ts b/src/app/scheduling/calendar/multiview/multiview.component.ts index 370479092..de14b8fa4 100644 --- a/src/app/scheduling/calendar/multiview/multiview.component.ts +++ b/src/app/scheduling/calendar/multiview/multiview.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild } from '@angular/core'; import { IgxCalendarComponent } from 'igniteui-angular/calendar'; import { IgxDialogComponent } from 'igniteui-angular/dialog'; import { IgxButtonDirective } from 'igniteui-angular/directives'; @@ -8,7 +8,6 @@ import { IgxButtonDirective } from 'igniteui-angular/directives'; selector: 'app-calendar', styleUrls: ['./multiview.component.scss'], templateUrl: './multiview.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxCalendarComponent, IgxDialogComponent, IgxButtonDirective] }) export class CalendarMultiViewComponent { diff --git a/src/app/scheduling/datepicker/datepicker-dropdown/datepicker-dropdown.component.ts b/src/app/scheduling/datepicker/datepicker-dropdown/datepicker-dropdown.component.ts index 2bfd60025..6bb8239b0 100644 --- a/src/app/scheduling/datepicker/datepicker-dropdown/datepicker-dropdown.component.ts +++ b/src/app/scheduling/datepicker/datepicker-dropdown/datepicker-dropdown.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxDatePickerComponent } from 'igniteui-angular/date-picker'; import { IgxLabelDirective } from 'igniteui-angular/input-group'; import { FormsModule } from '@angular/forms'; @@ -8,7 +8,6 @@ import { DatePipe } from '@angular/common'; selector: 'app-datepicker-dropdown', styleUrls: ['./datepicker-dropdown.component.scss'], templateUrl: './datepicker-dropdown.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxDatePickerComponent, FormsModule, IgxLabelDirective, DatePipe] }) export class DatepickerDropdownComponent { diff --git a/src/app/scheduling/datepicker/datepicker-sample-1/datepicker-sample-1.component.ts b/src/app/scheduling/datepicker/datepicker-sample-1/datepicker-sample-1.component.ts index 706a880f4..f535e25cf 100644 --- a/src/app/scheduling/datepicker/datepicker-sample-1/datepicker-sample-1.component.ts +++ b/src/app/scheduling/datepicker/datepicker-sample-1/datepicker-sample-1.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxDatePickerComponent } from 'igniteui-angular/date-picker'; import { IgxLabelDirective } from 'igniteui-angular/input-group'; import { FormsModule } from '@angular/forms'; @@ -7,7 +7,6 @@ import { FormsModule } from '@angular/forms'; selector: 'app-datepicker-sample-1', styleUrls: ['./datepicker-sample-1.component.scss'], templateUrl: './datepicker-sample-1.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxDatePickerComponent, FormsModule, IgxLabelDirective] }) export class DatepickerSample1Component { diff --git a/src/app/scheduling/datepicker/datepicker-sample-2/datepicker-sample-2.component.ts b/src/app/scheduling/datepicker/datepicker-sample-2/datepicker-sample-2.component.ts index 072d3e5a6..2b2e1c3e9 100644 --- a/src/app/scheduling/datepicker/datepicker-sample-2/datepicker-sample-2.component.ts +++ b/src/app/scheduling/datepicker/datepicker-sample-2/datepicker-sample-2.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxDatePickerComponent } from 'igniteui-angular/date-picker'; import { IgxLabelDirective } from 'igniteui-angular/input-group'; @@ -6,7 +6,6 @@ import { IgxLabelDirective } from 'igniteui-angular/input-group'; selector: 'app-datepicker-sample-2', styleUrls: ['./datepicker-sample-2.component.scss'], templateUrl: './datepicker-sample-2.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxDatePickerComponent, IgxLabelDirective] }) export class DatepickerSample2Component { diff --git a/src/app/scheduling/datepicker/datepicker-sample-3/datepicker-sample-3.component.ts b/src/app/scheduling/datepicker/datepicker-sample-3/datepicker-sample-3.component.ts index 83b9ccac2..75444ac23 100644 --- a/src/app/scheduling/datepicker/datepicker-sample-3/datepicker-sample-3.component.ts +++ b/src/app/scheduling/datepicker/datepicker-sample-3/datepicker-sample-3.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxDatePickerComponent } from 'igniteui-angular/date-picker'; import { FormsModule } from '@angular/forms'; @@ -6,7 +6,6 @@ import { FormsModule } from '@angular/forms'; selector: 'app-datepicker-sample-3', styleUrls: ['./datepicker-sample-3.component.scss'], templateUrl: './datepicker-sample-3.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxDatePickerComponent, FormsModule] }) export class DatepickerSample3Component { diff --git a/src/app/scheduling/datepicker/datepicker-sample-4/datepicker-sample-4.component.ts b/src/app/scheduling/datepicker/datepicker-sample-4/datepicker-sample-4.component.ts index 3f1d9c41f..44ecb0623 100644 --- a/src/app/scheduling/datepicker/datepicker-sample-4/datepicker-sample-4.component.ts +++ b/src/app/scheduling/datepicker/datepicker-sample-4/datepicker-sample-4.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxDatePickerComponent } from 'igniteui-angular/date-picker'; import { IgxLabelDirective } from 'igniteui-angular/input-group'; @@ -6,7 +6,6 @@ import { IgxLabelDirective } from 'igniteui-angular/input-group'; selector: 'app-datepicker-sample-4', styleUrls: ['./datepicker-sample-4.component.scss'], templateUrl: './datepicker-sample-4.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxDatePickerComponent, IgxLabelDirective] }) export class DatepickerSample4Component { diff --git a/src/app/scheduling/datepicker/datepicker-sample-5/datepicker-sample-5.component.ts b/src/app/scheduling/datepicker/datepicker-sample-5/datepicker-sample-5.component.ts index 81afad8e1..9a65e86b1 100644 --- a/src/app/scheduling/datepicker/datepicker-sample-5/datepicker-sample-5.component.ts +++ b/src/app/scheduling/datepicker/datepicker-sample-5/datepicker-sample-5.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, inject } from '@angular/core'; import { DateParser } from '../../../date-parser'; import { IgxDatePickerComponent } from 'igniteui-angular/date-picker'; import { IgxLabelDirective } from 'igniteui-angular/input-group'; @@ -10,7 +10,6 @@ import { TitleCasePipe } from '@angular/common'; selector: 'app-datepicker-sample-5', styleUrls: ['./datepicker-sample-5.component.scss'], templateUrl: './datepicker-sample-5.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxDatePickerComponent, IgxLabelDirective, IgxCalendarHeaderTemplateDirective, IgxCalendarSubheaderTemplateDirective, TitleCasePipe] }) export class DatepickerSample5Component implements OnInit { diff --git a/src/app/scheduling/datepicker/datepicker-sample-6/datepicker-sample-6.component.ts b/src/app/scheduling/datepicker/datepicker-sample-6/datepicker-sample-6.component.ts index ec1ef8f94..5465637e9 100644 --- a/src/app/scheduling/datepicker/datepicker-sample-6/datepicker-sample-6.component.ts +++ b/src/app/scheduling/datepicker/datepicker-sample-6/datepicker-sample-6.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxDatePickerComponent } from 'igniteui-angular/date-picker'; import { IgxLabelDirective, IgxPrefixDirective } from 'igniteui-angular/input-group'; import { IgxPickerToggleComponent } from 'igniteui-angular/core'; @@ -8,7 +8,6 @@ import { IgxIconComponent } from 'igniteui-angular/icon'; selector: 'app-datepicker-sample-6', styleUrls: ['./datepicker-sample-6.component.scss'], templateUrl: './datepicker-sample-6.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxDatePickerComponent, IgxLabelDirective, IgxPickerToggleComponent, IgxPrefixDirective, IgxIconComponent] }) export class DatepickerSample6Component { diff --git a/src/app/scheduling/datepicker/datepicker-sample-7/datepicker-sample-7.component.ts b/src/app/scheduling/datepicker/datepicker-sample-7/datepicker-sample-7.component.ts index d6df39a66..252837c45 100644 --- a/src/app/scheduling/datepicker/datepicker-sample-7/datepicker-sample-7.component.ts +++ b/src/app/scheduling/datepicker/datepicker-sample-7/datepicker-sample-7.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild } from '@angular/core'; import { IgxDatePickerComponent } from 'igniteui-angular/date-picker'; import { IgxSnackbarComponent } from 'igniteui-angular/snackbar'; import { IgxLabelDirective, IgxSuffixDirective } from 'igniteui-angular/input-group'; @@ -10,7 +10,6 @@ import { DatePipe } from '@angular/common'; selector: 'app-datepicker-sample-7', styleUrls: ['./datepicker-sample-7.component.scss'], templateUrl: './datepicker-sample-7.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxDatePickerComponent, IgxLabelDirective, IgxPickerToggleComponent, IgxSuffixDirective, IgxIconComponent, IgxSnackbarComponent, DatePipe] }) diff --git a/src/app/scheduling/datepicker/datepicker-sample-8/datepicker-sample-8.component.ts b/src/app/scheduling/datepicker/datepicker-sample-8/datepicker-sample-8.component.ts index a372d2970..0e0d3323f 100644 --- a/src/app/scheduling/datepicker/datepicker-sample-8/datepicker-sample-8.component.ts +++ b/src/app/scheduling/datepicker/datepicker-sample-8/datepicker-sample-8.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxCalendarComponent, IgxCalendarView } from 'igniteui-angular/calendar'; import { IgxDatePickerComponent } from 'igniteui-angular/date-picker'; import { IgxLabelDirective } from 'igniteui-angular/input-group'; @@ -9,7 +9,6 @@ import { FormsModule } from '@angular/forms'; selector: 'app-datepicker-sample-8', styleUrls: ['./datepicker-sample-8.component.scss'], templateUrl: './datepicker-sample-8.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxDatePickerComponent, FormsModule, IgxLabelDirective, IgxButtonDirective] }) diff --git a/src/app/scheduling/datepicker/datepicker-sample-9/datepicker-sample-9.component.ts b/src/app/scheduling/datepicker/datepicker-sample-9/datepicker-sample-9.component.ts index ceeda6ce3..df81e070c 100644 --- a/src/app/scheduling/datepicker/datepicker-sample-9/datepicker-sample-9.component.ts +++ b/src/app/scheduling/datepicker/datepicker-sample-9/datepicker-sample-9.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, Pipe, PipeTransform, ViewChild, forwardRef, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, Pipe, PipeTransform, ViewChild, forwardRef } from '@angular/core'; import { IgxCalendarComponent } from 'igniteui-angular/calendar'; import { IgxAutocompleteDirective, IgxDropDownComponent, IgxDropDownItemComponent, IgxDropDownItemNavigationDirective } from 'igniteui-angular/drop-down'; import { IgxInputDirective, IgxInputGroupComponent, IgxLabelDirective, IgxPrefixDirective, IgxSuffixDirective } from 'igniteui-angular/input-group'; @@ -12,7 +12,6 @@ import { FormsModule } from '@angular/forms'; selector: 'app-datepicker-sample-9', styleUrls: ['./datepicker-sample-9.component.scss'], templateUrl: './datepicker-sample-9.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [ IgxInputGroupComponent, IgxToggleActionDirective, diff --git a/src/app/scheduling/datepicker/datepicker-styling-sample/datepicker-styling-sample.component.ts b/src/app/scheduling/datepicker/datepicker-styling-sample/datepicker-styling-sample.component.ts index f17bcf5b1..a9d44f628 100644 --- a/src/app/scheduling/datepicker/datepicker-styling-sample/datepicker-styling-sample.component.ts +++ b/src/app/scheduling/datepicker/datepicker-styling-sample/datepicker-styling-sample.component.ts @@ -1,16 +1,16 @@ -import { Component, ElementRef, inject, ChangeDetectionStrategy } from '@angular/core'; -import { IgxOverlayService } from 'igniteui-angular/core'; -import { IgxDatePickerComponent } from 'igniteui-angular/date-picker'; +import { Component, ElementRef, inject } from '@angular/core'; +import { IgxOverlayService } from 'igniteui-angular/core'; +import { IgxDatePickerComponent } from 'igniteui-angular/date-picker'; import { IgxLabelDirective } from 'igniteui-angular/input-group'; @Component({ selector: 'app-datepicker-sample-1', styleUrls: ['./datepicker-styling-sample.component.scss'], templateUrl: './datepicker-styling-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxDatePickerComponent, IgxLabelDirective] }) -export class DatepickerStylingSampleComponent { element = inject(ElementRef); - private overlayService = inject(IgxOverlayService); - +export class DatepickerStylingSampleComponent { + element = inject(ElementRef); + private overlayService = inject(IgxOverlayService); + } diff --git a/src/app/scheduling/datepicker/reactive-form/reactive-form.component.ts b/src/app/scheduling/datepicker/reactive-form/reactive-form.component.ts index 460a04bfc..2002aaa6f 100644 --- a/src/app/scheduling/datepicker/reactive-form/reactive-form.component.ts +++ b/src/app/scheduling/datepicker/reactive-form/reactive-form.component.ts @@ -1,4 +1,4 @@ -import { Component, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, inject } from '@angular/core'; import { FormBuilder, FormGroup, Validators, FormsModule, ReactiveFormsModule } from '@angular/forms'; import { IgxDatePickerComponent } from 'igniteui-angular/date-picker'; import { IgxLabelDirective } from 'igniteui-angular/input-group'; @@ -8,7 +8,6 @@ import { IgxTimePickerComponent } from 'igniteui-angular/time-picker'; selector: 'app-datetimepicker-reactive-form', styleUrls: ['./reactive-form.component.scss'], templateUrl: './reactive-form.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [FormsModule, ReactiveFormsModule, IgxDatePickerComponent, IgxLabelDirective, IgxTimePickerComponent] }) export class DateTimePickerRFSampleComponent { diff --git a/src/app/scheduling/datepicker/template-driven-form/template-driven-form.component.ts b/src/app/scheduling/datepicker/template-driven-form/template-driven-form.component.ts index 036683ee8..1ae6d4dbe 100644 --- a/src/app/scheduling/datepicker/template-driven-form/template-driven-form.component.ts +++ b/src/app/scheduling/datepicker/template-driven-form/template-driven-form.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxDatePickerComponent } from 'igniteui-angular/date-picker'; import { IgxLabelDirective } from 'igniteui-angular/input-group'; import { IgxTimePickerComponent } from 'igniteui-angular/time-picker'; @@ -8,7 +8,6 @@ import { FormsModule } from '@angular/forms'; selector: 'app-datetimepicker-template-driven-form', styleUrls: ['./template-driven-form.component.scss'], templateUrl: './template-driven-form.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxDatePickerComponent, FormsModule, IgxLabelDirective, IgxTimePickerComponent] }) export class DateTimePickerTDFSampleComponent { diff --git a/src/app/scheduling/daterangepicker/daterangepicker-basic/daterangepicker-basic.ts b/src/app/scheduling/daterangepicker/daterangepicker-basic/daterangepicker-basic.ts index cd059b6e9..c009f9d80 100644 --- a/src/app/scheduling/daterangepicker/daterangepicker-basic/daterangepicker-basic.ts +++ b/src/app/scheduling/daterangepicker/daterangepicker-basic/daterangepicker-basic.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { DateRange } from 'igniteui-angular/core'; import { IgxDateRangePickerComponent } from 'igniteui-angular/date-picker'; import { IgxLabelDirective } from 'igniteui-angular/input-group'; @@ -8,7 +8,6 @@ import { FormsModule } from '@angular/forms'; selector: 'app-basic-rangedatepicker', styleUrls: ['./daterangepicker-basic.scss'], templateUrl: './daterangepicker-basic.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxDateRangePickerComponent, FormsModule, IgxLabelDirective] }) export class BasicDateRangePickerComponent { diff --git a/src/app/scheduling/daterangepicker/daterangepicker-flight-booking/daterangepicker-flight-booking.ts b/src/app/scheduling/daterangepicker/daterangepicker-flight-booking/daterangepicker-flight-booking.ts index b7ddecda6..801881195 100644 --- a/src/app/scheduling/daterangepicker/daterangepicker-flight-booking/daterangepicker-flight-booking.ts +++ b/src/app/scheduling/daterangepicker/daterangepicker-flight-booking/daterangepicker-flight-booking.ts @@ -1,4 +1,4 @@ -import { Component, Pipe, PipeTransform, ChangeDetectionStrategy } from '@angular/core'; +import { Component, Pipe, PipeTransform } from '@angular/core'; import { DateRange } from 'igniteui-angular/core'; import { IgxSelectComponent, IgxSelectItemComponent } from 'igniteui-angular/select'; import { IgxHintDirective, IgxLabelDirective, IgxPrefixDirective } from 'igniteui-angular/input-group'; @@ -12,7 +12,6 @@ import { PipeWithoutTownFrom as PipeWithoutTownFrom_1 } from '../../datepicker/d selector: 'app-flight-booking', styleUrls: ['./daterangepicker-flight-booking.scss'], templateUrl: './daterangepicker-flight-booking.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [FormsModule, IgxSelectComponent, IgxPrefixDirective, IgxIconComponent, IgxSelectItemComponent, IgxDateRangePickerComponent, IgxLabelDirective, IgxHintDirective, PipeWithoutTownFrom_1] }) export class FlightBookingComponent { diff --git a/src/app/scheduling/daterangepicker/daterangepicker-mode/daterangepicker-mode.ts b/src/app/scheduling/daterangepicker/daterangepicker-mode/daterangepicker-mode.ts index d4f216f90..07c556932 100644 --- a/src/app/scheduling/daterangepicker/daterangepicker-mode/daterangepicker-mode.ts +++ b/src/app/scheduling/daterangepicker/daterangepicker-mode/daterangepicker-mode.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { DateRange } from 'igniteui-angular/core'; import { IgxDateRangePickerComponent } from 'igniteui-angular/date-picker'; @@ -6,7 +6,6 @@ import { IgxDateRangePickerComponent } from 'igniteui-angular/date-picker'; selector: 'app-mode-rangedatepicker', styleUrls: ['./daterangepicker-mode.scss'], templateUrl: './daterangepicker-mode.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxDateRangePickerComponent] }) export class DateRangePickerModeComponent { diff --git a/src/app/scheduling/daterangepicker/daterangepicker-range-buttons/daterangepicker-range-buttons.ts b/src/app/scheduling/daterangepicker/daterangepicker-range-buttons/daterangepicker-range-buttons.ts index e54cf15ae..08dd6701c 100644 --- a/src/app/scheduling/daterangepicker/daterangepicker-range-buttons/daterangepicker-range-buttons.ts +++ b/src/app/scheduling/daterangepicker/daterangepicker-range-buttons/daterangepicker-range-buttons.ts @@ -1,4 +1,4 @@ -import { Component, ElementRef, OnInit, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ElementRef, OnInit, ViewChild, inject } from '@angular/core'; import { CustomDateRange, DateRange, IgxPickerActionsDirective, OverlaySettings } from 'igniteui-angular/core'; import { IgxDateRangePickerComponent } from 'igniteui-angular/date-picker'; import { IgxButtonDirective } from 'igniteui-angular/directives'; @@ -9,7 +9,6 @@ import { FormsModule } from '@angular/forms'; selector: 'app-rangdatepicker-range-buttons', styleUrls: ['./daterangepicker-range-buttons.scss'], templateUrl: './daterangepicker-range-buttons.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxDateRangePickerComponent, FormsModule, IgxPickerActionsDirective, IgxButtonDirective] }) export class DateRangePickerRangeButtonsComponent { diff --git a/src/app/scheduling/daterangepicker/daterangepicker-start-end/daterangepicker-start-end.ts b/src/app/scheduling/daterangepicker/daterangepicker-start-end/daterangepicker-start-end.ts index 4b4f723cb..b2a83c075 100644 --- a/src/app/scheduling/daterangepicker/daterangepicker-start-end/daterangepicker-start-end.ts +++ b/src/app/scheduling/daterangepicker/daterangepicker-start-end/daterangepicker-start-end.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { DateRange, IgxPickerClearComponent, IgxPickerToggleComponent } from 'igniteui-angular/core'; import { IgxDateRangeEndComponent, IgxDateRangePickerComponent, IgxDateRangeStartComponent } from 'igniteui-angular/date-picker'; import { IgxInputDirective, IgxPrefixDirective, IgxSuffixDirective } from 'igniteui-angular/input-group'; @@ -10,7 +10,6 @@ import { FormsModule } from '@angular/forms'; selector: 'app-rangedatepicker-start-end', styleUrls: ['./daterangepicker-start-end.scss'], templateUrl: './daterangepicker-start-end.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxDateRangePickerComponent, FormsModule, IgxDateRangeStartComponent, IgxInputDirective, IgxDateTimeEditorDirective, IgxPickerToggleComponent, IgxPrefixDirective, IgxIconComponent, IgxDateRangeEndComponent, IgxSuffixDirective, IgxPickerClearComponent] diff --git a/src/app/scheduling/daterangepicker/daterangepicker-styling/daterangepicker-styling.ts b/src/app/scheduling/daterangepicker/daterangepicker-styling/daterangepicker-styling.ts index 766a923a7..a748cb408 100644 --- a/src/app/scheduling/daterangepicker/daterangepicker-styling/daterangepicker-styling.ts +++ b/src/app/scheduling/daterangepicker/daterangepicker-styling/daterangepicker-styling.ts @@ -1,4 +1,4 @@ -import { Component, ElementRef, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ElementRef, inject } from '@angular/core'; import { DateRange, IgxPickerClearComponent, IgxPickerToggleComponent } from 'igniteui-angular/core'; import { IgxDateRangeEndComponent, IgxDateRangePickerComponent, IgxDateRangeStartComponent } from 'igniteui-angular/date-picker'; import { IgxInputDirective, IgxPrefixDirective, IgxSuffixDirective } from 'igniteui-angular/input-group'; @@ -10,7 +10,6 @@ import { FormsModule } from '@angular/forms'; selector: 'app-styled-rangedatepicker', styleUrls: ['./daterangepicker-styling.scss'], templateUrl: './daterangepicker-styling.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxDateRangePickerComponent, FormsModule, IgxDateRangeStartComponent, IgxInputDirective, IgxDateTimeEditorDirective, IgxPickerToggleComponent, IgxPrefixDirective, IgxIconComponent, IgxDateRangeEndComponent, IgxSuffixDirective, IgxPickerClearComponent] }) diff --git a/src/app/scheduling/daterangepicker/daterangepicker-validation/daterangepicker-validation.ts b/src/app/scheduling/daterangepicker/daterangepicker-validation/daterangepicker-validation.ts index dbfe2a834..0d3da3c11 100644 --- a/src/app/scheduling/daterangepicker/daterangepicker-validation/daterangepicker-validation.ts +++ b/src/app/scheduling/daterangepicker/daterangepicker-validation/daterangepicker-validation.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { DateRange, IgxPickerClearComponent, IgxPickerToggleComponent } from 'igniteui-angular/core'; import { IgxDateRangeEndComponent, IgxDateRangePickerComponent, IgxDateRangeStartComponent } from 'igniteui-angular/date-picker'; import { IgxInputDirective, IgxLabelDirective, IgxPrefixDirective, IgxSuffixDirective } from 'igniteui-angular/input-group'; @@ -10,7 +10,6 @@ import { FormsModule } from '@angular/forms'; selector: 'app-daterangepicker-validation', styleUrls: ['./daterangepicker-validation.scss'], templateUrl: './daterangepicker-validation.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxDateRangePickerComponent, FormsModule, IgxLabelDirective, IgxDateRangeStartComponent, IgxPickerToggleComponent, IgxPrefixDirective, IgxIconComponent, IgxInputDirective, IgxDateTimeEditorDirective, IgxDateRangeEndComponent, IgxSuffixDirective, IgxPickerClearComponent] diff --git a/src/app/scheduling/datetimeeditor/datetime-advanced/datetime-advanced.ts b/src/app/scheduling/datetimeeditor/datetime-advanced/datetime-advanced.ts index 0309532ad..9ecd05d2c 100644 --- a/src/app/scheduling/datetimeeditor/datetime-advanced/datetime-advanced.ts +++ b/src/app/scheduling/datetimeeditor/datetime-advanced/datetime-advanced.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { DatePart } from 'igniteui-angular/core'; import { IgxInputDirective, IgxInputGroupComponent, IgxSuffixDirective } from 'igniteui-angular/input-group'; import { IgxDateTimeEditorDirective } from 'igniteui-angular/directives'; @@ -9,7 +9,6 @@ import { FormsModule } from '@angular/forms'; selector: 'app-datetime-advanced', styleUrls: ['./datetime-advanced.scss'], templateUrl: './datetime-advanced.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxInputGroupComponent, FormsModule, IgxInputDirective, IgxDateTimeEditorDirective, IgxSuffixDirective, IgxIconComponent] }) diff --git a/src/app/scheduling/datetimeeditor/datetime-basic/datetime-basic.component.ts b/src/app/scheduling/datetimeeditor/datetime-basic/datetime-basic.component.ts index 5994e52bd..2ec29c4c1 100644 --- a/src/app/scheduling/datetimeeditor/datetime-basic/datetime-basic.component.ts +++ b/src/app/scheduling/datetimeeditor/datetime-basic/datetime-basic.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxInputDirective, IgxInputGroupComponent, IgxLabelDirective } from 'igniteui-angular/input-group'; import { IgxDateTimeEditorDirective, IgxTextSelectionDirective } from 'igniteui-angular/directives'; @@ -6,7 +6,6 @@ import { IgxDateTimeEditorDirective, IgxTextSelectionDirective } from 'igniteui- selector: 'app-datetime-basic', styleUrls: ['./datetime-basic.component.scss'], templateUrl: './datetime-basic.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxInputGroupComponent, IgxLabelDirective, IgxInputDirective, IgxDateTimeEditorDirective, IgxTextSelectionDirective] }) export class DateTimeBasicComponent { diff --git a/src/app/scheduling/monthpicker/monthpicker-sample-1/monthpicker-sample-1.component.ts b/src/app/scheduling/monthpicker/monthpicker-sample-1/monthpicker-sample-1.component.ts index 7bb5e0659..636b53a08 100644 --- a/src/app/scheduling/monthpicker/monthpicker-sample-1/monthpicker-sample-1.component.ts +++ b/src/app/scheduling/monthpicker/monthpicker-sample-1/monthpicker-sample-1.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxCardComponent } from 'igniteui-angular/card'; import { IgxMonthPickerComponent } from 'igniteui-angular/calendar'; @@ -6,7 +6,6 @@ import { IgxMonthPickerComponent } from 'igniteui-angular/calendar'; selector: 'app-monthpicker-sample-1', styleUrls: ['./monthpicker-sample-1.component.scss'], templateUrl: './monthpicker-sample-1.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxCardComponent, IgxMonthPickerComponent] }) export class MonthpickerSample1Component { diff --git a/src/app/scheduling/monthpicker/monthpicker-sample-3/monthpicker-sample-3.component.ts b/src/app/scheduling/monthpicker/monthpicker-sample-3/monthpicker-sample-3.component.ts index 3b7d3d571..06a8d3d0b 100644 --- a/src/app/scheduling/monthpicker/monthpicker-sample-3/monthpicker-sample-3.component.ts +++ b/src/app/scheduling/monthpicker/monthpicker-sample-3/monthpicker-sample-3.component.ts @@ -1,5 +1,5 @@ import { registerLocaleData } from '@angular/common'; -import { Component, OnInit, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { IFormattingOptions, IgxMonthPickerComponent } from 'igniteui-angular/calendar'; import { IgxSelectComponent, IgxSelectItemComponent } from 'igniteui-angular/select'; import { IgxPrefixDirective } from 'igniteui-angular/input-group'; @@ -14,7 +14,6 @@ import { FormsModule } from '@angular/forms'; selector: 'app-monthpicker-sample-3', styleUrls: ['./monthpicker-sample-3.component.scss'], templateUrl: './monthpicker-sample-3.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSelectComponent, FormsModule, IgxPrefixDirective, IgxSelectItemComponent, IgxCardComponent, IgxMonthPickerComponent] }) export class MonthpickerSample3Component implements OnInit { diff --git a/src/app/scheduling/monthpicker/monthpicker-styling/monthpicker-styling.component.ts b/src/app/scheduling/monthpicker/monthpicker-styling/monthpicker-styling.component.ts index bba47ad35..25d542b6e 100644 --- a/src/app/scheduling/monthpicker/monthpicker-styling/monthpicker-styling.component.ts +++ b/src/app/scheduling/monthpicker/monthpicker-styling/monthpicker-styling.component.ts @@ -1,11 +1,10 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxMonthPickerComponent } from 'igniteui-angular/calendar'; @Component({ selector: 'app-monthpicker-styling', styleUrls: ['./monthpicker-styling.component.scss'], templateUrl: './monthpicker-styling.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxMonthPickerComponent] }) export class MonthpickerStylingComponent { diff --git a/src/app/scheduling/monthpicker/monthpicker-tailwind-styling/monthpicker-tailwind-styling.component.ts b/src/app/scheduling/monthpicker/monthpicker-tailwind-styling/monthpicker-tailwind-styling.component.ts index 5fa56c6ff..aaad7b188 100644 --- a/src/app/scheduling/monthpicker/monthpicker-tailwind-styling/monthpicker-tailwind-styling.component.ts +++ b/src/app/scheduling/monthpicker/monthpicker-tailwind-styling/monthpicker-tailwind-styling.component.ts @@ -1,11 +1,10 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxMonthPickerComponent } from 'igniteui-angular/calendar'; @Component({ selector: 'app-monthpicker-tailwind-styling', styleUrls: ['./monthpicker-tailwind-styling.component.scss'], templateUrl: './monthpicker-tailwind-styling.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxMonthPickerComponent] }) export class MonthpickerTailwindStylingComponent { diff --git a/src/app/scheduling/timepicker/timepicker-dropdown/timepicker-dropdown.component.ts b/src/app/scheduling/timepicker/timepicker-dropdown/timepicker-dropdown.component.ts index 32dcbdcb9..1f635f1f6 100644 --- a/src/app/scheduling/timepicker/timepicker-dropdown/timepicker-dropdown.component.ts +++ b/src/app/scheduling/timepicker/timepicker-dropdown/timepicker-dropdown.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { PickerInteractionMode } from 'igniteui-angular/core'; import { IgxTimePickerComponent } from 'igniteui-angular/time-picker'; import { IgxLabelDirective } from 'igniteui-angular/input-group'; @@ -8,7 +8,6 @@ import { FormsModule } from '@angular/forms'; selector: 'app-timepicker-dropdown', styleUrls: ['./timepicker-dropdown.component.scss'], templateUrl: './timepicker-dropdown.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTimePickerComponent, FormsModule, IgxLabelDirective] }) export class TimepickerDropdownComponent { diff --git a/src/app/scheduling/timepicker/timepicker-sample-1/timepicker-sample-1.component.ts b/src/app/scheduling/timepicker/timepicker-sample-1/timepicker-sample-1.component.ts index 663547e5b..b6e8616c9 100644 --- a/src/app/scheduling/timepicker/timepicker-sample-1/timepicker-sample-1.component.ts +++ b/src/app/scheduling/timepicker/timepicker-sample-1/timepicker-sample-1.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxTimePickerComponent } from 'igniteui-angular/time-picker'; import { IgxLabelDirective } from 'igniteui-angular/input-group'; @@ -6,7 +6,6 @@ import { IgxLabelDirective } from 'igniteui-angular/input-group'; selector: 'app-timepicker', styleUrls: ['./timepicker-sample-1.component.scss'], templateUrl: './timepicker-sample-1.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTimePickerComponent, IgxLabelDirective] }) export class TimePickerSample1Component { } diff --git a/src/app/scheduling/timepicker/timepicker-sample-4/timepicker-sample-4.component.ts b/src/app/scheduling/timepicker/timepicker-sample-4/timepicker-sample-4.component.ts index 5108619b4..d9de59204 100644 --- a/src/app/scheduling/timepicker/timepicker-sample-4/timepicker-sample-4.component.ts +++ b/src/app/scheduling/timepicker/timepicker-sample-4/timepicker-sample-4.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild } from '@angular/core'; import { IgxTimePickerComponent } from 'igniteui-angular/time-picker'; import { IgxLabelDirective } from 'igniteui-angular/input-group'; import { IgxToastComponent } from 'igniteui-angular/toast'; @@ -8,7 +8,6 @@ import { FormsModule } from '@angular/forms'; selector: 'app-timepicker', styleUrls: ['./timepicker-sample-4.component.scss'], templateUrl: './timepicker-sample-4.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTimePickerComponent, FormsModule, IgxLabelDirective, IgxToastComponent] }) export class TimePickerSample4Component { diff --git a/src/app/scheduling/timepicker/timepicker-sample-5/timepicker-sample-5.component.ts b/src/app/scheduling/timepicker/timepicker-sample-5/timepicker-sample-5.component.ts index d30d6d08f..95ae0fa55 100644 --- a/src/app/scheduling/timepicker/timepicker-sample-5/timepicker-sample-5.component.ts +++ b/src/app/scheduling/timepicker/timepicker-sample-5/timepicker-sample-5.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxTimePickerComponent } from 'igniteui-angular/time-picker'; import { IgxHintDirective, IgxLabelDirective, IgxSuffixDirective } from 'igniteui-angular/input-group'; import { IgxPickerToggleComponent } from 'igniteui-angular/core'; @@ -9,7 +9,6 @@ import { FormsModule } from '@angular/forms'; selector: 'app-timepicker-sample-5', styleUrls: ['./timepicker-sample-5.component.scss'], templateUrl: './timepicker-sample-5.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTimePickerComponent, FormsModule, IgxLabelDirective, IgxPickerToggleComponent, IgxSuffixDirective, IgxIconComponent, IgxHintDirective] }) diff --git a/src/app/scheduling/timepicker/timepicker-sample-6/timepicker-sample-6.component.ts b/src/app/scheduling/timepicker/timepicker-sample-6/timepicker-sample-6.component.ts index e9c703384..ef8e6d381 100644 --- a/src/app/scheduling/timepicker/timepicker-sample-6/timepicker-sample-6.component.ts +++ b/src/app/scheduling/timepicker/timepicker-sample-6/timepicker-sample-6.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxTimePickerComponent } from 'igniteui-angular/time-picker'; import { IgxPickerActionsDirective, IgxPickerToggleComponent } from 'igniteui-angular/core'; import { IgxHintDirective, IgxPrefixDirective } from 'igniteui-angular/input-group'; @@ -10,7 +10,6 @@ import { FormsModule } from '@angular/forms'; selector: 'app-timepicker-sample-6', styleUrls: ['./timepicker-sample-6.component.scss'], templateUrl: './timepicker-sample-6.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTimePickerComponent, FormsModule, IgxPickerToggleComponent, IgxPrefixDirective, IgxIconComponent, IgxHintDirective, IgxButtonDirective, IgxPickerActionsDirective] }) export class TimePickerSample6Component { diff --git a/src/app/scheduling/timepicker/timepicker-styling/timepicker-styling.component.ts b/src/app/scheduling/timepicker/timepicker-styling/timepicker-styling.component.ts index 55025dd7c..6e7fedb60 100644 --- a/src/app/scheduling/timepicker/timepicker-styling/timepicker-styling.component.ts +++ b/src/app/scheduling/timepicker/timepicker-styling/timepicker-styling.component.ts @@ -1,16 +1,16 @@ -import { Component, ElementRef, inject, ChangeDetectionStrategy } from '@angular/core'; -import { IgxTimePickerComponent } from 'igniteui-angular/time-picker'; -import { IgxLabelDirective } from 'igniteui-angular/input-group'; +import { Component, ElementRef, inject } from '@angular/core'; +import { IgxTimePickerComponent } from 'igniteui-angular/time-picker'; +import { IgxLabelDirective } from 'igniteui-angular/input-group'; import { IgxButtonDirective } from 'igniteui-angular/directives'; @Component({ selector: 'app-timepicker', styleUrls: ['./timepicker-styling.component.scss'], templateUrl: './timepicker-styling.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTimePickerComponent, IgxLabelDirective, IgxButtonDirective] }) -export class TimePickerStylingComponent { element = inject(ElementRef); - +export class TimePickerStylingComponent { + element = inject(ElementRef); + } diff --git a/src/app/services/export-csv/csv-export-sample-1/csv-export-sample-1.component.ts b/src/app/services/export-csv/csv-export-sample-1/csv-export-sample-1.component.ts index e517a3c37..ec8c586bf 100644 --- a/src/app/services/export-csv/csv-export-sample-1/csv-export-sample-1.component.ts +++ b/src/app/services/export-csv/csv-export-sample-1/csv-export-sample-1.component.ts @@ -1,5 +1,5 @@ /* eslint-disable @typescript-eslint/naming-convention */ -import { Component, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild, inject } from '@angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarExporterComponent, IgxCsvExporterService } from 'igniteui-angular/grids/core'; @@ -9,7 +9,6 @@ import { IgxPreventDocumentScrollDirective } from '../../../directives/prevent-s selector: 'app-csv-export-sample-1', styleUrls: ['./csv-export-sample-1.component.scss'], templateUrl: './csv-export-sample-1.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxGridToolbarActionsComponent, IgxGridToolbarExporterComponent] }) export class CsvExportSample1Component { diff --git a/src/app/services/export-csv/csv-export-tree-grid-sample/csv-export-tree-grid-sample.component.ts b/src/app/services/export-csv/csv-export-tree-grid-sample/csv-export-tree-grid-sample.component.ts index 0843623b6..7d4113ed9 100644 --- a/src/app/services/export-csv/csv-export-tree-grid-sample/csv-export-tree-grid-sample.component.ts +++ b/src/app/services/export-csv/csv-export-tree-grid-sample/csv-export-tree-grid-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxCellTemplateDirective, IgxColumnComponent, IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarExporterComponent } from 'igniteui-angular/grids/core'; import { ORDERS_DATA } from '../../../tree-grid/data/orders'; @@ -9,7 +9,6 @@ import { IgxPreventDocumentScrollDirective } from '../../../directives/prevent-s selector: 'app-csv-export-tree-grid-sample', styleUrls: ['./csv-export-tree-grid-sample.component.scss'], templateUrl: './csv-export-tree-grid-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxGridToolbarActionsComponent, IgxGridToolbarExporterComponent, IgxColumnComponent, IgxCellTemplateDirective] }) export class TreeGridCsvExportSample1Component implements OnInit { diff --git a/src/app/services/export-csv/csv-export.component.ts b/src/app/services/export-csv/csv-export.component.ts index e79e2d5f6..563ae4e5f 100644 --- a/src/app/services/export-csv/csv-export.component.ts +++ b/src/app/services/export-csv/csv-export.component.ts @@ -1,5 +1,5 @@ /* eslint-disable @typescript-eslint/naming-convention */ -import { Component, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, inject } from '@angular/core'; import { CsvFileTypes, IgxCsvExporterOptions, IgxCsvExporterService } from 'igniteui-angular/grids/core'; import { IgxButtonDirective } from 'igniteui-angular/directives'; @@ -8,7 +8,6 @@ import { IgxButtonDirective } from 'igniteui-angular/directives'; selector: 'app-csv-export', styleUrls: ['./csv-export.component.scss'], templateUrl: './csv-export.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective] }) export class CsvExportComponent { diff --git a/src/app/services/export-excel/excel-export-sample-1/excel-export-sample-1.component.ts b/src/app/services/export-excel/excel-export-sample-1/excel-export-sample-1.component.ts index 78b34b3ed..38c1b842e 100644 --- a/src/app/services/export-excel/excel-export-sample-1/excel-export-sample-1.component.ts +++ b/src/app/services/export-excel/excel-export-sample-1/excel-export-sample-1.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild, inject } from '@angular/core'; import { GridColumnDataType, ISortingExpression, SortingDirection } from 'igniteui-angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxColumnComponent, IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarExporterComponent, IgxExcelExporterService } from 'igniteui-angular/grids/core'; @@ -9,7 +9,6 @@ import { INVOICE_DATA } from '../data/invoiceData'; selector: 'app-excel-export-sample-1', styleUrls: ['./excel-export-sample-1.component.scss'], templateUrl: './excel-export-sample-1.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxGridToolbarComponent, IgxGridToolbarActionsComponent, IgxGridToolbarExporterComponent, IgxColumnComponent] }) export class ExcelExportSample1Component implements OnInit { diff --git a/src/app/services/export-excel/excel-export-tree-grid-sample/excel-export-tree-grid-sample.component.ts b/src/app/services/export-excel/excel-export-tree-grid-sample/excel-export-tree-grid-sample.component.ts index 71eeab524..1801ddc52 100644 --- a/src/app/services/export-excel/excel-export-tree-grid-sample/excel-export-tree-grid-sample.component.ts +++ b/src/app/services/export-excel/excel-export-tree-grid-sample/excel-export-tree-grid-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxCellTemplateDirective, IgxColumnComponent, IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarExporterComponent } from 'igniteui-angular/grids/core'; import { ORDERS_DATA } from '../../../tree-grid/data/orders'; @@ -9,7 +9,6 @@ import { IgxPreventDocumentScrollDirective } from '../../../directives/prevent-s selector: 'app-excel-export-tree-grid-sample', styleUrls: ['./excel-export-tree-grid-sample.component.scss'], templateUrl: './excel-export-tree-grid-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxGridToolbarActionsComponent, IgxGridToolbarExporterComponent, IgxColumnComponent, IgxCellTemplateDirective] }) export class TreeGridExcelExportSample1Component implements OnInit { diff --git a/src/app/services/export-excel/excel-export.component.ts b/src/app/services/export-excel/excel-export.component.ts index ba11a0043..8e794f05c 100644 --- a/src/app/services/export-excel/excel-export.component.ts +++ b/src/app/services/export-excel/excel-export.component.ts @@ -1,5 +1,5 @@ /* eslint-disable @typescript-eslint/naming-convention */ -import { Component, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, inject } from '@angular/core'; import { IgxExcelExporterOptions, IgxExcelExporterService } from 'igniteui-angular/grids/core'; import { IgxButtonDirective } from 'igniteui-angular/directives'; @@ -8,7 +8,6 @@ import { IgxButtonDirective } from 'igniteui-angular/directives'; selector: 'app-excel-export', styleUrls: ['./excel-export.component.scss'], templateUrl: './excel-export.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective] }) export class ExcelExportComponent { diff --git a/src/app/services/export-pdf-custom-font/export-pdf-custom-font.component.ts b/src/app/services/export-pdf-custom-font/export-pdf-custom-font.component.ts index 79a5b0de4..72b765667 100644 --- a/src/app/services/export-pdf-custom-font/export-pdf-custom-font.component.ts +++ b/src/app/services/export-pdf-custom-font/export-pdf-custom-font.component.ts @@ -17,7 +17,6 @@ import notoSansFontData from './fonts/noto-sans.json'; selector: 'app-export-pdf-custom-font', templateUrl: './export-pdf-custom-font.component.html', styleUrls: ['./export-pdf-custom-font.component.scss'], - changeDetection: ChangeDetectionStrategy.OnPush, imports: [IgxGridComponent, IgxColumnComponent] }) export class ExportPdfCustomFontComponent { diff --git a/src/app/services/export-pdf/pdf-export.component.ts b/src/app/services/export-pdf/pdf-export.component.ts index 9bad4eb40..facaa6d22 100644 --- a/src/app/services/export-pdf/pdf-export.component.ts +++ b/src/app/services/export-pdf/pdf-export.component.ts @@ -1,4 +1,4 @@ -import { Component, inject, signal, ChangeDetectionStrategy } from '@angular/core'; +import { Component, inject, signal } from '@angular/core'; import { IgxPdfExporterOptions, IgxPdfExporterService } from 'igniteui-angular/grids/core'; import { IgxButtonDirective } from 'igniteui-angular/directives'; @@ -6,7 +6,6 @@ import { IgxButtonDirective } from 'igniteui-angular/directives'; selector: 'app-pdf-export', styleUrls: ['./pdf-export.component.scss'], templateUrl: './pdf-export.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective] }) export class PdfExportComponent { diff --git a/src/app/services/localization-samples-old/localization-all-resources/localization-all-resources.component.ts b/src/app/services/localization-samples-old/localization-all-resources/localization-all-resources.component.ts index 2e312b4e8..ff938ae36 100644 --- a/src/app/services/localization-samples-old/localization-all-resources/localization-all-resources.component.ts +++ b/src/app/services/localization-samples-old/localization-all-resources/localization-all-resources.component.ts @@ -1,5 +1,5 @@ /* eslint-disable @typescript-eslint/naming-convention */ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { registerLocaleData } from '@angular/common'; import localeBG from '@angular/common/locales/bg'; import localeCS from '@angular/common/locales/cs'; @@ -37,7 +37,6 @@ import { FormsModule } from '@angular/forms'; selector: 'app-localization-all-resources-old', styleUrls: ['./localization-all-resources.component.scss'], templateUrl: 'localization-all-resources.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxGridToolbarComponent, IgxGridToolbarTitleComponent, IgxSelectComponent, FormsModule, IgxSelectItemComponent, IgxColumnComponent] }) export class LocalizationAllResourcesOldComponent implements OnInit { diff --git a/src/app/services/localization-samples-old/localization-sample-1/localization-sample-1.component.ts b/src/app/services/localization-samples-old/localization-sample-1/localization-sample-1.component.ts index 0cccf3320..733c80728 100644 --- a/src/app/services/localization-samples-old/localization-sample-1/localization-sample-1.component.ts +++ b/src/app/services/localization-samples-old/localization-sample-1/localization-sample-1.component.ts @@ -1,5 +1,5 @@ /* eslint-disable @typescript-eslint/naming-convention */ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxColumnComponent } from 'igniteui-angular/grids/core'; import { DATA } from '../../../data/nwindData'; @@ -9,7 +9,6 @@ import { IgxPreventDocumentScrollDirective } from '../../../directives/prevent-s selector: 'app-localization-sample-1', styleUrls: ['./localization-sample-1.component.scss'], templateUrl: 'localization-sample-1.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent] }) diff --git a/src/app/services/localization-samples-old/localization-sample-2/localization-sample-2.component.ts b/src/app/services/localization-samples-old/localization-sample-2/localization-sample-2.component.ts index 14031e9c2..3583b37ff 100644 --- a/src/app/services/localization-samples-old/localization-sample-2/localization-sample-2.component.ts +++ b/src/app/services/localization-samples-old/localization-sample-2/localization-sample-2.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { GridResourceStringsEN, TimePickerResourceStringsEN, changei18n } from 'igniteui-angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; @@ -12,7 +12,6 @@ import { CurrencyPipe } from '@angular/common'; selector: 'app-localization-sample-2', styleUrls: ['./localization-sample-2.component.scss'], templateUrl: 'localization-sample-2.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxTimePickerComponent, IgxLabelDirective, CurrencyPipe] }) diff --git a/src/app/services/localization-samples-old/localization-sample-3/localization-sample-3.component.ts b/src/app/services/localization-samples-old/localization-sample-3/localization-sample-3.component.ts index 1280c706f..0d36aed14 100644 --- a/src/app/services/localization-samples-old/localization-sample-3/localization-sample-3.component.ts +++ b/src/app/services/localization-samples-old/localization-sample-3/localization-sample-3.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxColumnComponent } from 'igniteui-angular/grids/core'; import { DATA } from '../../../data/nwindData'; @@ -8,7 +8,6 @@ import { IgxPreventDocumentScrollDirective } from '../../../directives/prevent-s selector: 'app-localization-sample-3', styleUrls: ['./localization-sample-3.component.scss'], templateUrl: 'localization-sample-3.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent] }) diff --git a/src/app/services/localization-samples/localization-all-resources/localization-all-resources.component.ts b/src/app/services/localization-samples/localization-all-resources/localization-all-resources.component.ts index 58fa060a8..dc481d6fa 100644 --- a/src/app/services/localization-samples/localization-all-resources/localization-all-resources.component.ts +++ b/src/app/services/localization-samples/localization-all-resources/localization-all-resources.component.ts @@ -1,5 +1,5 @@ /* eslint-disable @typescript-eslint/naming-convention */ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { DATA } from '../../../data/nwindData'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { GridResourceStringsEN, IGridResourceStrings, registerI18n, setCurrentI18n } from 'igniteui-angular/core'; @@ -18,7 +18,6 @@ import { selector: 'app-localization-all-resources', styleUrls: ['./localization-all-resources.component.scss'], templateUrl: 'localization-all-resources.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxGridComponent, IgxGridToolbarComponent, IgxGridToolbarTitleComponent, IgxSelectComponent, FormsModule, IgxSelectItemComponent, IgxColumnComponent] }) export class LocalizationAllResourcesComponent implements OnInit { diff --git a/src/app/services/transaction/transaction-base/transaction-base.component.ts b/src/app/services/transaction/transaction-base/transaction-base.component.ts index ee252f40b..bd525280c 100644 --- a/src/app/services/transaction/transaction-base/transaction-base.component.ts +++ b/src/app/services/transaction/transaction-base/transaction-base.component.ts @@ -1,4 +1,4 @@ -import { Component, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, inject } from '@angular/core'; import { IgxTransactionService, State, Transaction, TransactionType } from 'igniteui-angular/core'; import { IgxCardComponent } from 'igniteui-angular/card'; import { IgxListActionDirective, IgxListComponent, IgxListItemComponent, IgxListLineSubTitleDirective, IgxListLineTitleDirective } from 'igniteui-angular/list'; @@ -13,7 +13,6 @@ import { IgxButtonDirective } from 'igniteui-angular/directives'; selector: 'app-transaction-base', styleUrls: ['./transaction-base.component.scss'], templateUrl: 'transaction-base.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxCardComponent, IgxListComponent, IgxListItemComponent, NgClass, IgxListLineTitleDirective, IgxListLineSubTitleDirective, IgxIconComponent, IgxListActionDirective, TransactionBasePipe] }) export class TransactionBaseComponent { diff --git a/src/app/theming/angular/angular-sample.component.ts b/src/app/theming/angular/angular-sample.component.ts index d3c7e4d22..2eef1d86c 100644 --- a/src/app/theming/angular/angular-sample.component.ts +++ b/src/app/theming/angular/angular-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, HostBinding, OnInit, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, HostBinding, OnInit, ViewChild, inject } from '@angular/core'; import { IgxDialogActionsDirective, IgxDialogComponent } from 'igniteui-angular/dialog'; import { IgxOverlayOutletDirective } from 'igniteui-angular/core'; import { IgxButtonDirective, IgxDividerDirective, IgxIconButtonDirective, IgxLayoutDirective } from 'igniteui-angular/directives'; @@ -21,7 +21,6 @@ import { MatInput } from '@angular/material/input'; selector: 'app-angular-sample', styleUrls: ['./angular-sample.component.scss'], templateUrl: './angular-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [MatToolbar, IgxButtonDirective, MatMenuTrigger, IgxIconComponent, MatMenu, MatMenuItem, IgxLayoutDirective, IgxAvatarComponent, IgxIconButtonDirective, IgxCardComponent, IgxCardMediaDirective, IgxCardHeaderComponent, IgxCardHeaderTitleDirective, IgxCardHeaderSubtitleDirective, IgxCardActionsComponent, MatButton, IgxDialogComponent, IgxDialogActionsDirective, IgxSuffixDirective, IgxOverlayOutletDirective, IgxExpansionPanelComponent, IgxExpansionPanelHeaderComponent, IgxExpansionPanelTitleDirective, IgxExpansionPanelDescriptionDirective, IgxExpansionPanelBodyComponent, MatSlider, MatSliderThumb, IgxDividerDirective, MatStepper, MatStep, FormsModule, ReactiveFormsModule, MatStepLabel, MatFormField, MatLabel, MatInput, MatStepperNext, MatStepperPrevious] }) @@ -61,7 +60,7 @@ export class AngularMaterialComponent implements OnInit { private toggleOverlayClasses(theme: 'light' | 'dark') { const overlayClasses = this.overlayContainer.getContainerElement().classList; overlayClasses.add('mat-menu'); - + switch (theme) { case 'light': overlayClasses.remove('dark-menu-theme'); diff --git a/src/app/theming/animations/animations-sample-1/animations-sample-1.component.ts b/src/app/theming/animations/animations-sample-1/animations-sample-1.component.ts index 383c595b1..28d8c3677 100644 --- a/src/app/theming/animations/animations-sample-1/animations-sample-1.component.ts +++ b/src/app/theming/animations/animations-sample-1/animations-sample-1.component.ts @@ -1,5 +1,5 @@ import { AnimationReferenceMetadata } from '@angular/animations'; -import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild } from '@angular/core'; import { AbsolutePosition, IgxOverlayService } from 'igniteui-angular/core'; import { IListItemClickEventArgs, IgxListComponent, IgxListItemComponent, IgxListModule } from 'igniteui-angular/list'; import { IgxDialogComponent, IgxDialogModule } from 'igniteui-angular/dialog'; @@ -30,7 +30,6 @@ import { blink, fadeIn, fadeOut, flipBottom, flipHorBck, flipHorFwd, flipLeft, f selector: 'app-animations-sample-1', styleUrls: ['./animations-sample-1.component.scss'], templateUrl: './animations-sample-1.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxListComponent, IgxListItemComponent, IgxDialogComponent] }) export class AnimationsSampleComponent { diff --git a/src/app/theming/animations/animations-sample-2/animations-sample-2.component.ts b/src/app/theming/animations/animations-sample-2/animations-sample-2.component.ts index 71a7d86ce..2cef8863d 100644 --- a/src/app/theming/animations/animations-sample-2/animations-sample-2.component.ts +++ b/src/app/theming/animations/animations-sample-2/animations-sample-2.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxCardActionsComponent, IgxCardComponent, IgxCardContentDirective, IgxCardHeaderComponent, IgxCardMediaDirective } from 'igniteui-angular/card'; import { IgxDividerDirective, IgxFlexDirective, IgxIconButtonDirective, IgxLayoutDirective, IgxRippleDirective } from 'igniteui-angular/directives'; import { IgxSuffixDirective } from 'igniteui-angular/input-group'; @@ -7,7 +7,6 @@ import { IgxIconComponent } from 'igniteui-angular/icon'; selector: 'app-animations-sample-2', styleUrls: ['./animations-sample-2.component.scss'], templateUrl: './animations-sample-2.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxCardComponent, IgxLayoutDirective, IgxFlexDirective, IgxCardHeaderComponent, IgxCardMediaDirective, IgxCardContentDirective, IgxDividerDirective, IgxCardActionsComponent, IgxIconButtonDirective, IgxRippleDirective, IgxSuffixDirective, IgxIconComponent] }) export class AnimationsSample2Component { diff --git a/src/app/theming/bootstrap/bootstrap-sample.component.ts b/src/app/theming/bootstrap/bootstrap-sample.component.ts index 884729e1c..5a7c73bfe 100644 --- a/src/app/theming/bootstrap/bootstrap-sample.component.ts +++ b/src/app/theming/bootstrap/bootstrap-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, HostBinding, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, HostBinding, OnInit, ViewChild } from '@angular/core'; import { IgxDialogActionsDirective, IgxDialogComponent } from 'igniteui-angular/dialog'; import { IgxOverlayOutletDirective } from 'igniteui-angular/core'; import { IgxButtonDirective, IgxFlexDirective, IgxIconButtonDirective, IgxLayoutDirective } from 'igniteui-angular/directives'; @@ -13,7 +13,6 @@ import { NgbDropdown, NgbDropdownToggle, NgbDropdownMenu, NgbDropdownItem, NgbRa selector: 'app-bootstrap-sample', styleUrls: ['./bootstrap-sample.component.scss'], templateUrl: './bootstrap-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, NgbDropdown, NgbDropdownToggle, NgbDropdownMenu, NgbDropdownItem, IgxAvatarComponent, IgxIconButtonDirective, IgxIconComponent, IgxLayoutDirective, IgxCardComponent, IgxFlexDirective, IgxCardHeaderComponent, IgxCardHeaderTitleDirective, IgxCardHeaderSubtitleDirective, IgxCardContentDirective, NgbRating, IgxCardActionsComponent, IgxDialogComponent, IgxDialogActionsDirective, IgxSuffixDirective, IgxOverlayOutletDirective, NgbAccordionDirective, NgbAccordionItem, NgbAccordionHeader, NgbAccordionToggle, NgbAccordionButton, NgbCollapse, NgbAccordionCollapse, NgbAccordionBody, IgxListComponent, IgxListItemComponent, IgxListLineTitleDirective, IgxListActionDirective] }) diff --git a/src/app/theming/default-theme-sample/default-theme-sample.component.ts b/src/app/theming/default-theme-sample/default-theme-sample.component.ts index ad1ae3d08..e22ec3c47 100644 --- a/src/app/theming/default-theme-sample/default-theme-sample.component.ts +++ b/src/app/theming/default-theme-sample/default-theme-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, Input, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, Input, OnInit, ViewChild } from '@angular/core'; import { CloseScrollStrategy, ConnectedPositioningStrategy, HorizontalAlignment, IgxOverlayOutletDirective, OverlaySettings, VerticalAlignment } from 'igniteui-angular/core'; import { IgxDialogComponent } from 'igniteui-angular/dialog'; import { IgxDropDownComponent } from 'igniteui-angular/drop-down'; @@ -19,7 +19,6 @@ import { DatePipe } from '@angular/common'; selector: 'app-default-theme-sample', styleUrls: ['./default-theme-sample.component.scss'], templateUrl: './default-theme-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxDialogComponent, IgxInputGroupComponent, IgxLabelDirective, FormsModule, IgxInputDirective, IgxDatePickerComponent, IgxOverlayOutletDirective, IgxLayoutDirective, IgxButtonDirective, IgxGridComponent, IgxPaginatorComponent, IgxColumnComponent, IgxCellTemplateDirective, IgxIconButtonDirective, IgxIconComponent, IgxSnackbarComponent, DatePipe] }) export class DefaultThemeSampleComponent implements OnInit { diff --git a/src/app/theming/display-density/display-density.component.ts b/src/app/theming/display-density/display-density.component.ts index 295a2ffcd..2b1b53488 100644 --- a/src/app/theming/display-density/display-density.component.ts +++ b/src/app/theming/display-density/display-density.component.ts @@ -1,4 +1,4 @@ -import { Component, HostBinding, OnInit, ChangeDetectionStrategy } from '@angular/core'; +import { Component, HostBinding, OnInit } from '@angular/core'; import { IgxButtonGroupComponent } from 'igniteui-angular/button-group'; import { IgxHintDirective, IgxInputDirective, IgxInputGroupComponent, IgxLabelDirective, IgxPrefixDirective, IgxSuffixDirective } from 'igniteui-angular/input-group'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -8,7 +8,6 @@ import { FormsModule } from '@angular/forms'; selector: 'app-display-density', styleUrls: ['./display-density.component.scss'], templateUrl: './display-density.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonGroupComponent, IgxInputGroupComponent, FormsModule, IgxInputDirective, IgxLabelDirective, IgxPrefixDirective, IgxSuffixDirective, IgxIconComponent, IgxHintDirective] }) diff --git a/src/app/theming/roundness/roundness-sample.component.ts b/src/app/theming/roundness/roundness-sample.component.ts index 7aa25e7f1..0d0d276c0 100644 --- a/src/app/theming/roundness/roundness-sample.component.ts +++ b/src/app/theming/roundness/roundness-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from "@angular/core"; +import { Component } from "@angular/core"; import { IgxCardComponent, IgxCardContentDirective, IgxCardHeaderComponent } from 'igniteui-angular/card'; import { IgxChipComponent } from 'igniteui-angular/chips'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -8,7 +8,6 @@ import { IgxPrefixDirective } from 'igniteui-angular/input-group'; selector: "app-chip-simple", styleUrls: ["./roundness-sample.component.scss"], templateUrl: "./roundness-sample.component.html", - changeDetection: ChangeDetectionStrategy.Eager, imports: [ IgxCardComponent, IgxCardHeaderComponent, diff --git a/src/app/theming/shadows/card-sample-shadow/card-sample-shadow.ts b/src/app/theming/shadows/card-sample-shadow/card-sample-shadow.ts index 26a2b3016..019ce24cd 100644 --- a/src/app/theming/shadows/card-sample-shadow/card-sample-shadow.ts +++ b/src/app/theming/shadows/card-sample-shadow/card-sample-shadow.ts @@ -1,4 +1,4 @@ -import {Component, ChangeDetectionStrategy} from '@angular/core'; +import {Component} from '@angular/core'; import { IgxCardActionsComponent, IgxCardComponent, IgxCardContentDirective, IgxCardHeaderComponent } from 'igniteui-angular/card'; import { IgxButtonDirective, IgxIconButtonDirective, IgxRippleDirective } from 'igniteui-angular/directives'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -7,7 +7,6 @@ import { IgxIconComponent } from 'igniteui-angular/icon'; selector: 'app-card-sample-shadow', styleUrls: ['./card-sample-shadow.scss'], templateUrl: './card-sample-shadow.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxCardComponent, IgxCardHeaderComponent, IgxCardContentDirective, IgxCardActionsComponent, IgxIconButtonDirective, IgxRippleDirective, IgxIconComponent, IgxButtonDirective] }) export class CardSampleShadowComponent { } diff --git a/src/app/theming/shadows/shadows-sample-1/shadows-sample.component.ts b/src/app/theming/shadows/shadows-sample-1/shadows-sample.component.ts index 3d51a8007..bf1192252 100644 --- a/src/app/theming/shadows/shadows-sample-1/shadows-sample.component.ts +++ b/src/app/theming/shadows/shadows-sample-1/shadows-sample.component.ts @@ -1,9 +1,8 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'app-shadows-sample', styleUrls: ['./shadows-sample.component.scss'], - changeDetection: ChangeDetectionStrategy.Eager, templateUrl: './shadows-sample.component.html' }) export class ShadowsSampleComponent { diff --git a/src/app/theming/shadows/shadows-sample-2/shadows-sample-2.component.ts b/src/app/theming/shadows/shadows-sample-2/shadows-sample-2.component.ts index 5626ecab5..8b672dd17 100644 --- a/src/app/theming/shadows/shadows-sample-2/shadows-sample-2.component.ts +++ b/src/app/theming/shadows/shadows-sample-2/shadows-sample-2.component.ts @@ -1,9 +1,8 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ selector: 'app-shadows-sample-2', styleUrls: ['./shadows-sample-2.component.scss'], - changeDetection: ChangeDetectionStrategy.Eager, templateUrl: './shadows-sample-2.component.html' }) export class ShadowsSample2Component { diff --git a/src/app/theming/tailwind/tailwind-sample.component.ts b/src/app/theming/tailwind/tailwind-sample.component.ts index 73fad6dda..0596d9ba6 100644 --- a/src/app/theming/tailwind/tailwind-sample.component.ts +++ b/src/app/theming/tailwind/tailwind-sample.component.ts @@ -1,10 +1,9 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; @Component({ standalone: true, selector: 'app-tailwind-sample', styleUrls: ['./tailwind-sample.component.scss'], - changeDetection: ChangeDetectionStrategy.Eager, templateUrl: './tailwind-sample.component.html' }) diff --git a/src/app/tree-grid/column-group-selection/column-group-selection.component.ts b/src/app/tree-grid/column-group-selection/column-group-selection.component.ts index 016934104..15b3e056e 100644 --- a/src/app/tree-grid/column-group-selection/column-group-selection.component.ts +++ b/src/app/tree-grid/column-group-selection/column-group-selection.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxColumnComponent, IgxColumnGroupComponent } from 'igniteui-angular/grids/core'; import { generateEmployeeDetailedFlatData } from '../data/employees-flat-detailed'; @@ -8,7 +8,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-column-group-selection', templateUrl: './column-group-selection.component.html', styleUrls: ['./column-group-selection.component.scss'], - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxColumnGroupComponent] }) export class TreeGridColumnGroupSelectionComponent implements OnInit { diff --git a/src/app/tree-grid/column-selection-styles/tree-grid-column-selection-style.component.ts b/src/app/tree-grid/column-selection-styles/tree-grid-column-selection-style.component.ts index 9a9ce9114..22e6b14d4 100644 --- a/src/app/tree-grid/column-selection-styles/tree-grid-column-selection-style.component.ts +++ b/src/app/tree-grid/column-selection-styles/tree-grid-column-selection-style.component.ts @@ -1,4 +1,4 @@ -import { AfterViewInit, ChangeDetectorRef, Component, OnInit, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; +import { AfterViewInit, ChangeDetectorRef, Component, OnInit, ViewChild, inject } from '@angular/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxColumnComponent } from 'igniteui-angular/grids/core'; import { ORDERS_DATA } from '../data/orders'; @@ -9,7 +9,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-column-selection-style', templateUrl: './tree-grid-column-selection-style.component.html', styleUrls: ['./tree-grid-column-selection-style.component.scss'], - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent] }) export class TreeGridColumnSelectionStylesComponent implements OnInit, AfterViewInit { diff --git a/src/app/tree-grid/column-selection/tree-grid-column-selection.component.ts b/src/app/tree-grid/column-selection/tree-grid-column-selection.component.ts index 19b04e4d6..98411d02c 100644 --- a/src/app/tree-grid/column-selection/tree-grid-column-selection.component.ts +++ b/src/app/tree-grid/column-selection/tree-grid-column-selection.component.ts @@ -1,4 +1,4 @@ -import { AfterViewInit, ChangeDetectorRef, Component, OnInit, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; +import { AfterViewInit, ChangeDetectorRef, Component, OnInit, ViewChild, inject } from '@angular/core'; import { GridSelectionMode, IgxColumnComponent, IgxGridToolbarComponent } from 'igniteui-angular/grids/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxSelectComponent, IgxSelectItemComponent } from 'igniteui-angular/select'; @@ -12,7 +12,6 @@ import { FormsModule } from '@angular/forms'; selector: 'app-tree-grid-column-selection', templateUrl: './tree-grid-column-selection.component.html', styleUrls: ['./tree-grid-column-selection.component.scss'], - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxSelectComponent, FormsModule, IgxLabelDirective, IgxSelectItemComponent, IgxColumnComponent] }) export class TreeGridColumnSelectionComponent implements OnInit, AfterViewInit { diff --git a/src/app/tree-grid/tgrid-editing-lifecycle-sample/tgrid-editing-lifecycle.component.ts b/src/app/tree-grid/tgrid-editing-lifecycle-sample/tgrid-editing-lifecycle.component.ts index 2ceff0466..eebf08d05 100644 --- a/src/app/tree-grid/tgrid-editing-lifecycle-sample/tgrid-editing-lifecycle.component.ts +++ b/src/app/tree-grid/tgrid-editing-lifecycle-sample/tgrid-editing-lifecycle.component.ts @@ -1,4 +1,4 @@ -import { Component, ElementRef, Renderer2, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ElementRef, Renderer2, ViewChild, inject } from '@angular/core'; import { generateEmployeeFlatData } from '../data/employees-flat'; import { IgxSwitchComponent } from 'igniteui-angular/switch'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; @@ -11,7 +11,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tgrid-editing-lifecycle', templateUrl: 'tgrid-editing-lifecycle.component.html', styleUrls: ['tgrid-editing-lifecycle.component.scss'], - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSwitchComponent, IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxButtonDirective, IgxIconComponent] }) export class TGridEditingLifecycleComponent { diff --git a/src/app/tree-grid/tgrid-keyboard-guide/tgrid-keyboardnav-guide.component.ts b/src/app/tree-grid/tgrid-keyboard-guide/tgrid-keyboardnav-guide.component.ts index 4aabf11b4..62d84f170 100644 --- a/src/app/tree-grid/tgrid-keyboard-guide/tgrid-keyboardnav-guide.component.ts +++ b/src/app/tree-grid/tgrid-keyboard-guide/tgrid-keyboardnav-guide.component.ts @@ -1,7 +1,7 @@ /* eslint-disable @angular-eslint/component-class-suffix */ /* eslint-disable @typescript-eslint/naming-convention */ import { animate, state, style, transition, trigger } from '@angular/animations'; -import { ChangeDetectorRef, Component, OnDestroy, OnInit, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; +import { ChangeDetectorRef, Component, OnDestroy, OnInit, ViewChild, inject } from '@angular/core'; import { BrowserAnimationsModule } from '@angular/platform-browser/animations'; import { CellType, IActiveNodeChangeEventArgs, IgxCellTemplateDirective, IgxColumnComponent, IgxColumnGroupComponent, IgxGridToolbarComponent } from 'igniteui-angular/grids/core'; import { IgxEmptyListTemplateDirective, IgxListComponent, IgxListItemComponent, IgxListLineSubTitleDirective, IgxListLineTitleDirective } from 'igniteui-angular/list'; @@ -176,7 +176,6 @@ const summaryCombinations: Item[] = [ ]) ]) ], - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPaginatorComponent, IgxGridToolbarComponent, IgxColumnComponent, IgxColumnGroupComponent, IgxCellTemplateDirective, IgxListComponent, IgxListItemComponent, NgClass, IgxListLineTitleDirective, IgxListLineSubTitleDirective, IgxCheckboxComponent, IgxEmptyListTemplateDirective] }) export class TGridKeyboardnavGuide implements OnInit, OnDestroy { diff --git a/src/app/tree-grid/tree-grid-action-strip/tree-grid-action-strip-sample.ts b/src/app/tree-grid/tree-grid-action-strip/tree-grid-action-strip-sample.ts index ca8eea8c7..de7996470 100644 --- a/src/app/tree-grid/tree-grid-action-strip/tree-grid-action-strip-sample.ts +++ b/src/app/tree-grid/tree-grid-action-strip/tree-grid-action-strip-sample.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild } from '@angular/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxColumnComponent, IgxGridPinningActionsComponent, RowType } from 'igniteui-angular/grids/core'; import { Transaction } from 'igniteui-angular/core'; @@ -13,7 +13,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-row-action-strip', styleUrls: [`tree-grid-action-strip-sample.scss`], templateUrl: 'tree-grid-action-strip-sample.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxActionStripComponent, IgxGridPinningActionsComponent, IgxIconButtonDirective, IgxRippleDirective, IgxIconComponent] }) export class TreeGridActionStripSampleComponent { diff --git a/src/app/tree-grid/tree-grid-add-row-sample/tree-grid-add-row-sample.component.ts b/src/app/tree-grid/tree-grid-add-row-sample/tree-grid-add-row-sample.component.ts index e2cbab4d8..2d701a248 100644 --- a/src/app/tree-grid/tree-grid-add-row-sample/tree-grid-add-row-sample.component.ts +++ b/src/app/tree-grid/tree-grid-add-row-sample/tree-grid-add-row-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { IgxActionStripComponent } from 'igniteui-angular/action-strip'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxCellTemplateDirective, IgxColumnComponent, IgxGridEditingActionsComponent } from 'igniteui-angular/grids/core'; @@ -10,7 +10,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-add-row-sample', styleUrls: ['./tree-grid-add-row-sample.component.scss'], templateUrl: './tree-grid-add-row-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxIconComponent, IgxActionStripComponent, IgxGridEditingActionsComponent] }) export class TreeGridAddRowSampleComponent implements OnInit { diff --git a/src/app/tree-grid/tree-grid-advanced-filtering-sample/tree-grid-advanced-filtering-sample.component.ts b/src/app/tree-grid/tree-grid-advanced-filtering-sample/tree-grid-advanced-filtering-sample.component.ts index 2c93336a8..3928d7ed3 100644 --- a/src/app/tree-grid/tree-grid-advanced-filtering-sample/tree-grid-advanced-filtering-sample.component.ts +++ b/src/app/tree-grid/tree-grid-advanced-filtering-sample/tree-grid-advanced-filtering-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxColumnComponent, IgxGridToolbarComponent } from 'igniteui-angular/grids/core'; import { generateEmployeeFlatData } from '../data/employees-flat'; @@ -8,7 +8,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-advanced-filtering-sample', styleUrls: ['./tree-grid-advanced-filtering-sample.component.scss'], templateUrl: './tree-grid-advanced-filtering-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxColumnComponent] }) export class TreeGridAdvancedFilteringSampleComponent implements OnInit { diff --git a/src/app/tree-grid/tree-grid-advanced-filtering-style/tree-grid-advanced-filtering-style.component.ts b/src/app/tree-grid/tree-grid-advanced-filtering-style/tree-grid-advanced-filtering-style.component.ts index 3999f76b9..afc8883e6 100644 --- a/src/app/tree-grid/tree-grid-advanced-filtering-style/tree-grid-advanced-filtering-style.component.ts +++ b/src/app/tree-grid/tree-grid-advanced-filtering-style/tree-grid-advanced-filtering-style.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxColumnComponent, IgxGridToolbarComponent } from 'igniteui-angular/grids/core'; import { generateEmployeeFlatData } from '../data/employees-flat'; @@ -8,7 +8,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-advanced-filtering-style', styleUrls: ['./tree-grid-advanced-filtering-style.component.scss'], templateUrl: './tree-grid-advanced-filtering-style.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxColumnComponent] }) export class TreeGridAdvancedFilteringStyleComponent implements OnInit { diff --git a/src/app/tree-grid/tree-grid-batch-editing/tree-grid-batch-editing-sample.component.ts b/src/app/tree-grid/tree-grid-batch-editing/tree-grid-batch-editing-sample.component.ts index ae922d435..a49d90808 100644 --- a/src/app/tree-grid/tree-grid-batch-editing/tree-grid-batch-editing-sample.component.ts +++ b/src/app/tree-grid/tree-grid-batch-editing/tree-grid-batch-editing-sample.component.ts @@ -1,5 +1,5 @@ /* eslint-disable @typescript-eslint/naming-convention */ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { IgxDialogComponent } from 'igniteui-angular/dialog'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; @@ -14,7 +14,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-batch-editing-sample', styleUrls: ['tree-grid-batch-editing-sample.component.scss'], templateUrl: 'tree-grid-batch-editing-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxButtonDirective, IgxDialogComponent, IgxGridComponent] }) export class TreeGridBatchEditingSampleComponent implements OnInit { diff --git a/src/app/tree-grid/tree-grid-cell-merge-custom-sample/tree-grid-cell-merge-custom-sample.component.ts b/src/app/tree-grid/tree-grid-cell-merge-custom-sample/tree-grid-cell-merge-custom-sample.component.ts index 5dea9b93b..8aca61e78 100644 --- a/src/app/tree-grid/tree-grid-cell-merge-custom-sample/tree-grid-cell-merge-custom-sample.component.ts +++ b/src/app/tree-grid/tree-grid-cell-merge-custom-sample/tree-grid-cell-merge-custom-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild } from '@angular/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { GridCellMergeMode, IgxColumnComponent, IgxGridToolbarComponent } from 'igniteui-angular/grids/core'; import { IgxSelectComponent, IgxSelectItemComponent } from 'igniteui-angular/select'; @@ -12,7 +12,6 @@ import { generateEmployeeDetailedFlatData2 } from '../data/employees-flat-detail selector: 'app-tree-grid-cell-merge-custom-sample', styleUrls: ['./tree-grid-cell-merge-custom-sample.component.scss'], templateUrl: './tree-grid-cell-merge-custom-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [ IgxTreeGridComponent, IgxPreventDocumentScrollDirective, diff --git a/src/app/tree-grid/tree-grid-cell-merge-sample/tree-grid-cell-merge-sample.component.ts b/src/app/tree-grid/tree-grid-cell-merge-sample/tree-grid-cell-merge-sample.component.ts index cad88ac58..82408a45f 100644 --- a/src/app/tree-grid/tree-grid-cell-merge-sample/tree-grid-cell-merge-sample.component.ts +++ b/src/app/tree-grid/tree-grid-cell-merge-sample/tree-grid-cell-merge-sample.component.ts @@ -1,4 +1,4 @@ -import { ChangeDetectorRef, Component, inject, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { ChangeDetectorRef, Component, inject, ViewChild } from '@angular/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { GridCellMergeMode, IgxColumnComponent, IgxGridToolbarComponent } from 'igniteui-angular/grids/core'; import { IgxSelectComponent, IgxSelectItemComponent } from 'igniteui-angular/select'; @@ -12,7 +12,6 @@ import { FormsModule } from '@angular/forms'; selector: 'app-tree-grid-cell-merge-sample', styleUrls: ['./tree-grid-cell-merge-sample.component.scss'], templateUrl: './tree-grid-cell-merge-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [ IgxTreeGridComponent, IgxPreventDocumentScrollDirective, diff --git a/src/app/tree-grid/tree-grid-cellSelection-sample/tree-grid-cellSelection.component.ts b/src/app/tree-grid/tree-grid-cellSelection-sample/tree-grid-cellSelection.component.ts index b0ad4ab2f..c900d4553 100644 --- a/src/app/tree-grid/tree-grid-cellSelection-sample/tree-grid-cellSelection.component.ts +++ b/src/app/tree-grid/tree-grid-cellSelection-sample/tree-grid-cellSelection.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { GridSelectionMode, IgxColumnComponent } from 'igniteui-angular/grids/core'; import { IgxSnackbarComponent } from 'igniteui-angular/snackbar'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; @@ -12,7 +12,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-cell-selection', styleUrls: ['./tree-grid-cellSelection.component.scss'], templateUrl: 'tree-grid-cellSelection.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonGroupComponent, IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxSnackbarComponent, IgxIconComponent] }) export class TreeGridCellSelectionComponent implements OnInit { diff --git a/src/app/tree-grid/tree-grid-clipboard-operations-sample/tree-grid-clipboard-operations-sample.component.ts b/src/app/tree-grid/tree-grid-clipboard-operations-sample/tree-grid-clipboard-operations-sample.component.ts index 9de6f1a55..556387b1a 100644 --- a/src/app/tree-grid/tree-grid-clipboard-operations-sample/tree-grid-clipboard-operations-sample.component.ts +++ b/src/app/tree-grid/tree-grid-clipboard-operations-sample/tree-grid-clipboard-operations-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { EMPLOYEE_DATA } from './data'; import { IgxHintDirective, IgxInputDirective, IgxInputGroupComponent, IgxLabelDirective, IgxSuffixDirective } from 'igniteui-angular/input-group'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -13,7 +13,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-clipboard-operations-sample', styleUrls: ['tree-grid-clipboard-operations-sample.component.scss'], templateUrl: './tree-grid-clipboard-operations-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxInputGroupComponent, IgxLabelDirective, FormsModule, IgxInputDirective, IgxSuffixDirective, IgxIconComponent, IgxHintDirective, IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxSwitchComponent, IgxButtonDirective, IgxRippleDirective, IgxColumnComponent] }) export class TreeGridClipboardSampleComponent { diff --git a/src/app/tree-grid/tree-grid-collapsible-groups/tree-grid-collapsible-column-groups.component.ts b/src/app/tree-grid/tree-grid-collapsible-groups/tree-grid-collapsible-column-groups.component.ts index fabd8ce6d..82a2a8748 100644 --- a/src/app/tree-grid/tree-grid-collapsible-groups/tree-grid-collapsible-column-groups.component.ts +++ b/src/app/tree-grid/tree-grid-collapsible-groups/tree-grid-collapsible-column-groups.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { GridSelectionMode, IgxCollapsibleIndicatorTemplateDirective, IgxColumnComponent, IgxColumnGroupComponent } from 'igniteui-angular/grids/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -10,7 +10,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-multi-column-headers-sample', styleUrls: ['./tree-grid-collapsible-column-groups.component.scss'], templateUrl: './tree-grid-collapsible-column-groups.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnGroupComponent, IgxCollapsibleIndicatorTemplateDirective, IgxIconComponent, IgxTooltipTargetDirective, IgxTooltipDirective, IgxColumnComponent] }) export class TreeGridMultiCollapsibleColumnGroupsComponent implements OnInit { diff --git a/src/app/tree-grid/tree-grid-column-hiding-sample/tree-grid-column-hiding-sample.component.ts b/src/app/tree-grid/tree-grid-column-hiding-sample/tree-grid-column-hiding-sample.component.ts index 98b412e41..07543a7f6 100644 --- a/src/app/tree-grid/tree-grid-column-hiding-sample/tree-grid-column-hiding-sample.component.ts +++ b/src/app/tree-grid/tree-grid-column-hiding-sample/tree-grid-column-hiding-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { generateEmployeeDetailedFlatData } from '../data/employees-flat-detailed'; import { IgxColumnActionsComponent, IgxColumnComponent, IgxColumnHidingDirective } from 'igniteui-angular/grids/core'; import { IgxRadioComponent } from 'igniteui-angular/radio'; @@ -9,7 +9,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-column-hiding-sample', styleUrls: ['./tree-grid-column-hiding-sample.component.scss'], templateUrl: './tree-grid-column-hiding-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxColumnActionsComponent, IgxColumnHidingDirective, IgxRadioComponent, IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent] }) export class TreeGridColumnHidingSampleComponent implements OnInit { diff --git a/src/app/tree-grid/tree-grid-column-hiding-toolbar-sample/tree-grid-column-hiding-toolbar-sample.component.ts b/src/app/tree-grid/tree-grid-column-hiding-toolbar-sample/tree-grid-column-hiding-toolbar-sample.component.ts index 81ad65a36..3586615b4 100644 --- a/src/app/tree-grid/tree-grid-column-hiding-toolbar-sample/tree-grid-column-hiding-toolbar-sample.component.ts +++ b/src/app/tree-grid/tree-grid-column-hiding-toolbar-sample/tree-grid-column-hiding-toolbar-sample.component.ts @@ -1,4 +1,4 @@ -import { AfterViewInit, Component, OnInit, ChangeDetectionStrategy } from '@angular/core'; +import { AfterViewInit, Component, OnInit } from '@angular/core'; import { generateEmployeeDetailedFlatData } from '../data/employees-flat-detailed'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxColumnComponent, IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarHidingComponent, IgxGridToolbarTitleComponent } from 'igniteui-angular/grids/core'; @@ -8,7 +8,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-column-hiding-toolbar-sample', styleUrls: ['./tree-grid-column-hiding-toolbar-sample.component.scss'], templateUrl: './tree-grid-column-hiding-toolbar-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxGridToolbarTitleComponent, IgxGridToolbarActionsComponent, IgxGridToolbarHidingComponent, IgxColumnComponent] }) export class TreeGridColumnHidingToolbarSampleComponent implements OnInit { diff --git a/src/app/tree-grid/tree-grid-column-hiding-toolbar-style/tree-grid-column-hiding-toolbar-style.component.ts b/src/app/tree-grid/tree-grid-column-hiding-toolbar-style/tree-grid-column-hiding-toolbar-style.component.ts index 2c25f6140..9a3db9107 100644 --- a/src/app/tree-grid/tree-grid-column-hiding-toolbar-style/tree-grid-column-hiding-toolbar-style.component.ts +++ b/src/app/tree-grid/tree-grid-column-hiding-toolbar-style/tree-grid-column-hiding-toolbar-style.component.ts @@ -1,4 +1,4 @@ -import { AfterViewInit, Component, OnInit, ChangeDetectionStrategy } from '@angular/core'; +import { AfterViewInit, Component, OnInit } from '@angular/core'; import { generateEmployeeDetailedFlatData } from '../data/employees-flat-detailed'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxColumnComponent, IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarHidingComponent, IgxGridToolbarTitleComponent } from 'igniteui-angular/grids/core'; @@ -8,7 +8,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-column-hiding-toolbar-style', styleUrls: ['./tree-grid-column-hiding-toolbar-style.component.scss'], templateUrl: './tree-grid-column-hiding-toolbar-style.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxGridToolbarTitleComponent, IgxGridToolbarActionsComponent, IgxGridToolbarHidingComponent, IgxColumnComponent] }) export class TreeGridColumnHidingToolbarStyleComponent implements OnInit { diff --git a/src/app/tree-grid/tree-grid-column-moving-sample/tree-grid-column-moving-sample.component.ts b/src/app/tree-grid/tree-grid-column-moving-sample/tree-grid-column-moving-sample.component.ts index 1459ceb0a..4d999e2c1 100644 --- a/src/app/tree-grid/tree-grid-column-moving-sample/tree-grid-column-moving-sample.component.ts +++ b/src/app/tree-grid/tree-grid-column-moving-sample/tree-grid-column-moving-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild } from '@angular/core'; import { ColumnType } from 'igniteui-angular/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxCellHeaderTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; @@ -11,7 +11,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-column-moving-sample', styleUrls: ['./tree-grid-column-moving-sample.component.scss'], templateUrl: './tree-grid-column-moving-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxCellHeaderTemplateDirective, IgxIconComponent, IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxPaginatorComponent, IgxColumnComponent] }) export class TreeGridColumnMovingSampleComponent { diff --git a/src/app/tree-grid/tree-grid-column-moving-styled-sample/tree-grid-column-moving-styled-sample.component.ts b/src/app/tree-grid/tree-grid-column-moving-styled-sample/tree-grid-column-moving-styled-sample.component.ts index 6a7efdf1d..f9002840a 100644 --- a/src/app/tree-grid/tree-grid-column-moving-styled-sample/tree-grid-column-moving-styled-sample.component.ts +++ b/src/app/tree-grid/tree-grid-column-moving-styled-sample/tree-grid-column-moving-styled-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild } from '@angular/core'; import { ColumnType } from 'igniteui-angular/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxCellHeaderTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; @@ -11,7 +11,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-column-moving-styled-sample', styleUrls: ['./tree-grid-column-moving-styled-sample.component.scss'], templateUrl: './tree-grid-column-moving-styled-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxCellHeaderTemplateDirective, IgxIconComponent, IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxPaginatorComponent, IgxColumnComponent] }) export class TreeGridColumnMovingStyledSampleComponent { diff --git a/src/app/tree-grid/tree-grid-column-pinning-sample/tree-grid-column-pinning-sample.component.ts b/src/app/tree-grid/tree-grid-column-pinning-sample/tree-grid-column-pinning-sample.component.ts index 5bbe137e6..a0c1ac92b 100644 --- a/src/app/tree-grid/tree-grid-column-pinning-sample/tree-grid-column-pinning-sample.component.ts +++ b/src/app/tree-grid/tree-grid-column-pinning-sample/tree-grid-column-pinning-sample.component.ts @@ -1,4 +1,4 @@ -import { AfterViewInit, ChangeDetectorRef, Component, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; +import { AfterViewInit, ChangeDetectorRef, Component, ViewChild, inject } from '@angular/core'; import { ColumnType } from 'igniteui-angular/core'; import { IgxIconComponent, IgxIconService } from 'igniteui-angular/icon'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; @@ -12,7 +12,6 @@ const FILTERING_ICONS_FONT_SET = "filtering-icons"; selector: 'app-tree-grid-column-pinning-sample', styleUrls: ['./tree-grid-column-pinning-sample.component.scss'], templateUrl: './tree-grid-column-pinning-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxCellHeaderTemplateDirective, IgxIconComponent, IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent] }) export class TreeGridColumnPinningSampleComponent implements AfterViewInit { diff --git a/src/app/tree-grid/tree-grid-column-pinning-sample/tree-grid-toolbar-pinning.component.ts b/src/app/tree-grid/tree-grid-column-pinning-sample/tree-grid-toolbar-pinning.component.ts index 5e07ab851..e13c4985a 100644 --- a/src/app/tree-grid/tree-grid-column-pinning-sample/tree-grid-toolbar-pinning.component.ts +++ b/src/app/tree-grid/tree-grid-column-pinning-sample/tree-grid-toolbar-pinning.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, OnInit, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild, OnInit, inject } from '@angular/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxColumnComponent, IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarPinningComponent } from 'igniteui-angular/grids/core'; import { generateEmployeeDetailedFlatData } from '../data/employees-flat-detailed'; @@ -11,7 +11,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-grid-sample', styleUrls: ['tree-grid-toolbar-pinning.component.scss'], templateUrl: 'tree-grid-toolbar-pinning.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [NgClass, IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxGridToolbarActionsComponent, IgxGridToolbarPinningComponent, IgxColumnComponent] }) diff --git a/src/app/tree-grid/tree-grid-column-resizing-sample/tree-grid-column-resizing-sample.component.ts b/src/app/tree-grid/tree-grid-column-resizing-sample/tree-grid-column-resizing-sample.component.ts index f39504b6f..01a4928b8 100644 --- a/src/app/tree-grid/tree-grid-column-resizing-sample/tree-grid-column-resizing-sample.component.ts +++ b/src/app/tree-grid/tree-grid-column-resizing-sample/tree-grid-column-resizing-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxColumnComponent } from 'igniteui-angular/grids/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { generateEmployeeDetailedFlatData } from '../data/employees-flat-detailed'; @@ -8,7 +8,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-column-resizing-sample', styleUrls: ['./tree-grid-column-resizing-sample.component.scss'], templateUrl: './tree-grid-column-resizing-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent] }) export class TreeGridColumnResizingSampleComponent { diff --git a/src/app/tree-grid/tree-grid-conditional-cell-style-2/tree-grid-conditional-cell-style-2.component.ts b/src/app/tree-grid/tree-grid-conditional-cell-style-2/tree-grid-conditional-cell-style-2.component.ts index c40d29f61..27241b121 100644 --- a/src/app/tree-grid/tree-grid-conditional-cell-style-2/tree-grid-conditional-cell-style-2.component.ts +++ b/src/app/tree-grid/tree-grid-conditional-cell-style-2/tree-grid-conditional-cell-style-2.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { IgxColumnComponent } from 'igniteui-angular/grids/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxHintDirective, IgxInputDirective, IgxInputGroupComponent } from 'igniteui-angular/input-group'; @@ -11,7 +11,6 @@ import { JsonPipe } from '@angular/common'; selector: 'app-grid-conditional-cell-style-2', styleUrls: ['./tree-grid-conditional-cell-style-2.component.scss'], templateUrl: './tree-grid-conditional-cell-style-2.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxInputGroupComponent, IgxInputDirective, IgxHintDirective, IgxButtonDirective, IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, JsonPipe] }) export class TreeGridConditionalCellStyle2Component implements OnInit { diff --git a/src/app/tree-grid/tree-grid-conditional-cell-style-sample/tree-grid-conditional-cell-style-sample.component.ts b/src/app/tree-grid/tree-grid-conditional-cell-style-sample/tree-grid-conditional-cell-style-sample.component.ts index 8a3b5da53..1c620c042 100644 --- a/src/app/tree-grid/tree-grid-conditional-cell-style-sample/tree-grid-conditional-cell-style-sample.component.ts +++ b/src/app/tree-grid/tree-grid-conditional-cell-style-sample/tree-grid-conditional-cell-style-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { ORDERS_DATA } from '../data/orders'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; @@ -9,7 +9,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-conditional-cell-style-sample', styleUrls: ['./tree-grid-conditional-cell-style-sample.component.scss'], templateUrl: './tree-grid-conditional-cell-style-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective] }) diff --git a/src/app/tree-grid/tree-grid-conditional-row-selectors/tree-grid-conditional-row-selectors.component.ts b/src/app/tree-grid/tree-grid-conditional-row-selectors/tree-grid-conditional-row-selectors.component.ts index 3ebc8b32a..ebf06565f 100644 --- a/src/app/tree-grid/tree-grid-conditional-row-selectors/tree-grid-conditional-row-selectors.component.ts +++ b/src/app/tree-grid/tree-grid-conditional-row-selectors/tree-grid-conditional-row-selectors.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { IRowSelectionEventArgs, IgxColumnComponent, IgxRowSelectorDirective } from 'igniteui-angular/grids/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxPaginatorComponent } from 'igniteui-angular/paginator'; @@ -10,7 +10,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-conditional-row-selectors', styleUrls: ['./tree-grid-conditional-row-selectors.component.scss'], templateUrl: 'tree-grid-conditional-row-selectors.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxPaginatorComponent, IgxColumnComponent, IgxRowSelectorDirective, IgxCheckboxComponent] }) diff --git a/src/app/tree-grid/tree-grid-disable-summaries/tree-grid-disable-summaries.component.ts b/src/app/tree-grid/tree-grid-disable-summaries/tree-grid-disable-summaries.component.ts index 1401ab624..e0c70cf24 100644 --- a/src/app/tree-grid/tree-grid-disable-summaries/tree-grid-disable-summaries.component.ts +++ b/src/app/tree-grid/tree-grid-disable-summaries/tree-grid-disable-summaries.component.ts @@ -134,7 +134,6 @@ class DeliveredSummary { selector: "app-tree-grid-summary-sample", styleUrls: ["./tree-grid-disable-summaries.component.scss"], templateUrl: "./tree-grid-disable-summaries.component.html", - changeDetection: ChangeDetectionStrategy.Eager, imports: [ IgxTreeGridComponent, IgxPreventDocumentScrollDirective, diff --git a/src/app/tree-grid/tree-grid-displaydensity-sample/tree-grid-displaydensity-sample.component.ts b/src/app/tree-grid/tree-grid-displaydensity-sample/tree-grid-displaydensity-sample.component.ts index 290e98c3a..0c2f97787 100644 --- a/src/app/tree-grid/tree-grid-displaydensity-sample/tree-grid-displaydensity-sample.component.ts +++ b/src/app/tree-grid/tree-grid-displaydensity-sample/tree-grid-displaydensity-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, HostBinding, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, HostBinding, OnInit, ViewChild } from '@angular/core'; import { IgxButtonGroupComponent } from 'igniteui-angular/button-group'; import { IgxCellTemplateDirective, IgxColumnComponent, IgxColumnGroupComponent, IgxNumberSummaryOperand, IgxSummaryOperand } from 'igniteui-angular/grids/core'; import { IgxSummaryResult } from 'igniteui-angular/core'; @@ -28,7 +28,6 @@ class CustomNumberSummary { selector: 'app-tree-grid-displaydensity-sample', styleUrls: ['./tree-grid-displaydensity-sample.component.scss'], templateUrl: './tree-grid-displaydensity-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonGroupComponent, IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxColumnGroupComponent, IgxCellTemplateDirective, DatePipe] }) export class TreeGridDisplaydensitySampleComponent implements OnInit { diff --git a/src/app/tree-grid/tree-grid-editing-events/tree-grid-editing-events.component.ts b/src/app/tree-grid/tree-grid-editing-events/tree-grid-editing-events.component.ts index e06120d84..c755d5014 100644 --- a/src/app/tree-grid/tree-grid-editing-events/tree-grid-editing-events.component.ts +++ b/src/app/tree-grid/tree-grid-editing-events/tree-grid-editing-events.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { IGridEditEventArgs, IgxColumnComponent } from 'igniteui-angular/grids/core'; import { IgxToastComponent } from 'igniteui-angular/toast'; import { VerticalAlignment } from 'igniteui-angular/core'; @@ -10,7 +10,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-editing-events', templateUrl: 'tree-grid-editing-events.component.html', styleUrls: ['tree-grid-editing-events.component.scss'], - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxToastComponent] }) export class TreeGridEditingEventsComponent implements OnInit { diff --git a/src/app/tree-grid/tree-grid-editing-sample/tree-grid-editing-sample.component.ts b/src/app/tree-grid/tree-grid-editing-sample/tree-grid-editing-sample.component.ts index f02e75526..b2b54cc26 100644 --- a/src/app/tree-grid/tree-grid-editing-sample/tree-grid-editing-sample.component.ts +++ b/src/app/tree-grid/tree-grid-editing-sample/tree-grid-editing-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { IgxDialogComponent } from 'igniteui-angular/dialog'; import { IgxCellTemplateDirective, IgxColumnComponent, IgxNumberSummaryOperand, IgxSummaryOperand } from 'igniteui-angular/grids/core'; import { IgxSummaryResult } from 'igniteui-angular/core'; @@ -36,7 +36,6 @@ class CustomNumberSummary { selector: 'app-tree-grid-editing-sample', styleUrls: ['./tree-grid-editing-sample.component.scss'], templateUrl: './tree-grid-editing-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxIconComponent, IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxPaginatorComponent, IgxColumnComponent, IgxCellTemplateDirective, IgxIconButtonDirective, IgxDialogComponent, IgxInputGroupComponent, IgxLabelDirective, FormsModule, IgxInputDirective, IgxDatePickerComponent, IgxCheckboxComponent] }) export class TreeGridEditingSampleComponent implements OnInit { diff --git a/src/app/tree-grid/tree-grid-editing-style/tree-grid-editing-sample.component.ts b/src/app/tree-grid/tree-grid-editing-style/tree-grid-editing-sample.component.ts index d9a6f1d6f..fce61da1d 100644 --- a/src/app/tree-grid/tree-grid-editing-style/tree-grid-editing-sample.component.ts +++ b/src/app/tree-grid/tree-grid-editing-style/tree-grid-editing-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxPaginatorComponent } from 'igniteui-angular/paginator'; import { IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; @@ -10,7 +10,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-editing-sample', styleUrls: ['./tree-grid-editing-sample.component.scss'], templateUrl: './tree-grid-editing-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxPaginatorComponent, IgxColumnComponent, IgxCellTemplateDirective, IgxIconComponent] }) export class TreeGridEditingStyleComponent implements OnInit { diff --git a/src/app/tree-grid/tree-grid-employees-sample/tree-grid-employees-sample.component.ts b/src/app/tree-grid/tree-grid-employees-sample/tree-grid-employees-sample.component.ts index 49709c870..9eae464d3 100644 --- a/src/app/tree-grid/tree-grid-employees-sample/tree-grid-employees-sample.component.ts +++ b/src/app/tree-grid/tree-grid-employees-sample/tree-grid-employees-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { GridSelectionMode, IgxCSVTextDirective, IgxColumnComponent, IgxExcelTextDirective, IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarExporterComponent, IgxGridToolbarHidingComponent, IgxGridToolbarPinningComponent, IgxGridToolbarTitleComponent } from 'igniteui-angular/grids/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxPaginatorComponent } from 'igniteui-angular/paginator'; @@ -9,7 +9,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-employees-sample', styleUrls: ['./tree-grid-employees-sample.component.scss'], templateUrl: './tree-grid-employees-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxPaginatorComponent, IgxGridToolbarComponent, IgxGridToolbarTitleComponent, IgxGridToolbarActionsComponent, IgxGridToolbarHidingComponent, IgxGridToolbarPinningComponent, IgxGridToolbarExporterComponent, IgxExcelTextDirective, IgxCSVTextDirective, IgxColumnComponent] }) export class TreeGridEmployeesSampleComponent implements OnInit { diff --git a/src/app/tree-grid/tree-grid-excel-style-filtering-load-on-demand/tree-grid-excel-style-filtering-load-on-demand.component.ts b/src/app/tree-grid/tree-grid-excel-style-filtering-load-on-demand/tree-grid-excel-style-filtering-load-on-demand.component.ts index 225decf03..7e58fd3cc 100644 --- a/src/app/tree-grid/tree-grid-excel-style-filtering-load-on-demand/tree-grid-excel-style-filtering-load-on-demand.component.ts +++ b/src/app/tree-grid/tree-grid-excel-style-filtering-load-on-demand/tree-grid-excel-style-filtering-load-on-demand.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, inject } from '@angular/core'; import { ColumnType, IFilteringExpressionsTree } from 'igniteui-angular/core'; import { IgxCellTemplateDirective, IgxColumnComponent, IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarHidingComponent, IgxGridToolbarPinningComponent } from 'igniteui-angular/grids/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; @@ -11,7 +11,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro styleUrls: ['./tree-grid-excel-style-filtering-load-on-demand.component.scss'], templateUrl: './tree-grid-excel-style-filtering-load-on-demand.component.html', providers: [RemoteValuesService], - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxGridToolbarActionsComponent, IgxGridToolbarHidingComponent, IgxGridToolbarPinningComponent, IgxColumnComponent, IgxCellTemplateDirective, IgxIconComponent] }) export class TreeGridExcelStyleFilteringLoadOnDemandComponent implements OnInit { diff --git a/src/app/tree-grid/tree-grid-excel-style-filtering-sample-1/tree-grid-excel-style-filtering-sample-1.component.ts b/src/app/tree-grid/tree-grid-excel-style-filtering-sample-1/tree-grid-excel-style-filtering-sample-1.component.ts index bc9ba4c35..511bc406f 100644 --- a/src/app/tree-grid/tree-grid-excel-style-filtering-sample-1/tree-grid-excel-style-filtering-sample-1.component.ts +++ b/src/app/tree-grid/tree-grid-excel-style-filtering-sample-1/tree-grid-excel-style-filtering-sample-1.component.ts @@ -1,4 +1,4 @@ -import { Component, HostBinding, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, HostBinding, OnInit, ViewChild } from '@angular/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { TreeGridFilteringStrategy } from 'igniteui-angular/core'; import { IgxButtonGroupComponent } from 'igniteui-angular/button-group'; @@ -11,7 +11,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-excel-style-filtering-sample-1', styleUrls: ['./tree-grid-excel-style-filtering-sample-1.component.scss'], templateUrl: 'tree-grid-excel-style-filtering-sample-1.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonGroupComponent, IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxGridToolbarActionsComponent, IgxGridToolbarHidingComponent, IgxGridToolbarPinningComponent, IgxColumnComponent, IgxCellTemplateDirective] }) diff --git a/src/app/tree-grid/tree-grid-excel-style-filtering-sample-2/tree-grid-excel-style-filtering-sample-2.component.ts b/src/app/tree-grid/tree-grid-excel-style-filtering-sample-2/tree-grid-excel-style-filtering-sample-2.component.ts index 134361f24..ae4602b29 100644 --- a/src/app/tree-grid/tree-grid-excel-style-filtering-sample-2/tree-grid-excel-style-filtering-sample-2.component.ts +++ b/src/app/tree-grid/tree-grid-excel-style-filtering-sample-2/tree-grid-excel-style-filtering-sample-2.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxCellTemplateDirective, IgxColumnComponent, IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarHidingComponent, IgxGridToolbarPinningComponent } from 'igniteui-angular/grids/core'; import { ORDERS_DATA } from '../data/orders'; @@ -9,7 +9,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-excel-style-filtering-sample-2', styleUrls: ['./tree-grid-excel-style-filtering-sample-2.component.scss'], templateUrl: 'tree-grid-excel-style-filtering-sample-2.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxGridToolbarActionsComponent, IgxGridToolbarHidingComponent, IgxGridToolbarPinningComponent, IgxColumnComponent, IgxCellTemplateDirective] }) diff --git a/src/app/tree-grid/tree-grid-excel-style-filtering-sample-3/tree-grid-excel-style-filtering-sample-3.component.ts b/src/app/tree-grid/tree-grid-excel-style-filtering-sample-3/tree-grid-excel-style-filtering-sample-3.component.ts index 0419b9074..197b3298f 100644 --- a/src/app/tree-grid/tree-grid-excel-style-filtering-sample-3/tree-grid-excel-style-filtering-sample-3.component.ts +++ b/src/app/tree-grid/tree-grid-excel-style-filtering-sample-3/tree-grid-excel-style-filtering-sample-3.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxCellTemplateDirective, IgxColumnComponent, IgxExcelStyleColumnOperationsTemplateDirective, IgxExcelStyleFilterOperationsTemplateDirective, IgxExcelStyleHeaderComponent, IgxExcelStyleHeaderIconDirective, IgxExcelStyleSearchComponent, IgxExcelStyleSortingComponent, IgxGridExcelStyleFilteringComponent, IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarHidingComponent } from 'igniteui-angular/grids/core'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -10,7 +10,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-excel-style-filtering-sample-3', styleUrls: ['./tree-grid-excel-style-filtering-sample-3.component.scss'], templateUrl: 'tree-grid-excel-style-filtering-sample-3.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxGridToolbarActionsComponent, IgxGridToolbarHidingComponent, IgxExcelStyleHeaderIconDirective, IgxIconComponent, IgxGridExcelStyleFilteringComponent, IgxExcelStyleColumnOperationsTemplateDirective, IgxExcelStyleHeaderComponent, IgxExcelStyleSortingComponent, IgxExcelStyleFilterOperationsTemplateDirective, IgxExcelStyleSearchComponent, IgxColumnComponent, IgxCellTemplateDirective] }) diff --git a/src/app/tree-grid/tree-grid-excel-style-filtering-style/tree-grid-excel-style-filtering-style.component.ts b/src/app/tree-grid/tree-grid-excel-style-filtering-style/tree-grid-excel-style-filtering-style.component.ts index 6c12db07b..a27701a5a 100644 --- a/src/app/tree-grid/tree-grid-excel-style-filtering-style/tree-grid-excel-style-filtering-style.component.ts +++ b/src/app/tree-grid/tree-grid-excel-style-filtering-style/tree-grid-excel-style-filtering-style.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; import { ORDERS_DATA } from '../data/orders'; @@ -9,7 +9,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-excel-style-filtering-style', styleUrls: ['./tree-grid-excel-style-filtering-style.component.scss'], templateUrl: 'tree-grid-excel-style-filtering-style.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective] }) export class TreeGridExcelStyleFilteringStyleComponent implements OnInit { diff --git a/src/app/tree-grid/tree-grid-export-visualization/tree-grid-export-visualization.component.ts b/src/app/tree-grid/tree-grid-export-visualization/tree-grid-export-visualization.component.ts index ad5fbc8d7..30da3785a 100644 --- a/src/app/tree-grid/tree-grid-export-visualization/tree-grid-export-visualization.component.ts +++ b/src/app/tree-grid/tree-grid-export-visualization/tree-grid-export-visualization.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component, inject, ChangeDetectorRef } from '@angular/core'; import { ORDERS_DATA } from '../data/orders'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxCellTemplateDirective, IgxColumnComponent, IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarExporterComponent } from 'igniteui-angular/grids/core'; @@ -10,10 +10,10 @@ import { CurrencyPipe } from '@angular/common'; selector: 'app-tree-grid-export-visualization', templateUrl: './tree-grid-export-visualization.component.html', styleUrls: ['./tree-grid-export-visualization.component.scss'], - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxGridToolbarActionsComponent, IgxButtonDirective, IgxGridToolbarExporterComponent, IgxColumnComponent, IgxCellTemplateDirective, CurrencyPipe] }) export class TreeGridExportVisualizationComponent { + private cdr = inject(ChangeDetectorRef); public localData = []; private data = ORDERS_DATA; @@ -37,6 +37,9 @@ export class TreeGridExportVisualizationComponent { longRunning(toolbar: any) { toolbar.showProgress = true; - setTimeout(() => toolbar.showProgress = false, 5000); + setTimeout(() => { + toolbar.showProgress = false; + this.cdr.markForCheck(); + }, 5000); } } diff --git a/src/app/tree-grid/tree-grid-external-advanced-filtering/tree-grid-external-advanced-filtering.component.ts b/src/app/tree-grid/tree-grid-external-advanced-filtering/tree-grid-external-advanced-filtering.component.ts index 4099abddd..8494f8152 100644 --- a/src/app/tree-grid/tree-grid-external-advanced-filtering/tree-grid-external-advanced-filtering.component.ts +++ b/src/app/tree-grid/tree-grid-external-advanced-filtering/tree-grid-external-advanced-filtering.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { ORDERS_DATA } from '../data/orders'; import { IgxAdvancedFilteringDialogComponent, IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; @@ -9,7 +9,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-external-advanced-filtering', templateUrl: './tree-grid-external-advanced-filtering.component.html', styleUrls: ['./tree-grid-external-advanced-filtering.component.scss'], - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxAdvancedFilteringDialogComponent, IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective] }) export class TreeGridExternalAdvancedFilteringComponent { diff --git a/src/app/tree-grid/tree-grid-external-excel-style-filtering/tree-grid-external-excel-style-filtering.component.ts b/src/app/tree-grid/tree-grid-external-excel-style-filtering/tree-grid-external-excel-style-filtering.component.ts index ceb5b638b..ec52d497c 100644 --- a/src/app/tree-grid/tree-grid-external-excel-style-filtering/tree-grid-external-excel-style-filtering.component.ts +++ b/src/app/tree-grid/tree-grid-external-excel-style-filtering/tree-grid-external-excel-style-filtering.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, ChangeDetectionStrategy, OnInit } from '@angular/core'; +import { Component, ViewChild, OnInit } from '@angular/core'; import { ORDERS_DATA } from '../data/orders'; import { IgxSelectComponent, IgxSelectItemComponent } from 'igniteui-angular/select'; import { IgxLabelDirective } from 'igniteui-angular/input-group'; @@ -8,7 +8,6 @@ import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scroll.directive'; @Component({ - changeDetection: ChangeDetectionStrategy.OnPush, selector: 'app-tree-grid-external-excel-style-filtering', templateUrl: './tree-grid-external-excel-style-filtering.component.html', styleUrls: ['./tree-grid-external-excel-style-filtering.component.scss'], diff --git a/src/app/tree-grid/tree-grid-external-outlet/tree-grid-external-outlet-sample.component.ts b/src/app/tree-grid/tree-grid-external-outlet/tree-grid-external-outlet-sample.component.ts index 83b3f283c..91aae8491 100644 --- a/src/app/tree-grid/tree-grid-external-outlet/tree-grid-external-outlet-sample.component.ts +++ b/src/app/tree-grid/tree-grid-external-outlet/tree-grid-external-outlet-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { ORDERS_DATA } from '../data/orders'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxCellTemplateDirective, IgxColumnComponent, IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarHidingComponent } from 'igniteui-angular/grids/core'; @@ -10,7 +10,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-external-outlet', styleUrls: ['./tree-grid-external-outlet-sample.component.scss'], templateUrl: 'tree-grid-external-outlet-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxGridToolbarActionsComponent, IgxGridToolbarHidingComponent, IgxColumnComponent, IgxCellTemplateDirective, IgxOverlayOutletDirective] }) diff --git a/src/app/tree-grid/tree-grid-filtering-custom-sample/tree-grid-filtering-custom-sample.component.ts b/src/app/tree-grid/tree-grid-filtering-custom-sample/tree-grid-filtering-custom-sample.component.ts index e014240e4..82ebd800d 100644 --- a/src/app/tree-grid/tree-grid-filtering-custom-sample/tree-grid-filtering-custom-sample.component.ts +++ b/src/app/tree-grid/tree-grid-filtering-custom-sample/tree-grid-filtering-custom-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { IFilteringOperation, IgxBooleanFilteringOperand, IgxStringFilteringOperand } from 'igniteui-angular/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; @@ -10,7 +10,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-filtering-custom-sample', styleUrls: ['./tree-grid-filtering-custom-sample.component.scss'], templateUrl: './tree-grid-filtering-custom-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective] }) export class TreeGridFilteringCustomSampleComponent implements OnInit { diff --git a/src/app/tree-grid/tree-grid-filtering-sample/tree-grid-filtering-sample.component.ts b/src/app/tree-grid/tree-grid-filtering-sample/tree-grid-filtering-sample.component.ts index 34b9e0fe4..7b9b96093 100644 --- a/src/app/tree-grid/tree-grid-filtering-sample/tree-grid-filtering-sample.component.ts +++ b/src/app/tree-grid/tree-grid-filtering-sample/tree-grid-filtering-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { IgxStringFilteringOperand } from 'igniteui-angular/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxInputDirective, IgxInputGroupComponent } from 'igniteui-angular/input-group'; @@ -11,7 +11,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-filtering-sample', styleUrls: ['./tree-grid-filtering-sample.component.scss'], templateUrl: 'tree-grid-filtering-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxInputGroupComponent, IgxInputDirective, IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective] }) diff --git a/src/app/tree-grid/tree-grid-filtering-style/tree-grid-filtering-style.component.ts b/src/app/tree-grid/tree-grid-filtering-style/tree-grid-filtering-style.component.ts index 5be2ca820..eacfbd76d 100644 --- a/src/app/tree-grid/tree-grid-filtering-style/tree-grid-filtering-style.component.ts +++ b/src/app/tree-grid/tree-grid-filtering-style/tree-grid-filtering-style.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { ORDERS_DATA } from '../data/orders'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; @@ -9,7 +9,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-filtering-style', styleUrls: ['./tree-grid-filtering-style.component.scss'], templateUrl: './tree-grid-filtering-style.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective] }) export class TreeGridFilteringStyleComponent implements OnInit { diff --git a/src/app/tree-grid/tree-grid-filtering-template-sample/tree-grid-filtering-template-sample.component.ts b/src/app/tree-grid/tree-grid-filtering-template-sample/tree-grid-filtering-template-sample.component.ts index 887b5a467..5c5498c13 100644 --- a/src/app/tree-grid/tree-grid-filtering-template-sample/tree-grid-filtering-template-sample.component.ts +++ b/src/app/tree-grid/tree-grid-filtering-template-sample/tree-grid-filtering-template-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { ColumnType, GridColumnDataType, IgxDateFilteringOperand, IgxNumberFilteringOperand, IgxPickerClearComponent, IgxPickerToggleComponent, IgxStringFilteringOperand } from 'igniteui-angular/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxCellTemplateDirective, IgxColumnComponent, IgxFilterCellTemplateDirective } from 'igniteui-angular/grids/core'; @@ -13,7 +13,6 @@ import { CurrencyPipe } from '@angular/common'; selector: 'app-tree-grid-filtering-template-sample', styleUrls: ['./tree-grid-filtering-template-sample.component.scss'], templateUrl: 'tree-grid-filtering-template-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxFilterCellTemplateDirective, IgxInputGroupComponent, IgxPrefixDirective, IgxIconComponent, IgxInputDirective, IgxSuffixDirective, IgxDatePickerComponent, IgxPickerToggleComponent, IgxPickerClearComponent, CurrencyPipe] }) diff --git a/src/app/tree-grid/tree-grid-formatted-filtering-strategy/tree-grid-formatted-filtering-strategy.component.ts b/src/app/tree-grid/tree-grid-formatted-filtering-strategy/tree-grid-formatted-filtering-strategy.component.ts index 9410d2eb7..3db0bca44 100644 --- a/src/app/tree-grid/tree-grid-formatted-filtering-strategy/tree-grid-formatted-filtering-strategy.component.ts +++ b/src/app/tree-grid/tree-grid-formatted-filtering-strategy/tree-grid-formatted-filtering-strategy.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { TreeGridFormattedValuesFilteringStrategy } from 'igniteui-angular/core'; import { IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; @@ -10,7 +10,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-formatted-filtering-strategy', styleUrls: ['./tree-grid-formatted-filtering-strategy.component.scss'], templateUrl: 'tree-grid-formatted-filtering-strategy.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective] }) diff --git a/src/app/tree-grid/tree-grid-group-by-load-on-demand-sample/tree-grid-group-by-load-on-demand-sample.component.ts b/src/app/tree-grid/tree-grid-group-by-load-on-demand-sample/tree-grid-group-by-load-on-demand-sample.component.ts index 8fdc63a57..d8eb3943f 100644 --- a/src/app/tree-grid/tree-grid-group-by-load-on-demand-sample/tree-grid-group-by-load-on-demand-sample.component.ts +++ b/src/app/tree-grid/tree-grid-group-by-load-on-demand-sample/tree-grid-group-by-load-on-demand-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, Input, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, Input, OnInit, ViewChild } from '@angular/core'; import { DefaultSortingStrategy, IGroupingExpression } from 'igniteui-angular/core'; import { IgxTreeGridComponent, IgxTreeGridGroupByAreaComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxColumnComponent } from 'igniteui-angular/grids/core'; @@ -9,7 +9,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-group-by-load-on-demand-sample', styleUrls: ['./tree-grid-group-by-load-on-demand-sample.component.scss'], templateUrl: './tree-grid-group-by-load-on-demand-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxTreeGridGroupByAreaComponent, IgxColumnComponent] }) diff --git a/src/app/tree-grid/tree-grid-keyboard-navigation/tree-grid-keyboard-navigation-sample.component.ts b/src/app/tree-grid/tree-grid-keyboard-navigation/tree-grid-keyboard-navigation-sample.component.ts index 17993eb8b..440cb7a71 100644 --- a/src/app/tree-grid/tree-grid-keyboard-navigation/tree-grid-keyboard-navigation-sample.component.ts +++ b/src/app/tree-grid/tree-grid-keyboard-navigation/tree-grid-keyboard-navigation-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { CellType, GridSelectionMode, IGridKeydownEventArgs, IgxColumnComponent } from 'igniteui-angular/grids/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxPaginatorComponent } from 'igniteui-angular/paginator'; @@ -9,7 +9,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-keyboard-navigation-sample', styleUrls: ['./tree-grid-keyboard-navigation-sample.component.scss'], templateUrl: './tree-grid-keyboard-navigation-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxPaginatorComponent, IgxColumnComponent] }) export class TreeGridKBNavigationComponent implements OnInit { diff --git a/src/app/tree-grid/tree-grid-load-on-demand-sample/tree-grid-load-on-demand-sample.component.ts b/src/app/tree-grid/tree-grid-load-on-demand-sample/tree-grid-load-on-demand-sample.component.ts index 24f65e9b0..28f0e4834 100644 --- a/src/app/tree-grid/tree-grid-load-on-demand-sample/tree-grid-load-on-demand-sample.component.ts +++ b/src/app/tree-grid/tree-grid-load-on-demand-sample/tree-grid-load-on-demand-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxColumnComponent } from 'igniteui-angular/grids/core'; import { TreeGridLoadOnDemandService } from './remoteService'; @@ -8,7 +8,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-load-on-demand-sample', styleUrls: ['./tree-grid-load-on-demand-sample.component.scss'], templateUrl: './tree-grid-load-on-demand-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent] }) export class TreeGridLoadOnDemandSampleComponent implements OnInit { diff --git a/src/app/tree-grid/tree-grid-multi-cell-selection-style/tree-grid-multi-cell-selection-style.component.ts b/src/app/tree-grid/tree-grid-multi-cell-selection-style/tree-grid-multi-cell-selection-style.component.ts index 85d8e447c..269f9f376 100644 --- a/src/app/tree-grid/tree-grid-multi-cell-selection-style/tree-grid-multi-cell-selection-style.component.ts +++ b/src/app/tree-grid/tree-grid-multi-cell-selection-style/tree-grid-multi-cell-selection-style.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxColumnComponent } from 'igniteui-angular/grids/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { ORDERS_DATA } from '../data/orders'; @@ -8,7 +8,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-multi-cell-selection-style-sample', styleUrls: ['./tree-grid-multi-cell-selection-style.component.scss'], templateUrl: './tree-grid-multi-cell-selection-style.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent] }) export class TreeGridMultiCellSelectionStyleComponent { diff --git a/src/app/tree-grid/tree-grid-multi-cell-selection/tree-grid-multi-cell-selection.component.ts b/src/app/tree-grid/tree-grid-multi-cell-selection/tree-grid-multi-cell-selection.component.ts index d2d724032..07e47bad2 100644 --- a/src/app/tree-grid/tree-grid-multi-cell-selection/tree-grid-multi-cell-selection.component.ts +++ b/src/app/tree-grid/tree-grid-multi-cell-selection/tree-grid-multi-cell-selection.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewEncapsulation, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewEncapsulation } from '@angular/core'; import { IgxColumnComponent } from 'igniteui-angular/grids/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxToastComponent } from 'igniteui-angular/toast'; @@ -12,7 +12,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-multi-cell-selection-sample', styleUrls: ['./tree-grid-multi-cell-selection.component.scss'], templateUrl: './tree-grid-multi-cell-selection.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxGridComponent, IgxToastComponent] }) export class TreeGridMultiCellSelectionComponent { diff --git a/src/app/tree-grid/tree-grid-multi-column-header-template-sample/tree-grid-multi-column-header-template-sample.component.ts b/src/app/tree-grid/tree-grid-multi-column-header-template-sample/tree-grid-multi-column-header-template-sample.component.ts index c4f428bd1..51abd2d44 100644 --- a/src/app/tree-grid/tree-grid-multi-column-header-template-sample/tree-grid-multi-column-header-template-sample.component.ts +++ b/src/app/tree-grid/tree-grid-multi-column-header-template-sample/tree-grid-multi-column-header-template-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild } from '@angular/core'; import { GridSelectionMode, IgxColumnComponent, IgxColumnGroupComponent } from 'igniteui-angular/grids/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -9,7 +9,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-multi-column-header-template-sample', styleUrls: ['./tree-grid-multi-column-header-template-sample.component.scss'], templateUrl: './tree-grid-multi-column-header-template-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxIconComponent, IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxColumnGroupComponent] }) export class TreeGridMultiColumnHeaderTemplateSampleComponent { diff --git a/src/app/tree-grid/tree-grid-multi-column-headers-export/tree-grid-multi-column-headers-export.component.ts b/src/app/tree-grid/tree-grid-multi-column-headers-export/tree-grid-multi-column-headers-export.component.ts index 62f0eb2cc..ab97f99b4 100644 --- a/src/app/tree-grid/tree-grid-multi-column-headers-export/tree-grid-multi-column-headers-export.component.ts +++ b/src/app/tree-grid/tree-grid-multi-column-headers-export/tree-grid-multi-column-headers-export.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { GridSelectionMode, IgxColumnComponent, IgxColumnGroupComponent, IgxExporterEvent, IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarExporterComponent, IgxGridToolbarHidingComponent, IgxGridToolbarPinningComponent } from 'igniteui-angular/grids/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxSwitchComponent } from 'igniteui-angular/switch'; @@ -10,7 +10,6 @@ import { FormsModule } from '@angular/forms'; selector: 'app-tree-grid-multi-column-headers-export-sample', styleUrls: ['./tree-grid-multi-column-headers-export.component.scss'], templateUrl: './tree-grid-multi-column-headers-export.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxGridToolbarActionsComponent, IgxSwitchComponent, FormsModule, IgxGridToolbarPinningComponent, IgxGridToolbarHidingComponent, IgxGridToolbarExporterComponent, IgxColumnComponent, IgxColumnGroupComponent] }) export class TreeGridMultiColumnHeadersExportComponent { diff --git a/src/app/tree-grid/tree-grid-multi-column-headers-sample/tree-grid-multi-column-headers-sample.component.ts b/src/app/tree-grid/tree-grid-multi-column-headers-sample/tree-grid-multi-column-headers-sample.component.ts index e304f6a91..7273c5fb7 100644 --- a/src/app/tree-grid/tree-grid-multi-column-headers-sample/tree-grid-multi-column-headers-sample.component.ts +++ b/src/app/tree-grid/tree-grid-multi-column-headers-sample/tree-grid-multi-column-headers-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild } from '@angular/core'; import { GridSelectionMode, IgxColumnComponent, IgxColumnGroupComponent } from 'igniteui-angular/grids/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxButtonDirective } from 'igniteui-angular/directives'; @@ -9,7 +9,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-multi-column-headers-sample', styleUrls: ['./tree-grid-multi-column-headers-sample.component.scss'], templateUrl: './tree-grid-multi-column-headers-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxColumnGroupComponent, IgxButtonDirective] }) export class TreeGridMultiColumnHeadersSampleComponent { diff --git a/src/app/tree-grid/tree-grid-multi-column-headers-styling/tree-grid-multi-column-headers-styling.component.ts b/src/app/tree-grid/tree-grid-multi-column-headers-styling/tree-grid-multi-column-headers-styling.component.ts index 097ea0dfb..dbd590f56 100644 --- a/src/app/tree-grid/tree-grid-multi-column-headers-styling/tree-grid-multi-column-headers-styling.component.ts +++ b/src/app/tree-grid/tree-grid-multi-column-headers-styling/tree-grid-multi-column-headers-styling.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { generateEmployeeDetailedFlatData } from '../data/employees-flat-detailed'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxColumnComponent, IgxColumnGroupComponent } from 'igniteui-angular/grids/core'; @@ -8,7 +8,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-multi-column-headers-styling', styleUrls: ['./tree-grid-multi-column-headers-styling.component.scss'], templateUrl: './tree-grid-multi-column-headers-styling.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxColumnGroupComponent] }) export class TreeGridMultiColumnHeadersStylingComponent { diff --git a/src/app/tree-grid/tree-grid-multi-row-drag/tree-grid-multi-row-drag.component.ts b/src/app/tree-grid/tree-grid-multi-row-drag/tree-grid-multi-row-drag.component.ts index b98056d38..3881c33fa 100644 --- a/src/app/tree-grid/tree-grid-multi-row-drag/tree-grid-multi-row-drag.component.ts +++ b/src/app/tree-grid/tree-grid-multi-row-drag/tree-grid-multi-row-drag.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild } from '@angular/core'; import { GridSelectionMode, IgxColumnComponent, IgxRowDragGhostDirective } from 'igniteui-angular/grids/core'; import { IDropDroppedEventArgs, IgxDropDirective } from 'igniteui-angular/directives'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; @@ -11,7 +11,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-multi-row-drag', styleUrls: ['tree-grid-multi-row-drag.component.scss'], templateUrl: 'tree-grid-multi-row-drag.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxDropDirective, IgxIconComponent, IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxPaginatorComponent, IgxColumnComponent, IgxRowDragGhostDirective] }) export class TreeGridMultiRowDragComponent { diff --git a/src/app/tree-grid/tree-grid-pager-sample/tree-grid-pager-sample.component.ts b/src/app/tree-grid/tree-grid-pager-sample/tree-grid-pager-sample.component.ts index 062eb128e..8216487de 100644 --- a/src/app/tree-grid/tree-grid-pager-sample/tree-grid-pager-sample.component.ts +++ b/src/app/tree-grid/tree-grid-pager-sample/tree-grid-pager-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, AfterViewInit, PLATFORM_ID, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild, AfterViewInit, PLATFORM_ID, inject } from '@angular/core'; import { IPaginatorResourceStrings } from 'igniteui-angular/core'; import { IgxPageNavigationComponent, IgxPageSizeSelectorComponent, IgxPaginatorComponent, IgxPaginatorContentDirective } from 'igniteui-angular/paginator'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; @@ -14,7 +14,6 @@ import { isPlatformBrowser } from '@angular/common'; selector: 'app-tree-grid-pager-sample', styleUrls: ['./tree-grid-pager-sample.component.scss'], templateUrl: './tree-grid-pager-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxPaginatorComponent, IgxPaginatorContentDirective, IgxPageSizeSelectorComponent, IgxPageNavigationComponent, IgxColumnComponent, IgxCellTemplateDirective, IgxSwitchComponent, FormsModule] }) export class TreeGridPagerSampleComponent implements OnInit, AfterViewInit { diff --git a/src/app/tree-grid/tree-grid-paging-sample/tree-grid-paging-sample.component.ts b/src/app/tree-grid/tree-grid-paging-sample/tree-grid-paging-sample.component.ts index b99f3df16..5992fb9ae 100644 --- a/src/app/tree-grid/tree-grid-paging-sample/tree-grid-paging-sample.component.ts +++ b/src/app/tree-grid/tree-grid-paging-sample/tree-grid-paging-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ViewEncapsulation, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild, ViewEncapsulation } from '@angular/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxPaginatorComponent } from 'igniteui-angular/paginator'; import { IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; @@ -11,7 +11,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-paging-sample', styleUrls: ['./tree-grid-paging-sample.component.scss'], templateUrl: 'tree-grid-paging-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxPaginatorComponent, IgxColumnComponent, IgxCellTemplateDirective] }) diff --git a/src/app/tree-grid/tree-grid-paging-style/tree-grid-paging-style-sample.component.ts b/src/app/tree-grid/tree-grid-paging-style/tree-grid-paging-style-sample.component.ts index 6470b2eb9..a42c3d8a7 100644 --- a/src/app/tree-grid/tree-grid-paging-style/tree-grid-paging-style-sample.component.ts +++ b/src/app/tree-grid/tree-grid-paging-style/tree-grid-paging-style-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { ORDERS_DATA } from '../data/orders'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxPaginatorComponent } from 'igniteui-angular/paginator'; @@ -10,7 +10,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-paging-sample', styleUrls: ['./tree-grid-paging-style-sample.component.scss'], templateUrl: 'tree-grid-paging-style-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxPaginatorComponent, IgxColumnComponent, IgxCellTemplateDirective] }) diff --git a/src/app/tree-grid/tree-grid-remote-filtering-sample/tree-grid-remote-filtering-sample.component.ts b/src/app/tree-grid/tree-grid-remote-filtering-sample/tree-grid-remote-filtering-sample.component.ts index 9ff17480c..8fc99074c 100644 --- a/src/app/tree-grid/tree-grid-remote-filtering-sample/tree-grid-remote-filtering-sample.component.ts +++ b/src/app/tree-grid/tree-grid-remote-filtering-sample/tree-grid-remote-filtering-sample.component.ts @@ -1,4 +1,4 @@ -import { AfterViewInit, ChangeDetectorRef, Component, OnDestroy, OnInit, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; +import { AfterViewInit, ChangeDetectorRef, Component, OnDestroy, OnInit, ViewChild, inject } from '@angular/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { NoopFilteringStrategy } from 'igniteui-angular/core'; import { IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; @@ -16,7 +16,6 @@ const DEBOUNCE_TIME = 300; selector: 'app-tree-grid-remote-filtering-sample', styleUrls: ['./tree-grid-remote-filtering-sample.component.scss'], templateUrl: './tree-grid-remote-filtering-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxIconComponent, AsyncPipe] }) export class TreeGridRemoteFilteringSampleComponent implements OnInit, AfterViewInit, OnDestroy { diff --git a/src/app/tree-grid/tree-grid-remote-paging-default-template/tree-grid-remote-paging-default-template.component.ts b/src/app/tree-grid/tree-grid-remote-paging-default-template/tree-grid-remote-paging-default-template.component.ts index 87f3a4718..80da548f2 100644 --- a/src/app/tree-grid/tree-grid-remote-paging-default-template/tree-grid-remote-paging-default-template.component.ts +++ b/src/app/tree-grid/tree-grid-remote-paging-default-template/tree-grid-remote-paging-default-template.component.ts @@ -1,5 +1,5 @@ import { formatNumber, AsyncPipe } from '@angular/common'; -import { AfterViewInit, ChangeDetectorRef, Component, OnDestroy, OnInit, ViewChild, ViewEncapsulation, inject, ChangeDetectionStrategy } from '@angular/core'; +import { AfterViewInit, ChangeDetectorRef, Component, OnDestroy, OnInit, ViewChild, ViewEncapsulation, inject } from '@angular/core'; import { GridPagingMode, IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxPaginatorComponent } from 'igniteui-angular/paginator'; @@ -14,7 +14,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-remote-paging-default-template', styleUrls: ['./tree-grid-remote-paging-default-template.component.scss'], templateUrl: './tree-grid-remote-paging-default-template.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxPaginatorComponent, IgxColumnComponent, IgxCellTemplateDirective, IgxIconComponent, AsyncPipe] }) export class TreeGridRemotePagingDefaultTemplateComponent implements OnInit, AfterViewInit, OnDestroy { diff --git a/src/app/tree-grid/tree-grid-remote-paging-sample/tree-grid-remote-paging-sample.component.ts b/src/app/tree-grid/tree-grid-remote-paging-sample/tree-grid-remote-paging-sample.component.ts index 6f22ef185..8a013dd4e 100644 --- a/src/app/tree-grid/tree-grid-remote-paging-sample/tree-grid-remote-paging-sample.component.ts +++ b/src/app/tree-grid/tree-grid-remote-paging-sample/tree-grid-remote-paging-sample.component.ts @@ -1,5 +1,5 @@ import { formatNumber, AsyncPipe } from '@angular/common'; -import { AfterViewInit, Component, OnDestroy, OnInit, ViewChild, ViewEncapsulation, inject, ChangeDetectionStrategy } from '@angular/core'; +import { AfterViewInit, Component, OnDestroy, OnInit, ViewChild, ViewEncapsulation, inject } from '@angular/core'; import { GridPagingMode, IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -14,7 +14,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-remote-paging-grid-sample', styleUrls: ['./tree-grid-remote-paging-sample.component.scss'], templateUrl: './tree-grid-remote-paging-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxIconComponent, IgxPaginatorComponent, IgxPaginatorContentDirective, IgxPageSizeSelectorComponent, IgxPageNavigationComponent, AsyncPipe] }) export class TreeGridRemotePagingSampleComponent implements OnInit, AfterViewInit, OnDestroy { diff --git a/src/app/tree-grid/tree-grid-resize-line-styling-sample/tree-grid-resize-line-styling-sample.component.ts b/src/app/tree-grid/tree-grid-resize-line-styling-sample/tree-grid-resize-line-styling-sample.component.ts index 02028b6ae..90a634095 100644 --- a/src/app/tree-grid/tree-grid-resize-line-styling-sample/tree-grid-resize-line-styling-sample.component.ts +++ b/src/app/tree-grid/tree-grid-resize-line-styling-sample/tree-grid-resize-line-styling-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { generateEmployeeDetailedFlatData } from '../data/employees-flat-detailed'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxColumnComponent } from 'igniteui-angular/grids/core'; @@ -8,7 +8,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-resize-line-styling-sample', styleUrls: ['./tree-grid-resize-line-styling-sample.component.scss'], templateUrl: './tree-grid-resize-line-styling-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent] }) export class TreeGridResizeLineStylingSampleComponent { diff --git a/src/app/tree-grid/tree-grid-row-drag-base/tree-grid-row-drag-base.component.ts b/src/app/tree-grid/tree-grid-row-drag-base/tree-grid-row-drag-base.component.ts index 989839dcd..7deb4993d 100644 --- a/src/app/tree-grid/tree-grid-row-drag-base/tree-grid-row-drag-base.component.ts +++ b/src/app/tree-grid/tree-grid-row-drag-base/tree-grid-row-drag-base.component.ts @@ -1,5 +1,5 @@ /* eslint-disable @typescript-eslint/naming-convention */ -import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild } from '@angular/core'; import { IDropDroppedEventArgs, IgxDropDirective } from 'igniteui-angular/directives'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxColumnComponent, RowType } from 'igniteui-angular/grids/core'; @@ -18,7 +18,6 @@ enum DragIcon { selector: 'app-tree-grid-row-drag-base', styleUrls: ['tree-grid-row-drag-base.component.scss'], templateUrl: 'tree-grid-row-drag-base.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxDropDirective, IgxIconComponent, IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxPaginatorComponent, IgxColumnComponent] }) export class TreeGridRowDragBaseComponent { diff --git a/src/app/tree-grid/tree-grid-row-drag/tree-grid-row-drag.component.ts b/src/app/tree-grid/tree-grid-row-drag/tree-grid-row-drag.component.ts index e3e7a26d2..b34746475 100644 --- a/src/app/tree-grid/tree-grid-row-drag/tree-grid-row-drag.component.ts +++ b/src/app/tree-grid/tree-grid-row-drag/tree-grid-row-drag.component.ts @@ -1,5 +1,5 @@ /* eslint-disable @typescript-eslint/naming-convention */ -import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild } from '@angular/core'; import { IDropDroppedEventArgs, IgxDropDirective } from 'igniteui-angular/directives'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxColumnComponent, IgxDragIndicatorIconDirective, RowType } from 'igniteui-angular/grids/core'; @@ -18,7 +18,6 @@ enum DragIcon { selector: 'app-tree-grid-row-drag', styleUrls: ['tree-grid-row-drag.component.scss'], templateUrl: 'tree-grid-row-drag.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxDropDirective, IgxIconComponent, IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxPaginatorComponent, IgxColumnComponent, IgxDragIndicatorIconDirective] }) export class TreeGridRowDragComponent { diff --git a/src/app/tree-grid/tree-grid-row-edit-style/tree-grid-row-edit-style.component.ts b/src/app/tree-grid/tree-grid-row-edit-style/tree-grid-row-edit-style.component.ts index 70586d83f..5e076efd0 100644 --- a/src/app/tree-grid/tree-grid-row-edit-style/tree-grid-row-edit-style.component.ts +++ b/src/app/tree-grid/tree-grid-row-edit-style/tree-grid-row-edit-style.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { GridSelectionMode, IgxColumnComponent, IgxRowEditActionsDirective, IgxRowEditTabStopDirective, IgxRowEditTextDirective } from 'igniteui-angular/grids/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxIconButtonDirective } from 'igniteui-angular/directives'; @@ -11,7 +11,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-row-edit-style', styleUrls: ['tree-grid-row-edit-style.component.scss'], templateUrl: 'tree-grid-row-edit-style.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxRowEditTextDirective, IgxRowEditActionsDirective, IgxIconButtonDirective, IgxRowEditTabStopDirective, IgxIconComponent] }) export class TreeGridRowEditStyleComponent implements OnInit { diff --git a/src/app/tree-grid/tree-grid-row-edit/tree-grid-row-editing-sample.component.ts b/src/app/tree-grid/tree-grid-row-edit/tree-grid-row-editing-sample.component.ts index 53edc9dc2..ee40774d0 100644 --- a/src/app/tree-grid/tree-grid-row-edit/tree-grid-row-editing-sample.component.ts +++ b/src/app/tree-grid/tree-grid-row-edit/tree-grid-row-editing-sample.component.ts @@ -1,5 +1,5 @@ /* eslint-disable max-len */ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { GridSelectionMode, IgxColumnComponent } from 'igniteui-angular/grids/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { generateEmployeeFlatData, IEmployee } from '../data/employees-flat'; @@ -10,7 +10,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-row-editing-sample', styleUrls: ['tree-grid-row-editing-sample.component.scss'], templateUrl: 'tree-grid-row-editing-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent] }) export class TreeGridRowEditSampleComponent implements OnInit { diff --git a/src/app/tree-grid/tree-grid-row-pinning-extra-column/tree-grid-row-pinning-extra-column.component.ts b/src/app/tree-grid/tree-grid-row-pinning-extra-column/tree-grid-row-pinning-extra-column.component.ts index 963a98ec6..431eafea0 100644 --- a/src/app/tree-grid/tree-grid-row-pinning-extra-column/tree-grid-row-pinning-extra-column.component.ts +++ b/src/app/tree-grid/tree-grid-row-pinning-extra-column/tree-grid-row-pinning-extra-column.component.ts @@ -1,4 +1,4 @@ -import { AfterViewInit, Component, OnInit, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; +import { AfterViewInit, Component, OnInit, ViewChild, inject } from '@angular/core'; import { ColumnPinningPosition } from 'igniteui-angular/core'; import { IgxIconComponent, IgxIconService } from 'igniteui-angular/icon'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; @@ -15,7 +15,6 @@ const FILTERING_ICONS_FONT_SET = 'filtering-icons'; selector: 'app-tree-grid-row-pinning-extra-column', styleUrls: ['tree-grid-row-pinning-extra-column.component.scss'], templateUrl: 'tree-grid-row-pinning-extra-column.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSwitchComponent, IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxIconComponent] }) export class TreeGridRowPinningExtraColumnSampleComponent implements OnInit, AfterViewInit { diff --git a/src/app/tree-grid/tree-grid-row-pinning-styling/tree-grid-row-pinning-styling.component.ts b/src/app/tree-grid/tree-grid-row-pinning-styling/tree-grid-row-pinning-styling.component.ts index 401c4dce3..bcfc331cf 100644 --- a/src/app/tree-grid/tree-grid-row-pinning-styling/tree-grid-row-pinning-styling.component.ts +++ b/src/app/tree-grid/tree-grid-row-pinning-styling/tree-grid-row-pinning-styling.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { ColumnPinningPosition } from 'igniteui-angular/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IPinningConfig, IgxColumnComponent, IgxGridPinningActionsComponent, RowPinningPosition } from 'igniteui-angular/grids/core'; @@ -11,7 +11,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-row-pinning-styling', styleUrls: ['tree-grid-row-pinning-styling.component.scss'], templateUrl: 'tree-grid-row-pinning-styling.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxActionStripComponent, IgxGridPinningActionsComponent] }) export class TreeGridRowPinningStylingSampleComponent implements OnInit { diff --git a/src/app/tree-grid/tree-grid-row-pinning/tree-grid-row-pinning.component.ts b/src/app/tree-grid/tree-grid-row-pinning/tree-grid-row-pinning.component.ts index c1023e41a..f8edae13c 100644 --- a/src/app/tree-grid/tree-grid-row-pinning/tree-grid-row-pinning.component.ts +++ b/src/app/tree-grid/tree-grid-row-pinning/tree-grid-row-pinning.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { ColumnPinningPosition } from 'igniteui-angular/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IPinningConfig, IgxColumnComponent, IgxGridEditingActionsComponent, IgxGridPinningActionsComponent, RowPinningPosition } from 'igniteui-angular/grids/core'; @@ -12,7 +12,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-row-pinning', styleUrls: ['tree-grid-row-pinning.component.scss'], templateUrl: 'tree-grid-row-pinning.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSwitchComponent, IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxActionStripComponent, IgxGridPinningActionsComponent, IgxGridEditingActionsComponent] }) export class TreeGridRowPinningSampleComponent implements OnInit { diff --git a/src/app/tree-grid/tree-grid-row-reorder/tree-grid-row-reorder.component.ts b/src/app/tree-grid/tree-grid-row-reorder/tree-grid-row-reorder.component.ts index 62a3a94cd..4a2d0709b 100644 --- a/src/app/tree-grid/tree-grid-row-reorder/tree-grid-row-reorder.component.ts +++ b/src/app/tree-grid/tree-grid-row-reorder/tree-grid-row-reorder.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild } from '@angular/core'; import { IDropDroppedEventArgs, IgxDropDirective } from 'igniteui-angular/directives'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { GridSelectionMode, IgxColumnComponent, RowType } from 'igniteui-angular/grids/core'; @@ -11,7 +11,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-row-reorder', styleUrls: ['tree-grid-row-reorder.component.scss'], templateUrl: 'tree-grid-row-reorder.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxDropDirective, IgxPreventDocumentScrollDirective, IgxPaginatorComponent, IgxColumnComponent] }) export class TreeGridRowReorderComponent { diff --git a/src/app/tree-grid/tree-grid-rowClasses-sample/tree-grid-rowClasses.component.ts b/src/app/tree-grid/tree-grid-rowClasses-sample/tree-grid-rowClasses.component.ts index cf9bf2770..4f7615de3 100644 --- a/src/app/tree-grid/tree-grid-rowClasses-sample/tree-grid-rowClasses.component.ts +++ b/src/app/tree-grid/tree-grid-rowClasses-sample/tree-grid-rowClasses.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxColumnComponent, RowType } from 'igniteui-angular/grids/core'; import { generateEmployeeFlatData, IEmployee } from '../data/employees-flat'; @@ -9,7 +9,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-row-classes-sample', styleUrls: ['tree-grid-rowClasses.component.scss'], templateUrl: 'tree-grid-rowClasses.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent] }) export class TreeGridRowClassesComponent implements OnInit { diff --git a/src/app/tree-grid/tree-grid-rowStyles-sample/tree-grid-rowStyle.component.ts b/src/app/tree-grid/tree-grid-rowStyles-sample/tree-grid-rowStyle.component.ts index aaffb1037..b18c2bcc1 100644 --- a/src/app/tree-grid/tree-grid-rowStyles-sample/tree-grid-rowStyle.component.ts +++ b/src/app/tree-grid/tree-grid-rowStyles-sample/tree-grid-rowStyle.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxColumnComponent, RowType } from 'igniteui-angular/grids/core'; import { generateEmployeeFlatData, IEmployee } from '../data/employees-flat'; @@ -9,7 +9,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-row-styles-sample', styleUrls: ['tree-grid-rowStyle.component.scss'], templateUrl: 'tree-grid-rowStyle.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent] }) export class TreeGridRowStylesComponent implements OnInit { diff --git a/src/app/tree-grid/tree-grid-sample-both-pinning/tree-grid-both-sides-pinning.component.ts b/src/app/tree-grid/tree-grid-sample-both-pinning/tree-grid-both-sides-pinning.component.ts index 1bbb638ec..520c1b898 100644 --- a/src/app/tree-grid/tree-grid-sample-both-pinning/tree-grid-both-sides-pinning.component.ts +++ b/src/app/tree-grid/tree-grid-sample-both-pinning/tree-grid-both-sides-pinning.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, TemplateRef, ViewChild, ViewEncapsulation, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, TemplateRef, ViewChild, ViewEncapsulation } from '@angular/core'; import { ColumnPinningPosition, ColumnType } from 'igniteui-angular/core'; import { IPinningConfig, IgxColumnComponent, IgxGridToolbarActionsComponent, IgxGridToolbarComponent } from 'igniteui-angular/grids/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; @@ -11,7 +11,6 @@ import { generateEmployeeDetailedFlatData } from '../data/employees-flat-detaile selector: 'app-tree-grid-sample', styleUrls: ['tree-grid-both-sides-pinning.component.scss'], templateUrl: 'tree-grid-both-sides-pinning.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [ IgxTreeGridComponent, IgxGridToolbarComponent, diff --git a/src/app/tree-grid/tree-grid-sample-right-pinning/tree-grid-right-pinning.component.ts b/src/app/tree-grid/tree-grid-sample-right-pinning/tree-grid-right-pinning.component.ts index 9ff79271c..00338b5c0 100644 --- a/src/app/tree-grid/tree-grid-sample-right-pinning/tree-grid-right-pinning.component.ts +++ b/src/app/tree-grid/tree-grid-sample-right-pinning/tree-grid-right-pinning.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, TemplateRef, ViewChild, ViewEncapsulation, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, TemplateRef, ViewChild, ViewEncapsulation } from '@angular/core'; import { ColumnPinningPosition } from 'igniteui-angular/core'; import { IPinningConfig, IgxColumnComponent, IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarPinningComponent } from 'igniteui-angular/grids/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; @@ -10,7 +10,6 @@ import { generateEmployeeDetailedFlatData } from '../data/employees-flat-detaile selector: 'app-tree-grid-sample', styleUrls: ['tree-grid-right-pinning.component.scss'], templateUrl: 'tree-grid-right-pinning.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxGridToolbarComponent, IgxGridToolbarActionsComponent, IgxGridToolbarPinningComponent, IgxColumnComponent] }) diff --git a/src/app/tree-grid/tree-grid-save-state/about.component.ts b/src/app/tree-grid/tree-grid-save-state/about.component.ts index 0239f7c56..344dcf017 100644 --- a/src/app/tree-grid/tree-grid-save-state/about.component.ts +++ b/src/app/tree-grid/tree-grid-save-state/about.component.ts @@ -1,11 +1,10 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { IgxButtonDirective } from 'igniteui-angular/directives'; import { RouterLink } from '@angular/router'; @Component({ selector: 'app-about', templateUrl: './about.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, RouterLink] }) export class TGridAboutComponent { diff --git a/src/app/tree-grid/tree-grid-save-state/tGrid-state.component.ts b/src/app/tree-grid/tree-grid-save-state/tGrid-state.component.ts index c7069bf9e..01844d214 100644 --- a/src/app/tree-grid/tree-grid-save-state/tGrid-state.component.ts +++ b/src/app/tree-grid/tree-grid-save-state/tGrid-state.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ViewChildren, QueryList, AfterViewInit, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild, ViewChildren, QueryList, AfterViewInit, inject } from '@angular/core'; import { Router, RouterLink } from '@angular/router'; import { FilteringExpressionsTree, FilteringLogic } from 'igniteui-angular/core'; import { GridFeatures, IGridState, IGridStateOptions, IgxColumnComponent, IgxGridStateDirective } from 'igniteui-angular/grids/core'; @@ -16,7 +16,6 @@ import { EMPLOYEE_DATA } from './data'; selector: 'app-tgrid', styleUrls: ['./tGrid-state.component.scss'], templateUrl: './tGrid-state.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxIconComponent, RouterLink, IgxCheckboxComponent, IgxTreeGridComponent, IgxGridStateDirective, IgxPaginatorComponent, IgxColumnComponent] }) diff --git a/src/app/tree-grid/tree-grid-search-sample/tree-grid-search-sample.component.ts b/src/app/tree-grid/tree-grid-search-sample/tree-grid-search-sample.component.ts index 562bcd4e3..2827e076e 100644 --- a/src/app/tree-grid/tree-grid-search-sample/tree-grid-search-sample.component.ts +++ b/src/app/tree-grid/tree-grid-search-sample/tree-grid-search-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxInputDirective, IgxInputGroupComponent, IgxPrefixDirective, IgxSuffixDirective } from 'igniteui-angular/input-group'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -14,7 +14,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-search-sample', styleUrls: ['./tree-grid-search-sample.component.scss'], templateUrl: './tree-grid-search-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxInputGroupComponent, IgxPrefixDirective, IgxIconComponent, FormsModule, IgxInputDirective, IgxSuffixDirective, IgxChipsAreaComponent, IgxChipComponent, IgxIconButtonDirective, IgxRippleDirective, IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent] }) export class TreeGridSearchSampleComponent implements OnInit { diff --git a/src/app/tree-grid/tree-grid-selection-sample/tree-grid-selection-sample.component.ts b/src/app/tree-grid/tree-grid-selection-sample/tree-grid-selection-sample.component.ts index 33945b738..954802ffd 100644 --- a/src/app/tree-grid/tree-grid-selection-sample/tree-grid-selection-sample.component.ts +++ b/src/app/tree-grid/tree-grid-selection-sample/tree-grid-selection-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { GridSelectionMode, IRowSelectionEventArgs, IgxColumnComponent } from 'igniteui-angular/grids/core'; import { IgxSnackbarComponent } from 'igniteui-angular/snackbar'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; @@ -14,7 +14,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-selection-sample', styleUrls: ['./tree-grid-selection-sample.component.scss'], templateUrl: './tree-grid-selection-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSwitchComponent, FormsModule, IgxButtonGroupComponent, IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxSnackbarComponent, IgxIconComponent] }) export class TreeGridSelectionSampleComponent implements OnInit { diff --git a/src/app/tree-grid/tree-grid-selection-template-numbers/tree-grid-selection-template-numbers.component.ts b/src/app/tree-grid/tree-grid-selection-template-numbers/tree-grid-selection-template-numbers.component.ts index 1fc5c84df..6dfe1cf7f 100644 --- a/src/app/tree-grid/tree-grid-selection-template-numbers/tree-grid-selection-template-numbers.component.ts +++ b/src/app/tree-grid/tree-grid-selection-template-numbers/tree-grid-selection-template-numbers.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { generateEmployeeFlatData } from '../data/employees-flat'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxPaginatorComponent } from 'igniteui-angular/paginator'; @@ -10,7 +10,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-selection-template-numbers', styleUrls: ['./tree-grid-selection-template-numbers.component.scss'], templateUrl: './tree-grid-selection-template-numbers.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxPaginatorComponent, IgxColumnComponent, IgxHeadSelectorDirective, IgxRowSelectorDirective, IgxCheckboxComponent] }) export class TreeGridSelectionTemplateNumbersSampleComponent implements OnInit { diff --git a/src/app/tree-grid/tree-grid-sorting-sample/tree-grid-contextmenu/tree-grid-contextmenu.component.ts b/src/app/tree-grid/tree-grid-sorting-sample/tree-grid-contextmenu/tree-grid-contextmenu.component.ts index b76fa4d89..cf2f415a6 100644 --- a/src/app/tree-grid/tree-grid-sorting-sample/tree-grid-contextmenu/tree-grid-contextmenu.component.ts +++ b/src/app/tree-grid/tree-grid-sorting-sample/tree-grid-contextmenu/tree-grid-contextmenu.component.ts @@ -1,4 +1,4 @@ -import { Component, Input, ChangeDetectionStrategy } from '@angular/core'; +import { Component, Input } from '@angular/core'; import { SortingDirection } from 'igniteui-angular/core'; import { IgxIconComponent } from 'igniteui-angular/icon'; import { NgStyle } from '@angular/common'; @@ -7,7 +7,6 @@ import { NgStyle } from '@angular/common'; selector: 'app-tree-grid-contextmenu', styleUrls: ['./tree-grid-contextmenu.component.scss'], templateUrl: './tree-grid-contextmenu.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [NgStyle, IgxIconComponent] }) export class TreeGridContextmenuComponent { diff --git a/src/app/tree-grid/tree-grid-sorting-sample/tree-grid-sorting-sample.component.ts b/src/app/tree-grid/tree-grid-sorting-sample/tree-grid-sorting-sample.component.ts index 7c7fc509c..528e8b8cb 100644 --- a/src/app/tree-grid/tree-grid-sorting-sample/tree-grid-sorting-sample.component.ts +++ b/src/app/tree-grid/tree-grid-sorting-sample/tree-grid-sorting-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, AfterViewInit, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild, AfterViewInit } from '@angular/core'; import { DefaultSortingStrategy, ISortingOptions, SortingDirection } from 'igniteui-angular/core'; import { IgxTreeGridComponent, IgxTreeGridGroupByAreaComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxCellTemplateDirective, IgxColumnComponent, IgxGridToolbarActionsComponent, IgxGridToolbarComponent } from 'igniteui-angular/grids/core'; @@ -15,7 +15,6 @@ import { TreeGridContextmenuComponent } from './tree-grid-contextmenu/tree-grid- selector: 'app-tree-grid-sorting-sample', styleUrls: ['./tree-grid-sorting-sample.component.scss'], templateUrl: 'tree-grid-sorting-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxButtonDirective, IgxGridToolbarActionsComponent, IgxSimpleComboComponent, FormsModule, IgxComboClearIconDirective, IgxComboItemDirective, IgxTreeGridGroupByAreaComponent, IgxColumnComponent, IgxCellTemplateDirective, TreeGridContextmenuComponent, UpperCasePipe] }) diff --git a/src/app/tree-grid/tree-grid-sorting-styling/tree-grid-sorting-styling.component.ts b/src/app/tree-grid/tree-grid-sorting-styling/tree-grid-sorting-styling.component.ts index 57e20c0ae..a8e9de0d3 100644 --- a/src/app/tree-grid/tree-grid-sorting-styling/tree-grid-sorting-styling.component.ts +++ b/src/app/tree-grid/tree-grid-sorting-styling/tree-grid-sorting-styling.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { DefaultSortingStrategy, SortingDirection } from 'igniteui-angular/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; @@ -10,7 +10,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-sorting-styling', styleUrls: ['./tree-grid-sorting-styling.component.scss'], templateUrl: 'tree-grid-sorting-styling.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective] }) diff --git a/src/app/tree-grid/tree-grid-style/tree-grid-style.component.ts b/src/app/tree-grid/tree-grid-style/tree-grid-style.component.ts index c6786423d..653f39c22 100644 --- a/src/app/tree-grid/tree-grid-style/tree-grid-style.component.ts +++ b/src/app/tree-grid/tree-grid-style/tree-grid-style.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit } from '@angular/core'; import { EMPLOYEE_FLAT_AVATARS_DATA } from '../data/employees-flat-avatars'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; @@ -9,7 +9,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-style', styleUrls: ['./tree-grid-style.component.scss'], templateUrl: './tree-grid-style.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxAvatarComponent] }) export class TreeGridStyleComponent implements OnInit { diff --git a/src/app/tree-grid/tree-grid-summary-export/tree-grid-summary-export.component.ts b/src/app/tree-grid/tree-grid-summary-export/tree-grid-summary-export.component.ts index 067fecabf..4c8318e0f 100644 --- a/src/app/tree-grid/tree-grid-summary-export/tree-grid-summary-export.component.ts +++ b/src/app/tree-grid/tree-grid-summary-export/tree-grid-summary-export.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild, inject } from '@angular/core'; import { ColumnType } from 'igniteui-angular/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxButtonDirective } from 'igniteui-angular/directives'; @@ -12,7 +12,6 @@ import { DatePipe } from '@angular/common'; selector: 'app-tree-grid-summary-export', styleUrls: ['./tree-grid-summary-export.component.scss'], templateUrl: './tree-grid-summary-export.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonDirective, IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxCellHeaderTemplateDirective, IgxIconComponent, DatePipe] }) export class TreeGridSummaryExportComponent { diff --git a/src/app/tree-grid/tree-grid-summary-formatter/tree-grid-summary-formatter.component.ts b/src/app/tree-grid/tree-grid-summary-formatter/tree-grid-summary-formatter.component.ts index 1093a5cd5..142baff8c 100644 --- a/src/app/tree-grid/tree-grid-summary-formatter/tree-grid-summary-formatter.component.ts +++ b/src/app/tree-grid/tree-grid-summary-formatter/tree-grid-summary-formatter.component.ts @@ -1,5 +1,5 @@ import { DatePipe } from '@angular/common'; -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { IgxCellTemplateDirective, IgxColumnComponent, IgxDateSummaryOperand, IgxSummaryOperand } from 'igniteui-angular/grids/core'; import { IgxSummaryResult } from 'igniteui-angular/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; @@ -10,7 +10,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-summary-formatter', styleUrls: ['./tree-grid-summary-formatter.component.scss'], templateUrl: 'tree-grid-summary-formatter.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective] }) diff --git a/src/app/tree-grid/tree-grid-summary-sample/tree-grid-summary-sample.component.ts b/src/app/tree-grid/tree-grid-summary-sample/tree-grid-summary-sample.component.ts index 2ca6b33dd..bd9858e36 100644 --- a/src/app/tree-grid/tree-grid-summary-sample/tree-grid-summary-sample.component.ts +++ b/src/app/tree-grid/tree-grid-summary-sample/tree-grid-summary-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild } from '@angular/core'; import { ColumnType } from 'igniteui-angular/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxCellHeaderTemplateDirective, IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; @@ -11,7 +11,6 @@ import { DatePipe } from '@angular/common'; selector: 'app-tree-grid-summary-sample', styleUrls: ['./tree-grid-summary-sample.component.scss'], templateUrl: './tree-grid-summary-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxCellHeaderTemplateDirective, IgxIconComponent, DatePipe] }) export class TreeGridSummarySampleComponent { diff --git a/src/app/tree-grid/tree-grid-summary-styling/tree-grid-summary-styling.component.ts b/src/app/tree-grid/tree-grid-summary-styling/tree-grid-summary-styling.component.ts index 680d44201..96908837a 100644 --- a/src/app/tree-grid/tree-grid-summary-styling/tree-grid-summary-styling.component.ts +++ b/src/app/tree-grid/tree-grid-summary-styling/tree-grid-summary-styling.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild } from '@angular/core'; import { ColumnType } from 'igniteui-angular/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxCellHeaderTemplateDirective, IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; @@ -11,7 +11,6 @@ import { DatePipe } from '@angular/common'; selector: 'app-tree-grid-summary-styling', styleUrls: ['./tree-grid-summary-styling.component.scss'], templateUrl: './tree-grid-summary-styling.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective, IgxCellHeaderTemplateDirective, IgxIconComponent, DatePipe] }) export class TreeGridSummaryStylingComponent { diff --git a/src/app/tree-grid/tree-grid-summary2-sample/tree-grid-summary2-sample.component.ts b/src/app/tree-grid/tree-grid-summary2-sample/tree-grid-summary2-sample.component.ts index 1b2c37938..e5c2dfd9f 100644 --- a/src/app/tree-grid/tree-grid-summary2-sample/tree-grid-summary2-sample.component.ts +++ b/src/app/tree-grid/tree-grid-summary2-sample/tree-grid-summary2-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { DefaultSortingStrategy, GridSummaryCalculationMode, ISortingExpression, IgxSummaryResult, SortingDirection } from 'igniteui-angular/core'; import { GridSummaryPosition, IgxCellTemplateDirective, IgxColumnComponent, IgxNumberSummaryOperand, IgxSummaryOperand } from 'igniteui-angular/grids/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; @@ -26,7 +26,6 @@ class AvgSummary { selector: 'app-tree-grid-summary2-sample', styleUrls: ['./tree-grid-summary2-sample.component.scss'], templateUrl: './tree-grid-summary2-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxButtonGroupComponent, IgxSwitchComponent, IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellTemplateDirective] }) export class TreeGridSummary2SampleComponent implements OnInit { diff --git a/src/app/tree-grid/tree-grid-toolbar-sample-1/tree-grid-toolbar-sample-1.component.ts b/src/app/tree-grid/tree-grid-toolbar-sample-1/tree-grid-toolbar-sample-1.component.ts index 85217c9e5..098ef97f2 100644 --- a/src/app/tree-grid/tree-grid-toolbar-sample-1/tree-grid-toolbar-sample-1.component.ts +++ b/src/app/tree-grid/tree-grid-toolbar-sample-1/tree-grid-toolbar-sample-1.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { EMPLOYEE_FLAT_AVATARS_DATA } from '../data/employees-flat-avatars'; import { IgxInputDirective, IgxInputGroupComponent, IgxLabelDirective } from 'igniteui-angular/input-group'; import { IgxSwitchComponent } from 'igniteui-angular/switch'; @@ -13,7 +13,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-toolbar-sample-1', styleUrls: ['./tree-grid-toolbar-sample-1.component.scss'], templateUrl: './tree-grid-toolbar-sample-1.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxInputGroupComponent, IgxLabelDirective, FormsModule, IgxInputDirective, IgxSwitchComponent, IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxGridToolbarTitleComponent, IgxGridToolbarActionsComponent, IgxGridToolbarAdvancedFilteringComponent, IgxGridToolbarHidingComponent, IgxGridToolbarPinningComponent, IgxGridToolbarExporterComponent, IgxColumnComponent, IgxCellTemplateDirective, IgxAvatarComponent] }) export class TreeGridToolbarSample1Component { diff --git a/src/app/tree-grid/tree-grid-toolbar-sample-2/tree-grid-toolbar-sample-2.component.ts b/src/app/tree-grid/tree-grid-toolbar-sample-2/tree-grid-toolbar-sample-2.component.ts index c90d97b00..b22501765 100644 --- a/src/app/tree-grid/tree-grid-toolbar-sample-2/tree-grid-toolbar-sample-2.component.ts +++ b/src/app/tree-grid/tree-grid-toolbar-sample-2/tree-grid-toolbar-sample-2.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { CsvFileTypes, IColumnExportingEventArgs, @@ -22,7 +22,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-toolbar-sample-2', styleUrls: ['./tree-grid-toolbar-sample-2.component.scss'], templateUrl: './tree-grid-toolbar-sample-2.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxGridToolbarTitleComponent, IgxGridToolbarActionsComponent, IgxGridToolbarExporterComponent, IgxColumnComponent, IgxCellTemplateDirective, IgxAvatarComponent] }) export class TreeGridToolbarSample2Component { @@ -36,7 +35,7 @@ export class TreeGridToolbarSample2Component { public configureExport(args: IGridToolbarExportEventArgs) { // You can customize the exporting from this event const options: IgxExporterOptionsBase = args.options; - + options.fileName = `Report_${new Date().toDateString()}`; if (options instanceof IgxExcelExporterOptions) { diff --git a/src/app/tree-grid/tree-grid-toolbar-sample-3/tree-grid-toolbar-sample-3.component.ts b/src/app/tree-grid/tree-grid-toolbar-sample-3/tree-grid-toolbar-sample-3.component.ts index 8ef0a9f12..165b0d642 100644 --- a/src/app/tree-grid/tree-grid-toolbar-sample-3/tree-grid-toolbar-sample-3.component.ts +++ b/src/app/tree-grid/tree-grid-toolbar-sample-3/tree-grid-toolbar-sample-3.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { EMPLOYEE_FLAT_AVATARS_DATA } from '../data/employees-flat-avatars'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxCellTemplateDirective, IgxColumnComponent, IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarExporterComponent, IgxGridToolbarHidingComponent, IgxGridToolbarPinningComponent, IgxGridToolbarTitleComponent } from 'igniteui-angular/grids/core'; @@ -11,7 +11,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-toolbar-sample-3', styleUrls: ['./tree-grid-toolbar-sample-3.component.scss'], templateUrl: './tree-grid-toolbar-sample-3.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxGridToolbarTitleComponent, IgxGridToolbarActionsComponent, IgxButtonDirective, IgxRippleDirective, IgxIconComponent, IgxGridToolbarHidingComponent, IgxGridToolbarPinningComponent, IgxGridToolbarExporterComponent, IgxColumnComponent, IgxCellTemplateDirective, IgxAvatarComponent] }) export class TreeGridToolbarSample3Component { diff --git a/src/app/tree-grid/tree-grid-toolbar-sample-4/tree-grid-toolbar-sample-4.component.ts b/src/app/tree-grid/tree-grid-toolbar-sample-4/tree-grid-toolbar-sample-4.component.ts index 2a5328283..0463d4bb4 100644 --- a/src/app/tree-grid/tree-grid-toolbar-sample-4/tree-grid-toolbar-sample-4.component.ts +++ b/src/app/tree-grid/tree-grid-toolbar-sample-4/tree-grid-toolbar-sample-4.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { EMPLOYEE_FLAT_AVATARS_DATA } from '../data/employees-flat-avatars'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxCellTemplateDirective, IgxColumnComponent, IgxGridToolbarActionsComponent, IgxGridToolbarAdvancedFilteringComponent, IgxGridToolbarComponent, IgxGridToolbarExporterComponent, IgxGridToolbarHidingComponent, IgxGridToolbarPinningComponent, IgxGridToolbarTitleComponent } from 'igniteui-angular/grids/core'; @@ -9,7 +9,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-toolbar-sample-4', styleUrls: ['./tree-grid-toolbar-sample-4.component.scss'], templateUrl: './tree-grid-toolbar-sample-4.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxGridToolbarTitleComponent, IgxGridToolbarActionsComponent, IgxGridToolbarAdvancedFilteringComponent, IgxGridToolbarHidingComponent, IgxGridToolbarPinningComponent, IgxGridToolbarExporterComponent, IgxColumnComponent, IgxCellTemplateDirective, IgxAvatarComponent] }) export class TreeGridToolbarSample4Component { diff --git a/src/app/tree-grid/tree-grid-toolbar-style/tree-grid-toolbar-style.component.ts b/src/app/tree-grid/tree-grid-toolbar-style/tree-grid-toolbar-style.component.ts index d23646847..f64edf5e3 100644 --- a/src/app/tree-grid/tree-grid-toolbar-style/tree-grid-toolbar-style.component.ts +++ b/src/app/tree-grid/tree-grid-toolbar-style/tree-grid-toolbar-style.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { EMPLOYEE_FLAT_AVATARS_DATA } from '../data/employees-flat-avatars'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxCellTemplateDirective, IgxColumnComponent, IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarExporterComponent, IgxGridToolbarHidingComponent, IgxGridToolbarPinningComponent, IgxGridToolbarTitleComponent } from 'igniteui-angular/grids/core'; @@ -9,7 +9,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-toolbar-style', styleUrls: ['./tree-grid-toolbar-style.component.scss'], templateUrl: './tree-grid-toolbar-style.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxGridToolbarComponent, IgxGridToolbarTitleComponent, IgxGridToolbarActionsComponent, IgxGridToolbarHidingComponent, IgxGridToolbarPinningComponent, IgxGridToolbarExporterComponent, IgxColumnComponent, IgxCellTemplateDirective, IgxAvatarComponent] }) export class TreeGridToolbarStyleComponent { diff --git a/src/app/tree-grid/tree-grid-tree-filter-view/tree-grid-tree-filter-view.component.ts b/src/app/tree-grid/tree-grid-tree-filter-view/tree-grid-tree-filter-view.component.ts index fa0bcdc1f..9bf06c8bc 100644 --- a/src/app/tree-grid/tree-grid-tree-filter-view/tree-grid-tree-filter-view.component.ts +++ b/src/app/tree-grid/tree-grid-tree-filter-view/tree-grid-tree-filter-view.component.ts @@ -9,7 +9,6 @@ import { ORDERS_DATA } from '../data/orders'; import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scroll.directive'; @Component({ - changeDetection: ChangeDetectionStrategy.OnPush, selector: 'app-tree-grid-tree-filter-view', styleUrls: ['./tree-grid-tree-filter-view.component.scss'], templateUrl: 'tree-grid-tree-filter-view.component.html', diff --git a/src/app/tree-grid/tree-grid-validation-style/tree-grid-validation-style.component.ts b/src/app/tree-grid/tree-grid-validation-style/tree-grid-validation-style.component.ts index d0b1e9203..dad7ada41 100644 --- a/src/app/tree-grid/tree-grid-validation-style/tree-grid-validation-style.component.ts +++ b/src/app/tree-grid/tree-grid-validation-style/tree-grid-validation-style.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxCellValidationErrorDirective, IgxColumnComponent, IgxColumnRequiredValidatorDirective, RowType } from 'igniteui-angular/grids/core'; import { generateEmployeeFlatData, IEmployee } from '../data/employees-flat'; @@ -9,7 +9,6 @@ import { NgTemplateOutlet } from '@angular/common'; selector: 'app-tree-grid-validation-style', styleUrls: ['tree-grid-validation-style.component.scss'], templateUrl: 'tree-grid-validation-style.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxColumnRequiredValidatorDirective, IgxCellValidationErrorDirective, NgTemplateOutlet] }) export class TreeGridValidationStyleComponent implements OnInit { diff --git a/src/app/tree-grid/tree-grid-validator-service-cross-field/tree-grid-validator-service-cross-field.component.ts b/src/app/tree-grid/tree-grid-validator-service-cross-field/tree-grid-validator-service-cross-field.component.ts index 4a1f1c0c5..fdd189b87 100644 --- a/src/app/tree-grid/tree-grid-validator-service-cross-field/tree-grid-validator-service-cross-field.component.ts +++ b/src/app/tree-grid/tree-grid-validator-service-cross-field/tree-grid-validator-service-cross-field.component.ts @@ -1,5 +1,5 @@ /* eslint-disable @typescript-eslint/naming-convention */ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { AbstractControl, FormGroup, ValidationErrors, ValidatorFn, FormsModule, ReactiveFormsModule } from '@angular/forms'; import { ColumnPinningPosition } from 'igniteui-angular/core'; import { CellType, IGridEditEventArgs, IGridFormGroupCreatedEventArgs, IPinningConfig, IgxCellEditorTemplateDirective, IgxCellTemplateDirective, IgxColumnComponent, IgxColumnMaxValidatorDirective, IgxColumnMinValidatorDirective, IgxColumnRequiredValidatorDirective } from 'igniteui-angular/grids/core'; @@ -15,7 +15,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-validator-service-cross-field-component', styleUrls: ['tree-grid-validator-service-cross-field.component.scss'], templateUrl: 'tree-grid-validator-service-cross-field.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSwitchComponent, FormsModule, IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxColumnRequiredValidatorDirective, IgxColumnMinValidatorDirective, IgxColumnMaxValidatorDirective, IgxCellEditorTemplateDirective, IgxSelectComponent, ReactiveFormsModule, IgxFocusDirective, IgxSelectItemComponent, IgxCellTemplateDirective, IgxTooltipTargetDirective, IgxTooltipDirective, IgxButtonDirective] }) export class TreeGridValidatorServiceCrossFieldComponent implements OnInit { diff --git a/src/app/tree-grid/tree-grid-validator-service-extended/tree-grid-validator-service-extended.component.ts b/src/app/tree-grid/tree-grid-validator-service-extended/tree-grid-validator-service-extended.component.ts index 425cc4894..0cec1a33f 100644 --- a/src/app/tree-grid/tree-grid-validator-service-extended/tree-grid-validator-service-extended.component.ts +++ b/src/app/tree-grid/tree-grid-validator-service-extended/tree-grid-validator-service-extended.component.ts @@ -1,6 +1,6 @@ /* eslint-disable @typescript-eslint/naming-convention */ -import { Component, Directive, Input, OnInit, ViewChild, ChangeDetectionStrategy, forwardRef } from '@angular/core'; -import { AbstractControl, FormGroup, NG_VALIDATORS, ValidationErrors, ValidatorFn, Validators } from '@angular/forms'; +import { Component, Directive, forwardRef, Input, OnInit, ViewChild } from '@angular/core'; +import { AbstractControl, NG_VALIDATORS, ValidationErrors, ValidatorFn, Validators } from '@angular/forms'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IGridFormGroupCreatedEventArgs, IgxCellValidationErrorDirective, IgxColumnComponent, IgxColumnMaxValidatorDirective, IgxColumnMinValidatorDirective, IgxColumnRequiredValidatorDirective } from 'igniteui-angular/grids/core'; import { IgxButtonDirective } from 'igniteui-angular/directives'; @@ -33,7 +33,6 @@ export class TGridPhoneFormatDirective extends Validators { selector: 'app-tree-grid-validator-service-extended-component', styleUrls: ['tree-grid-validator-service-extended.component.scss'], templateUrl: 'tree-grid-validator-service-extended.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxColumnMinValidatorDirective, IgxColumnRequiredValidatorDirective, IgxColumnMaxValidatorDirective, TGridPhoneFormatDirective, IgxCellValidationErrorDirective, NgTemplateOutlet, IgxButtonDirective] }) export class TreeGridValidatorServiceExtendedComponent implements OnInit { diff --git a/src/app/tree-grid/tree-grid-validator-service/tree-grid-validator-service.component.ts b/src/app/tree-grid/tree-grid-validator-service/tree-grid-validator-service.component.ts index 913c8578a..d72902bfa 100644 --- a/src/app/tree-grid/tree-grid-validator-service/tree-grid-validator-service.component.ts +++ b/src/app/tree-grid/tree-grid-validator-service/tree-grid-validator-service.component.ts @@ -1,5 +1,5 @@ /* eslint-disable @typescript-eslint/naming-convention */ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxSwitchComponent } from 'igniteui-angular/switch'; import { IgxColumnComponent, IgxColumnMaxValidatorDirective, IgxColumnMinValidatorDirective, IgxColumnRequiredValidatorDirective } from 'igniteui-angular/grids/core'; @@ -11,7 +11,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'app-tree-grid-validator-service-component', styleUrls: ['tree-grid-validator-service.component.scss'], templateUrl: 'tree-grid-validator-service.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxSwitchComponent, FormsModule, IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxColumnRequiredValidatorDirective, IgxColumnMinValidatorDirective, IgxColumnMaxValidatorDirective] }) export class TreeGridValidatorServiceComponent implements OnInit { diff --git a/src/app/tree-grid/tree-grid-virtualization-sample/tree-grid-virtualization-sample.component.ts b/src/app/tree-grid/tree-grid-virtualization-sample/tree-grid-virtualization-sample.component.ts index 18d1b8c37..13adc3ee6 100644 --- a/src/app/tree-grid/tree-grid-virtualization-sample/tree-grid-virtualization-sample.component.ts +++ b/src/app/tree-grid/tree-grid-virtualization-sample/tree-grid-virtualization-sample.component.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild, inject, ChangeDetectionStrategy } from '@angular/core'; +import { Component, ViewChild, inject } from '@angular/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxCellHeaderTemplateDirective, IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; import { IgxBadgeComponent } from 'igniteui-angular/badge'; @@ -13,7 +13,6 @@ import { AsyncPipe } from '@angular/common'; selector: 'tree-grid-virtualization-sample', styleUrls: ['./tree-grid-virtualization-sample.component.scss'], templateUrl: 'tree-grid-virtualization-sample.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxCellHeaderTemplateDirective, IgxCellTemplateDirective, IgxBadgeComponent, AsyncPipe] }) diff --git a/src/app/tree-grid/treegrid-allData-summary/treegrid-allData-summary.component.ts b/src/app/tree-grid/treegrid-allData-summary/treegrid-allData-summary.component.ts index 4296b1149..c21c1e450 100644 --- a/src/app/tree-grid/treegrid-allData-summary/treegrid-allData-summary.component.ts +++ b/src/app/tree-grid/treegrid-allData-summary/treegrid-allData-summary.component.ts @@ -1,4 +1,4 @@ -import { Component, OnInit, ViewChild, ChangeDetectionStrategy } from '@angular/core'; +import { Component, OnInit, ViewChild } from '@angular/core'; import { IgxColumnComponent, IgxSummaryOperand } from 'igniteui-angular/grids/core'; import { IgxSummaryResult } from 'igniteui-angular/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; @@ -45,7 +45,6 @@ class PTOSummary { selector: 'app-treegrid-all-data-summary-sample', styleUrls: ['./treegrid-allData-summary.component.scss'], templateUrl: './treegrid-allData-summary.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent] }) export class TreeGridAllDataSummaryComponent implements OnInit { diff --git a/src/app/tree-grid/treegrid-column-autosizing/treegrid-column-autosizing.component.ts b/src/app/tree-grid/treegrid-column-autosizing/treegrid-column-autosizing.component.ts index ae7bdc649..4d4faf9ac 100644 --- a/src/app/tree-grid/treegrid-column-autosizing/treegrid-column-autosizing.component.ts +++ b/src/app/tree-grid/treegrid-column-autosizing/treegrid-column-autosizing.component.ts @@ -1,4 +1,4 @@ -import { Component, ChangeDetectionStrategy } from '@angular/core'; +import { Component } from '@angular/core'; import { generateEmployeeDetailedFlatData } from '../data/employees-flat-detailed'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxColumnComponent } from 'igniteui-angular/grids/core'; @@ -8,7 +8,6 @@ import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scro selector: 'tree-grid-columnAutoSizing-sample', styleUrls: ['./treegrid-column-autosizing.component.scss'], templateUrl: './treegrid-column-autosizing.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent] }) export class TreeGridColumnAutoSizingSampleComponent { diff --git a/src/app/tree-grid/treegrid-summary-template/treegrid-summary-template.component.ts b/src/app/tree-grid/treegrid-summary-template/treegrid-summary-template.component.ts index 0a8893998..2f6a4e64b 100644 --- a/src/app/tree-grid/treegrid-summary-template/treegrid-summary-template.component.ts +++ b/src/app/tree-grid/treegrid-summary-template/treegrid-summary-template.component.ts @@ -1,4 +1,4 @@ -import { Component, HostBinding, OnInit, ChangeDetectionStrategy } from '@angular/core'; +import { Component, HostBinding, OnInit } from '@angular/core'; import { IgxColumnComponent, IgxSummaryOperand, IgxSummaryTemplateDirective } from 'igniteui-angular/grids/core'; import { IgxSummaryResult } from 'igniteui-angular/core'; import { IgxInputDirective, IgxInputGroupComponent, IgxLabelDirective } from 'igniteui-angular/input-group'; @@ -49,7 +49,6 @@ class PTOSummary { selector: 'app-treegrid-summary-template', styleUrls: ['./treegrid-summary-template.component.scss'], templateUrl: './treegrid-summary-template.component.html', - changeDetection: ChangeDetectionStrategy.Eager, imports: [IgxInputGroupComponent, IgxLabelDirective, FormsModule, IgxInputDirective, IgxSwitchComponent, IgxButtonGroupComponent, IgxTreeGridComponent, IgxPreventDocumentScrollDirective, IgxColumnComponent, IgxSummaryTemplateDirective] }) export class TreeGridSummaryTemplateComponent implements OnInit { diff --git a/src/main.server.ts b/src/main.server.ts index 9c6485729..fbd3e9dbd 100644 --- a/src/main.server.ts +++ b/src/main.server.ts @@ -1,8 +1,7 @@ -import { provideZoneChangeDetection } from "@angular/core"; import { bootstrapApplication, BootstrapContext } from '@angular/platform-browser'; import { AppComponent } from './app/app.component'; import { config } from './app/app.config.server'; -const bootstrap = (context: BootstrapContext) => bootstrapApplication(AppComponent, {...config, providers: [provideZoneChangeDetection(), ...config.providers]}, context); +const bootstrap = (context: BootstrapContext) => bootstrapApplication(AppComponent, config, context); export default bootstrap; diff --git a/src/main.ts b/src/main.ts index 67e1fd621..fcc3112d6 100644 --- a/src/main.ts +++ b/src/main.ts @@ -1,4 +1,4 @@ -import { enableProdMode, provideZoneChangeDetection } from '@angular/core'; +import { enableProdMode } from '@angular/core'; import { environment } from './environments/environment'; import { defineCustomElements } from 'igniteui-dockmanager/loader'; import { bootstrapApplication } from '@angular/platform-browser'; @@ -9,6 +9,6 @@ if (environment.production) { enableProdMode(); } -bootstrapApplication(AppComponent, {...AppConfig, providers: [provideZoneChangeDetection(), ...AppConfig.providers]}).catch(err => console.log(err)); +bootstrapApplication(AppComponent, AppConfig).catch(err => console.log(err)); defineCustomElements(window); diff --git a/src/polyfills.ts b/src/polyfills.ts index 665b7dacb..1ccbc6ae9 100644 --- a/src/polyfills.ts +++ b/src/polyfills.ts @@ -3,9 +3,8 @@ * You can add your own extra polyfills to this file. * * This file is divided into 2 sections: - * 1. Browser polyfills. These are applied before loading ZoneJS and are sorted by browsers. - * 2. Application imports. Files imported after ZoneJS that should be loaded before your main - * file. + * 1. Browser polyfills. These are sorted by browsers. + * 2. Application imports. Files imported before your main file. * * The current setup is for so-called 'evergreen' browsers; the last versions of browsers that * automatically update themselves. This includes Safari >= 10, Chrome >= 55 (including Opera), @@ -29,11 +28,7 @@ // Used for reflect-metadata in JIT. If you use AOT (and only Angular decorators), you can remove. //import 'core-js/es7/reflect'; // Run `npm install --save web-animations-js`. -/*************************************************************************************************** - * Zone JS is required by Angular itself. - */ import 'hammerjs/hammer'; -import 'zone.js'; // Included with Angular CLI. /*************************************************************************************************** * @angular/animations polyfill diff --git a/src/test.ts b/src/test.ts index b3163668c..a3a396fe2 100644 --- a/src/test.ts +++ b/src/test.ts @@ -1,30 +1,24 @@ -// This file is required by karma.conf.js and loads recursively all the .spec and framework files - -import { getTestBed } from '@angular/core/testing'; -import { - BrowserDynamicTestingModule, - platformBrowserDynamicTesting -} from '@angular/platform-browser-dynamic/testing'; -import 'zone.js/dist/async-test'; -import 'zone.js/dist/fake-async-test'; -import 'zone.js/dist/jasmine-patch'; -import 'zone.js/dist/long-stack-trace-zone'; -import 'zone.js/dist/proxy.js'; -import 'zone.js/dist/sync-test'; - -// Unfortunately there's no typing for the `__karma__` variable. Just declare it as any. -// eslint-disable-next-line @typescript-eslint/naming-convention -declare const __karma__: any; - -// Prevent Karma from running prematurely. -__karma__.loaded = () => {}; - -// First, initialize the Angular testing environment. -getTestBed().initTestEnvironment( - BrowserDynamicTestingModule, +// This file is required by karma.conf.js and loads recursively all the .spec and framework files + +import { getTestBed } from '@angular/core/testing'; +import { + BrowserDynamicTestingModule, + platformBrowserDynamicTesting +} from '@angular/platform-browser-dynamic/testing'; + +// Unfortunately there's no typing for the `__karma__` variable. Just declare it as any. +// eslint-disable-next-line @typescript-eslint/naming-convention +declare const __karma__: any; + +// Prevent Karma from running prematurely. +__karma__.loaded = () => {}; + +// First, initialize the Angular testing environment. +getTestBed().initTestEnvironment( + BrowserDynamicTestingModule, platformBrowserDynamicTesting(), { teardown: { destroyAfterEach: false } -} -); -// Finally, start Karma to run the tests. -__karma__.start(); +} +); +// Finally, start Karma to run the tests. +__karma__.start(); From 1136f5ab28661d64a00f680e877550975ca2a66d Mon Sep 17 00:00:00 2001 From: Stamen Stoychev Date: Tue, 4 Aug 2026 12:06:58 +0300 Subject: [PATCH 10/35] chore(*): update to beta.2 --- package-lock.json | 24 ++++++++++++------------ package.json | 8 ++++---- 2 files changed, 16 insertions(+), 16 deletions(-) diff --git a/package-lock.json b/package-lock.json index 710b8ab5a..9e3d8f146 100644 --- a/package-lock.json +++ b/package-lock.json @@ -36,11 +36,11 @@ "file-saver": "^2.0.2", "fuse.js": "^7.1.0", "hammerjs": "^2.0.8", - "igniteui-angular": "22.1.0-beta.1", + "igniteui-angular": "22.1.0-beta.2", "igniteui-angular-charts": "^22.0.0", "igniteui-angular-core": "^22.0.0", - "igniteui-angular-extras": "22.1.0-beta.1", - "igniteui-angular-i18n": "22.1.0-beta.1", + "igniteui-angular-extras": "22.1.0-beta.2", + "igniteui-angular-i18n": "22.1.0-beta.2", "igniteui-dockmanager": "^1.17.0", "igniteui-grid-lite": "0.9.0", "igniteui-i18n-resources": "^1.0.4", @@ -10493,9 +10493,9 @@ "license": "BSD-3-Clause" }, "node_modules/igniteui-angular": { - "version": "22.1.0-beta.1", - "resolved": "https://registry.npmjs.org/igniteui-angular/-/igniteui-angular-22.1.0-beta.1.tgz", - "integrity": "sha512-kDrEuxBzuYGTKxV2A3TGJamB2qOXDJ5tGDJTCs2pKtaOLgJG9sCubRQ5KgM9coq6jF3ltQAgmc+ygDcoEXYL+g==", + "version": "22.1.0-beta.2", + "resolved": "https://registry.npmjs.org/igniteui-angular/-/igniteui-angular-22.1.0-beta.2.tgz", + "integrity": "sha512-cQU6lbqcd3zaj2Xj481OtONcG4GZJnXAoorvLbr1/s4c2/9fzRLSF939pKrJH7G1/zcOKnIXDatYK4PZopXOoQ==", "license": "SEE LICENSE IN LICENSE", "dependencies": { "@igniteui/material-icons-extended": "^3.1.0", @@ -10554,9 +10554,9 @@ } }, "node_modules/igniteui-angular-extras": { - "version": "22.1.0-beta.1", - "resolved": "https://registry.npmjs.org/igniteui-angular-extras/-/igniteui-angular-extras-22.1.0-beta.1.tgz", - "integrity": "sha512-+uLxNWBhHBngYcb+yTzs9gYyE2GuzMNninYl6ck/muV5B4z/Wl6OVfKO9ELEK7vA98mX7HSTjpv4NwsWIlVtQQ==", + "version": "22.1.0-beta.2", + "resolved": "https://registry.npmjs.org/igniteui-angular-extras/-/igniteui-angular-extras-22.1.0-beta.2.tgz", + "integrity": "sha512-M6Bhj38PtIVFK6snc4bZdFfZhT9joVmx9rxvR1C0T+K9yyDyz3pYXmTDcV9oZjwGq2KSaOJrbEHq1YxcCwd9cw==", "license": "SEE LICENSE IN LICENSE", "dependencies": { "igniteui-trial-watermark": "^3.1.0", @@ -10571,9 +10571,9 @@ } }, "node_modules/igniteui-angular-i18n": { - "version": "22.1.0-beta.1", - "resolved": "https://registry.npmjs.org/igniteui-angular-i18n/-/igniteui-angular-i18n-22.1.0-beta.1.tgz", - "integrity": "sha512-Y5Fq+jduys+es6MpQZ3mNWlbhXx+/WpOhEebohVAel1scGjyDN6wH9usZbI6gQ6hoCTcdx3cUFqd8hL13X7DzA==", + "version": "22.1.0-beta.2", + "resolved": "https://registry.npmjs.org/igniteui-angular-i18n/-/igniteui-angular-i18n-22.1.0-beta.2.tgz", + "integrity": "sha512-YdavAbyNUzmhnFCGzAdjJ/dsOl6XrtuIQ1r5j3jHrPjZTuHklxJiazGrTSOMuGHzqehvcIwXM+hAVL/Lvw0uZg==", "license": "MIT", "dependencies": { "igniteui-i18n-core": "^1.0.2", diff --git a/package.json b/package.json index d8f32de88..afd0e2c3b 100644 --- a/package.json +++ b/package.json @@ -73,11 +73,11 @@ "file-saver": "^2.0.2", "fuse.js": "^7.1.0", "hammerjs": "^2.0.8", - "igniteui-angular": "22.1.0-beta.1", + "igniteui-angular": "22.1.0-beta.2", "igniteui-angular-charts": "^22.0.0", "igniteui-angular-core": "^22.0.0", - "igniteui-angular-extras": "22.1.0-beta.1", - "igniteui-angular-i18n": "22.1.0-beta.1", + "igniteui-angular-extras": "22.1.0-beta.2", + "igniteui-angular-i18n": "22.1.0-beta.2", "igniteui-dockmanager": "^1.17.0", "igniteui-grid-lite": "0.9.0", "igniteui-i18n-resources": "^1.0.4", @@ -113,7 +113,7 @@ "@angular/compiler": "^22.0.0" }, "igniteui-angular-extras": { - "igniteui-angular": "22.1.0-beta.1", + "igniteui-angular": "22.1.0-beta.2", "@infragistics/igniteui-angular": "^22.0.0", "igniteui-angular-core": "^22.0.0", "igniteui-angular-charts": "^22.0.0", From 185a5f5c7fae94005e8678442a801869c129947d Mon Sep 17 00:00:00 2001 From: Hristo Hristov <57346540+Hristo313@users.noreply.github.com> Date: Thu, 6 Aug 2026 18:40:02 +0300 Subject: [PATCH 11/35] feat(badge): update badge samples (#3997) --- live-editing/configs/BadgeConfigGenerator.ts | 43 ++++-- .../badge-dot-sample.component.html | 4 - .../badge-dot-sample.component.scss | 17 --- .../badge/badge-dot/badge-dot.component.html | 43 ++++++ .../badge/badge-dot/badge-dot.component.scss | 129 ++++++++++++++++++ .../badge/badge-dot/badge-dot.component.ts | 28 ++++ .../badge-icon/badge-icon.component.html | 21 ++- .../badge-icon/badge-icon.component.scss | 62 ++++++++- .../badge/badge-icon/badge-icon.component.ts | 19 ++- .../badge-outlined.component.html | 35 ++++- .../badge-outlined.component.scss | 126 ++++++++++++++--- .../badge-outlined.component.ts | 11 +- .../badge-overview.component.html | 18 +++ .../badge-overview.component.scss | 67 +++++++++ .../badge-overview.component.ts | 13 ++ .../badge-sample-2.component.html | 4 - .../badge-sample-2.component.scss | 10 -- .../badge-sample-3.component.html | 18 --- .../badge-sample-3.component.scss | 18 --- .../badge-sample-3.component.ts | 21 --- .../badge-shape/badge-shape.component.html | 14 ++ .../badge-shape/badge-shape.component.scss | 26 ++++ .../badge-shape/badge-shape.component.ts | 10 ++ .../badge-size/badge-size.component.html | 20 +++ .../badge-size/badge-size.component.scss | 26 ++++ .../badge/badge-size/badge-size.component.ts | 10 ++ .../badge-styling-sample.component.html | 18 --- .../badge-styling-sample.component.scss | 11 -- .../badge-styling-sample.component.ts | 21 --- .../badge/badge-styling-sample/layout.scss | 18 --- .../badge-styling.component.html | 18 +++ .../badge-styling.component.scss | 50 +++++++ .../badge-styling.component.ts} | 9 +- .../badge/badge-styling/layout.scss | 33 +++++ ...dge-tailwind-styling-sample.component.html | 18 --- ...dge-tailwind-styling-sample.component.scss | 1 - ...badge-tailwind-styling-sample.component.ts | 21 --- .../badge-tailwind-styling-sample/layout.scss | 18 --- .../badge-tailwind-styling.component.html | 18 +++ .../badge-tailwind-styling.component.scss | 15 ++ .../badge-tailwind-styling.component.ts | 12 ++ .../badge/badge-tailwind-styling/layout.scss | 29 ++++ .../badge-type/badge-type.component.html | 23 ++++ .../badge-type/badge-type.component.scss | 44 ++++++ .../badge-type.component.ts} | 8 +- .../badge-variants.component.html | 37 +++++ .../badge-variants.component.scss | 42 ++++++ .../badge-variants.component.ts | 11 ++ .../data-display/data-display-routes-data.ts | 15 +- src/app/data-display/data-display.routes.ts | 62 ++++++--- src/styles.scss | 15 ++ 51 files changed, 1062 insertions(+), 318 deletions(-) delete mode 100644 src/app/data-display/badge/badge-dot-sample/badge-dot-sample.component.html delete mode 100644 src/app/data-display/badge/badge-dot-sample/badge-dot-sample.component.scss create mode 100644 src/app/data-display/badge/badge-dot/badge-dot.component.html create mode 100644 src/app/data-display/badge/badge-dot/badge-dot.component.scss create mode 100644 src/app/data-display/badge/badge-dot/badge-dot.component.ts create mode 100644 src/app/data-display/badge/badge-overview/badge-overview.component.html create mode 100644 src/app/data-display/badge/badge-overview/badge-overview.component.scss create mode 100644 src/app/data-display/badge/badge-overview/badge-overview.component.ts delete mode 100644 src/app/data-display/badge/badge-sample-2/badge-sample-2.component.html delete mode 100644 src/app/data-display/badge/badge-sample-2/badge-sample-2.component.scss delete mode 100644 src/app/data-display/badge/badge-sample-3/badge-sample-3.component.html delete mode 100644 src/app/data-display/badge/badge-sample-3/badge-sample-3.component.scss delete mode 100644 src/app/data-display/badge/badge-sample-3/badge-sample-3.component.ts create mode 100644 src/app/data-display/badge/badge-shape/badge-shape.component.html create mode 100644 src/app/data-display/badge/badge-shape/badge-shape.component.scss create mode 100644 src/app/data-display/badge/badge-shape/badge-shape.component.ts create mode 100644 src/app/data-display/badge/badge-size/badge-size.component.html create mode 100644 src/app/data-display/badge/badge-size/badge-size.component.scss create mode 100644 src/app/data-display/badge/badge-size/badge-size.component.ts delete mode 100644 src/app/data-display/badge/badge-styling-sample/badge-styling-sample.component.html delete mode 100644 src/app/data-display/badge/badge-styling-sample/badge-styling-sample.component.scss delete mode 100644 src/app/data-display/badge/badge-styling-sample/badge-styling-sample.component.ts delete mode 100644 src/app/data-display/badge/badge-styling-sample/layout.scss create mode 100644 src/app/data-display/badge/badge-styling/badge-styling.component.html create mode 100644 src/app/data-display/badge/badge-styling/badge-styling.component.scss rename src/app/data-display/badge/{badge-sample-2/badge-sample-2.component.ts => badge-styling/badge-styling.component.ts} (56%) create mode 100644 src/app/data-display/badge/badge-styling/layout.scss delete mode 100644 src/app/data-display/badge/badge-tailwind-styling-sample/badge-tailwind-styling-sample.component.html delete mode 100644 src/app/data-display/badge/badge-tailwind-styling-sample/badge-tailwind-styling-sample.component.scss delete mode 100644 src/app/data-display/badge/badge-tailwind-styling-sample/badge-tailwind-styling-sample.component.ts delete mode 100644 src/app/data-display/badge/badge-tailwind-styling-sample/layout.scss create mode 100644 src/app/data-display/badge/badge-tailwind-styling/badge-tailwind-styling.component.html create mode 100644 src/app/data-display/badge/badge-tailwind-styling/badge-tailwind-styling.component.scss create mode 100644 src/app/data-display/badge/badge-tailwind-styling/badge-tailwind-styling.component.ts create mode 100644 src/app/data-display/badge/badge-tailwind-styling/layout.scss create mode 100644 src/app/data-display/badge/badge-type/badge-type.component.html create mode 100644 src/app/data-display/badge/badge-type/badge-type.component.scss rename src/app/data-display/badge/{badge-dot-sample/badge-dot-sample.component.ts => badge-type/badge-type.component.ts} (55%) create mode 100644 src/app/data-display/badge/badge-variants/badge-variants.component.html create mode 100644 src/app/data-display/badge/badge-variants/badge-variants.component.scss create mode 100644 src/app/data-display/badge/badge-variants/badge-variants.component.ts diff --git a/live-editing/configs/BadgeConfigGenerator.ts b/live-editing/configs/BadgeConfigGenerator.ts index c331361e1..0015cbc59 100644 --- a/live-editing/configs/BadgeConfigGenerator.ts +++ b/live-editing/configs/BadgeConfigGenerator.ts @@ -17,34 +17,53 @@ export class BadgeConfigGenerator implements IConfigGenerator { shortenComponentPathBy: "/data-display/badge/" })); - // badge sample 2 + // badge overview configs.push(new Config({ - component: 'BadgeSample2Component', - additionalFiles: ["src/app/data-display/badge/model/member.model.ts"], + component: 'BadgeOverviewComponent', appConfig: BaseAppConfig, shortenComponentPathBy: "/data-display/badge/" })); - // badge sample 3 + // badge size configs.push(new Config({ - component: 'BadgeSample3Component', - additionalFiles: ["src/app/data-display/badge/model/member.model.ts"], + component: 'BadgeSizeComponent', + appConfig: BaseAppConfig, + shortenComponentPathBy: "/data-display/badge/" + })); + + // badge type + configs.push(new Config({ + component: 'BadgeTypeComponent', + appConfig: BaseAppConfig, + shortenComponentPathBy: "/data-display/badge/" + })); + + // badge shape + configs.push(new Config({ + component: 'BadgeShapeComponent', + appConfig: BaseAppConfig, + shortenComponentPathBy: "/data-display/badge/" + })); + + // badge variants + configs.push(new Config({ + component: 'BadgeVariantsComponent', appConfig: BaseAppConfig, shortenComponentPathBy: "/data-display/badge/" })); - // badge styling sample + // badge styling configs.push(new Config({ - component: 'BadgeStylingSampleComponent', - additionalFiles: ["src/app/data-display/badge/model/member.model.ts", "src/app/data-display/badge/badge-styling-sample/layout.scss"], + component: 'BadgeStylingComponent', + additionalFiles: ["src/app/data-display/badge/model/member.model.ts", "src/app/data-display/badge/badge-styling/layout.scss"], appConfig: BaseAppConfig, shortenComponentPathBy: "/data-display/badge/" })); - // badge dot sample + // badge dot configs.push(new Config({ - component: 'BadgeDotSampleComponent', - additionalFiles: ["src/app/data-display/badge/model/member.model.ts", "src/app/data-display/badge/badge-dot-sample/badge-dot-sample.component.scss"], + component: 'BadgeDotComponent', + additionalFiles: ["src/app/data-display/badge/badge-dot/badge-dot.component.scss"], appConfig: BaseAppConfig, shortenComponentPathBy: "/data-display/badge/" })); diff --git a/src/app/data-display/badge/badge-dot-sample/badge-dot-sample.component.html b/src/app/data-display/badge/badge-dot-sample/badge-dot-sample.component.html deleted file mode 100644 index 798c7e17a..000000000 --- a/src/app/data-display/badge/badge-dot-sample/badge-dot-sample.component.html +++ /dev/null @@ -1,4 +0,0 @@ -
- - -
diff --git a/src/app/data-display/badge/badge-dot-sample/badge-dot-sample.component.scss b/src/app/data-display/badge/badge-dot-sample/badge-dot-sample.component.scss deleted file mode 100644 index da1d082f5..000000000 --- a/src/app/data-display/badge/badge-dot-sample/badge-dot-sample.component.scss +++ /dev/null @@ -1,17 +0,0 @@ -.wrapper { - display: flex; - position: relative; - margin: 15px 0 0 15px; - - igx-avatar { - anchor-name: --avatar; - } - - igx-badge { - position: absolute; - position-anchor: --avatar; - bottom: anchor(--avatar top); - left: anchor(right); - transform: translate(-75%, 75%); - } -} diff --git a/src/app/data-display/badge/badge-dot/badge-dot.component.html b/src/app/data-display/badge/badge-dot/badge-dot.component.html new file mode 100644 index 000000000..659f1a328 --- /dev/null +++ b/src/app/data-display/badge/badge-dot/badge-dot.component.html @@ -0,0 +1,43 @@ +
+
+
+ notifications +
+ +
+
+ @for (item of notifications; track item.title) { +
+ + @if (item.unread) { + + } + + {{ item.title }} + {{ item.time }} + chevron_right +
+ } +
+
+ + +
+
+ @for (tab of tabs; track tab.label) { +
+ + @if (tab.icon === 'facebookMessenger') { + + } @else { + + } + @if (tab.hasUpdates) { + + } + + {{ tab.label }} +
+ } +
+
diff --git a/src/app/data-display/badge/badge-dot/badge-dot.component.scss b/src/app/data-display/badge/badge-dot/badge-dot.component.scss new file mode 100644 index 000000000..8cfe07c79 --- /dev/null +++ b/src/app/data-display/badge/badge-dot/badge-dot.component.scss @@ -0,0 +1,129 @@ +igx-badge { + --ig-size: var(--ig-size-small); +} + +igx-avatar { + --size: 40px; +} + +.icon-example igx-badge, +.avatar-example igx-badge, +.nav-icon igx-badge { + position: absolute; +} + +.icon-example igx-badge { + inset-block-start: 0; + inset-inline-end: 2px; +} + +.avatar-example igx-badge { + inset-block-start: -0.25rem; + inset-inline-end: -2px; +} + +.nav-icon igx-badge { + inset-block-start: -2px; + inset-inline-end: -6px; +} + +.badge-dot { + display: flex; + align-items: center; + justify-content: center; + gap: 40px; + min-height: 8.5rem; +} + +.dot-example { + position: relative; +} + +.icon-example, +.avatar-example, +.icon-circle { + display: flex; + align-items: center; + width: 36px; + height: 36px; +} + +.icon-circle { + justify-content: center; + border-radius: 50%; + background: var(--ig-gray-200); + color: var(--ig-gray-800); +} + +.notifications-card, +.nav-card { + background: var(--ig-surface-500); + border-radius: 4px; + box-shadow: 0 1px 3px hsl(from var(--ig-gray-900) h s l / 0.12); +} + +.notifications-card { + min-width: 272px; + padding: 8px 0; +} + +.notification-row { + display: flex; + align-items: center; + gap: 8px; + padding: 8px 12px; + font-size: 14px; + color: var(--ig-gray-900); +} + +.row-indicator { + display: inline-flex; + justify-content: center; + width: 12px; +} + +.row-title { + flex: 1; +} + +.row-time { + font-size: 13px; + color: var(--ig-gray-900); +} + +.row-time.unread { + color: #0057A9; + font-weight: 600; +} + +.row-chevron { + --ig-size: 1rem; + color: var(--ig-gray-600); + font-size: 18px; +} + +.nav-card { + display: flex; + align-items: center; + gap: 8px; + padding: 8px 12px; +} + +.nav-item { + display: flex; + flex-direction: column; + align-items: center; + gap: 4px; + min-width: 56px; + color: var(--ig-gray-700); + font-size: 12px; +} + +.nav-item.active { + color: #0057A9; +} + +.nav-icon { + position: relative; + display: inline-flex; +} diff --git a/src/app/data-display/badge/badge-dot/badge-dot.component.ts b/src/app/data-display/badge/badge-dot/badge-dot.component.ts new file mode 100644 index 000000000..ed27a1e9a --- /dev/null +++ b/src/app/data-display/badge/badge-dot/badge-dot.component.ts @@ -0,0 +1,28 @@ +import { Component } from '@angular/core'; +import { IgxAvatarComponent } from 'igniteui-angular/avatar'; +import { IgxBadgeComponent } from 'igniteui-angular/badge'; +import { IgxIconComponent, IgxIconService} from 'igniteui-angular/icon'; +import { facebookMessenger } from '@igniteui/material-icons-extended'; + +@Component({ + selector: 'app-badge-dot', + styleUrls: ['./badge-dot.component.scss'], + templateUrl: './badge-dot.component.html', + imports: [IgxAvatarComponent, IgxBadgeComponent, IgxIconComponent] +}) +export class BadgeDotComponent { + constructor(private iconService: IgxIconService) { + this.iconService.addSvgIconFromText('facebookMessenger', facebookMessenger.value); + } + + public notifications = [ + { title: 'Contract renewal', time: '09:12', unread: true }, + { title: 'Weekly digest', time: 'Yesterday', unread: false } + ]; + + public tabs = [ + { label: 'Home', icon: 'home', active: true, hasUpdates: false }, + { label: 'Chat', icon: 'facebookMessenger', active: false, hasUpdates: true }, + { label: 'Profile', icon: 'person', active: false, hasUpdates: false } + ]; +} diff --git a/src/app/data-display/badge/badge-icon/badge-icon.component.html b/src/app/data-display/badge/badge-icon/badge-icon.component.html index 3969983d3..b49c231b1 100644 --- a/src/app/data-display/badge/badge-icon/badge-icon.component.html +++ b/src/app/data-display/badge/badge-icon/badge-icon.component.html @@ -1,4 +1,17 @@ -
- - -
\ No newline at end of file +
+ @for (item of badges; track item.label) { +
+
+ +
+ {{ item.label }} +
+ } +
+
+ + +
+ on avatar +
+
diff --git a/src/app/data-display/badge/badge-icon/badge-icon.component.scss b/src/app/data-display/badge/badge-icon/badge-icon.component.scss index dbb6d9c2b..fadf787c8 100644 --- a/src/app/data-display/badge/badge-icon/badge-icon.component.scss +++ b/src/app/data-display/badge/badge-icon/badge-icon.component.scss @@ -1,10 +1,58 @@ -.wrapper { - position: relative; - margin: 15px 0 0 15px; +igx-avatar { + --size: 40px; + --ig-avatar-background: var(--ig-gray-700); + --ig-avatar-color: var(--ig-gray-50); } -igx-badge { - position: absolute; - bottom: 0; - left: 28px; +.icon-wrapper { + display: flex; + align-items: flex-end; + justify-content: center; + width: 40px; + height: 40px; +} + +.icon-wrapper > igx-badge { + --ig-size: var(--ig-size-medium); + display: inline-flex; + align-items: center; + justify-content: center; + text-align: center; +} + +.avatar-wrapper igx-badge { + --ig-size: var(--ig-size-small); + position: absolute; + inset-block-start: -4px; + inset-inline-end: -6px; +} + +.badge-icon { + display: flex; + align-items: center; + justify-content: center; + gap: 40px; + min-height: 8.5rem; +} + +.badge-icon-item { + display: flex; + flex-direction: column; + align-items: center; + gap: 6px; + min-width: 56px; +} + +.badge-icon-item span { + color: var(--ig-gray-700); + font-size: 12px; + transform: translateY(4px); +} + +.avatar-wrapper { + position: relative; + display: flex; + align-items: center; + justify-content: center; + height: 40px; } diff --git a/src/app/data-display/badge/badge-icon/badge-icon.component.ts b/src/app/data-display/badge/badge-icon/badge-icon.component.ts index baea07f9b..c16969677 100644 --- a/src/app/data-display/badge/badge-icon/badge-icon.component.ts +++ b/src/app/data-display/badge/badge-icon/badge-icon.component.ts @@ -1,6 +1,4 @@ -import { Component, OnInit, inject } from '@angular/core'; -import { heartMonitor } from '@igniteui/material-icons-extended'; -import { IgxIconService } from 'igniteui-angular/icon'; +import { Component } from '@angular/core'; import { IgxAvatarComponent } from 'igniteui-angular/avatar'; import { IgxBadgeComponent } from 'igniteui-angular/badge'; @@ -10,11 +8,12 @@ import { IgxBadgeComponent } from 'igniteui-angular/badge'; templateUrl: './badge-icon.component.html', imports: [IgxAvatarComponent, IgxBadgeComponent] }) -export class BadgeIconComponent implements OnInit { - protected _iconService = inject(IgxIconService); - - - public ngOnInit() { - this._iconService.addSvgIconFromText(heartMonitor.name, heartMonitor.value, 'imx-icons'); - } +export class BadgeIconComponent { + public badges = [ + { icon: 'check', type: 'success', label: 'check' }, + { icon: 'favorite_border', type: 'error', label: 'favorite' }, + { icon: 'notifications', type: 'info', label: 'notification' }, + { icon: 'star_border', type: 'warning', label: 'star' }, + { icon: 'settings', type: 'info', label: 'settings' } + ]; } diff --git a/src/app/data-display/badge/badge-outlined/badge-outlined.component.html b/src/app/data-display/badge/badge-outlined/badge-outlined.component.html index 3a7e6f397..c260ae562 100644 --- a/src/app/data-display/badge/badge-outlined/badge-outlined.component.html +++ b/src/app/data-display/badge/badge-outlined/badge-outlined.component.html @@ -1,7 +1,28 @@ -
-
- - -
- Terrance Orta -
+
+
+
+ favorite_border +
+ +
+
+ + +
+
+ @for (step of steps; track step.label) { + @if (!$first) { + + } +
+
+ {{ step.index }} + @if (step.current) { + + } +
+ {{ step.label }} +
+ } +
+
diff --git a/src/app/data-display/badge/badge-outlined/badge-outlined.component.scss b/src/app/data-display/badge/badge-outlined/badge-outlined.component.scss index 21db08ffe..2ff5d8802 100644 --- a/src/app/data-display/badge/badge-outlined/badge-outlined.component.scss +++ b/src/app/data-display/badge/badge-outlined/badge-outlined.component.scss @@ -1,33 +1,115 @@ +igx-badge { + --ig-size: var(--ig-size-small); +} + +igx-avatar { + --size: 40px; + --ig-avatar-background: var(--ig-gray-700); + --ig-avatar-color: var(--ig-gray-50); +} + +:host ::ng-deep .outlined-example igx-avatar igx-icon { + color: var(--ig-gray-50); +} + +.outlined-example:nth-child(2) igx-badge { + inset-block-start: auto; + inset-block-end: -6px; + inset-inline-end: -6px; +} + +.step-marker igx-badge { + position: absolute; + inset-block-start: -1px; + inset-inline-end: -2px; +} + +.outlined-example igx-badge { + position: absolute; + inset-block-start: -6px; + inset-inline-end: -10px; +} + +.icon-circle igx-icon { + font-size: 20px; +} + :host { - display: block; - padding-inline: 1rem; + display: block; + padding-inline: 1rem; } -.wrapper { - position: relative; - display: flex; - align-items: center; - margin-block: 1rem; - width: fit-content; - padding: 0.5rem; - gap: 0.5rem; - border: 1px solid var(--ig-gray-300); - border-radius: .25rem; +.badge-outlined { + display: flex; + align-items: center; + justify-content: center; + gap: 60px; + min-height: 7rem; } -igx-avatar { - anchor-name: --avatar; +.outlined-example { + position: relative; + display: flex; } -igx-badge { - --size: 1rem; +.icon-circle, +.step-circle { + display: flex; + align-items: center; + justify-content: center; + border-radius: 50%; +} + +.icon-circle { + width: 36px; + height: 36px; + background: var(--ig-gray-200); + color: var(--ig-gray-800); +} + +.steps { + display: flex; + align-items: flex-start; + gap: 8px; +} + +.step { + display: flex; + flex-direction: column; + align-items: center; + gap: 8px; +} + +.step-marker { + position: relative; + display: flex; +} + +.step-circle { + width: 26px; + height: 26px; + background: var(--ig-gray-900); + color: var(--ig-gray-50); + font-size: 12px; +} + +.step-circle.pending { + background: var(--ig-gray-200); + color: var(--ig-gray-800); +} + +.step-connector { + width: 56px; + margin-block-start: 13px; + border-block-start: 1px solid var(--ig-gray-900); +} - position: absolute; - inset-block-end: anchor(--avatar bottom); - inset-inline-end: anchor(--avatar right); +.step-connector.pending { + border-block-start-style: dashed; + border-block-start-color: var(--ig-gray-400); } -span { - display: block; - font-weight: 600; +.step-label { + color: var(--ig-gray-700); + font-size: 13px; } diff --git a/src/app/data-display/badge/badge-outlined/badge-outlined.component.ts b/src/app/data-display/badge/badge-outlined/badge-outlined.component.ts index 5f99c356b..6b2013340 100644 --- a/src/app/data-display/badge/badge-outlined/badge-outlined.component.ts +++ b/src/app/data-display/badge/badge-outlined/badge-outlined.component.ts @@ -1,12 +1,19 @@ import { Component } from '@angular/core'; import { IgxAvatarComponent } from 'igniteui-angular/avatar'; import { IgxBadgeComponent } from 'igniteui-angular/badge'; +import { IgxIconComponent } from 'igniteui-angular/icon'; @Component({ selector: 'app-badge-outlined', styleUrls: ['./badge-outlined.component.scss'], templateUrl: './badge-outlined.component.html', - imports: [IgxAvatarComponent, IgxBadgeComponent] + imports: [IgxAvatarComponent, IgxBadgeComponent, IgxIconComponent] }) -export class BadgeOutlinedComponent { } +export class BadgeOutlinedComponent { + public steps = [ + { index: 1, label: 'Orders', current: false, pending: false }, + { index: 2, label: 'Payment', current: true, pending: false }, + { index: 3, label: 'Shipping', current: false, pending: true } + ]; +} diff --git a/src/app/data-display/badge/badge-overview/badge-overview.component.html b/src/app/data-display/badge/badge-overview/badge-overview.component.html new file mode 100644 index 000000000..caa914820 --- /dev/null +++ b/src/app/data-display/badge/badge-overview/badge-overview.component.html @@ -0,0 +1,18 @@ +
+
+ + +
+
+ mail + +
+
+ Events + +
+
+ notifications + +
+
diff --git a/src/app/data-display/badge/badge-overview/badge-overview.component.scss b/src/app/data-display/badge/badge-overview/badge-overview.component.scss new file mode 100644 index 000000000..3830a130d --- /dev/null +++ b/src/app/data-display/badge/badge-overview/badge-overview.component.scss @@ -0,0 +1,67 @@ +igx-avatar { + --size: 40px; +} + +igx-icon { + color: var(--ig-gray-700); + font-size: 1.5rem; +} + +igx-badge { + --ig-size: var(--ig-size-small); + position: absolute; + inset-block-start: -0.15rem; + inset-inline-end: -0.15rem; +} + +.avatar-example igx-badge { + inset-block-start: auto; + inset-block-end: -0.15rem; + inset-inline-end: -0.15rem; +} + +.event-example igx-chip { + --ig-size: var(--ig-size-large); +} + +.event-example igx-badge { + inset-block-start: 0; + inset-inline-end: -0.8rem; +} + +.icon-example igx-badge { + inset-block-start: 0; + inset-inline-end: 0; +} + +.notification-example igx-badge { + inset-block-start: 0.5rem; + inset-inline-end: 0.5rem; +} + +.event-example { + min-width: auto; +} + +.badge-overview { + display: flex; + align-items: center; + justify-content: center; + gap: 60px; + min-height: 7rem; +} + +.badge-example { + position: relative; + display: inline-flex; + align-items: center; + justify-content: center; + min-width: 2.5rem; + min-height: 2.5rem; +} + +.icon-example, +.notification-example { + width: 2.5rem; + height: 2.5rem; +} diff --git a/src/app/data-display/badge/badge-overview/badge-overview.component.ts b/src/app/data-display/badge/badge-overview/badge-overview.component.ts new file mode 100644 index 000000000..73ed64752 --- /dev/null +++ b/src/app/data-display/badge/badge-overview/badge-overview.component.ts @@ -0,0 +1,13 @@ +import { Component } from '@angular/core'; +import { IgxAvatarComponent } from 'igniteui-angular/avatar'; +import { IgxBadgeComponent } from 'igniteui-angular/badge'; +import { IgxChipComponent } from 'igniteui-angular/chips'; +import { IgxIconComponent } from 'igniteui-angular/icon'; + +@Component({ + selector: 'app-badge-overview', + templateUrl: './badge-overview.component.html', + styleUrls: ['./badge-overview.component.scss'], + imports: [IgxAvatarComponent, IgxBadgeComponent, IgxChipComponent, IgxIconComponent] +}) +export class BadgeOverviewComponent { } diff --git a/src/app/data-display/badge/badge-sample-2/badge-sample-2.component.html b/src/app/data-display/badge/badge-sample-2/badge-sample-2.component.html deleted file mode 100644 index 2e629a9a6..000000000 --- a/src/app/data-display/badge/badge-sample-2/badge-sample-2.component.html +++ /dev/null @@ -1,4 +0,0 @@ -
- - -
diff --git a/src/app/data-display/badge/badge-sample-2/badge-sample-2.component.scss b/src/app/data-display/badge/badge-sample-2/badge-sample-2.component.scss deleted file mode 100644 index dbb6d9c2b..000000000 --- a/src/app/data-display/badge/badge-sample-2/badge-sample-2.component.scss +++ /dev/null @@ -1,10 +0,0 @@ -.wrapper { - position: relative; - margin: 15px 0 0 15px; -} - -igx-badge { - position: absolute; - bottom: 0; - left: 28px; -} diff --git a/src/app/data-display/badge/badge-sample-3/badge-sample-3.component.html b/src/app/data-display/badge/badge-sample-3/badge-sample-3.component.html deleted file mode 100644 index 36c6a560c..000000000 --- a/src/app/data-display/badge/badge-sample-3/badge-sample-3.component.html +++ /dev/null @@ -1,18 +0,0 @@ - - - Team Members (4) - - @for (member of members; track member) { - -
-
- - -
-
- {{ member.name }} -
-
- - } - diff --git a/src/app/data-display/badge/badge-sample-3/badge-sample-3.component.scss b/src/app/data-display/badge/badge-sample-3/badge-sample-3.component.scss deleted file mode 100644 index c5aee4855..000000000 --- a/src/app/data-display/badge/badge-sample-3/badge-sample-3.component.scss +++ /dev/null @@ -1,18 +0,0 @@ -.wrapper { - display: flex; - flex-direction: row; -} - -.contact-name { - font-weight: 600; -} - -.contact-container { - margin-left: 20px; -} - -.badge-style { - position: absolute; - bottom: 2.5px; - left: 40px; -} diff --git a/src/app/data-display/badge/badge-sample-3/badge-sample-3.component.ts b/src/app/data-display/badge/badge-sample-3/badge-sample-3.component.ts deleted file mode 100644 index 00cdf74e7..000000000 --- a/src/app/data-display/badge/badge-sample-3/badge-sample-3.component.ts +++ /dev/null @@ -1,21 +0,0 @@ -import { Component } from '@angular/core'; -import { Member } from '../model/member.model'; -import { IgxListComponent, IgxListItemComponent } from 'igniteui-angular/list'; -import { IgxAvatarComponent } from 'igniteui-angular/avatar'; -import { IgxBadgeComponent } from 'igniteui-angular/badge'; - - -@Component({ - selector: 'app-badge-sample-3', - styleUrls: ['./badge-sample-3.component.scss'], - templateUrl: './badge-sample-3.component.html', - imports: [IgxListComponent, IgxListItemComponent, IgxAvatarComponent, IgxBadgeComponent] -}) -export class BadgeSample3Component { - public members: Member[] = [ - new Member('Terrance Orta', 'online'), - new Member('Donna Price', 'online'), - new Member('Lisa Landers', 'away'), - new Member('Dorothy H. Spencer', 'offline') - ]; -} diff --git a/src/app/data-display/badge/badge-shape/badge-shape.component.html b/src/app/data-display/badge/badge-shape/badge-shape.component.html new file mode 100644 index 000000000..181f4727e --- /dev/null +++ b/src/app/data-display/badge/badge-shape/badge-shape.component.html @@ -0,0 +1,14 @@ +
+
+ Rounded + + + +
+
+ Square + + + +
+
diff --git a/src/app/data-display/badge/badge-shape/badge-shape.component.scss b/src/app/data-display/badge/badge-shape/badge-shape.component.scss new file mode 100644 index 000000000..917648462 --- /dev/null +++ b/src/app/data-display/badge/badge-shape/badge-shape.component.scss @@ -0,0 +1,26 @@ +.badge-shape { + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + gap: 40px; + min-height: 8.5rem; +} + +.badge-shape-row { + display: grid; + grid-template-columns: 80px 40px 40px 40px; + align-items: center; + justify-items: center; + gap: 8px; +} + +.row-label { + justify-self: end; + color: var(--ig-gray-700); + font-size: 14px; +} + +.badge-small { + --ig-size: var(--ig-size-small); +} diff --git a/src/app/data-display/badge/badge-shape/badge-shape.component.ts b/src/app/data-display/badge/badge-shape/badge-shape.component.ts new file mode 100644 index 000000000..cd0b71b0e --- /dev/null +++ b/src/app/data-display/badge/badge-shape/badge-shape.component.ts @@ -0,0 +1,10 @@ +import { Component } from '@angular/core'; +import { IgxBadgeComponent } from 'igniteui-angular/badge'; + +@Component({ + selector: 'app-badge-shape', + templateUrl: './badge-shape.component.html', + styleUrls: ['./badge-shape.component.scss'], + imports: [IgxBadgeComponent] +}) +export class BadgeShapeComponent { } diff --git a/src/app/data-display/badge/badge-size/badge-size.component.html b/src/app/data-display/badge/badge-size/badge-size.component.html new file mode 100644 index 000000000..f18e860e6 --- /dev/null +++ b/src/app/data-display/badge/badge-size/badge-size.component.html @@ -0,0 +1,20 @@ +
+
+ Small + + + +
+
+ Medium + + + +
+
+ Large + + + +
+
diff --git a/src/app/data-display/badge/badge-size/badge-size.component.scss b/src/app/data-display/badge/badge-size/badge-size.component.scss new file mode 100644 index 000000000..59184f81f --- /dev/null +++ b/src/app/data-display/badge/badge-size/badge-size.component.scss @@ -0,0 +1,26 @@ +.badge-size { + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + gap: 40px; + padding: 32px; +} + +.badge-size-row { + display: grid; + grid-template-columns: 80px 32px 40px 40px; + align-items: center; + justify-items: center; + gap: 8px; +} + +.row-label { + justify-self: end; + color: var(--ig-gray-700); + font-size: 14px; +} + +.badge-large { --ig-size: var(--ig-size-large); } +.badge-medium { --ig-size: var(--ig-size-medium); } +.badge-small { --ig-size: var(--ig-size-small); } diff --git a/src/app/data-display/badge/badge-size/badge-size.component.ts b/src/app/data-display/badge/badge-size/badge-size.component.ts new file mode 100644 index 000000000..47e1c14c9 --- /dev/null +++ b/src/app/data-display/badge/badge-size/badge-size.component.ts @@ -0,0 +1,10 @@ +import { Component } from '@angular/core'; +import { IgxBadgeComponent } from 'igniteui-angular/badge'; + +@Component({ + selector: 'app-badge-size', + templateUrl: './badge-size.component.html', + styleUrls: ['./badge-size.component.scss'], + imports: [IgxBadgeComponent] +}) +export class BadgeSizeComponent { } diff --git a/src/app/data-display/badge/badge-styling-sample/badge-styling-sample.component.html b/src/app/data-display/badge/badge-styling-sample/badge-styling-sample.component.html deleted file mode 100644 index 18cf6c546..000000000 --- a/src/app/data-display/badge/badge-styling-sample/badge-styling-sample.component.html +++ /dev/null @@ -1,18 +0,0 @@ - - - Team Members (4) - - @for (member of members; track member) { - -
-
- - -
-
- {{ member.name }} -
-
- - } - diff --git a/src/app/data-display/badge/badge-styling-sample/badge-styling-sample.component.scss b/src/app/data-display/badge/badge-styling-sample/badge-styling-sample.component.scss deleted file mode 100644 index e0a050701..000000000 --- a/src/app/data-display/badge/badge-styling-sample/badge-styling-sample.component.scss +++ /dev/null @@ -1,11 +0,0 @@ -@use "layout.scss"; -@use "igniteui-angular/theming" as *; - -$custom-badge-theme: badge-theme( - $background-color: #57a5cd, - $border-radius: 4px -); - -:host { - @include tokens($custom-badge-theme); -} diff --git a/src/app/data-display/badge/badge-styling-sample/badge-styling-sample.component.ts b/src/app/data-display/badge/badge-styling-sample/badge-styling-sample.component.ts deleted file mode 100644 index 03aaac9d4..000000000 --- a/src/app/data-display/badge/badge-styling-sample/badge-styling-sample.component.ts +++ /dev/null @@ -1,21 +0,0 @@ -import { Component } from '@angular/core'; -import { Member } from '../model/member.model'; -import { IgxListComponent, IgxListItemComponent } from 'igniteui-angular/list'; -import { IgxAvatarComponent } from 'igniteui-angular/avatar'; -import { IgxBadgeComponent } from 'igniteui-angular/badge'; - - -@Component({ - selector: 'app-badge-styling-sample', - styleUrls: ['./badge-styling-sample.component.scss'], - templateUrl: './badge-styling-sample.component.html', - imports: [IgxListComponent, IgxListItemComponent, IgxAvatarComponent, IgxBadgeComponent] -}) -export class BadgeStylingSampleComponent { - public members: Member[] = [ - new Member('Terrance Orta', 'online'), - new Member('Donna Price', 'online'), - new Member('Lisa Landers', 'away'), - new Member('Dorothy H. Spencer', 'offline') - ]; -} diff --git a/src/app/data-display/badge/badge-styling-sample/layout.scss b/src/app/data-display/badge/badge-styling-sample/layout.scss deleted file mode 100644 index cee5eb7fb..000000000 --- a/src/app/data-display/badge/badge-styling-sample/layout.scss +++ /dev/null @@ -1,18 +0,0 @@ -.wrapper { - display: flex; - flex-direction: row; - } - - .contact-name { - font-weight: 600; - } - - .contact-container{ - margin-left: 20px; - } - - .badge-style { - position: absolute; - bottom: 2.5px; - left: 40px; - } \ No newline at end of file diff --git a/src/app/data-display/badge/badge-styling/badge-styling.component.html b/src/app/data-display/badge/badge-styling/badge-styling.component.html new file mode 100644 index 000000000..00bd36f85 --- /dev/null +++ b/src/app/data-display/badge/badge-styling/badge-styling.component.html @@ -0,0 +1,18 @@ +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
diff --git a/src/app/data-display/badge/badge-styling/badge-styling.component.scss b/src/app/data-display/badge/badge-styling/badge-styling.component.scss new file mode 100644 index 000000000..d280f593d --- /dev/null +++ b/src/app/data-display/badge/badge-styling/badge-styling.component.scss @@ -0,0 +1,50 @@ +@use "layout.scss"; + +igx-badge { + --ig-size: var(--ig-size-small); +} + +:host ::ng-deep .badge-teal igx-icon, +:host ::ng-deep .badge-amber igx-icon, +:host ::ng-deep .styling-item.pink igx-avatar igx-icon { + color: var(--ig-gray-50); +} + +:host ::ng-deep .badge-teal igx-icon { + position: relative; +} + +:host ::ng-deep .badge-teal igx-icon::after { + content: ""; + position: absolute; + inset: 50% auto auto 50%; + width: 4px; + height: 4px; + border-radius: 50%; + background: var(--ig-success-700); + transform: translate(-50%, -50%); +} + +.styling-item.green igx-avatar { + --icon-color: var(--ig-success-700); +} + +.styling-item igx-avatar { + --size: 40px; +} + +.styling-item.green igx-avatar { + --ig-avatar-background: var(--ig-success-200); + --ig-avatar-color: var(--ig-gray-50); +} + +.styling-item.pink igx-avatar { + --ig-avatar-background: #DA64FF; + --ig-avatar-color: var(--ig-gray-50); +} + +.styling-item igx-badge { + position: absolute; + inset-block-end: -2px; + inset-inline-end: -2px; +} diff --git a/src/app/data-display/badge/badge-sample-2/badge-sample-2.component.ts b/src/app/data-display/badge/badge-styling/badge-styling.component.ts similarity index 56% rename from src/app/data-display/badge/badge-sample-2/badge-sample-2.component.ts rename to src/app/data-display/badge/badge-styling/badge-styling.component.ts index a41285282..d3d2d150d 100644 --- a/src/app/data-display/badge/badge-sample-2/badge-sample-2.component.ts +++ b/src/app/data-display/badge/badge-styling/badge-styling.component.ts @@ -2,10 +2,11 @@ import { Component } from '@angular/core'; import { IgxAvatarComponent } from 'igniteui-angular/avatar'; import { IgxBadgeComponent } from 'igniteui-angular/badge'; + @Component({ - selector: 'app-badge-sample-2', - styleUrls: ['./badge-sample-2.component.scss'], - templateUrl: './badge-sample-2.component.html', + selector: 'app-badge-styling', + styleUrls: ['./badge-styling.component.scss'], + templateUrl: './badge-styling.component.html', imports: [IgxAvatarComponent, IgxBadgeComponent] }) -export class BadgeSample2Component { } +export class BadgeStylingComponent { } diff --git a/src/app/data-display/badge/badge-styling/layout.scss b/src/app/data-display/badge/badge-styling/layout.scss new file mode 100644 index 000000000..601f78323 --- /dev/null +++ b/src/app/data-display/badge/badge-styling/layout.scss @@ -0,0 +1,33 @@ +.badge-teal { + --background-color: var(--ig-success-700); + --border-radius: 50%; +} + +.badge-amber { + --background-color: #C97C00; + --border-radius: 50%; +} + +.badge-magenta { + --background-color: #9C27B0; + --ig-avatar-color: var(--ig-gray-50); + --border-radius: 50%; +} + +.badge-lime { + --background-color: var(--ig-success-700); + --border-radius: 50%; +} + +.badge-styling { + display: flex; + align-items: center; + justify-content: center; + gap: 60px; + min-height: 7rem; +} + +.styling-item { + position: relative; + display: flex; +} diff --git a/src/app/data-display/badge/badge-tailwind-styling-sample/badge-tailwind-styling-sample.component.html b/src/app/data-display/badge/badge-tailwind-styling-sample/badge-tailwind-styling-sample.component.html deleted file mode 100644 index edceb81ac..000000000 --- a/src/app/data-display/badge/badge-tailwind-styling-sample/badge-tailwind-styling-sample.component.html +++ /dev/null @@ -1,18 +0,0 @@ - - - Team Members (4) - - @for (member of members; track member) { - -
-
- - -
-
- {{ member.name }} -
-
- - } - diff --git a/src/app/data-display/badge/badge-tailwind-styling-sample/badge-tailwind-styling-sample.component.scss b/src/app/data-display/badge/badge-tailwind-styling-sample/badge-tailwind-styling-sample.component.scss deleted file mode 100644 index a60d456fa..000000000 --- a/src/app/data-display/badge/badge-tailwind-styling-sample/badge-tailwind-styling-sample.component.scss +++ /dev/null @@ -1 +0,0 @@ -@use "layout.scss"; diff --git a/src/app/data-display/badge/badge-tailwind-styling-sample/badge-tailwind-styling-sample.component.ts b/src/app/data-display/badge/badge-tailwind-styling-sample/badge-tailwind-styling-sample.component.ts deleted file mode 100644 index ee9e7d5c1..000000000 --- a/src/app/data-display/badge/badge-tailwind-styling-sample/badge-tailwind-styling-sample.component.ts +++ /dev/null @@ -1,21 +0,0 @@ -import { Component } from '@angular/core'; -import { Member } from '../model/member.model'; -import { IgxListComponent, IgxListItemComponent } from 'igniteui-angular/list'; -import { IgxAvatarComponent } from 'igniteui-angular/avatar'; -import { IgxBadgeComponent } from 'igniteui-angular/badge'; - - -@Component({ - selector: 'app-badge-tailwind-styling-sample', - styleUrls: ['./badge-tailwind-styling-sample.component.scss'], - templateUrl: './badge-tailwind-styling-sample.component.html', - imports: [IgxListComponent, IgxListItemComponent, IgxAvatarComponent, IgxBadgeComponent] -}) -export class BadgeTailwindStylingSampleComponent { - public members: Member[] = [ - new Member('Terrance Orta', 'online'), - new Member('Donna Price', 'online'), - new Member('Lisa Landers', 'away'), - new Member('Dorothy H. Spencer', 'offline') - ]; -} diff --git a/src/app/data-display/badge/badge-tailwind-styling-sample/layout.scss b/src/app/data-display/badge/badge-tailwind-styling-sample/layout.scss deleted file mode 100644 index cee5eb7fb..000000000 --- a/src/app/data-display/badge/badge-tailwind-styling-sample/layout.scss +++ /dev/null @@ -1,18 +0,0 @@ -.wrapper { - display: flex; - flex-direction: row; - } - - .contact-name { - font-weight: 600; - } - - .contact-container{ - margin-left: 20px; - } - - .badge-style { - position: absolute; - bottom: 2.5px; - left: 40px; - } \ No newline at end of file diff --git a/src/app/data-display/badge/badge-tailwind-styling/badge-tailwind-styling.component.html b/src/app/data-display/badge/badge-tailwind-styling/badge-tailwind-styling.component.html new file mode 100644 index 000000000..4d03b9457 --- /dev/null +++ b/src/app/data-display/badge/badge-tailwind-styling/badge-tailwind-styling.component.html @@ -0,0 +1,18 @@ +
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+
diff --git a/src/app/data-display/badge/badge-tailwind-styling/badge-tailwind-styling.component.scss b/src/app/data-display/badge/badge-tailwind-styling/badge-tailwind-styling.component.scss new file mode 100644 index 000000000..50ceb5330 --- /dev/null +++ b/src/app/data-display/badge/badge-tailwind-styling/badge-tailwind-styling.component.scss @@ -0,0 +1,15 @@ +@use "layout.scss"; + +igx-badge { + --ig-size: var(--ig-size-small); +} + +igx-avatar { + --size: 40px; + --ig-avatar-background: var(--ig-gray-700); + --ig-avatar-color: var(--ig-gray-50); +} + +:host ::ng-deep igx-avatar igx-icon { + color: var(--ig-gray-50); +} diff --git a/src/app/data-display/badge/badge-tailwind-styling/badge-tailwind-styling.component.ts b/src/app/data-display/badge/badge-tailwind-styling/badge-tailwind-styling.component.ts new file mode 100644 index 000000000..36ec4c92d --- /dev/null +++ b/src/app/data-display/badge/badge-tailwind-styling/badge-tailwind-styling.component.ts @@ -0,0 +1,12 @@ +import { Component } from '@angular/core'; +import { IgxAvatarComponent } from 'igniteui-angular/avatar'; +import { IgxBadgeComponent } from 'igniteui-angular/badge'; + + +@Component({ + selector: 'app-badge-tailwind-styling', + styleUrls: ['./badge-tailwind-styling.component.scss'], + templateUrl: './badge-tailwind-styling.component.html', + imports: [IgxAvatarComponent, IgxBadgeComponent] +}) +export class BadgeTailwindStylingComponent { } diff --git a/src/app/data-display/badge/badge-tailwind-styling/layout.scss b/src/app/data-display/badge/badge-tailwind-styling/layout.scss new file mode 100644 index 000000000..e97d2f5aa --- /dev/null +++ b/src/app/data-display/badge/badge-tailwind-styling/layout.scss @@ -0,0 +1,29 @@ +.badge-close { + --background-color: var(--ig-error-500); + --border-radius: 50%; +} + +.badge-volume { + --background-color: #8B5BB1; + --border-radius: 50%; +} + +.badge-remove { + --background-color: var(--ig-gray-900); + --border-radius: 50%; +} + +.badge-check { + --background-color: var(--ig-success-600); + --border-radius: 50%; +} + +.badge-style { + position: absolute; + inset-block-end: -4px; + inset-inline-end: -4px; +} + +.badge-parent { + min-height: 7rem; +} diff --git a/src/app/data-display/badge/badge-type/badge-type.component.html b/src/app/data-display/badge/badge-type/badge-type.component.html new file mode 100644 index 000000000..4a3b93a78 --- /dev/null +++ b/src/app/data-display/badge/badge-type/badge-type.component.html @@ -0,0 +1,23 @@ +
+
+
+ + +
+ Dot +
+
+
+ + +
+ Icon +
+
+
+ + +
+ Text +
+
diff --git a/src/app/data-display/badge/badge-type/badge-type.component.scss b/src/app/data-display/badge/badge-type/badge-type.component.scss new file mode 100644 index 000000000..0479de835 --- /dev/null +++ b/src/app/data-display/badge/badge-type/badge-type.component.scss @@ -0,0 +1,44 @@ +igx-avatar { + --size: 40px; +} + +igx-badge { + --ig-size: var(--ig-size-small); + position: absolute; + inset-block-end: -6px; + inset-inline-end: -4px; +} + +.badge-type { + display: flex; + align-items: center; + justify-content: center; + gap: 60px; + min-height: 8.5rem; +} + +.badge-type-item { + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + gap: 16px; + min-width: 56px; + min-height: 72px; +} + +.avatar-wrapper { + position: relative; + display: flex; +} + +.dot-badge { + inset-block-end: 0; + inset-inline-end: 0; +} + +.badge-type-item span { + color: var(--ig-gray-700); + font-size: 12px; + line-height: 16px; +} diff --git a/src/app/data-display/badge/badge-dot-sample/badge-dot-sample.component.ts b/src/app/data-display/badge/badge-type/badge-type.component.ts similarity index 55% rename from src/app/data-display/badge/badge-dot-sample/badge-dot-sample.component.ts rename to src/app/data-display/badge/badge-type/badge-type.component.ts index 23cbbb538..d65ecaedb 100644 --- a/src/app/data-display/badge/badge-dot-sample/badge-dot-sample.component.ts +++ b/src/app/data-display/badge/badge-type/badge-type.component.ts @@ -3,9 +3,9 @@ import { IgxAvatarComponent } from 'igniteui-angular/avatar'; import { IgxBadgeComponent } from 'igniteui-angular/badge'; @Component({ - selector: 'app-badge-dot-sample', - styleUrls: ['./badge-dot-sample.component.scss'], - templateUrl: './badge-dot-sample.component.html', + selector: 'app-badge-type', + templateUrl: './badge-type.component.html', + styleUrls: ['./badge-type.component.scss'], imports: [IgxAvatarComponent, IgxBadgeComponent] }) -export class BadgeDotSampleComponent { } +export class BadgeTypeComponent { } diff --git a/src/app/data-display/badge/badge-variants/badge-variants.component.html b/src/app/data-display/badge/badge-variants/badge-variants.component.html new file mode 100644 index 000000000..6b03f179d --- /dev/null +++ b/src/app/data-display/badge/badge-variants/badge-variants.component.html @@ -0,0 +1,37 @@ +
+
+
+ + +
+ Primary +
+
+
+ + +
+ Info +
+
+
+ + +
+ Success +
+
+
+ + +
+ Warn +
+
+
+ + +
+ Error +
+
diff --git a/src/app/data-display/badge/badge-variants/badge-variants.component.scss b/src/app/data-display/badge/badge-variants/badge-variants.component.scss new file mode 100644 index 000000000..a53f2b448 --- /dev/null +++ b/src/app/data-display/badge/badge-variants/badge-variants.component.scss @@ -0,0 +1,42 @@ +igx-badge { + --ig-size: var(--ig-size-small); + position: absolute; + inset-block-end: -4px; + inset-inline-end: -4px; +} + +igx-avatar { + --ig-avatar-background: var(--ig-gray-700); + --ig-avatar-color: var(--ig-gray-50); +} + +:host ::ng-deep .variant-item:first-child igx-avatar igx-icon, +:host ::ng-deep .variant-item:nth-child(4) igx-avatar igx-icon { + color: var(--ig-gray-50); +} + +.badge-variants { + display: flex; + align-items: center; + justify-content: center; + gap: 40px; + min-height: 8.5rem; +} + +.variant-item { + display: flex; + flex-direction: column; + align-items: center; + gap: 12px; + min-width: 56px; +} + +.variant-item span { + color: var(--ig-gray-700); + font-size: 13px; +} + +.avatar-wrapper { + position: relative; + display: flex; +} diff --git a/src/app/data-display/badge/badge-variants/badge-variants.component.ts b/src/app/data-display/badge/badge-variants/badge-variants.component.ts new file mode 100644 index 000000000..27f31de5f --- /dev/null +++ b/src/app/data-display/badge/badge-variants/badge-variants.component.ts @@ -0,0 +1,11 @@ +import { Component } from '@angular/core'; +import { IgxAvatarComponent } from 'igniteui-angular/avatar'; +import { IgxBadgeComponent } from 'igniteui-angular/badge'; + +@Component({ + selector: 'app-badge-variants', + styleUrls: ['./badge-variants.component.scss'], + templateUrl: './badge-variants.component.html', + imports: [IgxAvatarComponent, IgxBadgeComponent] +}) +export class BadgeVariantsComponent { } diff --git a/src/app/data-display/data-display-routes-data.ts b/src/app/data-display/data-display-routes-data.ts index 84c0e4554..b5d24e620 100644 --- a/src/app/data-display/data-display-routes-data.ts +++ b/src/app/data-display/data-display-routes-data.ts @@ -2,12 +2,15 @@ export const dataDisplayRoutesData = { "badge-icon": { displayName: "Badge Icon Sample", parentName: "Badge" }, - "badge-sample-2": { displayName: "Simple Badge", parentName: "Badge" }, - "badge-sample-3": { displayName: "Badge for List Items", parentName: "Badge" }, - "badge-outlined-sample": { displayName: "Badge Outlined Sample", parentName: "Badge" }, - "badge-dot-sample": { displayName: "Badge Dot Sample", parentName: "Badge" }, - "badge-styling-sample": { displayName: "Badge Styling Sample", parentName: "Badge" }, - "badge-tailwind-styling-sample": { displayName: "Badge Tailwind Styling Sample", parentName: "Badge" }, + "badge-overview": { displayName: "Overview", parentName: "Badge" }, + "badge-size": { displayName: "Badge Size", parentName: "Badge" }, + "badge-type": { displayName: "Badge Type", parentName: "Badge" }, + "badge-shape": { displayName: "Badge Shape", parentName: "Badge" }, + "badge-variants": { displayName: "Badge Variants", parentName: "Badge" }, + "badge-outlined": { displayName: "Badge Outlined", parentName: "Badge" }, + "badge-dot": { displayName: "Badge Dot", parentName: "Badge" }, + "badge-styling": { displayName: "Badge Styling", parentName: "Badge" }, + "badge-tailwind-styling": { displayName: "Badge Tailwind Styling", parentName: "Badge" }, "chip-simple": { displayName: "Chip Simple", parentName: "Chip" }, "chip-variants": { displayName: "Chip Variants", parentName: "Chip" }, "chip-area-sample": { displayName: "Chip Area Sample", parentName: "Chip" }, diff --git a/src/app/data-display/data-display.routes.ts b/src/app/data-display/data-display.routes.ts index 4db820c45..514fb6943 100644 --- a/src/app/data-display/data-display.routes.ts +++ b/src/app/data-display/data-display.routes.ts @@ -1,10 +1,13 @@ import { BadgeIconComponent } from './badge/badge-icon/badge-icon.component'; -import { BadgeSample2Component } from './badge/badge-sample-2/badge-sample-2.component'; -import { BadgeSample3Component } from './badge/badge-sample-3/badge-sample-3.component'; +import { BadgeOverviewComponent } from './badge/badge-overview/badge-overview.component'; +import { BadgeSizeComponent } from './badge/badge-size/badge-size.component'; +import { BadgeTypeComponent } from './badge/badge-type/badge-type.component'; +import { BadgeShapeComponent } from './badge/badge-shape/badge-shape.component'; +import { BadgeVariantsComponent } from './badge/badge-variants/badge-variants.component'; import { BadgeOutlinedComponent } from './badge/badge-outlined/badge-outlined.component'; -import { BadgeDotSampleComponent } from './badge/badge-dot-sample/badge-dot-sample.component'; -import { BadgeStylingSampleComponent } from './badge/badge-styling-sample/badge-styling-sample.component'; -import { BadgeTailwindStylingSampleComponent } from './badge/badge-tailwind-styling-sample/badge-tailwind-styling-sample.component'; +import { BadgeDotComponent } from './badge/badge-dot/badge-dot.component'; +import { BadgeStylingComponent } from './badge/badge-styling/badge-styling.component'; +import { BadgeTailwindStylingComponent } from './badge/badge-tailwind-styling/badge-tailwind-styling.component'; import { ChipAreaSampleComponent } from './chip/chip-area-sample/chip-area-sample.component'; import { ChipSimpleComponent } from './chip/chip-simple/chip-simple.component'; import { ChipVariantsComponent } from './chip/chip-variants/chip-variants.component'; @@ -55,34 +58,49 @@ export const DataDisplayRoutes: Routes = [ path: 'badge-icon' }, { - component: BadgeSample2Component, - data: dataDisplayRoutesData['badge-sample-2'], - path: 'badge-sample-2' + component: BadgeOverviewComponent, + data: dataDisplayRoutesData['badge-overview'], + path: 'badge-overview' }, { - component: BadgeSample3Component, - data: dataDisplayRoutesData['badge-sample-3'], - path: 'badge-sample-3' + component: BadgeSizeComponent, + data: dataDisplayRoutesData['badge-size'], + path: 'badge-size' + }, + { + component: BadgeTypeComponent, + data: dataDisplayRoutesData['badge-type'], + path: 'badge-type' + }, + { + component: BadgeShapeComponent, + data: dataDisplayRoutesData['badge-shape'], + path: 'badge-shape' + }, + { + component: BadgeVariantsComponent, + data: dataDisplayRoutesData['badge-variants'], + path: 'badge-variants' }, { component: BadgeOutlinedComponent, - data: dataDisplayRoutesData['badge-outlined-sample'], - path: 'badge-outlined-sample' + data: dataDisplayRoutesData['badge-outlined'], + path: 'badge-outlined' }, { - component: BadgeDotSampleComponent, - data: dataDisplayRoutesData['badge-dot-sample'], - path: 'badge-dot-sample' + component: BadgeDotComponent, + data: dataDisplayRoutesData['badge-dot'], + path: 'badge-dot' }, { - component: BadgeStylingSampleComponent, - data: dataDisplayRoutesData['badge-styling-sample'], - path: 'badge-styling-sample' + component: BadgeStylingComponent, + data: dataDisplayRoutesData['badge-styling'], + path: 'badge-styling' }, { - component: BadgeTailwindStylingSampleComponent, - data: dataDisplayRoutesData['badge-tailwind-styling-sample'], - path: 'badge-tailwind-styling-sample' + component: BadgeTailwindStylingComponent, + data: dataDisplayRoutesData['badge-tailwind-styling'], + path: 'badge-tailwind-styling' }, { component: ChipAreaSampleComponent, diff --git a/src/styles.scss b/src/styles.scss index 16c8722ea..8c144ff6d 100644 --- a/src/styles.scss +++ b/src/styles.scss @@ -19,6 +19,21 @@ body { margin: 0; } +body.custom-body:has( + app-badge-overview, + app-badge-styling, + app-badge-dot, + app-badge-type, + app-badge-icon, + app-badge-size, + app-badge-shape, + app-badge-variants, + app-badge-outlined, + app-badge-tailwind-styling +) { + background: transparent; +} + @include core(); @include typography(); @include theme( From 905021b92208427da306a429840b8908b9048853 Mon Sep 17 00:00:00 2001 From: Hristo Hristov <57346540+Hristo313@users.noreply.github.com> Date: Fri, 7 Aug 2026 15:05:48 +0300 Subject: [PATCH 12/35] fix(grid): fix grid nested data bind dropdown padding (#3992) Co-authored-by: Ivan Minchev <61944284+IMinchev64@users.noreply.github.com> --- .../grid/grid-nested-data-binding/grid-nested-data-bind.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/app/grid/grid-nested-data-binding/grid-nested-data-bind.scss b/src/app/grid/grid-nested-data-binding/grid-nested-data-bind.scss index f3f7cb51c..c70ad2d8e 100644 --- a/src/app/grid/grid-nested-data-binding/grid-nested-data-bind.scss +++ b/src/app/grid/grid-nested-data-binding/grid-nested-data-bind.scss @@ -30,7 +30,7 @@ igx-input-group { ::ng-deep { .expand { - padding: 2px; + padding: 0; background: transparent; &:hover { background: transparent; From 5b40953aa40ba5ea0d7d08184e54974de4ff628f Mon Sep 17 00:00:00 2001 From: Adrian Petrov Date: Fri, 7 Aug 2026 17:50:24 +0300 Subject: [PATCH 13/35] feat(): add chip outlined sample + other chip samples improvements --- live-editing/configs/ChipConfigGenerator.ts | 6 ++++ .../chip-area-sample.component.scss | 2 +- .../chip-outlined.component.html | 13 ++++++++ .../chip-outlined.component.scss | 7 +++++ .../chip-outlined/chip-outlined.component.ts | 30 +++++++++++++++++++ .../chip-simple/chip-simple.component.scss | 2 +- .../chip/chip-tailwind-styling/layout.scss | 6 ++-- .../chip-variants.component.scss | 3 +- .../data-display/data-display-routes-data.ts | 1 + src/app/data-display/data-display.routes.ts | 6 ++++ 10 files changed, 69 insertions(+), 7 deletions(-) create mode 100644 src/app/data-display/chip/chip-outlined/chip-outlined.component.html create mode 100644 src/app/data-display/chip/chip-outlined/chip-outlined.component.scss create mode 100644 src/app/data-display/chip/chip-outlined/chip-outlined.component.ts diff --git a/live-editing/configs/ChipConfigGenerator.ts b/live-editing/configs/ChipConfigGenerator.ts index 459d52685..4628a0020 100644 --- a/live-editing/configs/ChipConfigGenerator.ts +++ b/live-editing/configs/ChipConfigGenerator.ts @@ -15,6 +15,12 @@ export class ChipConfigGenerator implements IConfigGenerator { shortenComponentPathBy: "/data-display/" })); + configs.push(new Config({ + component: 'ChipOutlinedComponent', + appConfig: BaseAppConfig, + shortenComponentPathBy: "/data-display/" + })); + configs.push(new Config({ component: 'ChipVariantsComponent', appConfig: BaseAppConfig, diff --git a/src/app/data-display/chip/chip-area-sample/chip-area-sample.component.scss b/src/app/data-display/chip/chip-area-sample/chip-area-sample.component.scss index 3693122d0..8c1bf8489 100644 --- a/src/app/data-display/chip/chip-area-sample/chip-area-sample.component.scss +++ b/src/app/data-display/chip/chip-area-sample/chip-area-sample.component.scss @@ -9,5 +9,5 @@ igx-chip { } .sample-container { - padding-top: 30px; + padding: 1rem 0 0 1rem; } diff --git a/src/app/data-display/chip/chip-outlined/chip-outlined.component.html b/src/app/data-display/chip/chip-outlined/chip-outlined.component.html new file mode 100644 index 000000000..c9d6b7529 --- /dev/null +++ b/src/app/data-display/chip/chip-outlined/chip-outlined.component.html @@ -0,0 +1,13 @@ +
+ @for (item of variants; track item.label) { + + {{ item.label }} + + } +
diff --git a/src/app/data-display/chip/chip-outlined/chip-outlined.component.scss b/src/app/data-display/chip/chip-outlined/chip-outlined.component.scss new file mode 100644 index 000000000..a17f5cbe5 --- /dev/null +++ b/src/app/data-display/chip/chip-outlined/chip-outlined.component.scss @@ -0,0 +1,7 @@ +.sample-container { + display: flex; + flex-wrap: wrap; + align-items: center; + gap: 5px; + padding: 1rem 0 0 1rem; +} diff --git a/src/app/data-display/chip/chip-outlined/chip-outlined.component.ts b/src/app/data-display/chip/chip-outlined/chip-outlined.component.ts new file mode 100644 index 000000000..3cbf555bd --- /dev/null +++ b/src/app/data-display/chip/chip-outlined/chip-outlined.component.ts @@ -0,0 +1,30 @@ +import { ChangeDetectorRef, Component, inject } from '@angular/core'; +import { IBaseChipEventArgs, IgxChipComponent, IgxChipTypeVariant } from 'igniteui-angular/chips'; +import { IgxIconComponent } from 'igniteui-angular/icon'; +import { IgxPrefixDirective } from 'igniteui-angular/input-group'; + + +@Component({ + selector: 'app-chip-outlined', + styleUrls: ['./chip-outlined.component.scss'], + templateUrl: './chip-outlined.component.html', + imports: [IgxChipComponent, IgxIconComponent, IgxPrefixDirective] +}) + +export class ChipOutlinedComponent { + private cdr = inject(ChangeDetectorRef); + + public variants: { variant: IgxChipTypeVariant | undefined; label: string }[] = [ + { variant: undefined, label: 'Default' }, + { variant: IgxChipTypeVariant.PRIMARY, label: 'Primary' }, + { variant: IgxChipTypeVariant.INFO, label: 'Info' }, + { variant: IgxChipTypeVariant.SUCCESS, label: 'Success' }, + { variant: IgxChipTypeVariant.WARNING, label: 'Warning' }, + { variant: IgxChipTypeVariant.DANGER, label: 'Danger' } + ]; + + public chipRemoved(event: IBaseChipEventArgs) { + this.variants = this.variants.filter(v => v.label !== event.owner.id); + this.cdr.detectChanges(); + } +} diff --git a/src/app/data-display/chip/chip-simple/chip-simple.component.scss b/src/app/data-display/chip/chip-simple/chip-simple.component.scss index e175fb08c..5e88f1179 100644 --- a/src/app/data-display/chip/chip-simple/chip-simple.component.scss +++ b/src/app/data-display/chip/chip-simple/chip-simple.component.scss @@ -3,5 +3,5 @@ igx-chip { } .sample-container { - padding-top: 30px; + padding: 1rem 0 0 1rem; } diff --git a/src/app/data-display/chip/chip-tailwind-styling/layout.scss b/src/app/data-display/chip/chip-tailwind-styling/layout.scss index 619dc177e..a201d613a 100644 --- a/src/app/data-display/chip/chip-tailwind-styling/layout.scss +++ b/src/app/data-display/chip/chip-tailwind-styling/layout.scss @@ -1,4 +1,4 @@ -igx-chip { - margin-right: 5px; - margin-top: 20px; +igx-chips-area { + gap: 0.5rem; + padding: 1rem 0 0 1rem; } \ No newline at end of file diff --git a/src/app/data-display/chip/chip-variants/chip-variants.component.scss b/src/app/data-display/chip/chip-variants/chip-variants.component.scss index fce0b6a0d..a17f5cbe5 100644 --- a/src/app/data-display/chip/chip-variants/chip-variants.component.scss +++ b/src/app/data-display/chip/chip-variants/chip-variants.component.scss @@ -3,6 +3,5 @@ flex-wrap: wrap; align-items: center; gap: 5px; - padding-top: 15px; - padding-left: 10px; + padding: 1rem 0 0 1rem; } diff --git a/src/app/data-display/data-display-routes-data.ts b/src/app/data-display/data-display-routes-data.ts index b5d24e620..39ceef1ea 100644 --- a/src/app/data-display/data-display-routes-data.ts +++ b/src/app/data-display/data-display-routes-data.ts @@ -12,6 +12,7 @@ export const dataDisplayRoutesData = { "badge-styling": { displayName: "Badge Styling", parentName: "Badge" }, "badge-tailwind-styling": { displayName: "Badge Tailwind Styling", parentName: "Badge" }, "chip-simple": { displayName: "Chip Simple", parentName: "Chip" }, + "chip-outlined": { displayName: "Chip Outlined", parentName: "Chip" }, "chip-variants": { displayName: "Chip Variants", parentName: "Chip" }, "chip-area-sample": { displayName: "Chip Area Sample", parentName: "Chip" }, "chip-styling": { displayName: "Chip Styling", parentName: "Chip" }, diff --git a/src/app/data-display/data-display.routes.ts b/src/app/data-display/data-display.routes.ts index 514fb6943..de1538d48 100644 --- a/src/app/data-display/data-display.routes.ts +++ b/src/app/data-display/data-display.routes.ts @@ -10,6 +10,7 @@ import { BadgeStylingComponent } from './badge/badge-styling/badge-styling.compo import { BadgeTailwindStylingComponent } from './badge/badge-tailwind-styling/badge-tailwind-styling.component'; import { ChipAreaSampleComponent } from './chip/chip-area-sample/chip-area-sample.component'; import { ChipSimpleComponent } from './chip/chip-simple/chip-simple.component'; +import { ChipOutlinedComponent } from './chip/chip-outlined/chip-outlined.component'; import { ChipVariantsComponent } from './chip/chip-variants/chip-variants.component'; import { ChipStylingSampleComponent } from './chip/chip-styling/chip-styling.component'; import { ChipTailwindStylingSampleComponent } from './chip/chip-tailwind-styling/chip-tailwind-styling.component'; @@ -112,6 +113,11 @@ export const DataDisplayRoutes: Routes = [ data: dataDisplayRoutesData['chip-simple'], path: 'chip-simple' }, + { + component: ChipOutlinedComponent, + data: dataDisplayRoutesData['chip-outlined'], + path: 'chip-outlined' + }, { component: ChipVariantsComponent, data: dataDisplayRoutesData['chip-variants'], From 587897f20cbe3afbf79e1313ac9779a3b5978b07 Mon Sep 17 00:00:00 2001 From: Simeon Simeonoff Date: Tue, 11 Aug 2026 17:11:30 +0300 Subject: [PATCH 14/35] deps(theming): bump to latest beta --- package-lock.json | 32 ++++++++++++++++---------------- package.json | 8 ++++---- 2 files changed, 20 insertions(+), 20 deletions(-) diff --git a/package-lock.json b/package-lock.json index faf31b7b2..1d7c7c61d 100644 --- a/package-lock.json +++ b/package-lock.json @@ -36,11 +36,11 @@ "file-saver": "^2.0.2", "fuse.js": "^7.1.0", "hammerjs": "^2.0.8", - "igniteui-angular": "22.1.0-beta.2", + "igniteui-angular": "22.1.0-beta.4", "igniteui-angular-charts": "^22.0.0", "igniteui-angular-core": "^22.0.0", - "igniteui-angular-extras": "22.1.0-beta.2", - "igniteui-angular-i18n": "22.1.0-beta.2", + "igniteui-angular-extras": "22.1.0-beta.4", + "igniteui-angular-i18n": "22.1.0-beta.4", "igniteui-dockmanager": "^1.17.0", "igniteui-grid-lite": "0.9.0", "igniteui-i18n-resources": "^1.0.4", @@ -10492,15 +10492,15 @@ "license": "BSD-3-Clause" }, "node_modules/igniteui-angular": { - "version": "22.1.0-beta.2", - "resolved": "https://registry.npmjs.org/igniteui-angular/-/igniteui-angular-22.1.0-beta.2.tgz", - "integrity": "sha512-cQU6lbqcd3zaj2Xj481OtONcG4GZJnXAoorvLbr1/s4c2/9fzRLSF939pKrJH7G1/zcOKnIXDatYK4PZopXOoQ==", + "version": "22.1.0-beta.4", + "resolved": "https://registry.npmjs.org/igniteui-angular/-/igniteui-angular-22.1.0-beta.4.tgz", + "integrity": "sha512-PBKQVuDkad2IE4CALmMeQRYm5UuxZ0HVfWp6cXAMFFTNHlGkpqWr7nBuTLoI7vcPgAz84OyfSzUaI8x9MHF9Tg==", "license": "SEE LICENSE IN LICENSE", "dependencies": { "@igniteui/material-icons-extended": "^3.1.0", "fflate": "^0.8.2", "igniteui-i18n-core": "^1.0.5", - "igniteui-theming": "^27.4.0", + "igniteui-theming": "^27.5.1", "igniteui-trial-watermark": "^3.1.0", "jspdf": "^4.2.1", "lodash-es": "^4.17.21", @@ -10553,9 +10553,9 @@ } }, "node_modules/igniteui-angular-extras": { - "version": "22.1.0-beta.2", - "resolved": "https://registry.npmjs.org/igniteui-angular-extras/-/igniteui-angular-extras-22.1.0-beta.2.tgz", - "integrity": "sha512-M6Bhj38PtIVFK6snc4bZdFfZhT9joVmx9rxvR1C0T+K9yyDyz3pYXmTDcV9oZjwGq2KSaOJrbEHq1YxcCwd9cw==", + "version": "22.1.0-beta.4", + "resolved": "https://registry.npmjs.org/igniteui-angular-extras/-/igniteui-angular-extras-22.1.0-beta.4.tgz", + "integrity": "sha512-GBOEGRaO7OhnJ6NlyM3G8CqV/IFAcH1Sa3+IT4hJ67NTmxW0aP39Nm5+kP+Pg0DWgbYwpqWSM+41Ht8bz05eMg==", "license": "SEE LICENSE IN LICENSE", "dependencies": { "igniteui-trial-watermark": "^3.1.0", @@ -10570,9 +10570,9 @@ } }, "node_modules/igniteui-angular-i18n": { - "version": "22.1.0-beta.2", - "resolved": "https://registry.npmjs.org/igniteui-angular-i18n/-/igniteui-angular-i18n-22.1.0-beta.2.tgz", - "integrity": "sha512-YdavAbyNUzmhnFCGzAdjJ/dsOl6XrtuIQ1r5j3jHrPjZTuHklxJiazGrTSOMuGHzqehvcIwXM+hAVL/Lvw0uZg==", + "version": "22.1.0-beta.4", + "resolved": "https://registry.npmjs.org/igniteui-angular-i18n/-/igniteui-angular-i18n-22.1.0-beta.4.tgz", + "integrity": "sha512-uiDKay3w0Sm7K0ZffLub53l6VNAGpwopk5ZFtgHsliq1IGqPWIvXIfdumdEjYjkZUCPMYDLPUI8LDJd8iWlh7g==", "license": "MIT", "dependencies": { "igniteui-i18n-core": "^1.0.2", @@ -10639,9 +10639,9 @@ "license": "MIT" }, "node_modules/igniteui-theming": { - "version": "27.4.0", - "resolved": "https://registry.npmjs.org/igniteui-theming/-/igniteui-theming-27.4.0.tgz", - "integrity": "sha512-0lxn6jDcPKdEtewxx/q+F0MBGhlfXCx1nzfFRS55GmfcYAexNwAjfjS2MlE+Tc/aN33spDA9GkP6cQNI2s+BdA==", + "version": "27.5.1", + "resolved": "https://registry.npmjs.org/igniteui-theming/-/igniteui-theming-27.5.1.tgz", + "integrity": "sha512-QUQWqFFdfX2REO14gKcvUlw+h/em7Bb34VPcPGZjnjW6vKWby1dYyFeLq/RY1GNPeFcD9jtGBxxCxAomo/CyBQ==", "license": "MIT", "dependencies": { "@modelcontextprotocol/sdk": "^1.28.0", diff --git a/package.json b/package.json index 613fa2c3a..d84f5eb88 100644 --- a/package.json +++ b/package.json @@ -73,11 +73,11 @@ "file-saver": "^2.0.2", "fuse.js": "^7.1.0", "hammerjs": "^2.0.8", - "igniteui-angular": "22.1.0-beta.2", + "igniteui-angular": "22.1.0-beta.4", "igniteui-angular-charts": "^22.0.0", "igniteui-angular-core": "^22.0.0", - "igniteui-angular-extras": "22.1.0-beta.2", - "igniteui-angular-i18n": "22.1.0-beta.2", + "igniteui-angular-extras": "22.1.0-beta.4", + "igniteui-angular-i18n": "22.1.0-beta.4", "igniteui-dockmanager": "^1.17.0", "igniteui-grid-lite": "0.9.0", "igniteui-i18n-resources": "^1.0.4", @@ -112,7 +112,7 @@ "@angular/compiler": "^22.0.0" }, "igniteui-angular-extras": { - "igniteui-angular": "22.1.0-beta.2", + "igniteui-angular": "22.1.0-beta.4", "@infragistics/igniteui-angular": "^22.0.0", "igniteui-angular-core": "^22.0.0", "igniteui-angular-charts": "^22.0.0", From 8e62f99ac52f6b3733b932598657e357b9260302 Mon Sep 17 00:00:00 2001 From: Simeon Simeonoff Date: Wed, 12 Aug 2026 11:58:17 +0300 Subject: [PATCH 15/35] fix(*): some samle issues --- .../dropdown-sample-4.component.html | 5 +- .../dropdown-sample-4.component.scss | 20 ++----- .../animations-sample-2.component.html | 56 +++++++++---------- .../animations-sample-2.component.scss | 13 +++-- .../animations-sample-2.component.ts | 4 +- 5 files changed, 45 insertions(+), 53 deletions(-) diff --git a/src/app/data-entries/dropdown/dropdown-sample-4/dropdown-sample-4.component.html b/src/app/data-entries/dropdown/dropdown-sample-4/dropdown-sample-4.component.html index ba67b6bdc..a612155be 100644 --- a/src/app/data-entries/dropdown/dropdown-sample-4/dropdown-sample-4.component.html +++ b/src/app/data-entries/dropdown/dropdown-sample-4/dropdown-sample-4.component.html @@ -1,3 +1,7 @@ +

+ Selected:  + {{ dropDown.selectedItem?.value ?? 'N/A' }} +

@@ -5,7 +9,6 @@ arrow_drop{{ dropDown.collapsed ? '_down' : '_up' }} - Selected: {{ dropDown.selectedItem?.value }} @for (item of items; track item) { diff --git a/src/app/data-entries/dropdown/dropdown-sample-4/dropdown-sample-4.component.scss b/src/app/data-entries/dropdown/dropdown-sample-4/dropdown-sample-4.component.scss index 79fa6ba91..89afcfbb7 100644 --- a/src/app/data-entries/dropdown/dropdown-sample-4/dropdown-sample-4.component.scss +++ b/src/app/data-entries/dropdown/dropdown-sample-4/dropdown-sample-4.component.scss @@ -1,20 +1,8 @@ :host { - margin: 8px; + display: block; + padding: 0.5rem; } -.input { - padding-left: 0.2rem; -} - -.input-group { - width: 220px; -} - -.igx-input-group { - display: inline-block; -} - -span { - display: inline; - padding-left: 24px; +igx-input-group { + max-width: 300px; } diff --git a/src/app/theming/animations/animations-sample-2/animations-sample-2.component.html b/src/app/theming/animations/animations-sample-2/animations-sample-2.component.html index 8aa6432f7..b5d519cac 100644 --- a/src/app/theming/animations/animations-sample-2/animations-sample-2.component.html +++ b/src/app/theming/animations/animations-sample-2/animations-sample-2.component.html @@ -1,32 +1,30 @@ -
- -
- -
Rozes
-
Under the Grave (2016)
- - - - + +
+ + Rozes + Under the Grave (2016) + + + + - -

As I have always said: I write what's real and what's true, - even if it means throwing myself under the bus.

- -
+ +

As I have always said: I write what's real and what's true, + even if it means throwing myself under the bus.

+ +
- + - - - - - - -
+ + + + + + diff --git a/src/app/theming/animations/animations-sample-2/animations-sample-2.component.scss b/src/app/theming/animations/animations-sample-2/animations-sample-2.component.scss index 6adaee26f..406979e7d 100644 --- a/src/app/theming/animations/animations-sample-2/animations-sample-2.component.scss +++ b/src/app/theming/animations/animations-sample-2/animations-sample-2.component.scss @@ -3,13 +3,16 @@ @include fade-in-top(); -.sample-column { - display: block; - padding: 16px; - @include animation('fade-in-top' 3s $ease-out-quad infinite); +:host { + display: grid; + place-content: center; + width: 100%; + height: 100%; } -.card-wrapper { +igx-card { + @include animation('fade-in-top' 3s $ease-out-quad forwards); + max-width: 400px; min-width: 250px; } diff --git a/src/app/theming/animations/animations-sample-2/animations-sample-2.component.ts b/src/app/theming/animations/animations-sample-2/animations-sample-2.component.ts index 5b6185bc0..7e2197b8b 100644 --- a/src/app/theming/animations/animations-sample-2/animations-sample-2.component.ts +++ b/src/app/theming/animations/animations-sample-2/animations-sample-2.component.ts @@ -1,5 +1,5 @@ import { Component } from '@angular/core'; -import { IgxCardActionsComponent, IgxCardComponent, IgxCardContentDirective, IgxCardHeaderComponent, IgxCardMediaDirective } from 'igniteui-angular/card'; +import { IGX_CARD_DIRECTIVES } from 'igniteui-angular/card'; import { IgxDividerComponent, IgxFlexDirective, IgxIconButtonDirective, IgxLayoutDirective, IgxRippleDirective } from 'igniteui-angular/directives'; import { IgxSuffixDirective } from 'igniteui-angular/input-group'; import { IgxIconComponent } from 'igniteui-angular/icon'; @@ -7,7 +7,7 @@ import { IgxIconComponent } from 'igniteui-angular/icon'; selector: 'app-animations-sample-2', styleUrls: ['./animations-sample-2.component.scss'], templateUrl: './animations-sample-2.component.html', - imports: [IgxCardComponent, IgxLayoutDirective, IgxFlexDirective, IgxCardHeaderComponent, IgxCardMediaDirective, IgxCardContentDirective, IgxDividerComponent, IgxCardActionsComponent, IgxIconButtonDirective, IgxRippleDirective, IgxSuffixDirective, IgxIconComponent] + imports: [IgxLayoutDirective, IgxFlexDirective, IgxDividerComponent, IgxIconButtonDirective, IgxRippleDirective, IgxSuffixDirective, IgxIconComponent, IGX_CARD_DIRECTIVES] }) export class AnimationsSample2Component { public horizontal = true; From f0b682b250eb3bddcf5f752c97aa1730bab56cb9 Mon Sep 17 00:00:00 2001 From: Simeon Simeonoff Date: Wed, 12 Aug 2026 18:03:01 +0300 Subject: [PATCH 16/35] refactor(samples): consolidate layout styles and align with theming API updates --- .../chip-styling/chip-styling.component.scss | 67 ++++++++++--------- .../chip/chip-styling/layout.scss | 22 +----- .../checkbox-styling.component.html | 4 +- .../checkbox-styling.component.scss | 52 +++++++------- .../checkbox/checkbox-styling/layout.scss | 43 ------------ .../input-group-styling.component.scss | 58 ++++++++-------- .../input-group-styling.component.ts | 2 - .../input-group-styling/layout.scss | 51 -------------- .../select-header-footer.component.scss | 1 + .../display-density.component.scss | 15 ++--- 10 files changed, 102 insertions(+), 213 deletions(-) delete mode 100644 src/app/data-entries/checkbox/checkbox-styling/layout.scss delete mode 100644 src/app/data-entries/input-group/input-group-styling/layout.scss diff --git a/src/app/data-display/chip/chip-styling/chip-styling.component.scss b/src/app/data-display/chip/chip-styling/chip-styling.component.scss index d8f3bdb7c..9f9b4b01b 100644 --- a/src/app/data-display/chip/chip-styling/chip-styling.component.scss +++ b/src/app/data-display/chip/chip-styling/chip-styling.component.scss @@ -1,49 +1,56 @@ @use "layout.scss"; @use "igniteui-angular/theming" as *; -// CSS variables approach +igx-chips-area { + --ig-size: var(--ig-size-medium); + + gap: rem(8px); +} + +igx-icon { + --ig-icon-size: #{rem(13px)}; +} +// CSS variables approach igx-chip { --text-color: #fff; --hover-text-color: #fff; --focus-text-color: #fff; --border-radius: #{rem(5px)}; -} -.xcom { - --background: #000; - --hover-background: #000; - --focus-background: #323232; + &.xcom { + --background: #000; + --hover-background: #000; + --focus-background: #323232; + } + + &.youtube { + --background: #cd201f; + --hover-background: #cd201f; + --focus-background: #9f1717; + } + + &.facebook { + --background: #3b5999; + --hover-background: #3b5999; + --focus-background: #2c4378; + } + + &.linkedin { + --background: #55acee; + --hover-background: #55acee; + --focus-background: #4682af; + } } -.youtube { - --background: #cd201f; - --hover-background: #cd201f; - --focus-background: #9f1717; -} - -.facebook { - --background: #3b5999; - --hover-background: #3b5999; - --focus-background: #2c4378; -} - -.linkedin { - --background: #55acee; - --hover-background: #55acee; - --focus-background: #4682af; -} - -// Sass theme approach - +//Sass theme approach // $custom-chip-theme: chip-theme( -// $background: #cd201f, // $text-color: #fff, -// $hover-background: #cd201f, -// $focus-background: #9f1717, +// $hover-background: #fff, +// $focus-background: #fff, // $border-radius: rem(5px) // ); - +// // :host { // @include tokens($custom-chip-theme); // } diff --git a/src/app/data-display/chip/chip-styling/layout.scss b/src/app/data-display/chip/chip-styling/layout.scss index f80fd2f1c..f5afb9a67 100644 --- a/src/app/data-display/chip/chip-styling/layout.scss +++ b/src/app/data-display/chip/chip-styling/layout.scss @@ -1,23 +1,7 @@ @use "igniteui-angular/theming" as *; :host { - ::ng-deep { - .igx-chip__item { - height: rem(20px); - font-size: rem(12px); - } - } + display: grid; + place-content: center; + height: 100%; } - -igx-chip { - margin-right: rem(8px); - margin-top: rem(20px); -} - -igx-chips-area { - margin-left: rem(20px); -} - -igx-icon { - --size: #{rem(12px)}; -} \ No newline at end of file diff --git a/src/app/data-entries/checkbox/checkbox-styling/checkbox-styling.component.html b/src/app/data-entries/checkbox/checkbox-styling/checkbox-styling.component.html index 5d1a2f56c..67b225595 100644 --- a/src/app/data-entries/checkbox/checkbox-styling/checkbox-styling.component.html +++ b/src/app/data-entries/checkbox/checkbox-styling/checkbox-styling.component.html @@ -1,3 +1,3 @@ - + Styled checkbox - \ No newline at end of file + diff --git a/src/app/data-entries/checkbox/checkbox-styling/checkbox-styling.component.scss b/src/app/data-entries/checkbox/checkbox-styling/checkbox-styling.component.scss index 247163ba6..656193ef8 100644 --- a/src/app/data-entries/checkbox/checkbox-styling/checkbox-styling.component.scss +++ b/src/app/data-entries/checkbox/checkbox-styling/checkbox-styling.component.scss @@ -1,37 +1,39 @@ -@use "layout.scss"; +@use "sass:map"; @use "igniteui-angular/theming" as *; -// CSS variables approach +:host { + --ig-font-family: Arial, Helvetica, sans-serif; + --ig-subtitle-1-font-size: #{rem(14px)}; -igx-checkbox { - --tick-color: #0064d9; - --tick-color-hover: #e3f0ff; - --tick-width: 2; - --fill-color: transparent; - --fill-color-hover: #e3f0ff; - --label-color: #131e29; - --focus-outline-color: #0032a5; - --border-radius: #{rem(4px)}; + display: block; + padding: rem(18px) 0 0 rem(18px); } -igx-checkbox:hover { - --empty-fill-color: #e3f0ff; +// CSS variables approach +.igx-checkbox { + --tick-color: black; + --tick-color-hover: black; + --tick-width: 4; + --fill-color: orange; + --fill-color-hover: oklch(from var(--fill-color) calc(l * 0.9) c h); + --label-color: black; + --empty-color: orange; + --border-width: #{rem(3px)}; + --border-radius: #{rem(3px)}; } // Sass theme approach - // $custom-checkbox-theme: checkbox-theme( -// $tick-color: #0064d9, -// $tick-width: 2, -// $tick-color-hover: #e3f0ff, -// $fill-color: transparent, -// $fill-color-hover: #e3f0ff, -// $label-color: #131e29, -// $focus-outline-color: #0032a5, -// $empty-color: #131e29, -// $border-radius: rem(4px), +// $tick-color: black, +// $tick-color-hover: black, +// $tick-width: 4, +// $fill-color: orange, +// $fill-color-hover: oklch(from var(--fill-color) calc(l * 0.9) c h), +// $label-color: black, +// $empty-color: orange, +// $border-radius: rem(3px), // ); - -// :host { +// +// :host ::ng-deep { // @include tokens($custom-checkbox-theme); // } diff --git a/src/app/data-entries/checkbox/checkbox-styling/layout.scss b/src/app/data-entries/checkbox/checkbox-styling/layout.scss deleted file mode 100644 index 1cff96454..000000000 --- a/src/app/data-entries/checkbox/checkbox-styling/layout.scss +++ /dev/null @@ -1,43 +0,0 @@ -@use "igniteui-angular/theming" as *; -@use "sass:map"; - -:host { - ::ng-deep { - $_checkbox-schema: map.get($light-fluent-schema, checkbox); - @include tokens(checkbox-theme($schema: $_checkbox-schema)); - - // Note: This is not the standard approach for styling the component. - // We're using it here solely to mirror the UI5 sample. - - .igx-checkbox--checked .igx-checkbox__composite-wrapper .igx-checkbox__composite { - border-color: var(--empty-color); - } - - .igx-checkbox__composite { - min-width: rem(18px); - height: rem(18px); - } - - .igx-checkbox--checked:hover .igx-checkbox__composite-wrapper .igx-checkbox__composite { - border-color: var(--empty-color); - } - - .igx-checkbox__label { - margin-inline-start: auto; - } - } -} - -igx-checkbox { - --ig-font-family: Arial, Helvetica, sans-serif; - --ig-subtitle-1-font-size: #{rem(14px)}; - - display: flex; - margin: rem(18px) 0 0 rem(18px); -} - -#checkbox-1.igx-checkbox--focused:after { - inset: rem(7px) rem(-6px) rem(7px) rem(6px); - border-radius: rem(8px); - box-shadow: 0 0 0 rem(2px) var(--focus-outline-color); -} diff --git a/src/app/data-entries/input-group/input-group-styling/input-group-styling.component.scss b/src/app/data-entries/input-group/input-group-styling/input-group-styling.component.scss index 93438be78..93d96f682 100644 --- a/src/app/data-entries/input-group/input-group-styling/input-group-styling.component.scss +++ b/src/app/data-entries/input-group/input-group-styling/input-group-styling.component.scss @@ -1,37 +1,35 @@ -@use "layout.scss"; @use "igniteui-angular/theming" as *; -// CSS variables approach +:host { + display: grid; + max-width: rem(300px); + margin-top: rem(24px); -// igx-input-group { -// --border-color: #0f62fe; -// --size: #{rem(40px)}; -// --idle-bottom-line-color: #8d8d8d; -// --hover-bottom-line-color: #8d8d8d; -// --hover-placeholder-color: var(--ig-gray-600); -// --idle-secondary-color: var(--ig-gray-600); -// --focused-secondary-color: var(--ig-gray-700); -// --focused-bottom-line-color: #8d8d8d; -// --box-background-hover: var(--ig-gray-100); -// --helper-text-color: var(--ig-gray-600); -// } + ::ng-deep { + $custom-input-group: input-group-theme( + $schema: $light-indigo-schema, + $size: rem(40px), + ); -// Sass theme approach + @include typography( + $font-family: '"IBM Plex Sans", sans-serif', + $type-scale: $indigo-type-scale + ); -$custom-input-group: input-group-theme( - $border-color: #0f62fe, - $idle-bottom-line-color: #8d8d8d, - $hover-bottom-line-color: #8d8d8d, - $hover-placeholder-color: var(--ig-gray-600), - $idle-secondary-color: var(--ig-gray-600), - $focused-secondary-color: var(--ig-gray-700), - $size: rem(40px), - $box-border-radius: 0, - $box-background-hover: var(--ig-gray-100), - $placeholder-color: var(--ig-gray-600), - $helper-text-color: var(--ig-gray-600) -); + @include theme( + $palette: $light-indigo-palette, + $schema: $light-indigo-schema + ); -:host { - @include tokens($custom-input-group); + .igx-input-group { + @include tokens($custom-input-group); + + --ig-caption-font-weight: 400; + --ig-subtitle-1-font-weight: 400; + + &__bundle-main { + background: var(--box-background-hover); + } + } + } } diff --git a/src/app/data-entries/input-group/input-group-styling/input-group-styling.component.ts b/src/app/data-entries/input-group/input-group-styling/input-group-styling.component.ts index 272cecd50..71e2bdd89 100644 --- a/src/app/data-entries/input-group/input-group-styling/input-group-styling.component.ts +++ b/src/app/data-entries/input-group/input-group-styling/input-group-styling.component.ts @@ -1,12 +1,10 @@ import { Component } from '@angular/core'; import { IgxHintDirective, IgxInputDirective, IgxInputGroupComponent, IgxLabelDirective } from 'igniteui-angular/input-group'; -import { THEME_TOKEN, ThemeToken } from 'igniteui-angular/core'; @Component({ selector: 'app-input-group-style', templateUrl: 'input-group-styling.component.html', styleUrls: ['input-group-styling.component.scss'], imports: [IgxInputGroupComponent, IgxLabelDirective, IgxInputDirective, IgxHintDirective], - providers: [{provide: THEME_TOKEN, useFactory: () => new ThemeToken('indigo')}] }) export class InputGroupStyleComponent { } diff --git a/src/app/data-entries/input-group/input-group-styling/layout.scss b/src/app/data-entries/input-group/input-group-styling/layout.scss deleted file mode 100644 index bd93634ab..000000000 --- a/src/app/data-entries/input-group/input-group-styling/layout.scss +++ /dev/null @@ -1,51 +0,0 @@ -@use "igniteui-angular/theming" as *; -@use "sass:map"; - -:host { - ::ng-deep { - $_input-schema: map.get($light-indigo-schema, input-group); - @include tokens(input-group-theme($schema: $_input-schema)); - - // Note: This is not the standard approach for styling the component. - // We're using it here solely to mirror the Carbon sample. - - .igx-input-group__bundle { - background: var(--box-background-hover); - - [igxinput].igx-input-group__input { - letter-spacing: rem(0.16px); - padding-block: 0; - padding-inline: rem(12px); - font-size: rem(14px); - } - - input::placeholder { - font-size: rem(14px); - font-style: normal; - opacity: 0.7; - font-weight: 300; - font-family: "IBM Plex Sans", sans-serif; - } - } - - .igx-input-group--focused .igx-input-group__bundle::after { - border-block-end: 0; - inset: 0; - pointer-events: none; - box-shadow: inset 0 0 0 rem(2px) var(--border-color); - } - - .igx-input-group__label, igx-hint { - font-weight: 300; - } - } -} - -igx-input-group { - --ig-font-family: "IBM Plex Sans", sans-serif; -} - -.sample-column { - max-width: rem(300px); - margin-top: rem(24px); -} \ No newline at end of file diff --git a/src/app/data-entries/select/select-header-footer/select-header-footer.component.scss b/src/app/data-entries/select/select-header-footer/select-header-footer.component.scss index e8f2168de..ff1162c62 100644 --- a/src/app/data-entries/select/select-header-footer/select-header-footer.component.scss +++ b/src/app/data-entries/select/select-header-footer/select-header-footer.component.scss @@ -32,6 +32,7 @@ igx-select { justify-content: space-between; align-items: center; padding: 0 1.5rem; + gap: 1rem; background: color($color: 'gray', $variant: 100); igx-icon { &.important-icon { diff --git a/src/app/theming/display-density/display-density.component.scss b/src/app/theming/display-density/display-density.component.scss index 1bf4c27e5..5e194561f 100644 --- a/src/app/theming/display-density/display-density.component.scss +++ b/src/app/theming/display-density/display-density.component.scss @@ -1,13 +1,6 @@ :host { - display: block; - padding: 8px; + display: grid; + gap: 16px; + padding: 16px; + max-width: 500px; } - -.density-chooser { - margin-bottom: 16px; -} - -igx-buttongroup, igx-input-group { - display: block; - width: 500px; -} \ No newline at end of file From 66312949c83b05c794eb19728b7d0c7e293d7515 Mon Sep 17 00:00:00 2001 From: Adrian Petrov Date: Wed, 12 Aug 2026 18:14:27 +0300 Subject: [PATCH 17/35] fix(expansion-panel): remove old title class --- .../expansion-sample-4/expansion-sample-4.component.html | 6 +++--- .../expansion-sample-5/expansion-sample-5.component.html | 2 +- 2 files changed, 4 insertions(+), 4 deletions(-) diff --git a/src/app/layouts/expansion-panel/expansion-sample-4/expansion-sample-4.component.html b/src/app/layouts/expansion-panel/expansion-sample-4/expansion-sample-4.component.html index 796881546..6122e0ccf 100644 --- a/src/app/layouts/expansion-panel/expansion-sample-4/expansion-sample-4.component.html +++ b/src/app/layouts/expansion-panel/expansion-sample-4/expansion-sample-4.component.html @@ -1,7 +1,7 @@
- HTML5 + HTML5 HTML5 is a software solution stack that defines the properties and behaviors of web page content by implementing a markup-based pattern to it. @@ -9,7 +9,7 @@ - CSS3 + CSS3 Cascading Style Sheets (CSS) is a style sheet language used for describing the presentation of a document written in a markup language like HTML @@ -17,7 +17,7 @@ - SASS/SCSS + SASS/SCSS Sass is a preprocessor scripting language that is interpreted or compiled into Cascading Style Sheets (CSS). diff --git a/src/app/layouts/expansion-panel/expansion-sample-5/expansion-sample-5.component.html b/src/app/layouts/expansion-panel/expansion-sample-5/expansion-sample-5.component.html index 579474404..7f3fd4c3f 100644 --- a/src/app/layouts/expansion-panel/expansion-sample-5/expansion-sample-5.component.html +++ b/src/app/layouts/expansion-panel/expansion-sample-5/expansion-sample-5.component.html @@ -1,7 +1,7 @@
- Angular + Angular Angular (commonly referred to as "Angular 2+" or "Angular v2 and above") is a TypeScript-based open-source web application framework led by the Angular Team at Google and by a community of individuals and corporations. From f710780a87bd10bed12bc7d25adb28497a788e3b Mon Sep 17 00:00:00 2001 From: desig9stein Date: Wed, 12 Aug 2026 17:07:53 +0300 Subject: [PATCH 18/35] fix(sample-size-reporter): remove trailing commas in postMessage parameters --- .../calendar-styling-sample.component.html | 4 +- .../calendar-styling-sample.component.scss | 174 +----------------- .../calendar-styling-sample/layout.scss | 135 -------------- 3 files changed, 11 insertions(+), 302 deletions(-) delete mode 100644 src/app/scheduling/calendar/calendar-styling-sample/layout.scss diff --git a/src/app/scheduling/calendar/calendar-styling-sample/calendar-styling-sample.component.html b/src/app/scheduling/calendar/calendar-styling-sample/calendar-styling-sample.component.html index afc5c45d1..4726ef89d 100644 --- a/src/app/scheduling/calendar/calendar-styling-sample/calendar-styling-sample.component.html +++ b/src/app/scheduling/calendar/calendar-styling-sample/calendar-styling-sample.component.html @@ -1,4 +1,4 @@
- -
\ No newline at end of file + diff --git a/src/app/scheduling/calendar/calendar-styling-sample/calendar-styling-sample.component.scss b/src/app/scheduling/calendar/calendar-styling-sample/calendar-styling-sample.component.scss index eda8537f3..c4867019f 100644 --- a/src/app/scheduling/calendar/calendar-styling-sample/calendar-styling-sample.component.scss +++ b/src/app/scheduling/calendar/calendar-styling-sample/calendar-styling-sample.component.scss @@ -1,170 +1,14 @@ -@use "layout.scss"; -@use "igniteui-angular/theming" as *; +@use 'igniteui-angular/theming' as *; -// CSS variables approach +$custom-calendar-theme: calendar-theme( + $header-background: #ecaa53, + $content-background: #011627, +); :host { - ::ng-deep { - .igx-days-view__date--weekend:not(.igx-days-view__date--inactive) { - --date-hover-background: var(--background-hover); - --date-selected-foreground: var(--primary); - --date-selected-background: #FFF; - --date-selected-border-color: var(--primary); - --date-selected-focus-foreground: var(--primary); - --date-selected-focus-background: var(--background-hover); - --date-selected-focus-border-color: var(--primary); - --date-selected-hover-foreground: var(--primary); - --date-selected-hover-background: var(--background-hover); - --date-selected-hover-border-color: var(--primary); - --date-selected-current-hover-background: var(--background-hover); - --date-selected-current-focus-background: var(--background-hover); - --date-selected-current-background: #FFF; - --date-selected-current-border-color: var(--primary); - --date-selected-current-hover-border-color: var(--primary); - --date-current-hover-background: var(--background-hover); - } - } -} + display: grid; + place-items: center; + height: 100%; -igx-calendar { - --date-focus-background: transparent; - --week-number-background: transparent; - --weekend-color: #131E29; - --weekday-color: #556B82; - --week-number-foreground: #556B82; - --inactive-color: #556B82; - --date-current-border-color: var(--current-border); - --date-current-hover-border-color: var(--current-border); - --date-current-focus-border-color: var(--current-border); - --date-current-hover-background: var(--background-weekend); - --date-selected-current-border-color: var(--current-border); - --date-selected-current-background: #FFF; - --date-selected-current-foreground: var(--primary); - --date-selected-current-focus-border-color: var(--current-border); - --date-selected-current-focus-background: var(--background-weekend); - --date-selected-current-focus-foreground: var(--primary); - --date-selected-current-hover-border-color: var(--current-border); - --date-selected-current-hover-background: var(--background-weekend); - --date-selected-current-hover-foreground: var(--primary); - --date-selected-foreground: var(--primary); - --date-selected-background: #FFF; - --date-selected-border-color: var(--primary); - --date-selected-hover-foreground: var(--primary); - --date-selected-hover-background: var(--background-weekend); - --date-selected-hover-border-color: var(--primary); - --date-selected-focus-foreground: var(--primary); - --date-selected-focus-background: var(--background-weekend); - --date-selected-focus-border-color: var(--primary); - --picker-foreground: var(--primary); - --picker-hover-foreground: var(--primary); - --picker-focus-foreground: var(--primary); - --ym-hover-background: var(--background); - --ym-selected-background: #EDF5FF; - --ym-selected-hover-background: #D9EAFF; - --ym-selected-hover-foreground: var(--primary); - --ym-selected-outline-color: var(--primary); - --ym-selected-hover-outline-color: var(--primary); - --ym-selected-focus-outline-color: var(--primary); - --ym-selected-focus-background: #D9EAFF; - --ym-current-foreground: var(--primary); - --ym-current-background: transparent; - --ym-current-outline-color: transparent; - --ym-current-hover-foreground: var(--primary); - --ym-current-hover-background: var(--background); - --ym-current-outline-hover-color: var(--primary); - --ym-selected-current-foreground: var(--primary); - --ym-selected-current-background: #EDF5FF; - --ym-selected-current-outline-color: var(--primary); - --ym-selected-current-hover-foreground: var(--primary); - --ym-selected-current-hover-background: #D9EAFF; - --ym-selected-current-outline-hover-color: var(--primary); - --ym-selected-current-outline-focus-color: var(--primary); + @include tokens($custom-calendar-theme); } - -// Sass theme approach - -// $custom-calendar-theme-weekend: calendar-theme( -// $date-hover-background: var(--background-hover), -// $date-selected-foreground: var(--primary), -// $date-selected-background: #FFF, -// $date-selected-border-color: var(--primary), -// $date-selected-focus-foreground: var(--primary), -// $date-selected-focus-background: var(--background-hover), -// $date-selected-focus-border-color: var(--primary), -// $date-selected-hover-foreground: var(--primary), -// $date-selected-hover-background: var(--background-hover), -// $date-selected-hover-border-color: var(--primary), -// $date-selected-current-hover-background: var(--background-hover), -// $date-selected-current-focus-background: var(--background-hover), -// $date-selected-current-background: #FFF, -// $date-selected-current-border-color: var(--primary), -// $date-selected-current-hover-border-color: var(--primary), -// $date-current-hover-background: var(--background-hover) -// ); - -// $custom-calendar-theme: calendar-theme( -// $date-focus-background: transparent, -// $picker-foreground: var(--primary), -// $picker-hover-foreground: var(--primary), -// $picker-focus-foreground: var(--primary), -// $weekday-color: #556B82, -// $weekend-color: #131E29, -// $inactive-color: #556B82, -// $week-number-foreground: #556B82, -// $week-number-background: transparent, -// $ym-selected-current-hover-foreground: var(--primary), -// $ym-selected-current-hover-background: #D9EAFF, -// $ym-hover-background: var(--background), -// $ym-current-foreground: var(--primary), -// $ym-current-background: transparent, -// $ym-current-hover-foreground: var(--primary), -// $ym-current-hover-background: var(--background), -// $ym-selected-current-foreground: var(--primary), -// $ym-selected-current-background: #EDF5FF, -// $ym-selected-background: #EDF5FF, -// $ym-selected-hover-foreground: var(--primary), -// $ym-selected-hover-background: #D9EAFF, -// $ym-current-outline-color: transparent, -// $ym-current-outline-hover-color: var(--primary), -// $ym-selected-outline-color: var(--primary), -// $ym-selected-hover-outline-color: var(--primary), -// $ym-selected-focus-outline-color: var(--primary), -// $ym-selected-current-outline-color: var(--primary), -// $ym-selected-current-outline-hover-color: var(--primary), -// $ym-selected-current-outline-focus-color: var(--primary), -// $date-selected-current-foreground: var(--primary), -// $date-selected-current-background: #FFF, -// $date-selected-current-hover-foreground: var(--primary), -// $date-selected-current-hover-background: var(--background-weekend), -// $date-selected-current-focus-foreground: var(--primary), -// $date-selected-current-focus-background: var(--background-weekend), -// $date-selected-foreground: var(--primary), -// $date-selected-background: #FFF, -// $date-selected-border-color: var(--primary), -// $date-selected-hover-foreground: var(--primary), -// $date-selected-hover-background: var(--background-weekend), -// $date-selected-hover-border-color: var(--primary), -// $date-selected-focus-foreground: var(--primary), -// $date-selected-focus-background: var(--background-weekend), -// $date-selected-focus-border-color: var(--primary), -// $date-current-border-color: var(--current-border), -// $date-current-hover-border-color: var(--current-border), -// $date-current-focus-border-color: var(--current-border), -// $date-selected-current-border-color: var(--current-border), -// $date-selected-current-hover-border-color: var(--current-border), -// $date-selected-current-focus-border-color: var(--current-border), -// $date-current-hover-background: var(--background-weekend), -// $border-radius: rem(8px) -// ); - -// :host { -// ::ng-deep { -// .igx-days-view__date--weekend:not(.igx-days-view__date--inactive) { -// @include tokens($custom-calendar-theme-weekend); -// } -// } -// } - -// igx-calendar { -// @include tokens($custom-calendar-theme); -// } diff --git a/src/app/scheduling/calendar/calendar-styling-sample/layout.scss b/src/app/scheduling/calendar/calendar-styling-sample/layout.scss deleted file mode 100644 index bd4d37889..000000000 --- a/src/app/scheduling/calendar/calendar-styling-sample/layout.scss +++ /dev/null @@ -1,135 +0,0 @@ -@use "igniteui-angular/theming" as *; - -:host { - ::ng-deep { - - // Note: This is not the standard approach for styling the component. - // We're using it here solely to mirror the UI5 sample. - - [title="Week"] .igx-days-view__label.igx-days-view__label--week-number { - opacity: 0; - } - - igx-icon { - --color: var(--primary); - --size: #{rem(20px)}; - } - - .igx-calendar-view__item-inner { - color: var(--primary) - } - - .igx-days-view__date--selected span { - font-weight: 700; - } - - .igx-days-view__date--current span { - border-width: rem(2px); - } - - .igx-days-view__date--weekend:not(.igx-days-view__date--inactive):not(.igx-days-view__date--selected) span:not(:hover) { - background: var(--background-weekend); - } - - .igx-days-view__date--active ::after { - border: rem(2px) solid #0032A5; - width: rem(20px); - height: rem(20px); - border-radius: rem(3px); - left: rem(3px); - } - - .igx-days-view__date--active.igx-days-view__date--current :after { - left: rem(2px); - } - - .igx-calendar-view__item:not(.igx-calendar-view__item--selected) .igx-calendar-view__item-inner:hover { - box-shadow: inset 0 0 0 rem(1px) #BCC3CA; - } - - .igx-calendar-view { - padding: 1rem rem(6px); - } - - .igx-calendar-picker__prev { - position: absolute; - } - - .igx-calendar-picker__next { - position: absolute; - right: 0; - } - - .igx-calendar-picker__nav { - position: relative; - left: 0; - bottom: rem(27px); - } - - .igx-calendar-picker__next:hover, - .igx-calendar-picker__prev:hover { - background-color: var(--background); - border-radius: rem(8px); - box-shadow: inset 0 0 0 rem(1px) #BCC3CA; - } - - .igx-calendar-picker__next, - .igx-calendar-picker__prev { - padding: rem(6px); - } - - .igx-calendar-picker { - display: unset; - } - - .igx-calendar-picker__dates { - justify-content: center; - position: relative; - top: rem(4px); - gap: 1rem; - height: 2rem; - - span:not(.igx-calendar__aria-off-screen) { - font-size: rem(14px); - padding: rem(4px) rem(10px); - - &:hover { - background-color: var(--background); - border-radius: rem(8px); - box-shadow: inset 0 0 0 rem(1px) #BCC3CA; - } - } - } - - .igx-calendar__pickers--days { - height: rem(24px); - } - - .igx-calendar-picker { - padding-inline: 1rem; - } - } -} - -.calendar-wrapper { - max-width: rem(600px); - margin: rem(8px); -} - -igx-calendar { - --current-border: #A100C2; - --primary: #0064D9; - --background: #EAECEE; - --background-weekend: #E8E8E8; - --background-hover: #F5F6F8; - - width: rem(290px); - min-height: rem(282px); - box-sizing: border-box; - padding-top: rem(6px); - box-shadow: elevation(4); - --ig-font-family: Arial, sans-serif; - --ig-subtitle-1-font-weight: 600; - --ig-size: 1; - --ig-radius-factor: 0.4; -} \ No newline at end of file From 7a70c999ebf21698e3e7248ac053064baeac22eb Mon Sep 17 00:00:00 2001 From: desig9stein Date: Thu, 13 Aug 2026 10:20:43 +0300 Subject: [PATCH 19/35] fix(monthpicker): update tailwind styling and refine styles in sample layout --- .../monthpicker/monthpicker-tailwind-styling/layout.scss | 4 ---- .../monthpicker-tailwind-styling.component.html | 2 +- .../monthpicker-tailwind-styling.component.scss | 6 +++++- 3 files changed, 6 insertions(+), 6 deletions(-) delete mode 100644 src/app/scheduling/monthpicker/monthpicker-tailwind-styling/layout.scss diff --git a/src/app/scheduling/monthpicker/monthpicker-tailwind-styling/layout.scss b/src/app/scheduling/monthpicker/monthpicker-tailwind-styling/layout.scss deleted file mode 100644 index 5d48b301e..000000000 --- a/src/app/scheduling/monthpicker/monthpicker-tailwind-styling/layout.scss +++ /dev/null @@ -1,4 +0,0 @@ -igx-month-picker { - --ig-size: 2; - max-width: 400px; -} \ No newline at end of file diff --git a/src/app/scheduling/monthpicker/monthpicker-tailwind-styling/monthpicker-tailwind-styling.component.html b/src/app/scheduling/monthpicker/monthpicker-tailwind-styling/monthpicker-tailwind-styling.component.html index 1b4fb2552..d941879ff 100644 --- a/src/app/scheduling/monthpicker/monthpicker-tailwind-styling/monthpicker-tailwind-styling.component.html +++ b/src/app/scheduling/monthpicker/monthpicker-tailwind-styling/monthpicker-tailwind-styling.component.html @@ -1 +1 @@ - + diff --git a/src/app/scheduling/monthpicker/monthpicker-tailwind-styling/monthpicker-tailwind-styling.component.scss b/src/app/scheduling/monthpicker/monthpicker-tailwind-styling/monthpicker-tailwind-styling.component.scss index a60d456fa..0d9fd6e34 100644 --- a/src/app/scheduling/monthpicker/monthpicker-tailwind-styling/monthpicker-tailwind-styling.component.scss +++ b/src/app/scheduling/monthpicker/monthpicker-tailwind-styling/monthpicker-tailwind-styling.component.scss @@ -1 +1,5 @@ -@use "layout.scss"; +:host { + display: grid; + place-items: center; + height: 100%; +} From 22992ef8b649440e78324fdd02fcf1004f75411d Mon Sep 17 00:00:00 2001 From: desig9stein Date: Thu, 13 Aug 2026 10:20:56 +0300 Subject: [PATCH 20/35] fix(grid): replace `rowStyles` with `rowClasses` and update sample styles --- .../grid-rowStyles.component.html | 25 ++++-------- .../grid-rowStyles.component.scss | 40 +++++++------------ .../grid-rowStyles.component.ts | 6 +-- 3 files changed, 23 insertions(+), 48 deletions(-) diff --git a/src/app/grid/grid-rowStyles-sample/grid-rowStyles.component.html b/src/app/grid/grid-rowStyles-sample/grid-rowStyles.component.html index db1d5ae12..4d93a6258 100644 --- a/src/app/grid/grid-rowStyles-sample/grid-rowStyles.component.html +++ b/src/app/grid/grid-rowStyles-sample/grid-rowStyles.component.html @@ -1,6 +1,6 @@
+ [autoGenerate]="false" [allowFiltering]="true" [rowClasses]="rowClasses"> @@ -10,20 +10,14 @@ Change - -
@if (val > 0) { - + } @if (val < 0) { - + } - {{ formatNumber(val) - }} -
+ {{ formatNumber(val) }} @@ -33,18 +27,13 @@ -
@if (val > 0) { - + } @if (val < 0) { - + } - {{ formatNumber(val) - }}% -
+ {{ formatNumber(val) }}% diff --git a/src/app/grid/grid-rowStyles-sample/grid-rowStyles.component.scss b/src/app/grid/grid-rowStyles-sample/grid-rowStyles.component.scss index afdc59ca5..2e9ad92fd 100644 --- a/src/app/grid/grid-rowStyles-sample/grid-rowStyles.component.scss +++ b/src/app/grid/grid-rowStyles-sample/grid-rowStyles.component.scss @@ -1,30 +1,18 @@ -.cellAlignSyle { - text-align: right; - float:right; -} -.cellAlignSyle > span { - float:right; -} -.up { - color: green; -} -.down { - color: red; -} -.headerAlignSyle { - text-align: right !important; -} +:host { + igx-badge { + margin-inline-end: auto; + } -.grid__wrapper { - margin: 0 auto; - padding: 16px; -} + ::ng-deep .negative-row { + $bg-color: rgb(253 243 243); -.currency-badge-container { - width: 80px; - float: right; -} + --body-column-border-color-odd: $bg-color; + --body-column-border-color-even: $bg-color; + + background: $bg-color; + --row-border-color: #FF000099; + --row-border-style: dashed; -.badge-left { - float: left; + border-block-start: 1px var(--row-border-style) var(--row-border-color); + } } diff --git a/src/app/grid/grid-rowStyles-sample/grid-rowStyles.component.ts b/src/app/grid/grid-rowStyles-sample/grid-rowStyles.component.ts index dcb0449da..a41b49983 100644 --- a/src/app/grid/grid-rowStyles-sample/grid-rowStyles.component.ts +++ b/src/app/grid/grid-rowStyles-sample/grid-rowStyles.component.ts @@ -21,10 +21,8 @@ export class GridRowStylesComponent { @ViewChild('grid1', { static: true }) public grid1: IgxGridComponent; public data: Observable; - public rowStyles = { - background: (row: RowType) => (+row.data['Change'] < 0 && +row.data['Change On Year(%)'] < 0) ? '#FF000088' : '#00000000', - border: (row: RowType) => (+row.data['Change'] < 0 && +row.data['Change On Year(%)'] < 0) ? '2px solid' : '1px solid', - 'border-color': (row: RowType) => (+row.data['Change'] < 0 && +row.data['Change On Year(%)'] < 0) ? '#FF000099' : '#E9E9E9' + public rowClasses = { + 'negative-row': (row: RowType) => +row.data['Change'] < 0 && +row.data['Change On Year(%)'] < 0 }; constructor() { From f988aecc40265bd4ed81d9669db6a9ad56ab3315 Mon Sep 17 00:00:00 2001 From: Simeon Simeonoff Date: Thu, 13 Aug 2026 14:04:36 +0300 Subject: [PATCH 21/35] lint: fix errors --- .../input-group-styling/input-group-styling.component.ts | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/app/data-entries/input-group/input-group-styling/input-group-styling.component.ts b/src/app/data-entries/input-group/input-group-styling/input-group-styling.component.ts index 71e2bdd89..de877f6a9 100644 --- a/src/app/data-entries/input-group/input-group-styling/input-group-styling.component.ts +++ b/src/app/data-entries/input-group/input-group-styling/input-group-styling.component.ts @@ -5,6 +5,6 @@ import { IgxHintDirective, IgxInputDirective, IgxInputGroupComponent, IgxLabelDi selector: 'app-input-group-style', templateUrl: 'input-group-styling.component.html', styleUrls: ['input-group-styling.component.scss'], - imports: [IgxInputGroupComponent, IgxLabelDirective, IgxInputDirective, IgxHintDirective], + imports: [IgxInputGroupComponent, IgxLabelDirective, IgxInputDirective, IgxHintDirective] }) export class InputGroupStyleComponent { } From de011017b4600a0165aab808747b19f139576d45 Mon Sep 17 00:00:00 2001 From: Simeon Simeonoff Date: Thu, 13 Aug 2026 14:50:28 +0300 Subject: [PATCH 22/35] fix(live-editing): remove stale layout references --- live-editing/configs/CalendarConfigGenerator.ts | 1 - live-editing/configs/CheckboxConfigGenerator.ts | 1 - live-editing/configs/InputGroupConfigGenerator.ts | 2 +- 3 files changed, 1 insertion(+), 3 deletions(-) diff --git a/live-editing/configs/CalendarConfigGenerator.ts b/live-editing/configs/CalendarConfigGenerator.ts index cc0f5cf28..c72431460 100644 --- a/live-editing/configs/CalendarConfigGenerator.ts +++ b/live-editing/configs/CalendarConfigGenerator.ts @@ -75,7 +75,6 @@ export class CalendarConfigGenerator implements IConfigGenerator { configs.push(new Config({ component: 'CalendarStylingSampleComponent', - additionalFiles: ["/src/app/scheduling/calendar/calendar-styling-sample/layout.scss"], appConfig: BaseAppConfig, shortenComponentPathBy: "/scheduling/calendar/" })); diff --git a/live-editing/configs/CheckboxConfigGenerator.ts b/live-editing/configs/CheckboxConfigGenerator.ts index 11a5bd049..1e1722c26 100644 --- a/live-editing/configs/CheckboxConfigGenerator.ts +++ b/live-editing/configs/CheckboxConfigGenerator.ts @@ -30,7 +30,6 @@ export class CheckboxConfigGenerator implements IConfigGenerator { // checkbox styling configs.push(new Config({ component: 'CheckboxStylingComponent', - additionalFiles: ["/src/app/data-entries/checkbox/checkbox-styling/layout.scss"], appConfig: BaseAppConfig, shortenComponentPathBy: "/data-entries/checkbox/" })); diff --git a/live-editing/configs/InputGroupConfigGenerator.ts b/live-editing/configs/InputGroupConfigGenerator.ts index 068c11973..f86d80ea4 100644 --- a/live-editing/configs/InputGroupConfigGenerator.ts +++ b/live-editing/configs/InputGroupConfigGenerator.ts @@ -57,7 +57,7 @@ export class InputGroupConfigGenerator implements IConfigGenerator { configs.push(new Config({ component: 'InputGroupStyleComponent', - additionalFiles: ["/src/app/data-entries/input-group/base-input.component.ts", "/src/app/data-entries/input-group/input-group-styling/layout.scss"], + additionalFiles: ["/src/app/data-entries/input-group/base-input.component.ts"], appConfig: BaseAppConfig, shortenComponentPathBy: "/data-entries/" })); From 5b7830141d6399b72593acd82f961c8a5fd74e95 Mon Sep 17 00:00:00 2001 From: desig9stein Date: Thu, 13 Aug 2026 16:41:34 +0300 Subject: [PATCH 23/35] fix(grid): update cascading combos sample to include progress indicator styling and improve layout --- .../grid-cascading-combos.component.html | 6 ++---- .../grid-cascading-combos.component.scss | 6 ++++++ 2 files changed, 8 insertions(+), 4 deletions(-) diff --git a/src/app/grid/grid-cascading-combos/grid-cascading-combos.component.html b/src/app/grid/grid-cascading-combos/grid-cascading-combos.component.html index ea6e1493a..39086f398 100644 --- a/src/app/grid/grid-cascading-combos/grid-cascading-combos.component.html +++ b/src/app/grid/grid-cascading-combos/grid-cascading-combos.component.html @@ -15,34 +15,32 @@ -
+ @if (cell.row.data.loadingRegion) { } -
-
+ @if (cell.row.data.loadingCity) { } -
diff --git a/src/app/grid/grid-cascading-combos/grid-cascading-combos.component.scss b/src/app/grid/grid-cascading-combos/grid-cascading-combos.component.scss index 7c9876280..bf663072e 100644 --- a/src/app/grid/grid-cascading-combos/grid-cascading-combos.component.scss +++ b/src/app/grid/grid-cascading-combos/grid-cascading-combos.component.scss @@ -41,6 +41,12 @@ overflow-x: none; } } + + igx-linear-bar { + position: absolute; + inset-inline: 0; + inset-block-end: 0; + } } } From 99937dc28a0c52cfa37e5820c5e60bc3dcedc6b4 Mon Sep 17 00:00:00 2001 From: desig9stein Date: Thu, 13 Aug 2026 16:42:17 +0300 Subject: [PATCH 24/35] fix(grid): update nested data binding styling for improved layout and consistency --- .../grid-nested-data-bind.html | 2 +- .../grid-nested-data-bind.scss | 124 +++++++++--------- 2 files changed, 60 insertions(+), 66 deletions(-) diff --git a/src/app/grid/grid-nested-data-binding/grid-nested-data-bind.html b/src/app/grid/grid-nested-data-binding/grid-nested-data-bind.html index da75e3c7d..0ad22be94 100644 --- a/src/app/grid/grid-nested-data-binding/grid-nested-data-bind.html +++ b/src/app/grid/grid-nested-data-binding/grid-nested-data-bind.html @@ -17,7 +17,7 @@
- + diff --git a/src/app/grid/grid-nested-data-binding/grid-nested-data-bind.scss b/src/app/grid/grid-nested-data-binding/grid-nested-data-bind.scss index c70ad2d8e..a4629b27f 100644 --- a/src/app/grid/grid-nested-data-binding/grid-nested-data-bind.scss +++ b/src/app/grid/grid-nested-data-binding/grid-nested-data-bind.scss @@ -1,84 +1,78 @@ -igx-expansion-panel { - display: flex; - font-size: .75rem; - min-width: 50%; - max-width: 50%; - padding: 0; - flex: 1 1 auto; +:host { + igx-expansion-panel { + --expanded-margin: 0; - igx-expansion-panel-description, igx-expansion-panel-body { - font-size: .75rem; - padding: 0; - display: flex; - flex: 1 1 auto; - } - - - .description { - display: flex; - width: 100%; - text-overflow: ellipsis; - padding: .5rem 1rem; - flex: 1 1 auto; - flex-direction: column; - } -} - -igx-input-group { - --ig-size: var(--ig-size-small); -} + flex-grow: 1; -::ng-deep { - .expand { - padding: 0; - background: transparent; - &:hover { - background: transparent; + igx-expansion-panel-description, + igx-expansion-panel-body { + font-size: .75rem; + padding: 0; + display: flex; + flex: 1 1 auto; } + .description { + display: grid; + width: 100%; + gap: 8px; + padding: 16px; + } - .igx-expansion-panel__header-description { - font-weight: bold; + igx-input-group { + --ig-size: var(--ig-size-small); } } - .igx-grid__tr { - &:hover { - .expand { - background: #fff; + + .employees-container { + width: 100%; + display: grid; + grid-template-columns: 1fr 1fr; + + + &--edit { + > igx-expansion-panel { + display: flex; + min-width: 50%; + flex: 1 0 auto; } } } - .dark-theme { - &:hover { - .expand { - background: #333; - } - } + .grid__wrapper { + margin: 0 auto; + padding: 16px; } -} -.employees-container { - width: 100%; - display: flex; - flex-flow: row wrap; - flex-grow: 1; + ::ng-deep { + .expand { + padding: 0; + background: transparent; + &:hover { + background: transparent; + } - &--edit { - display: flex; - flex-flow: row wrap; - flex-grow: 1; - > igx-expansion-panel { - display: flex; - min-width: 50%; - flex: 1 0 auto; + .igx-expansion-panel__header-description { + font-weight: bold; + } + } + + .igx-grid__tr { + &:hover { + .expand { + background: #fff; + } + } } - } -} -.grid__wrapper { - margin: 0 auto; - padding: 16px; + .dark-theme { + &:hover { + .expand { + background: #333; + } + } + } + } } From b1a5bb5addb353f8d3f85c4e5b975ce2646269fe Mon Sep 17 00:00:00 2001 From: Adrian Petrov Date: Fri, 14 Aug 2026 15:37:38 +0300 Subject: [PATCH 25/35] feat(radio): update styling sample --- .../radio/radio-styling-sample/layout.scss | 40 ------------------- .../radio-styling-sample.component.scss | 20 ++-------- 2 files changed, 4 insertions(+), 56 deletions(-) diff --git a/src/app/data-entries/radio/radio-styling-sample/layout.scss b/src/app/data-entries/radio/radio-styling-sample/layout.scss index 13e08cafd..226b49374 100644 --- a/src/app/data-entries/radio/radio-styling-sample/layout.scss +++ b/src/app/data-entries/radio/radio-styling-sample/layout.scss @@ -1,52 +1,12 @@ @use "igniteui-angular/theming" as *; @use "sass:map"; -:host { - ::ng-deep{ - $_radio-schema: map.get($light-fluent-schema, radio); - @include tokens(radio-theme($schema: $_radio-schema)); - - // Note: This is not the standard approach for styling the component. - // We're using it here solely to mirror the UI5 sample. - - .igx-radio--checked .igx-radio__composite::after { - --fill-color: #556b81; - } - - .igx-radio__composite::after, - .igx-radio__composite::before, - .igx-radio__composite { - width: rem(18px); - height: rem(18px); - } - - .igx-radio__composite { - min-width: rem(18px); - } - - .igx-radio__ripple { - display: none; - } - } -} - igx-radio + igx-radio { margin-top: 1rem; } -igx-radio { - --ig-subtitle-1-font-size: #{rem(14px)}; - --ig-font-family: Arial,Helvetica,sans-serif; -} - .radio-wrapper { display: flex; flex-flow: column nowrap; padding: 1rem; -} - -.igx-radio--focused::after { - inset: rem(1px) rem(-4px) rem(1px) rem(-2px); - border-radius: rem(8px); - box-shadow: 0 0 0 rem(2px) var(--focus-outline-color); } \ No newline at end of file diff --git a/src/app/data-entries/radio/radio-styling-sample/radio-styling-sample.component.scss b/src/app/data-entries/radio/radio-styling-sample/radio-styling-sample.component.scss index a83adef32..cccd9cee5 100644 --- a/src/app/data-entries/radio/radio-styling-sample/radio-styling-sample.component.scss +++ b/src/app/data-entries/radio/radio-styling-sample/radio-styling-sample.component.scss @@ -4,27 +4,15 @@ // CSS variables approach // igx-radio { -// --empty-color: #556b81; -// --label-color: #131e29; -// --fill-color: #0064d9; -// --focus-outline-color: #0032a5; -// } - -// igx-radio:hover { -// --empty-fill-color: #e3f0ff; -// --empty-color: #0064d9; -// --hover-color: transparent; +// --empty-color: #345779; +// --fill-color: #2dabe8; // } // Sass theme approach $custom-radio-theme: radio-theme( - $empty-color: #556b81, - $label-color: #131e29, - $fill-color: #0064d9, - $focus-outline-color: #0032a5, - $fill-color-hover: #0064d9, - $hover-color: transparent + $empty-color: #345779, + $fill-color: #2dabe8, ); :host { From d0325c7df32689f135677d003327d9c1a7a1e276 Mon Sep 17 00:00:00 2001 From: Ivan Minchev <61944284+IMinchev64@users.noreply.github.com> Date: Fri, 14 Aug 2026 16:48:47 +0300 Subject: [PATCH 26/35] feat(avatar): update avatar samples for new documentation (#4009) --- live-editing/configs/AvatarConfigGenerator.ts | 20 +++- .../avatar-css-variables.component.html | 2 - .../avatar-css-variables.component.scss | 19 --- .../avatar-css-variables.component.ts | 11 -- .../avatar-overview.component.html | 56 +++++++++ .../avatar-overview.component.scss | 47 ++++++++ .../avatar-overview.component.ts | 11 ++ .../avatar-sample-1.component.html | 1 - .../avatar-sample-1.component.scss | 5 - .../avatar-sample-1.component.ts | 14 --- .../avatar-sample-2.component.html | 1 - .../avatar-sample-2.component.scss | 4 - .../avatar-sample-2.component.ts | 14 --- .../avatar-sample-3.component.html | 11 -- .../avatar-sample-3.component.scss | 22 ---- .../avatar-sample-3.component.ts | 14 --- .../avatar-sample-4.component.html | 1 - .../avatar-sample-4.component.scss | 4 - .../avatar-sample-4.component.ts | 13 -- .../avatar-shape/avatar-shape.component.html | 56 +++++++++ .../avatar-shape/avatar-shape.component.scss | 48 ++++++++ .../avatar-shape/avatar-shape.component.ts | 27 +++++ .../avatar-size/avatar-size.component.html | 61 ++++++++++ .../avatar-size/avatar-size.component.scss | 69 +++++++++++ .../avatar-size/avatar-size.component.ts | 12 ++ .../avatar-styling.component.html | 79 ++++++++++-- .../avatar-styling.component.scss | 42 +++++-- .../avatar-styling.component.ts | 53 ++++++++- .../avatar-tailwind-styling.component.html | 112 +++++++++++++++++- .../avatar-tailwind-styling.component.scss | 4 +- .../avatar-tailwind-styling.component.ts | 46 ++++++- .../avatar/avatar-tailwind-styling/icons.ts | 11 ++ .../avatar-variants.component.html | 56 +++++++++ .../avatar-variants.component.scss | 48 ++++++++ .../avatar-variants.component.ts | 27 +++++ src/app/layouts/layouts-routes-data.ts | 9 +- src/app/layouts/layouts.routes.ts | 38 +++--- 37 files changed, 871 insertions(+), 197 deletions(-) delete mode 100644 src/app/layouts/avatar/avatar-css-variables/avatar-css-variables.component.html delete mode 100644 src/app/layouts/avatar/avatar-css-variables/avatar-css-variables.component.scss delete mode 100644 src/app/layouts/avatar/avatar-css-variables/avatar-css-variables.component.ts create mode 100644 src/app/layouts/avatar/avatar-overview/avatar-overview.component.html create mode 100644 src/app/layouts/avatar/avatar-overview/avatar-overview.component.scss create mode 100644 src/app/layouts/avatar/avatar-overview/avatar-overview.component.ts delete mode 100644 src/app/layouts/avatar/avatar-sample-1/avatar-sample-1.component.html delete mode 100644 src/app/layouts/avatar/avatar-sample-1/avatar-sample-1.component.scss delete mode 100644 src/app/layouts/avatar/avatar-sample-1/avatar-sample-1.component.ts delete mode 100644 src/app/layouts/avatar/avatar-sample-2/avatar-sample-2.component.html delete mode 100644 src/app/layouts/avatar/avatar-sample-2/avatar-sample-2.component.scss delete mode 100644 src/app/layouts/avatar/avatar-sample-2/avatar-sample-2.component.ts delete mode 100644 src/app/layouts/avatar/avatar-sample-3/avatar-sample-3.component.html delete mode 100644 src/app/layouts/avatar/avatar-sample-3/avatar-sample-3.component.scss delete mode 100644 src/app/layouts/avatar/avatar-sample-3/avatar-sample-3.component.ts delete mode 100644 src/app/layouts/avatar/avatar-sample-4/avatar-sample-4.component.html delete mode 100644 src/app/layouts/avatar/avatar-sample-4/avatar-sample-4.component.scss delete mode 100644 src/app/layouts/avatar/avatar-sample-4/avatar-sample-4.component.ts create mode 100644 src/app/layouts/avatar/avatar-shape/avatar-shape.component.html create mode 100644 src/app/layouts/avatar/avatar-shape/avatar-shape.component.scss create mode 100644 src/app/layouts/avatar/avatar-shape/avatar-shape.component.ts create mode 100644 src/app/layouts/avatar/avatar-size/avatar-size.component.html create mode 100644 src/app/layouts/avatar/avatar-size/avatar-size.component.scss create mode 100644 src/app/layouts/avatar/avatar-size/avatar-size.component.ts create mode 100644 src/app/layouts/avatar/avatar-tailwind-styling/icons.ts create mode 100644 src/app/layouts/avatar/avatar-variants/avatar-variants.component.html create mode 100644 src/app/layouts/avatar/avatar-variants/avatar-variants.component.scss create mode 100644 src/app/layouts/avatar/avatar-variants/avatar-variants.component.ts diff --git a/live-editing/configs/AvatarConfigGenerator.ts b/live-editing/configs/AvatarConfigGenerator.ts index a1b020d8a..bcda5be74 100644 --- a/live-editing/configs/AvatarConfigGenerator.ts +++ b/live-editing/configs/AvatarConfigGenerator.ts @@ -8,20 +8,32 @@ export class AvatarConfigGenerator implements IConfigGenerator { const configs = new Array(); configs.push(new Config({ - component: 'AvatarSample3Component', + component: 'AvatarOverviewComponent', appConfig: BaseAppConfig, shortenComponentPathBy: "/layouts/avatar/" })); configs.push(new Config({ - component: 'AvatarStylingSampleComponent', - additionalFiles: ["/src/app/layouts/avatar/avatar-styling/layout.scss"], + component: 'AvatarVariantsComponent', + appConfig: BaseAppConfig, + shortenComponentPathBy: "/layouts/avatar/" + })); + + configs.push(new Config({ + component: 'AvatarShapeComponent', appConfig: BaseAppConfig, shortenComponentPathBy: "/layouts/avatar/" })); configs.push(new Config({ - component: 'AvatarCSSVariablesComponent', + component: 'AvatarSizeComponent', + appConfig: BaseAppConfig, + shortenComponentPathBy: "/layouts/avatar/" + })); + + configs.push(new Config({ + component: 'AvatarStylingSampleComponent', + additionalFiles: ["/src/app/layouts/avatar/avatar-styling/layout.scss"], appConfig: BaseAppConfig, shortenComponentPathBy: "/layouts/avatar/" })); diff --git a/src/app/layouts/avatar/avatar-css-variables/avatar-css-variables.component.html b/src/app/layouts/avatar/avatar-css-variables/avatar-css-variables.component.html deleted file mode 100644 index b023dd87a..000000000 --- a/src/app/layouts/avatar/avatar-css-variables/avatar-css-variables.component.html +++ /dev/null @@ -1,2 +0,0 @@ - - diff --git a/src/app/layouts/avatar/avatar-css-variables/avatar-css-variables.component.scss b/src/app/layouts/avatar/avatar-css-variables/avatar-css-variables.component.scss deleted file mode 100644 index 030f54646..000000000 --- a/src/app/layouts/avatar/avatar-css-variables/avatar-css-variables.component.scss +++ /dev/null @@ -1,19 +0,0 @@ -@use '../../../../variables' as *; - -:host { - --teal-light: #64ffda; - --teal-dark: #004d40; - - ::ng-deep { - @include avatar( - avatar-theme( - $background: var(--teal-light), - $color: var(--teal-dark) - ) - ); - } -} - -igx-avatar { - margin: 8px; -} diff --git a/src/app/layouts/avatar/avatar-css-variables/avatar-css-variables.component.ts b/src/app/layouts/avatar/avatar-css-variables/avatar-css-variables.component.ts deleted file mode 100644 index dc1d6c334..000000000 --- a/src/app/layouts/avatar/avatar-css-variables/avatar-css-variables.component.ts +++ /dev/null @@ -1,11 +0,0 @@ -import { Component } from '@angular/core'; -import { IgxAvatarComponent } from 'igniteui-angular/avatar'; - -@Component({ - selector: 'app-avatar-styling', - styleUrls: ['./avatar-css-variables.component.scss'], - templateUrl: './avatar-css-variables.component.html', - imports: [IgxAvatarComponent] -}) - -export class AvatarCSSVariablesComponent { } diff --git a/src/app/layouts/avatar/avatar-overview/avatar-overview.component.html b/src/app/layouts/avatar/avatar-overview/avatar-overview.component.html new file mode 100644 index 000000000..e4b1ef8ff --- /dev/null +++ b/src/app/layouts/avatar/avatar-overview/avatar-overview.component.html @@ -0,0 +1,56 @@ +
+ + + + + + + + + + + + + + + + + + + + +
diff --git a/src/app/layouts/avatar/avatar-overview/avatar-overview.component.scss b/src/app/layouts/avatar/avatar-overview/avatar-overview.component.scss new file mode 100644 index 000000000..fbf75d273 --- /dev/null +++ b/src/app/layouts/avatar/avatar-overview/avatar-overview.component.scss @@ -0,0 +1,47 @@ +.avatar-overview-sample { + display: flex; + align-items: center; + justify-content: center; + gap: 90px; + width: 100%; + min-height: 100vh; +} + +.avatar-with-badge { + position: relative; + display: inline-flex; +} + +.avatar-status { + position: absolute; + right: 6px; + bottom: 6px; +} + +.avatar-stack { + display: inline-flex; + align-items: center; +} + +.avatar-stack .size-large { + margin-left: -24px; +} + +.avatar-stack .size-large:first-child { + margin-left: 0; +} + +.avatar-stack .igx-avatar { + border: 4px solid #fff; + box-sizing: border-box; +} + +.avatar-stack .size-large:last-child { + --ig-avatar-background: #e8eef6; + --ig-avatar-color: #6f8097; +} + +.avatar-stack .size-large:last-child .igx-avatar__initials { + font-size: 32px; + font-weight: 500; +} diff --git a/src/app/layouts/avatar/avatar-overview/avatar-overview.component.ts b/src/app/layouts/avatar/avatar-overview/avatar-overview.component.ts new file mode 100644 index 000000000..0cf3c4c02 --- /dev/null +++ b/src/app/layouts/avatar/avatar-overview/avatar-overview.component.ts @@ -0,0 +1,11 @@ +import { Component } from '@angular/core'; +import { IgxAvatarComponent } from 'igniteui-angular/avatar'; +import { IgxBadgeComponent } from 'igniteui-angular/badge'; + +@Component({ + selector: 'app-avatar-overview', + styleUrls: ['./avatar-overview.component.scss'], + templateUrl: './avatar-overview.component.html', + imports: [IgxAvatarComponent, IgxBadgeComponent] +}) +export class AvatarOverviewComponent {} diff --git a/src/app/layouts/avatar/avatar-sample-1/avatar-sample-1.component.html b/src/app/layouts/avatar/avatar-sample-1/avatar-sample-1.component.html deleted file mode 100644 index 4aa9cf1ff..000000000 --- a/src/app/layouts/avatar/avatar-sample-1/avatar-sample-1.component.html +++ /dev/null @@ -1 +0,0 @@ - diff --git a/src/app/layouts/avatar/avatar-sample-1/avatar-sample-1.component.scss b/src/app/layouts/avatar/avatar-sample-1/avatar-sample-1.component.scss deleted file mode 100644 index d427839f1..000000000 --- a/src/app/layouts/avatar/avatar-sample-1/avatar-sample-1.component.scss +++ /dev/null @@ -1,5 +0,0 @@ -.igx-avatar{ - --ig-avatar-background: #e41c77; - color: black; - margin: 15px; -} diff --git a/src/app/layouts/avatar/avatar-sample-1/avatar-sample-1.component.ts b/src/app/layouts/avatar/avatar-sample-1/avatar-sample-1.component.ts deleted file mode 100644 index c5c9d11c5..000000000 --- a/src/app/layouts/avatar/avatar-sample-1/avatar-sample-1.component.ts +++ /dev/null @@ -1,14 +0,0 @@ -import { Component } from '@angular/core'; -import { IgxAvatarComponent } from 'igniteui-angular/avatar'; - -@Component({ - selector: 'app-avatar-sample-1', - styleUrls: ['./avatar-sample-1.component.scss'], - templateUrl: './avatar-sample-1.component.html', - imports: [IgxAvatarComponent] -}) -export class AvatarSample1Component { - - constructor() { } - -} diff --git a/src/app/layouts/avatar/avatar-sample-2/avatar-sample-2.component.html b/src/app/layouts/avatar/avatar-sample-2/avatar-sample-2.component.html deleted file mode 100644 index 9bd64e707..000000000 --- a/src/app/layouts/avatar/avatar-sample-2/avatar-sample-2.component.html +++ /dev/null @@ -1 +0,0 @@ - diff --git a/src/app/layouts/avatar/avatar-sample-2/avatar-sample-2.component.scss b/src/app/layouts/avatar/avatar-sample-2/avatar-sample-2.component.scss deleted file mode 100644 index d60ae914a..000000000 --- a/src/app/layouts/avatar/avatar-sample-2/avatar-sample-2.component.scss +++ /dev/null @@ -1,4 +0,0 @@ -.igx-avatar{ - margin: 5px 15px; -} - diff --git a/src/app/layouts/avatar/avatar-sample-2/avatar-sample-2.component.ts b/src/app/layouts/avatar/avatar-sample-2/avatar-sample-2.component.ts deleted file mode 100644 index e2d13706a..000000000 --- a/src/app/layouts/avatar/avatar-sample-2/avatar-sample-2.component.ts +++ /dev/null @@ -1,14 +0,0 @@ -import { Component } from '@angular/core'; -import { IgxAvatarComponent } from 'igniteui-angular/avatar'; - -@Component({ - selector: 'app-avatar-sample-2', - styleUrls: ['./avatar-sample-2.component.scss'], - templateUrl: './avatar-sample-2.component.html', - imports: [IgxAvatarComponent] -}) -export class AvatarSample2Component { - - constructor() { } - -} diff --git a/src/app/layouts/avatar/avatar-sample-3/avatar-sample-3.component.html b/src/app/layouts/avatar/avatar-sample-3/avatar-sample-3.component.html deleted file mode 100644 index a180fe2b6..000000000 --- a/src/app/layouts/avatar/avatar-sample-3/avatar-sample-3.component.html +++ /dev/null @@ -1,11 +0,0 @@ -
-
- -
-
- -
-
- -
-
diff --git a/src/app/layouts/avatar/avatar-sample-3/avatar-sample-3.component.scss b/src/app/layouts/avatar/avatar-sample-3/avatar-sample-3.component.scss deleted file mode 100644 index 4d7beea4c..000000000 --- a/src/app/layouts/avatar/avatar-sample-3/avatar-sample-3.component.scss +++ /dev/null @@ -1,22 +0,0 @@ -.avatars-wrapper { - display: flex; - flex-flow: row wrap; -} - -.avatar-sample { - display: flex; - flex: 1 0 30%; - width: 88px; - height: 88px; - justify-content: center; - align-items: center; - margin: 15px 0; -} - -.avatar-sample.initials .igx-avatar{ - --ig-avatar-background: #e41c77; -} - -.avatar-sample.icon .igx-avatar{ - --ig-avatar-background: #9e9e9e; -} diff --git a/src/app/layouts/avatar/avatar-sample-3/avatar-sample-3.component.ts b/src/app/layouts/avatar/avatar-sample-3/avatar-sample-3.component.ts deleted file mode 100644 index 862712634..000000000 --- a/src/app/layouts/avatar/avatar-sample-3/avatar-sample-3.component.ts +++ /dev/null @@ -1,14 +0,0 @@ -import { Component } from '@angular/core'; -import { IgxAvatarComponent } from 'igniteui-angular/avatar'; - -@Component({ - selector: 'app-avatar-sample-3', - styleUrls: ['./avatar-sample-3.component.scss'], - templateUrl: './avatar-sample-3.component.html', - imports: [IgxAvatarComponent] -}) -export class AvatarSample3Component { - - constructor() { } - -} diff --git a/src/app/layouts/avatar/avatar-sample-4/avatar-sample-4.component.html b/src/app/layouts/avatar/avatar-sample-4/avatar-sample-4.component.html deleted file mode 100644 index 8096bd7dd..000000000 --- a/src/app/layouts/avatar/avatar-sample-4/avatar-sample-4.component.html +++ /dev/null @@ -1 +0,0 @@ - diff --git a/src/app/layouts/avatar/avatar-sample-4/avatar-sample-4.component.scss b/src/app/layouts/avatar/avatar-sample-4/avatar-sample-4.component.scss deleted file mode 100644 index ecedb1392..000000000 --- a/src/app/layouts/avatar/avatar-sample-4/avatar-sample-4.component.scss +++ /dev/null @@ -1,4 +0,0 @@ -.igx-avatar{ - --ig-avatar-background: #9e9e9e; - margin: 15px; -} diff --git a/src/app/layouts/avatar/avatar-sample-4/avatar-sample-4.component.ts b/src/app/layouts/avatar/avatar-sample-4/avatar-sample-4.component.ts deleted file mode 100644 index ce11a0ef7..000000000 --- a/src/app/layouts/avatar/avatar-sample-4/avatar-sample-4.component.ts +++ /dev/null @@ -1,13 +0,0 @@ -import { Component, OnInit } from '@angular/core'; -import { IgxAvatarComponent } from 'igniteui-angular/avatar'; - -@Component({ - selector: 'app-avatar-sample-4', - styleUrls: ['./avatar-sample-4.component.scss'], - templateUrl: './avatar-sample-4.component.html', - imports: [IgxAvatarComponent] -}) - -export class AvatarSample4Component { - -} diff --git a/src/app/layouts/avatar/avatar-shape/avatar-shape.component.html b/src/app/layouts/avatar/avatar-shape/avatar-shape.component.html new file mode 100644 index 000000000..88c355153 --- /dev/null +++ b/src/app/layouts/avatar/avatar-shape/avatar-shape.component.html @@ -0,0 +1,56 @@ +
+
+ + + + + + + Circle +
+ +
+ + + + + + 2 + + + Square +
+ +
+ + + + + + + + Rounded +
+
diff --git a/src/app/layouts/avatar/avatar-shape/avatar-shape.component.scss b/src/app/layouts/avatar/avatar-shape/avatar-shape.component.scss new file mode 100644 index 000000000..78ac1f205 --- /dev/null +++ b/src/app/layouts/avatar/avatar-shape/avatar-shape.component.scss @@ -0,0 +1,48 @@ +.avatar-shape-sample { + display: flex; + align-items: center; + justify-content: center; + gap: 90px; + min-height: 100vh; +} + +.avatar-variant { + display: inline-flex; + flex-direction: column; + align-items: center; + gap: 8px; +} + +.avatar-label { + color: var(--ig-gray-600); + font-size: 0.875rem; + line-height: 1.25rem; +} + +.avatar-with-badge { + position: relative; + display: inline-flex; +} + +.avatar-status { + --size: 18px; + position: absolute; + right: -4px; + bottom: -4px; + font-size: 0.75rem; + line-height: 1; +} + +.avatar-dot-badge { + --size: 12px; + right: 3px; + bottom: 3px; +} + +.avatar-count-badge { + --ig-badge-text-color: #ffffff; +} + +.avatar-check-badge { + --ig-badge-icon-color: #ffffff; +} diff --git a/src/app/layouts/avatar/avatar-shape/avatar-shape.component.ts b/src/app/layouts/avatar/avatar-shape/avatar-shape.component.ts new file mode 100644 index 000000000..e7dab279e --- /dev/null +++ b/src/app/layouts/avatar/avatar-shape/avatar-shape.component.ts @@ -0,0 +1,27 @@ +import { Component, inject } from '@angular/core'; +import { IgxAvatarComponent } from 'igniteui-angular/avatar'; +import { IgxBadgeComponent } from 'igniteui-angular/badge'; +import { IgxIconComponent, IgxIconService } from 'igniteui-angular/icon'; + +@Component({ + selector: 'app-avatar-shape', + styleUrls: ['./avatar-shape.component.scss'], + templateUrl: './avatar-shape.component.html', + imports: [IgxAvatarComponent, IgxBadgeComponent, IgxIconComponent] +}) +export class AvatarShapeComponent { + private iconService = inject(IgxIconService); + + constructor() { + this.iconService.addSvgIconFromText( + 'mail', + '', + 'material' + ); + this.iconService.addSvgIconFromText( + 'check', + '', + 'material' + ); + } +} diff --git a/src/app/layouts/avatar/avatar-size/avatar-size.component.html b/src/app/layouts/avatar/avatar-size/avatar-size.component.html new file mode 100644 index 000000000..5b16e53d1 --- /dev/null +++ b/src/app/layouts/avatar/avatar-size/avatar-size.component.html @@ -0,0 +1,61 @@ +
+
+ + + + + + + + + Large +
+ +
+ + + + + + + + + Medium +
+ +
+ + + + + + + + + Small +
+
diff --git a/src/app/layouts/avatar/avatar-size/avatar-size.component.scss b/src/app/layouts/avatar/avatar-size/avatar-size.component.scss new file mode 100644 index 000000000..5d2dcdb74 --- /dev/null +++ b/src/app/layouts/avatar/avatar-size/avatar-size.component.scss @@ -0,0 +1,69 @@ +.avatar-size-sample { + display: flex; + align-items: center; + justify-content: center; + gap: 90px; + min-height: 100vh; +} + +.avatar-size { + display: inline-flex; + flex-direction: column; + align-items: center; + gap: 8px; +} + +.avatar-frame { + display: inline-flex; + align-items: center; + justify-content: center; +} + +.avatar-frame-large { + width: 72px; + height: 72px; +} + +.avatar-frame-medium { + width: 72px; + height: 72px; +} + +.avatar-frame-small { + width: 72px; + height: 72px; +} + +.avatar-label { + color: var(--ig-gray-600); + font-size: 0.875rem; + line-height: 1.25rem; +} + +.avatar-with-badge { + position: relative; + display: inline-flex; +} + +.avatar-status { + position: absolute; + line-height: 1; +} + +.avatar-dot-badge-large { + --size: 16px; + right: 3px; + bottom: 3px; +} + +.avatar-dot-badge-medium { + --size: 14px; + right: 2px; + bottom: 2px; +} + +.avatar-dot-badge-small { + --size: 12px; + right: 1px; + bottom: 1px; +} diff --git a/src/app/layouts/avatar/avatar-size/avatar-size.component.ts b/src/app/layouts/avatar/avatar-size/avatar-size.component.ts new file mode 100644 index 000000000..53817b262 --- /dev/null +++ b/src/app/layouts/avatar/avatar-size/avatar-size.component.ts @@ -0,0 +1,12 @@ +import { Component } from '@angular/core'; +import { IgxAvatarComponent } from 'igniteui-angular/avatar'; +import { IgxBadgeComponent } from 'igniteui-angular/badge'; + +@Component({ + selector: 'app-avatar-size', + styleUrls: ['./avatar-size.component.scss'], + templateUrl: './avatar-size.component.html', + imports: [IgxAvatarComponent, IgxBadgeComponent] +}) +export class AvatarSizeComponent { +} diff --git a/src/app/layouts/avatar/avatar-styling/avatar-styling.component.html b/src/app/layouts/avatar/avatar-styling/avatar-styling.component.html index 3f167defa..07510f6c3 100644 --- a/src/app/layouts/avatar/avatar-styling/avatar-styling.component.html +++ b/src/app/layouts/avatar/avatar-styling/avatar-styling.component.html @@ -1,8 +1,71 @@ -
-
- -
-
- -
-
+
+ + Chats + + +
+ + + + + +
+

Nick Evans

+ Hi Samira, thanks for the ... + 9:44 AM + + + +
+ + + + +
+

James Ford

+ I'll send the text and im ... + 8:30 AM + + + +
+ + + + + +
+

Kate Porter

+ That's great! + Yesterday + + + Meetings + + + + + +

Weekly Meeting

+ https://www.infra.com + Monday + + + + + + +

Design Discussion

+ https://www.infra.com + 11:30 AM + + +
diff --git a/src/app/layouts/avatar/avatar-styling/avatar-styling.component.scss b/src/app/layouts/avatar/avatar-styling/avatar-styling.component.scss index bfc2650f8..13d20bb3f 100644 --- a/src/app/layouts/avatar/avatar-styling/avatar-styling.component.scss +++ b/src/app/layouts/avatar/avatar-styling/avatar-styling.component.scss @@ -1,19 +1,35 @@ -@use "layout.scss"; -@use "igniteui-angular/theming" as *; +.avatar-styling-sample { + display: flex; + align-items: center; + justify-content: center; +} + +.chat-list { + width: 344px; + max-width: 100%; +} -$initials-avatar-theme: avatar-theme( - $background: #72da67, - $border-radius: 16px -); +.size-small { + --ig-size: var(--ig-size-small); +} -$icon-avatar-theme: avatar-theme( - $background: #217346, -); +.avatar-with-badge { + position: relative; + display: inline-flex; +} + +.avatar-status { + --ig-badge-icon-color: #ffffff; + position: absolute; + right: -4px; + bottom: -4px; +} -.initials{ - @include tokens($initials-avatar-theme); +.avatar-muted-badge { + --ig-badge-background-color: var(--ig-gray-300); + --ig-badge-icon-color: var(--ig-gray-700); } -.icon{ - @include tokens($icon-avatar-theme); +.avatar-muted { + --ig-avatar-background: #D2DBE8; } diff --git a/src/app/layouts/avatar/avatar-styling/avatar-styling.component.ts b/src/app/layouts/avatar/avatar-styling/avatar-styling.component.ts index 6e05afd61..1f5db501f 100644 --- a/src/app/layouts/avatar/avatar-styling/avatar-styling.component.ts +++ b/src/app/layouts/avatar/avatar-styling/avatar-styling.component.ts @@ -1,13 +1,60 @@ -import { Component, OnInit } from '@angular/core'; +import { Component, inject } from '@angular/core'; import { IgxAvatarComponent } from 'igniteui-angular/avatar'; +import { IgxBadgeComponent } from 'igniteui-angular/badge'; +import { IgxIconComponent, IgxIconService } from 'igniteui-angular/icon'; +import { + IgxListActionDirective, + IgxListComponent, + IgxListItemComponent, + IgxListLineSubTitleDirective, + IgxListLineTitleDirective, + IgxListThumbnailDirective +} from 'igniteui-angular/list'; @Component({ selector: 'app-avatar-styling', styleUrls: ['./avatar-styling.component.scss'], templateUrl: './avatar-styling.component.html', - imports: [IgxAvatarComponent] + imports: [ + IgxAvatarComponent, + IgxBadgeComponent, + IgxIconComponent, + IgxListActionDirective, + IgxListComponent, + IgxListItemComponent, + IgxListLineSubTitleDirective, + IgxListLineTitleDirective, + IgxListThumbnailDirective + ] }) - export class AvatarStylingSampleComponent { + private iconService = inject(IgxIconService); + constructor() { + this.iconService.addSvgIconFromText( + 'calendar', + '', + 'material' + ); + this.iconService.addSvgIconFromText( + 'check', + '', + 'material' + ); + this.iconService.addSvgIconFromText( + 'x', + '', + 'material' + ); + this.iconService.addSvgIconFromText( + 'horizontalRule', + '', + 'material' + ); + this.iconService.addSvgIconFromText( + 'group', + '', + 'material' + ); + } } diff --git a/src/app/layouts/avatar/avatar-tailwind-styling/avatar-tailwind-styling.component.html b/src/app/layouts/avatar/avatar-tailwind-styling/avatar-tailwind-styling.component.html index 517decd54..79cd59492 100644 --- a/src/app/layouts/avatar/avatar-tailwind-styling/avatar-tailwind-styling.component.html +++ b/src/app/layouts/avatar/avatar-tailwind-styling/avatar-tailwind-styling.component.html @@ -1 +1,111 @@ - +
+ + + Cafe interior + + + + + + Kate Thompson + + + +

3D Artist. Turning polygons into worlds and immersive digital realities

+
+ @for (stat of profileStats; track stat.label; let isLast = $last) { +
+ {{ stat.value }} + {{ stat.label }} +
+ @if (!isLast) { + + } + } +
+ + + + +
+ + + +
+ + + + + + + + + + Kate Thompson + + + +

3D Artist. Turning polygons into worlds and immersive digital realities

+
+ @for (stat of profileStats; track stat.label; let isLast = $last) { +
+ {{ stat.value }} + {{ stat.label }} +
+ @if (!isLast) { + + } + } +
+ + + + +
+ + + +
+ + +
diff --git a/src/app/layouts/avatar/avatar-tailwind-styling/avatar-tailwind-styling.component.scss b/src/app/layouts/avatar/avatar-tailwind-styling/avatar-tailwind-styling.component.scss index 8abca650c..7f26ddcb5 100644 --- a/src/app/layouts/avatar/avatar-tailwind-styling/avatar-tailwind-styling.component.scss +++ b/src/app/layouts/avatar/avatar-tailwind-styling/avatar-tailwind-styling.component.scss @@ -1,3 +1,3 @@ -igx-avatar { - margin: 12px; +:host { + display: block; } diff --git a/src/app/layouts/avatar/avatar-tailwind-styling/avatar-tailwind-styling.component.ts b/src/app/layouts/avatar/avatar-tailwind-styling/avatar-tailwind-styling.component.ts index db1a0a5de..c167d9452 100644 --- a/src/app/layouts/avatar/avatar-tailwind-styling/avatar-tailwind-styling.component.ts +++ b/src/app/layouts/avatar/avatar-tailwind-styling/avatar-tailwind-styling.component.ts @@ -1,11 +1,51 @@ -import { Component } from '@angular/core'; +import { Component, inject } from '@angular/core'; import { IgxAvatarComponent } from 'igniteui-angular/avatar'; +import { IgxButtonDirective, IgxDividerDirective, IgxIconButtonDirective, IgxRippleDirective } from 'igniteui-angular/directives'; +import { + IgxCardActionsComponent, + IgxCardComponent, + IgxCardContentDirective, + IgxCardHeaderComponent, + IgxCardHeaderTitleDirective, + IgxCardMediaDirective, + IgxCardThumbnailDirective +} from 'igniteui-angular/card'; +import { IgxIconComponent, IgxIconService } from 'igniteui-angular/icon'; +import { berealIcon, instagramIcon, plusIcon, threadsIcon } from './icons'; @Component({ selector: 'app-avatar-tailwind-styling', styleUrls: ['./avatar-tailwind-styling.component.scss'], templateUrl: './avatar-tailwind-styling.component.html', - imports: [IgxAvatarComponent] + imports: [ + IgxAvatarComponent, + IgxButtonDirective, + IgxCardActionsComponent, + IgxCardComponent, + IgxCardContentDirective, + IgxCardHeaderComponent, + IgxCardHeaderTitleDirective, + IgxCardMediaDirective, + IgxCardThumbnailDirective, + IgxDividerDirective, + IgxIconButtonDirective, + IgxIconComponent, + IgxRippleDirective + ] }) +export class AvatarTailwindStylingSampleComponent { + private iconService = inject(IgxIconService); -export class AvatarTailwindStylingSampleComponent {} + public profileStats = [ + { value: '23.9K', label: 'Likes' }, + { value: '163', label: 'Posts' }, + { value: '23.9K', label: 'Views' } + ]; + + constructor() { + this.iconService.addSvgIconFromText('instagram', instagramIcon, 'material'); + this.iconService.addSvgIconFromText('bereal', berealIcon, 'material'); + this.iconService.addSvgIconFromText('threads', threadsIcon, 'material'); + this.iconService.addSvgIconFromText('plus', plusIcon, 'material'); + } +} diff --git a/src/app/layouts/avatar/avatar-tailwind-styling/icons.ts b/src/app/layouts/avatar/avatar-tailwind-styling/icons.ts new file mode 100644 index 000000000..70599bae5 --- /dev/null +++ b/src/app/layouts/avatar/avatar-tailwind-styling/icons.ts @@ -0,0 +1,11 @@ +export const instagramIcon = + ''; + +export const berealIcon = + ''; + +export const threadsIcon = + ''; + +export const plusIcon = + ''; diff --git a/src/app/layouts/avatar/avatar-variants/avatar-variants.component.html b/src/app/layouts/avatar/avatar-variants/avatar-variants.component.html new file mode 100644 index 000000000..438406536 --- /dev/null +++ b/src/app/layouts/avatar/avatar-variants/avatar-variants.component.html @@ -0,0 +1,56 @@ +
+
+ + + + + + + Image +
+ +
+ + + + + + 2 + + + Icon +
+ +
+ + + + + + + + Initials +
+
diff --git a/src/app/layouts/avatar/avatar-variants/avatar-variants.component.scss b/src/app/layouts/avatar/avatar-variants/avatar-variants.component.scss new file mode 100644 index 000000000..355ff7df2 --- /dev/null +++ b/src/app/layouts/avatar/avatar-variants/avatar-variants.component.scss @@ -0,0 +1,48 @@ +.avatar-variants-sample { + display: flex; + align-items: center; + justify-content: center; + gap: 90px; + min-height: 100vh; +} + +.avatar-variant { + display: inline-flex; + flex-direction: column; + align-items: center; + gap: 8px; +} + +.avatar-label { + color: var(--ig-gray-600); + font-size: 0.875rem; + line-height: 1.25rem; +} + +.avatar-with-badge { + position: relative; + display: inline-flex; +} + +.avatar-status { + --size: 18px; + position: absolute; + right: -4px; + bottom: -4px; + font-size: 0.75rem; + line-height: 1; +} + +.avatar-dot-badge { + --size: 12px; + right: 3px; + bottom: 3px; +} + +.avatar-count-badge { + --ig-badge-text-color: #ffffff; +} + +.avatar-check-badge { + --ig-badge-icon-color: #ffffff; +} diff --git a/src/app/layouts/avatar/avatar-variants/avatar-variants.component.ts b/src/app/layouts/avatar/avatar-variants/avatar-variants.component.ts new file mode 100644 index 000000000..6a9d8810f --- /dev/null +++ b/src/app/layouts/avatar/avatar-variants/avatar-variants.component.ts @@ -0,0 +1,27 @@ +import { Component, inject } from '@angular/core'; +import { IgxAvatarComponent } from 'igniteui-angular/avatar'; +import { IgxBadgeComponent } from 'igniteui-angular/badge'; +import { IgxIconComponent, IgxIconService } from 'igniteui-angular/icon'; + +@Component({ + selector: 'app-avatar-variants', + styleUrls: ['./avatar-variants.component.scss'], + templateUrl: './avatar-variants.component.html', + imports: [IgxAvatarComponent, IgxBadgeComponent, IgxIconComponent] +}) +export class AvatarVariantsComponent { + private iconService = inject(IgxIconService); + + constructor() { + this.iconService.addSvgIconFromText( + 'mail', + '', + 'material' + ); + this.iconService.addSvgIconFromText( + 'check', + '', + 'material' + ); + } +} diff --git a/src/app/layouts/layouts-routes-data.ts b/src/app/layouts/layouts-routes-data.ts index 984fe9348..8890bf4c9 100644 --- a/src/app/layouts/layouts-routes-data.ts +++ b/src/app/layouts/layouts-routes-data.ts @@ -5,13 +5,12 @@ export const layoutsRoutesData = { 'accordion-sample-2': { displayName: 'Accordion 2', parentName: 'Accordion' }, 'accordion-sample-3': { displayName: 'Accordion 3', parentName: 'Accordion' }, 'accordion-style': { displayName: 'Accordion Styling', parentName: 'Accordion' }, - 'avatar-sample-1': { displayName: 'Avatar with Initials', parentName: 'Avatar' }, - 'avatar-sample-2': { displayName: 'Avatar with Image', parentName: 'Avatar' }, - 'avatar-sample-4': { displayName: 'Avatar with Icon', parentName: 'Avatar' }, - 'avatar-sample-3': { displayName: 'Multiple avatars', parentName: 'Avatar' }, + 'avatar-overview': { displayName: 'Avatar Overview', parentName: 'Avatar' }, + 'avatar-variants': { displayName: 'Avatar Variants', parentName: 'Avatar' }, + 'avatar-shape': { displayName: 'Avatar Shape', parentName: 'Avatar' }, + 'avatar-size': { displayName: 'Avatar Size', parentName: 'Avatar' }, 'avatar-styling': { displayName: 'Styling avatars', parentName: 'Avatar' }, 'avatar-tailwind-styling': { displayName: 'Styling Avatar with Tailwind', parentName: 'Avatar' }, - 'avatar-css-variables': { displayName: 'Avatar with CSS variables', parentName: 'Avatar' }, 'carousel': { displayName: 'Carousel Base', parentName: 'Carousel' }, 'carousel-no-navigation-sample': { displayName: 'Carousel No Navigation', parentName: 'Carousel' }, 'carousel-animations-sample': { displayName: 'Carousel Animations', parentName: 'Carousel' }, diff --git a/src/app/layouts/layouts.routes.ts b/src/app/layouts/layouts.routes.ts index a8f23171c..7385391ce 100644 --- a/src/app/layouts/layouts.routes.ts +++ b/src/app/layouts/layouts.routes.ts @@ -1,12 +1,11 @@ // tslint:disable:no-string-literal import { Routes } from '@angular/router'; -import { AvatarSample1Component } from './avatar/avatar-sample-1/avatar-sample-1.component'; -import { AvatarSample2Component } from './avatar/avatar-sample-2/avatar-sample-2.component'; -import { AvatarSample3Component } from './avatar/avatar-sample-3/avatar-sample-3.component'; -import { AvatarSample4Component } from './avatar/avatar-sample-4/avatar-sample-4.component'; +import { AvatarOverviewComponent } from './avatar/avatar-overview/avatar-overview.component'; +import { AvatarVariantsComponent } from './avatar/avatar-variants/avatar-variants.component'; +import { AvatarShapeComponent } from './avatar/avatar-shape/avatar-shape.component'; +import { AvatarSizeComponent } from './avatar/avatar-size/avatar-size.component'; import { AvatarStylingSampleComponent } from './avatar/avatar-styling/avatar-styling.component'; import { AvatarTailwindStylingSampleComponent } from './avatar/avatar-tailwind-styling/avatar-tailwind-styling.component'; -import { AvatarCSSVariablesComponent } from './avatar/avatar-css-variables/avatar-css-variables.component'; import { CardSample1Component } from './card/card-sample-1/card-sample-1.component'; import { CardSample2Component } from './card/card-sample-2/card-sample-2.component'; import { CardSample3Component } from './card/card-sample-3/card-sample-3.component'; @@ -113,24 +112,24 @@ export const LayoutsRoutes: Routes = [ path: 'accordion-style' }, { - component: AvatarSample1Component, - data: layoutsRoutesData['avatar-sample-1'], - path: 'avatar-sample-1' + component: AvatarOverviewComponent, + data: layoutsRoutesData['avatar-overview'], + path: 'avatar-overview' }, { - component: AvatarSample2Component, - data: layoutsRoutesData['avatar-sample-2'], - path: 'avatar-sample-2' + component: AvatarVariantsComponent, + data: layoutsRoutesData['avatar-variants'], + path: 'avatar-variants' }, { - component: AvatarSample3Component, - data: layoutsRoutesData['avatar-sample-3'], - path: 'avatar-sample-3' + component: AvatarShapeComponent, + data: layoutsRoutesData['avatar-shape'], + path: 'avatar-shape' }, { - component: AvatarSample4Component, - data: layoutsRoutesData['avatar-sample-4'], - path: 'avatar-sample-4' + component: AvatarSizeComponent, + data: layoutsRoutesData['avatar-size'], + path: 'avatar-size' }, { component: AvatarStylingSampleComponent, @@ -142,11 +141,6 @@ export const LayoutsRoutes: Routes = [ data: layoutsRoutesData['avatar-tailwind-styling'], path: 'avatar-tailwind-styling' }, - { - component: AvatarCSSVariablesComponent, - data: layoutsRoutesData['avatar-css-variables'], - path: 'avatar-css-variables' - }, { component: CarouselNoNavigationSampleComponent, data: layoutsRoutesData['carousel-no-navigation-sample'], From 7c017317708292bd12c7f486b052a80638c3c400 Mon Sep 17 00:00:00 2001 From: Simeon Simeonoff Date: Tue, 18 Aug 2026 16:27:43 +0300 Subject: [PATCH 27/35] fix(finjs-dock): theme grid overlays via popover, drop outlet workarounds --- .../grid-finjs-dock-manager.component.html | 10 +++---- .../grid-finjs-dock-manager.component.scss | 27 ++++++++++++++++++- .../grid-finjs-dock-manager.component.ts | 7 ++--- projects/app-lob/src/styles.scss | 9 ------- 4 files changed, 32 insertions(+), 21 deletions(-) diff --git a/projects/app-lob/src/app/grid-finjs-dock-manager/grid-finjs-dock-manager.component.html b/projects/app-lob/src/app/grid-finjs-dock-manager/grid-finjs-dock-manager.component.html index 6c192d2e3..453f8d9dc 100644 --- a/projects/app-lob/src/app/grid-finjs-dock-manager/grid-finjs-dock-manager.component.html +++ b/projects/app-lob/src/app/grid-finjs-dock-manager/grid-finjs-dock-manager.component.html @@ -36,12 +36,11 @@
Add Floating Pane
-
+ [columnSelection]="'multiple'" [cellSelection]="'none'"> @@ -78,7 +77,7 @@
@@ -116,7 +115,7 @@
@@ -154,7 +153,7 @@
@@ -194,4 +193,3 @@ -
diff --git a/projects/app-lob/src/app/grid-finjs-dock-manager/grid-finjs-dock-manager.component.scss b/projects/app-lob/src/app/grid-finjs-dock-manager/grid-finjs-dock-manager.component.scss index dd4842ab3..2ea578f57 100644 --- a/projects/app-lob/src/app/grid-finjs-dock-manager/grid-finjs-dock-manager.component.scss +++ b/projects/app-lob/src/app/grid-finjs-dock-manager/grid-finjs-dock-manager.component.scss @@ -1,6 +1,31 @@ @use 'igniteui-dockmanager/dist/collection/styles/igc.themes'; @use '../../variables' as *; +// Set the grid's background/foreground/accent tokens; the grid's derived-themes +// layer cascades them to the paginator, scrollbars, chips, drop-downs, select, +// excel filter, etc. Scoped mode emits the short `--background`/`--foreground`/ +// `--accent-color` aliases the derived layer reads first. +$finjs-grid-accent-color: var(--ig-primary-500); +$finjs-grid-background: var(--ig-surface-500); +$finjs-grid-foreground: var(--ig-surface-500-contrast); + +$finjs-dark-grid-theme: grid-theme( + $schema: $dark-material-schema, + $background: $finjs-grid-background, + $foreground: $finjs-grid-foreground, + $accent-color: $finjs-grid-accent-color, +); + +$finjs-light-grid-theme: grid-theme( + $schema: $light-material-schema, + $background: $finjs-grid-background, + $foreground: $finjs-grid-foreground, + $accent-color: $finjs-grid-accent-color, +); + +@include tokens($finjs-dark-grid-theme, $mode: 'scoped', $scope: '.dark-theme igx-grid'); +@include tokens($finjs-light-grid-theme, $mode: 'scoped', $scope: '.light-theme igx-grid'); + .actionItem { margin-block-end: rem(20px); } @@ -44,7 +69,7 @@ .negative.strongNegative { .igx-grid__td-text { - color: color(null, 'success', 500, .8) !important; + color: color(null, 'error', 500, .8) !important; } } diff --git a/projects/app-lob/src/app/grid-finjs-dock-manager/grid-finjs-dock-manager.component.ts b/projects/app-lob/src/app/grid-finjs-dock-manager/grid-finjs-dock-manager.component.ts index 35951d546..1d6304682 100644 --- a/projects/app-lob/src/app/grid-finjs-dock-manager/grid-finjs-dock-manager.component.ts +++ b/projects/app-lob/src/app/grid-finjs-dock-manager/grid-finjs-dock-manager.component.ts @@ -1,6 +1,6 @@ /* eslint-disable max-len */ import { AfterViewInit, ChangeDetectorRef, Component, ElementRef, Renderer2, OnDestroy, OnInit, DoCheck, TemplateRef, ViewChild, ViewContainerRef, ViewEncapsulation, CUSTOM_ELEMENTS_SCHEMA, inject } from '@angular/core'; -import { AbsoluteScrollStrategy, ConnectedPositioningStrategy, DefaultSortingStrategy, GridColumnDataType, IgxOverlayOutletDirective, OverlaySettings, SortingDirection } from 'igniteui-angular/core'; +import { AbsoluteScrollStrategy, ConnectedPositioningStrategy, DefaultSortingStrategy, GridColumnDataType, OverlaySettings, SortingDirection } from 'igniteui-angular/core'; import { IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxSelectComponent, IgxSelectItemComponent } from 'igniteui-angular/select'; @@ -23,7 +23,7 @@ import { AsyncPipe, CurrencyPipe } from '@angular/common'; selector: 'app-finjs-dock-manager', templateUrl: './grid-finjs-dock-manager.component.html', styleUrls: ['./grid-finjs-dock-manager.component.scss'], - imports: [IgxSwitchComponent, FormsModule, IgxSelectComponent, IgxLabelDirective, IgxPrefixDirective, IgxIconComponent, IgxSelectItemComponent, IgxButtonDirective, IgxOverlayOutletDirective, IgxGridComponent, IgxColumnComponent, IgxCellTemplateDirective, IgxPaginatorComponent, GridHostDirective, AsyncPipe, CurrencyPipe], + imports: [IgxSwitchComponent, FormsModule, IgxSelectComponent, IgxLabelDirective, IgxPrefixDirective, IgxIconComponent, IgxSelectItemComponent, IgxButtonDirective, IgxGridComponent, IgxColumnComponent, IgxCellTemplateDirective, IgxPaginatorComponent, GridHostDirective, AsyncPipe, CurrencyPipe], schemas: [CUSTOM_ELEMENTS_SCHEMA] }) export class GridFinJSDockManagerComponent implements OnInit, OnDestroy, AfterViewInit, DoCheck { @@ -41,7 +41,6 @@ export class GridFinJSDockManagerComponent implements OnInit, OnDestroy, AfterVi public priceTemplate: TemplateRef; @ViewChild(IgxSelectComponent) public select: IgxSelectComponent; @ViewChild('freq', { read: IgxSelectComponent }) public selectFrequency: IgxSelectComponent; - @ViewChild(IgxOverlayOutletDirective) outlet: IgxOverlayOutletDirective; public isDarkTheme = true; @@ -204,9 +203,7 @@ export class GridFinJSDockManagerComponent implements OnInit, OnDestroy, AfterVi this.paneService.initialPanePosition = { x, y }; this.grid2.selectColumns(['price', 'change', 'changeP']); this.customOverlaySettings.target = this.select.inputGroup.element.nativeElement; - this.customOverlaySettings.outlet = this.outlet; this.freqOverlaySettings.target = this.selectFrequency.inputGroup.element.nativeElement; - this.freqOverlaySettings.outlet = this.outlet; this.grid1.groupingExpressions = [{ dir: SortingDirection.Desc, fieldName: 'category', diff --git a/projects/app-lob/src/styles.scss b/projects/app-lob/src/styles.scss index 52c5a5699..34c2f20a6 100644 --- a/projects/app-lob/src/styles.scss +++ b/projects/app-lob/src/styles.scss @@ -37,15 +37,6 @@ body { .grid-chart-contextmenu-wrapper { @include fluent-dark-theme($fluent-excel-palette); } - // remove this workaround after resolving https://github.com/IgniteUI/igniteui-angular/issues/13039 - igx-grid, - igx-hierarchical-grid, - igx-pivot-grid, - igx-tree-grid { - --ig-chip-disabled-background: #616161; - --ig-chip-disabled-border-color: #616161; - --ig-chip-disabled-text-color: #BDBDBD; - } } .fin-dark-theme { @include dark-theme($green-palette); From b3f8cac1ed914fa9407fc181a16b04c0c3f28bfd Mon Sep 17 00:00:00 2001 From: Stamen Stoychev Date: Tue, 18 Aug 2026 16:30:56 +0300 Subject: [PATCH 28/35] Size-reporter migrated to base vnext without sample changes (#4014) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit * feat(samples): add sample-size reporter for auto-fitting docs iframes Demos on the docs site render inside cross-origin iframes. By default styles.scss pins html/body to height:100% + overflow:hidden, so an iframe can only ever echo its own height back — it can't grow to fit its content. This adds the demo-side half of a small postMessage handshake with the docs host (astro-components' sample-widget) so samples that opt into fitContent size themselves to their actual content. How it works: - the host posts { type: 'igd-sample-fit', width? } into the iframe on load; until that arrives the reporter stays completely dormant, so fixed-height demos and their percentage layouts are untouched - on enable, it injects a one-time stylesheet that releases the viewport pin (height:auto, overflow:visible) and reports content size back with { type: 'igd-sample-height', height, width? } immediately and on every resize (via ResizeObserver) - width is measured from the right-most element edge rather than the body box, mirroring the host's same-origin measurement, and is only computed when the host asks for it Notes: - no-ops outside an iframe (window.parent === window) and when there is no window (SSR/prerender) - replies target the host's captured origin instead of broadcasting to '*', and only ever emit layout dimensions - shared across all three Angular apps (src, app-crm, app-lob) via the "@shared/sample-size-reporter" tsconfig path alias so there is a single source of truth * fix(sample-size-reporter): validate message origin * fix(sample-size-reporter): remove trailing commas in postMessage parameters --------- Co-authored-by: desig9stein --- projects/app-crm/src/main.ts | 3 + .../src/app/index/docs-layout.component.scss | 7 +- projects/app-lob/src/main.ts | 3 + src/app/index/docs-layout.component.scss | 7 +- .../interactions/toggle/toggle-samples.scss | 11 +-- .../layouts/avatar/avatar-styling/layout.scss | 15 +--- src/main.ts | 3 + src/sample-size-reporter.ts | 85 +++++++++++++++++++ tsconfig.json | 3 + 9 files changed, 103 insertions(+), 34 deletions(-) create mode 100644 src/sample-size-reporter.ts diff --git a/projects/app-crm/src/main.ts b/projects/app-crm/src/main.ts index 06acb33cd..e88e5798b 100644 --- a/projects/app-crm/src/main.ts +++ b/projects/app-crm/src/main.ts @@ -3,9 +3,12 @@ import { environment } from './environments/environment'; import { bootstrapApplication } from '@angular/platform-browser'; import { AppComponent } from './app/app.component'; import { AppConfig } from './app/app.config'; +import { initSampleSizeReporter } from '@shared/sample-size-reporter'; if (environment.production) { enableProdMode(); } +initSampleSizeReporter(); + bootstrapApplication(AppComponent, AppConfig).catch((err) => console.error(err)); diff --git a/projects/app-lob/src/app/index/docs-layout.component.scss b/projects/app-lob/src/app/index/docs-layout.component.scss index cf86a1df8..8b1378917 100644 --- a/projects/app-lob/src/app/index/docs-layout.component.scss +++ b/projects/app-lob/src/app/index/docs-layout.component.scss @@ -1,6 +1 @@ -::ng-deep { - .custom-body { - color: var(--ig-surface-500-contrast); - background: var(--ig-surface-500); - } -} + diff --git a/projects/app-lob/src/main.ts b/projects/app-lob/src/main.ts index 785d0e1bc..131aff4bb 100644 --- a/projects/app-lob/src/main.ts +++ b/projects/app-lob/src/main.ts @@ -6,11 +6,14 @@ import { environment } from './environments/environment'; import { bootstrapApplication } from '@angular/platform-browser'; import { AppComponent } from './app/app.component'; import { AppConfig } from './app/app.config'; +import { initSampleSizeReporter } from '@shared/sample-size-reporter'; if (environment.production) { enableProdMode(); } +initSampleSizeReporter(); + bootstrapApplication(AppComponent, AppConfig).catch(err => console.error(err)); defineCustomElements(window); diff --git a/src/app/index/docs-layout.component.scss b/src/app/index/docs-layout.component.scss index cf86a1df8..8b1378917 100644 --- a/src/app/index/docs-layout.component.scss +++ b/src/app/index/docs-layout.component.scss @@ -1,6 +1 @@ -::ng-deep { - .custom-body { - color: var(--ig-surface-500-contrast); - background: var(--ig-surface-500); - } -} + diff --git a/src/app/interactions/toggle/toggle-samples.scss b/src/app/interactions/toggle/toggle-samples.scss index 38afa5074..e7c518d3d 100644 --- a/src/app/interactions/toggle/toggle-samples.scss +++ b/src/app/interactions/toggle/toggle-samples.scss @@ -9,7 +9,7 @@ height: 260px; } -.toggle-section{ +.toggle-section { flex-flow: row wrap; display: flex; width: 100%; @@ -18,15 +18,6 @@ align-items: center; text-align: center; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); - - .dark-theme & { - background-color: #111; - } - - .custom-body & { - color: var(--ig-surface-500-contrast); - background-color: var(--ig-surface-500); - } } img{ diff --git a/src/app/layouts/avatar/avatar-styling/layout.scss b/src/app/layouts/avatar/avatar-styling/layout.scss index 19e8de55d..d3a420849 100644 --- a/src/app/layouts/avatar/avatar-styling/layout.scss +++ b/src/app/layouts/avatar/avatar-styling/layout.scss @@ -1,13 +1,4 @@ -.avatars-wrapper { - display: flex; - flex-flow: row wrap; -} - -.avatar-sample { - display: flex; - flex: 1 0 30%; - width: 88px; - justify-content: center; - align-items: center; - margin: 15px 0; +:host { + display: inline-flex; + gap: 32px } diff --git a/src/main.ts b/src/main.ts index fcc3112d6..9a1b0b91e 100644 --- a/src/main.ts +++ b/src/main.ts @@ -4,11 +4,14 @@ import { defineCustomElements } from 'igniteui-dockmanager/loader'; import { bootstrapApplication } from '@angular/platform-browser'; import { AppComponent } from './app/app.component'; import { AppConfig } from './app/app.config'; +import { initSampleSizeReporter } from '@shared/sample-size-reporter'; if (environment.production) { enableProdMode(); } +initSampleSizeReporter(); + bootstrapApplication(AppComponent, AppConfig).catch(err => console.log(err)); defineCustomElements(window); diff --git a/src/sample-size-reporter.ts b/src/sample-size-reporter.ts new file mode 100644 index 000000000..bef1d1f37 --- /dev/null +++ b/src/sample-size-reporter.ts @@ -0,0 +1,85 @@ +/** + * Demo-side half of the docs contract + * (astro-components/src/scripts/sample-widget.ts). + * + * The docs host posts { type: 'igd-sample-fit', width?: boolean } into the + * iframe when it loads. In response we neutralize the viewport-bound sizing + * from styles.scss (html/body height: 100%, overflow: hidden — which would + * only echo the iframe's height back) and report the content's size with + * { type: 'igd-sample-height', height, width? } immediately and on every + * resize. Demos embedded at a fixed height never receive the enable message, + * so this stays dormant for them and their percentage layouts are untouched. + */ +const FIT_ENABLE = 'igd-sample-fit'; +const FIT_REPORT = 'igd-sample-height'; + +export function initSampleSizeReporter(): void { + if (typeof window === 'undefined' || window.parent === window) { + return; + } + + let reportWidth = false; + let observer: ResizeObserver | null = null; + let styled = false; + // Captured from the host's enable message so replies go back to that exact + // origin instead of being broadcast to any window that happens to listen. + let hostOrigin = '*'; + + // Right-most element edge, mirroring the host's same-origin measurement: + // block-level content stretches to the viewport width, so the intrinsic + // width has to come from the element boxes, not the body itself. + const measureWidth = (): number | undefined => { + const body = document.body; + const left = body.getBoundingClientRect().left; + let right = left; + body.querySelectorAll('*').forEach(el => { + right = Math.max(right, el.getBoundingClientRect().right); + }); + if (right <= left) { + return undefined; + } + const cs = getComputedStyle(body); + return right - left + parseFloat(cs.paddingRight || '0') + parseFloat(cs.borderRightWidth || '0'); + }; + + const report = () => { + const height = Math.max( + document.documentElement.offsetHeight, + document.body.offsetHeight, + document.body.scrollHeight + ); + window.parent.postMessage( + { type: FIT_REPORT, height, width: reportWidth ? measureWidth() : undefined }, + hostOrigin + ); + }; + + window.addEventListener('message', (e: MessageEvent) => { + if (e.source !== window.parent) { + return; + } + if (!e.origin || !/^https?:\/\//.test(e.origin)) { + return; + } + if (!e.data || e.data.type !== FIT_ENABLE) { + return; + } + reportWidth = Boolean(e.data.width); + hostOrigin = e.origin; + + if (!styled) { + styled = true; + const style = document.createElement('style'); + style.textContent = + 'html, body { height: auto !important; overflow: visible !important; }' + + '.sample-wrapper { height: auto !important; }'; + document.head.appendChild(style); + } + + report(); + if ('ResizeObserver' in window && !observer) { + observer = new ResizeObserver(report); + observer.observe(document.body); + } + }); +} diff --git a/tsconfig.json b/tsconfig.json index a9f83e075..a57650286 100644 --- a/tsconfig.json +++ b/tsconfig.json @@ -1,6 +1,9 @@ { "compileOnSave": false, "compilerOptions": { + "paths": { + "@shared/sample-size-reporter": ["./src/sample-size-reporter.ts"] + }, "importHelpers": true, "module": "ES2022", "outDir": "./dist/out-tsc", From bff7d143b6eccc82ab31921c2c449b66b214ca11 Mon Sep 17 00:00:00 2001 From: Simeon Simeonoff Date: Wed, 19 Aug 2026 09:02:33 +0300 Subject: [PATCH 29/35] refactor(avatar-tailwind): use IgxDividerComponent in place of IgxDividerDirective --- .../avatar-tailwind-styling.component.ts | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/src/app/layouts/avatar/avatar-tailwind-styling/avatar-tailwind-styling.component.ts b/src/app/layouts/avatar/avatar-tailwind-styling/avatar-tailwind-styling.component.ts index c167d9452..0b3b8bfc7 100644 --- a/src/app/layouts/avatar/avatar-tailwind-styling/avatar-tailwind-styling.component.ts +++ b/src/app/layouts/avatar/avatar-tailwind-styling/avatar-tailwind-styling.component.ts @@ -1,6 +1,6 @@ import { Component, inject } from '@angular/core'; import { IgxAvatarComponent } from 'igniteui-angular/avatar'; -import { IgxButtonDirective, IgxDividerDirective, IgxIconButtonDirective, IgxRippleDirective } from 'igniteui-angular/directives'; +import { IgxButtonDirective, IgxDividerComponent, IgxIconButtonDirective, IgxRippleDirective } from 'igniteui-angular/directives'; import { IgxCardActionsComponent, IgxCardComponent, @@ -27,7 +27,7 @@ import { berealIcon, instagramIcon, plusIcon, threadsIcon } from './icons'; IgxCardHeaderTitleDirective, IgxCardMediaDirective, IgxCardThumbnailDirective, - IgxDividerDirective, + IgxDividerComponent, IgxIconButtonDirective, IgxIconComponent, IgxRippleDirective From bbf0bd57de3a410573960b6dd6e112973fec849b Mon Sep 17 00:00:00 2001 From: Simeon Simeonoff Date: Wed, 19 Aug 2026 15:46:11 +0300 Subject: [PATCH 30/35] fix(app-lob): remove spicific igx-select sizing --- .../grid-finjs-dock-manager.component.scss | 5 ----- 1 file changed, 5 deletions(-) diff --git a/projects/app-lob/src/app/grid-finjs-dock-manager/grid-finjs-dock-manager.component.scss b/projects/app-lob/src/app/grid-finjs-dock-manager/grid-finjs-dock-manager.component.scss index 2ea578f57..c05ff12fb 100644 --- a/projects/app-lob/src/app/grid-finjs-dock-manager/grid-finjs-dock-manager.component.scss +++ b/projects/app-lob/src/app/grid-finjs-dock-manager/grid-finjs-dock-manager.component.scss @@ -208,8 +208,3 @@ igx-grid { } } } - -igx-select { - --ig-size: var(--ig-size-small); -} - From 305fcacdd496ffcf4cabd26fa19dc42c15da11ae Mon Sep 17 00:00:00 2001 From: Simeon Simeonoff Date: Wed, 19 Aug 2026 16:56:44 +0300 Subject: [PATCH 31/35] deps: bump to latest beta of igniteui-angular --- package-lock.json | 24 ++++++++++++------------ package.json | 8 ++++---- 2 files changed, 16 insertions(+), 16 deletions(-) diff --git a/package-lock.json b/package-lock.json index 1d7c7c61d..6ddb278ab 100644 --- a/package-lock.json +++ b/package-lock.json @@ -36,11 +36,11 @@ "file-saver": "^2.0.2", "fuse.js": "^7.1.0", "hammerjs": "^2.0.8", - "igniteui-angular": "22.1.0-beta.4", + "igniteui-angular": "22.1.0-beta.7", "igniteui-angular-charts": "^22.0.0", "igniteui-angular-core": "^22.0.0", - "igniteui-angular-extras": "22.1.0-beta.4", - "igniteui-angular-i18n": "22.1.0-beta.4", + "igniteui-angular-extras": "22.1.0-beta.7", + "igniteui-angular-i18n": "22.1.0-beta.7", "igniteui-dockmanager": "^1.17.0", "igniteui-grid-lite": "0.9.0", "igniteui-i18n-resources": "^1.0.4", @@ -10492,9 +10492,9 @@ "license": "BSD-3-Clause" }, "node_modules/igniteui-angular": { - "version": "22.1.0-beta.4", - "resolved": "https://registry.npmjs.org/igniteui-angular/-/igniteui-angular-22.1.0-beta.4.tgz", - "integrity": "sha512-PBKQVuDkad2IE4CALmMeQRYm5UuxZ0HVfWp6cXAMFFTNHlGkpqWr7nBuTLoI7vcPgAz84OyfSzUaI8x9MHF9Tg==", + "version": "22.1.0-beta.7", + "resolved": "https://registry.npmjs.org/igniteui-angular/-/igniteui-angular-22.1.0-beta.7.tgz", + "integrity": "sha512-xNiD9pMKFeP1XrWM7q6QNESuUVIojkpJ5hwPkVMlIrPnJEszNlD8frz5JuAfOnh53zNsrySIfqKuEdbbHJkAxA==", "license": "SEE LICENSE IN LICENSE", "dependencies": { "@igniteui/material-icons-extended": "^3.1.0", @@ -10553,9 +10553,9 @@ } }, "node_modules/igniteui-angular-extras": { - "version": "22.1.0-beta.4", - "resolved": "https://registry.npmjs.org/igniteui-angular-extras/-/igniteui-angular-extras-22.1.0-beta.4.tgz", - "integrity": "sha512-GBOEGRaO7OhnJ6NlyM3G8CqV/IFAcH1Sa3+IT4hJ67NTmxW0aP39Nm5+kP+Pg0DWgbYwpqWSM+41Ht8bz05eMg==", + "version": "22.1.0-beta.7", + "resolved": "https://registry.npmjs.org/igniteui-angular-extras/-/igniteui-angular-extras-22.1.0-beta.7.tgz", + "integrity": "sha512-/flpx318Mza2PZozxJSzCs8uvq0OyhBQ9ywCqiffceKWEdTdeQEzH0K/2aS68s82CGYQ5Int2X0Fsv7x3xLshA==", "license": "SEE LICENSE IN LICENSE", "dependencies": { "igniteui-trial-watermark": "^3.1.0", @@ -10570,9 +10570,9 @@ } }, "node_modules/igniteui-angular-i18n": { - "version": "22.1.0-beta.4", - "resolved": "https://registry.npmjs.org/igniteui-angular-i18n/-/igniteui-angular-i18n-22.1.0-beta.4.tgz", - "integrity": "sha512-uiDKay3w0Sm7K0ZffLub53l6VNAGpwopk5ZFtgHsliq1IGqPWIvXIfdumdEjYjkZUCPMYDLPUI8LDJd8iWlh7g==", + "version": "22.1.0-beta.7", + "resolved": "https://registry.npmjs.org/igniteui-angular-i18n/-/igniteui-angular-i18n-22.1.0-beta.7.tgz", + "integrity": "sha512-TZU4yUFwnwRdLCubjpjekWZKo8znqIqXlcBKHjqIh3rslGeoAmtDO7KYhP0WgTYQrH38MCmBaI4hoJ5nEvFjkQ==", "license": "MIT", "dependencies": { "igniteui-i18n-core": "^1.0.2", diff --git a/package.json b/package.json index d84f5eb88..3ed8679b6 100644 --- a/package.json +++ b/package.json @@ -73,11 +73,11 @@ "file-saver": "^2.0.2", "fuse.js": "^7.1.0", "hammerjs": "^2.0.8", - "igniteui-angular": "22.1.0-beta.4", + "igniteui-angular": "22.1.0-beta.7", "igniteui-angular-charts": "^22.0.0", "igniteui-angular-core": "^22.0.0", - "igniteui-angular-extras": "22.1.0-beta.4", - "igniteui-angular-i18n": "22.1.0-beta.4", + "igniteui-angular-extras": "22.1.0-beta.7", + "igniteui-angular-i18n": "22.1.0-beta.7", "igniteui-dockmanager": "^1.17.0", "igniteui-grid-lite": "0.9.0", "igniteui-i18n-resources": "^1.0.4", @@ -112,7 +112,7 @@ "@angular/compiler": "^22.0.0" }, "igniteui-angular-extras": { - "igniteui-angular": "22.1.0-beta.4", + "igniteui-angular": "22.1.0-beta.7", "@infragistics/igniteui-angular": "^22.0.0", "igniteui-angular-core": "^22.0.0", "igniteui-angular-charts": "^22.0.0", From 3e7e40553b69ef8ae95c254a710a868286165f85 Mon Sep 17 00:00:00 2001 From: Viktor Kombov <75325639+viktorkombov@users.noreply.github.com> Date: Fri, 21 Aug 2026 18:16:40 +0300 Subject: [PATCH 32/35] chore(*): remove hammerjs and its polyfills plumbing (#4018) * chore(*): remove hammerjs and its polyfills plumbing * feat(*): update live-editing and fixing critical vuln --------- Co-authored-by: Stamen Stoychev --- .../references/directives.md | 1 - .../references/setup.md | 1 - angular.json | 12 - live-editing/configs/SliderConfigGenerator.ts | 1 - package-lock.json | 208 +++++++++--------- package.json | 4 +- projects/app-crm/src/polyfills.ts | 1 - projects/app-crm/tsconfig.app.json | 1 - projects/app-crm/tsconfig.spec.json | 3 +- projects/app-lob/src/polyfills.ts | 53 ----- projects/app-lob/tsconfig.app.json | 1 - projects/app-lob/tsconfig.spec.json | 3 +- src/polyfills.ts | 53 ----- src/tsconfig.spec.json | 3 +- 14 files changed, 106 insertions(+), 239 deletions(-) delete mode 100644 projects/app-crm/src/polyfills.ts delete mode 100644 projects/app-lob/src/polyfills.ts delete mode 100644 src/polyfills.ts diff --git a/.claude/skills/igniteui-angular-components/references/directives.md b/.claude/skills/igniteui-angular-components/references/directives.md index 9000c4e10..08f895d15 100644 --- a/.claude/skills/igniteui-angular-components/references/directives.md +++ b/.claude/skills/igniteui-angular-components/references/directives.md @@ -138,7 +138,6 @@ onDrop(event: IDropDroppedEventArgs) { Key drag events: `(dragStart)`, `(dragMove)`, `(dragEnd)`, `(dragClick)`, `(transitioned)`. Key drop events: `(dragEnter)`, `(dragLeave)`, `(dragOver)`, `(dropped)`. -> **NOTE:** For touch-based drag, add `importProvidersFrom(HammerModule)` to `app.config.ts` providers. ## See Also diff --git a/.claude/skills/igniteui-angular-components/references/setup.md b/.claude/skills/igniteui-angular-components/references/setup.md index 50a8957da..36a5b5415 100644 --- a/.claude/skills/igniteui-angular-components/references/setup.md +++ b/.claude/skills/igniteui-angular-components/references/setup.md @@ -36,7 +36,6 @@ export const appConfig: ApplicationConfig = { | Provider | Package | Required for | |---|---|---| | `provideAnimations()` | `@angular/platform-browser/animations` | **All overlay and animated components** — Dialog, Combo, Select, Dropdown, Date/Time Picker, Snackbar, Toast, Banner, Navigation Drawer, Carousel, Overlay service | -| `importProvidersFrom(HammerModule)` | `@angular/platform-browser` | OPTIONAL — touch gestures (Slider, Drag & Drop, swipe) | | `provideIgniteIntl()` | `igniteui-angular/core` | Localization for grids, date/time pickers, and components displaying formatted values | > **`provideAnimationsAsync()`** lazy-loads the animations module — prefer it for SSR or when optimizing initial bundle size: diff --git a/angular.json b/angular.json index 33c08f198..1509ba457 100644 --- a/angular.json +++ b/angular.json @@ -17,9 +17,6 @@ }, "index": "src/index.html", "tsConfig": "src/tsconfig.app.json", - "polyfills": [ - "hammerjs" - ], "assets": [ "src/assets", "src/favicon.ico" @@ -89,7 +86,6 @@ "options": { "main": "src/test.ts", "karmaConfig": "./karma.conf.js", - "polyfills": "src/polyfills.ts", "tsConfig": "src/tsconfig.spec.json", "scripts": [], "styles": [ @@ -135,9 +131,6 @@ "base": "dist/app-lob" }, "index": "projects/app-lob/src/index.html", - "polyfills": [ - "hammerjs/hammer" - ], "tsConfig": "projects/app-lob/tsconfig.app.json", "assets": [ "projects/app-lob/src/favicon.ico", @@ -219,7 +212,6 @@ "builder": "@angular/build:karma", "options": { "main": "projects/app-lob/src/test.ts", - "polyfills": ["projects/app-lob/src/polyfills.ts"], "tsConfig": "projects/app-lob/tsconfig.spec.json", "karmaConfig": "projects/app-lob/karma.conf.js", "assets": [ @@ -266,9 +258,6 @@ "base": "dist/app-crm" }, "index": "projects/app-crm/src/index.html", - "polyfills": [ - "hammerjs/hammer" - ], "tsConfig": "projects/app-crm/tsconfig.app.json", "assets": [ "projects/app-crm/src/favicon.ico", @@ -349,7 +338,6 @@ "builder": "@angular/build:karma", "options": { "main": "projects/app-crm/src/test.ts", - "polyfills": "projects/app-crm/src/polyfills.ts", "tsConfig": "projects/app-crm/tsconfig.spec.json", "karmaConfig": "projects/app-crm/karma.conf.js", "assets": [ diff --git a/live-editing/configs/SliderConfigGenerator.ts b/live-editing/configs/SliderConfigGenerator.ts index 69535205e..9cdbb86a9 100644 --- a/live-editing/configs/SliderConfigGenerator.ts +++ b/live-editing/configs/SliderConfigGenerator.ts @@ -2,7 +2,6 @@ import { IgxButtonModule } from 'igniteui-angular/directives'; import { IgxIconModule } from 'igniteui-angular/icon'; import { IgxInputGroupModule } from 'igniteui-angular/input-group'; import { IgxSliderModule } from 'igniteui-angular/slider'; -import { HammerModule } from '@angular/platform-browser'; import {AppModuleConfig, Config, IConfigGenerator} from 'igniteui-live-editing' import { BaseAppConfig } from './BaseConfig'; export class SliderConfigGenerator implements IConfigGenerator { diff --git a/package-lock.json b/package-lock.json index 49ccff720..04a8d8dbf 100644 --- a/package-lock.json +++ b/package-lock.json @@ -28,14 +28,12 @@ "@popperjs/core": "2.11.8", "@tailwindcss/postcss": "^4.1.10", "@types/file-saver": "^2.0.2", - "@types/hammerjs": "^2.0.39", "angular-in-memory-web-api": "^0.22.0", "bootstrap": "5.3.3", "dompurify": "^3.2.7", "express": "^4.18.2", "file-saver": "^2.0.2", "fuse.js": "^7.1.0", - "hammerjs": "^2.0.8", "igniteui-angular": "22.1.0-beta.1", "igniteui-angular-charts": "^22.0.0", "igniteui-angular-core": "^22.0.0", @@ -44,7 +42,7 @@ "igniteui-dockmanager": "^1.17.0", "igniteui-grid-lite": "0.9.0", "igniteui-i18n-resources": "^1.0.4", - "igniteui-live-editing": "^3.5.1", + "igniteui-live-editing": "^3.5.2", "igniteui-webcomponents": "^7.2.1", "marked": "^17.0.1", "marked-shiki": "^1.2.1", @@ -1809,9 +1807,9 @@ "license": "MIT" }, "node_modules/@eslint/config-array/node_modules/brace-expansion": { - "version": "1.1.15", - "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.15.tgz", - "integrity": "sha512-EwOCDEex4quD37XhqM3omwtMoJjr//isUZz1JopUNWms+4Z2ViyM/k1YIRePpoVNnQhENnxtFjLaxNHrT7xIUg==", + "version": "1.1.18", + "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.18.tgz", + "integrity": "sha512-Edep/X9fGqVNmzKBVsDYIOtD+z1tuezV70LBjdCst9Tqu76lsnvRiZ6oTic1n+/BIwX6QDGAO94PN4N2SADvtw==", "dev": true, "license": "MIT", "dependencies": { @@ -1907,9 +1905,9 @@ "license": "MIT" }, "node_modules/@eslint/eslintrc/node_modules/brace-expansion": { - "version": "1.1.15", - "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.15.tgz", - "integrity": "sha512-EwOCDEex4quD37XhqM3omwtMoJjr//isUZz1JopUNWms+4Z2ViyM/k1YIRePpoVNnQhENnxtFjLaxNHrT7xIUg==", + "version": "1.1.18", + "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.18.tgz", + "integrity": "sha512-Edep/X9fGqVNmzKBVsDYIOtD+z1tuezV70LBjdCst9Tqu76lsnvRiZ6oTic1n+/BIwX6QDGAO94PN4N2SADvtw==", "dev": true, "license": "MIT", "dependencies": { @@ -2051,9 +2049,9 @@ "optional": true }, "node_modules/@hono/node-server": { - "version": "1.19.14", - "resolved": "https://registry.npmjs.org/@hono/node-server/-/node-server-1.19.14.tgz", - "integrity": "sha512-GwtvgtXxnWsucXvbQXkRgqksiH2Qed37H9xHZocE5sA3N8O8O8/8FA3uclQXxXVzc9XBZuEOMK7+r02FmSpHtw==", + "version": "1.19.17", + "resolved": "https://registry.npmjs.org/@hono/node-server/-/node-server-1.19.17.tgz", + "integrity": "sha512-dSneS5qhiauZWGDCeK4o695Xd9nUNjviSZCMQrj10eetr8Uln1ucn6bbphOM6UynAMMtNIzZNSpL9vnASJwrPQ==", "license": "MIT", "engines": { "node": ">=18.14.1" @@ -3284,21 +3282,34 @@ } }, "node_modules/@modelcontextprotocol/sdk/node_modules/body-parser": { - "version": "2.2.2", - "resolved": "https://registry.npmjs.org/body-parser/-/body-parser-2.2.2.tgz", - "integrity": "sha512-oP5VkATKlNwcgvxi0vM0p/D3n2C3EReYVX+DNYs5TjZFn/oQt2j+4sVJtSMr18pdRr8wjTcBl6LoV+FUwzPmNA==", + "version": "2.3.0", + "resolved": "https://registry.npmjs.org/body-parser/-/body-parser-2.3.0.tgz", + "integrity": "sha512-2cGmJupaNgg+QUwVLAucDuWuoMZ6EX9iHDRswZ5lsNYEmwPaRknMPCLZz07yTzVq/83p4o/wzbDZbBrTvGGTIw==", "license": "MIT", "dependencies": { "bytes": "^3.1.2", - "content-type": "^1.0.5", + "content-type": "^2.0.0", "debug": "^4.4.3", - "http-errors": "^2.0.0", - "iconv-lite": "^0.7.0", + "http-errors": "^2.0.1", + "iconv-lite": "^0.7.2", "on-finished": "^2.4.1", - "qs": "^6.14.1", - "raw-body": "^3.0.1", - "type-is": "^2.0.1" + "qs": "^6.15.2", + "raw-body": "^3.0.2", + "type-is": "^2.1.0" + }, + "engines": { + "node": ">=18" }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/express" + } + }, + "node_modules/@modelcontextprotocol/sdk/node_modules/body-parser/node_modules/content-type": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/content-type/-/content-type-2.1.0.tgz", + "integrity": "sha512-mj7UPXE0jaqaOsukNZRUEfEi2AcL7C/vwmwcHV0O97eO1E1pxBZuyjlZrx5seTaNBg1U6+o35wpa35Qfcc+7ag==", + "license": "MIT", "engines": { "node": ">=18" }, @@ -5603,12 +5614,6 @@ "integrity": "sha512-dNKVfHd/jk0SkR/exKGj2ggkB45MAkzvWCaqLUUgkyjITkGNzH8H+yUwr+BLJUBjZOe9w8X3wgmXhZDRg1ED6A==", "license": "MIT" }, - "node_modules/@types/hammerjs": { - "version": "2.0.46", - "resolved": "https://registry.npmjs.org/@types/hammerjs/-/hammerjs-2.0.46.tgz", - "integrity": "sha512-ynRvcq6wvqexJ9brDMS4BnBLzmr0e14d6ZJTEShTBWKymQiHwlAyGu0ZPEFI2Fh1U53F7tN9ufClWM5KvqkKOw==", - "license": "MIT" - }, "node_modules/@types/hast": { "version": "3.0.4", "resolved": "https://registry.npmjs.org/@types/hast/-/hast-3.0.4.tgz", @@ -6684,9 +6689,9 @@ } }, "node_modules/body-parser": { - "version": "1.20.5", - "resolved": "https://registry.npmjs.org/body-parser/-/body-parser-1.20.5.tgz", - "integrity": "sha512-3grm+/2tUOvu2cjJkvsIxrv/wVpfXQW4PsQHYm7yk4vfpu7Ekl6nEsYBoJUL6qDwZUx8wUhQ8tR2qz+ad9c9OA==", + "version": "1.20.6", + "resolved": "https://registry.npmjs.org/body-parser/-/body-parser-1.20.6.tgz", + "integrity": "sha512-p5tAzS57i5MV9fZFDj9LeIiTZEufbSe2eDozP+ElheSUq1m74CRq1jI4mYNDdVs9vQztXFLuk/Gd6BWTdwRJ5g==", "license": "MIT", "dependencies": { "bytes": "~3.1.2", @@ -6776,16 +6781,16 @@ } }, "node_modules/brace-expansion": { - "version": "5.0.6", - "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-5.0.6.tgz", - "integrity": "sha512-kLpxurY4Z4r9sgMsyG0Z9uzsBlgiU/EFKhj/h91/8yHu0edo7XuixOIH3VcJ8kkxs6/jPzoI6U9Vj3WqbMQ94g==", + "version": "5.0.9", + "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-5.0.9.tgz", + "integrity": "sha512-ScQ4IuvIEF1TMlP7Zt+vjJ//9zlPb2SDcxWxM3bk8s6t6GGdJ7KO1dCcTidOPJKePW30LE/2cT7wCyPho9/Wxg==", "dev": true, "license": "MIT", "dependencies": { "balanced-match": "^4.0.2" }, "engines": { - "node": "18 || 20 || >=22" + "node": "20 || >=22" } }, "node_modules/braces": { @@ -7841,9 +7846,9 @@ } }, "node_modules/dompurify": { - "version": "3.4.9", - "resolved": "https://registry.npmjs.org/dompurify/-/dompurify-3.4.9.tgz", - "integrity": "sha512-4dPSRMRDqHvs0V4YDFCsaIZo4if5u0xM+llyxiM2fwuZFdKArUBAF3VtI2+n8NKg9P870WMdYk0UhqQNoWXbfQ==", + "version": "3.4.14", + "resolved": "https://registry.npmjs.org/dompurify/-/dompurify-3.4.14.tgz", + "integrity": "sha512-dVoH9z+MY+C9IilgGCk3YfFqjLi3fChm2OiKJMzh6axrJ5qwxqWaZamgmHrpv22CN/KdbZJuGEGgfQoL00LTdg==", "license": "(MPL-2.0 OR Apache-2.0)", "optionalDependencies": { "@types/trusted-types": "^2.0.7" @@ -7938,9 +7943,9 @@ } }, "node_modules/engine.io": { - "version": "6.6.8", - "resolved": "https://registry.npmjs.org/engine.io/-/engine.io-6.6.8.tgz", - "integrity": "sha512-2agL3ueZhqxoVrfmntO8yuVj+uNSlIOnhykYHk3Cq0ShYPdUjjUiSJrQvXjq01I9jAuI0Zl2YO8Evv5Mqytm5g==", + "version": "6.6.9", + "resolved": "https://registry.npmjs.org/engine.io/-/engine.io-6.6.9.tgz", + "integrity": "sha512-clKkw4C7nJ22mGgoVcCg6V/W/TxdNyIOTr89k2ONZu81qqkddPFDF0LXcbAwhzPD8DjkiRCjzuiO6Y+fkpD4vg==", "dev": true, "license": "MIT", "dependencies": { @@ -7953,7 +7958,7 @@ "cors": "~2.8.5", "debug": "~4.4.1", "engine.io-parser": "~5.2.1", - "ws": "~8.20.1" + "ws": "~8.21.0" }, "engines": { "node": ">=10.2.0" @@ -7970,9 +7975,9 @@ } }, "node_modules/engine.io/node_modules/ws": { - "version": "8.20.1", - "resolved": "https://registry.npmjs.org/ws/-/ws-8.20.1.tgz", - "integrity": "sha512-It4dO0K5v//JtTXuPkfEOaI3uUN87iYPnqo/ZzqCoG3g8uhA66QUMs/SrM0YK7/NAu+r4LMh/9dq2A7k+rHs+w==", + "version": "8.21.3", + "resolved": "https://registry.npmjs.org/ws/-/ws-8.21.3.tgz", + "integrity": "sha512-201TZ/kPWxoPr/OKWjquZR1SWKXcvxdH+e1xrx89b3YbmzLMFCLfnaG1HFIgWzJOEWZ7MvpK++odZufgYR50Rw==", "dev": true, "license": "MIT", "engines": { @@ -8421,9 +8426,9 @@ "license": "MIT" }, "node_modules/eslint-plugin-import/node_modules/brace-expansion": { - "version": "1.1.15", - "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.15.tgz", - "integrity": "sha512-EwOCDEex4quD37XhqM3omwtMoJjr//isUZz1JopUNWms+4Z2ViyM/k1YIRePpoVNnQhENnxtFjLaxNHrT7xIUg==", + "version": "1.1.18", + "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.18.tgz", + "integrity": "sha512-Edep/X9fGqVNmzKBVsDYIOtD+z1tuezV70LBjdCst9Tqu76lsnvRiZ6oTic1n+/BIwX6QDGAO94PN4N2SADvtw==", "dev": true, "license": "MIT", "dependencies": { @@ -8633,9 +8638,9 @@ "license": "MIT" }, "node_modules/eslint/node_modules/brace-expansion": { - "version": "1.1.15", - "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.15.tgz", - "integrity": "sha512-EwOCDEex4quD37XhqM3omwtMoJjr//isUZz1JopUNWms+4Z2ViyM/k1YIRePpoVNnQhENnxtFjLaxNHrT7xIUg==", + "version": "1.1.18", + "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.18.tgz", + "integrity": "sha512-Edep/X9fGqVNmzKBVsDYIOtD+z1tuezV70LBjdCst9Tqu76lsnvRiZ6oTic1n+/BIwX6QDGAO94PN4N2SADvtw==", "dev": true, "license": "MIT", "dependencies": { @@ -9084,9 +9089,9 @@ } }, "node_modules/fast-uri": { - "version": "3.1.2", - "resolved": "https://registry.npmjs.org/fast-uri/-/fast-uri-3.1.2.tgz", - "integrity": "sha512-rVjf7ArG3LTk+FS6Yw81V1DLuZl1bRbNrev6Tmd/9RaroeeRRJhAt7jg/6YFxbvAQXUCavSoZhPPj6oOx+5KjQ==", + "version": "3.1.5", + "resolved": "https://registry.npmjs.org/fast-uri/-/fast-uri-3.1.5.tgz", + "integrity": "sha512-gHwA1O9LDIcKunMKhObS/HimwtehO1nPUECKAu5TpKgaO19fcWEl4bliWe1jWxVFvIXztJjjQ4L8XQ1EU9f7Jw==", "funding": [ { "type": "github", @@ -10111,15 +10116,6 @@ "url": "https://github.com/sponsors/sindresorhus" } }, - "node_modules/hammerjs": { - "version": "2.0.8", - "resolved": "https://registry.npmjs.org/hammerjs/-/hammerjs-2.0.8.tgz", - "integrity": "sha512-tSQXBXS/MWQOn/RKckawJ61vvsDpCom87JgxiYdGwHdOa0ht0vzUWDlfioofFCRU0L+6NGDt6XzbgoJvZkMeRQ==", - "license": "MIT", - "engines": { - "node": ">=0.8.0" - } - }, "node_modules/has-bigints": { "version": "1.1.0", "resolved": "https://registry.npmjs.org/has-bigints/-/has-bigints-1.1.0.tgz", @@ -10262,9 +10258,9 @@ } }, "node_modules/hono": { - "version": "4.12.25", - "resolved": "https://registry.npmjs.org/hono/-/hono-4.12.25.tgz", - "integrity": "sha512-2NFaIyNVgJmBs/ecmtGzlmluTFs5cHEWGTdu0t1HBwYzoGXOL5nUQBRMXsXWla5i4KkG//QMzVP88m1+I3fdAQ==", + "version": "4.13.3", + "resolved": "https://registry.npmjs.org/hono/-/hono-4.13.3.tgz", + "integrity": "sha512-r8AO2mYHoLxSHkgafNeC/BXyb2vWRxD3jem4Ts+ptav8oTG5FIRifAjuJEmZI4bSvvc2ns0GxmIYiZnHqN3mMw==", "license": "MIT", "engines": { "node": ">=16.9.0" @@ -10633,9 +10629,9 @@ } }, "node_modules/igniteui-live-editing": { - "version": "3.5.1", - "resolved": "https://registry.npmjs.org/igniteui-live-editing/-/igniteui-live-editing-3.5.1.tgz", - "integrity": "sha512-bHJrF7jE2uTlpDOMkrqj3wZ1iamyTFYMLdCwZwzqPmdFKPFsIKu4DjmamfG0RljasE2zd7Z3hjZcvBuJJg9FMg==", + "version": "3.5.2", + "resolved": "https://registry.npmjs.org/igniteui-live-editing/-/igniteui-live-editing-3.5.2.tgz", + "integrity": "sha512-ykHX6izGprC3xHzrsymMcyweJs6gVeh7DR3S9PG7Tdyvs6mqHYfywbKzgAemRRx6nJyk6OsfiLCETqgd9xci0A==", "license": "MIT" }, "node_modules/igniteui-theming": { @@ -10734,9 +10730,9 @@ } }, "node_modules/immutable": { - "version": "5.1.6", - "resolved": "https://registry.npmjs.org/immutable/-/immutable-5.1.6.tgz", - "integrity": "sha512-q1swsS8K7L8usSHuOqF2TAoCCkonYz0SG38wLAggaa4Wml70zixIvt2ql4coQ2C2B3hTjltJry4r6bULwgAXLQ==", + "version": "5.1.9", + "resolved": "https://registry.npmjs.org/immutable/-/immutable-5.1.9.tgz", + "integrity": "sha512-m8nVez3rwrgmWxtLMt1ZYXB2Lv7OKYn/disyxAlSDYAlKSlFoPPfIAmAM/M5xqL4m4C/wAPw7S2/CNaUii1Hxg==", "license": "MIT" }, "node_modules/import-fresh": { @@ -10826,9 +10822,9 @@ "license": "MIT" }, "node_modules/ip-address": { - "version": "10.2.0", - "resolved": "https://registry.npmjs.org/ip-address/-/ip-address-10.2.0.tgz", - "integrity": "sha512-/+S6j4E9AHvW9SWMSEY9Xfy66O5PWvVEJ08O0y5JGyEKQpojb0K0GKpz/v5HJ/G0vi3D2sjGK78119oXZeE0qA==", + "version": "10.5.0", + "resolved": "https://registry.npmjs.org/ip-address/-/ip-address-10.5.0.tgz", + "integrity": "sha512-R5SnVLJmgYYvf2F2ZgwSBnelz5G4q5AxIC277GDfUaNbrZKNANcBC7RHqYYePlszf4kBolVkJauG0ZjHHFh55g==", "license": "MIT", "engines": { "node": ">= 12" @@ -11487,9 +11483,9 @@ "license": "MIT" }, "node_modules/js-yaml": { - "version": "4.2.0", - "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.2.0.tgz", - "integrity": "sha512-ePWsvanv0DWuDRsW8dnt+R4jQ31SCRCQ7hhNcPXZPsoBZiemuZNYGf7adZdqX2D86j6rvKp3RpCxVTSb8WQlOw==", + "version": "4.3.1", + "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-4.3.1.tgz", + "integrity": "sha512-CY6crGq313MX8GkwvB7tzgp99vjQxY1++5y10/BKN/GUfHqWaOGQMNZkBvqSzsZKWk/ijwHlWzzkLulsGHhjWQ==", "dev": true, "funding": [ { @@ -11754,9 +11750,9 @@ "license": "MIT" }, "node_modules/karma/node_modules/brace-expansion": { - "version": "1.1.15", - "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.15.tgz", - "integrity": "sha512-EwOCDEex4quD37XhqM3omwtMoJjr//isUZz1JopUNWms+4Z2ViyM/k1YIRePpoVNnQhENnxtFjLaxNHrT7xIUg==", + "version": "1.1.18", + "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.18.tgz", + "integrity": "sha512-Edep/X9fGqVNmzKBVsDYIOtD+z1tuezV70LBjdCst9Tqu76lsnvRiZ6oTic1n+/BIwX6QDGAO94PN4N2SADvtw==", "dev": true, "license": "MIT", "dependencies": { @@ -13131,9 +13127,9 @@ } }, "node_modules/nanoid": { - "version": "3.3.12", - "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.12.tgz", - "integrity": "sha512-ZB9RH/39qpq5Vu6Y+NmUaFhQR6pp+M2Xt76XBnEwDaGcVAqhlvxrl3B2bKS5D3NH3QR76v3aSrKaF/Kiy7lEtQ==", + "version": "3.3.18", + "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.18.tgz", + "integrity": "sha512-DTg4MJbGMWkfi6VZFdNt2/caMbQy4Ou+Op/hJQvGEWcnVfoA1QA+xzRKAzw9jD6+GVOOeYr/mIcuDSdug6F6+w==", "funding": [ { "type": "github", @@ -14183,9 +14179,9 @@ } }, "node_modules/postcss": { - "version": "8.5.15", - "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.15.tgz", - "integrity": "sha512-FfR8sjd4em2T6fb3I2MwAJU7HWVMr9zba+enmQeeWFfCbm+UOC/0X4DS8XtpUTMwWMGbjKYP7xjfNekzyGmB3A==", + "version": "8.5.26", + "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.26.tgz", + "integrity": "sha512-u82N74LFzG8ca+dD8puPnplTXoGH4fTPpVGuIbt36G3qvNlkvfD0lEAZSxaly3KX8TS/L1A1gsCEmvKmBcVbkQ==", "funding": [ { "type": "opencollective", @@ -14202,7 +14198,7 @@ ], "license": "MIT", "dependencies": { - "nanoid": "^3.3.12", + "nanoid": "^3.3.17", "picocolors": "^1.1.1", "source-map-js": "^1.2.1" }, @@ -14770,9 +14766,9 @@ "license": "MIT" }, "node_modules/rimraf/node_modules/brace-expansion": { - "version": "1.1.15", - "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.15.tgz", - "integrity": "sha512-EwOCDEex4quD37XhqM3omwtMoJjr//isUZz1JopUNWms+4Z2ViyM/k1YIRePpoVNnQhENnxtFjLaxNHrT7xIUg==", + "version": "1.1.18", + "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.18.tgz", + "integrity": "sha512-Edep/X9fGqVNmzKBVsDYIOtD+z1tuezV70LBjdCst9Tqu76lsnvRiZ6oTic1n+/BIwX6QDGAO94PN4N2SADvtw==", "dev": true, "license": "MIT", "dependencies": { @@ -15876,20 +15872,20 @@ } }, "node_modules/socket.io-adapter": { - "version": "2.5.7", - "resolved": "https://registry.npmjs.org/socket.io-adapter/-/socket.io-adapter-2.5.7.tgz", - "integrity": "sha512-e0LyK91f3cUxTmv95/KzoLg47+zF+s/sbxRGDNsyG4dmIP8ZSX8ax6byOxfJXeNNtS/8AZlfD+uP7gBeR7DLlg==", + "version": "2.5.8", + "resolved": "https://registry.npmjs.org/socket.io-adapter/-/socket.io-adapter-2.5.8.tgz", + "integrity": "sha512-6Oy52pbg+kvdCVvjcN+FnY7BvxZ7cIHNScbvztT/It5d0vbwoJoVZmF2gjJmnV0/4WlXRfG15zc45ySk9Ah8bw==", "dev": true, "license": "MIT", "dependencies": { "debug": "~4.4.1", - "ws": "~8.20.1" + "ws": "~8.21.0" } }, "node_modules/socket.io-adapter/node_modules/ws": { - "version": "8.20.1", - "resolved": "https://registry.npmjs.org/ws/-/ws-8.20.1.tgz", - "integrity": "sha512-It4dO0K5v//JtTXuPkfEOaI3uUN87iYPnqo/ZzqCoG3g8uhA66QUMs/SrM0YK7/NAu+r4LMh/9dq2A7k+rHs+w==", + "version": "8.21.3", + "resolved": "https://registry.npmjs.org/ws/-/ws-8.21.3.tgz", + "integrity": "sha512-201TZ/kPWxoPr/OKWjquZR1SWKXcvxdH+e1xrx89b3YbmzLMFCLfnaG1HFIgWzJOEWZ7MvpK++odZufgYR50Rw==", "dev": true, "license": "MIT", "engines": { @@ -15909,9 +15905,9 @@ } }, "node_modules/socket.io-parser": { - "version": "4.2.6", - "resolved": "https://registry.npmjs.org/socket.io-parser/-/socket.io-parser-4.2.6.tgz", - "integrity": "sha512-asJqbVBDsBCJx0pTqw3WfesSY0iRX+2xzWEWzrpcH7L6fLzrhyF8WPI8UaeM4YCuDfpwA/cgsdugMsmtz8EJeg==", + "version": "4.2.7", + "resolved": "https://registry.npmjs.org/socket.io-parser/-/socket.io-parser-4.2.7.tgz", + "integrity": "sha512-IH/iSeO9T6gz1KkFleGDWkG9N3dl4jXVYUtMhIqH10Md0ttMer8nUNWiP1DKuNrybD2xBrixLJdCC9J6ECoYkg==", "dev": true, "license": "MIT", "dependencies": { @@ -16462,9 +16458,9 @@ } }, "node_modules/tar": { - "version": "7.5.16", - "resolved": "https://registry.npmjs.org/tar/-/tar-7.5.16.tgz", - "integrity": "sha512-56adEpPMouktRlBLXiaYFFzZ/3+JXa8P9n7WbR+ibIjtviN55mEaOkiysCnPnWm+7kkui1Dn8J9l+g6zV8731w==", + "version": "7.5.22", + "resolved": "https://registry.npmjs.org/tar/-/tar-7.5.22.tgz", + "integrity": "sha512-MFO/QzvtAOmJbkhOaCTvbGcFN9L9b+JunIsDwaKljSOdcLMea3NJ1k9Usz/rjdfSXTq4dfzfeS7W4p4YOAAHeA==", "dev": true, "license": "BlueOak-1.0.0", "dependencies": { @@ -17012,9 +17008,9 @@ } }, "node_modules/undici": { - "version": "6.26.0", - "resolved": "https://registry.npmjs.org/undici/-/undici-6.26.0.tgz", - "integrity": "sha512-4yqz8a3n5HmGTlsbADNtr/dJlhkh/55Rq798G6ibiULcXbDtaLpTl1pvdqcbFfeoj3iSi52lePFM7h9H21cw/A==", + "version": "6.28.0", + "resolved": "https://registry.npmjs.org/undici/-/undici-6.28.0.tgz", + "integrity": "sha512-LIY910g9TI13YS95lrMFrs8Rm/u/irgHeTWoKCoteeJ04CUJ92eEfj0rVn+7VKMPBpUPiUoBKfhNyLI23EE/KA==", "dev": true, "license": "MIT", "engines": { diff --git a/package.json b/package.json index 0133ff2e8..576af5094 100644 --- a/package.json +++ b/package.json @@ -65,14 +65,12 @@ "@popperjs/core": "2.11.8", "@tailwindcss/postcss": "^4.1.10", "@types/file-saver": "^2.0.2", - "@types/hammerjs": "^2.0.39", "angular-in-memory-web-api": "^0.22.0", "bootstrap": "5.3.3", "dompurify": "^3.2.7", "express": "^4.18.2", "file-saver": "^2.0.2", "fuse.js": "^7.1.0", - "hammerjs": "^2.0.8", "igniteui-angular": "22.1.0-beta.1", "igniteui-angular-charts": "^22.0.0", "igniteui-angular-core": "^22.0.0", @@ -81,7 +79,7 @@ "igniteui-dockmanager": "^1.17.0", "igniteui-grid-lite": "0.9.0", "igniteui-i18n-resources": "^1.0.4", - "igniteui-live-editing": "^3.5.1", + "igniteui-live-editing": "^3.5.2", "igniteui-webcomponents": "^7.2.1", "marked": "^17.0.1", "marked-shiki": "^1.2.1", diff --git a/projects/app-crm/src/polyfills.ts b/projects/app-crm/src/polyfills.ts deleted file mode 100644 index 705aeb9cc..000000000 --- a/projects/app-crm/src/polyfills.ts +++ /dev/null @@ -1 +0,0 @@ -import 'hammerjs/hammer'; diff --git a/projects/app-crm/tsconfig.app.json b/projects/app-crm/tsconfig.app.json index 849a95a08..311849739 100644 --- a/projects/app-crm/tsconfig.app.json +++ b/projects/app-crm/tsconfig.app.json @@ -9,7 +9,6 @@ }, "files": [ "src/main.ts", - "src/polyfills.ts", "src/main.server.ts", "src/server.ts" ], diff --git a/projects/app-crm/tsconfig.spec.json b/projects/app-crm/tsconfig.spec.json index bfed18fb6..a48075765 100644 --- a/projects/app-crm/tsconfig.spec.json +++ b/projects/app-crm/tsconfig.spec.json @@ -8,8 +8,7 @@ ] }, "files": [ - "src/test.ts", - "src/polyfills.ts" + "src/test.ts" ], "include": [ "src/**/*.spec.ts", diff --git a/projects/app-lob/src/polyfills.ts b/projects/app-lob/src/polyfills.ts deleted file mode 100644 index 1ccbc6ae9..000000000 --- a/projects/app-lob/src/polyfills.ts +++ /dev/null @@ -1,53 +0,0 @@ -/** - * This file includes polyfills needed by Angular and is loaded before the app. - * You can add your own extra polyfills to this file. - * - * This file is divided into 2 sections: - * 1. Browser polyfills. These are sorted by browsers. - * 2. Application imports. Files imported before your main file. - * - * The current setup is for so-called 'evergreen' browsers; the last versions of browsers that - * automatically update themselves. This includes Safari >= 10, Chrome >= 55 (including Opera), - * Edge >= 13 on the desktop, and iOS 10 and Chrome on mobile. - * - * Learn more in https://angular.io/guide/browser-support - */ - -/*************************************************************************************************** -* BROWSER POLYFILLS -*/ - -//import 'core-js/es7/object'; - -//import 'core-js/es7/array'; // for Array.includes() // Run `npm install --save classlist.js`. - -/** IE10 and IE11 requires the following for the Reflect API. */ -//import 'core-js/es6/reflect'; - -/* Evergreen browsers require these. */ -// Used for reflect-metadata in JIT. If you use AOT (and only Angular decorators), you can remove. -//import 'core-js/es7/reflect'; // Run `npm install --save web-animations-js`. - -import 'hammerjs/hammer'; - -/*************************************************************************************************** - * @angular/animations polyfill - */ -// if (!Element.prototype.matches) { -// Element.prototype.matches = (Element.prototype as any).msMatchesSelector; -// } - -/*************************************************************************************************** - * APPLICATION IMPORTS - */ - -/** - * Date, currency, decimal and percent pipes. - * Needed for: All but Chrome, Firefox, Edge, IE11 and Safari 10 - */ -// import 'intl'; // Run `npm install --save intl`. -// import 'intl/locale-data/jsonp/de'; -/** - * Need to import at least one locale-data with intl. - */ -// import 'intl/locale-data/jsonp/en'; diff --git a/projects/app-lob/tsconfig.app.json b/projects/app-lob/tsconfig.app.json index 9cea3a927..8d95d7d7c 100644 --- a/projects/app-lob/tsconfig.app.json +++ b/projects/app-lob/tsconfig.app.json @@ -8,7 +8,6 @@ }, "files": [ "src/main.ts", - "src/polyfills.ts", "src/main.server.ts", "src/server.ts" ], diff --git a/projects/app-lob/tsconfig.spec.json b/projects/app-lob/tsconfig.spec.json index bfed18fb6..a48075765 100644 --- a/projects/app-lob/tsconfig.spec.json +++ b/projects/app-lob/tsconfig.spec.json @@ -8,8 +8,7 @@ ] }, "files": [ - "src/test.ts", - "src/polyfills.ts" + "src/test.ts" ], "include": [ "src/**/*.spec.ts", diff --git a/src/polyfills.ts b/src/polyfills.ts deleted file mode 100644 index 1ccbc6ae9..000000000 --- a/src/polyfills.ts +++ /dev/null @@ -1,53 +0,0 @@ -/** - * This file includes polyfills needed by Angular and is loaded before the app. - * You can add your own extra polyfills to this file. - * - * This file is divided into 2 sections: - * 1. Browser polyfills. These are sorted by browsers. - * 2. Application imports. Files imported before your main file. - * - * The current setup is for so-called 'evergreen' browsers; the last versions of browsers that - * automatically update themselves. This includes Safari >= 10, Chrome >= 55 (including Opera), - * Edge >= 13 on the desktop, and iOS 10 and Chrome on mobile. - * - * Learn more in https://angular.io/guide/browser-support - */ - -/*************************************************************************************************** -* BROWSER POLYFILLS -*/ - -//import 'core-js/es7/object'; - -//import 'core-js/es7/array'; // for Array.includes() // Run `npm install --save classlist.js`. - -/** IE10 and IE11 requires the following for the Reflect API. */ -//import 'core-js/es6/reflect'; - -/* Evergreen browsers require these. */ -// Used for reflect-metadata in JIT. If you use AOT (and only Angular decorators), you can remove. -//import 'core-js/es7/reflect'; // Run `npm install --save web-animations-js`. - -import 'hammerjs/hammer'; - -/*************************************************************************************************** - * @angular/animations polyfill - */ -// if (!Element.prototype.matches) { -// Element.prototype.matches = (Element.prototype as any).msMatchesSelector; -// } - -/*************************************************************************************************** - * APPLICATION IMPORTS - */ - -/** - * Date, currency, decimal and percent pipes. - * Needed for: All but Chrome, Firefox, Edge, IE11 and Safari 10 - */ -// import 'intl'; // Run `npm install --save intl`. -// import 'intl/locale-data/jsonp/de'; -/** - * Need to import at least one locale-data with intl. - */ -// import 'intl/locale-data/jsonp/en'; diff --git a/src/tsconfig.spec.json b/src/tsconfig.spec.json index 14bd16c8e..327d00f44 100644 --- a/src/tsconfig.spec.json +++ b/src/tsconfig.spec.json @@ -9,8 +9,7 @@ ] }, "files": [ - "test.ts", - "polyfills.ts" + "test.ts" ], "include": [ "**/*.spec.ts", From 40de499ed743fe1ec5613b6945c48f434158d4d3 Mon Sep 17 00:00:00 2001 From: Hristo Hristov <57346540+Hristo313@users.noreply.github.com> Date: Mon, 24 Aug 2026 15:02:29 +0300 Subject: [PATCH 33/35] feat(button-group): update button group samples (#4016) * feat(button-group): update button group samples * feat(button-group): update the samples * fix(button-group): fix names and folders * feat(button-group): update samples content * fix(button-group): center states labels --------- Co-authored-by: Marin Popov --- .../configs/ButtonGroupConfigGenerator.ts | 54 ++++++++++---- .../badge/badge-dot/badge-dot.component.scss | 9 ++- .../badge-icon/badge-icon.component.scss | 13 +++- .../badge-outlined.component.scss | 7 +- .../badge-shape/badge-shape.component.scss | 9 ++- .../badge-size/badge-size.component.scss | 9 ++- .../badge-type/badge-type.component.scss | 10 ++- .../badge-variants.component.scss | 7 +- .../button-group-alignment.component.html | 12 +++ .../button-group-alignment.component.scss | 35 +++++++++ .../button-group-alignment.component.ts | 19 +++++ .../button-group-custom-toggle.component.html | 3 + .../button-group-custom-toggle.component.scss | 11 +++ .../button-group-custom-toggle.component.ts} | 32 +++----- ...on-group-interaction-states.component.html | 28 +++++++ ...on-group-interaction-states.component.scss | 73 ++++++++++++++++++ ...tton-group-interaction-states.component.ts | 25 +++++++ .../button-group-layout.component.html | 15 ++++ .../button-group-layout.component.scss | 21 ++++++ .../button-group-layout.component.ts | 20 +++++ .../button-group-overview.component.html | 19 +++++ .../button-group-overview.component.scss | 35 +++++++++ .../button-group-overview.component.ts | 45 +++++++++++ .../button-group-sample-1.component.html | 16 ---- .../button-group-sample-1.component.scss | 4 - .../button-group-sample-1.component.ts | 15 ---- .../button-group-sample-2.component.html | 8 -- .../button-group-sample-2.component.scss | 4 - .../button-group-sample-2.component.ts | 14 ---- .../button-group-sample-3.component.html | 3 - .../button-group-sample-3.component.scss | 4 - .../button-group-sample.component.html | 19 ----- .../button-group-sample.component.scss | 10 --- .../button-group-sample.component.ts | 17 ----- .../button-group-sample-5.component.html | 3 - .../button-group-sample-5.component.scss | 3 - .../button-group-sample-5.component.ts | 38 ---------- .../button-group-selection.component.html | 18 +++++ .../button-group-selection.component.scss | 30 ++++++++ .../button-group-selection.component.ts | 30 ++++++++ .../button-group-size.component.html | 16 ++++ .../button-group-size.component.scss | 41 ++++++++++ .../button-group-size.component.ts | 23 ++++++ .../button-group-states.component.html | 26 +++++++ .../button-group-states.component.scss | 41 ++++++++++ .../button-group-states.component.ts | 18 +++++ .../button-group-style.component.html | 8 -- .../button-group-style.component.scss | 10 --- .../button-group-style.component.ts | 13 ---- .../button-group-style/layout.scss | 4 - .../button-group-styling.component.html | 7 ++ .../button-group-styling.component.scss | 20 +++++ .../button-group-styling.component.ts | 14 ++++ .../button-group-styling/layout.scss | 13 ++++ ...button-group-tailwind-style.component.html | 8 -- ...button-group-tailwind-style.component.scss | 0 .../button-group-tailwind-style.component.ts | 12 --- ...tton-group-tailwind-styling.component.html | 7 ++ ...tton-group-tailwind-styling.component.scss | 15 ++++ ...button-group-tailwind-styling.component.ts | 14 ++++ .../button-group-tailwind-styling/layout.scss | 16 ++++ .../data-entries/data-entries-routes-data.ts | 17 +++-- src/app/data-entries/data-entries.routes.ts | 74 ++++++++++++------- 63 files changed, 868 insertions(+), 296 deletions(-) create mode 100644 src/app/data-entries/buttonGroup/button-group-alignment/button-group-alignment.component.html create mode 100644 src/app/data-entries/buttonGroup/button-group-alignment/button-group-alignment.component.scss create mode 100644 src/app/data-entries/buttonGroup/button-group-alignment/button-group-alignment.component.ts create mode 100644 src/app/data-entries/buttonGroup/button-group-custom-toggle/button-group-custom-toggle.component.html create mode 100644 src/app/data-entries/buttonGroup/button-group-custom-toggle/button-group-custom-toggle.component.scss rename src/app/data-entries/buttonGroup/{button-group-sample-3/button-group-sample-3.component.ts => button-group-custom-toggle/button-group-custom-toggle.component.ts} (56%) create mode 100644 src/app/data-entries/buttonGroup/button-group-interaction-states/button-group-interaction-states.component.html create mode 100644 src/app/data-entries/buttonGroup/button-group-interaction-states/button-group-interaction-states.component.scss create mode 100644 src/app/data-entries/buttonGroup/button-group-interaction-states/button-group-interaction-states.component.ts create mode 100644 src/app/data-entries/buttonGroup/button-group-layout/button-group-layout.component.html create mode 100644 src/app/data-entries/buttonGroup/button-group-layout/button-group-layout.component.scss create mode 100644 src/app/data-entries/buttonGroup/button-group-layout/button-group-layout.component.ts create mode 100644 src/app/data-entries/buttonGroup/button-group-overview/button-group-overview.component.html create mode 100644 src/app/data-entries/buttonGroup/button-group-overview/button-group-overview.component.scss create mode 100644 src/app/data-entries/buttonGroup/button-group-overview/button-group-overview.component.ts delete mode 100644 src/app/data-entries/buttonGroup/button-group-sample-1/button-group-sample-1.component.html delete mode 100644 src/app/data-entries/buttonGroup/button-group-sample-1/button-group-sample-1.component.scss delete mode 100644 src/app/data-entries/buttonGroup/button-group-sample-1/button-group-sample-1.component.ts delete mode 100644 src/app/data-entries/buttonGroup/button-group-sample-2/button-group-sample-2.component.html delete mode 100644 src/app/data-entries/buttonGroup/button-group-sample-2/button-group-sample-2.component.scss delete mode 100644 src/app/data-entries/buttonGroup/button-group-sample-2/button-group-sample-2.component.ts delete mode 100644 src/app/data-entries/buttonGroup/button-group-sample-3/button-group-sample-3.component.html delete mode 100644 src/app/data-entries/buttonGroup/button-group-sample-3/button-group-sample-3.component.scss delete mode 100644 src/app/data-entries/buttonGroup/button-group-sample-4/button-group-sample.component.html delete mode 100644 src/app/data-entries/buttonGroup/button-group-sample-4/button-group-sample.component.scss delete mode 100644 src/app/data-entries/buttonGroup/button-group-sample-4/button-group-sample.component.ts delete mode 100644 src/app/data-entries/buttonGroup/button-group-sample-5/button-group-sample-5.component.html delete mode 100644 src/app/data-entries/buttonGroup/button-group-sample-5/button-group-sample-5.component.scss delete mode 100644 src/app/data-entries/buttonGroup/button-group-sample-5/button-group-sample-5.component.ts create mode 100644 src/app/data-entries/buttonGroup/button-group-selection/button-group-selection.component.html create mode 100644 src/app/data-entries/buttonGroup/button-group-selection/button-group-selection.component.scss create mode 100644 src/app/data-entries/buttonGroup/button-group-selection/button-group-selection.component.ts create mode 100644 src/app/data-entries/buttonGroup/button-group-size/button-group-size.component.html create mode 100644 src/app/data-entries/buttonGroup/button-group-size/button-group-size.component.scss create mode 100644 src/app/data-entries/buttonGroup/button-group-size/button-group-size.component.ts create mode 100644 src/app/data-entries/buttonGroup/button-group-states/button-group-states.component.html create mode 100644 src/app/data-entries/buttonGroup/button-group-states/button-group-states.component.scss create mode 100644 src/app/data-entries/buttonGroup/button-group-states/button-group-states.component.ts delete mode 100644 src/app/data-entries/buttonGroup/button-group-style/button-group-style.component.html delete mode 100644 src/app/data-entries/buttonGroup/button-group-style/button-group-style.component.scss delete mode 100644 src/app/data-entries/buttonGroup/button-group-style/button-group-style.component.ts delete mode 100644 src/app/data-entries/buttonGroup/button-group-style/layout.scss create mode 100644 src/app/data-entries/buttonGroup/button-group-styling/button-group-styling.component.html create mode 100644 src/app/data-entries/buttonGroup/button-group-styling/button-group-styling.component.scss create mode 100644 src/app/data-entries/buttonGroup/button-group-styling/button-group-styling.component.ts create mode 100644 src/app/data-entries/buttonGroup/button-group-styling/layout.scss delete mode 100644 src/app/data-entries/buttonGroup/button-group-tailwind-style/button-group-tailwind-style.component.html delete mode 100644 src/app/data-entries/buttonGroup/button-group-tailwind-style/button-group-tailwind-style.component.scss delete mode 100644 src/app/data-entries/buttonGroup/button-group-tailwind-style/button-group-tailwind-style.component.ts create mode 100644 src/app/data-entries/buttonGroup/button-group-tailwind-styling/button-group-tailwind-styling.component.html create mode 100644 src/app/data-entries/buttonGroup/button-group-tailwind-styling/button-group-tailwind-styling.component.scss create mode 100644 src/app/data-entries/buttonGroup/button-group-tailwind-styling/button-group-tailwind-styling.component.ts create mode 100644 src/app/data-entries/buttonGroup/button-group-tailwind-styling/layout.scss diff --git a/live-editing/configs/ButtonGroupConfigGenerator.ts b/live-editing/configs/ButtonGroupConfigGenerator.ts index f5be3f091..9db78ec06 100644 --- a/live-editing/configs/ButtonGroupConfigGenerator.ts +++ b/live-editing/configs/ButtonGroupConfigGenerator.ts @@ -10,45 +10,73 @@ export class ButtonGroupConfigGenerator implements IConfigGenerator { public generateConfigs(): Config[] { const configs = new Array(); - // button group 1 + // button group overview configs.push(new Config({ - component: 'ButtonGroupSample1Component', + component: 'ButtonGroupOverviewComponent', appConfig: BaseAppConfig, shortenComponentPathBy: "/data-entries/buttonGroup/" })); - // button group 2 + // button group layout configs.push(new Config({ - component: 'ButtonGroupSample2Component', + component: 'ButtonGroupLayoutComponent', appConfig: BaseAppConfig, shortenComponentPathBy: "/data-entries/buttonGroup/" })); - // button group 3 + // button group alignment configs.push(new Config({ - component: 'ButtonGroupSample3Component', + component: 'ButtonGroupAlignmentComponent', appConfig: BaseAppConfig, shortenComponentPathBy: "/data-entries/buttonGroup/" })); - // button group 4 + // button group custom toggle configs.push(new Config({ - component: 'ButtonGroupSampleComponent', + component: 'ButtonGroupCustomToggleComponent', appConfig: BaseAppConfig, shortenComponentPathBy: "/data-entries/buttonGroup/" })); - // button group 5 + // button group states configs.push(new Config({ - component: 'ButtonGroupSample5Component', + component: 'ButtonGroupStatesComponent', appConfig: BaseAppConfig, shortenComponentPathBy: "/data-entries/buttonGroup/" })); - // button group style + // button group interaction states configs.push(new Config({ - component: 'ButtonGroupStyleComponent', - additionalFiles: ["/src/app/data-entries/buttonGroup/button-group-style/layout.scss"], + component: 'ButtonGroupInteractionStatesComponent', + appConfig: BaseAppConfig, + shortenComponentPathBy: "/data-entries/buttonGroup/" + })); + + // button group selection + configs.push(new Config({ + component: 'ButtonGroupSelectionComponent', + appConfig: BaseAppConfig, + shortenComponentPathBy: "/data-entries/buttonGroup/" + })); + + // button group size + configs.push(new Config({ + component: 'ButtonGroupSizeComponent', + appConfig: BaseAppConfig, + shortenComponentPathBy: "/data-entries/buttonGroup/" + })); + + // button group styling + configs.push(new Config({ + component: 'ButtonGroupStylingComponent', + additionalFiles: ["/src/app/data-entries/buttonGroup/button-group-styling/layout.scss"], + appConfig: BaseAppConfig, + shortenComponentPathBy: "/data-entries/buttonGroup/" + })); + + // button group tailwind styling + configs.push(new Config({ + component: 'ButtonGroupTailwindStylingComponent', appConfig: BaseAppConfig, shortenComponentPathBy: "/data-entries/buttonGroup/" })); diff --git a/src/app/data-display/badge/badge-dot/badge-dot.component.scss b/src/app/data-display/badge/badge-dot/badge-dot.component.scss index 8cfe07c79..ec0b144f8 100644 --- a/src/app/data-display/badge/badge-dot/badge-dot.component.scss +++ b/src/app/data-display/badge/badge-dot/badge-dot.component.scss @@ -115,8 +115,13 @@ igx-avatar { align-items: center; gap: 4px; min-width: 56px; - color: var(--ig-gray-700); - font-size: 12px; + color: #556c86; + font-family: "Aktiv Grotesk", sans-serif; + font-size: 13px; + font-weight: 400; + font-style: normal; + line-height: 20px; + letter-spacing: 0.3px; } .nav-item.active { diff --git a/src/app/data-display/badge/badge-icon/badge-icon.component.scss b/src/app/data-display/badge/badge-icon/badge-icon.component.scss index fadf787c8..fd9db2634 100644 --- a/src/app/data-display/badge/badge-icon/badge-icon.component.scss +++ b/src/app/data-display/badge/badge-icon/badge-icon.component.scss @@ -44,11 +44,20 @@ igx-avatar { } .badge-icon-item span { - color: var(--ig-gray-700); - font-size: 12px; + color: #556c86; + font-family: "Aktiv Grotesk", sans-serif; + font-size: 13px; + font-weight: 400; + font-style: normal; + line-height: 20px; + letter-spacing: 0.3px; transform: translateY(4px); } +.badge-icon-item:last-child span { + white-space: nowrap; +} + .avatar-wrapper { position: relative; display: flex; diff --git a/src/app/data-display/badge/badge-outlined/badge-outlined.component.scss b/src/app/data-display/badge/badge-outlined/badge-outlined.component.scss index 2ff5d8802..b0a0086c8 100644 --- a/src/app/data-display/badge/badge-outlined/badge-outlined.component.scss +++ b/src/app/data-display/badge/badge-outlined/badge-outlined.component.scss @@ -110,6 +110,11 @@ igx-avatar { } .step-label { - color: var(--ig-gray-700); + color: #556c86; + font-family: "Aktiv Grotesk", sans-serif; font-size: 13px; + font-weight: 400; + font-style: normal; + line-height: 20px; + letter-spacing: 0.3px; } diff --git a/src/app/data-display/badge/badge-shape/badge-shape.component.scss b/src/app/data-display/badge/badge-shape/badge-shape.component.scss index 917648462..56754daae 100644 --- a/src/app/data-display/badge/badge-shape/badge-shape.component.scss +++ b/src/app/data-display/badge/badge-shape/badge-shape.component.scss @@ -17,8 +17,13 @@ .row-label { justify-self: end; - color: var(--ig-gray-700); - font-size: 14px; + color: #556c86; + font-family: "Aktiv Grotesk", sans-serif; + font-size: 13px; + font-weight: 400; + font-style: normal; + line-height: 20px; + letter-spacing: 0.3px; } .badge-small { diff --git a/src/app/data-display/badge/badge-size/badge-size.component.scss b/src/app/data-display/badge/badge-size/badge-size.component.scss index 59184f81f..868040a84 100644 --- a/src/app/data-display/badge/badge-size/badge-size.component.scss +++ b/src/app/data-display/badge/badge-size/badge-size.component.scss @@ -17,8 +17,13 @@ .row-label { justify-self: end; - color: var(--ig-gray-700); - font-size: 14px; + color: #556c86; + font-family: "Aktiv Grotesk", sans-serif; + font-size: 13px; + font-weight: 400; + font-style: normal; + line-height: 20px; + letter-spacing: 0.3px; } .badge-large { --ig-size: var(--ig-size-large); } diff --git a/src/app/data-display/badge/badge-type/badge-type.component.scss b/src/app/data-display/badge/badge-type/badge-type.component.scss index 0479de835..ece1ac951 100644 --- a/src/app/data-display/badge/badge-type/badge-type.component.scss +++ b/src/app/data-display/badge/badge-type/badge-type.component.scss @@ -38,7 +38,11 @@ igx-badge { } .badge-type-item span { - color: var(--ig-gray-700); - font-size: 12px; - line-height: 16px; + color: #556c86; + font-family: "Aktiv Grotesk", sans-serif; + font-size: 13px; + font-weight: 400; + font-style: normal; + line-height: 20px; + letter-spacing: 0.3px; } diff --git a/src/app/data-display/badge/badge-variants/badge-variants.component.scss b/src/app/data-display/badge/badge-variants/badge-variants.component.scss index a53f2b448..8145cf26b 100644 --- a/src/app/data-display/badge/badge-variants/badge-variants.component.scss +++ b/src/app/data-display/badge/badge-variants/badge-variants.component.scss @@ -32,8 +32,13 @@ igx-avatar { } .variant-item span { - color: var(--ig-gray-700); + color: #556c86; + font-family: "Aktiv Grotesk", sans-serif; font-size: 13px; + font-weight: 400; + font-style: normal; + line-height: 20px; + letter-spacing: 0.3px; } .avatar-wrapper { diff --git a/src/app/data-entries/buttonGroup/button-group-alignment/button-group-alignment.component.html b/src/app/data-entries/buttonGroup/button-group-alignment/button-group-alignment.component.html new file mode 100644 index 000000000..4bf378781 --- /dev/null +++ b/src/app/data-entries/buttonGroup/button-group-alignment/button-group-alignment.component.html @@ -0,0 +1,12 @@ +
+ @for (alignment of alignments; track alignment.value) { +
+ {{ alignment.label }} + + @for (city of cities; track city) { + + } + +
+ } +
diff --git a/src/app/data-entries/buttonGroup/button-group-alignment/button-group-alignment.component.scss b/src/app/data-entries/buttonGroup/button-group-alignment/button-group-alignment.component.scss new file mode 100644 index 000000000..d8f1c1233 --- /dev/null +++ b/src/app/data-entries/buttonGroup/button-group-alignment/button-group-alignment.component.scss @@ -0,0 +1,35 @@ +.button-group-alignment { + display: flex; + align-items: flex-start; + justify-content: center; + gap: 60px; + padding: 24px; +} + +.button-group-alignment-item { + display: flex; + flex-direction: column; + align-items: center; + justify-content: flex-start; + gap: 16px; +} + +.button-group-alignment-item igx-buttongroup { + width: 240px; +} + +.button-group-alignment-item:first-child igx-buttongroup { + width: 320px; +} + +.button-group-alignment-item span { + width: 100%; + text-align: center; + color: #556c86; + font-family: "Aktiv Grotesk", sans-serif; + font-size: 13px; + font-weight: 400; + font-style: normal; + line-height: 20px; + letter-spacing: 0.3px; +} diff --git a/src/app/data-entries/buttonGroup/button-group-alignment/button-group-alignment.component.ts b/src/app/data-entries/buttonGroup/button-group-alignment/button-group-alignment.component.ts new file mode 100644 index 000000000..f531ba9cd --- /dev/null +++ b/src/app/data-entries/buttonGroup/button-group-alignment/button-group-alignment.component.ts @@ -0,0 +1,19 @@ +import { Component } from '@angular/core'; +import { ButtonGroupAlignment, IgxButtonGroupComponent } from 'igniteui-angular/button-group'; +import { IgxButtonDirective, IgxRippleDirective } from 'igniteui-angular/directives'; + +@Component({ + selector: 'app-button-group-alignment', + styleUrls: ['./button-group-alignment.component.scss'], + templateUrl: './button-group-alignment.component.html', + imports: [IgxButtonGroupComponent, IgxButtonDirective, IgxRippleDirective] +}) +export class ButtonGroupAlignmentComponent { + public rippleColor = 'gray'; + public cities = ['Sofia', 'London', 'New York']; + + public alignments: { label: string; value: ButtonGroupAlignment }[] = [ + { label: 'Horizontal', value: ButtonGroupAlignment.horizontal }, + { label: 'Vertical', value: ButtonGroupAlignment.vertical } + ]; +} diff --git a/src/app/data-entries/buttonGroup/button-group-custom-toggle/button-group-custom-toggle.component.html b/src/app/data-entries/buttonGroup/button-group-custom-toggle/button-group-custom-toggle.component.html new file mode 100644 index 000000000..6c27c58e2 --- /dev/null +++ b/src/app/data-entries/buttonGroup/button-group-custom-toggle/button-group-custom-toggle.component.html @@ -0,0 +1,3 @@ +
+ +
diff --git a/src/app/data-entries/buttonGroup/button-group-custom-toggle/button-group-custom-toggle.component.scss b/src/app/data-entries/buttonGroup/button-group-custom-toggle/button-group-custom-toggle.component.scss new file mode 100644 index 000000000..157e28c3c --- /dev/null +++ b/src/app/data-entries/buttonGroup/button-group-custom-toggle/button-group-custom-toggle.component.scss @@ -0,0 +1,11 @@ +.button-group-custom-toggle { + display: flex; + justify-content: center; + align-items: center; + min-height: 7rem; +} + +igx-buttongroup { + display: inline-block; + width: 300px; +} diff --git a/src/app/data-entries/buttonGroup/button-group-sample-3/button-group-sample-3.component.ts b/src/app/data-entries/buttonGroup/button-group-custom-toggle/button-group-custom-toggle.component.ts similarity index 56% rename from src/app/data-entries/buttonGroup/button-group-sample-3/button-group-sample-3.component.ts rename to src/app/data-entries/buttonGroup/button-group-custom-toggle/button-group-custom-toggle.component.ts index 02cf6a6d7..d6038eab5 100644 --- a/src/app/data-entries/buttonGroup/button-group-sample-3/button-group-sample-3.component.ts +++ b/src/app/data-entries/buttonGroup/button-group-custom-toggle/button-group-custom-toggle.component.ts @@ -11,7 +11,7 @@ interface IButton { icon?: string; } -class ToggleButton { +class CustomToggle { private ripple: string; private label: string; private disabled: boolean; @@ -32,32 +32,20 @@ class ToggleButton { } @Component({ - selector: 'app-button-group-sample-3', - styleUrls: ['./button-group-sample-3.component.scss'], - templateUrl: './button-group-sample-3.component.html', + selector: 'app-button-group-custom-toggle', + styleUrls: ['./button-group-custom-toggle.component.scss'], + templateUrl: './button-group-custom-toggle.component.html', imports: [IgxButtonGroupComponent] }) -export class ButtonGroupSample3Component implements OnInit { - public bordersButtons: ToggleButton[]; +export class ButtonGroupCustomToggleComponent implements OnInit { + public bordersButtons: CustomToggle[]; public ngOnInit() { this.bordersButtons = [ - new ToggleButton({ - icon: 'border_top', - selected: true - }), - new ToggleButton({ - icon: 'border_right', - selected: false - }), - new ToggleButton({ - icon: 'border_bottom', - selected: false - }), - new ToggleButton({ - icon: 'border_left', - selected: false - }) + new CustomToggle({ icon: 'border_top', selected: true }), + new CustomToggle({ icon: 'border_right', selected: false }), + new CustomToggle({ icon: 'border_bottom', selected: false }), + new CustomToggle({ icon: 'border_left', selected: false }) ]; } } diff --git a/src/app/data-entries/buttonGroup/button-group-interaction-states/button-group-interaction-states.component.html b/src/app/data-entries/buttonGroup/button-group-interaction-states/button-group-interaction-states.component.html new file mode 100644 index 000000000..49b20d26b --- /dev/null +++ b/src/app/data-entries/buttonGroup/button-group-interaction-states/button-group-interaction-states.component.html @@ -0,0 +1,28 @@ +
+
+ + @for (state of states; track state) { + {{ getLabel(state) }} + } +
+ + @for (row of rows; track row.label) { +
+ {{ row.label }} + @for (state of states; track state) { + + + + } +
+ } +
diff --git a/src/app/data-entries/buttonGroup/button-group-interaction-states/button-group-interaction-states.component.scss b/src/app/data-entries/buttonGroup/button-group-interaction-states/button-group-interaction-states.component.scss new file mode 100644 index 000000000..c78233443 --- /dev/null +++ b/src/app/data-entries/buttonGroup/button-group-interaction-states/button-group-interaction-states.component.scss @@ -0,0 +1,73 @@ +.button-group-interaction-states { + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; + gap: 20px; + padding: 20px; +} + +.button-group-interaction-states-row { + display: grid; + grid-template-columns: 120px 164px 164px 164px; + align-items: center; + gap: 16px; +} + +.button-group-interaction-states .row-label, +.button-group-interaction-states .column-label { + color: #556c86; + font-family: "Aktiv Grotesk", sans-serif; + font-size: 13px; + font-weight: 400; + font-style: normal; + line-height: 20px; + letter-spacing: 0.3px; +} + +.button-group-interaction-states .column-label { + text-align: center; +} + +.button-group-interaction-states igx-buttongroup { + width: 164px; +} + +.button-group-interaction-states button { + width: 100%; + gap: 4px; +} + +.button-group-interaction-states igx-icon { + --ig-icon-size: 16px; +} + +.button-group-interaction-states button.state-hover:not(.state-selected) { + background: var(--item-hover-background); + border-color: var(--item-hover-border-color); + color: var(--item-hover-text-color); +} + +.button-group-interaction-states button.state-idle.state-selected { + background: var(--item-active-background); + border-color: var(--item-active-border-color); + color: var(--item-active-text-color); +} + +.button-group-interaction-states button.state-focused:not(.state-selected) { + background: var(--item-focused-hover-background); + border-color: var(--item-focused-hover-border-color); + color: var(--item-focused-hover-text-color); +} + +.button-group-interaction-states button.state-hover.state-selected { + background: var(--item-selected-active-background); + border-color: var(--item-selected-active-border-color); + color: var(--item-selected-hover-text-color); +} + +.button-group-interaction-states button.state-focused.state-selected { + background: var(--item-selected-active-background); + border-color: var(--item-selected-active-border-color); + color: var(--item-focused-hover-text-color); +} diff --git a/src/app/data-entries/buttonGroup/button-group-interaction-states/button-group-interaction-states.component.ts b/src/app/data-entries/buttonGroup/button-group-interaction-states/button-group-interaction-states.component.ts new file mode 100644 index 000000000..680188728 --- /dev/null +++ b/src/app/data-entries/buttonGroup/button-group-interaction-states/button-group-interaction-states.component.ts @@ -0,0 +1,25 @@ +import { Component } from '@angular/core'; +import { IgxButtonGroupComponent } from 'igniteui-angular/button-group'; +import { IgxButtonDirective, IgxRippleDirective } from 'igniteui-angular/directives'; +import { IgxIconComponent } from 'igniteui-angular/icon'; + +@Component({ + selector: 'app-button-group-interaction-states', + styleUrls: ['./button-group-interaction-states.component.scss'], + templateUrl: './button-group-interaction-states.component.html', + imports: [IgxButtonGroupComponent, IgxButtonDirective, IgxRippleDirective, IgxIconComponent] +}) +export class ButtonGroupInteractionStatesComponent { + public rippleColor = 'gray'; + + public rows: { label: string; selected: boolean }[] = [ + { label: 'Selected / Off', selected: false }, + { label: 'Selected / On', selected: true } + ]; + + public states = ['idle', 'hover', 'focused']; + + public getLabel(state: string) { + return state.charAt(0).toUpperCase() + state.slice(1); + } +} diff --git a/src/app/data-entries/buttonGroup/button-group-layout/button-group-layout.component.html b/src/app/data-entries/buttonGroup/button-group-layout/button-group-layout.component.html new file mode 100644 index 000000000..f2cee52a0 --- /dev/null +++ b/src/app/data-entries/buttonGroup/button-group-layout/button-group-layout.component.html @@ -0,0 +1,15 @@ +
+ + @for (layout of layouts; track layout.value) { + + } + + + + @for (layout of layouts; track layout.value) { + + } + +
diff --git a/src/app/data-entries/buttonGroup/button-group-layout/button-group-layout.component.scss b/src/app/data-entries/buttonGroup/button-group-layout/button-group-layout.component.scss new file mode 100644 index 000000000..fc95cf401 --- /dev/null +++ b/src/app/data-entries/buttonGroup/button-group-layout/button-group-layout.component.scss @@ -0,0 +1,21 @@ +.button-group-layout { + display: flex; + flex-direction: row; + align-items: center; + justify-content: center; + gap: 80px; + min-height: 5.5rem; +} + +igx-buttongroup { + display: inline-block; + max-width: 400px; +} + +.button-group-layout button { + min-width: 100px; +} + +.button-group-layout igx-icon { + --ig-icon-size: 20px; +} diff --git a/src/app/data-entries/buttonGroup/button-group-layout/button-group-layout.component.ts b/src/app/data-entries/buttonGroup/button-group-layout/button-group-layout.component.ts new file mode 100644 index 000000000..7a200f3a5 --- /dev/null +++ b/src/app/data-entries/buttonGroup/button-group-layout/button-group-layout.component.ts @@ -0,0 +1,20 @@ +import { Component } from '@angular/core'; +import { IgxButtonGroupComponent } from 'igniteui-angular/button-group'; +import { IgxButtonDirective, IgxRippleDirective } from 'igniteui-angular/directives'; +import { IgxIconComponent } from 'igniteui-angular/icon'; + +@Component({ + selector: 'app-button-group-layout', + styleUrls: ['./button-group-layout.component.scss'], + templateUrl: './button-group-layout.component.html', + imports: [IgxButtonGroupComponent, IgxButtonDirective, IgxRippleDirective, IgxIconComponent] +}) +export class ButtonGroupLayoutComponent { + public rippleColor = 'gray'; + + public layouts = [ + { value: 'left', label: 'Left', icon: 'format_align_left' }, + { value: 'center', label: 'Center', icon: 'format_align_center' }, + { value: 'right', label: 'Right', icon: 'format_align_right' } + ]; +} diff --git a/src/app/data-entries/buttonGroup/button-group-overview/button-group-overview.component.html b/src/app/data-entries/buttonGroup/button-group-overview/button-group-overview.component.html new file mode 100644 index 000000000..e6f995b8d --- /dev/null +++ b/src/app/data-entries/buttonGroup/button-group-overview/button-group-overview.component.html @@ -0,0 +1,19 @@ +
+ + + + + +
+ {{ album.title }} +
+ @for (photo of album.photos; track photo) { + + } +
+
+
diff --git a/src/app/data-entries/buttonGroup/button-group-overview/button-group-overview.component.scss b/src/app/data-entries/buttonGroup/button-group-overview/button-group-overview.component.scss new file mode 100644 index 000000000..128e5f6f9 --- /dev/null +++ b/src/app/data-entries/buttonGroup/button-group-overview/button-group-overview.component.scss @@ -0,0 +1,35 @@ +.button-group-overview { + display: flex; + flex-direction: column; + align-items: center; +} + +igx-buttongroup { + display: block; + width: 280px; + max-width: 100%; +} + +.album { + margin-top: 8px; + width: 280px; + max-width: 100%; +} + +.album-title { + display: inline-block; + margin-bottom: 8px; + color: #1f89d4; +} + +.album-photos { + display: grid; + grid-template-columns: repeat(2, 1fr); + gap: 4px; +} + +.album-photos img { + width: 100%; + object-fit: cover; + display: block; +} diff --git a/src/app/data-entries/buttonGroup/button-group-overview/button-group-overview.component.ts b/src/app/data-entries/buttonGroup/button-group-overview/button-group-overview.component.ts new file mode 100644 index 000000000..0daa96866 --- /dev/null +++ b/src/app/data-entries/buttonGroup/button-group-overview/button-group-overview.component.ts @@ -0,0 +1,45 @@ +import { Component } from '@angular/core'; +import { IgxButtonGroupComponent } from 'igniteui-angular/button-group'; +import { IgxButtonDirective, IgxRippleDirective } from 'igniteui-angular/directives'; + +type AlbumSource = 'device' | 'cloud'; + +@Component({ + selector: 'app-button-group-overview', + styleUrls: ['./button-group-overview.component.scss'], + templateUrl: './button-group-overview.component.html', + imports: [IgxButtonGroupComponent, IgxButtonDirective, IgxRippleDirective] +}) +export class ButtonGroupOverviewComponent { + public rippleColor = 'gray'; + public source: AlbumSource = 'cloud'; + + public albums: Record = { + device: { + title: 'Trip around the world', + photos: [ + 'https://picsum.photos/id/1015/300/220', + 'https://picsum.photos/id/1016/300/220', + 'https://picsum.photos/id/1018/300/220', + 'https://picsum.photos/id/1019/300/220' + ] + }, + cloud: { + title: 'Trip around the world', + photos: [ + 'https://picsum.photos/id/1036/300/220', + 'https://picsum.photos/id/1051/300/220', + 'https://picsum.photos/id/1062/300/220', + 'https://picsum.photos/id/1067/300/220' + ] + } + }; + + public get album() { + return this.albums[this.source]; + } + + public selectSource(source: AlbumSource) { + this.source = source; + } +} diff --git a/src/app/data-entries/buttonGroup/button-group-sample-1/button-group-sample-1.component.html b/src/app/data-entries/buttonGroup/button-group-sample-1/button-group-sample-1.component.html deleted file mode 100644 index 854a5f1c1..000000000 --- a/src/app/data-entries/buttonGroup/button-group-sample-1/button-group-sample-1.component.html +++ /dev/null @@ -1,16 +0,0 @@ -
- - - - - - -
diff --git a/src/app/data-entries/buttonGroup/button-group-sample-1/button-group-sample-1.component.scss b/src/app/data-entries/buttonGroup/button-group-sample-1/button-group-sample-1.component.scss deleted file mode 100644 index 2f0579e90..000000000 --- a/src/app/data-entries/buttonGroup/button-group-sample-1/button-group-sample-1.component.scss +++ /dev/null @@ -1,4 +0,0 @@ -igx-buttongroup{ - display: inline-block; - max-width: 400px; -} diff --git a/src/app/data-entries/buttonGroup/button-group-sample-1/button-group-sample-1.component.ts b/src/app/data-entries/buttonGroup/button-group-sample-1/button-group-sample-1.component.ts deleted file mode 100644 index f37bb9b73..000000000 --- a/src/app/data-entries/buttonGroup/button-group-sample-1/button-group-sample-1.component.ts +++ /dev/null @@ -1,15 +0,0 @@ -import { Component } from '@angular/core'; -import { IgxButtonGroupComponent } from 'igniteui-angular/button-group'; -import { IgxButtonDirective, IgxRippleDirective } from 'igniteui-angular/directives'; -import { IgxIconComponent } from 'igniteui-angular/icon'; - -@Component({ - selector: 'app-button-group-sample-1', - styleUrls: ['./button-group-sample-1.component.scss'], - templateUrl: './button-group-sample-1.component.html', - imports: [IgxButtonGroupComponent, IgxButtonDirective, IgxRippleDirective, IgxIconComponent] -}) - -export class ButtonGroupSample1Component { - public rippleColor = 'grey'; -} diff --git a/src/app/data-entries/buttonGroup/button-group-sample-2/button-group-sample-2.component.html b/src/app/data-entries/buttonGroup/button-group-sample-2/button-group-sample-2.component.html deleted file mode 100644 index 0a027f389..000000000 --- a/src/app/data-entries/buttonGroup/button-group-sample-2/button-group-sample-2.component.html +++ /dev/null @@ -1,8 +0,0 @@ -
- - - - - - -
\ No newline at end of file diff --git a/src/app/data-entries/buttonGroup/button-group-sample-2/button-group-sample-2.component.scss b/src/app/data-entries/buttonGroup/button-group-sample-2/button-group-sample-2.component.scss deleted file mode 100644 index d252d95ad..000000000 --- a/src/app/data-entries/buttonGroup/button-group-sample-2/button-group-sample-2.component.scss +++ /dev/null @@ -1,4 +0,0 @@ -igx-buttongroup{ - display: inline-block; - width: 200px; -} diff --git a/src/app/data-entries/buttonGroup/button-group-sample-2/button-group-sample-2.component.ts b/src/app/data-entries/buttonGroup/button-group-sample-2/button-group-sample-2.component.ts deleted file mode 100644 index 2eada571a..000000000 --- a/src/app/data-entries/buttonGroup/button-group-sample-2/button-group-sample-2.component.ts +++ /dev/null @@ -1,14 +0,0 @@ -import { Component } from '@angular/core'; -import { ButtonGroupAlignment, IgxButtonGroupComponent } from 'igniteui-angular/button-group'; -import { IgxButtonDirective, IgxRippleDirective } from 'igniteui-angular/directives'; - -@Component({ - selector: 'app-button-group-sample-2', - styleUrls: ['./button-group-sample-2.component.scss'], - templateUrl: './button-group-sample-2.component.html', - imports: [IgxButtonGroupComponent, IgxButtonDirective, IgxRippleDirective] -}) -export class ButtonGroupSample2Component { - public alignment = ButtonGroupAlignment.vertical; - public rippleColor = 'grey'; -} diff --git a/src/app/data-entries/buttonGroup/button-group-sample-3/button-group-sample-3.component.html b/src/app/data-entries/buttonGroup/button-group-sample-3/button-group-sample-3.component.html deleted file mode 100644 index bf17c2543..000000000 --- a/src/app/data-entries/buttonGroup/button-group-sample-3/button-group-sample-3.component.html +++ /dev/null @@ -1,3 +0,0 @@ -
- -
\ No newline at end of file diff --git a/src/app/data-entries/buttonGroup/button-group-sample-3/button-group-sample-3.component.scss b/src/app/data-entries/buttonGroup/button-group-sample-3/button-group-sample-3.component.scss deleted file mode 100644 index 9615aaba0..000000000 --- a/src/app/data-entries/buttonGroup/button-group-sample-3/button-group-sample-3.component.scss +++ /dev/null @@ -1,4 +0,0 @@ -igx-buttongroup { - display: inline-block; - width: 300px; -} diff --git a/src/app/data-entries/buttonGroup/button-group-sample-4/button-group-sample.component.html b/src/app/data-entries/buttonGroup/button-group-sample-4/button-group-sample.component.html deleted file mode 100644 index 6bbc9282a..000000000 --- a/src/app/data-entries/buttonGroup/button-group-sample-4/button-group-sample.component.html +++ /dev/null @@ -1,19 +0,0 @@ -
-
Selection Mode
-
- Single - Single-Required - Multi -
- - - - - -
\ No newline at end of file diff --git a/src/app/data-entries/buttonGroup/button-group-sample-4/button-group-sample.component.scss b/src/app/data-entries/buttonGroup/button-group-sample-4/button-group-sample.component.scss deleted file mode 100644 index e72ce547c..000000000 --- a/src/app/data-entries/buttonGroup/button-group-sample-4/button-group-sample.component.scss +++ /dev/null @@ -1,10 +0,0 @@ -.sample-column, -.radio-buttons { - display: flex; - gap: 16px; -} - -.sample-column { - flex-direction: column; - align-items: flex-start; -} diff --git a/src/app/data-entries/buttonGroup/button-group-sample-4/button-group-sample.component.ts b/src/app/data-entries/buttonGroup/button-group-sample-4/button-group-sample.component.ts deleted file mode 100644 index ae65a3887..000000000 --- a/src/app/data-entries/buttonGroup/button-group-sample-4/button-group-sample.component.ts +++ /dev/null @@ -1,17 +0,0 @@ -import { Component } from '@angular/core'; -import { IgxRadioComponent } from 'igniteui-angular/radio'; -import { IgxButtonGroupComponent } from 'igniteui-angular/button-group'; -import { IgxButtonDirective, IgxRippleDirective } from 'igniteui-angular/directives'; -import { IgxIconComponent } from 'igniteui-angular/icon'; -import { FormsModule } from '@angular/forms'; - -@Component({ - selector: 'app-button-group-sample', - styleUrls: ['./button-group-sample.component.scss'], - templateUrl: './button-group-sample.component.html', - imports: [IgxRadioComponent, FormsModule, IgxButtonGroupComponent, IgxButtonDirective, IgxRippleDirective, IgxIconComponent] -}) -export class ButtonGroupSampleComponent { - public rippleColor = 'grey'; - public selectionMode: 'single' | 'singleRequired' | 'multi' = 'single'; -} diff --git a/src/app/data-entries/buttonGroup/button-group-sample-5/button-group-sample-5.component.html b/src/app/data-entries/buttonGroup/button-group-sample-5/button-group-sample-5.component.html deleted file mode 100644 index baaf31476..000000000 --- a/src/app/data-entries/buttonGroup/button-group-sample-5/button-group-sample-5.component.html +++ /dev/null @@ -1,3 +0,0 @@ -
- -
diff --git a/src/app/data-entries/buttonGroup/button-group-sample-5/button-group-sample-5.component.scss b/src/app/data-entries/buttonGroup/button-group-sample-5/button-group-sample-5.component.scss deleted file mode 100644 index bfd80266c..000000000 --- a/src/app/data-entries/buttonGroup/button-group-sample-5/button-group-sample-5.component.scss +++ /dev/null @@ -1,3 +0,0 @@ -igx-buttongroup{ - display: inline-block; -} \ No newline at end of file diff --git a/src/app/data-entries/buttonGroup/button-group-sample-5/button-group-sample-5.component.ts b/src/app/data-entries/buttonGroup/button-group-sample-5/button-group-sample-5.component.ts deleted file mode 100644 index d02193603..000000000 --- a/src/app/data-entries/buttonGroup/button-group-sample-5/button-group-sample-5.component.ts +++ /dev/null @@ -1,38 +0,0 @@ -import { Component, HostBinding, OnInit } from '@angular/core'; -import { IgxButtonGroupComponent } from 'igniteui-angular/button-group'; - -type Button = { - label: string, - selected: boolean, - togglable: boolean -} - -@Component({ - selector: 'app-button-group-sample-5', - styleUrls: ['./button-group-sample-5.component.scss'], - templateUrl: './button-group-sample-5.component.html', - imports: [IgxButtonGroupComponent] -}) -export class ButtonGroupSample5Component implements OnInit { - public rippleColor = 'grey'; - public size = 'large'; - public sizes: Button[]; - - public ngOnInit() { - this.sizes = [ - { label: 'small', selected: this.size === 'small', togglable: true }, - { label: 'medium', selected: this.size === 'medium', togglable: true }, - { label: 'large', selected: this.size === 'large', togglable: true } - ]; - } - - public selectSize(event: any) { - this.size = this.sizes[event.index].label; - } - - - @HostBinding('style.--ig-size') - protected get sizeStyle() { - return `var(--ig-size-${this.size})`; - } -} diff --git a/src/app/data-entries/buttonGroup/button-group-selection/button-group-selection.component.html b/src/app/data-entries/buttonGroup/button-group-selection/button-group-selection.component.html new file mode 100644 index 000000000..65ff4542c --- /dev/null +++ b/src/app/data-entries/buttonGroup/button-group-selection/button-group-selection.component.html @@ -0,0 +1,18 @@ +
+ @for (mode of selectionModes; track mode.value) { +
+ {{ mode.label }} + + + + + +
+ } +
diff --git a/src/app/data-entries/buttonGroup/button-group-selection/button-group-selection.component.scss b/src/app/data-entries/buttonGroup/button-group-selection/button-group-selection.component.scss new file mode 100644 index 000000000..7e52239fa --- /dev/null +++ b/src/app/data-entries/buttonGroup/button-group-selection/button-group-selection.component.scss @@ -0,0 +1,30 @@ +.selection-samples { + display: flex; + justify-content: center; + flex-direction: column; + align-items: flex-start; + gap: 35px; + padding-left: 48px; +} + +.selection-sample { + display: flex; + align-items: center; + gap: 30px; +} + +.selection-sample > span { + width: 120px; + text-align: right; + color: #556c86; + font-family: "Aktiv Grotesk", sans-serif; + font-size: 13px; + font-weight: 400; + font-style: normal; + line-height: 20px; + letter-spacing: 0.3px; +} + +.selection-sample igx-buttongroup { + width: 200px; +} diff --git a/src/app/data-entries/buttonGroup/button-group-selection/button-group-selection.component.ts b/src/app/data-entries/buttonGroup/button-group-selection/button-group-selection.component.ts new file mode 100644 index 000000000..f1b9c738d --- /dev/null +++ b/src/app/data-entries/buttonGroup/button-group-selection/button-group-selection.component.ts @@ -0,0 +1,30 @@ +import { Component } from '@angular/core'; +import { IgxButtonGroupComponent } from 'igniteui-angular/button-group'; +import { IgxButtonDirective, IgxRippleDirective } from 'igniteui-angular/directives'; +import { IgxIconComponent } from 'igniteui-angular/icon'; + +type SelectionMode = 'single' | 'singleRequired' | 'multi'; + +@Component({ + selector: 'app-button-group-selection', + styleUrls: ['./button-group-selection.component.scss'], + templateUrl: './button-group-selection.component.html', + imports: [IgxButtonGroupComponent, IgxButtonDirective, IgxRippleDirective, IgxIconComponent] +}) +export class ButtonGroupSelectionComponent { + public rippleColor = 'gray'; + + public selectionModes: { label: string; value: SelectionMode }[] = [ + { label: 'Single', value: 'single' }, + { label: 'Single-Required', value: 'singleRequired' }, + { label: 'Multi', value: 'multi' } + ]; + + public isBoldSelected(mode: SelectionMode) { + return mode === 'singleRequired' || mode === 'multi'; + } + + public isItalicSelected(mode: SelectionMode) { + return mode === 'multi'; + } +} diff --git a/src/app/data-entries/buttonGroup/button-group-size/button-group-size.component.html b/src/app/data-entries/buttonGroup/button-group-size/button-group-size.component.html new file mode 100644 index 000000000..57418c0d5 --- /dev/null +++ b/src/app/data-entries/buttonGroup/button-group-size/button-group-size.component.html @@ -0,0 +1,16 @@ +
+ @for (size of sizes; track size) { +
+ {{ getLabel(size) }} + + @for (city of cities; track city) { + + } + +
+ } +
diff --git a/src/app/data-entries/buttonGroup/button-group-size/button-group-size.component.scss b/src/app/data-entries/buttonGroup/button-group-size/button-group-size.component.scss new file mode 100644 index 000000000..7d9127e01 --- /dev/null +++ b/src/app/data-entries/buttonGroup/button-group-size/button-group-size.component.scss @@ -0,0 +1,41 @@ +.button-group-size { + display: flex; + flex-direction: column; + align-items: flex-start; + justify-content: center; + gap: 32px; + padding: 13px; + padding-left: 3rem; +} + +.button-group-size-item { + display: flex; + flex-direction: row; + align-items: center; + justify-content: flex-start; + gap: 32px; +} + +.button-group-size-item span { + width: 52px; + text-align: right; + color: #556c86; + font-family: "Aktiv Grotesk", sans-serif; + font-size: 13px; + font-weight: 400; + font-style: normal; + line-height: 20px; + letter-spacing: 0.3px; +} + +.button-group-small button { + min-width: 90px; +} + +.button-group-medium button { + min-width: 100px; +} + +.button-group-large button { + min-width: 110px; +} diff --git a/src/app/data-entries/buttonGroup/button-group-size/button-group-size.component.ts b/src/app/data-entries/buttonGroup/button-group-size/button-group-size.component.ts new file mode 100644 index 000000000..9fb454b60 --- /dev/null +++ b/src/app/data-entries/buttonGroup/button-group-size/button-group-size.component.ts @@ -0,0 +1,23 @@ +import { Component } from '@angular/core'; +import { IgxButtonGroupComponent } from 'igniteui-angular/button-group'; +import { IgxButtonDirective, IgxRippleDirective } from 'igniteui-angular/directives'; + +@Component({ + selector: 'app-button-group-size', + styleUrls: ['./button-group-size.component.scss'], + templateUrl: './button-group-size.component.html', + imports: [IgxButtonGroupComponent, IgxButtonDirective, IgxRippleDirective] +}) +export class ButtonGroupSizeComponent { + public rippleColor = 'gray'; + public cities = ['Sofia', 'London', 'New York']; + public sizes = ['small', 'medium', 'large']; + + public getLabel(size: string) { + return size.charAt(0).toUpperCase() + size.slice(1); + } + + public getSizeStyle(size: string) { + return `var(--ig-size-${size})`; + } +} diff --git a/src/app/data-entries/buttonGroup/button-group-states/button-group-states.component.html b/src/app/data-entries/buttonGroup/button-group-states/button-group-states.component.html new file mode 100644 index 000000000..81234c33d --- /dev/null +++ b/src/app/data-entries/buttonGroup/button-group-states/button-group-states.component.html @@ -0,0 +1,26 @@ +
+
+ + Enabled + Disabled +
+ + @for (row of rows; track row.label) { +
+ {{ row.label }} + + + + + + + + +
+ } +
diff --git a/src/app/data-entries/buttonGroup/button-group-states/button-group-states.component.scss b/src/app/data-entries/buttonGroup/button-group-states/button-group-states.component.scss new file mode 100644 index 000000000..c823cd934 --- /dev/null +++ b/src/app/data-entries/buttonGroup/button-group-states/button-group-states.component.scss @@ -0,0 +1,41 @@ +.button-group-states { + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; + gap: 20px; + padding: 20px; +} + +.button-group-states-row { + display: grid; + grid-template-columns: 120px 160px 160px; + align-items: center; + gap: 16px; +} + +.button-group-states .row-label, +.button-group-states .column-label { + color: #556c86; + font-family: "Aktiv Grotesk", sans-serif; + font-size: 13px; + font-weight: 400; + font-style: normal; + line-height: 20px; + letter-spacing: 0.3px; + text-align: center; +} + +.button-group-states igx-buttongroup { + width: 160px; +} + +.button-group-states button { + width: 100%; +} + +.button-group-states button.state-idle.state-selected { + background: var(--item-active-background); + border-color: var(--item-active-border-color); + color: var(--item-active-text-color); +} diff --git a/src/app/data-entries/buttonGroup/button-group-states/button-group-states.component.ts b/src/app/data-entries/buttonGroup/button-group-states/button-group-states.component.ts new file mode 100644 index 000000000..993fefe7e --- /dev/null +++ b/src/app/data-entries/buttonGroup/button-group-states/button-group-states.component.ts @@ -0,0 +1,18 @@ +import { Component } from '@angular/core'; +import { IgxButtonGroupComponent } from 'igniteui-angular/button-group'; +import { IgxButtonDirective, IgxRippleDirective } from 'igniteui-angular/directives'; + +@Component({ + selector: 'app-button-group-states', + styleUrls: ['./button-group-states.component.scss'], + templateUrl: './button-group-states.component.html', + imports: [IgxButtonGroupComponent, IgxButtonDirective, IgxRippleDirective] +}) +export class ButtonGroupStatesComponent { + public rippleColor = 'gray'; + + public rows: { label: string; selected: boolean }[] = [ + { label: 'Selected / Off', selected: false }, + { label: 'Selected / On', selected: true } + ]; +} diff --git a/src/app/data-entries/buttonGroup/button-group-style/button-group-style.component.html b/src/app/data-entries/buttonGroup/button-group-style/button-group-style.component.html deleted file mode 100644 index a3d364e03..000000000 --- a/src/app/data-entries/buttonGroup/button-group-style/button-group-style.component.html +++ /dev/null @@ -1,8 +0,0 @@ -
- - - - - - -
diff --git a/src/app/data-entries/buttonGroup/button-group-style/button-group-style.component.scss b/src/app/data-entries/buttonGroup/button-group-style/button-group-style.component.scss deleted file mode 100644 index a0b99d840..000000000 --- a/src/app/data-entries/buttonGroup/button-group-style/button-group-style.component.scss +++ /dev/null @@ -1,10 +0,0 @@ -@use "layout.scss" as *; -@use "igniteui-angular/theming" as *; - -$custom-button-group: button-group-theme( - $item-background: #57a5cd, -); - -:host { - @include tokens($custom-button-group); -} diff --git a/src/app/data-entries/buttonGroup/button-group-style/button-group-style.component.ts b/src/app/data-entries/buttonGroup/button-group-style/button-group-style.component.ts deleted file mode 100644 index 63d01e5c0..000000000 --- a/src/app/data-entries/buttonGroup/button-group-style/button-group-style.component.ts +++ /dev/null @@ -1,13 +0,0 @@ -import { Component } from '@angular/core'; -import { ButtonGroupAlignment, IgxButtonGroupComponent } from 'igniteui-angular/button-group'; -import { IgxButtonDirective, IgxRippleDirective } from 'igniteui-angular/directives'; - -@Component({ - selector: 'app-button-group-style', - styleUrls: ['./button-group-style.component.scss'], - templateUrl: './button-group-style.component.html', - imports: [IgxButtonGroupComponent, IgxButtonDirective, IgxRippleDirective] -}) -export class ButtonGroupStyleComponent { - public alignment = ButtonGroupAlignment.vertical; -} diff --git a/src/app/data-entries/buttonGroup/button-group-style/layout.scss b/src/app/data-entries/buttonGroup/button-group-style/layout.scss deleted file mode 100644 index 2f8fa5737..000000000 --- a/src/app/data-entries/buttonGroup/button-group-style/layout.scss +++ /dev/null @@ -1,4 +0,0 @@ -igx-buttongroup { - display: inline-block; - width: 200px; -} \ No newline at end of file diff --git a/src/app/data-entries/buttonGroup/button-group-styling/button-group-styling.component.html b/src/app/data-entries/buttonGroup/button-group-styling/button-group-styling.component.html new file mode 100644 index 000000000..c59162f0a --- /dev/null +++ b/src/app/data-entries/buttonGroup/button-group-styling/button-group-styling.component.html @@ -0,0 +1,7 @@ +
+ + @for (layout of layouts; track layout) { + + } + +
diff --git a/src/app/data-entries/buttonGroup/button-group-styling/button-group-styling.component.scss b/src/app/data-entries/buttonGroup/button-group-styling/button-group-styling.component.scss new file mode 100644 index 000000000..4475acc9d --- /dev/null +++ b/src/app/data-entries/buttonGroup/button-group-styling/button-group-styling.component.scss @@ -0,0 +1,20 @@ +@use "layout.scss" as *; +@use "igniteui-angular/theming" as *; + +$custom-button-group: button-group-theme( + $item-text-color: #4a5a66, + $item-background: #cfe8fb, + $item-border-color: #4da3e8, + $item-hover-text-color: #4a5a66, + $item-hover-background: #b3daf8, + $item-hover-border-color: #4da3e8, + $item-selected-text-color: #2f4d6a, + $item-selected-background: #6db3ea, + $item-selected-border-color: #4da3e8, + $item-selected-hover-text-color: #2f4d6a, + $item-selected-hover-background: #6db3ea +); + +:host { + @include tokens($custom-button-group); +} diff --git a/src/app/data-entries/buttonGroup/button-group-styling/button-group-styling.component.ts b/src/app/data-entries/buttonGroup/button-group-styling/button-group-styling.component.ts new file mode 100644 index 000000000..b96398694 --- /dev/null +++ b/src/app/data-entries/buttonGroup/button-group-styling/button-group-styling.component.ts @@ -0,0 +1,14 @@ +import { Component } from '@angular/core'; +import { IgxButtonGroupComponent } from 'igniteui-angular/button-group'; +import { IgxButtonDirective, IgxRippleDirective } from 'igniteui-angular/directives'; + +@Component({ + selector: 'app-button-group-styling', + styleUrls: ['./button-group-styling.component.scss'], + templateUrl: './button-group-styling.component.html', + imports: [IgxButtonGroupComponent, IgxButtonDirective, IgxRippleDirective] +}) +export class ButtonGroupStylingComponent { + public rippleColor = 'gray'; + public layouts = ['Left', 'Center', 'Right']; +} diff --git a/src/app/data-entries/buttonGroup/button-group-styling/layout.scss b/src/app/data-entries/buttonGroup/button-group-styling/layout.scss new file mode 100644 index 000000000..544499ade --- /dev/null +++ b/src/app/data-entries/buttonGroup/button-group-styling/layout.scss @@ -0,0 +1,13 @@ +.button-group-styling { + display: flex; + align-items: center; + justify-content: center; + min-height: 7rem; +} + +igx-buttongroup { + width: 420px; + border: 2px solid #4da3e8; + border-radius: 4px; + overflow: hidden; +} diff --git a/src/app/data-entries/buttonGroup/button-group-tailwind-style/button-group-tailwind-style.component.html b/src/app/data-entries/buttonGroup/button-group-tailwind-style/button-group-tailwind-style.component.html deleted file mode 100644 index 868c9452a..000000000 --- a/src/app/data-entries/buttonGroup/button-group-tailwind-style/button-group-tailwind-style.component.html +++ /dev/null @@ -1,8 +0,0 @@ -
- - - - - - -
diff --git a/src/app/data-entries/buttonGroup/button-group-tailwind-style/button-group-tailwind-style.component.scss b/src/app/data-entries/buttonGroup/button-group-tailwind-style/button-group-tailwind-style.component.scss deleted file mode 100644 index e69de29bb..000000000 diff --git a/src/app/data-entries/buttonGroup/button-group-tailwind-style/button-group-tailwind-style.component.ts b/src/app/data-entries/buttonGroup/button-group-tailwind-style/button-group-tailwind-style.component.ts deleted file mode 100644 index 178214d69..000000000 --- a/src/app/data-entries/buttonGroup/button-group-tailwind-style/button-group-tailwind-style.component.ts +++ /dev/null @@ -1,12 +0,0 @@ -import { Component } from '@angular/core'; -import { ButtonGroupAlignment, IgxButtonGroupComponent } from 'igniteui-angular/button-group'; -import { IgxButtonDirective, IgxRippleDirective } from 'igniteui-angular/directives'; - -@Component({ - selector: 'app-button-group-tailwind-style', - styleUrls: ['./button-group-tailwind-style.component.scss'], - templateUrl: './button-group-tailwind-style.component.html', - imports: [IgxButtonGroupComponent, IgxButtonDirective, IgxRippleDirective] -}) -export class ButtonGroupTailwindStyleComponent { -} diff --git a/src/app/data-entries/buttonGroup/button-group-tailwind-styling/button-group-tailwind-styling.component.html b/src/app/data-entries/buttonGroup/button-group-tailwind-styling/button-group-tailwind-styling.component.html new file mode 100644 index 000000000..8a1bc14d8 --- /dev/null +++ b/src/app/data-entries/buttonGroup/button-group-tailwind-styling/button-group-tailwind-styling.component.html @@ -0,0 +1,7 @@ +
+ + @for (view of views; track view) { + + } + +
diff --git a/src/app/data-entries/buttonGroup/button-group-tailwind-styling/button-group-tailwind-styling.component.scss b/src/app/data-entries/buttonGroup/button-group-tailwind-styling/button-group-tailwind-styling.component.scss new file mode 100644 index 000000000..2c28a2607 --- /dev/null +++ b/src/app/data-entries/buttonGroup/button-group-tailwind-styling/button-group-tailwind-styling.component.scss @@ -0,0 +1,15 @@ +@use "layout.scss"; + +.button-group-style { + --item-text-color: #6d28d9; + --item-background: #ffffff; + --item-border-color: #c4b5fd; + --item-hover-text-color: #6d28d9; + --item-hover-background: #fae8ff; + --item-hover-border-color: #c4b5fd; + --item-selected-text-color: #ffffff; + --item-selected-background: #7c3aed; + --item-selected-border-color: #c4b5fd; + --item-selected-hover-text-color: #ffffff; + --item-selected-hover-background: #7c3aed; +} diff --git a/src/app/data-entries/buttonGroup/button-group-tailwind-styling/button-group-tailwind-styling.component.ts b/src/app/data-entries/buttonGroup/button-group-tailwind-styling/button-group-tailwind-styling.component.ts new file mode 100644 index 000000000..431471a67 --- /dev/null +++ b/src/app/data-entries/buttonGroup/button-group-tailwind-styling/button-group-tailwind-styling.component.ts @@ -0,0 +1,14 @@ +import { Component } from '@angular/core'; +import { IgxButtonGroupComponent } from 'igniteui-angular/button-group'; +import { IgxButtonDirective, IgxRippleDirective } from 'igniteui-angular/directives'; + +@Component({ + selector: 'app-button-group-tailwind-styling', + styleUrls: ['./button-group-tailwind-styling.component.scss'], + templateUrl: './button-group-tailwind-styling.component.html', + imports: [IgxButtonGroupComponent, IgxButtonDirective, IgxRippleDirective] +}) +export class ButtonGroupTailwindStylingComponent { + public rippleColor = 'gray'; + public views = ['Day', 'Week', 'Month']; +} diff --git a/src/app/data-entries/buttonGroup/button-group-tailwind-styling/layout.scss b/src/app/data-entries/buttonGroup/button-group-tailwind-styling/layout.scss new file mode 100644 index 000000000..4b18df3f1 --- /dev/null +++ b/src/app/data-entries/buttonGroup/button-group-tailwind-styling/layout.scss @@ -0,0 +1,16 @@ +.button-group-tailwind-styling { + display: flex; + align-items: center; + justify-content: center; + min-height: 7rem; + width: 100%; + padding: 1.5rem; + box-sizing: border-box; + background: #f5f3ff; +} + +.button-group-tailwind-styling igx-buttongroup { + width: 420px; + max-width: 100%; + overflow: hidden; +} diff --git a/src/app/data-entries/data-entries-routes-data.ts b/src/app/data-entries/data-entries-routes-data.ts index c6d537969..5e710a28e 100644 --- a/src/app/data-entries/data-entries-routes-data.ts +++ b/src/app/data-entries/data-entries-routes-data.ts @@ -3,13 +3,16 @@ export const dataEntriesRoutesData = { "autocomplete": { displayName: "Autocomplete", parentName: "Autocomplete" }, "movie": { displayName: "Movie Availability", parentName: "Autocomplete" }, - "button-group-sample-1": { displayName: "Button Group Overview", parentName: "Button Group" }, - "button-group-sample-2": { displayName: "Vertical Button Group", parentName: "Button Group" }, - "button-group-sample-3": { displayName: "Horizontal Button Group", parentName: "Button Group" }, - "button-group-sample-4": { displayName: "Selection Mode", parentName: "Button Group" }, - "button-group-sample-5": { displayName: "Display Density", parentName: "Button Group" }, - "button-group-style": { displayName: "Button Group Style", parentName: "Button Group" }, - "button-group-tailwind-style": { displayName: "Button Group Tailwind Style", parentName: "Button Group" }, + "button-group-overview": { displayName: "Button Group Overview", parentName: "Button Group" }, + "button-group-layout": { displayName: "Button Group Layout", parentName: "Button Group" }, + "button-group-alignment": { displayName: "Button Group Alignment", parentName: "Button Group" }, + "button-group-custom-toggle": { displayName: "Button Group Custom Toggle", parentName: "Button Group" }, + "button-group-states": { displayName: "Button Group States", parentName: "Button Group" }, + "button-group-interaction-states": { displayName: "Button Group Interaction States", parentName: "Button Group" }, + "button-group-selection": { displayName: "Button Group Selection", parentName: "Button Group" }, + "button-group-size": { displayName: "Button Group Size", parentName: "Button Group" }, + "button-group-styling": { displayName: "Button Group Styling", parentName: "Button Group" }, + "button-group-tailwind-styling": { displayName: "Button Group Tailwind Styling", parentName: "Button Group" }, "buttons-sample-1": { displayName: "Overview", parentName: "Buttons" }, "buttons-sample-2": { displayName: "Flat Button", parentName: "Buttons" }, "buttons-sample-3": { displayName: "Button Ripple", parentName: "Buttons" }, diff --git a/src/app/data-entries/data-entries.routes.ts b/src/app/data-entries/data-entries.routes.ts index 665bf7c9e..8bc329cfc 100644 --- a/src/app/data-entries/data-entries.routes.ts +++ b/src/app/data-entries/data-entries.routes.ts @@ -1,13 +1,16 @@ import { Routes } from '@angular/router'; import { AutocompleteBasicComponent } from './autocomplete/autocomplete/autocomplete.component'; import { MovieComponent } from './autocomplete/movie/movie.component'; -import { ButtonGroupSample1Component } from './buttonGroup/button-group-sample-1/button-group-sample-1.component'; -import { ButtonGroupSample2Component } from './buttonGroup/button-group-sample-2/button-group-sample-2.component'; -import { ButtonGroupSample3Component } from './buttonGroup/button-group-sample-3/button-group-sample-3.component'; -import { ButtonGroupSampleComponent } from './buttonGroup/button-group-sample-4/button-group-sample.component'; -import { ButtonGroupSample5Component } from './buttonGroup/button-group-sample-5/button-group-sample-5.component'; -import { ButtonGroupStyleComponent } from './buttonGroup/button-group-style/button-group-style.component'; -import { ButtonGroupTailwindStyleComponent } from './buttonGroup/button-group-tailwind-style/button-group-tailwind-style.component'; +import { ButtonGroupOverviewComponent } from './buttonGroup/button-group-overview/button-group-overview.component'; +import { ButtonGroupLayoutComponent } from './buttonGroup/button-group-layout/button-group-layout.component'; +import { ButtonGroupAlignmentComponent } from './buttonGroup/button-group-alignment/button-group-alignment.component'; +import { ButtonGroupCustomToggleComponent } from './buttonGroup/button-group-custom-toggle/button-group-custom-toggle.component'; +import { ButtonGroupStatesComponent } from './buttonGroup/button-group-states/button-group-states.component'; +import { ButtonGroupInteractionStatesComponent } from './buttonGroup/button-group-interaction-states/button-group-interaction-states.component'; +import { ButtonGroupSelectionComponent } from './buttonGroup/button-group-selection/button-group-selection.component'; +import { ButtonGroupSizeComponent } from './buttonGroup/button-group-size/button-group-size.component'; +import { ButtonGroupStylingComponent } from './buttonGroup/button-group-styling/button-group-styling.component'; +import { ButtonGroupTailwindStylingComponent } from './buttonGroup/button-group-tailwind-styling/button-group-tailwind-styling.component'; import { ButtonsDisabledComponent } from './buttons/buttons-disabled-sample/buttons-disabled-sample'; import { ButtonsDisplayDensityComponent } from './buttons/buttons-display-density/buttons-display-density.component'; import { ButtonsRoundnessComponent } from './buttons/buttons-roundness-sample/buttons-roundness-sample'; @@ -99,39 +102,54 @@ export const DataEntriesRoutes: Routes = [ path: 'buttons-display-density' }, { - component: ButtonGroupSample1Component, - data: dataEntriesRoutesData['button-group-sample-1'], - path: 'button-group-sample-1' + component: ButtonGroupOverviewComponent, + data: dataEntriesRoutesData['button-group-overview'], + path: 'button-group-overview' }, { - component: ButtonGroupSample2Component, - data: dataEntriesRoutesData['button-group-sample-2'], - path: 'button-group-sample-2' + component: ButtonGroupLayoutComponent, + data: dataEntriesRoutesData['button-group-layout'], + path: 'button-group-layout' }, { - component: ButtonGroupSample3Component, - data: dataEntriesRoutesData['button-group-sample-3'], - path: 'button-group-sample-3' + component: ButtonGroupAlignmentComponent, + data: dataEntriesRoutesData['button-group-alignment'], + path: 'button-group-alignment' }, { - component: ButtonGroupSampleComponent, - data: dataEntriesRoutesData['button-group-sample-4'], - path: 'button-group-sample-4' + component: ButtonGroupCustomToggleComponent, + data: dataEntriesRoutesData['button-group-custom-toggle'], + path: 'button-group-custom-toggle' }, { - component: ButtonGroupSample5Component, - data: dataEntriesRoutesData['button-group-sample-5'], - path: 'button-group-sample-5' + component: ButtonGroupStatesComponent, + data: dataEntriesRoutesData['button-group-states'], + path: 'button-group-states' }, { - component: ButtonGroupStyleComponent, - data: dataEntriesRoutesData['button-group-style'], - path: 'button-group-style' + component: ButtonGroupInteractionStatesComponent, + data: dataEntriesRoutesData['button-group-interaction-states'], + path: 'button-group-interaction-states' }, { - component: ButtonGroupTailwindStyleComponent, - data: dataEntriesRoutesData['button-group-tailwind-style'], - path: 'button-group-tailwind-style' + component: ButtonGroupSelectionComponent, + data: dataEntriesRoutesData['button-group-selection'], + path: 'button-group-selection' + }, + { + component: ButtonGroupSizeComponent, + data: dataEntriesRoutesData['button-group-size'], + path: 'button-group-size' + }, + { + component: ButtonGroupStylingComponent, + data: dataEntriesRoutesData['button-group-styling'], + path: 'button-group-styling' + }, + { + component: ButtonGroupTailwindStylingComponent, + data: dataEntriesRoutesData['button-group-tailwind-styling'], + path: 'button-group-tailwind-styling' }, { component: ButtonsRoundnessComponent, From 4fa031552246c16f46e86b6da2403e246f2d2ab7 Mon Sep 17 00:00:00 2001 From: Marin Popov Date: Wed, 26 Aug 2026 17:44:11 +0300 Subject: [PATCH 34/35] refactor(samples): simplify styling (#4017) * refactor(avatar): simplify and update avatar samples with grid layout and consistent styling * refactor(avatar): enhance layout and styling for avatar components * refactor(avatar): adjust layout gap and simplify styling for avatar components * refactor(avatar): simplify and clean up styling across avatar components and samples * refactor(badge): streamline badge components and enhance styling consistency * refactor(badge, avatar): replace custom icon-circle with igx-avatar and clean up unused styles --- live-editing/configs/AvatarConfigGenerator.ts | 1 - live-editing/configs/BadgeConfigGenerator.ts | 2 +- .../badge/badge-dot/badge-dot.component.html | 83 ++++---- .../badge/badge-dot/badge-dot.component.scss | 133 +++++------- .../badge-icon/badge-icon.component.html | 25 +-- .../badge-icon/badge-icon.component.scss | 85 +++----- .../badge-outlined.component.html | 42 ++-- .../badge-outlined.component.scss | 146 ++++--------- .../badge-outlined.component.ts | 10 +- .../badge-overview.component.html | 34 ++- .../badge-overview.component.scss | 78 +++---- .../badge-shape/badge-shape.component.html | 23 +- .../badge-shape/badge-shape.component.scss | 46 ++-- .../badge-size/badge-size.component.html | 34 ++- .../badge-size/badge-size.component.scss | 48 ++--- .../badge-styling.component.html | 29 +-- .../badge-styling.component.scss | 72 +++---- .../badge/badge-styling/layout.scss | 33 --- .../badge-tailwind-styling.component.html | 29 +-- .../badge-tailwind-styling.component.scss | 35 +++- .../badge/badge-tailwind-styling/layout.scss | 29 --- .../badge-type/badge-type.component.html | 34 +-- .../badge-type/badge-type.component.scss | 77 +++---- .../badge-variants.component.html | 56 ++--- .../badge-variants.component.scss | 74 +++---- .../avatar-overview.component.html | 95 ++++----- .../avatar-overview.component.scss | 57 +++-- .../avatar-shape/avatar-shape.component.html | 94 ++++----- .../avatar-shape/avatar-shape.component.scss | 72 ++++--- .../avatar-size/avatar-size.component.html | 98 ++++----- .../avatar-size/avatar-size.component.scss | 90 ++++---- .../avatar-styling.component.html | 126 ++++++----- .../avatar-styling.component.scss | 35 ++-- .../layouts/avatar/avatar-styling/layout.scss | 4 - .../avatar-tailwind-styling.component.html | 198 +++++++++--------- .../avatar-tailwind-styling.component.scss | 33 +++ .../avatar-variants.component.html | 96 ++++----- .../avatar-variants.component.scss | 73 ++++--- 38 files changed, 1031 insertions(+), 1298 deletions(-) delete mode 100644 src/app/data-display/badge/badge-styling/layout.scss delete mode 100644 src/app/data-display/badge/badge-tailwind-styling/layout.scss delete mode 100644 src/app/layouts/avatar/avatar-styling/layout.scss diff --git a/live-editing/configs/AvatarConfigGenerator.ts b/live-editing/configs/AvatarConfigGenerator.ts index bcda5be74..4b4770185 100644 --- a/live-editing/configs/AvatarConfigGenerator.ts +++ b/live-editing/configs/AvatarConfigGenerator.ts @@ -33,7 +33,6 @@ export class AvatarConfigGenerator implements IConfigGenerator { configs.push(new Config({ component: 'AvatarStylingSampleComponent', - additionalFiles: ["/src/app/layouts/avatar/avatar-styling/layout.scss"], appConfig: BaseAppConfig, shortenComponentPathBy: "/layouts/avatar/" })); diff --git a/live-editing/configs/BadgeConfigGenerator.ts b/live-editing/configs/BadgeConfigGenerator.ts index 0015cbc59..69076422f 100644 --- a/live-editing/configs/BadgeConfigGenerator.ts +++ b/live-editing/configs/BadgeConfigGenerator.ts @@ -55,7 +55,7 @@ export class BadgeConfigGenerator implements IConfigGenerator { // badge styling configs.push(new Config({ component: 'BadgeStylingComponent', - additionalFiles: ["src/app/data-display/badge/model/member.model.ts", "src/app/data-display/badge/badge-styling/layout.scss"], + additionalFiles: ["src/app/data-display/badge/model/member.model.ts"], appConfig: BaseAppConfig, shortenComponentPathBy: "/data-display/badge/" })); diff --git a/src/app/data-display/badge/badge-dot/badge-dot.component.html b/src/app/data-display/badge/badge-dot/badge-dot.component.html index 659f1a328..4c41e83e1 100644 --- a/src/app/data-display/badge/badge-dot/badge-dot.component.html +++ b/src/app/data-display/badge/badge-dot/badge-dot.component.html @@ -1,43 +1,44 @@ -
-
-
- notifications + + + + +
+ @for (item of notifications; track item.title) { +
+ + @if (item.unread) { + + } + + {{ item.title }} + {{ item.time }} + chevron_right
- -
-
- @for (item of notifications; track item.title) { -
- - @if (item.unread) { - - } - - {{ item.title }} - {{ item.time }} - chevron_right -
- } -
-
- - -
-
- @for (tab of tabs; track tab.label) { -
- - @if (tab.icon === 'facebookMessenger') { - - } @else { - - } - @if (tab.hasUpdates) { - - } - - {{ tab.label }} -
- } -
+ } +
+ + + + + +
+ @for (tab of tabs; track tab.label) { +
+ + + @if (tab.hasUpdates) { + + } + + {{ tab.label }} +
+ }
diff --git a/src/app/data-display/badge/badge-dot/badge-dot.component.scss b/src/app/data-display/badge/badge-dot/badge-dot.component.scss index ec0b144f8..db1defa58 100644 --- a/src/app/data-display/badge/badge-dot/badge-dot.component.scss +++ b/src/app/data-display/badge/badge-dot/badge-dot.component.scss @@ -1,134 +1,115 @@ -igx-badge { - --ig-size: var(--ig-size-small); -} - -igx-avatar { - --size: 40px; -} +@use "sass:list"; +@use "igniteui-theming/sass/typography" as *; -.icon-example igx-badge, -.avatar-example igx-badge, -.nav-icon igx-badge { - position: absolute; -} +:host { + --sample-accent: #0057a9; -.icon-example igx-badge { - inset-block-start: 0; - inset-inline-end: 2px; + display: grid; + grid-auto-flow: column; + place-content: center; + place-items: center; + column-gap: rem(40px); + min-height: 8.5rem; } -.avatar-example igx-badge { - inset-block-start: -0.25rem; - inset-inline-end: -2px; -} +igx-badge { + --ig-size: var(--ig-size-small); -.nav-icon igx-badge { - inset-block-start: -2px; - inset-inline-end: -6px; + position: absolute; + inset-block-start: anchor(14.5%); + inset-inline-start: anchor(85.5%); + translate: -50% -50%; } -.badge-dot { - display: flex; - align-items: center; - justify-content: center; - gap: 40px; - min-height: 8.5rem; -} +$anchors: icon, avatar; -.dot-example { - position: relative; -} +@each $anchor in $anchors { + $i: list.index($anchors, $anchor); -.icon-example, -.avatar-example, -.icon-circle { - display: flex; - align-items: center; - width: 36px; - height: 36px; -} + .#{$anchor}-anchor { + anchor-name: --#{$anchor}; + } -.icon-circle { - justify-content: center; - border-radius: 50%; - background: var(--ig-gray-200); - color: var(--ig-gray-800); + :host > igx-badge:nth-of-type(#{$i}) { + position-anchor: --#{$anchor}; + } } .notifications-card, .nav-card { background: var(--ig-surface-500); - border-radius: 4px; - box-shadow: 0 1px 3px hsl(from var(--ig-gray-900) h s l / 0.12); + border-radius: rem(4px); + box-shadow: 0 rem(1px) rem(3px) hsl(from var(--ig-gray-900) h s l / 0.12); } .notifications-card { - min-width: 272px; - padding: 8px 0; + min-width: rem(270px); + padding-block: rem(8px); } .notification-row { + @include type-style("body-2") { + margin: 0; + } + display: flex; align-items: center; - gap: 8px; - padding: 8px 12px; - font-size: 14px; + gap: rem(8px); + padding: rem(8px) rem(12px); color: var(--ig-gray-900); } .row-indicator { display: inline-flex; justify-content: center; - width: 12px; + width: rem(12px); } .row-title { flex: 1; } -.row-time { - font-size: 13px; - color: var(--ig-gray-900); -} - -.row-time.unread { - color: #0057A9; +.unread { + color: var(--sample-accent); font-weight: 600; } .row-chevron { - --ig-size: 1rem; color: var(--ig-gray-600); - font-size: 18px; + font-size: rem(18px); } .nav-card { display: flex; align-items: center; - gap: 8px; - padding: 8px 12px; + gap: rem(8px); + padding: rem(8px) rem(12px); } .nav-item { + @include type-style("caption") { + margin: 0; + } + display: flex; flex-direction: column; align-items: center; - gap: 4px; - min-width: 56px; - color: #556c86; - font-family: "Aktiv Grotesk", sans-serif; - font-size: 13px; - font-weight: 400; - font-style: normal; - line-height: 20px; - letter-spacing: 0.3px; -} + gap: rem(4px); + min-width: rem(56px); + color: var(--ig-gray-700); -.nav-item.active { - color: #0057A9; + &.active { + color: var(--sample-accent); + } } .nav-icon { position: relative; display: inline-flex; + + igx-badge { + position: absolute; + inset-block: rem(-2px) auto; + inset-inline: auto rem(-6px); + } } diff --git a/src/app/data-display/badge/badge-icon/badge-icon.component.html b/src/app/data-display/badge/badge-icon/badge-icon.component.html index b49c231b1..42124e3c6 100644 --- a/src/app/data-display/badge/badge-icon/badge-icon.component.html +++ b/src/app/data-display/badge/badge-icon/badge-icon.component.html @@ -1,17 +1,8 @@ -
- @for (item of badges; track item.label) { -
-
- -
- {{ item.label }} -
- } -
-
- - -
- on avatar -
-
+@for (item of badges; track item.label) { + + {{ item.label }} +} + + + +on avatar diff --git a/src/app/data-display/badge/badge-icon/badge-icon.component.scss b/src/app/data-display/badge/badge-icon/badge-icon.component.scss index fd9db2634..5dccea83e 100644 --- a/src/app/data-display/badge/badge-icon/badge-icon.component.scss +++ b/src/app/data-display/badge/badge-icon/badge-icon.component.scss @@ -1,67 +1,44 @@ -igx-avatar { - --size: 40px; - --ig-avatar-background: var(--ig-gray-700); - --ig-avatar-color: var(--ig-gray-50); +@use "igniteui-theming/sass/typography" as *; + +:host { + display: grid; + grid-auto-flow: column; + grid-template-rows: auto auto; + place-content: center; + place-items: center; + column-gap: rem(40px); + row-gap: rem(10px); + min-height: 8.5rem; + padding: rem(32px); } -.icon-wrapper { - display: flex; - align-items: flex-end; - justify-content: center; - width: 40px; - height: 40px; +igx-avatar { + grid-row: 1; + anchor-name: --avatar; } -.icon-wrapper > igx-badge { +igx-badge { --ig-size: var(--ig-size-medium); - display: inline-flex; - align-items: center; - justify-content: center; - text-align: center; -} -.avatar-wrapper igx-badge { - --ig-size: var(--ig-size-small); - position: absolute; - inset-block-start: -4px; - inset-inline-end: -6px; + grid-row: 1; } -.badge-icon { - display: flex; - align-items: center; - justify-content: center; - gap: 40px; - min-height: 8.5rem; -} - -.badge-icon-item { - display: flex; - flex-direction: column; - align-items: center; - gap: 6px; - min-width: 56px; -} +span { + @include type-style("body-2") { + margin: 0; + } -.badge-icon-item span { - color: #556c86; - font-family: "Aktiv Grotesk", sans-serif; - font-size: 13px; - font-weight: 400; - font-style: normal; - line-height: 20px; - letter-spacing: 0.3px; - transform: translateY(4px); + grid-row: 2; + text-align: center; + color: var(--ig-gray-700); } -.badge-icon-item:last-child span { - white-space: nowrap; -} +igx-badge:last-of-type { + --ig-size: var(--ig-size-small); -.avatar-wrapper { - position: relative; - display: flex; - align-items: center; - justify-content: center; - height: 40px; + position: absolute; + position-anchor: --avatar; + inset-block-start: anchor(14.5%); + inset-inline-start: anchor(85.5%); + translate: -50% -50%; } diff --git a/src/app/data-display/badge/badge-outlined/badge-outlined.component.html b/src/app/data-display/badge/badge-outlined/badge-outlined.component.html index c260ae562..58333b1d6 100644 --- a/src/app/data-display/badge/badge-outlined/badge-outlined.component.html +++ b/src/app/data-display/badge/badge-outlined/badge-outlined.component.html @@ -1,28 +1,18 @@ -
-
-
- favorite_border -
- -
-
- - -
-
+ + + + + + + @for (step of steps; track step.label) { - @if (!$first) { - - } -
-
- {{ step.index }} - @if (step.current) { - - } -
- {{ step.label }} -
+ + + {{ step.index }} + {{ step.label }} + } -
-
+ + + diff --git a/src/app/data-display/badge/badge-outlined/badge-outlined.component.scss b/src/app/data-display/badge/badge-outlined/badge-outlined.component.scss index b0a0086c8..7f7ef7321 100644 --- a/src/app/data-display/badge/badge-outlined/badge-outlined.component.scss +++ b/src/app/data-display/badge/badge-outlined/badge-outlined.component.scss @@ -1,120 +1,66 @@ -igx-badge { - --ig-size: var(--ig-size-small); -} - -igx-avatar { - --size: 40px; - --ig-avatar-background: var(--ig-gray-700); - --ig-avatar-color: var(--ig-gray-50); -} - -:host ::ng-deep .outlined-example igx-avatar igx-icon { - color: var(--ig-gray-50); -} - -.outlined-example:nth-child(2) igx-badge { - inset-block-start: auto; - inset-block-end: -6px; - inset-inline-end: -6px; -} - -.step-marker igx-badge { - position: absolute; - inset-block-start: -1px; - inset-inline-end: -2px; -} - -.outlined-example igx-badge { - position: absolute; - inset-block-start: -6px; - inset-inline-end: -10px; -} - -.icon-circle igx-icon { - font-size: 20px; -} +@use "sass:list"; +@use "igniteui-theming/sass" as *; :host { - display: block; - padding-inline: 1rem; -} - -.badge-outlined { - display: flex; - align-items: center; - justify-content: center; - gap: 60px; + display: grid; + grid-auto-flow: column; + place-content: center; + place-items: center; + column-gap: rem(60px); min-height: 7rem; -} + padding-inline: rem(16px); -.outlined-example { - position: relative; - display: flex; + ::ng-deep { + // NOTE! This is just for the sake of the sample, don't do this in your app. + // The stepper body is where the content for each step goes, and it should be visible. + // This sample doesn't have any content, so we hide it to avoid the empty space. + .igx-stepper__body { + display: none; + } + } } -.icon-circle, -.step-circle { - display: flex; - align-items: center; - justify-content: center; - border-radius: 50%; +.icon-anchor { + --ig-avatar-background: #{color($color: gray, $variant: 900, $opacity: 0.08)}; } -.icon-circle { - width: 36px; - height: 36px; - background: var(--ig-gray-200); - color: var(--ig-gray-800); -} +igx-badge { + --ig-size: var(--ig-size-small); -.steps { - display: flex; - align-items: flex-start; - gap: 8px; -} + position: absolute; + inset-block-start: anchor(14.5%); + inset-inline-start: anchor(85.5%); + translate: -50% -50%; -.step { - display: flex; - flex-direction: column; - align-items: center; - gap: 8px; + &:nth-of-type(2) { + inset-block-start: anchor(85.5%); + } } -.step-marker { - position: relative; - display: flex; -} +$anchors: icon, initials, flagged; -.step-circle { - width: 26px; - height: 26px; - background: var(--ig-gray-900); - color: var(--ig-gray-50); - font-size: 12px; -} +@each $anchor in $anchors { + $i: list.index($anchors, $anchor); -.step-circle.pending { - background: var(--ig-gray-200); - color: var(--ig-gray-800); -} + .#{$anchor}-anchor { + anchor-name: --#{$anchor}; + } -.step-connector { - width: 56px; - margin-block-start: 13px; - border-block-start: 1px solid var(--ig-gray-900); + :host > igx-badge:nth-of-type(#{$i}) { + position-anchor: --#{$anchor}; + } } -.step-connector.pending { - border-block-start-style: dashed; - border-block-start-color: var(--ig-gray-400); +igx-stepper { + --ig-stepper-step-separator-style: dashed; + --ig-stepper-step-separator-color: var(--ig-gray-400); + + max-width: rem(316px); } -.step-label { - color: #556c86; - font-family: "Aktiv Grotesk", sans-serif; - font-size: 13px; - font-weight: 400; - font-style: normal; - line-height: 20px; - letter-spacing: 0.3px; +span[igxStepIndicator] { + display: grid; + place-items: center; + inline-size: 100%; + block-size: 100%; } diff --git a/src/app/data-display/badge/badge-outlined/badge-outlined.component.ts b/src/app/data-display/badge/badge-outlined/badge-outlined.component.ts index 6b2013340..226ce9c10 100644 --- a/src/app/data-display/badge/badge-outlined/badge-outlined.component.ts +++ b/src/app/data-display/badge/badge-outlined/badge-outlined.component.ts @@ -1,19 +1,19 @@ import { Component } from '@angular/core'; import { IgxAvatarComponent } from 'igniteui-angular/avatar'; import { IgxBadgeComponent } from 'igniteui-angular/badge'; -import { IgxIconComponent } from 'igniteui-angular/icon'; +import { IGX_STEPPER_DIRECTIVES } from 'igniteui-angular/stepper'; @Component({ selector: 'app-badge-outlined', styleUrls: ['./badge-outlined.component.scss'], templateUrl: './badge-outlined.component.html', - imports: [IgxAvatarComponent, IgxBadgeComponent, IgxIconComponent] + imports: [IgxAvatarComponent, IgxBadgeComponent, IGX_STEPPER_DIRECTIVES] }) export class BadgeOutlinedComponent { public steps = [ - { index: 1, label: 'Orders', current: false, pending: false }, - { index: 2, label: 'Payment', current: true, pending: false }, - { index: 3, label: 'Shipping', current: false, pending: true } + { index: 1, label: 'Orders', completed: true, active: false, flagged: false }, + { index: 2, label: 'Payment', completed: false, active: true, flagged: true }, + { index: 3, label: 'Shipping', completed: false, active: false, flagged: false } ]; } diff --git a/src/app/data-display/badge/badge-overview/badge-overview.component.html b/src/app/data-display/badge/badge-overview/badge-overview.component.html index caa914820..17daa533f 100644 --- a/src/app/data-display/badge/badge-overview/badge-overview.component.html +++ b/src/app/data-display/badge/badge-overview/badge-overview.component.html @@ -1,18 +1,16 @@ -
-
- - -
-
- mail - -
-
- Events - -
-
- notifications - -
-
+ + + + +mail + + +Events + + +notifications + diff --git a/src/app/data-display/badge/badge-overview/badge-overview.component.scss b/src/app/data-display/badge/badge-overview/badge-overview.component.scss index 3830a130d..51d1079d5 100644 --- a/src/app/data-display/badge/badge-overview/badge-overview.component.scss +++ b/src/app/data-display/badge/badge-overview/badge-overview.component.scss @@ -1,67 +1,47 @@ -igx-avatar { - --size: 40px; +@use "sass:list"; +@use "igniteui-theming/sass/typography" as *; + +:host { + display: grid; + grid-auto-flow: column; + place-content: center; + place-items: center; + column-gap: rem(60px); + min-height: 7rem; } igx-icon { color: var(--ig-gray-700); - font-size: 1.5rem; -} - -igx-badge { - --ig-size: var(--ig-size-small); - position: absolute; - inset-block-start: -0.15rem; - inset-inline-end: -0.15rem; -} - -.avatar-example igx-badge { - inset-block-start: auto; - inset-block-end: -0.15rem; - inset-inline-end: -0.15rem; + font-size: rem(24px); } -.event-example igx-chip { +igx-chip { --ig-size: var(--ig-size-large); } -.event-example igx-badge { - inset-block-start: 0; - inset-inline-end: -0.8rem; -} +igx-badge { + --ig-size: var(--ig-size-small); -.icon-example igx-badge { - inset-block-start: 0; - inset-inline-end: 0; + position: absolute; + inset-block-start: anchor(10%); + inset-inline-start: anchor(85.5%); + translate: -50% -50%; } -.notification-example igx-badge { - inset-block-start: 0.5rem; - inset-inline-end: 0.5rem; +igx-badge:nth-of-type(1) { + inset-block-start: anchor(85.5%); } -.event-example { - min-width: auto; -} +$anchors: avatar, mail, events, notifications; -.badge-overview { - display: flex; - align-items: center; - justify-content: center; - gap: 60px; - min-height: 7rem; -} +@each $anchor in $anchors { + $i: list.index($anchors, $anchor); -.badge-example { - position: relative; - display: inline-flex; - align-items: center; - justify-content: center; - min-width: 2.5rem; - min-height: 2.5rem; -} + .#{$anchor}-anchor { + anchor-name: --#{$anchor}; + } -.icon-example, -.notification-example { - width: 2.5rem; - height: 2.5rem; + igx-badge:nth-of-type(#{$i}) { + position-anchor: --#{$anchor}; + } } diff --git a/src/app/data-display/badge/badge-shape/badge-shape.component.html b/src/app/data-display/badge/badge-shape/badge-shape.component.html index 181f4727e..63a34447d 100644 --- a/src/app/data-display/badge/badge-shape/badge-shape.component.html +++ b/src/app/data-display/badge/badge-shape/badge-shape.component.html @@ -1,14 +1,9 @@ -
-
- Rounded - - - -
-
- Square - - - -
-
+Rounded + + + + +Square + + + diff --git a/src/app/data-display/badge/badge-shape/badge-shape.component.scss b/src/app/data-display/badge/badge-shape/badge-shape.component.scss index 56754daae..8e7dfd50b 100644 --- a/src/app/data-display/badge/badge-shape/badge-shape.component.scss +++ b/src/app/data-display/badge/badge-shape/badge-shape.component.scss @@ -1,31 +1,31 @@ -.badge-shape { - display: flex; - flex-direction: column; - align-items: center; - justify-content: center; - gap: 40px; - min-height: 8.5rem; -} +@use "sass:list"; +@use "igniteui-theming/sass/typography" as *; -.badge-shape-row { +:host { display: grid; - grid-template-columns: 80px 40px 40px 40px; - align-items: center; - justify-items: center; - gap: 8px; + grid-template-columns: rem(80px) rem(40px) rem(40px) rem(40px); + place-content: center; + place-items: center; + column-gap: rem(8px); + row-gap: rem(40px); + min-height: 8.5rem; } -.row-label { +span { justify-self: end; - color: #556c86; - font-family: "Aktiv Grotesk", sans-serif; - font-size: 13px; - font-weight: 400; - font-style: normal; - line-height: 20px; - letter-spacing: 0.3px; + color: var(--ig-gray-700); + + @include type-style("body-2") { + margin: 0; + } } -.badge-small { - --ig-size: var(--ig-size-small); +$sizes: small, medium, large; + +@each $size in $sizes { + $i: list.index($sizes, $size); + + igx-badge:nth-of-type(3n + #{$i}) { + --ig-size: var(--ig-size-#{$size}); + } } diff --git a/src/app/data-display/badge/badge-size/badge-size.component.html b/src/app/data-display/badge/badge-size/badge-size.component.html index f18e860e6..87db132a2 100644 --- a/src/app/data-display/badge/badge-size/badge-size.component.html +++ b/src/app/data-display/badge/badge-size/badge-size.component.html @@ -1,20 +1,14 @@ -
-
- Small - - - -
-
- Medium - - - -
-
- Large - - - -
-
+Small + + + + +Medium + + + + +Large + + + diff --git a/src/app/data-display/badge/badge-size/badge-size.component.scss b/src/app/data-display/badge/badge-size/badge-size.component.scss index 868040a84..bdedf7a51 100644 --- a/src/app/data-display/badge/badge-size/badge-size.component.scss +++ b/src/app/data-display/badge/badge-size/badge-size.component.scss @@ -1,31 +1,31 @@ -.badge-size { - display: flex; - flex-direction: column; - align-items: center; - justify-content: center; - gap: 40px; - padding: 32px; -} +@use "sass:list"; +@use "igniteui-theming/sass/typography" as *; -.badge-size-row { +:host { display: grid; - grid-template-columns: 80px 32px 40px 40px; - align-items: center; - justify-items: center; - gap: 8px; + grid-template-columns: rem(80px) rem(32px) rem(40px) rem(40px); + place-content: center; + place-items: center; + column-gap: rem(8px); + row-gap: rem(40px); + padding: rem(32px); } -.row-label { +span { justify-self: end; - color: #556c86; - font-family: "Aktiv Grotesk", sans-serif; - font-size: 13px; - font-weight: 400; - font-style: normal; - line-height: 20px; - letter-spacing: 0.3px; + color: var(--ig-gray-700); + + @include type-style("body-2") { + margin: 0; + } } -.badge-large { --ig-size: var(--ig-size-large); } -.badge-medium { --ig-size: var(--ig-size-medium); } -.badge-small { --ig-size: var(--ig-size-small); } +$sizes: small, medium, large; + +@each $size in $sizes { + $i: list.index($sizes, $size); + + igx-badge:nth-of-type(n + #{($i - 1) * 3 + 1}):nth-of-type(-n + #{$i * 3}) { + --ig-size: var(--ig-size-#{$size}); + } +} diff --git a/src/app/data-display/badge/badge-styling/badge-styling.component.html b/src/app/data-display/badge/badge-styling/badge-styling.component.html index 00bd36f85..813d59501 100644 --- a/src/app/data-display/badge/badge-styling/badge-styling.component.html +++ b/src/app/data-display/badge/badge-styling/badge-styling.component.html @@ -1,18 +1,11 @@ -
-
- - -
-
- - -
-
- - -
-
- - -
-
+ + + + + + + + + + + diff --git a/src/app/data-display/badge/badge-styling/badge-styling.component.scss b/src/app/data-display/badge/badge-styling/badge-styling.component.scss index d280f593d..29d0b7169 100644 --- a/src/app/data-display/badge/badge-styling/badge-styling.component.scss +++ b/src/app/data-display/badge/badge-styling/badge-styling.component.scss @@ -1,50 +1,52 @@ -@use "layout.scss"; +@use "sass:list"; +@use "sass:map"; +@use "igniteui-theming/sass/typography" as *; + +:host { + display: grid; + grid-auto-flow: column; + place-content: center; + place-items: center; + column-gap: rem(60px); + min-height: 7rem; +} igx-badge { --ig-size: var(--ig-size-small); -} -:host ::ng-deep .badge-teal igx-icon, -:host ::ng-deep .badge-amber igx-icon, -:host ::ng-deep .styling-item.pink igx-avatar igx-icon { - color: var(--ig-gray-50); + position: absolute; + inset-block-start: anchor(85.5%); + inset-inline-start: anchor(85.5%); + translate: -50% -50%; } -:host ::ng-deep .badge-teal igx-icon { - position: relative; +.avatar-green { + --ig-avatar-background: var(--ig-success-200); + --ig-avatar-icon-color: var(--ig-success-700); } -:host ::ng-deep .badge-teal igx-icon::after { - content: ""; - position: absolute; - inset: 50% auto auto 50%; - width: 4px; - height: 4px; - border-radius: 50%; - background: var(--ig-success-700); - transform: translate(-50%, -50%); +.avatar-pink { + --ig-avatar-background: #da64ff; + --ig-avatar-icon-color: var(--ig-gray-50); } -.styling-item.green igx-avatar { - --icon-color: var(--ig-success-700); -} +$badges: ( + teal: var(--ig-success-700), + amber: #c97c00, + magenta: #9c27b0, + lime: var(--ig-success-700), +); -.styling-item igx-avatar { - --size: 40px; -} +@each $name, $color in $badges { + $i: list.index(map.keys($badges), $name); -.styling-item.green igx-avatar { - --ig-avatar-background: var(--ig-success-200); - --ig-avatar-color: var(--ig-gray-50); -} + igx-avatar:nth-of-type(#{$i}) { + anchor-name: --#{$name}; + } -.styling-item.pink igx-avatar { - --ig-avatar-background: #DA64FF; - --ig-avatar-color: var(--ig-gray-50); -} + .badge-#{$name} { + --ig-badge-background-color: #{$color}; -.styling-item igx-badge { - position: absolute; - inset-block-end: -2px; - inset-inline-end: -2px; + position-anchor: --#{$name}; + } } diff --git a/src/app/data-display/badge/badge-styling/layout.scss b/src/app/data-display/badge/badge-styling/layout.scss deleted file mode 100644 index 601f78323..000000000 --- a/src/app/data-display/badge/badge-styling/layout.scss +++ /dev/null @@ -1,33 +0,0 @@ -.badge-teal { - --background-color: var(--ig-success-700); - --border-radius: 50%; -} - -.badge-amber { - --background-color: #C97C00; - --border-radius: 50%; -} - -.badge-magenta { - --background-color: #9C27B0; - --ig-avatar-color: var(--ig-gray-50); - --border-radius: 50%; -} - -.badge-lime { - --background-color: var(--ig-success-700); - --border-radius: 50%; -} - -.badge-styling { - display: flex; - align-items: center; - justify-content: center; - gap: 60px; - min-height: 7rem; -} - -.styling-item { - position: relative; - display: flex; -} diff --git a/src/app/data-display/badge/badge-tailwind-styling/badge-tailwind-styling.component.html b/src/app/data-display/badge/badge-tailwind-styling/badge-tailwind-styling.component.html index 4d03b9457..7e83c97fb 100644 --- a/src/app/data-display/badge/badge-tailwind-styling/badge-tailwind-styling.component.html +++ b/src/app/data-display/badge/badge-tailwind-styling/badge-tailwind-styling.component.html @@ -1,18 +1,11 @@ -
-
- - -
-
- - -
-
- - -
-
- - -
-
+ + + + + + + + + + + diff --git a/src/app/data-display/badge/badge-tailwind-styling/badge-tailwind-styling.component.scss b/src/app/data-display/badge/badge-tailwind-styling/badge-tailwind-styling.component.scss index 50ceb5330..b44ac48cc 100644 --- a/src/app/data-display/badge/badge-tailwind-styling/badge-tailwind-styling.component.scss +++ b/src/app/data-display/badge/badge-tailwind-styling/badge-tailwind-styling.component.scss @@ -1,15 +1,34 @@ -@use "layout.scss"; +@use "sass:list"; +@use "igniteui-theming/sass/typography" as *; + +$anchors: close, volume, remove, check; + +:host { + display: grid; + grid-auto-flow: column; + place-content: center; + place-items: center; + column-gap: rem(48px); + min-height: 7rem; +} igx-badge { --ig-size: var(--ig-size-small); -} -igx-avatar { - --size: 40px; - --ig-avatar-background: var(--ig-gray-700); - --ig-avatar-color: var(--ig-gray-50); + position: absolute; + inset-block-start: anchor(85.5%); + inset-inline-start: anchor(85.5%); + translate: -50% -50%; } -:host ::ng-deep igx-avatar igx-icon { - color: var(--ig-gray-50); +@each $anchor in $anchors { + $i: list.index($anchors, $anchor); + + igx-avatar:nth-of-type(#{$i}) { + anchor-name: --#{$anchor}; + } + + igx-badge:nth-of-type(#{$i}) { + position-anchor: --#{$anchor}; + } } diff --git a/src/app/data-display/badge/badge-tailwind-styling/layout.scss b/src/app/data-display/badge/badge-tailwind-styling/layout.scss deleted file mode 100644 index e97d2f5aa..000000000 --- a/src/app/data-display/badge/badge-tailwind-styling/layout.scss +++ /dev/null @@ -1,29 +0,0 @@ -.badge-close { - --background-color: var(--ig-error-500); - --border-radius: 50%; -} - -.badge-volume { - --background-color: #8B5BB1; - --border-radius: 50%; -} - -.badge-remove { - --background-color: var(--ig-gray-900); - --border-radius: 50%; -} - -.badge-check { - --background-color: var(--ig-success-600); - --border-radius: 50%; -} - -.badge-style { - position: absolute; - inset-block-end: -4px; - inset-inline-end: -4px; -} - -.badge-parent { - min-height: 7rem; -} diff --git a/src/app/data-display/badge/badge-type/badge-type.component.html b/src/app/data-display/badge/badge-type/badge-type.component.html index 4a3b93a78..3fe3053db 100644 --- a/src/app/data-display/badge/badge-type/badge-type.component.html +++ b/src/app/data-display/badge/badge-type/badge-type.component.html @@ -1,23 +1,11 @@ -
-
-
- - -
- Dot -
-
-
- - -
- Icon -
-
-
- - -
- Text -
-
+ + +Dot + + + +Icon + + + +Text diff --git a/src/app/data-display/badge/badge-type/badge-type.component.scss b/src/app/data-display/badge/badge-type/badge-type.component.scss index ece1ac951..9b22c0114 100644 --- a/src/app/data-display/badge/badge-type/badge-type.component.scss +++ b/src/app/data-display/badge/badge-type/badge-type.component.scss @@ -1,48 +1,53 @@ -igx-avatar { - --size: 40px; -} +@use "sass:list"; +@use "igniteui-theming/sass/typography" as *; -igx-badge { - --ig-size: var(--ig-size-small); - position: absolute; - inset-block-end: -6px; - inset-inline-end: -4px; -} +$types: dot, icon, text; -.badge-type { - display: flex; - align-items: center; - justify-content: center; - gap: 60px; +:host { + display: grid; + grid-auto-flow: column; + grid-template-rows: auto auto; + place-content: center; + place-items: center; + column-gap: rem(60px); + row-gap: rem(16px); min-height: 8.5rem; + padding: rem(32px); } -.badge-type-item { - display: flex; - flex-direction: column; - align-items: center; - justify-content: center; - gap: 16px; - min-width: 56px; - min-height: 72px; +igx-avatar { + --ig-avatar-size: #{rem(40px)}; + + grid-row: 1; } -.avatar-wrapper { - position: relative; - display: flex; +span { + grid-row: 2; + text-align: center; + color: var(--ig-gray-700); + + @include type-style("caption") { + margin: 0; + } } -.dot-badge { - inset-block-end: 0; - inset-inline-end: 0; +igx-badge { + --ig-size: var(--ig-size-small); + + position: absolute; + inset-block-start: anchor(85.5%); + inset-inline-start: anchor(85.5%); + translate: -50% -50%; } -.badge-type-item span { - color: #556c86; - font-family: "Aktiv Grotesk", sans-serif; - font-size: 13px; - font-weight: 400; - font-style: normal; - line-height: 20px; - letter-spacing: 0.3px; +@each $type in $types { + $i: list.index($types, $type); + + igx-avatar:nth-of-type(#{$i}) { + anchor-name: --#{$type}; + } + + igx-badge:nth-of-type(#{$i}) { + position-anchor: --#{$type}; + } } diff --git a/src/app/data-display/badge/badge-variants/badge-variants.component.html b/src/app/data-display/badge/badge-variants/badge-variants.component.html index 6b03f179d..cd11945f7 100644 --- a/src/app/data-display/badge/badge-variants/badge-variants.component.html +++ b/src/app/data-display/badge/badge-variants/badge-variants.component.html @@ -1,37 +1,19 @@ -
-
-
- - -
- Primary -
-
-
- - -
- Info -
-
-
- - -
- Success -
-
-
- - -
- Warn -
-
-
- - -
- Error -
-
+ + +Primary + + + +Info + + + +Success + + + +Warn + + + +Error diff --git a/src/app/data-display/badge/badge-variants/badge-variants.component.scss b/src/app/data-display/badge/badge-variants/badge-variants.component.scss index 8145cf26b..7cbd9ac60 100644 --- a/src/app/data-display/badge/badge-variants/badge-variants.component.scss +++ b/src/app/data-display/badge/badge-variants/badge-variants.component.scss @@ -1,47 +1,51 @@ -igx-badge { - --ig-size: var(--ig-size-small); - position: absolute; - inset-block-end: -4px; - inset-inline-end: -4px; +@use "sass:list"; +@use "igniteui-theming/sass/typography" as *; + +$variants: primary, info, success, warning, error; + +:host { + display: grid; + grid-auto-flow: column; + grid-template-rows: auto auto; + place-content: center; + place-items: center; + column-gap: rem(40px); + row-gap: rem(12px); + min-height: 8.5rem; + padding: rem(32px); } igx-avatar { - --ig-avatar-background: var(--ig-gray-700); - --ig-avatar-color: var(--ig-gray-50); + grid-row: 1; } -:host ::ng-deep .variant-item:first-child igx-avatar igx-icon, -:host ::ng-deep .variant-item:nth-child(4) igx-avatar igx-icon { - color: var(--ig-gray-50); -} +span { + grid-row: 2; + text-align: center; + color: var(--ig-gray-700); -.badge-variants { - display: flex; - align-items: center; - justify-content: center; - gap: 40px; - min-height: 8.5rem; + @include type-style("body-2") { + margin: 0; + } } -.variant-item { - display: flex; - flex-direction: column; - align-items: center; - gap: 12px; - min-width: 56px; -} +igx-badge { + --ig-size: var(--ig-size-small); -.variant-item span { - color: #556c86; - font-family: "Aktiv Grotesk", sans-serif; - font-size: 13px; - font-weight: 400; - font-style: normal; - line-height: 20px; - letter-spacing: 0.3px; + position: absolute; + inset-block-start: anchor(85.5%); + inset-inline-start: anchor(85.5%); + translate: -50% -50%; } -.avatar-wrapper { - position: relative; - display: flex; +@each $variant in $variants { + $i: list.index($variants, $variant); + + igx-avatar:nth-of-type(#{$i}) { + anchor-name: --#{$variant}; + } + + igx-badge:nth-of-type(#{$i}) { + position-anchor: --#{$variant}; + } } diff --git a/src/app/layouts/avatar/avatar-overview/avatar-overview.component.html b/src/app/layouts/avatar/avatar-overview/avatar-overview.component.html index e4b1ef8ff..9f7dd3a84 100644 --- a/src/app/layouts/avatar/avatar-overview/avatar-overview.component.html +++ b/src/app/layouts/avatar/avatar-overview/avatar-overview.component.html @@ -1,56 +1,51 @@ -
+ + + + + + + + + + + +
+ + - - - - - - - - - - - - - - - - - - + + + +
+ diff --git a/src/app/layouts/avatar/avatar-overview/avatar-overview.component.scss b/src/app/layouts/avatar/avatar-overview/avatar-overview.component.scss index fbf75d273..6ee88140a 100644 --- a/src/app/layouts/avatar/avatar-overview/avatar-overview.component.scss +++ b/src/app/layouts/avatar/avatar-overview/avatar-overview.component.scss @@ -1,47 +1,40 @@ -.avatar-overview-sample { +@use "igniteui-theming/sass/typography" as *; + +:host { display: flex; + flex-wrap: wrap; align-items: center; justify-content: center; - gap: 90px; - width: 100%; - min-height: 100vh; + gap: rem(100px); + height: 100vh; + padding: rem(32px); } -.avatar-with-badge { - position: relative; - display: inline-flex; +.profile-status { + anchor-name: --profile-status; } -.avatar-status { +.status-badge { position: absolute; - right: 6px; - bottom: 6px; + position-anchor: --profile-status; + inset-block-start: anchor(85%); + inset-inline-start: anchor(85%); + translate: -50% -50%; } .avatar-stack { - display: inline-flex; - align-items: center; -} - -.avatar-stack .size-large { - margin-left: -24px; -} + display: flex; -.avatar-stack .size-large:first-child { - margin-left: 0; -} + igx-avatar { + box-shadow: 0 0 0 rem(6px) var(--ig-surface-500); -.avatar-stack .igx-avatar { - border: 4px solid #fff; - box-sizing: border-box; -} - -.avatar-stack .size-large:last-child { - --ig-avatar-background: #e8eef6; - --ig-avatar-color: #6f8097; -} + + igx-avatar { + margin-inline-start: rem(-24px); + } -.avatar-stack .size-large:last-child .igx-avatar__initials { - font-size: 32px; - font-weight: 500; + &:last-child { + --ig-avatar-background: #e8eef6; + --ig-avatar-color: #6f8097; + } + } } diff --git a/src/app/layouts/avatar/avatar-shape/avatar-shape.component.html b/src/app/layouts/avatar/avatar-shape/avatar-shape.component.html index 88c355153..261085c24 100644 --- a/src/app/layouts/avatar/avatar-shape/avatar-shape.component.html +++ b/src/app/layouts/avatar/avatar-shape/avatar-shape.component.html @@ -1,56 +1,42 @@ -
-
- - - - - - - Circle -
+ + + + + +Circle -
- - - - - - 2 - - - Square -
+ + + + + + 2 + +Square -
- - - - - - - - Rounded -
-
+ + + + + + +Rounded diff --git a/src/app/layouts/avatar/avatar-shape/avatar-shape.component.scss b/src/app/layouts/avatar/avatar-shape/avatar-shape.component.scss index 78ac1f205..a6a47666f 100644 --- a/src/app/layouts/avatar/avatar-shape/avatar-shape.component.scss +++ b/src/app/layouts/avatar/avatar-shape/avatar-shape.component.scss @@ -1,48 +1,52 @@ -.avatar-shape-sample { - display: flex; - align-items: center; - justify-content: center; - gap: 90px; - min-height: 100vh; +@use "sass:list"; +@use "igniteui-theming/sass/typography" as *; + +$avatars: circle, square, rounded; + +:host { + display: grid; + grid-auto-flow: column; + grid-template-rows: auto auto; + place-content: center; + place-items: center; + column-gap: rem(40px); + row-gap: rem(8px); + height: 100vh; + padding: rem(32px); } -.avatar-variant { - display: inline-flex; - flex-direction: column; - align-items: center; - gap: 8px; +igx-avatar { + grid-row: 1; } -.avatar-label { +span { + grid-row: 2; + text-align: center; color: var(--ig-gray-600); - font-size: 0.875rem; - line-height: 1.25rem; -} -.avatar-with-badge { - position: relative; - display: inline-flex; + @include type-style("body-1") { + margin: 0; + }; } -.avatar-status { - --size: 18px; +igx-badge { + --ig-size: var(--ig-size-small); + position: absolute; - right: -4px; - bottom: -4px; - font-size: 0.75rem; - line-height: 1; + inset-block-start: anchor(85.5%); + inset-inline-start: anchor(85.5%); + translate: -50% -50%; } -.avatar-dot-badge { - --size: 12px; - right: 3px; - bottom: 3px; -} +// The avatars and badges are flat siblings, so every badge needs its own anchor name to pin to. +@each $avatar in $avatars { + $i: list.index($avatars, $avatar); -.avatar-count-badge { - --ig-badge-text-color: #ffffff; -} + igx-avatar:nth-of-type(#{$i}) { + anchor-name: --#{$avatar}; + } -.avatar-check-badge { - --ig-badge-icon-color: #ffffff; + igx-badge:nth-of-type(#{$i}) { + position-anchor: --#{$avatar}; + } } diff --git a/src/app/layouts/avatar/avatar-size/avatar-size.component.html b/src/app/layouts/avatar/avatar-size/avatar-size.component.html index 5b16e53d1..be7a2c62b 100644 --- a/src/app/layouts/avatar/avatar-size/avatar-size.component.html +++ b/src/app/layouts/avatar/avatar-size/avatar-size.component.html @@ -1,61 +1,41 @@ -
-
- - - - - - - - - Large -
+ + + + + +Large -
- - - - - - - - - Medium -
+ + + + + +Medium -
- - - - - - - - - Small -
-
+ + + + + +Small diff --git a/src/app/layouts/avatar/avatar-size/avatar-size.component.scss b/src/app/layouts/avatar/avatar-size/avatar-size.component.scss index 5d2dcdb74..79f4204bb 100644 --- a/src/app/layouts/avatar/avatar-size/avatar-size.component.scss +++ b/src/app/layouts/avatar/avatar-size/avatar-size.component.scss @@ -1,69 +1,51 @@ -.avatar-size-sample { - display: flex; - align-items: center; - justify-content: center; - gap: 90px; - min-height: 100vh; -} - -.avatar-size { - display: inline-flex; - flex-direction: column; - align-items: center; - gap: 8px; -} +@use "sass:list"; +@use "igniteui-theming/sass/typography" as *; -.avatar-frame { - display: inline-flex; - align-items: center; - justify-content: center; +:host { + display: grid; + grid-auto-flow: column; + grid-template-rows: auto auto; + place-content: center; + place-items: center; + column-gap: rem(48px); + row-gap: rem(8px); + height: 100vh; + padding: rem(32px); } -.avatar-frame-large { - width: 72px; - height: 72px; +igx-avatar { + grid-row: 1; } -.avatar-frame-medium { - width: 72px; - height: 72px; -} - -.avatar-frame-small { - width: 72px; - height: 72px; -} - -.avatar-label { +span { + grid-row: 2; + text-align: center; color: var(--ig-gray-600); - font-size: 0.875rem; - line-height: 1.25rem; -} -.avatar-with-badge { - position: relative; - display: inline-flex; + @include type-style("body-1") { + margin: 0; + }; } -.avatar-status { +igx-badge { position: absolute; - line-height: 1; + inset-block-start: anchor(85.5%); + inset-inline-start: anchor(85.5%); + translate: -50% -50%; } -.avatar-dot-badge-large { - --size: 16px; - right: 3px; - bottom: 3px; -} +$avatars: large, medium, small; -.avatar-dot-badge-medium { - --size: 14px; - right: 2px; - bottom: 2px; -} +// The avatars and badges are flat siblings, so every badge needs its own anchor name to pin to. +@each $avatar in $avatars { + $i: list.index($avatars, $avatar); + + igx-avatar:nth-of-type(#{$i}) { + anchor-name: --#{$avatar}; + } -.avatar-dot-badge-small { - --size: 12px; - right: 1px; - bottom: 1px; + igx-badge:nth-of-type(#{$i}) { + --ig-size: var(--ig-size-#{$avatar}); + position-anchor: --#{$avatar}; + } } diff --git a/src/app/layouts/avatar/avatar-styling/avatar-styling.component.html b/src/app/layouts/avatar/avatar-styling/avatar-styling.component.html index 07510f6c3..758148130 100644 --- a/src/app/layouts/avatar/avatar-styling/avatar-styling.component.html +++ b/src/app/layouts/avatar/avatar-styling/avatar-styling.component.html @@ -1,71 +1,67 @@ -
- - Chats + + Chats - -
- - - - - -
-

Nick Evans

- Hi Samira, thanks for the ... - 9:44 AM - + +
+ + + + + +
+

Nick Evans

+ Hi Samira, thanks for the ... + 9:44 AM + - -
- - - - -
-

James Ford

- I'll send the text and im ... - 8:30 AM - + +
+ + + + +
+

James Ford

+ I'll send the text and im ... + 8:30 AM + - -
- - - - - -
-

Kate Porter

- That's great! - Yesterday - + +
+ + + + + +
+

Kate Porter

+ That's great! + Yesterday + - Meetings + Meetings - - - - -

Weekly Meeting

- https://www.infra.com - Monday - + + + + +

Weekly Meeting

+ https://www.infra.com + Monday + - - - - -

Design Discussion

- https://www.infra.com - 11:30 AM - - -
+ + + + +

Design Discussion

+ https://www.infra.com + 11:30 AM + + diff --git a/src/app/layouts/avatar/avatar-styling/avatar-styling.component.scss b/src/app/layouts/avatar/avatar-styling/avatar-styling.component.scss index 13d20bb3f..e4e2886f9 100644 --- a/src/app/layouts/avatar/avatar-styling/avatar-styling.component.scss +++ b/src/app/layouts/avatar/avatar-styling/avatar-styling.component.scss @@ -1,35 +1,40 @@ -.avatar-styling-sample { +@use "igniteui-theming/sass/typography" as *; + +:host { display: flex; align-items: center; justify-content: center; + height: 100vh; } -.chat-list { - width: 344px; - max-width: 100%; +igx-list { + --ig-list-border-width: #{rem(1px)}; + --ig-list-border-color: var(--ig-gray-300); + --ig-list-header-text-color: var(--ig-gray-900); + + max-width: rem(328px); } -.size-small { - --ig-size: var(--ig-size-small); +igx-avatar { + --ig-avatar-background: var(--ig-gray-300); + --ig-avatar-color: var(--ig-gray-300-contrast); } .avatar-with-badge { position: relative; - display: inline-flex; +} + +igx-badge { + --ig-size: var(--ig-size-small); } .avatar-status { - --ig-badge-icon-color: #ffffff; position: absolute; - right: -4px; - bottom: -4px; + inset-inline-end: rem(-4px); + inset-block-end: rem(-4px); } .avatar-muted-badge { --ig-badge-background-color: var(--ig-gray-300); - --ig-badge-icon-color: var(--ig-gray-700); -} - -.avatar-muted { - --ig-avatar-background: #D2DBE8; + --ig-badge-icon-color: var(--ig-gray-300-contrast); } diff --git a/src/app/layouts/avatar/avatar-styling/layout.scss b/src/app/layouts/avatar/avatar-styling/layout.scss deleted file mode 100644 index d3a420849..000000000 --- a/src/app/layouts/avatar/avatar-styling/layout.scss +++ /dev/null @@ -1,4 +0,0 @@ -:host { - display: inline-flex; - gap: 32px -} diff --git a/src/app/layouts/avatar/avatar-tailwind-styling/avatar-tailwind-styling.component.html b/src/app/layouts/avatar/avatar-tailwind-styling/avatar-tailwind-styling.component.html index 79cd59492..d4fff12c1 100644 --- a/src/app/layouts/avatar/avatar-tailwind-styling/avatar-tailwind-styling.component.html +++ b/src/app/layouts/avatar/avatar-tailwind-styling/avatar-tailwind-styling.component.html @@ -1,111 +1,105 @@ -
- - - Cafe interior - + + + Cafe interior + + + + + Kate Thompson +

3D Artist. Turning polygons into worlds and immersive digital realities

- + + +
+ @for (stat of profileStats; track stat.label; let isLast = $last) { +
+ {{ stat.value }} + {{ stat.label }} +
+ @if (!isLast) { + + } + } +
+ + + +
+ + + +
+ + + + + + - Kate Thompson - - - -

3D Artist. Turning polygons into worlds and immersive digital realities

-
- @for (stat of profileStats; track stat.label; let isLast = $last) { -
- {{ stat.value }} - {{ stat.label }} -
- @if (!isLast) { - - } + + Kate Thompson +

3D Artist. Turning polygons into worlds and immersive digital realities

+ + +
+ @for (stat of profileStats; track stat.label; let isLast = $last) { +
+ {{ stat.value }} + {{ stat.label }} +
+ @if (!isLast) { + } -
- - - - -
- - - -
- - - - - - - - + } +
+ + + +
+ + -
- - - -
- - -
+ +
+ + + diff --git a/src/app/layouts/avatar/avatar-tailwind-styling/avatar-tailwind-styling.component.scss b/src/app/layouts/avatar/avatar-tailwind-styling/avatar-tailwind-styling.component.scss index 7f26ddcb5..ea7083981 100644 --- a/src/app/layouts/avatar/avatar-tailwind-styling/avatar-tailwind-styling.component.scss +++ b/src/app/layouts/avatar/avatar-tailwind-styling/avatar-tailwind-styling.component.scss @@ -1,3 +1,36 @@ +@use "igniteui-theming/sass/typography" as *; + :host { + display: grid; + grid-template-columns: repeat(auto-fit, rem(344px)); + gap: rem(40px); + place-content: center; + height: 100vh; +} + +igx-card:nth-of-type(2) { + align-self: center; +} + +.card-sample-custom-subtitle { display: block; + color: var(--ig-gray-700); + + @include type-style("body-2") { + margin-block-start: rem(8px); + }; +} + +.stats-title { + color: var(--ig-gray-900); + + @include type-style("subtitle-1") { + font-weight: 600; + }; +} + +.stats-subtitle { + color: var(--ig-gray-500); + + @include type-style("body-2"); } diff --git a/src/app/layouts/avatar/avatar-variants/avatar-variants.component.html b/src/app/layouts/avatar/avatar-variants/avatar-variants.component.html index 438406536..6ac275898 100644 --- a/src/app/layouts/avatar/avatar-variants/avatar-variants.component.html +++ b/src/app/layouts/avatar/avatar-variants/avatar-variants.component.html @@ -1,56 +1,44 @@ -
-
- - - - - - - Image -
+ + + + + +Image -
- - - - - - 2 - - - Icon -
+ + + + + + 2 + +Icon + + + + + + + +Initials -
- - - - - - - - Initials -
-
diff --git a/src/app/layouts/avatar/avatar-variants/avatar-variants.component.scss b/src/app/layouts/avatar/avatar-variants/avatar-variants.component.scss index 355ff7df2..a4c56b17f 100644 --- a/src/app/layouts/avatar/avatar-variants/avatar-variants.component.scss +++ b/src/app/layouts/avatar/avatar-variants/avatar-variants.component.scss @@ -1,48 +1,53 @@ -.avatar-variants-sample { - display: flex; - align-items: center; - justify-content: center; - gap: 90px; - min-height: 100vh; +@use "sass:list"; +@use "igniteui-theming/sass/typography" as *; + +$avatars: circle, square, rounded; + +:host { + display: grid; + grid-auto-flow: column; + grid-template-rows: auto auto; + place-content: center; + place-items: center; + column-gap: rem(48px); + row-gap: rem(8px); + height: 100vh; + padding: rem(32px); } -.avatar-variant { - display: inline-flex; - flex-direction: column; - align-items: center; - gap: 8px; +// :where() keeps the sample's own rules at zero +:where(igx-avatar) { + grid-row: 1; } -.avatar-label { +:where(span) { + grid-row: 2; + text-align: center; color: var(--ig-gray-600); - font-size: 0.875rem; - line-height: 1.25rem; -} -.avatar-with-badge { - position: relative; - display: inline-flex; + @include type-style("body-1") { + margin: 0; + }; } -.avatar-status { - --size: 18px; +:where(igx-badge) { + --ig-size: var(--ig-size-small); + position: absolute; - right: -4px; - bottom: -4px; - font-size: 0.75rem; - line-height: 1; + inset-block-start: anchor(85.5%); + inset-inline-start: anchor(85.5%); + translate: -50% -50%; } -.avatar-dot-badge { - --size: 12px; - right: 3px; - bottom: 3px; -} +// The avatars and badges are flat siblings, so every badge needs its own anchor name to pin to. +@each $avatar in $avatars { + $i: list.index($avatars, $avatar); -.avatar-count-badge { - --ig-badge-text-color: #ffffff; -} + igx-avatar:nth-of-type(#{$i}) { + anchor-name: --#{$avatar}; + } -.avatar-check-badge { - --ig-badge-icon-color: #ffffff; + igx-badge:nth-of-type(#{$i}) { + position-anchor: --#{$avatar}; + } } From 369f3af9b1347fea63b561025a201de9e8d1518f Mon Sep 17 00:00:00 2001 From: Stamen Stoychev Date: Wed, 26 Aug 2026 19:17:54 +0300 Subject: [PATCH 35/35] feat(*): updating to 22.1.0 (#4021) * feat(*): updating to 22.1.0 * fix(*): applying 22.1.0 migrations * fix(grid): add error property to pagingState metadata --------- Co-authored-by: Viktor Kombov --- package-lock.json | 5922 ++++++++--------- package.json | 16 +- .../src/app/grid-crm/grid-crm.component.ts | 4 +- .../grid-boston-marathon/grid.component.ts | 4 +- .../grid-allData-summary.component.ts | 4 +- ...grid-column-data-types-sample.component.ts | 3 +- ...id-custom-summaries-selection.component.ts | 4 +- .../grid-disable-summaries.component.ts | 4 +- .../grid-displaydensity-sample.component.ts | 4 +- .../grid-editing-sample.component.ts | 4 +- .../grid-groupby-summary-sample.component.ts | 4 +- ...roupby-summary-styling-sample.component.ts | 4 +- .../grid-sample-3/grid-sample-3.component.ts | 4 +- .../grid-save-state/grid-state.component.ts | 6 +- .../grid-summary-export.component.ts | 11 +- .../grid-summary-formatter.component.ts | 4 +- .../grid-summary-template.component.ts | 4 +- .../hgrid-summary-export.component.ts | 4 +- .../hgrid-summary-template.component.ts | 4 +- ...archical-grid-allData-summary.component.ts | 4 +- ...chical-grid-disable-summaries.component.ts | 4 +- .../hierarchical-grid-editing.component.ts | 4 +- .../hGrid-state.component.ts | 4 +- ...chical-grid-summary-formatter.component.ts | 4 +- ...archical-grid-summary-styling.component.ts | 4 +- .../hierarchical-grid-summary.component.ts | 4 +- ...ee-grid-displaydensity-sample.component.ts | 4 +- .../tree-grid-editing-sample.component.ts | 4 +- .../tree-grid-summary-formatter.component.ts | 4 +- .../tree-grid-summary2-sample.component.ts | 4 +- .../treegrid-allData-summary.component.ts | 4 +- .../treegrid-summary-template.component.ts | 4 +- 32 files changed, 2807 insertions(+), 3259 deletions(-) diff --git a/package-lock.json b/package-lock.json index 381c303a7..f1400169d 100644 --- a/package-lock.json +++ b/package-lock.json @@ -34,22 +34,22 @@ "express": "^4.18.2", "file-saver": "^2.0.2", "fuse.js": "^7.1.0", - "igniteui-angular": "22.1.0-beta.7", + "igniteui-angular": "22.1.0", "igniteui-angular-charts": "^22.0.0", "igniteui-angular-core": "^22.0.0", - "igniteui-angular-extras": "22.1.0-beta.7", - "igniteui-angular-i18n": "22.1.0-beta.7", + "igniteui-angular-extras": "22.1.0", + "igniteui-angular-i18n": "22.1.0", "igniteui-dockmanager": "^1.17.0", - "igniteui-grid-lite": "0.9.0", + "igniteui-grid-lite": "0.10.0", "igniteui-i18n-resources": "^1.0.4", "igniteui-live-editing": "^3.5.2", - "igniteui-webcomponents": "^7.2.1", - "marked": "^17.0.1", + "igniteui-webcomponents": "^7.3.0", + "marked": "^18.0.11", "marked-shiki": "^1.2.1", "minireset.css": "0.0.6", "postcss": "^8.5.5", "rxjs": "^7.8.2", - "shiki": "^3.13.0", + "shiki": "^4.3.0", "sql-formatter": "^15.4.11", "tailwindcss": "^4.1.10", "tslib": "^2.6.1" @@ -94,215 +94,6 @@ "webpack-bundle-analyzer": "^4.10.0" } }, - "node_modules/@algolia/abtesting": { - "version": "1.18.0", - "resolved": "https://registry.npmjs.org/@algolia/abtesting/-/abtesting-1.18.0.tgz", - "integrity": "sha512-8siuLG+FIns1AjZ/g2SDVwHz9S+ObacDQISEJvS8XsNei1zl3FXqfqQrBpmrG7ACWCyesXHbicMJtvRbg00FEw==", - "dev": true, - "license": "MIT", - "dependencies": { - "@algolia/client-common": "5.52.0", - "@algolia/requester-browser-xhr": "5.52.0", - "@algolia/requester-fetch": "5.52.0", - "@algolia/requester-node-http": "5.52.0" - }, - "engines": { - "node": ">= 14.0.0" - } - }, - "node_modules/@algolia/client-abtesting": { - "version": "5.52.0", - "resolved": "https://registry.npmjs.org/@algolia/client-abtesting/-/client-abtesting-5.52.0.tgz", - "integrity": "sha512-wtwPgyPmO7b7sQPVgoK29c1VpfS08DnnJCmxX/oU1pV2DlMRJCzQcLN7JSloYpodyKHwM8+9wOzlAM0co3TDmA==", - "dev": true, - "license": "MIT", - "dependencies": { - "@algolia/client-common": "5.52.0", - "@algolia/requester-browser-xhr": "5.52.0", - "@algolia/requester-fetch": "5.52.0", - "@algolia/requester-node-http": "5.52.0" - }, - "engines": { - "node": ">= 14.0.0" - } - }, - "node_modules/@algolia/client-analytics": { - "version": "5.52.0", - "resolved": "https://registry.npmjs.org/@algolia/client-analytics/-/client-analytics-5.52.0.tgz", - "integrity": "sha512-9KY36bRl4AH7RjqSeDDOKnjsz4IxQFBEOB8/fWmEbdQe+Isbs5jGzVJu9NEPQ1Tgwxlf8Uf07Swj3jZyMNUZ2g==", - "dev": true, - "license": "MIT", - "dependencies": { - "@algolia/client-common": "5.52.0", - "@algolia/requester-browser-xhr": "5.52.0", - "@algolia/requester-fetch": "5.52.0", - "@algolia/requester-node-http": "5.52.0" - }, - "engines": { - "node": ">= 14.0.0" - } - }, - "node_modules/@algolia/client-common": { - "version": "5.52.0", - "resolved": "https://registry.npmjs.org/@algolia/client-common/-/client-common-5.52.0.tgz", - "integrity": "sha512-3a/qM3dzJqqfTx7Yrw7uGQ98I3Q0rDfb4Vkv0wEzko96l7YQMxfBVz/VbLq2N+c59GweYv6Vhp8mPeqnWJSITw==", - "dev": true, - "license": "MIT", - "engines": { - "node": ">= 14.0.0" - } - }, - "node_modules/@algolia/client-insights": { - "version": "5.52.0", - "resolved": "https://registry.npmjs.org/@algolia/client-insights/-/client-insights-5.52.0.tgz", - "integrity": "sha512-Rki7ACbMcvbQW0BuM84x9dkGHY47ABmv4jU6tYssat2k02p3mIUms2YOLUAMeknhmnFsj6lb6ZzOXdMWMyc1sA==", - "dev": true, - "license": "MIT", - "dependencies": { - "@algolia/client-common": "5.52.0", - "@algolia/requester-browser-xhr": "5.52.0", - "@algolia/requester-fetch": "5.52.0", - "@algolia/requester-node-http": "5.52.0" - }, - "engines": { - "node": ">= 14.0.0" - } - }, - "node_modules/@algolia/client-personalization": { - "version": "5.52.0", - "resolved": "https://registry.npmjs.org/@algolia/client-personalization/-/client-personalization-5.52.0.tgz", - "integrity": "sha512-96s4Uzc3kk+/f4jJXIVVGWP5XlngOGNQ1x6hW9AT59pOixHlOs5tqJg+ZUS/GQ6h/iYP0ceQcmxDQeLyCLTaDQ==", - "dev": true, - "license": "MIT", - "dependencies": { - "@algolia/client-common": "5.52.0", - "@algolia/requester-browser-xhr": "5.52.0", - "@algolia/requester-fetch": "5.52.0", - "@algolia/requester-node-http": "5.52.0" - }, - "engines": { - "node": ">= 14.0.0" - } - }, - "node_modules/@algolia/client-query-suggestions": { - "version": "5.52.0", - "resolved": "https://registry.npmjs.org/@algolia/client-query-suggestions/-/client-query-suggestions-5.52.0.tgz", - "integrity": "sha512-lqeycNpSPe5Qa0OUWpejVvYQjQWV5nQuLT0a4aq7XzRAvCxprV/6Lf841EygdD2nrFnuS58ok7Au1uOtXzpnkg==", - "dev": true, - "license": "MIT", - "dependencies": { - "@algolia/client-common": "5.52.0", - "@algolia/requester-browser-xhr": "5.52.0", - "@algolia/requester-fetch": "5.52.0", - "@algolia/requester-node-http": "5.52.0" - }, - "engines": { - "node": ">= 14.0.0" - } - }, - "node_modules/@algolia/client-search": { - "version": "5.52.0", - "resolved": "https://registry.npmjs.org/@algolia/client-search/-/client-search-5.52.0.tgz", - "integrity": "sha512-ly1wETVGRo30cx61O7fetESN+ElL9c9K+bD/AVgnT1ar4c6v+/Yqjrhdtu6Fm4D0s4NZP081Isf6tunH1wUXHg==", - "dev": true, - "license": "MIT", - "dependencies": { - "@algolia/client-common": "5.52.0", - "@algolia/requester-browser-xhr": "5.52.0", - "@algolia/requester-fetch": "5.52.0", - "@algolia/requester-node-http": "5.52.0" - }, - "engines": { - "node": ">= 14.0.0" - } - }, - "node_modules/@algolia/ingestion": { - "version": "1.52.0", - "resolved": "https://registry.npmjs.org/@algolia/ingestion/-/ingestion-1.52.0.tgz", - "integrity": "sha512-U4EeTvgmluRjj39ykZSAd5X+a6LD5m7/mcOWDmB7hqm1R6QY0yT8jLxpNVEjYhzgEN5hcDGW6X67EWQY8KiYGQ==", - "dev": true, - "license": "MIT", - "dependencies": { - "@algolia/client-common": "5.52.0", - "@algolia/requester-browser-xhr": "5.52.0", - "@algolia/requester-fetch": "5.52.0", - "@algolia/requester-node-http": "5.52.0" - }, - "engines": { - "node": ">= 14.0.0" - } - }, - "node_modules/@algolia/monitoring": { - "version": "1.52.0", - "resolved": "https://registry.npmjs.org/@algolia/monitoring/-/monitoring-1.52.0.tgz", - "integrity": "sha512-FCPnDcILfpTE94u7BVlV4DmnSV5wE3+j25EEF+3dYPrVzkVCSoAHs318oWDGxnxsAgiL4HpL12Jc4XHmw9shpA==", - "dev": true, - "license": "MIT", - "dependencies": { - "@algolia/client-common": "5.52.0", - "@algolia/requester-browser-xhr": "5.52.0", - "@algolia/requester-fetch": "5.52.0", - "@algolia/requester-node-http": "5.52.0" - }, - "engines": { - "node": ">= 14.0.0" - } - }, - "node_modules/@algolia/recommend": { - "version": "5.52.0", - "resolved": "https://registry.npmjs.org/@algolia/recommend/-/recommend-5.52.0.tgz", - "integrity": "sha512-br3DO7n4N8CXwTRbZS0MnB4WQ9YHfNjCwkCEzVR/wek/qNTDQKDb0nROmkFaNZ8ucUqUVKZi074dbwMwRDlK8Q==", - "dev": true, - "license": "MIT", - "dependencies": { - "@algolia/client-common": "5.52.0", - "@algolia/requester-browser-xhr": "5.52.0", - "@algolia/requester-fetch": "5.52.0", - "@algolia/requester-node-http": "5.52.0" - }, - "engines": { - "node": ">= 14.0.0" - } - }, - "node_modules/@algolia/requester-browser-xhr": { - "version": "5.52.0", - "resolved": "https://registry.npmjs.org/@algolia/requester-browser-xhr/-/requester-browser-xhr-5.52.0.tgz", - "integrity": "sha512-b0T/Ca2c9KyEslKsVrGZvbe1UrrKKSdfXhBZ2pbpKahFUzJfziRZ0urbOm7V65O0tO/jwU+Lo/+bIiiyhzGt8w==", - "dev": true, - "license": "MIT", - "dependencies": { - "@algolia/client-common": "5.52.0" - }, - "engines": { - "node": ">= 14.0.0" - } - }, - "node_modules/@algolia/requester-fetch": { - "version": "5.52.0", - "resolved": "https://registry.npmjs.org/@algolia/requester-fetch/-/requester-fetch-5.52.0.tgz", - "integrity": "sha512-ozBT8J/mtD4H4IAojw8QPirlcL2gHrI1BGuZ4/ZXXO/rTE1yQ4VIPJj4mTTbwo4FbkS1MoJsD/DsrqLzhnc4/g==", - "dev": true, - "license": "MIT", - "dependencies": { - "@algolia/client-common": "5.52.0" - }, - "engines": { - "node": ">= 14.0.0" - } - }, - "node_modules/@algolia/requester-node-http": { - "version": "5.52.0", - "resolved": "https://registry.npmjs.org/@algolia/requester-node-http/-/requester-node-http-5.52.0.tgz", - "integrity": "sha512-gyyWcLD22tnabmoit4iukCXuoRc5HYJuUjPSEa8a0D/f/NlRafpWi52AlAaa4Uu/rsl7saHsJFTNjTptWbu2+A==", - "dev": true, - "license": "MIT", - "dependencies": { - "@algolia/client-common": "5.52.0" - }, - "engines": { - "node": ">= 14.0.0" - } - }, "node_modules/@alloc/quick-lru": { "version": "5.2.0", "resolved": "https://registry.npmjs.org/@alloc/quick-lru/-/quick-lru-5.2.0.tgz", @@ -330,13 +121,13 @@ } }, "node_modules/@angular-devkit/architect": { - "version": "0.2200.1", - "resolved": "https://registry.npmjs.org/@angular-devkit/architect/-/architect-0.2200.1.tgz", - "integrity": "sha512-Q3DfpgEIiHtG7uSUO8Tsm35rOeUbJfuxM9pi7cCyC8DvC/z1yNYm7/xEitlEYPzJmSLmks3eqlsaGnYhh0VLVg==", + "version": "0.2201.6", + "resolved": "https://registry.npmjs.org/@angular-devkit/architect/-/architect-0.2201.6.tgz", + "integrity": "sha512-oGQEdof2/1bZk58PN9dvpGi8pvtbgE5vkP1xRtCqN8dSVxwre1l0pKynOj/Uge1KxjCvs4c1QrQu0vsAnY0vpg==", "dev": true, "license": "MIT", "dependencies": { - "@angular-devkit/core": "22.0.1", + "@angular-devkit/core": "22.1.6", "rxjs": "7.8.2" }, "bin": { @@ -349,16 +140,16 @@ } }, "node_modules/@angular-devkit/core": { - "version": "22.0.1", - "resolved": "https://registry.npmjs.org/@angular-devkit/core/-/core-22.0.1.tgz", - "integrity": "sha512-77/WsCAbqGkumDfm/kkw2mFh/42DNF0hB02TvivlfiSC/KfK9DsHg7sKvTlNcuY14ZT/3iHhojLyNBc2HytuvQ==", + "version": "22.1.6", + "resolved": "https://registry.npmjs.org/@angular-devkit/core/-/core-22.1.6.tgz", + "integrity": "sha512-KLBsZoc2RhOy0xSdeYcLoSOqV/fBP3feBmhY9o12ry2IuyW/17sCmWr6XbIfTIYQN6M98Y1ewmwVNFsvV5b0gA==", "dev": true, "license": "MIT", "dependencies": { "ajv": "8.20.0", "ajv-formats": "3.0.1", "jsonc-parser": "3.3.1", - "picomatch": "4.0.4", + "picomatch": "4.0.5", "rxjs": "7.8.2", "source-map": "0.7.6" }, @@ -377,16 +168,16 @@ } }, "node_modules/@angular-devkit/schematics": { - "version": "22.0.1", - "resolved": "https://registry.npmjs.org/@angular-devkit/schematics/-/schematics-22.0.1.tgz", - "integrity": "sha512-GWou5meX3vAvqQEkox7xYMT9tIrYBVl0StbP7rGH5yMrzngvi6eyikMiUYnmMvoEoBK9gFNnXaAKeeu2aWvb3Q==", + "version": "22.1.6", + "resolved": "https://registry.npmjs.org/@angular-devkit/schematics/-/schematics-22.1.6.tgz", + "integrity": "sha512-IbDO9KbQyQm20uinsfT8d9ZtQw41/WVutI/65mAw39WZfN8Ky+MOgOUJCGLiSccMprvZ9YdodBTnN9bLH149Ag==", "dev": true, "license": "MIT", "dependencies": { - "@angular-devkit/core": "22.0.1", + "@angular-devkit/core": "22.1.6", "jsonc-parser": "3.3.1", - "magic-string": "0.30.21", - "ora": "9.4.0", + "magic-string": "1.0.0", + "ora": "9.4.1", "rxjs": "7.8.2" }, "engines": { @@ -396,9 +187,9 @@ } }, "node_modules/@angular-eslint/builder": { - "version": "22.0.0", - "resolved": "https://registry.npmjs.org/@angular-eslint/builder/-/builder-22.0.0.tgz", - "integrity": "sha512-T2vWQYUhJs6iUlgocHV12OgoxbmN63f17a+tgW+3sYrKN0KAB3xuHsPOoYpRYoWqkVVC44HD441Ju4IDvo8vKg==", + "version": "22.1.0", + "resolved": "https://registry.npmjs.org/@angular-eslint/builder/-/builder-22.1.0.tgz", + "integrity": "sha512-gmdk06PK0whNJlapIQjRnhud2/n+oIIDBIoLUHWFFxhHRs+ZstVc6+81gf+sYDOm1Ehmb0V3nZAg3YpT1Mk0Eg==", "dev": true, "license": "MIT", "dependencies": { @@ -412,21 +203,21 @@ } }, "node_modules/@angular-eslint/bundled-angular-compiler": { - "version": "22.0.0", - "resolved": "https://registry.npmjs.org/@angular-eslint/bundled-angular-compiler/-/bundled-angular-compiler-22.0.0.tgz", - "integrity": "sha512-rv15vGDpGW8zZFaLdhQ+iIO1f0bZds/xvuxoX277hFisXp5Kt6FumJNNIb4g/qxq3xsY46a7fD6R7KvGY3smHg==", + "version": "22.1.0", + "resolved": "https://registry.npmjs.org/@angular-eslint/bundled-angular-compiler/-/bundled-angular-compiler-22.1.0.tgz", + "integrity": "sha512-iOtOQ2jtrtko1rIQo6i+g3ezxGL0lyYv80j4GccFTK1JGh4K+AqYkmaBvfUfNtqoE/7VcKsOoyxaFt6iIpKhaQ==", "dev": true, "license": "MIT" }, "node_modules/@angular-eslint/eslint-plugin": { - "version": "22.0.0", - "resolved": "https://registry.npmjs.org/@angular-eslint/eslint-plugin/-/eslint-plugin-22.0.0.tgz", - "integrity": "sha512-mKLScPZhqG64ic0KIQoxqSqCdkPwtEZuTOuunvc9lYTw05MJSHRUM2yVFODlCGq97c6BN1F6KBk2I+a+KFnr1g==", + "version": "22.1.0", + "resolved": "https://registry.npmjs.org/@angular-eslint/eslint-plugin/-/eslint-plugin-22.1.0.tgz", + "integrity": "sha512-nRwdbUiW7vF0gbwtxw2hRGPZYZCNWOTLZKw4HM+I37o5YFIA0CFLtbyRKgZWs6JZCIqzTYSwCyKNsW41Qw0FwQ==", "dev": true, "license": "MIT", "dependencies": { - "@angular-eslint/bundled-angular-compiler": "22.0.0", - "@angular-eslint/utils": "22.0.0", + "@angular-eslint/bundled-angular-compiler": "22.1.0", + "@angular-eslint/utils": "22.1.0", "ts-api-utils": "^2.1.0" }, "peerDependencies": { @@ -436,19 +227,19 @@ } }, "node_modules/@angular-eslint/eslint-plugin-template": { - "version": "22.0.0", - "resolved": "https://registry.npmjs.org/@angular-eslint/eslint-plugin-template/-/eslint-plugin-template-22.0.0.tgz", - "integrity": "sha512-y6XL5HJ8C31NpBvkVHpU3bWc+Rk9g1zRtHrs39omhuT29eEUcS3zu47HMFV6tf8rHOI97B2Mstg6qYS5XL9ATg==", + "version": "22.1.0", + "resolved": "https://registry.npmjs.org/@angular-eslint/eslint-plugin-template/-/eslint-plugin-template-22.1.0.tgz", + "integrity": "sha512-GK/Mwhwvj+MX6DefD29/IfuYjcai5CsCbYJ6Qb9P6IAzZaQqw+EN+CiXxIwzMnzm2edLcJzAsX8iBk4X7sVi2Q==", "dev": true, "license": "MIT", "dependencies": { - "@angular-eslint/bundled-angular-compiler": "22.0.0", - "@angular-eslint/utils": "22.0.0", + "@angular-eslint/bundled-angular-compiler": "22.1.0", + "@angular-eslint/utils": "22.1.0", "aria-query": "5.3.2", "axobject-query": "4.1.0" }, "peerDependencies": { - "@angular-eslint/template-parser": "22.0.0", + "@angular-eslint/template-parser": "22.1.0", "@typescript-eslint/types": "^8.0.0", "@typescript-eslint/utils": "^8.0.0", "eslint": "^9.0.0 || ^10.0.0", @@ -456,18 +247,18 @@ } }, "node_modules/@angular-eslint/schematics": { - "version": "22.0.0", - "resolved": "https://registry.npmjs.org/@angular-eslint/schematics/-/schematics-22.0.0.tgz", - "integrity": "sha512-gsJQx6c+WIWC5d+NAqn4rRdUzwhinUCTNmCM9x4wygV9DrbAfVG+6OFPEbaDMryNvf0HYDcnGclbIbXjukGCaw==", + "version": "22.1.0", + "resolved": "https://registry.npmjs.org/@angular-eslint/schematics/-/schematics-22.1.0.tgz", + "integrity": "sha512-/Z7MEO9ys9P5w5itM2mpNW4R/QNAVxtDdcU5LVFulSx/lo7zCDx1rZ/tLDuzbN5k5RGQy5ZkdRIs0MoscsGXQQ==", "dev": true, "license": "MIT", "dependencies": { "@angular-devkit/core": ">= 22.0.0 < 23.0.0", "@angular-devkit/schematics": ">= 22.0.0 < 23.0.0", - "@angular-eslint/eslint-plugin": "22.0.0", - "@angular-eslint/eslint-plugin-template": "22.0.0", + "@angular-eslint/eslint-plugin": "22.1.0", + "@angular-eslint/eslint-plugin-template": "22.1.0", "ignore": "7.0.5", - "semver": "7.8.0", + "semver": "7.8.5", "strip-json-comments": "3.1.1" }, "peerDependencies": { @@ -475,13 +266,13 @@ } }, "node_modules/@angular-eslint/template-parser": { - "version": "22.0.0", - "resolved": "https://registry.npmjs.org/@angular-eslint/template-parser/-/template-parser-22.0.0.tgz", - "integrity": "sha512-jU5MKQ24bBB4J99gSSexmUrLm2LvTJZCuCHhNTQ1LavWX4e1lrIxhm+6pJILOm6Cixf8jyNXnHMty6nljX8J+Q==", + "version": "22.1.0", + "resolved": "https://registry.npmjs.org/@angular-eslint/template-parser/-/template-parser-22.1.0.tgz", + "integrity": "sha512-gcufZLI/Rl2fOWtBk2MgMRkH1t+OrbJGxIsfT0w3pVjKm0zwi7njM/dtPbVjCHzsGhx7szQMvY0i0UwTBVYkSw==", "dev": true, "license": "MIT", "dependencies": { - "@angular-eslint/bundled-angular-compiler": "22.0.0", + "@angular-eslint/bundled-angular-compiler": "22.1.0", "eslint-scope": "9.1.2" }, "peerDependencies": { @@ -490,13 +281,13 @@ } }, "node_modules/@angular-eslint/utils": { - "version": "22.0.0", - "resolved": "https://registry.npmjs.org/@angular-eslint/utils/-/utils-22.0.0.tgz", - "integrity": "sha512-VFodMojghnPYm+B3U+HRYrqebPMj8NyobNjVzDdY8V5XIBW+4ivOSEINIz81G48rmm/NZKwj56+bJ88bVX4KIw==", + "version": "22.1.0", + "resolved": "https://registry.npmjs.org/@angular-eslint/utils/-/utils-22.1.0.tgz", + "integrity": "sha512-zDPJqgOxlkG20UJWsVDSvnEtC2MfIP0+yKMaQUBL+2nrEknV/fVLrz7ApnerWiDrGTcAms5si49KV10MarMpRA==", "dev": true, "license": "MIT", "dependencies": { - "@angular-eslint/bundled-angular-compiler": "22.0.0" + "@angular-eslint/bundled-angular-compiler": "22.1.0" }, "peerDependencies": { "@typescript-eslint/utils": "^8.0.0", @@ -505,9 +296,9 @@ } }, "node_modules/@angular/animations": { - "version": "22.0.1", - "resolved": "https://registry.npmjs.org/@angular/animations/-/animations-22.0.1.tgz", - "integrity": "sha512-5Ydov95+aAmEdzSaiIJdKTOuGEqI+KWRnQOYJVSrjfKyLTeh3hLCW9amoicF8CsvGh7hSnKf4adbNUycG8wfKA==", + "version": "22.1.3", + "resolved": "https://registry.npmjs.org/@angular/animations/-/animations-22.1.3.tgz", + "integrity": "sha512-EgL1BrPcn3yaRamr/R9NlYlV6hZzzKRGxVp/cnfkYzzWKG4Wcno7lkGEo6eA2Vry66AJuXUu4M1BMyhHJ96zzg==", "deprecated": "@angular/animations is deprecated. Use `animate.enter` and `animate.leave` instead. For more information see: https://v22.angular.dev/guide/animations.", "license": "MIT", "dependencies": { @@ -517,41 +308,42 @@ "node": "^22.22.3 || ^24.15.0 || >=26.0.0" }, "peerDependencies": { - "@angular/core": "22.0.1" + "@angular/core": "22.1.3" } }, "node_modules/@angular/build": { - "version": "22.0.1", - "resolved": "https://registry.npmjs.org/@angular/build/-/build-22.0.1.tgz", - "integrity": "sha512-05oMhBuRy4qycmuhrBpz3y/OxaW0qeguKj7ArUdTFOJvi6Y1kthzcg6bF1cPPVz0TMGnoTwMf9OCHjoT2QHAKA==", + "version": "22.1.6", + "resolved": "https://registry.npmjs.org/@angular/build/-/build-22.1.6.tgz", + "integrity": "sha512-J7JBd3hDAV4dlGNMavDC0KjtvbDd4KOddaom1inwkq92tYnD1ljmhDDigAsUBnRvQhJ82cvagD8zi0s9Ki4rTQ==", "dev": true, "license": "MIT", "dependencies": { "@ampproject/remapping": "2.3.0", - "@angular-devkit/architect": "0.2200.1", - "@babel/core": "7.29.0", - "@babel/helper-annotate-as-pure": "7.27.3", + "@angular-devkit/architect": "0.2201.6", + "@babel/core": "8.0.1", + "@babel/helper-annotate-as-pure": "8.0.0", "@babel/helper-split-export-declaration": "7.24.7", - "@inquirer/confirm": "6.0.12", + "@inquirer/confirm": "6.1.1", "@vitejs/plugin-basic-ssl": "2.3.0", - "beasties": "0.4.2", + "beasties": "0.4.3", "browserslist": "^4.26.0", - "esbuild": "0.28.0", - "https-proxy-agent": "9.0.0", + "esbuild": "0.28.2", + "https-proxy-agent": "9.1.0", "jsonc-parser": "3.3.1", - "listr2": "10.2.1", - "magic-string": "0.30.21", + "listr2": "11.0.0", + "magic-string": "1.0.0", "mrmime": "2.0.1", + "oxc-parser": "0.142.0", "parse5-html-rewriting-stream": "8.0.1", - "picomatch": "4.0.4", - "piscina": "5.1.4", - "rollup": "4.60.2", - "sass": "1.99.0", - "semver": "7.7.4", + "picomatch": "4.0.5", + "piscina": "5.2.0", + "rolldown": "1.2.0", + "sass": "1.101.0", + "semver": "7.8.5", "source-map-support": "0.5.21", - "tinyglobby": "0.2.16", - "vite": "7.3.2", - "watchpack": "2.5.1" + "tinyglobby": "0.2.17", + "vite": "8.1.5", + "watchpack": "2.5.2" }, "engines": { "node": "^22.22.3 || ^24.15.0 || >=26.0.0", @@ -559,7 +351,7 @@ "yarn": ">= 1.13.0" }, "optionalDependencies": { - "lmdb": "3.5.4" + "lmdb": "3.5.6" }, "peerDependencies": { "@angular/compiler": "^22.0.0", @@ -569,12 +361,13 @@ "@angular/platform-browser": "^22.0.0", "@angular/platform-server": "^22.0.0", "@angular/service-worker": "^22.0.0", - "@angular/ssr": "^22.0.1", + "@angular/ssr": "^22.1.6", "istanbul-lib-instrument": "^6.0.0", "karma": "^6.4.0", "less": "^4.2.0", "ng-packagr": "^22.0.0", "postcss": "^8.4.0", + "rollup": "^4.0.0", "tailwindcss": "^2.0.0 || ^3.0.0 || ^4.0.0", "tslib": "^2.3.0", "typescript": ">=6.0 <6.1", @@ -614,6 +407,9 @@ "postcss": { "optional": true }, + "rollup": { + "optional": true + }, "tailwindcss": { "optional": true }, @@ -622,23 +418,10 @@ } } }, - "node_modules/@angular/build/node_modules/semver": { - "version": "7.7.4", - "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.4.tgz", - "integrity": "sha512-vFKC2IEtQnVhpT78h1Yp8wzwrf8CM+MzKMHGJZfBtzhZNycRFnXsHk6E5TxIkkMsgNS7mdX3AGB7x2QM2di4lA==", - "dev": true, - "license": "ISC", - "bin": { - "semver": "bin/semver.js" - }, - "engines": { - "node": ">=10" - } - }, "node_modules/@angular/cdk": { - "version": "22.0.1", - "resolved": "https://registry.npmjs.org/@angular/cdk/-/cdk-22.0.1.tgz", - "integrity": "sha512-hSFqsNEmkT9x1Qc+0aJvAEKFo2DPuS8h/ltOVuDYIyXd57DfD7pSLO3CuxfSUK49YhbhwX/TB2L0IfkrnvtXew==", + "version": "22.1.4", + "resolved": "https://registry.npmjs.org/@angular/cdk/-/cdk-22.1.4.tgz", + "integrity": "sha512-//KICh/rxeLbYLgNj8HawaliVAPNlSV0aRmki45Tf/YhoXVhzon9DfFqCs5u1cLvmMkMTHdFm5ghGTB8SUv3DA==", "license": "MIT", "dependencies": { "parse5": "^8.0.0", @@ -652,30 +435,26 @@ } }, "node_modules/@angular/cli": { - "version": "22.0.1", - "resolved": "https://registry.npmjs.org/@angular/cli/-/cli-22.0.1.tgz", - "integrity": "sha512-E1b3yroIDkqKpRJ5M/ihQkmgrF+gTlrntLbLWkSE5XReMSGtkog16I3hewI1zV2K4TMdiDZ1lzJvkJ4CgG3wjA==", + "version": "22.1.6", + "resolved": "https://registry.npmjs.org/@angular/cli/-/cli-22.1.6.tgz", + "integrity": "sha512-HT3OzYkSpCyXMTgD5G1tsS7vkrY8cYJ/JgSjRjrpwOAooSMtKF1hv7BgBcn79sKg4eaiPLrDpQLXP93vHxgSFg==", "dev": true, "license": "MIT", "dependencies": { - "@angular-devkit/architect": "0.2200.1", - "@angular-devkit/core": "22.0.1", - "@angular-devkit/schematics": "22.0.1", - "@inquirer/prompts": "8.4.2", - "@listr2/prompt-adapter-inquirer": "4.2.3", - "@modelcontextprotocol/sdk": "1.29.0", - "@schematics/angular": "22.0.1", - "@yarnpkg/lockfile": "1.1.0", - "algoliasearch": "5.52.0", - "ini": "6.0.0", + "@angular-devkit/architect": "0.2201.6", + "@angular-devkit/core": "22.1.6", + "@angular-devkit/schematics": "22.1.6", + "@inquirer/prompts": "8.5.2", + "@listr2/prompt-adapter-inquirer": "4.2.5", + "@modelcontextprotocol/sdk": "1.30.0", + "@schematics/angular": "22.1.6", "jsonc-parser": "3.3.1", - "listr2": "10.2.1", - "npm-package-arg": "13.0.2", - "pacote": "21.5.0", + "listr2": "11.0.0", + "npm-package-arg": "14.0.0", "parse5-html-rewriting-stream": "8.0.1", - "semver": "7.7.4", - "yargs": "18.0.0", - "zod": "4.4.2" + "semver": "7.8.5", + "yargs": "18.1.0", + "zod": "4.4.3" }, "bin": { "ng": "bin/ng.js" @@ -686,23 +465,10 @@ "yarn": ">= 1.13.0" } }, - "node_modules/@angular/cli/node_modules/semver": { - "version": "7.7.4", - "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.4.tgz", - "integrity": "sha512-vFKC2IEtQnVhpT78h1Yp8wzwrf8CM+MzKMHGJZfBtzhZNycRFnXsHk6E5TxIkkMsgNS7mdX3AGB7x2QM2di4lA==", - "dev": true, - "license": "ISC", - "bin": { - "semver": "bin/semver.js" - }, - "engines": { - "node": ">=10" - } - }, "node_modules/@angular/common": { - "version": "22.0.1", - "resolved": "https://registry.npmjs.org/@angular/common/-/common-22.0.1.tgz", - "integrity": "sha512-EczDHu+ziop3x2CSh9+hdkegTSjblYvuH0y4aZ8biqh+pGFRni24Qu9kZiV5VrBprIJG5NeiCEA2rT6fJ7w/Nw==", + "version": "22.1.3", + "resolved": "https://registry.npmjs.org/@angular/common/-/common-22.1.3.tgz", + "integrity": "sha512-QtMkjhiRd0EnmKR50bw3WbCWYTi6CmA72nnSz1BLQPpaLSi2goloCrPPniHz8fP+w2ESrmmlOWxs1Da3COgnQg==", "license": "MIT", "dependencies": { "tslib": "^2.3.0" @@ -711,14 +477,14 @@ "node": "^22.22.3 || ^24.15.0 || >=26.0.0" }, "peerDependencies": { - "@angular/core": "22.0.1", + "@angular/core": "22.1.3", "rxjs": "^6.5.3 || ^7.4.0" } }, "node_modules/@angular/compiler": { - "version": "22.0.1", - "resolved": "https://registry.npmjs.org/@angular/compiler/-/compiler-22.0.1.tgz", - "integrity": "sha512-J8lcmYXJCGZn1+CHx3LSgq6rtS5Efc1/Nafcd/v8VZN2NrsFIkIlTbnAIUxcwHwYxzZs4X5CGfX+5ZIB4X9rUw==", + "version": "22.1.3", + "resolved": "https://registry.npmjs.org/@angular/compiler/-/compiler-22.1.3.tgz", + "integrity": "sha512-L8Mw2r7bGG/obqgQC+RU3mdFJ3NtLgO5gWhEC1ylcHpLCMPIAXYsMKJIL8dnS78S1wXo/omXwmJ4FiIlCwWahg==", "license": "MIT", "dependencies": { "tslib": "^2.3.0" @@ -728,12 +494,12 @@ } }, "node_modules/@angular/compiler-cli": { - "version": "22.0.1", - "resolved": "https://registry.npmjs.org/@angular/compiler-cli/-/compiler-cli-22.0.1.tgz", - "integrity": "sha512-fo/tXV3sqw92/qz898ejru6G4wMvstd9gBjb0HRDJv5rR1XnSWHVKJuhrgrHd6tVkNdc8y6odBB9GKecdqqnGg==", + "version": "22.1.3", + "resolved": "https://registry.npmjs.org/@angular/compiler-cli/-/compiler-cli-22.1.3.tgz", + "integrity": "sha512-37lLaDp0RHWZ/lmJqCmIEr0HOM2D5ulHy61gqTBm7KRj3Y6ZaxR8B/JqZmeIpPzKFILVsga+NQ4A8apBUkmezw==", "license": "MIT", "dependencies": { - "@babel/core": "7.29.0", + "@babel/core": "8.0.1", "@jridgewell/sourcemap-codec": "^1.4.14", "chokidar": "^5.0.0", "convert-source-map": "^1.5.1", @@ -750,7 +516,7 @@ "node": "^22.22.3 || ^24.15.0 || >=26.0.0" }, "peerDependencies": { - "@angular/compiler": "22.0.1", + "@angular/compiler": "22.1.3", "typescript": ">=6.0 <6.1" }, "peerDependenciesMeta": { @@ -760,9 +526,9 @@ } }, "node_modules/@angular/core": { - "version": "22.0.1", - "resolved": "https://registry.npmjs.org/@angular/core/-/core-22.0.1.tgz", - "integrity": "sha512-Sk0fz+LR2q6QhJJtCV9ElN1GzoEX6lOB4difMqpOC0yRh/ue+9iKd+x3RRiL4p+dnAiRLQYAKqsXkYlqUm2SMg==", + "version": "22.1.3", + "resolved": "https://registry.npmjs.org/@angular/core/-/core-22.1.3.tgz", + "integrity": "sha512-313+Xkf970AmStJE0E/zNJW/9xvDExQG+6TNltBBl+KJsW0q5dffK2w2PQfV4mtTquBqYoeHSRsms4WgjBKL8g==", "license": "MIT", "dependencies": { "tslib": "^2.3.0" @@ -771,7 +537,7 @@ "node": "^22.22.3 || ^24.15.0 || >=26.0.0" }, "peerDependencies": { - "@angular/compiler": "22.0.1", + "@angular/compiler": "22.1.3", "rxjs": "^6.5.3 || ^7.4.0", "zone.js": "~0.15.0 || ~0.16.0" }, @@ -785,9 +551,9 @@ } }, "node_modules/@angular/forms": { - "version": "22.0.1", - "resolved": "https://registry.npmjs.org/@angular/forms/-/forms-22.0.1.tgz", - "integrity": "sha512-9an74j0DtSeY4XMp5crkAdlxmhdRNq6cKlN9dxGch6udEr2SjHDP7hYoNXJ6y5yna5FEa/t+1SltWF0OVPIVxw==", + "version": "22.1.3", + "resolved": "https://registry.npmjs.org/@angular/forms/-/forms-22.1.3.tgz", + "integrity": "sha512-b4ual9pgfNqcnEHord50w960DDFIytG3Qb3bu2aCgzmagvRlg9wrtwQNqY+oqY2FVq7c9McNUN7MZRcWl9HNdQ==", "license": "MIT", "dependencies": { "@standard-schema/spec": "^1.0.0", @@ -798,16 +564,16 @@ "node": "^22.22.3 || ^24.15.0 || >=26.0.0" }, "peerDependencies": { - "@angular/common": "22.0.1", - "@angular/core": "22.0.1", - "@angular/platform-browser": "22.0.1", + "@angular/common": "22.1.3", + "@angular/core": "22.1.3", + "@angular/platform-browser": "22.1.3", "rxjs": "^6.5.3 || ^7.4.0" } }, "node_modules/@angular/language-service": { - "version": "22.0.1", - "resolved": "https://registry.npmjs.org/@angular/language-service/-/language-service-22.0.1.tgz", - "integrity": "sha512-qbHtMARISHxLgGmQyMyLBRGA7IUWbTyjpnWysJAOoNiAYOSkIGTTTTLi5Pu6ifuSfG5qdovNxiAzCeEH+xrXIw==", + "version": "22.1.3", + "resolved": "https://registry.npmjs.org/@angular/language-service/-/language-service-22.1.3.tgz", + "integrity": "sha512-Nc5cHyuYTTH9uENTSmJFiqR85xPGFkpOwxN6Ms2qlqz767FyOXna0iqw2DprNRB1+xG/WtP4RbCI6ofyXHbM0w==", "dev": true, "license": "MIT", "engines": { @@ -815,13 +581,12 @@ } }, "node_modules/@angular/localize": { - "version": "22.0.1", - "resolved": "https://registry.npmjs.org/@angular/localize/-/localize-22.0.1.tgz", - "integrity": "sha512-W7/FQ3aJ+9SFrKSFiAOe8JTBDxepWtJN2q6fgFIg/0GNmA+D2zAnW73S1ExiUVW/YTho7pGkNEsbaC8vvsHEIA==", + "version": "22.1.3", + "resolved": "https://registry.npmjs.org/@angular/localize/-/localize-22.1.3.tgz", + "integrity": "sha512-/u0nCz2AY+RXB4HUdw3Y7C/ZiierPPmUuWR/nDPCylHwllVdMKpi6PPtKvfzgM5ZvaISzDghTVykOVjU7obMhg==", "license": "MIT", "dependencies": { - "@babel/core": "7.29.0", - "@types/babel__core": "7.20.5", + "@babel/core": "8.0.1", "tinyglobby": "^0.2.12", "yargs": "^18.0.0" }, @@ -834,20 +599,20 @@ "node": "^22.22.3 || ^24.15.0 || >=26.0.0" }, "peerDependencies": { - "@angular/compiler": "22.0.1", - "@angular/compiler-cli": "22.0.1" + "@angular/compiler": "22.1.3", + "@angular/compiler-cli": "22.1.3" } }, "node_modules/@angular/material": { - "version": "22.0.1", - "resolved": "https://registry.npmjs.org/@angular/material/-/material-22.0.1.tgz", - "integrity": "sha512-qP28XmDwRjH7Bd/r02a1GaiMd1ao0VgUOAITCrPQB8McrxFC2wDJBR3MBQaSriZnyWpCzj3jGcQWhZpQMoxOFA==", + "version": "22.1.4", + "resolved": "https://registry.npmjs.org/@angular/material/-/material-22.1.4.tgz", + "integrity": "sha512-d4+uajpIYmyjar/4dypd5L+z8pbgkaCOsSxsrslmE0o0wK7mfFvXCkn0wwfucey5yUHXjswlKu1X5RzJZLOZ+w==", "license": "MIT", "dependencies": { "tslib": "^2.3.0" }, "peerDependencies": { - "@angular/cdk": "22.0.1", + "@angular/cdk": "22.1.4", "@angular/common": "^22.0.0 || ^23.0.0", "@angular/core": "^22.0.0 || ^23.0.0", "@angular/forms": "^22.0.0 || ^23.0.0", @@ -856,9 +621,9 @@ } }, "node_modules/@angular/platform-browser": { - "version": "22.0.1", - "resolved": "https://registry.npmjs.org/@angular/platform-browser/-/platform-browser-22.0.1.tgz", - "integrity": "sha512-wbj/ddrMIOHKrONcFlDmHfJKUZq4dX8pzcxsLFTQ6sppUKtzWMrkxtCVkSPJLEzs6OG3OupRrc1yHbL/V+ffsw==", + "version": "22.1.3", + "resolved": "https://registry.npmjs.org/@angular/platform-browser/-/platform-browser-22.1.3.tgz", + "integrity": "sha512-A8McE6AclwZa2ese4jMfZZu+qZfBFQ4Hl6CaMpzJ1C6Vv6+sXkLu9pouTosJEsUE+etVdepDsqau90lhzgw3Eg==", "license": "MIT", "dependencies": { "tslib": "^2.3.0" @@ -867,9 +632,9 @@ "node": "^22.22.3 || ^24.15.0 || >=26.0.0" }, "peerDependencies": { - "@angular/animations": "22.0.1", - "@angular/common": "22.0.1", - "@angular/core": "22.0.1" + "@angular/animations": "22.1.3", + "@angular/common": "22.1.3", + "@angular/core": "22.1.3" }, "peerDependenciesMeta": { "@angular/animations": { @@ -878,9 +643,10 @@ } }, "node_modules/@angular/platform-browser-dynamic": { - "version": "22.0.1", - "resolved": "https://registry.npmjs.org/@angular/platform-browser-dynamic/-/platform-browser-dynamic-22.0.1.tgz", - "integrity": "sha512-Z0h2gVNxPoJqzon7OlOhfScuMgPyW4qbJZAZCBMRYC8se+7YP1w81dw5dmqyeqf66pD+NwhkJXL1hOrYKK1m2g==", + "version": "22.1.3", + "resolved": "https://registry.npmjs.org/@angular/platform-browser-dynamic/-/platform-browser-dynamic-22.1.3.tgz", + "integrity": "sha512-dXI8U7C4QZOvWIA2VWPFjGQjJ6ceHlYRkShdvaluKmml6CxxPPvirjwQGj+G/syfAaArSzLijK4hM9xDuMo41w==", + "deprecated": "@angular/platform-browser-dynamic is deprecated. Use `@angular/platform-browser` instead.", "license": "MIT", "dependencies": { "tslib": "^2.3.0" @@ -889,16 +655,16 @@ "node": "^22.22.3 || ^24.15.0 || >=26.0.0" }, "peerDependencies": { - "@angular/common": "22.0.1", - "@angular/compiler": "22.0.1", - "@angular/core": "22.0.1", - "@angular/platform-browser": "22.0.1" + "@angular/common": "22.1.3", + "@angular/compiler": "22.1.3", + "@angular/core": "22.1.3", + "@angular/platform-browser": "22.1.3" } }, "node_modules/@angular/platform-server": { - "version": "22.0.1", - "resolved": "https://registry.npmjs.org/@angular/platform-server/-/platform-server-22.0.1.tgz", - "integrity": "sha512-oHeRfRWh9aqEokMhQJDweOcFElitFGl0x8RaTto8sQwB/bV6IiWXEQBupGUBUaqJ1FWO2BdlxVFIdtRxAAHg4Q==", + "version": "22.1.3", + "resolved": "https://registry.npmjs.org/@angular/platform-server/-/platform-server-22.1.3.tgz", + "integrity": "sha512-tzbMQSwHx2oIIjWQAgRunNNz3FW+AMYiUwVtdkKBXvPSp2d/ry+/6XO6fZ0BIi3ejhwtfIJL3GlOtmPMCHTkyw==", "license": "MIT", "dependencies": { "tslib": "^2.3.0", @@ -908,17 +674,17 @@ "node": "^22.22.3 || ^24.15.0 || >=26.0.0" }, "peerDependencies": { - "@angular/common": "22.0.1", - "@angular/compiler": "22.0.1", - "@angular/core": "22.0.1", - "@angular/platform-browser": "22.0.1", + "@angular/common": "22.1.3", + "@angular/compiler": "22.1.3", + "@angular/core": "22.1.3", + "@angular/platform-browser": "22.1.3", "rxjs": "^6.5.3 || ^7.4.0" } }, "node_modules/@angular/router": { - "version": "22.0.1", - "resolved": "https://registry.npmjs.org/@angular/router/-/router-22.0.1.tgz", - "integrity": "sha512-NHMkRAgBMKrE7g5lSe1H/espe0NX8axVBy6TtzEh/l7yxTnZiqUIjmRnIDb+LFGPRQVgDu3FxR/fvwQaosOn0w==", + "version": "22.1.3", + "resolved": "https://registry.npmjs.org/@angular/router/-/router-22.1.3.tgz", + "integrity": "sha512-23owvZKCpdL7Yh3EzBj4OLf3x0z+jT9b57Qk96wdwI8Lsyf9L78/RJPYCutJ5r+zq3pFM/BHVKyd+2hkfH7N6Q==", "license": "MIT", "dependencies": { "tslib": "^2.3.0" @@ -927,16 +693,16 @@ "node": "^22.22.3 || ^24.15.0 || >=26.0.0" }, "peerDependencies": { - "@angular/common": "22.0.1", - "@angular/core": "22.0.1", - "@angular/platform-browser": "22.0.1", + "@angular/common": "22.1.3", + "@angular/core": "22.1.3", + "@angular/platform-browser": "22.1.3", "rxjs": "^6.5.3 || ^7.4.0" } }, "node_modules/@angular/ssr": { - "version": "22.0.1", - "resolved": "https://registry.npmjs.org/@angular/ssr/-/ssr-22.0.1.tgz", - "integrity": "sha512-qZmQ1gi6FlGtvKCb3Br1MBz95yNcrQmH4/yL/Yz43BWyom+JKoKJH0di1mTbsZdEptkmZN1R8nzff6XA9dHdYw==", + "version": "22.1.6", + "resolved": "https://registry.npmjs.org/@angular/ssr/-/ssr-22.1.6.tgz", + "integrity": "sha512-MvSaCg2Kren50Ei8o98bDG4555aNAQdeP+PfamOyUPWx3LBdoW5LEhnOq7yxWDcuzyXIs/k0DjQnbojPH/75Uw==", "license": "MIT", "dependencies": { "tslib": "^2.3.0" @@ -954,52 +720,52 @@ } }, "node_modules/@babel/code-frame": { - "version": "7.29.7", - "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.29.7.tgz", - "integrity": "sha512-Aup7aUOfpbAUg2ROOJN6Iw5f9DMBlzu0mIkm/malLQFN/YQgO48wCj0Kxa3sEHJvPVFg7siR+qRInwXd2qhQKw==", + "version": "8.0.0", + "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-8.0.0.tgz", + "integrity": "sha512-dYYg153EyN2Ekbqw2zAsbd6/JR+9N2SEoC7YV2GyyqMM7x9bLDTjBD6XBhSMLH0wtIVyJj03jWNriQhaN+eoCw==", "license": "MIT", "dependencies": { - "@babel/helper-validator-identifier": "^7.29.7", - "js-tokens": "^4.0.0", - "picocolors": "^1.1.1" + "@babel/helper-validator-identifier": "^8.0.0", + "js-tokens": "^10.0.0" }, "engines": { - "node": ">=6.9.0" + "node": "^22.18.0 || >=24.11.0" } }, "node_modules/@babel/compat-data": { - "version": "7.29.7", - "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.29.7.tgz", - "integrity": "sha512-locTkQyKvwIEgBzVrn8693ebc97F2U8ZHjbXwDXJ5Fn2TCpNwTlKcaKLkdHop5c/icOFE7qt7Q9JC5hnKNa6Gg==", + "version": "8.0.0", + "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-8.0.0.tgz", + "integrity": "sha512-DOjnob/cXOUgDOozCDeq/aK2p5y8dUIVdf6tNhEV1HQRd6I8aQ4f4fbtHRVEvb6lP3BGomrKHiS8ICAASSVQSw==", "license": "MIT", "engines": { - "node": ">=6.9.0" + "node": "^22.18.0 || >=24.11.0" } }, "node_modules/@babel/core": { - "version": "7.29.0", - "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.29.0.tgz", - "integrity": "sha512-CGOfOJqWjg2qW/Mb6zNsDm+u5vFQ8DxXfbM09z69p5Z6+mE1ikP2jUXw+j42Pf1XTYED2Rni5f95npYeuwMDQA==", - "license": "MIT", - "dependencies": { - "@babel/code-frame": "^7.29.0", - "@babel/generator": "^7.29.0", - "@babel/helper-compilation-targets": "^7.28.6", - "@babel/helper-module-transforms": "^7.28.6", - "@babel/helpers": "^7.28.6", - "@babel/parser": "^7.29.0", - "@babel/template": "^7.28.6", - "@babel/traverse": "^7.29.0", - "@babel/types": "^7.29.0", - "@jridgewell/remapping": "^2.3.5", + "version": "8.0.1", + "resolved": "https://registry.npmjs.org/@babel/core/-/core-8.0.1.tgz", + "integrity": "sha512-5FgxM4dLQpMJHSiVATk8foW263dVHQHBVpXYiimNECVWG01f4nFyEbQixeT6Mwvg7TayREJ2gpKl3o2RoMdnqw==", + "license": "MIT", + "dependencies": { + "@babel/code-frame": "^8.0.0", + "@babel/generator": "^8.0.0", + "@babel/helper-compilation-targets": "^8.0.0", + "@babel/helpers": "^8.0.0", + "@babel/parser": "^8.0.0", + "@babel/template": "^8.0.0", + "@babel/traverse": "^8.0.0", + "@babel/types": "^8.0.0", + "@types/gensync": "^1.0.5", "convert-source-map": "^2.0.0", - "debug": "^4.1.0", + "empathic": "^2.0.1", "gensync": "^1.0.0-beta.2", + "import-meta-resolve": "^4.2.0", "json5": "^2.2.3", - "semver": "^6.3.1" + "obug": "^2.1.1", + "semver": "^7.7.3" }, "engines": { - "node": ">=6.9.0" + "node": "^22.18.0 || >=24.11.0" }, "funding": { "type": "opencollective", @@ -1012,82 +778,66 @@ "integrity": "sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==", "license": "MIT" }, - "node_modules/@babel/core/node_modules/semver": { - "version": "6.3.1", - "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz", - "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==", - "license": "ISC", - "bin": { - "semver": "bin/semver.js" - } - }, "node_modules/@babel/generator": { - "version": "7.29.7", - "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.29.7.tgz", - "integrity": "sha512-DkXD5OJQaAQIdZ1bt3UZdEnHAn9Imd3IVBdX03UFe+ony9Ojw5pzr9YVKGDY1jt+Gcn/FnGkNf8r+Vj5NOJWtQ==", + "version": "8.0.0", + "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-8.0.0.tgz", + "integrity": "sha512-NT9NrVwJsbSV6Y2FSstWa71EETOnzrjkL5/wX3D2mYHtKM+qvqB1DvR4D0Setb/gDBsHzRICifwEWMO8CnTF6g==", "license": "MIT", "dependencies": { - "@babel/parser": "^7.29.7", - "@babel/types": "^7.29.7", + "@babel/parser": "^8.0.0", + "@babel/types": "^8.0.0", "@jridgewell/gen-mapping": "^0.3.12", "@jridgewell/trace-mapping": "^0.3.28", + "@types/jsesc": "^2.5.0", "jsesc": "^3.0.2" }, "engines": { - "node": ">=6.9.0" + "node": "^22.18.0 || >=24.11.0" } }, "node_modules/@babel/helper-annotate-as-pure": { - "version": "7.27.3", - "resolved": "https://registry.npmjs.org/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-7.27.3.tgz", - "integrity": "sha512-fXSwMQqitTGeHLBC08Eq5yXz2m37E4pJX1qAU1+2cNedz/ifv/bVXft90VeSav5nFO61EcNgwr0aJxbyPaWBPg==", + "version": "8.0.0", + "resolved": "https://registry.npmjs.org/@babel/helper-annotate-as-pure/-/helper-annotate-as-pure-8.0.0.tgz", + "integrity": "sha512-NSpMkMsvvZqzThJ0p1B02cbtA2ObEyfBvq950bmNkyxsxvcxwhvvCB036rKhlEnuBBo30bOrk13u3FzlKSoRrw==", "dev": true, "license": "MIT", "dependencies": { - "@babel/types": "^7.27.3" + "@babel/types": "^8.0.0" }, "engines": { - "node": ">=6.9.0" + "node": "^22.18.0 || >=24.11.0" } }, "node_modules/@babel/helper-compilation-targets": { - "version": "7.29.7", - "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.29.7.tgz", - "integrity": "sha512-wem6WaBj4NaVYVdNhLPPVacES6ZJ+KBBfSkTMD3YZxbP3rm3Di85tJU5ljaUNhaOynt+Aj0xruhYuzQBt8n71g==", + "version": "8.0.0", + "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-8.0.0.tgz", + "integrity": "sha512-JwculLABZvyPvyLBpwU/E/IbH2uM3mnxNtIJpxnIfb24y1PrdVxK5Dqjle4DpgqpGRnwgC7G8IkzPdSXZrO1Ew==", "license": "MIT", "dependencies": { - "@babel/compat-data": "^7.29.7", - "@babel/helper-validator-option": "^7.29.7", + "@babel/compat-data": "^8.0.0", + "@babel/helper-validator-option": "^8.0.0", "browserslist": "^4.24.0", - "lru-cache": "^5.1.1", - "semver": "^6.3.1" + "lru-cache": "^11.0.0", + "semver": "^7.7.3" }, "engines": { - "node": ">=6.9.0" - } - }, - "node_modules/@babel/helper-compilation-targets/node_modules/semver": { - "version": "6.3.1", - "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz", - "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==", - "license": "ISC", - "bin": { - "semver": "bin/semver.js" + "node": "^22.18.0 || >=24.11.0" } }, "node_modules/@babel/helper-globals": { - "version": "7.29.7", - "resolved": "https://registry.npmjs.org/@babel/helper-globals/-/helper-globals-7.29.7.tgz", - "integrity": "sha512-3nQVUAtvkKH9zahfWgw96Jc/uFOmjACE1kQz82E2lqWmHBgjzbNlsC22nuQTfahmWeQtTq5nQ/4Nnd2A1wj4zA==", + "version": "8.0.0", + "resolved": "https://registry.npmjs.org/@babel/helper-globals/-/helper-globals-8.0.0.tgz", + "integrity": "sha512-lLozHOM6sWWlxNo8CYqHy4MBZeTvHXNgVPBfPOGsjPKUzHC2Az9QwB6gxdQmpwHl6GlQtbGgS+lj5887guDiLw==", "license": "MIT", "engines": { - "node": ">=6.9.0" + "node": "^22.18.0 || >=24.11.0" } }, "node_modules/@babel/helper-module-imports": { "version": "7.29.7", "resolved": "https://registry.npmjs.org/@babel/helper-module-imports/-/helper-module-imports-7.29.7.tgz", "integrity": "sha512-ejHwrQQYcm9xnTivShn2IDOlIzInN34AXskvq9QicvCtEzq1Vzclu/tKF8Jq1Cg8JG2GL6/EmjgsCT7lXepE3g==", + "dev": true, "license": "MIT", "dependencies": { "@babel/traverse": "^7.29.7", @@ -1097,89 +847,239 @@ "node": ">=6.9.0" } }, - "node_modules/@babel/helper-module-transforms": { + "node_modules/@babel/helper-module-imports/node_modules/@babel/code-frame": { "version": "7.29.7", - "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.29.7.tgz", - "integrity": "sha512-UPUVSyXbOh627KiCIGQSgwWzGeBKLkaJ9PJEdrngIwMSzxLR4jS4+f1f1jb7VzBbg8nFLaYotvVPFCTqdrmTAg==", + "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.29.7.tgz", + "integrity": "sha512-Aup7aUOfpbAUg2ROOJN6Iw5f9DMBlzu0mIkm/malLQFN/YQgO48wCj0Kxa3sEHJvPVFg7siR+qRInwXd2qhQKw==", + "dev": true, "license": "MIT", "dependencies": { - "@babel/helper-module-imports": "^7.29.7", "@babel/helper-validator-identifier": "^7.29.7", - "@babel/traverse": "^7.29.7" + "js-tokens": "^4.0.0", + "picocolors": "^1.1.1" }, "engines": { "node": ">=6.9.0" - }, - "peerDependencies": { - "@babel/core": "^7.0.0" } }, - "node_modules/@babel/helper-split-export-declaration": { - "version": "7.24.7", - "resolved": "https://registry.npmjs.org/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.24.7.tgz", - "integrity": "sha512-oy5V7pD+UvfkEATUKvIjvIAH/xCzfsFVw7ygW2SI6NClZzquT+mwdTfgfdbUiceh6iQO0CHtCPsyze/MZ2YbAA==", + "node_modules/@babel/helper-module-imports/node_modules/@babel/generator": { + "version": "7.29.8", + "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.29.8.tgz", + "integrity": "sha512-gZbepsdh3WDtgZKWL+vTPh71LSBrm/Y4/QDZBVCcYfmeTEEuoOYwlSy+G1StfJg+/Zy550u/3TATbm7qDbbMtg==", "dev": true, "license": "MIT", "dependencies": { - "@babel/types": "^7.24.7" + "@babel/parser": "^7.29.8", + "@babel/types": "^7.29.8", + "@jridgewell/gen-mapping": "^0.3.12", + "@jridgewell/trace-mapping": "^0.3.28", + "jsesc": "^3.0.2" }, "engines": { "node": ">=6.9.0" } }, - "node_modules/@babel/helper-string-parser": { + "node_modules/@babel/helper-module-imports/node_modules/@babel/helper-globals": { + "version": "7.29.7", + "resolved": "https://registry.npmjs.org/@babel/helper-globals/-/helper-globals-7.29.7.tgz", + "integrity": "sha512-3nQVUAtvkKH9zahfWgw96Jc/uFOmjACE1kQz82E2lqWmHBgjzbNlsC22nuQTfahmWeQtTq5nQ/4Nnd2A1wj4zA==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/helper-module-imports/node_modules/@babel/helper-string-parser": { "version": "7.29.7", "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.29.7.tgz", "integrity": "sha512-Pb5ijPrZ89GDH8223L4UP8i6QApWxs04RbPQJTeWDV0/keR2E36MeKnyr6LYmUUvqRRI+Iv87SuF1W6ErINzYw==", + "dev": true, "license": "MIT", "engines": { "node": ">=6.9.0" } }, - "node_modules/@babel/helper-validator-identifier": { + "node_modules/@babel/helper-module-imports/node_modules/@babel/helper-validator-identifier": { "version": "7.29.7", "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.29.7.tgz", "integrity": "sha512-qehxGkRj55h/ff8EMaJ+cYhyaKlHIxqYDn682wQD7RNp9UujOQsHog2uS0r2vzr4pW+sXf90NeeayjcNaX3fFg==", + "dev": true, "license": "MIT", "engines": { "node": ">=6.9.0" } }, - "node_modules/@babel/helper-validator-option": { - "version": "7.29.7", - "resolved": "https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.29.7.tgz", - "integrity": "sha512-N9ZErrD+yW5geCDtBqnOoxmR8+tNKiGuxKlDpuJxfsqpa2dFcexaziGAE/qoHLiDDreVNMupxGmSoNlyvsA3gw==", + "node_modules/@babel/helper-module-imports/node_modules/@babel/parser": { + "version": "7.29.8", + "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.29.8.tgz", + "integrity": "sha512-E8lTAYNB1KW+FH+VGJuZM1ioAx2E6oVlvQFRrf5P8ZZmsiJXYAD9vTFV7yyEURNzgh1dFqMZuO6tUwcARbqFCA==", + "dev": true, "license": "MIT", + "dependencies": { + "@babel/types": "^7.29.8" + }, + "bin": { + "parser": "bin/babel-parser.js" + }, "engines": { - "node": ">=6.9.0" + "node": ">=6.0.0" } }, - "node_modules/@babel/helpers": { + "node_modules/@babel/helper-module-imports/node_modules/@babel/template": { "version": "7.29.7", - "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.29.7.tgz", - "integrity": "sha512-1k2lAGRMfHTcwuNYcCNUmaUffmQv8KWMfh2iJUUeRlwlwH4FdNG7mfPI10NPfLHJFThE4Tyr4mv7kTNZOiPuBg==", + "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.29.7.tgz", + "integrity": "sha512-puq+Gf35oI24FeN11LkoUQFqv9uwNeWpxXZi/Ji3rRIoKAzKnxRaZ+Gkj0vKS9ZCiTESfng1N9LyOyXvo+m+Gg==", + "dev": true, "license": "MIT", "dependencies": { - "@babel/template": "^7.29.7", + "@babel/code-frame": "^7.29.7", + "@babel/parser": "^7.29.7", "@babel/types": "^7.29.7" }, "engines": { "node": ">=6.9.0" } }, - "node_modules/@babel/parser": { + "node_modules/@babel/helper-module-imports/node_modules/@babel/traverse": { + "version": "7.29.8", + "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.29.8.tgz", + "integrity": "sha512-I5z7H3bf/41ktsNVLtpN0wAa336HkqIHQ5BuPLEhTkt1jVSyZpeNKIzTgEWmlxjdg81R0IgUCcaE+Ok3NvrfZg==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/code-frame": "^7.29.7", + "@babel/generator": "^7.29.8", + "@babel/helper-globals": "^7.29.7", + "@babel/parser": "^7.29.8", + "@babel/template": "^7.29.7", + "@babel/types": "^7.29.8", + "debug": "^4.3.1" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/helper-module-imports/node_modules/@babel/types": { + "version": "7.29.8", + "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.29.8.tgz", + "integrity": "sha512-Vj1jF3cPfxg7OAfoI7QnVKLoILlm2JF9pnVHrX8qx7AHMiYWT+NDAA7jChlNgRS4WTLc/fD1lXLmPixluj+3Gg==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/helper-string-parser": "^7.29.7", + "@babel/helper-validator-identifier": "^7.29.7" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/helper-module-imports/node_modules/js-tokens": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz", + "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==", + "dev": true, + "license": "MIT" + }, + "node_modules/@babel/helper-split-export-declaration": { + "version": "7.24.7", + "resolved": "https://registry.npmjs.org/@babel/helper-split-export-declaration/-/helper-split-export-declaration-7.24.7.tgz", + "integrity": "sha512-oy5V7pD+UvfkEATUKvIjvIAH/xCzfsFVw7ygW2SI6NClZzquT+mwdTfgfdbUiceh6iQO0CHtCPsyze/MZ2YbAA==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/types": "^7.24.7" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/helper-split-export-declaration/node_modules/@babel/helper-string-parser": { + "version": "7.29.7", + "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.29.7.tgz", + "integrity": "sha512-Pb5ijPrZ89GDH8223L4UP8i6QApWxs04RbPQJTeWDV0/keR2E36MeKnyr6LYmUUvqRRI+Iv87SuF1W6ErINzYw==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/helper-split-export-declaration/node_modules/@babel/helper-validator-identifier": { "version": "7.29.7", - "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.29.7.tgz", - "integrity": "sha512-hnORnjP/1P/zFEndoeX+n+t1RwWRJiJpM/jO7FW32Kn9r5+sJB2JWOdYo4L6k78j15eCwY3Gm/7364B1EMwtNg==", + "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.29.7.tgz", + "integrity": "sha512-qehxGkRj55h/ff8EMaJ+cYhyaKlHIxqYDn682wQD7RNp9UujOQsHog2uS0r2vzr4pW+sXf90NeeayjcNaX3fFg==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/helper-split-export-declaration/node_modules/@babel/types": { + "version": "7.29.8", + "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.29.8.tgz", + "integrity": "sha512-Vj1jF3cPfxg7OAfoI7QnVKLoILlm2JF9pnVHrX8qx7AHMiYWT+NDAA7jChlNgRS4WTLc/fD1lXLmPixluj+3Gg==", + "dev": true, "license": "MIT", "dependencies": { - "@babel/types": "^7.29.7" + "@babel/helper-string-parser": "^7.29.7", + "@babel/helper-validator-identifier": "^7.29.7" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/@babel/helper-string-parser": { + "version": "8.0.0", + "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-8.0.0.tgz", + "integrity": "sha512-6mJgmFFFIIO82vvoLt9XtRC7/TkzXfts1t/SpRX4IHSzMgqoPYCWesVu1udUPUWioAE/2fcG6WuI8zrkE1gwrg==", + "license": "MIT", + "engines": { + "node": "^22.18.0 || >=24.11.0" + } + }, + "node_modules/@babel/helper-validator-identifier": { + "version": "8.0.4", + "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-8.0.4.tgz", + "integrity": "sha512-4wFaiLd0bVo4cIoTXI3zKI038NIWE/cr3jvBjejOVYVxV/m8Ltav1USiGzG1fmS5J2RhgEOgXNNK46cRPnRsrg==", + "license": "MIT", + "engines": { + "node": "^22.18.0 || >=24.11.0" + } + }, + "node_modules/@babel/helper-validator-option": { + "version": "8.0.0", + "resolved": "https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-8.0.0.tgz", + "integrity": "sha512-U4Dybxh4WESWHt5XhBeExi4DrY0/DNK1aHpQbsrQXCUbFHuMweT0TpLEWKvaraV2Y6fS+ZXunsZ8zIuZIgvF2Q==", + "license": "MIT", + "engines": { + "node": "^22.18.0 || >=24.11.0" + } + }, + "node_modules/@babel/helpers": { + "version": "8.0.0", + "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-8.0.0.tgz", + "integrity": "sha512-wfbi91pM3py96oIiJEz7qIpyXDytgr9zQC1HEWwlGNVRAEmItuU/0a41ZUKu1sJGyhhOIpc4t5vk4PYzt8wpsg==", + "license": "MIT", + "dependencies": { + "@babel/template": "^8.0.0", + "@babel/types": "^8.0.0" + }, + "engines": { + "node": "^22.18.0 || >=24.11.0" + } + }, + "node_modules/@babel/parser": { + "version": "8.0.4", + "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-8.0.4.tgz", + "integrity": "sha512-srpptsAkEbbNIC/q8nT7o+m6CQe8CJUTV/t7MYc9NnWlgYVtHOb7JH6SorxMhN0kuRJjVqXbKClG6xSbPtzz+g==", + "license": "MIT", + "dependencies": { + "@babel/types": "^8.0.4" }, "bin": { "parser": "bin/babel-parser.js" }, "engines": { - "node": ">=6.0.0" + "node": "^22.18.0 || >=24.11.0" } }, "node_modules/@babel/runtime": { @@ -1192,54 +1092,54 @@ } }, "node_modules/@babel/template": { - "version": "7.29.7", - "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.29.7.tgz", - "integrity": "sha512-puq+Gf35oI24FeN11LkoUQFqv9uwNeWpxXZi/Ji3rRIoKAzKnxRaZ+Gkj0vKS9ZCiTESfng1N9LyOyXvo+m+Gg==", + "version": "8.0.0", + "resolved": "https://registry.npmjs.org/@babel/template/-/template-8.0.0.tgz", + "integrity": "sha512-eAD0QW/AlbamBbw0FeGiwasbCVPq5ncW0HNVyLP3B9czqLyh4gvw+5JTSNt6le9+ziAU7mqDZsKTHf3jTb4chQ==", "license": "MIT", "dependencies": { - "@babel/code-frame": "^7.29.7", - "@babel/parser": "^7.29.7", - "@babel/types": "^7.29.7" + "@babel/code-frame": "^8.0.0", + "@babel/parser": "^8.0.0", + "@babel/types": "^8.0.0" }, "engines": { - "node": ">=6.9.0" + "node": "^22.18.0 || >=24.11.0" } }, "node_modules/@babel/traverse": { - "version": "7.29.7", - "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.29.7.tgz", - "integrity": "sha512-EhlfNQtZ+NK22w5BM61ciuiq1m58ed33Wr1Xan//ZRTy6hgjnwyCffRYwzsGXdASJSUJ1guZILsErh1eQcl+zw==", + "version": "8.0.4", + "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-8.0.4.tgz", + "integrity": "sha512-bZnmqzGG8UZneG1lLxBoWIH0G6Gr1D846Yu4/3XnY6FhCndMR49u26nTY08u/dAxWmLWF9vGQOuC+84FfIUoeg==", "license": "MIT", "dependencies": { - "@babel/code-frame": "^7.29.7", - "@babel/generator": "^7.29.7", - "@babel/helper-globals": "^7.29.7", - "@babel/parser": "^7.29.7", - "@babel/template": "^7.29.7", - "@babel/types": "^7.29.7", - "debug": "^4.3.1" + "@babel/code-frame": "^8.0.0", + "@babel/generator": "^8.0.0", + "@babel/helper-globals": "^8.0.0", + "@babel/parser": "^8.0.4", + "@babel/template": "^8.0.0", + "@babel/types": "^8.0.4", + "obug": "^2.1.1" }, "engines": { - "node": ">=6.9.0" + "node": "^22.18.0 || >=24.11.0" } }, "node_modules/@babel/types": { - "version": "7.29.7", - "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.29.7.tgz", - "integrity": "sha512-4zBIxpPzowiZpusoFkyGVwakdRJUyuH5PxQ/PrqghfdFWWasvnCdPfQXHrenDai+gyLARulZjZowCOj6fjT4pA==", + "version": "8.0.4", + "resolved": "https://registry.npmjs.org/@babel/types/-/types-8.0.4.tgz", + "integrity": "sha512-eY+Yn3dCqTGmyiq2QRU66lA5FL8lqqqvecHt0fF3uHONIa7ToYsaCiWV8lOKqAs0Rb2SjixiKFROngnulPtt2g==", "license": "MIT", "dependencies": { - "@babel/helper-string-parser": "^7.29.7", - "@babel/helper-validator-identifier": "^7.29.7" + "@babel/helper-string-parser": "^8.0.0", + "@babel/helper-validator-identifier": "^8.0.4" }, "engines": { - "node": ">=6.9.0" + "node": "^22.18.0 || >=24.11.0" } }, "node_modules/@bufbuild/protobuf": { - "version": "2.13.0", - "resolved": "https://registry.npmjs.org/@bufbuild/protobuf/-/protobuf-2.13.0.tgz", - "integrity": "sha512-acq7c49vxfm1ggJ95P70TX7ABDM0vxr1SYD3BB0o0jnBLB4OAqeHyKuN+cD3w80gXEDQ2zxHpR6CUeA+O/aU9g==", + "version": "2.14.0", + "resolved": "https://registry.npmjs.org/@bufbuild/protobuf/-/protobuf-2.14.0.tgz", + "integrity": "sha512-C3UGsiCwSprE2NKIIFA3hCDlpXTMCAXRZuEVp88L1GY36Y41+rYL5fryE+nOFhp4p4JPQvdV8PQ4DWgHgeTE+w==", "license": "(Apache-2.0 AND BSD-3-Clause)" }, "node_modules/@colors/colors": { @@ -1286,18 +1186,49 @@ "node": ">=10.0.0" } }, + "node_modules/@emnapi/core": { + "version": "1.11.2", + "resolved": "https://registry.npmjs.org/@emnapi/core/-/core-1.11.2.tgz", + "integrity": "sha512-TC8MkTuZUtcTSiFeuC0ksCh9QIJ5+F21MvZ4Wn4ORfYaFJ/0dsiudv5tVkejgwZlwQ39jL9WWDe2lz8x0WglOA==", + "license": "MIT", + "optional": true, + "dependencies": { + "@emnapi/wasi-threads": "1.2.2", + "tslib": "^2.4.0" + } + }, + "node_modules/@emnapi/runtime": { + "version": "1.11.2", + "resolved": "https://registry.npmjs.org/@emnapi/runtime/-/runtime-1.11.2.tgz", + "integrity": "sha512-kyOl3X0DuTiT1h2ft8r2fYO8JYtU9a9Xis/zBSiGArNaagCOWx90N1k2wxp18czFDH+OgcWGb5ZP/XMt3dcyPA==", + "license": "MIT", + "optional": true, + "dependencies": { + "tslib": "^2.4.0" + } + }, + "node_modules/@emnapi/wasi-threads": { + "version": "1.2.2", + "resolved": "https://registry.npmjs.org/@emnapi/wasi-threads/-/wasi-threads-1.2.2.tgz", + "integrity": "sha512-c95qOXkHdydNKhscBTebqEC1CVAZpyqOfVfBzQ1qgzyl3gfeldUjIggDbIZgDKsHLgnsM+igH7TJ/eAasaVuMA==", + "license": "MIT", + "optional": true, + "dependencies": { + "tslib": "^2.4.0" + } + }, "node_modules/@es-joy/jsdoccomment": { - "version": "0.87.0", - "resolved": "https://registry.npmjs.org/@es-joy/jsdoccomment/-/jsdoccomment-0.87.0.tgz", - "integrity": "sha512-mFXZloZMzuJZXSHUmAFu/pXTk0ZJTJBluuAkrvbzidpTN8W6F2bpRFuedSH+85kbdlRLJqc+gfN+kD3JOLJK5g==", + "version": "0.91.0", + "resolved": "https://registry.npmjs.org/@es-joy/jsdoccomment/-/jsdoccomment-0.91.0.tgz", + "integrity": "sha512-vgqlMGNNhZxwDYbUNIHj3Hskb4R28iqdXx90ufHyt/NeuTQkeqjTDslAs9I0/GCAfbxP5BpH5WsL1R1fht5Lxg==", "dev": true, "license": "MIT", "dependencies": { "@types/estree": "^1.0.9", - "@typescript-eslint/types": "^8.59.4", + "@typescript-eslint/types": "^8.65.0", "comment-parser": "1.4.7", "esquery": "^1.7.0", - "jsdoc-type-pratt-parser": "~7.2.0" + "jsdoc-type-pratt-parser": "~8.0.0" }, "engines": { "node": "^20.19.0 || ^22.13.0 || >=24" @@ -1314,9 +1245,9 @@ } }, "node_modules/@esbuild/aix-ppc64": { - "version": "0.28.0", - "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.28.0.tgz", - "integrity": "sha512-lhRUCeuOyJQURhTxl4WkpFTjIsbDayJHih5kZC1giwE+MhIzAb7mEsQMqMf18rHLsrb5qI1tafG20mLxEWcWlA==", + "version": "0.28.2", + "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.28.2.tgz", + "integrity": "sha512-XExcO+dvLKvVtNTibSTBej1NCAbaGhWn9Ww1ZPx80qsahhPFe/8jgWP0IchNe0F3HwkU7n8ejhH8bjonqht8mQ==", "cpu": [ "ppc64" ], @@ -1331,9 +1262,9 @@ } }, "node_modules/@esbuild/android-arm": { - "version": "0.28.0", - "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.28.0.tgz", - "integrity": "sha512-wqh0ByljabXLKHeWXYLqoJ5jKC4XBaw6Hk08OfMrCRd2nP2ZQ5eleDZC41XHyCNgktBGYMbqnrJKq/K/lzPMSQ==", + "version": "0.28.2", + "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.28.2.tgz", + "integrity": "sha512-kXXoiPVVGQcnIYGOeaovwOURpniDBpSq4A03qkQ+BMQqtGG6HYap3xne9C1O1yo4TR3qxlCX5IqqmX6fFo2Lqg==", "cpu": [ "arm" ], @@ -1348,9 +1279,9 @@ } }, "node_modules/@esbuild/android-arm64": { - "version": "0.28.0", - "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.28.0.tgz", - "integrity": "sha512-+WzIXQOSaGs33tLEgYPYe/yQHf0WTU0X42Jca3y8NWMbUVhp7rUnw+vAsRC/QiDrdD31IszMrZy+qwPOPjd+rw==", + "version": "0.28.2", + "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.28.2.tgz", + "integrity": "sha512-5YfKeeI8qWfBZIX+u2xZC3Zlb3Os/gLS2sbEKM+I4ZOcsWmHS2WLysCcQZDAFRslDUU5Oiq44gf6PYN1vGwG5A==", "cpu": [ "arm64" ], @@ -1365,9 +1296,9 @@ } }, "node_modules/@esbuild/android-x64": { - "version": "0.28.0", - "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.28.0.tgz", - "integrity": "sha512-+VJggoaKhk2VNNqVL7f6S189UzShHC/mR9EE8rDdSkdpN0KflSwWY/gWjDrNxxisg8Fp1ZCD9jLMo4m0OUfeUA==", + "version": "0.28.2", + "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.28.2.tgz", + "integrity": "sha512-O387ite7SzUyCcy3JQX4P4bLtEA7bLLkx+esve5JHnyYfNTxcVpXZo9jhdB0lTKN44gztELTdU7nS8Nr16Fs1Q==", "cpu": [ "x64" ], @@ -1382,9 +1313,9 @@ } }, "node_modules/@esbuild/darwin-arm64": { - "version": "0.28.0", - "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.28.0.tgz", - "integrity": "sha512-0T+A9WZm+bZ84nZBtk1ckYsOvyA3x7e2Acj1KdVfV4/2tdG4fzUp91YHx+GArWLtwqp77pBXVCPn2We7Letr0Q==", + "version": "0.28.2", + "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.28.2.tgz", + "integrity": "sha512-n4KqkOQrraxHJcgjM1RvwbigfQKIKJVpM7xp+KsxiyUSrRdIXnt73VhrPAx0fV44hgfmIVKjxMN9J1t5jySVkw==", "cpu": [ "arm64" ], @@ -1399,9 +1330,9 @@ } }, "node_modules/@esbuild/darwin-x64": { - "version": "0.28.0", - "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.28.0.tgz", - "integrity": "sha512-fyzLm/DLDl/84OCfp2f/XQ4flmORsjU7VKt8HLjvIXChJoFFOIL6pLJPH4Yhd1n1gGFF9mPwtlN5Wf82DZs+LQ==", + "version": "0.28.2", + "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.28.2.tgz", + "integrity": "sha512-uq6suIWYP37qzGddBKPw5QEQPi6HiLGsO7UmkpfyaYNQ3D+rN6w6WfwH+nuqcGXWvawGwxOEroO4YGnFh95azw==", "cpu": [ "x64" ], @@ -1416,9 +1347,9 @@ } }, "node_modules/@esbuild/freebsd-arm64": { - "version": "0.28.0", - "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.28.0.tgz", - "integrity": "sha512-l9GeW5UZBT9k9brBYI+0WDffcRxgHQD8ShN2Ur4xWq/NFzUKm3k5lsH4PdaRgb2w7mI9u61nr2gI2mLI27Nh3Q==", + "version": "0.28.2", + "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.28.2.tgz", + "integrity": "sha512-n+I0BTSRIoy+d6RPKnEVwql5UwBJolytvY4mAOIEJorKlqgPII8ix6slVVrfZ5Tnj7glIZvloylbB/EJPMWEXw==", "cpu": [ "arm64" ], @@ -1433,9 +1364,9 @@ } }, "node_modules/@esbuild/freebsd-x64": { - "version": "0.28.0", - "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.28.0.tgz", - "integrity": "sha512-BXoQai/A0wPO6Es3yFJ7APCiKGc1tdAEOgeTNy3SsB491S3aHn4S4r3e976eUnPdU+NbdtmBuLncYir2tMU9Nw==", + "version": "0.28.2", + "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.28.2.tgz", + "integrity": "sha512-78XJTJkvPs0kz2w61301PJjXl4g7q3JqiYMZ/M/yVI73EHBrCRTgkhu9oqG7vPqq+a/yadEW8aD+agKlk5xrmg==", "cpu": [ "x64" ], @@ -1450,9 +1381,9 @@ } }, "node_modules/@esbuild/linux-arm": { - "version": "0.28.0", - "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.28.0.tgz", - "integrity": "sha512-CjaaREJagqJp7iTaNQjjidaNbCKYcd4IDkzbwwxtSvjI7NZm79qiHc8HqciMddQ6CKvJT6aBd8lO9kN/ZudLlw==", + "version": "0.28.2", + "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.28.2.tgz", + "integrity": "sha512-XlDnu2q5yoqems+xay6wSAcg9DDD7K9RLKZEBOMZm3ckNpJBvOX20tSfby8KfrrhINDyv9V2YVZKY/SpoGJI8w==", "cpu": [ "arm" ], @@ -1467,9 +1398,9 @@ } }, "node_modules/@esbuild/linux-arm64": { - "version": "0.28.0", - "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.28.0.tgz", - "integrity": "sha512-RVyzfb3FWsGA55n6WY0MEIEPURL1FcbhFE6BffZEMEekfCzCIMtB5yyDcFnVbTnwk+CLAgTujmV/Lgvih56W+A==", + "version": "0.28.2", + "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.28.2.tgz", + "integrity": "sha512-pW4AC0P3it8c7do9MVM4p51FzHzdM/TZrerurgRcHJ2WTa1VQ1CIq18xncfpBJw4ojkiZZrKW2yIBWBP92j6Ug==", "cpu": [ "arm64" ], @@ -1484,9 +1415,9 @@ } }, "node_modules/@esbuild/linux-ia32": { - "version": "0.28.0", - "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.28.0.tgz", - "integrity": "sha512-KBnSTt1kxl9x70q+ydterVdl+Cn0H18ngRMRCEQfrbqdUuntQQ0LoMZv47uB97NljZFzY6HcfqEZ2SAyIUTQBQ==", + "version": "0.28.2", + "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.28.2.tgz", + "integrity": "sha512-CYbnj78HsIeA+DhgUKgFCfvNsTHFhMMrinUrMZpDXJXKN8T3XViTZ/+wtHeVxEWY8ewSzTFN+nRmSwO2tZaLUQ==", "cpu": [ "ia32" ], @@ -1501,9 +1432,9 @@ } }, "node_modules/@esbuild/linux-loong64": { - "version": "0.28.0", - "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.28.0.tgz", - "integrity": "sha512-zpSlUce1mnxzgBADvxKXX5sl8aYQHo2ezvMNI8I0lbblJtp8V4odlm3Yzlj7gPyt3T8ReksE6bK+pT3WD+aJRg==", + "version": "0.28.2", + "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.28.2.tgz", + "integrity": "sha512-buwkd8nsph4R+ajRvw0qM5Hja/TXQow3ptzWO2EbG/cqcIkHloRrdlBtQlshyYGTNFvfkfJ5tpPLVkY4DtsPfQ==", "cpu": [ "loong64" ], @@ -1518,9 +1449,9 @@ } }, "node_modules/@esbuild/linux-mips64el": { - "version": "0.28.0", - "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.28.0.tgz", - "integrity": "sha512-2jIfP6mmjkdmeTlsX/9vmdmhBmKADrWqN7zcdtHIeNSCH1SqIoNI63cYsjQR8J+wGa4Y5izRcSHSm8K3QWmk3w==", + "version": "0.28.2", + "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.28.2.tgz", + "integrity": "sha512-ZVykbDyk7519VwiNb9Lcj9m8XM6v5V9uKPvrEMkkEedVewf+0itkhahp4HDpgERXhwLRpWFypsGbG/J8s0QjJA==", "cpu": [ "mips64el" ], @@ -1535,9 +1466,9 @@ } }, "node_modules/@esbuild/linux-ppc64": { - "version": "0.28.0", - "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.28.0.tgz", - "integrity": "sha512-bc0FE9wWeC0WBm49IQMPSPILRocGTQt3j5KPCA8os6VprfuJ7KD+5PzESSrJ6GmPIPJK965ZJHTUlSA6GNYEhg==", + "version": "0.28.2", + "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.28.2.tgz", + "integrity": "sha512-CAXl+Dtd9UUuJd8pKKdwh6MLm3MUMiqMPmhZ3tTSXPqfyQ3vDl6R5hZdZ/kYojK4ofXtdfSv1tFq8XzWx3heNQ==", "cpu": [ "ppc64" ], @@ -1552,9 +1483,9 @@ } }, "node_modules/@esbuild/linux-riscv64": { - "version": "0.28.0", - "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.28.0.tgz", - "integrity": "sha512-SQPZOwoTTT/HXFXQJG/vBX8sOFagGqvZyXcgLA3NhIqcBv1BJU1d46c0rGcrij2B56Z2rNiSLaZOYW5cUk7yLQ==", + "version": "0.28.2", + "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.28.2.tgz", + "integrity": "sha512-GeXCej4IQtU1B+QlDV8W/RRvbzI3O/Stss+/bCXv4lZls5WGRtu2a+3JkA3i4qIUlMXpcHebWpF8AkJhATowuA==", "cpu": [ "riscv64" ], @@ -1569,9 +1500,9 @@ } }, "node_modules/@esbuild/linux-s390x": { - "version": "0.28.0", - "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.28.0.tgz", - "integrity": "sha512-SCfR0HN8CEEjnYnySJTd2cw0k9OHB/YFzt5zgJEwa+wL/T/raGWYMBqwDNAC6dqFKmJYZoQBRfHjgwLHGSrn3Q==", + "version": "0.28.2", + "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.28.2.tgz", + "integrity": "sha512-3H1weTYZPxt/WOhByszQZybS9w5lKzUn1FDMsgEChbHWQwHYQQRfBxgCcZvPhjHfKyJjIievvMmEUawJrdY9Dg==", "cpu": [ "s390x" ], @@ -1586,9 +1517,9 @@ } }, "node_modules/@esbuild/linux-x64": { - "version": "0.28.0", - "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.28.0.tgz", - "integrity": "sha512-us0dSb9iFxIi8srnpl931Nvs65it/Jd2a2K3qs7fz2WfGPHqzfzZTfec7oxZJRNPXPnNYZtanmRc4AL/JwVzHQ==", + "version": "0.28.2", + "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.28.2.tgz", + "integrity": "sha512-4xTZr1FUmSoQW4XIWmit3tzQrUTZM+N3P0XV8xROKYF50XfI7xeO90+1bZvNwxIufQ9hDQVRJH5YhgPVF8A/HQ==", "cpu": [ "x64" ], @@ -1603,9 +1534,9 @@ } }, "node_modules/@esbuild/netbsd-arm64": { - "version": "0.28.0", - "resolved": "https://registry.npmjs.org/@esbuild/netbsd-arm64/-/netbsd-arm64-0.28.0.tgz", - "integrity": "sha512-CR/RYotgtCKwtftMwJlUU7xCVNg3lMYZ0RzTmAHSfLCXw3NtZtNpswLEj/Kkf6kEL3Gw+BpOekRX0BYCtklhUw==", + "version": "0.28.2", + "resolved": "https://registry.npmjs.org/@esbuild/netbsd-arm64/-/netbsd-arm64-0.28.2.tgz", + "integrity": "sha512-sSATRjPeDBg3pdgHoQfoYBob11Kk1FGa9lui5RIHZCoCkJa9QKlvl3/vKz2usCmYYjs7ymJR/2Nnsqe+Hjt5nw==", "cpu": [ "arm64" ], @@ -1620,9 +1551,9 @@ } }, "node_modules/@esbuild/netbsd-x64": { - "version": "0.28.0", - "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.28.0.tgz", - "integrity": "sha512-nU1yhmYutL+fQ71Kxnhg8uEOdC0pwEW9entHykTgEbna2pw2dkbFSMeqjjyHZoCmt8SBkOSvV+yNmm94aUrrqw==", + "version": "0.28.2", + "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.28.2.tgz", + "integrity": "sha512-lqnzCV+mM0gIADaKihiCg6ifgfU2L3h5E33rNQBN1Y4MaVGnzryzmvvf7UHxprpQdE8hpqLolJ9Rl+SkIRDpyw==", "cpu": [ "x64" ], @@ -1637,9 +1568,9 @@ } }, "node_modules/@esbuild/openbsd-arm64": { - "version": "0.28.0", - "resolved": "https://registry.npmjs.org/@esbuild/openbsd-arm64/-/openbsd-arm64-0.28.0.tgz", - "integrity": "sha512-cXb5vApOsRsxsEl4mcZ1XY3D4DzcoMxR/nnc4IyqYs0rTI8ZKmW6kyyg+11Z8yvgMfAEldKzP7AdP64HnSC/6g==", + "version": "0.28.2", + "resolved": "https://registry.npmjs.org/@esbuild/openbsd-arm64/-/openbsd-arm64-0.28.2.tgz", + "integrity": "sha512-AL2qJILH7lNjrDmCQDvdxMfAUIv8KMNZOvrwAQ8i8//ntL9FflhOyMJ8OZSMBb8/AWXe3/5v5S20y3zCoZWKoQ==", "cpu": [ "arm64" ], @@ -1654,9 +1585,9 @@ } }, "node_modules/@esbuild/openbsd-x64": { - "version": "0.28.0", - "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.28.0.tgz", - "integrity": "sha512-8wZM2qqtv9UP3mzy7HiGYNH/zjTA355mpeuA+859TyR+e+Tc08IHYpLJuMsfpDJwoLo1ikIJI8jC3GFjnRClzA==", + "version": "0.28.2", + "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.28.2.tgz", + "integrity": "sha512-QtiuPytchRyC4rwUKhexJdQKvDuZ6hWloi3igqPQNUJCS1/v9EiO3UTOXR6A3FoMo4fnAKbWJdqaIwhOzh8qEw==", "cpu": [ "x64" ], @@ -1671,9 +1602,9 @@ } }, "node_modules/@esbuild/openharmony-arm64": { - "version": "0.28.0", - "resolved": "https://registry.npmjs.org/@esbuild/openharmony-arm64/-/openharmony-arm64-0.28.0.tgz", - "integrity": "sha512-FLGfyizszcef5C3YtoyQDACyg95+dndv79i2EekILBofh5wpCa1KuBqOWKrEHZg3zrL3t5ouE5jgr94vA+Wb2w==", + "version": "0.28.2", + "resolved": "https://registry.npmjs.org/@esbuild/openharmony-arm64/-/openharmony-arm64-0.28.2.tgz", + "integrity": "sha512-WkhYDmpTjLvGlScA1rwjRUmhl4k8oXR3cIbtqWmELgU/dFeHHlEllxDvdWcNJV9rbzCexB5vz8gtNewWLgCT7Q==", "cpu": [ "arm64" ], @@ -1688,9 +1619,9 @@ } }, "node_modules/@esbuild/sunos-x64": { - "version": "0.28.0", - "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.28.0.tgz", - "integrity": "sha512-1ZgjUoEdHZZl/YlV76TSCz9Hqj9h9YmMGAgAPYd+q4SicWNX3G5GCyx9uhQWSLcbvPW8Ni7lj4gDa1T40akdlw==", + "version": "0.28.2", + "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.28.2.tgz", + "integrity": "sha512-GPMSkTOtMnv2U2F8gxe4Io6qmVs+YKyp832Etqqxr0hFngmXQ3rzwytelm3GIn7T4VviRUlf3sOgBOiTdvaf7g==", "cpu": [ "x64" ], @@ -1705,9 +1636,9 @@ } }, "node_modules/@esbuild/win32-arm64": { - "version": "0.28.0", - "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.28.0.tgz", - "integrity": "sha512-Q9StnDmQ/enxnpxCCLSg0oo4+34B9TdXpuyPeTedN/6+iXBJ4J+zwfQI28u/Jl40nOYAxGoNi7mFP40RUtkmUA==", + "version": "0.28.2", + "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.28.2.tgz", + "integrity": "sha512-PIhhEkE9uPBleRBrQEJpUn7MBnibZzbGzYWPmY3x+YoVg/95zbjB4CxPPOQ8l5tYYM4mMaCthF8/1DIfBQQyWQ==", "cpu": [ "arm64" ], @@ -1722,9 +1653,9 @@ } }, "node_modules/@esbuild/win32-ia32": { - "version": "0.28.0", - "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.28.0.tgz", - "integrity": "sha512-zF3ag/gfiCe6U2iczcRzSYJKH1DCI+ByzSENHlM2FcDbEeo5Zd2C86Aq0tKUYAJJ1obRP84ymxIAksZUcdztHA==", + "version": "0.28.2", + "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.28.2.tgz", + "integrity": "sha512-YmJbfTlvU7Sdn9BB+4PRES4oB6pxgS37MAONj+hBr/cpXS1aBPKXxNnDbu+QCWPj0o9dgyxeq79g6c5P8KeuYA==", "cpu": [ "ia32" ], @@ -1739,9 +1670,9 @@ } }, "node_modules/@esbuild/win32-x64": { - "version": "0.28.0", - "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.28.0.tgz", - "integrity": "sha512-pEl1bO9mfAmIC+tW5btTmrKaujg3zGtUmWNdCw/xs70FBjwAL3o9OEKNHvNmnyylD6ubxUERiEhdsL0xBQ9efw==", + "version": "0.28.2", + "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.28.2.tgz", + "integrity": "sha512-5ebpxr3nWMzrL/rnUI755Jkuee0bHL/Gq0WTF9lvcpv73wAp5eu8MfBUgWK9bhWvZjj7yX8etf/8tI8Ney695g==", "cpu": [ "x64" ], @@ -1756,9 +1687,9 @@ } }, "node_modules/@eslint-community/eslint-utils": { - "version": "4.9.1", - "resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.9.1.tgz", - "integrity": "sha512-phrYmNiYppR7znFEdqgfWHXR6NCkZEK7hwWDHZUjit/2/U0r6XvkDl0SYnoM51Hq7FhCGdLDT6zxCCOY1hexsQ==", + "version": "4.10.1", + "resolved": "https://registry.npmjs.org/@eslint-community/eslint-utils/-/eslint-utils-4.10.1.tgz", + "integrity": "sha512-cuadcxVFE8sDK6iWJbs8Sn0av2Nrh2QSGQhVlBW9AaAHqHwjWsZHT8LJ4hFGPh7ASBV2deFdM7H/DPjulmh8rg==", "dev": true, "license": "MIT", "dependencies": { @@ -1857,9 +1788,9 @@ } }, "node_modules/@eslint/eslintrc": { - "version": "3.3.5", - "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-3.3.5.tgz", - "integrity": "sha512-4IlJx0X0qftVsN5E+/vGujTRIFtwuLbNsVUe7TO6zYPDR1O6nFwvwhIKEKSrl6dZchmYBITazxKoUYOjdtjlRg==", + "version": "3.3.6", + "resolved": "https://registry.npmjs.org/@eslint/eslintrc/-/eslintrc-3.3.6.tgz", + "integrity": "sha512-l2Ul9PrHsPCKcEY/ac7VgFj9D80C7S68sOKc618SyHDPK36s1XcFebXY0iTzUVn4Yq+YbwvSnDmCz9yxjX+QrA==", "dev": true, "license": "MIT", "dependencies": { @@ -1869,7 +1800,7 @@ "globals": "^14.0.0", "ignore": "^5.2.0", "import-fresh": "^3.2.1", - "js-yaml": "^4.1.1", + "js-yaml": "^4.3.0", "minimatch": "^3.1.5", "strip-json-comments": "^3.1.1" }, @@ -1946,9 +1877,9 @@ } }, "node_modules/@eslint/js": { - "version": "9.39.4", - "resolved": "https://registry.npmjs.org/@eslint/js/-/js-9.39.4.tgz", - "integrity": "sha512-nE7DEIchvtiFTwBw4Lfbu59PG+kCofhjsKaCWzxTpt4lfRjRMqG6uMBzKXuEcyXhOHoUp9riAm7/aWYGhXZ9cw==", + "version": "9.39.5", + "resolved": "https://registry.npmjs.org/@eslint/js/-/js-9.39.5.tgz", + "integrity": "sha512-QywQuszQh77pIXCsq998c8hbhSTI/azTty1Z6N53dmAudKHhy573j3yvRLsX2BSp8YpLtoCEG8E9DJe+8zUh4A==", "dev": true, "license": "MIT", "engines": { @@ -1983,40 +1914,30 @@ } }, "node_modules/@floating-ui/core": { - "version": "1.7.5", - "resolved": "https://registry.npmjs.org/@floating-ui/core/-/core-1.7.5.tgz", - "integrity": "sha512-1Ih4WTWyw0+lKyFMcBHGbb5U5FtuHJuujoyyr5zTaWS5EYMeT6Jb2AuDeftsCsEuchO+mM2ij5+q9crhydzLhQ==", + "version": "1.8.0", + "resolved": "https://registry.npmjs.org/@floating-ui/core/-/core-1.8.0.tgz", + "integrity": "sha512-0CIZ5itps/8x7BG8dEIhs53BvCUH2PCoogtakwRTut+Arm58sJooJ0AuZhLw2HJYIR5cMLNPBSS728sPho2khQ==", "license": "MIT", "dependencies": { - "@floating-ui/utils": "^0.2.11" + "@floating-ui/utils": "^0.2.12" } }, "node_modules/@floating-ui/dom": { - "version": "1.7.6", - "resolved": "https://registry.npmjs.org/@floating-ui/dom/-/dom-1.7.6.tgz", - "integrity": "sha512-9gZSAI5XM36880PPMm//9dfiEngYoC6Am2izES1FF406YFsjvyBMmeJ2g4SAju3xWwtuynNRFL2s9hgxpLI5SQ==", + "version": "1.8.0", + "resolved": "https://registry.npmjs.org/@floating-ui/dom/-/dom-1.8.0.tgz", + "integrity": "sha512-yXSrzeHZBTZadLOlfyhCkJHNeLJnHRnRInwdZ40L7ZiaAtrBwoYlsDrX3v5zB1Utk7CLfzcOVnVVWoXEky7Ceg==", "license": "MIT", "dependencies": { - "@floating-ui/core": "^1.7.5", - "@floating-ui/utils": "^0.2.11" + "@floating-ui/core": "^1.8.0", + "@floating-ui/utils": "^0.2.12" } }, "node_modules/@floating-ui/utils": { - "version": "0.2.11", - "resolved": "https://registry.npmjs.org/@floating-ui/utils/-/utils-0.2.11.tgz", - "integrity": "sha512-RiB/yIh78pcIxl6lLMG0CgBXAZ2Y0eVHqMPYugu+9U0AeT6YBeiJpf7lbdJNIugFP5SIjwNRgo4DhR1Qxi26Gg==", + "version": "0.2.12", + "resolved": "https://registry.npmjs.org/@floating-ui/utils/-/utils-0.2.12.tgz", + "integrity": "sha512-HpCo8tmWzLVad5s2d19EhAz5zqrrQ6s69qd6moPMQvkOuSwDT1YgRfWSVuc4ennqrgv3OHppiOGMQ7oC13yIww==", "license": "MIT" }, - "node_modules/@gar/promise-retry": { - "version": "1.0.3", - "resolved": "https://registry.npmjs.org/@gar/promise-retry/-/promise-retry-1.0.3.tgz", - "integrity": "sha512-GmzA9ckNokPypTg10pgpeHNQe7ph+iIKKmhKu3Ob9ANkswreCx7R3cKmY781K8QK3AqVL3xVh9A42JvIAbkkSA==", - "dev": true, - "license": "MIT", - "engines": { - "node": "^20.17.0 || >=22.9.0" - } - }, "node_modules/@gulpjs/messages": { "version": "1.1.0", "resolved": "https://registry.npmjs.org/@gulpjs/messages/-/messages-1.1.0.tgz", @@ -2049,12 +1970,12 @@ "optional": true }, "node_modules/@hono/node-server": { - "version": "1.19.17", - "resolved": "https://registry.npmjs.org/@hono/node-server/-/node-server-1.19.17.tgz", - "integrity": "sha512-dSneS5qhiauZWGDCeK4o695Xd9nUNjviSZCMQrj10eetr8Uln1ucn6bbphOM6UynAMMtNIzZNSpL9vnASJwrPQ==", + "version": "2.1.1", + "resolved": "https://registry.npmjs.org/@hono/node-server/-/node-server-2.1.1.tgz", + "integrity": "sha512-ELuehkj5VCBdgEw9zs+ivkKwyzzUCSQuE96YmiPvn1ECBoZCczbFXJLeEGMTYjphP6gydh4pHMqEYPVMYUVgQg==", "license": "MIT", "engines": { - "node": ">=18.14.1" + "node": ">=20" }, "peerDependencies": { "hono": "^4" @@ -2127,30 +2048,45 @@ } }, "node_modules/@igniteui/angular-schematics": { - "version": "22.0.1540", - "resolved": "https://registry.npmjs.org/@igniteui/angular-schematics/-/angular-schematics-22.0.1540.tgz", - "integrity": "sha512-Ct5RI7gEqnpQ8TeJd7/KVZI2DlgfAM/YT+9TS343JaOypQmhkiDq9TWd4x+7qsEoJF8Aapwt1+A1eI0hHF52bA==", + "version": "22.0.1551", + "resolved": "https://registry.npmjs.org/@igniteui/angular-schematics/-/angular-schematics-22.0.1551.tgz", + "integrity": "sha512-EIg1vSYqpg4E0O1WEza7mA95oCl/h/kc+ISl87sVi0I3E0hIrMPMim8XKCl4iUdiOfQUNS6DGGkS2IRfDYU8vQ==", "dev": true, "hasInstallScript": true, "license": "MIT", "dependencies": { "@angular-devkit/core": "^22.0.0", "@angular-devkit/schematics": "^22.0.0", - "@igniteui/angular-templates": "~22.0.1540", - "@igniteui/cli-core": "~15.4.0", + "@igniteui/angular-templates": "~22.0.1551", + "@igniteui/cli-core": "~15.5.1", "@schematics/angular": "^22.0.0", "minimatch": "^10.0.1", - "rxjs": "~7.8.1" + "rxjs": "~7.8.1", + "typescript": "~5.6.2" + } + }, + "node_modules/@igniteui/angular-schematics/node_modules/typescript": { + "version": "5.6.3", + "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.6.3.tgz", + "integrity": "sha512-hjcS1mhfuyi4WW8IWtjP7brDrG2cuDZukyrYrSauoXGNgx0S7zceP07adYkJycEr56BOUTNPzbInooiN3fn1qw==", + "dev": true, + "license": "Apache-2.0", + "bin": { + "tsc": "bin/tsc", + "tsserver": "bin/tsserver" + }, + "engines": { + "node": ">=14.17" } }, "node_modules/@igniteui/angular-templates": { - "version": "22.0.1540", - "resolved": "https://registry.npmjs.org/@igniteui/angular-templates/-/angular-templates-22.0.1540.tgz", - "integrity": "sha512-gfOuN5qx3FZ5zG1Umbh0Fkbn7EdIRh6SKaWp5FSRABPd0aVBvdi4G1AP33/Wy1t5Zvu1KGzbekmpbUqHqK3Ovw==", + "version": "22.0.1551", + "resolved": "https://registry.npmjs.org/@igniteui/angular-templates/-/angular-templates-22.0.1551.tgz", + "integrity": "sha512-S0urk6pHE0v3FxFYHIiQhId+flQ/iZkNW0d/1QyOX5M2Z5CUAkEbbL5isA/hy1suMkNWX/0Drn2j1KPlLhGyNw==", "dev": true, "license": "MIT", "dependencies": { - "@igniteui/cli-core": "~15.4.0", + "@igniteui/cli-core": "~15.5.1", "typescript": "~5.5.4" } }, @@ -2169,9 +2105,9 @@ } }, "node_modules/@igniteui/cli-core": { - "version": "15.4.0", - "resolved": "https://registry.npmjs.org/@igniteui/cli-core/-/cli-core-15.4.0.tgz", - "integrity": "sha512-1PNYkQ19YDT1RCuCqE67C1XPn5VJVpgTDIraJCGT1TIlR4okE2Dku1ezLPpqdiHl1MQQ0cZjP/+r8uLExyZhpw==", + "version": "15.5.1", + "resolved": "https://registry.npmjs.org/@igniteui/cli-core/-/cli-core-15.5.1.tgz", + "integrity": "sha512-6dLyvev54EjljEifIc+SEHtbm83TR3vm8vLTuCOGlhyS62hqjqS/aOTJuLyo9hTBkYeaE741SMNVTTo1Zd06yw==", "dev": true, "license": "MIT", "dependencies": { @@ -2648,15 +2584,15 @@ } }, "node_modules/@inquirer/checkbox": { - "version": "5.2.1", - "resolved": "https://registry.npmjs.org/@inquirer/checkbox/-/checkbox-5.2.1.tgz", - "integrity": "sha512-b6xmA/VlTe0ZgDQHDui+Nav470u7u49nRd8/iuhOcQPO9Ch7lGuogydhi2VOmNlZ+zXcM8IcPuNSwQcdJaF/kw==", + "version": "5.2.2", + "resolved": "https://registry.npmjs.org/@inquirer/checkbox/-/checkbox-5.2.2.tgz", + "integrity": "sha512-Y5/bAScMy5Y+9isCx0SKbyJebMCaXXX5em0kxkj115eZNscgV9srOHrgyfS0e5xAVymIfOh9piYBKDILktsMMg==", "dev": true, "license": "MIT", "dependencies": { "@inquirer/ansi": "^2.0.7", - "@inquirer/core": "^11.2.1", - "@inquirer/figures": "^2.0.7", + "@inquirer/core": "^12.0.0", + "@inquirer/figures": "^2.0.8", "@inquirer/type": "^4.0.7" }, "engines": { @@ -2671,18 +2607,45 @@ } } }, + "node_modules/@inquirer/checkbox/node_modules/@inquirer/core": { + "version": "12.0.0", + "resolved": "https://registry.npmjs.org/@inquirer/core/-/core-12.0.0.tgz", + "integrity": "sha512-+nnvFEXIB08CZNVXpvW3B+zHW96QXvGUjNKJ8NJIPqAZi5Kd4WhYt2S3C234ReepG1qw2HOlEUbjYVHBowXObA==", + "dev": true, + "license": "MIT", + "dependencies": { + "@inquirer/ansi": "^2.0.7", + "@inquirer/figures": "^2.0.8", + "@inquirer/type": "^4.0.7", + "cli-width": "^4.1.0", + "fast-wrap-ansi": "^0.2.0", + "mute-stream": "^3.0.0", + "signal-exit": "^4.1.0" + }, + "engines": { + "node": ">=23.5.0 || ^22.13.0 || ^20.17.0" + }, + "peerDependencies": { + "@types/node": ">=18" + }, + "peerDependenciesMeta": { + "@types/node": { + "optional": true + } + } + }, "node_modules/@inquirer/confirm": { - "version": "6.0.12", - "resolved": "https://registry.npmjs.org/@inquirer/confirm/-/confirm-6.0.12.tgz", - "integrity": "sha512-h9FgGun3QwVYNj5TWIZZ+slii73bMoBFjPfVIGtnFuL4t8gBiNDV9PcSfIzkuxvgquJKt9nr1QzszpBzTbH8Og==", + "version": "6.1.1", + "resolved": "https://registry.npmjs.org/@inquirer/confirm/-/confirm-6.1.1.tgz", + "integrity": "sha512-eb8DBZcz/2qHWQda4rk2JiQk5h9QV/cVHi1yjt0f69WFZMRFn0sJTye3EAP8icut8UDMjQPsaH5KbcOogefrFQ==", "dev": true, "license": "MIT", "dependencies": { - "@inquirer/core": "^11.1.9", - "@inquirer/type": "^4.0.5" + "@inquirer/core": "^11.2.1", + "@inquirer/type": "^4.0.7" }, "engines": { - "node": ">=23.5.0 || ^22.13.0 || ^21.7.0 || ^20.12.0" + "node": ">=23.5.0 || ^22.13.0 || ^20.17.0" }, "peerDependencies": { "@types/node": ">=18" @@ -2721,14 +2684,14 @@ } }, "node_modules/@inquirer/editor": { - "version": "5.2.2", - "resolved": "https://registry.npmjs.org/@inquirer/editor/-/editor-5.2.2.tgz", - "integrity": "sha512-ZRVd/oD+sYsUd5zVm0NflqEzlqfYCyHNsqkHl2oWXEUHs12tCbcSFi+wVFEvD8+LGRaMUsVrE7qeo6lSG/S1Vg==", + "version": "5.3.0", + "resolved": "https://registry.npmjs.org/@inquirer/editor/-/editor-5.3.0.tgz", + "integrity": "sha512-nnsP/IdJ8s83q7ZuObmgn12QM+uLCkab9E0Oordojbn62WUg1c+v9Ou/F/057pgh0ppX0W+Hj5bO/Dp5hsxQtA==", "dev": true, "license": "MIT", "dependencies": { - "@inquirer/core": "^11.2.1", - "@inquirer/external-editor": "^3.0.3", + "@inquirer/core": "^12.0.0", + "@inquirer/external-editor": "^3.0.4", "@inquirer/type": "^4.0.7" }, "engines": { @@ -2743,15 +2706,20 @@ } } }, - "node_modules/@inquirer/expand": { - "version": "5.1.1", - "resolved": "https://registry.npmjs.org/@inquirer/expand/-/expand-5.1.1.tgz", - "integrity": "sha512-YmQpenjbFSHAK3sOd44puHh3V1KXXr+JiNpUztoSQ4drLh2rTVzTap/YtlAVu/5xavifIlBfNEzJ/neZJ1a/1g==", + "node_modules/@inquirer/editor/node_modules/@inquirer/core": { + "version": "12.0.0", + "resolved": "https://registry.npmjs.org/@inquirer/core/-/core-12.0.0.tgz", + "integrity": "sha512-+nnvFEXIB08CZNVXpvW3B+zHW96QXvGUjNKJ8NJIPqAZi5Kd4WhYt2S3C234ReepG1qw2HOlEUbjYVHBowXObA==", "dev": true, "license": "MIT", "dependencies": { - "@inquirer/core": "^11.2.1", - "@inquirer/type": "^4.0.7" + "@inquirer/ansi": "^2.0.7", + "@inquirer/figures": "^2.0.8", + "@inquirer/type": "^4.0.7", + "cli-width": "^4.1.0", + "fast-wrap-ansi": "^0.2.0", + "mute-stream": "^3.0.0", + "signal-exit": "^4.1.0" }, "engines": { "node": ">=23.5.0 || ^22.13.0 || ^20.17.0" @@ -2765,15 +2733,15 @@ } } }, - "node_modules/@inquirer/external-editor": { - "version": "3.0.3", - "resolved": "https://registry.npmjs.org/@inquirer/external-editor/-/external-editor-3.0.3.tgz", - "integrity": "sha512-6thf5I8q7lZwzGLAxPaaGEREEkZ3nyePPDQ1oyobblxmEE8mqTLguScP7pDjUTAibiyb4hfXl+qjUEJ+di/aNA==", + "node_modules/@inquirer/expand": { + "version": "5.1.2", + "resolved": "https://registry.npmjs.org/@inquirer/expand/-/expand-5.1.2.tgz", + "integrity": "sha512-OWIH1IyyWqEKIyqC9Xy+Bnga7NkGMovFdo4atYZMUOTRqf6rO2WCv9E/1MyzvOErDBCxs+9UFliRUDc50xs/jw==", "dev": true, "license": "MIT", "dependencies": { - "chardet": "^2.1.1", - "iconv-lite": "^0.7.2" + "@inquirer/core": "^12.0.0", + "@inquirer/type": "^4.0.7" }, "engines": { "node": ">=23.5.0 || ^22.13.0 || ^20.17.0" @@ -2787,25 +2755,20 @@ } } }, - "node_modules/@inquirer/figures": { - "version": "2.0.7", - "resolved": "https://registry.npmjs.org/@inquirer/figures/-/figures-2.0.7.tgz", - "integrity": "sha512-aJ8TBPOGB6f/2qziPfElISTCEd5XOYTFckA2SGjhNmiKzfK/u4ot3v0DUzGVdUnKjN10EqnnEPck36BkyfLnJw==", - "dev": true, - "license": "MIT", - "engines": { - "node": ">=23.5.0 || ^22.13.0 || ^20.17.0" - } - }, - "node_modules/@inquirer/input": { - "version": "5.1.2", - "resolved": "https://registry.npmjs.org/@inquirer/input/-/input-5.1.2.tgz", - "integrity": "sha512-9K/DDBSQpOyZSkt6sOVP9Vo0TR7atX2kuILsUu0x3wVcVbe97lJwIJKMLdMw25tDYuXl/qp6erT0Xs1rfmcfZg==", + "node_modules/@inquirer/expand/node_modules/@inquirer/core": { + "version": "12.0.0", + "resolved": "https://registry.npmjs.org/@inquirer/core/-/core-12.0.0.tgz", + "integrity": "sha512-+nnvFEXIB08CZNVXpvW3B+zHW96QXvGUjNKJ8NJIPqAZi5Kd4WhYt2S3C234ReepG1qw2HOlEUbjYVHBowXObA==", "dev": true, "license": "MIT", "dependencies": { - "@inquirer/core": "^11.2.1", - "@inquirer/type": "^4.0.7" + "@inquirer/ansi": "^2.0.7", + "@inquirer/figures": "^2.0.8", + "@inquirer/type": "^4.0.7", + "cli-width": "^4.1.0", + "fast-wrap-ansi": "^0.2.0", + "mute-stream": "^3.0.0", + "signal-exit": "^4.1.0" }, "engines": { "node": ">=23.5.0 || ^22.13.0 || ^20.17.0" @@ -2819,15 +2782,15 @@ } } }, - "node_modules/@inquirer/number": { - "version": "4.1.1", - "resolved": "https://registry.npmjs.org/@inquirer/number/-/number-4.1.1.tgz", - "integrity": "sha512-XF4IXAbPnGPgw0wsbC/i2tPcyfdZgDpUlhsqU0SfT4IRIGWha6Xm9VRgN5yYxJq+jnyXlfXI/nQ3ulfk0iEICA==", + "node_modules/@inquirer/external-editor": { + "version": "3.0.4", + "resolved": "https://registry.npmjs.org/@inquirer/external-editor/-/external-editor-3.0.4.tgz", + "integrity": "sha512-tZbbaK2ovq6vlrRBNQvjrypmrED/p5x2ncIHQ79cD55tei3dD96v5glMMA+6tiq7K104i/25DVYKWVPJuV6ptA==", "dev": true, "license": "MIT", "dependencies": { - "@inquirer/core": "^11.2.1", - "@inquirer/type": "^4.0.7" + "chardet": "^2.1.1", + "iconv-lite": "^0.7.2" }, "engines": { "node": ">=23.5.0 || ^22.13.0 || ^20.17.0" @@ -2841,15 +2804,24 @@ } } }, - "node_modules/@inquirer/password": { - "version": "5.1.1", - "resolved": "https://registry.npmjs.org/@inquirer/password/-/password-5.1.1.tgz", - "integrity": "sha512-3XBfF7DAsp5qeDsvN5Rd1HmbNokVvEQoUM0QLrRcybC9nX96w3Pbmu7qUsb3IT3J3jBvs2+mTXaKHOUsgHMLzg==", + "node_modules/@inquirer/figures": { + "version": "2.0.8", + "resolved": "https://registry.npmjs.org/@inquirer/figures/-/figures-2.0.8.tgz", + "integrity": "sha512-tApbon79GM9ry56ja/Ud3SY2CL4TQsao9fIwDQbgTeNY55025GdMzQ2+UdegV/lx51VNGUB59M0v0nMpybYY4Q==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=23.5.0 || ^22.13.0 || ^20.17.0" + } + }, + "node_modules/@inquirer/input": { + "version": "5.1.3", + "resolved": "https://registry.npmjs.org/@inquirer/input/-/input-5.1.3.tgz", + "integrity": "sha512-F/BZHtyEzP+HO+IGVd4AjBRgvX/ywm42bx8S0+dENk2YclzE9tJ3X/15THwtT6ehApmKvdYDMsVTuyyDod0gOQ==", "dev": true, "license": "MIT", "dependencies": { - "@inquirer/ansi": "^2.0.7", - "@inquirer/core": "^11.2.1", + "@inquirer/core": "^12.0.0", "@inquirer/type": "^4.0.7" }, "engines": { @@ -2864,26 +2836,23 @@ } } }, - "node_modules/@inquirer/prompts": { - "version": "8.4.2", - "resolved": "https://registry.npmjs.org/@inquirer/prompts/-/prompts-8.4.2.tgz", - "integrity": "sha512-XJmn/wY4AX56l1BRU+ZjDrFtg9+2uBEi4JvJQj82kwJDQKiPgSn4CEsbfGGygS4Gw6rkL4W18oATjfVfaqub2Q==", + "node_modules/@inquirer/input/node_modules/@inquirer/core": { + "version": "12.0.0", + "resolved": "https://registry.npmjs.org/@inquirer/core/-/core-12.0.0.tgz", + "integrity": "sha512-+nnvFEXIB08CZNVXpvW3B+zHW96QXvGUjNKJ8NJIPqAZi5Kd4WhYt2S3C234ReepG1qw2HOlEUbjYVHBowXObA==", "dev": true, "license": "MIT", "dependencies": { - "@inquirer/checkbox": "^5.1.4", - "@inquirer/confirm": "^6.0.12", - "@inquirer/editor": "^5.1.1", - "@inquirer/expand": "^5.0.13", - "@inquirer/input": "^5.0.12", - "@inquirer/number": "^4.0.12", - "@inquirer/password": "^5.0.12", - "@inquirer/rawlist": "^5.2.8", - "@inquirer/search": "^4.1.8", - "@inquirer/select": "^5.1.4" + "@inquirer/ansi": "^2.0.7", + "@inquirer/figures": "^2.0.8", + "@inquirer/type": "^4.0.7", + "cli-width": "^4.1.0", + "fast-wrap-ansi": "^0.2.0", + "mute-stream": "^3.0.0", + "signal-exit": "^4.1.0" }, "engines": { - "node": ">=23.5.0 || ^22.13.0 || ^21.7.0 || ^20.12.0" + "node": ">=23.5.0 || ^22.13.0 || ^20.17.0" }, "peerDependencies": { "@types/node": ">=18" @@ -2894,14 +2863,14 @@ } } }, - "node_modules/@inquirer/rawlist": { - "version": "5.3.1", - "resolved": "https://registry.npmjs.org/@inquirer/rawlist/-/rawlist-5.3.1.tgz", - "integrity": "sha512-QqdTqQddL3qPX/PPrjobpsO25NZ4dWXgTLenrR445L2ptLEYE6Z+PD5c5CNDJNx4ugRgELAIpSIJxZaO2jJ2Og==", + "node_modules/@inquirer/number": { + "version": "4.2.0", + "resolved": "https://registry.npmjs.org/@inquirer/number/-/number-4.2.0.tgz", + "integrity": "sha512-ew+fSDijsQ/WhD4TV3XLb+if400cDuzTzHfGR8sTNBXkK9CYDWoGE8fhaO8GbT312pNv1AJEOsDxy/z/HVettA==", "dev": true, "license": "MIT", "dependencies": { - "@inquirer/core": "^11.2.1", + "@inquirer/core": "^12.0.0", "@inquirer/type": "^4.0.7" }, "engines": { @@ -2916,15 +2885,171 @@ } } }, - "node_modules/@inquirer/search": { - "version": "4.2.1", - "resolved": "https://registry.npmjs.org/@inquirer/search/-/search-4.2.1.tgz", - "integrity": "sha512-xJj8QWKRSrfKoBIITLZK61dD3zwo0Rz11fgDImku30/Oe81zMdIdGgrLY2h6RkJ+KZ/GhNYIRMKnH/62qBTA5g==", + "node_modules/@inquirer/number/node_modules/@inquirer/core": { + "version": "12.0.0", + "resolved": "https://registry.npmjs.org/@inquirer/core/-/core-12.0.0.tgz", + "integrity": "sha512-+nnvFEXIB08CZNVXpvW3B+zHW96QXvGUjNKJ8NJIPqAZi5Kd4WhYt2S3C234ReepG1qw2HOlEUbjYVHBowXObA==", "dev": true, "license": "MIT", "dependencies": { - "@inquirer/core": "^11.2.1", - "@inquirer/figures": "^2.0.7", + "@inquirer/ansi": "^2.0.7", + "@inquirer/figures": "^2.0.8", + "@inquirer/type": "^4.0.7", + "cli-width": "^4.1.0", + "fast-wrap-ansi": "^0.2.0", + "mute-stream": "^3.0.0", + "signal-exit": "^4.1.0" + }, + "engines": { + "node": ">=23.5.0 || ^22.13.0 || ^20.17.0" + }, + "peerDependencies": { + "@types/node": ">=18" + }, + "peerDependenciesMeta": { + "@types/node": { + "optional": true + } + } + }, + "node_modules/@inquirer/password": { + "version": "5.1.2", + "resolved": "https://registry.npmjs.org/@inquirer/password/-/password-5.1.2.tgz", + "integrity": "sha512-nSdufycW8xynEVssFkNQEYIzTySilog0UlfOVRwh3pXzPSk4frXUT2jZWjHnKae6RU9PaoF9wfy1pGwewQuqGw==", + "dev": true, + "license": "MIT", + "dependencies": { + "@inquirer/ansi": "^2.0.7", + "@inquirer/core": "^12.0.0", + "@inquirer/type": "^4.0.7" + }, + "engines": { + "node": ">=23.5.0 || ^22.13.0 || ^20.17.0" + }, + "peerDependencies": { + "@types/node": ">=18" + }, + "peerDependenciesMeta": { + "@types/node": { + "optional": true + } + } + }, + "node_modules/@inquirer/password/node_modules/@inquirer/core": { + "version": "12.0.0", + "resolved": "https://registry.npmjs.org/@inquirer/core/-/core-12.0.0.tgz", + "integrity": "sha512-+nnvFEXIB08CZNVXpvW3B+zHW96QXvGUjNKJ8NJIPqAZi5Kd4WhYt2S3C234ReepG1qw2HOlEUbjYVHBowXObA==", + "dev": true, + "license": "MIT", + "dependencies": { + "@inquirer/ansi": "^2.0.7", + "@inquirer/figures": "^2.0.8", + "@inquirer/type": "^4.0.7", + "cli-width": "^4.1.0", + "fast-wrap-ansi": "^0.2.0", + "mute-stream": "^3.0.0", + "signal-exit": "^4.1.0" + }, + "engines": { + "node": ">=23.5.0 || ^22.13.0 || ^20.17.0" + }, + "peerDependencies": { + "@types/node": ">=18" + }, + "peerDependenciesMeta": { + "@types/node": { + "optional": true + } + } + }, + "node_modules/@inquirer/prompts": { + "version": "8.5.2", + "resolved": "https://registry.npmjs.org/@inquirer/prompts/-/prompts-8.5.2.tgz", + "integrity": "sha512-IYR/3C/paEVVQYQvdDlFZVjRCJVYHHON0XXMH91KO9GSxs0TdKYWlUdvfQl2EfAHDxUaN3IBffkE/BDTh5nJ6g==", + "dev": true, + "license": "MIT", + "dependencies": { + "@inquirer/checkbox": "^5.2.1", + "@inquirer/confirm": "^6.1.1", + "@inquirer/editor": "^5.2.2", + "@inquirer/expand": "^5.1.1", + "@inquirer/input": "^5.1.2", + "@inquirer/number": "^4.1.1", + "@inquirer/password": "^5.1.1", + "@inquirer/rawlist": "^5.3.1", + "@inquirer/search": "^4.2.1", + "@inquirer/select": "^5.2.1" + }, + "engines": { + "node": ">=23.5.0 || ^22.13.0 || ^20.17.0" + }, + "peerDependencies": { + "@types/node": ">=18" + }, + "peerDependenciesMeta": { + "@types/node": { + "optional": true + } + } + }, + "node_modules/@inquirer/rawlist": { + "version": "5.3.2", + "resolved": "https://registry.npmjs.org/@inquirer/rawlist/-/rawlist-5.3.2.tgz", + "integrity": "sha512-oPSKrYK1X1bMkjXDzIKHUkJp195LFSfgbnVtXnjSKGFjrCbS6I+wyvfAZTwKE9BSt3HwWgfD7JfsXALBgCogzQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "@inquirer/core": "^12.0.0", + "@inquirer/type": "^4.0.7" + }, + "engines": { + "node": ">=23.5.0 || ^22.13.0 || ^20.17.0" + }, + "peerDependencies": { + "@types/node": ">=18" + }, + "peerDependenciesMeta": { + "@types/node": { + "optional": true + } + } + }, + "node_modules/@inquirer/rawlist/node_modules/@inquirer/core": { + "version": "12.0.0", + "resolved": "https://registry.npmjs.org/@inquirer/core/-/core-12.0.0.tgz", + "integrity": "sha512-+nnvFEXIB08CZNVXpvW3B+zHW96QXvGUjNKJ8NJIPqAZi5Kd4WhYt2S3C234ReepG1qw2HOlEUbjYVHBowXObA==", + "dev": true, + "license": "MIT", + "dependencies": { + "@inquirer/ansi": "^2.0.7", + "@inquirer/figures": "^2.0.8", + "@inquirer/type": "^4.0.7", + "cli-width": "^4.1.0", + "fast-wrap-ansi": "^0.2.0", + "mute-stream": "^3.0.0", + "signal-exit": "^4.1.0" + }, + "engines": { + "node": ">=23.5.0 || ^22.13.0 || ^20.17.0" + }, + "peerDependencies": { + "@types/node": ">=18" + }, + "peerDependenciesMeta": { + "@types/node": { + "optional": true + } + } + }, + "node_modules/@inquirer/search": { + "version": "4.3.0", + "resolved": "https://registry.npmjs.org/@inquirer/search/-/search-4.3.0.tgz", + "integrity": "sha512-HFxXE5w727ctSUcAwrDquftJGjMgu36OeV5SHEXMlr2j/ahzmRX9xSEeVolV8tzYnTf45cg6vGkdMMRdm3RPhQ==", + "dev": true, + "license": "MIT", + "dependencies": { + "@inquirer/core": "^12.0.0", + "@inquirer/figures": "^2.0.8", "@inquirer/type": "^4.0.7" }, "engines": { @@ -2939,16 +3064,43 @@ } } }, + "node_modules/@inquirer/search/node_modules/@inquirer/core": { + "version": "12.0.0", + "resolved": "https://registry.npmjs.org/@inquirer/core/-/core-12.0.0.tgz", + "integrity": "sha512-+nnvFEXIB08CZNVXpvW3B+zHW96QXvGUjNKJ8NJIPqAZi5Kd4WhYt2S3C234ReepG1qw2HOlEUbjYVHBowXObA==", + "dev": true, + "license": "MIT", + "dependencies": { + "@inquirer/ansi": "^2.0.7", + "@inquirer/figures": "^2.0.8", + "@inquirer/type": "^4.0.7", + "cli-width": "^4.1.0", + "fast-wrap-ansi": "^0.2.0", + "mute-stream": "^3.0.0", + "signal-exit": "^4.1.0" + }, + "engines": { + "node": ">=23.5.0 || ^22.13.0 || ^20.17.0" + }, + "peerDependencies": { + "@types/node": ">=18" + }, + "peerDependenciesMeta": { + "@types/node": { + "optional": true + } + } + }, "node_modules/@inquirer/select": { - "version": "5.2.1", - "resolved": "https://registry.npmjs.org/@inquirer/select/-/select-5.2.1.tgz", - "integrity": "sha512-FlDndEUww8m7BfukO2nJa25vhD+H5jxxCv4oGioKqzyWz3nPHhhw4LKdYRSlXuAx7DsdWia7iyaBPKKS95Evfw==", + "version": "5.2.2", + "resolved": "https://registry.npmjs.org/@inquirer/select/-/select-5.2.2.tgz", + "integrity": "sha512-RkI8dRHWt+bh04oLixvF1kFzKC7e5rqJoHKkzcqSHATebBXFC6GmrT8ddbVkgSzLV0HnHs2cPFuBINr8otij8Q==", "dev": true, "license": "MIT", "dependencies": { "@inquirer/ansi": "^2.0.7", - "@inquirer/core": "^11.2.1", - "@inquirer/figures": "^2.0.7", + "@inquirer/core": "^12.0.0", + "@inquirer/figures": "^2.0.8", "@inquirer/type": "^4.0.7" }, "engines": { @@ -2963,6 +3115,33 @@ } } }, + "node_modules/@inquirer/select/node_modules/@inquirer/core": { + "version": "12.0.0", + "resolved": "https://registry.npmjs.org/@inquirer/core/-/core-12.0.0.tgz", + "integrity": "sha512-+nnvFEXIB08CZNVXpvW3B+zHW96QXvGUjNKJ8NJIPqAZi5Kd4WhYt2S3C234ReepG1qw2HOlEUbjYVHBowXObA==", + "dev": true, + "license": "MIT", + "dependencies": { + "@inquirer/ansi": "^2.0.7", + "@inquirer/figures": "^2.0.8", + "@inquirer/type": "^4.0.7", + "cli-width": "^4.1.0", + "fast-wrap-ansi": "^0.2.0", + "mute-stream": "^3.0.0", + "signal-exit": "^4.1.0" + }, + "engines": { + "node": ">=23.5.0 || ^22.13.0 || ^20.17.0" + }, + "peerDependencies": { + "@types/node": ">=18" + }, + "peerDependenciesMeta": { + "@types/node": { + "optional": true + } + } + }, "node_modules/@inquirer/type": { "version": "4.0.7", "resolved": "https://registry.npmjs.org/@inquirer/type/-/type-4.0.7.tgz", @@ -2991,19 +3170,6 @@ "node": ">=18" } }, - "node_modules/@isaacs/fs-minipass": { - "version": "4.0.1", - "resolved": "https://registry.npmjs.org/@isaacs/fs-minipass/-/fs-minipass-4.0.1.tgz", - "integrity": "sha512-wgm9Ehl2jpeqP3zw/7mo3kRHFp5MEDhqAdwy1fTGkHAwnkGOVsgpvQhL8B5n1qlb01jV3n/bI0ZfZp5lWA1k4w==", - "dev": true, - "license": "ISC", - "dependencies": { - "minipass": "^7.0.4" - }, - "engines": { - "node": ">=18.0.0" - } - }, "node_modules/@istanbuljs/schema": { "version": "0.1.6", "resolved": "https://registry.npmjs.org/@istanbuljs/schema/-/schema-0.1.6.tgz", @@ -3067,20 +3233,20 @@ "license": "Apache-2.0" }, "node_modules/@listr2/prompt-adapter-inquirer": { - "version": "4.2.3", - "resolved": "https://registry.npmjs.org/@listr2/prompt-adapter-inquirer/-/prompt-adapter-inquirer-4.2.3.tgz", - "integrity": "sha512-Co9U3AJ3LW0J8XBHjVoNKA79dMAyFt8EZH3OaKTMcDTj8r+6kG3vSUPq/eGLHT7P0iK3uLaFfhdFYd3033P24g==", + "version": "4.2.5", + "resolved": "https://registry.npmjs.org/@listr2/prompt-adapter-inquirer/-/prompt-adapter-inquirer-4.2.5.tgz", + "integrity": "sha512-pYGy9dTdTwXdasPgyohkr0HoQ4FrkAzFnsUZl/gcnadDArbpZ8e+fgr+F9WBdNEl2y00mb9bCM4WgmoBkZJ27A==", "dev": true, "license": "MIT", "dependencies": { - "@inquirer/type": "^4.0.5" + "@inquirer/type": "^4.0.7" }, "engines": { "node": ">=22.13.0" }, "peerDependencies": { "@inquirer/prompts": ">= 3 < 9", - "listr2": "10.2.1" + "listr2": "11.0.0" } }, "node_modules/@lit-labs/ssr-dom-shim": { @@ -3118,9 +3284,9 @@ } }, "node_modules/@lmdb/lmdb-darwin-arm64": { - "version": "3.5.4", - "resolved": "https://registry.npmjs.org/@lmdb/lmdb-darwin-arm64/-/lmdb-darwin-arm64-3.5.4.tgz", - "integrity": "sha512-Kk4Kz3iyu1QiLsLZBS9Af1eSKUC8VR2T+/jyE2iAyuGw2VwK08pp5iTbZnXn6sWu0LogO/RFktMxOjiDA2sS3w==", + "version": "3.5.6", + "resolved": "https://registry.npmjs.org/@lmdb/lmdb-darwin-arm64/-/lmdb-darwin-arm64-3.5.6.tgz", + "integrity": "sha512-mY5FG4TjPAkY4P0w+OhHaUka5mDh2TX2WKYIwuKzJ1zeW3VvRgxdam/lGJTquI+bthTx5CSHDW+BAQCnNAzkEA==", "cpu": [ "arm64" ], @@ -3132,9 +3298,9 @@ ] }, "node_modules/@lmdb/lmdb-darwin-x64": { - "version": "3.5.4", - "resolved": "https://registry.npmjs.org/@lmdb/lmdb-darwin-x64/-/lmdb-darwin-x64-3.5.4.tgz", - "integrity": "sha512-BEe5Rp3trn26oxoXOVL5HVDoiYmjUDwr8NRPkBOdUdCSBEorKI+7JrZLRKAdxO+G6cGQLgseXk0gR7qIQa7aGw==", + "version": "3.5.6", + "resolved": "https://registry.npmjs.org/@lmdb/lmdb-darwin-x64/-/lmdb-darwin-x64-3.5.6.tgz", + "integrity": "sha512-foa+pwitysO8k+xhs7psBFfTKnVgR69NlZRRTHaFVDqphh7AdGpLeyRzKw/ofatr/sN6TiHRRW6mmop0ZrrppQ==", "cpu": [ "x64" ], @@ -3146,9 +3312,9 @@ ] }, "node_modules/@lmdb/lmdb-linux-arm": { - "version": "3.5.4", - "resolved": "https://registry.npmjs.org/@lmdb/lmdb-linux-arm/-/lmdb-linux-arm-3.5.4.tgz", - "integrity": "sha512-SGbFR7816uBcTHc2ZY4S6WyOkl9bICnzqTQd2Mv4V/j24cfds88xx2nC6cm/y8zGQL7Ds31YF/5NGxjgcdM5Hw==", + "version": "3.5.6", + "resolved": "https://registry.npmjs.org/@lmdb/lmdb-linux-arm/-/lmdb-linux-arm-3.5.6.tgz", + "integrity": "sha512-QR4YRyR5h5Z8eGXrNQjiyo2NNDfqi3tCc9dQG5Is1blCt+qWw1ZoBWhlWAr5d+jshkifMIJjVHzHGKbkKzF8Tw==", "cpu": [ "arm" ], @@ -3160,9 +3326,9 @@ ] }, "node_modules/@lmdb/lmdb-linux-arm64": { - "version": "3.5.4", - "resolved": "https://registry.npmjs.org/@lmdb/lmdb-linux-arm64/-/lmdb-linux-arm64-3.5.4.tgz", - "integrity": "sha512-cUXEengO8o60v1SWerJTH4/RH4U3+9jC0/4njp2Z9NdmvaGzhKsbRM2wpXuRYrN8tytsoJCg0SvWEWwHAwLbCA==", + "version": "3.5.6", + "resolved": "https://registry.npmjs.org/@lmdb/lmdb-linux-arm64/-/lmdb-linux-arm64-3.5.6.tgz", + "integrity": "sha512-HmiyFFdJa38s1heCMSooSPaBSFTHJ3C+ERPp28xAPlDX1YiALJVOgbry065nXd8Y7KISWjnw05zpG1RX8IfftA==", "cpu": [ "arm64" ], @@ -3174,9 +3340,9 @@ ] }, "node_modules/@lmdb/lmdb-linux-x64": { - "version": "3.5.4", - "resolved": "https://registry.npmjs.org/@lmdb/lmdb-linux-x64/-/lmdb-linux-x64-3.5.4.tgz", - "integrity": "sha512-Gxq8jpgOWXwd0PUR+c9R2Ik1/uBnGd5GMIIzRRDqABCkvmjtC3KWcyhesV9jSPCz759isl0NlbsstZ2oyvk8lA==", + "version": "3.5.6", + "resolved": "https://registry.npmjs.org/@lmdb/lmdb-linux-x64/-/lmdb-linux-x64-3.5.6.tgz", + "integrity": "sha512-ADzCuCF2cTNiX9kDScqcz1fjnAkxPpQNneV3KFTdV3wWtVlI2sTGzySoMTgDpinkMMFj1NTJlxA6XR8fwc4hlA==", "cpu": [ "x64" ], @@ -3188,9 +3354,9 @@ ] }, "node_modules/@lmdb/lmdb-win32-arm64": { - "version": "3.5.4", - "resolved": "https://registry.npmjs.org/@lmdb/lmdb-win32-arm64/-/lmdb-win32-arm64-3.5.4.tgz", - "integrity": "sha512-pKv1DJ1bPZAaHkdFsSz5IDfUG8x9vntgquXF9/Dm2xuupcIe/EkLzylpoBxppFVK5vzbV561Dq26jNY2fIMA7g==", + "version": "3.5.6", + "resolved": "https://registry.npmjs.org/@lmdb/lmdb-win32-arm64/-/lmdb-win32-arm64-3.5.6.tgz", + "integrity": "sha512-J7A9aEQsQiv0TYtBGL7NDIPp2lOS8nnl+zm4sWZm1xlsTTaQ4PgD096Adzdrk27rw3UxCkDXdCUa4ax41oztBQ==", "cpu": [ "arm64" ], @@ -3202,9 +3368,9 @@ ] }, "node_modules/@lmdb/lmdb-win32-x64": { - "version": "3.5.4", - "resolved": "https://registry.npmjs.org/@lmdb/lmdb-win32-x64/-/lmdb-win32-x64-3.5.4.tgz", - "integrity": "sha512-JF1BmLCm9kGEVZgYmJq43zeQVdHVgAJnTi/NURWEsy6L1ZrrlSmdltS+D17QN4LODwf+1LMXAA9auIZVXtWwzw==", + "version": "3.5.6", + "resolved": "https://registry.npmjs.org/@lmdb/lmdb-win32-x64/-/lmdb-win32-x64-3.5.6.tgz", + "integrity": "sha512-1g7G0knRX2iV/voDu54yxrGqw5Dk0w2oIYb7dgJq8IkOi+m7wbD8Q3QpPFjh0C01G58S88dqGn03len6UPCXsg==", "cpu": [ "x64" ], @@ -3216,9 +3382,9 @@ ] }, "node_modules/@microsoft/signalr": { - "version": "8.0.17", - "resolved": "https://registry.npmjs.org/@microsoft/signalr/-/signalr-8.0.17.tgz", - "integrity": "sha512-5pM6xPtKZNJLO0Tq5nQasVyPFwi/WBY3QB5uc/v3dIPTpS1JXQbaXAQAPxFoQ5rTBFE094w8bbqkp17F9ReQvA==", + "version": "8.0.29", + "resolved": "https://registry.npmjs.org/@microsoft/signalr/-/signalr-8.0.29.tgz", + "integrity": "sha512-yzszFiTAuRxHm3qxNaSan3YzN8dffLqQcc3ZNJD2tn9eInCBBi7u2xCJ6AVNXjw19RDoBc+NPWfYN43K1HcjdA==", "license": "MIT", "dependencies": { "abort-controller": "^3.0.0", @@ -3229,12 +3395,12 @@ } }, "node_modules/@modelcontextprotocol/sdk": { - "version": "1.29.0", - "resolved": "https://registry.npmjs.org/@modelcontextprotocol/sdk/-/sdk-1.29.0.tgz", - "integrity": "sha512-zo37mZA9hJWpULgkRpowewez1y6ML5GsXJPY8FI0tBBCd77HEvza4jDqRKOXgHNn867PVGCyTdzqpz0izu5ZjQ==", + "version": "1.30.0", + "resolved": "https://registry.npmjs.org/@modelcontextprotocol/sdk/-/sdk-1.30.0.tgz", + "integrity": "sha512-xKd8OIzlqNzcqcNumGAa6g+PW2kjD5vrpcKOnfldAUPP3j7lnqMPwlTXQm8gF+UwH72z0lqaRbjr9hqGz0eITA==", "license": "MIT", "dependencies": { - "@hono/node-server": "^1.19.9", + "@hono/node-server": "^1.19.9 || ^2.0.5", "ajv": "^8.17.1", "ajv-formats": "^3.0.1", "content-type": "^1.0.5", @@ -3426,12 +3592,16 @@ } }, "node_modules/@modelcontextprotocol/sdk/node_modules/media-typer": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/media-typer/-/media-typer-1.1.0.tgz", - "integrity": "sha512-aisnrDP4GNe06UcKFnV5bfMNPBUw4jsLGaWwWfnH3v02GnBuXX2MCVn5RbrWo0j3pczUilYblq7fQ7Nw2t5XKw==", + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/media-typer/-/media-typer-1.1.1.tgz", + "integrity": "sha512-yz3xRaG20c6/BOzvYoDaGtPmGscs7YivItZEEqe6GbwNfHuxu9YNmvnEkMzKldAGY4/80pRcQRZSEnhquk9XuQ==", "license": "MIT", "engines": { "node": ">= 0.8" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/express" } }, "node_modules/@modelcontextprotocol/sdk/node_modules/merge-descriptors": { @@ -3472,12 +3642,32 @@ } }, "node_modules/@modelcontextprotocol/sdk/node_modules/negotiator": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-1.0.0.tgz", - "integrity": "sha512-8Ofs/AUQh8MaEcrlq5xOX0CQ9ypTF5dl78mjlMNfOK08fzpgTHQRQPBxcPlEtIw0yRpws+Zo/3r+5WRby7u3Gg==", + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-1.1.0.tgz", + "integrity": "sha512-NMPBRMJgiQHjbd8phG3Vebdx4kZ1H121rbl5IkMqeOsahptB9BKo/d7oJ3zTXqTgagn2bWlNSXkh0QUGM31RYg==", "license": "MIT", + "dependencies": { + "content-type": "^2.1.0" + }, "engines": { - "node": ">= 0.6" + "node": ">=18" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/express" + } + }, + "node_modules/@modelcontextprotocol/sdk/node_modules/negotiator/node_modules/content-type": { + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/content-type/-/content-type-2.1.0.tgz", + "integrity": "sha512-mj7UPXE0jaqaOsukNZRUEfEi2AcL7C/vwmwcHV0O97eO1E1pxBZuyjlZrx5seTaNBg1U6+o35wpa35Qfcc+7ag==", + "license": "MIT", + "engines": { + "node": ">=18" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/express" } }, "node_modules/@modelcontextprotocol/sdk/node_modules/send": { @@ -3544,9 +3734,9 @@ } }, "node_modules/@modelcontextprotocol/sdk/node_modules/type-is/node_modules/content-type": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/content-type/-/content-type-2.0.0.tgz", - "integrity": "sha512-j/O/d7GcZCyNl7/hwZAb606rzqkyvaDctLmckbxLzHvFBzTJHuGEdodATcP3yIRoDrLHkIATJuvzbFlp/ki2cQ==", + "version": "2.1.0", + "resolved": "https://registry.npmjs.org/content-type/-/content-type-2.1.0.tgz", + "integrity": "sha512-mj7UPXE0jaqaOsukNZRUEfEi2AcL7C/vwmwcHV0O97eO1E1pxBZuyjlZrx5seTaNBg1U6+o35wpa35Qfcc+7ag==", "license": "MIT", "engines": { "node": ">=18" @@ -3984,6 +4174,27 @@ "node": ">= 10" } }, + "node_modules/@napi-rs/wasm-runtime": { + "version": "1.2.3", + "resolved": "https://registry.npmjs.org/@napi-rs/wasm-runtime/-/wasm-runtime-1.2.3.tgz", + "integrity": "sha512-UMduMbqO5s5zF2NkNacMT/yK5Y5QiKvWr2+50bzIIxFDwVJ2h49b+oyjaCGPhJxd2/gC2x39EHv/gHVuu36x2Q==", + "license": "MIT", + "optional": true, + "dependencies": { + "@tybys/wasm-util": "^0.10.3" + }, + "engines": { + "node": "^20.19.0 || ^22.13.0 || >=23.5.0" + }, + "funding": { + "type": "github", + "url": "https://github.com/sponsors/Brooooooklyn" + }, + "peerDependencies": { + "@emnapi/core": "^1.7.1 || ^2.0.0-alpha.4", + "@emnapi/runtime": "^1.7.1 || ^2.0.0-alpha.4" + } + }, "node_modules/@ng-bootstrap/ng-bootstrap": { "version": "20.0.0", "resolved": "https://registry.npmjs.org/@ng-bootstrap/ng-bootstrap/-/ng-bootstrap-20.0.0.tgz", @@ -4001,260 +4212,386 @@ "rxjs": "^6.5.3 || ^7.4.0" } }, - "node_modules/@npmcli/agent": { - "version": "4.0.2", - "resolved": "https://registry.npmjs.org/@npmcli/agent/-/agent-4.0.2.tgz", - "integrity": "sha512-EUEuWAxnL07Sp5/iC/1X6Xj+XThUvnbei9zfRWZdEXa7lss9RTHMhAHBeg+MZ5To9s/gGaSI+UwZTPdYMvKSeg==", + "node_modules/@oxc-parser/binding-android-arm-eabi": { + "version": "0.142.0", + "resolved": "https://registry.npmjs.org/@oxc-parser/binding-android-arm-eabi/-/binding-android-arm-eabi-0.142.0.tgz", + "integrity": "sha512-ZiRGDutGsv1G6bL/ozy/koC0Sv39T1DqyoC4KD1DOy9ZoACm1O5UWhEK2c02Qdk+4lfLVkvFa/mQ0fm/4h1BtQ==", + "cpu": [ + "arm" + ], "dev": true, - "license": "ISC", - "dependencies": { - "agent-base": "^7.1.0", - "http-proxy-agent": "^7.0.0", - "https-proxy-agent": "^7.0.1", - "lru-cache": "^11.2.1", - "socks-proxy-agent": "^8.0.3" - }, + "license": "MIT", + "optional": true, + "os": [ + "android" + ], "engines": { - "node": "^20.17.0 || >=22.9.0" + "node": "^20.19.0 || >=22.12.0" } }, - "node_modules/@npmcli/agent/node_modules/agent-base": { - "version": "7.1.4", - "resolved": "https://registry.npmjs.org/agent-base/-/agent-base-7.1.4.tgz", - "integrity": "sha512-MnA+YT8fwfJPgBx3m60MNqakm30XOkyIoH1y6huTQvC0PwZG7ki8NacLBcrPbNoo8vEZy7Jpuk7+jMO+CUovTQ==", + "node_modules/@oxc-parser/binding-android-arm64": { + "version": "0.142.0", + "resolved": "https://registry.npmjs.org/@oxc-parser/binding-android-arm64/-/binding-android-arm64-0.142.0.tgz", + "integrity": "sha512-WZkvGRLNQTz8lR9zP5nLjUdlroRCopBu3g9zF1p/laE6DzT1UbQo8Rdz5MWhaJUPYg/6gp+jo7HUgsyKaN1FtQ==", + "cpu": [ + "arm64" + ], "dev": true, "license": "MIT", + "optional": true, + "os": [ + "android" + ], "engines": { - "node": ">= 14" + "node": "^20.19.0 || >=22.12.0" } }, - "node_modules/@npmcli/agent/node_modules/https-proxy-agent": { - "version": "7.0.6", - "resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-7.0.6.tgz", - "integrity": "sha512-vK9P5/iUfdl95AI+JVyUuIcVtd4ofvtrOr3HNtM2yxC9bnMbEdp3x01OhQNnjb8IJYi38VlTE3mBXwcfvywuSw==", + "node_modules/@oxc-parser/binding-darwin-arm64": { + "version": "0.142.0", + "resolved": "https://registry.npmjs.org/@oxc-parser/binding-darwin-arm64/-/binding-darwin-arm64-0.142.0.tgz", + "integrity": "sha512-l4khS8LQOOVYsGRVARo1gSaCT/aBSceUVXgtovWc2+drnxVuDr082WA3OCHVdVzIz5JIrP/y9CWsSKxBDNmYGg==", + "cpu": [ + "arm64" + ], "dev": true, "license": "MIT", - "dependencies": { - "agent-base": "^7.1.2", - "debug": "4" - }, + "optional": true, + "os": [ + "darwin" + ], "engines": { - "node": ">= 14" + "node": "^20.19.0 || >=22.12.0" } }, - "node_modules/@npmcli/agent/node_modules/lru-cache": { - "version": "11.5.1", - "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-11.5.1.tgz", - "integrity": "sha512-RPimw/7aMdv2oqRrxKwvZXcPfwBrn/JZ2xYcY9Hus/6LaS3VOAKVWKWgNLCFSiOm1ESXinjsDlidVU7JlnCN2A==", + "node_modules/@oxc-parser/binding-darwin-x64": { + "version": "0.142.0", + "resolved": "https://registry.npmjs.org/@oxc-parser/binding-darwin-x64/-/binding-darwin-x64-0.142.0.tgz", + "integrity": "sha512-QBsNF3nqlXmcH2B1YOPqQYmCJoy4HuIjUxGbBO/k5JAJUl68ghU2psRY2zPk+RyBaWqKP/qfL4oaFgEMCdwskA==", + "cpu": [ + "x64" + ], "dev": true, - "license": "BlueOak-1.0.0", + "license": "MIT", + "optional": true, + "os": [ + "darwin" + ], "engines": { - "node": "20 || >=22" + "node": "^20.19.0 || >=22.12.0" } }, - "node_modules/@npmcli/fs": { - "version": "5.0.0", - "resolved": "https://registry.npmjs.org/@npmcli/fs/-/fs-5.0.0.tgz", - "integrity": "sha512-7OsC1gNORBEawOa5+j2pXN9vsicaIOH5cPXxoR6fJOmH6/EXpJB2CajXOu1fPRFun2m1lktEFX11+P89hqO/og==", + "node_modules/@oxc-parser/binding-freebsd-x64": { + "version": "0.142.0", + "resolved": "https://registry.npmjs.org/@oxc-parser/binding-freebsd-x64/-/binding-freebsd-x64-0.142.0.tgz", + "integrity": "sha512-b7Q7m4Cqc6XqNhri3R+QhU+GVy646Pn+bkdhrDdWym/Fdi0ZUa+d73H9dm5H91JtbtAQ/z1d8XKMW3oOV8a4tQ==", + "cpu": [ + "x64" + ], "dev": true, - "license": "ISC", - "dependencies": { - "semver": "^7.3.5" - }, + "license": "MIT", + "optional": true, + "os": [ + "freebsd" + ], "engines": { - "node": "^20.17.0 || >=22.9.0" + "node": "^20.19.0 || >=22.12.0" } }, - "node_modules/@npmcli/git": { - "version": "7.0.2", - "resolved": "https://registry.npmjs.org/@npmcli/git/-/git-7.0.2.tgz", - "integrity": "sha512-oeolHDjExNAJAnlYP2qzNjMX/Xi9bmu78C9dIGr4xjobrSKbuMYCph8lTzn4vnW3NjIqVmw/f8BCfouqyJXlRg==", + "node_modules/@oxc-parser/binding-linux-arm-gnueabihf": { + "version": "0.142.0", + "resolved": "https://registry.npmjs.org/@oxc-parser/binding-linux-arm-gnueabihf/-/binding-linux-arm-gnueabihf-0.142.0.tgz", + "integrity": "sha512-3riVS5IhdH3uCZj1Y9ftDQlR0dvLsIlw/edrRqk8JhgNd5K0XSs+UBtgh50N13CAlW9/TXj6sVGXaKNBocd0Yg==", + "cpu": [ + "arm" + ], "dev": true, - "license": "ISC", - "dependencies": { - "@gar/promise-retry": "^1.0.0", - "@npmcli/promise-spawn": "^9.0.0", - "ini": "^6.0.0", - "lru-cache": "^11.2.1", - "npm-pick-manifest": "^11.0.1", - "proc-log": "^6.0.0", - "semver": "^7.3.5", - "which": "^6.0.0" - }, + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], "engines": { - "node": "^20.17.0 || >=22.9.0" + "node": "^20.19.0 || >=22.12.0" } }, - "node_modules/@npmcli/git/node_modules/isexe": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/isexe/-/isexe-4.0.0.tgz", - "integrity": "sha512-FFUtZMpoZ8RqHS3XeXEmHWLA4thH+ZxCv2lOiPIn1Xc7CxrqhWzNSDzD+/chS/zbYezmiwWLdQC09JdQKmthOw==", + "node_modules/@oxc-parser/binding-linux-arm-musleabihf": { + "version": "0.142.0", + "resolved": "https://registry.npmjs.org/@oxc-parser/binding-linux-arm-musleabihf/-/binding-linux-arm-musleabihf-0.142.0.tgz", + "integrity": "sha512-NmXUOpgpTSkhl795TiXmWppTwmSJ92RC1qvD6e4XOF+slgmo3e6Ah+kEu+6AN8s7NAOEwqGmir58MgSQSWmBSA==", + "cpu": [ + "arm" + ], "dev": true, - "license": "BlueOak-1.0.0", + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], "engines": { - "node": ">=20" + "node": "^20.19.0 || >=22.12.0" } }, - "node_modules/@npmcli/git/node_modules/lru-cache": { - "version": "11.5.1", - "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-11.5.1.tgz", - "integrity": "sha512-RPimw/7aMdv2oqRrxKwvZXcPfwBrn/JZ2xYcY9Hus/6LaS3VOAKVWKWgNLCFSiOm1ESXinjsDlidVU7JlnCN2A==", + "node_modules/@oxc-parser/binding-linux-arm64-gnu": { + "version": "0.142.0", + "resolved": "https://registry.npmjs.org/@oxc-parser/binding-linux-arm64-gnu/-/binding-linux-arm64-gnu-0.142.0.tgz", + "integrity": "sha512-gc0EXsKtXgerujmU2Bql3u1L1HsSQ2774R83idq/FoNMPVV/RY/1ErFsvnit7KoiP/sLvzQixeUo4Ut0ic0wmw==", + "cpu": [ + "arm64" + ], "dev": true, - "license": "BlueOak-1.0.0", + "libc": [ + "glibc" + ], + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], "engines": { - "node": "20 || >=22" + "node": "^20.19.0 || >=22.12.0" } }, - "node_modules/@npmcli/git/node_modules/which": { - "version": "6.0.1", - "resolved": "https://registry.npmjs.org/which/-/which-6.0.1.tgz", - "integrity": "sha512-oGLe46MIrCRqX7ytPUf66EAYvdeMIZYn3WaocqqKZAxrBpkqHfL/qvTyJ/bTk5+AqHCjXmrv3CEWgy368zhRUg==", + "node_modules/@oxc-parser/binding-linux-arm64-musl": { + "version": "0.142.0", + "resolved": "https://registry.npmjs.org/@oxc-parser/binding-linux-arm64-musl/-/binding-linux-arm64-musl-0.142.0.tgz", + "integrity": "sha512-F2XvmWSE0uWpie+jHKKIFgdVOe9ypGhkEZxKx5DuW215K6cbAC274yYaPkcM7EqY4Df3Weyhpcz3lsURyH2LVg==", + "cpu": [ + "arm64" + ], "dev": true, - "license": "ISC", - "dependencies": { - "isexe": "^4.0.0" - }, - "bin": { - "node-which": "bin/which.js" - }, + "libc": [ + "musl" + ], + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], "engines": { - "node": "^20.17.0 || >=22.9.0" + "node": "^20.19.0 || >=22.12.0" } }, - "node_modules/@npmcli/installed-package-contents": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/@npmcli/installed-package-contents/-/installed-package-contents-4.0.0.tgz", - "integrity": "sha512-yNyAdkBxB72gtZ4GrwXCM0ZUedo9nIbOMKfGjt6Cu6DXf0p8y1PViZAKDC8q8kv/fufx0WTjRBdSlyrvnP7hmA==", + "node_modules/@oxc-parser/binding-linux-ppc64-gnu": { + "version": "0.142.0", + "resolved": "https://registry.npmjs.org/@oxc-parser/binding-linux-ppc64-gnu/-/binding-linux-ppc64-gnu-0.142.0.tgz", + "integrity": "sha512-wLMbT21U/QxknQsk+VvNF0b9D2/aGWhcaQQQ+VYlE8FwD5+GoWZIPPXNzyHmkYyhm0KB3itL+TBavjMatqNnYA==", + "cpu": [ + "ppc64" + ], "dev": true, - "license": "ISC", - "dependencies": { - "npm-bundled": "^5.0.0", - "npm-normalize-package-bin": "^5.0.0" - }, - "bin": { - "installed-package-contents": "bin/index.js" - }, + "libc": [ + "glibc" + ], + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], "engines": { - "node": "^20.17.0 || >=22.9.0" + "node": "^20.19.0 || >=22.12.0" } }, - "node_modules/@npmcli/node-gyp": { - "version": "5.0.0", - "resolved": "https://registry.npmjs.org/@npmcli/node-gyp/-/node-gyp-5.0.0.tgz", - "integrity": "sha512-uuG5HZFXLfyFKqg8QypsmgLQW7smiRjVc45bqD/ofZZcR/uxEjgQU8qDPv0s9TEeMUiAAU/GC5bR6++UdTirIQ==", + "node_modules/@oxc-parser/binding-linux-riscv64-gnu": { + "version": "0.142.0", + "resolved": "https://registry.npmjs.org/@oxc-parser/binding-linux-riscv64-gnu/-/binding-linux-riscv64-gnu-0.142.0.tgz", + "integrity": "sha512-+G8F/4ckwT7FCJV4H2bt09xEzJbjNCfuL4Sp1AYNaFtFMVtgIGMuJlteT82U+K0UIZ/DzAR/LDlMFnEuajG7Kw==", + "cpu": [ + "riscv64" + ], "dev": true, - "license": "ISC", + "libc": [ + "glibc" + ], + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], "engines": { - "node": "^20.17.0 || >=22.9.0" + "node": "^20.19.0 || >=22.12.0" } }, - "node_modules/@npmcli/package-json": { - "version": "7.0.5", - "resolved": "https://registry.npmjs.org/@npmcli/package-json/-/package-json-7.0.5.tgz", - "integrity": "sha512-iVuTlG3ORq2iaVa1IWUxAO/jIp77tUKBhoMjuzYW2kL4MLN1bi/ofqkZ7D7OOwh8coAx1/S2ge0rMdGv8sLSOQ==", + "node_modules/@oxc-parser/binding-linux-riscv64-musl": { + "version": "0.142.0", + "resolved": "https://registry.npmjs.org/@oxc-parser/binding-linux-riscv64-musl/-/binding-linux-riscv64-musl-0.142.0.tgz", + "integrity": "sha512-hTsHtTLxMAfCo+rpF5K3qZJKW2NpPN/CHd4mYB3y7XlSdspHkd2gehDIofP64AacA9nWQw2tY3O7wR6UY8IVOA==", + "cpu": [ + "riscv64" + ], "dev": true, - "license": "ISC", - "dependencies": { - "@npmcli/git": "^7.0.0", - "glob": "^13.0.0", - "hosted-git-info": "^9.0.0", - "json-parse-even-better-errors": "^5.0.0", - "proc-log": "^6.0.0", - "semver": "^7.5.3", - "spdx-expression-parse": "^4.0.0" - }, + "libc": [ + "musl" + ], + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], "engines": { - "node": "^20.17.0 || >=22.9.0" + "node": "^20.19.0 || >=22.12.0" } }, - "node_modules/@npmcli/package-json/node_modules/glob": { - "version": "13.0.6", - "resolved": "https://registry.npmjs.org/glob/-/glob-13.0.6.tgz", - "integrity": "sha512-Wjlyrolmm8uDpm/ogGyXZXb1Z+Ca2B8NbJwqBVg0axK9GbBeoS7yGV6vjXnYdGm6X53iehEuxxbyiKp8QmN4Vw==", + "node_modules/@oxc-parser/binding-linux-s390x-gnu": { + "version": "0.142.0", + "resolved": "https://registry.npmjs.org/@oxc-parser/binding-linux-s390x-gnu/-/binding-linux-s390x-gnu-0.142.0.tgz", + "integrity": "sha512-6y7qYY3TCUDYjqswImdTGl92y+KA/80twALegQPN27kfY+bG7Ib1+L3jbmrCZQx6wrVnai9IPsEZp07I0hx7JQ==", + "cpu": [ + "s390x" + ], "dev": true, - "license": "BlueOak-1.0.0", - "dependencies": { - "minimatch": "^10.2.2", - "minipass": "^7.1.3", - "path-scurry": "^2.0.2" - }, + "libc": [ + "glibc" + ], + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], "engines": { - "node": "18 || 20 || >=22" - }, - "funding": { - "url": "https://github.com/sponsors/isaacs" + "node": "^20.19.0 || >=22.12.0" } }, - "node_modules/@npmcli/promise-spawn": { - "version": "9.0.1", - "resolved": "https://registry.npmjs.org/@npmcli/promise-spawn/-/promise-spawn-9.0.1.tgz", - "integrity": "sha512-OLUaoqBuyxeTqUvjA3FZFiXUfYC1alp3Sa99gW3EUDz3tZ3CbXDdcZ7qWKBzicrJleIgucoWamWH1saAmH/l2Q==", + "node_modules/@oxc-parser/binding-linux-x64-gnu": { + "version": "0.142.0", + "resolved": "https://registry.npmjs.org/@oxc-parser/binding-linux-x64-gnu/-/binding-linux-x64-gnu-0.142.0.tgz", + "integrity": "sha512-i69kAWU+2LgoH5bR+zWiiu+UzAw7Oxkwv7COeJTeY19pn4e70nKQcr9Pm6cL2Z0Z54d+gl9qADlK/0yyuCPiBA==", + "cpu": [ + "x64" + ], "dev": true, - "license": "ISC", - "dependencies": { - "which": "^6.0.0" - }, + "libc": [ + "glibc" + ], + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], "engines": { - "node": "^20.17.0 || >=22.9.0" + "node": "^20.19.0 || >=22.12.0" } }, - "node_modules/@npmcli/promise-spawn/node_modules/isexe": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/isexe/-/isexe-4.0.0.tgz", - "integrity": "sha512-FFUtZMpoZ8RqHS3XeXEmHWLA4thH+ZxCv2lOiPIn1Xc7CxrqhWzNSDzD+/chS/zbYezmiwWLdQC09JdQKmthOw==", + "node_modules/@oxc-parser/binding-linux-x64-musl": { + "version": "0.142.0", + "resolved": "https://registry.npmjs.org/@oxc-parser/binding-linux-x64-musl/-/binding-linux-x64-musl-0.142.0.tgz", + "integrity": "sha512-4SQs678MmjYVrmhAgCWD4o0vpaFszXw9xLX5p2Z9MMFcltxiLkA88wQjh80YHjPrXtpyZ2CWI5m+1yNKM0m2Pw==", + "cpu": [ + "x64" + ], "dev": true, - "license": "BlueOak-1.0.0", + "libc": [ + "musl" + ], + "license": "MIT", + "optional": true, + "os": [ + "linux" + ], "engines": { - "node": ">=20" + "node": "^20.19.0 || >=22.12.0" } }, - "node_modules/@npmcli/promise-spawn/node_modules/which": { - "version": "6.0.1", - "resolved": "https://registry.npmjs.org/which/-/which-6.0.1.tgz", - "integrity": "sha512-oGLe46MIrCRqX7ytPUf66EAYvdeMIZYn3WaocqqKZAxrBpkqHfL/qvTyJ/bTk5+AqHCjXmrv3CEWgy368zhRUg==", + "node_modules/@oxc-parser/binding-openharmony-arm64": { + "version": "0.142.0", + "resolved": "https://registry.npmjs.org/@oxc-parser/binding-openharmony-arm64/-/binding-openharmony-arm64-0.142.0.tgz", + "integrity": "sha512-YHpx9N7Ln3a++Tc8rv+H7mrK1zyJQOAwCFg8LZ3lTs1T5afGWeZrLPhPT9HLnIwSjCyJqPWVMIrMxbjcmBr2oQ==", + "cpu": [ + "arm64" + ], "dev": true, - "license": "ISC", + "license": "MIT", + "optional": true, + "os": [ + "openharmony" + ], + "engines": { + "node": "^20.19.0 || >=22.12.0" + } + }, + "node_modules/@oxc-parser/binding-wasm32-wasi": { + "version": "0.142.0", + "resolved": "https://registry.npmjs.org/@oxc-parser/binding-wasm32-wasi/-/binding-wasm32-wasi-0.142.0.tgz", + "integrity": "sha512-3pLDyY3+oogW73RM5uehNgAiR/Xfb7fvO2Q1Z1gIqZ2+50XDVQmBVlRkHXZTU4gKnQHpwETNsYQVsJ3joVB2iA==", + "cpu": [ + "wasm32" + ], + "dev": true, + "license": "MIT", + "optional": true, "dependencies": { - "isexe": "^4.0.0" - }, - "bin": { - "node-which": "bin/which.js" + "@emnapi/core": "1.11.2", + "@emnapi/runtime": "1.11.2", + "@napi-rs/wasm-runtime": "^1.1.6" }, "engines": { - "node": "^20.17.0 || >=22.9.0" + "node": "^20.19.0 || >=22.12.0" } }, - "node_modules/@npmcli/redact": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/@npmcli/redact/-/redact-4.0.0.tgz", - "integrity": "sha512-gOBg5YHMfZy+TfHArfVogwgfBeQnKbbGo3pSUyK/gSI0AVu+pEiDVcKlQb0D8Mg1LNRZILZ6XG8I5dJ4KuAd9Q==", + "node_modules/@oxc-parser/binding-win32-arm64-msvc": { + "version": "0.142.0", + "resolved": "https://registry.npmjs.org/@oxc-parser/binding-win32-arm64-msvc/-/binding-win32-arm64-msvc-0.142.0.tgz", + "integrity": "sha512-Had/VeVY28Oyb0K+Q4FV8KCzoBycIh93oDK6pCbya9lkzdq+ikMHMgBubsdqqlybjJmQRawCQRrnBRHyQwYvcQ==", + "cpu": [ + "arm64" + ], "dev": true, - "license": "ISC", + "license": "MIT", + "optional": true, + "os": [ + "win32" + ], "engines": { - "node": "^20.17.0 || >=22.9.0" + "node": "^20.19.0 || >=22.12.0" + } + }, + "node_modules/@oxc-parser/binding-win32-ia32-msvc": { + "version": "0.142.0", + "resolved": "https://registry.npmjs.org/@oxc-parser/binding-win32-ia32-msvc/-/binding-win32-ia32-msvc-0.142.0.tgz", + "integrity": "sha512-GGi3+YphVHavvgs6gum2UXoNCqzHAmPt/nXkn8ZQZstV2Q1qZD1Mn8fz/nWrDkefHQtrG/+1/XrbMxsBTo6Svw==", + "cpu": [ + "ia32" + ], + "dev": true, + "license": "MIT", + "optional": true, + "os": [ + "win32" + ], + "engines": { + "node": "^20.19.0 || >=22.12.0" } }, - "node_modules/@npmcli/run-script": { - "version": "10.0.4", - "resolved": "https://registry.npmjs.org/@npmcli/run-script/-/run-script-10.0.4.tgz", - "integrity": "sha512-mGUWr1uMnf0le2TwfOZY4SFxZGXGfm4Jtay/nwAa2FLNAKXUoUwaGwBMNH36UHPtinWfTSJ3nqFQr0091CxVGg==", + "node_modules/@oxc-parser/binding-win32-x64-msvc": { + "version": "0.142.0", + "resolved": "https://registry.npmjs.org/@oxc-parser/binding-win32-x64-msvc/-/binding-win32-x64-msvc-0.142.0.tgz", + "integrity": "sha512-Ny/Wv4Us1LGC/ljwNTp+Hx3r/pH15EFfeDF0p+n898gt+TtRd6C9SccHcuUhDiNTb8s5tt7jdeAMDRQZ4Vq6hg==", + "cpu": [ + "x64" + ], "dev": true, - "license": "ISC", - "dependencies": { - "@npmcli/node-gyp": "^5.0.0", - "@npmcli/package-json": "^7.0.0", - "@npmcli/promise-spawn": "^9.0.0", - "node-gyp": "^12.1.0", - "proc-log": "^6.0.0" - }, + "license": "MIT", + "optional": true, + "os": [ + "win32" + ], "engines": { - "node": "^20.17.0 || >=22.9.0" + "node": "^20.19.0 || >=22.12.0" + } + }, + "node_modules/@oxc-project/types": { + "version": "0.142.0", + "resolved": "https://registry.npmjs.org/@oxc-project/types/-/types-0.142.0.tgz", + "integrity": "sha512-7W+2q5AKQVU36fkaryontrHn3YDt1RyUYXatw9i5H8ocYe2sPKSFB6eS8WNPeRKiN1qAWWZUPm7gwFzJGrccqQ==", + "dev": true, + "license": "MIT", + "funding": { + "url": "https://github.com/sponsors/Boshen" } }, "node_modules/@parcel/watcher": { - "version": "2.5.6", - "resolved": "https://registry.npmjs.org/@parcel/watcher/-/watcher-2.5.6.tgz", - "integrity": "sha512-tmmZ3lQxAe/k/+rNnXQRawJ4NjxO2hqiOLTHvWchtGZULp4RyFeh6aU4XdOYBFe2KE1oShQTv4AblOs2iOrNnQ==", + "version": "2.6.0", + "resolved": "https://registry.npmjs.org/@parcel/watcher/-/watcher-2.6.0.tgz", + "integrity": "sha512-7FNeNl8NCE7aINx7WXiKQrPYZWC/hvrTsmk6zmxbI7LTXE7hVek/n8AfVgpe2y82zl3w0HvCHN0bVKMBoJcC0w==", "hasInstallScript": true, "license": "MIT", "optional": true, @@ -4262,7 +4599,7 @@ "detect-libc": "^2.0.3", "is-glob": "^4.0.3", "node-addon-api": "^7.0.0", - "picomatch": "^4.0.3" + "picomatch": "^4.0.4" }, "engines": { "node": ">= 10.0.0" @@ -4272,25 +4609,24 @@ "url": "https://opencollective.com/parcel" }, "optionalDependencies": { - "@parcel/watcher-android-arm64": "2.5.6", - "@parcel/watcher-darwin-arm64": "2.5.6", - "@parcel/watcher-darwin-x64": "2.5.6", - "@parcel/watcher-freebsd-x64": "2.5.6", - "@parcel/watcher-linux-arm-glibc": "2.5.6", - "@parcel/watcher-linux-arm-musl": "2.5.6", - "@parcel/watcher-linux-arm64-glibc": "2.5.6", - "@parcel/watcher-linux-arm64-musl": "2.5.6", - "@parcel/watcher-linux-x64-glibc": "2.5.6", - "@parcel/watcher-linux-x64-musl": "2.5.6", - "@parcel/watcher-win32-arm64": "2.5.6", - "@parcel/watcher-win32-ia32": "2.5.6", - "@parcel/watcher-win32-x64": "2.5.6" + "@parcel/watcher-android-arm64": "2.6.0", + "@parcel/watcher-darwin-arm64": "2.6.0", + "@parcel/watcher-darwin-x64": "2.6.0", + "@parcel/watcher-freebsd-x64": "2.6.0", + "@parcel/watcher-linux-arm-glibc": "2.6.0", + "@parcel/watcher-linux-arm-musl": "2.6.0", + "@parcel/watcher-linux-arm64-glibc": "2.6.0", + "@parcel/watcher-linux-arm64-musl": "2.6.0", + "@parcel/watcher-linux-x64-glibc": "2.6.0", + "@parcel/watcher-linux-x64-musl": "2.6.0", + "@parcel/watcher-win32-arm64": "2.6.0", + "@parcel/watcher-win32-x64": "2.6.0" } }, "node_modules/@parcel/watcher-android-arm64": { - "version": "2.5.6", - "resolved": "https://registry.npmjs.org/@parcel/watcher-android-arm64/-/watcher-android-arm64-2.5.6.tgz", - "integrity": "sha512-YQxSS34tPF/6ZG7r/Ih9xy+kP/WwediEUsqmtf0cuCV5TPPKw/PQHRhueUo6JdeFJaqV3pyjm0GdYjZotbRt/A==", + "version": "2.6.0", + "resolved": "https://registry.npmjs.org/@parcel/watcher-android-arm64/-/watcher-android-arm64-2.6.0.tgz", + "integrity": "sha512-trgpLSCKRC/huFjXX/Smh+0sWe4+YtKfktIToiMl59ghz7z+qkH6kMvNnUbLyRs9N11t8l4svSCs1+5B3rOAhA==", "cpu": [ "arm64" ], @@ -4308,9 +4644,9 @@ } }, "node_modules/@parcel/watcher-darwin-arm64": { - "version": "2.5.6", - "resolved": "https://registry.npmjs.org/@parcel/watcher-darwin-arm64/-/watcher-darwin-arm64-2.5.6.tgz", - "integrity": "sha512-Z2ZdrnwyXvvvdtRHLmM4knydIdU9adO3D4n/0cVipF3rRiwP+3/sfzpAwA/qKFL6i1ModaabkU7IbpeMBgiVEA==", + "version": "2.6.0", + "resolved": "https://registry.npmjs.org/@parcel/watcher-darwin-arm64/-/watcher-darwin-arm64-2.6.0.tgz", + "integrity": "sha512-Y3QV0gl7Q1zbfueunkWIERICbEojQFCgpyG7YqOGNFLsckXyI1xu9mAIUpKY9QBYzBtSkN8dBPwd3yiAO9ovMw==", "cpu": [ "arm64" ], @@ -4328,9 +4664,9 @@ } }, "node_modules/@parcel/watcher-darwin-x64": { - "version": "2.5.6", - "resolved": "https://registry.npmjs.org/@parcel/watcher-darwin-x64/-/watcher-darwin-x64-2.5.6.tgz", - "integrity": "sha512-HgvOf3W9dhithcwOWX9uDZyn1lW9R+7tPZ4sug+NGrGIo4Rk1hAXLEbcH1TQSqxts0NYXXlOWqVpvS1SFS4fRg==", + "version": "2.6.0", + "resolved": "https://registry.npmjs.org/@parcel/watcher-darwin-x64/-/watcher-darwin-x64-2.6.0.tgz", + "integrity": "sha512-Ohv6OpzhUfKYD7Beb8kDvG0jbIxORCYY1JRdZnaBtnjjkJxgD7ZVL0nw2sCYd0yTMKTvz3nnTnOF3cDifK+kvw==", "cpu": [ "x64" ], @@ -4348,9 +4684,9 @@ } }, "node_modules/@parcel/watcher-freebsd-x64": { - "version": "2.5.6", - "resolved": "https://registry.npmjs.org/@parcel/watcher-freebsd-x64/-/watcher-freebsd-x64-2.5.6.tgz", - "integrity": "sha512-vJVi8yd/qzJxEKHkeemh7w3YAn6RJCtYlE4HPMoVnCpIXEzSrxErBW5SJBgKLbXU3WdIpkjBTeUNtyBVn8TRng==", + "version": "2.6.0", + "resolved": "https://registry.npmjs.org/@parcel/watcher-freebsd-x64/-/watcher-freebsd-x64-2.6.0.tgz", + "integrity": "sha512-5HmXvDgs8VK+74jF9y9/2FE3/OnlcKmc56tjmSrEuZjpSZOGL+fvAu+HKJBdPs9uwoP2hE6TlSUpXZ/C5jUFmQ==", "cpu": [ "x64" ], @@ -4368,9 +4704,9 @@ } }, "node_modules/@parcel/watcher-linux-arm-glibc": { - "version": "2.5.6", - "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm-glibc/-/watcher-linux-arm-glibc-2.5.6.tgz", - "integrity": "sha512-9JiYfB6h6BgV50CCfasfLf/uvOcJskMSwcdH1PHH9rvS1IrNy8zad6IUVPVUfmXr+u+Km9IxcfMLzgdOudz9EQ==", + "version": "2.6.0", + "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm-glibc/-/watcher-linux-arm-glibc-2.6.0.tgz", + "integrity": "sha512-Ps/hui3A+vMbjdqlqAowK2ZL8+BO8dBjxeWXj6npTBs3jx4wWmbPpaLuqwrQrSqIVMCnpWo238bJ1U37GhQOYg==", "cpu": [ "arm" ], @@ -4391,9 +4727,9 @@ } }, "node_modules/@parcel/watcher-linux-arm-musl": { - "version": "2.5.6", - "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm-musl/-/watcher-linux-arm-musl-2.5.6.tgz", - "integrity": "sha512-Ve3gUCG57nuUUSyjBq/MAM0CzArtuIOxsBdQ+ftz6ho8n7s1i9E1Nmk/xmP323r2YL0SONs1EuwqBp2u1k5fxg==", + "version": "2.6.0", + "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm-musl/-/watcher-linux-arm-musl-2.6.0.tgz", + "integrity": "sha512-9c6AUHgHoG+IY88MRIHupztQiQnrbqHYQjkM2btA+Bf/wQnQMuiD0Wfk1EVv3TlNT3x41uU71rn6E4xh/+zvkw==", "cpu": [ "arm" ], @@ -4414,9 +4750,9 @@ } }, "node_modules/@parcel/watcher-linux-arm64-glibc": { - "version": "2.5.6", - "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm64-glibc/-/watcher-linux-arm64-glibc-2.5.6.tgz", - "integrity": "sha512-f2g/DT3NhGPdBmMWYoxixqYr3v/UXcmLOYy16Bx0TM20Tchduwr4EaCbmxh1321TABqPGDpS8D/ggOTaljijOA==", + "version": "2.6.0", + "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm64-glibc/-/watcher-linux-arm64-glibc-2.6.0.tgz", + "integrity": "sha512-yHRqS2owEXe6Hic9z6Mh1ECsCd+ODVOGvZDyciqRd21+v+o+DnXMOrw50DSpIG2sb8GPEaPPmfeCAWKPJdq46g==", "cpu": [ "arm64" ], @@ -4437,9 +4773,9 @@ } }, "node_modules/@parcel/watcher-linux-arm64-musl": { - "version": "2.5.6", - "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm64-musl/-/watcher-linux-arm64-musl-2.5.6.tgz", - "integrity": "sha512-qb6naMDGlbCwdhLj6hgoVKJl2odL34z2sqkC7Z6kzir8b5W65WYDpLB6R06KabvZdgoHI/zxke4b3zR0wAbDTA==", + "version": "2.6.0", + "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm64-musl/-/watcher-linux-arm64-musl-2.6.0.tgz", + "integrity": "sha512-WhB2e/V7rqdHHWZusBSPuy5Ei8S6lSz6FE5TKKQz5h3a0O+C+mhY7vxU9b/stqvMb8beLnPY82ZrFTLKs+SrKA==", "cpu": [ "arm64" ], @@ -4460,9 +4796,9 @@ } }, "node_modules/@parcel/watcher-linux-x64-glibc": { - "version": "2.5.6", - "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-x64-glibc/-/watcher-linux-x64-glibc-2.5.6.tgz", - "integrity": "sha512-kbT5wvNQlx7NaGjzPFu8nVIW1rWqV780O7ZtkjuWaPUgpv2NMFpjYERVi0UYj1msZNyCzGlaCWEtzc+exjMGbQ==", + "version": "2.6.0", + "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-x64-glibc/-/watcher-linux-x64-glibc-2.6.0.tgz", + "integrity": "sha512-ulGE6x6Oz6iAwg75T8YQSoguBWasniIbX+QWpaYPcCnDOpdWX3k+4xbEYPZVLxOuoJI+svJJPD3sEj8G7lrQ3A==", "cpu": [ "x64" ], @@ -4483,9 +4819,9 @@ } }, "node_modules/@parcel/watcher-linux-x64-musl": { - "version": "2.5.6", - "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-x64-musl/-/watcher-linux-x64-musl-2.5.6.tgz", - "integrity": "sha512-1JRFeC+h7RdXwldHzTsmdtYR/Ku8SylLgTU/reMuqdVD7CtLwf0VR1FqeprZ0eHQkO0vqsbvFLXUmYm/uNKJBg==", + "version": "2.6.0", + "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-x64-musl/-/watcher-linux-x64-musl-2.6.0.tgz", + "integrity": "sha512-tkBYKt7YQrjIJWYDnto2YgO8MRkjlMTSNoRHzsXinBqbLdeOM3L32wPZJvIZxqaLMfSlS/4sUjH/6STVP/XDLw==", "cpu": [ "x64" ], @@ -4506,9 +4842,9 @@ } }, "node_modules/@parcel/watcher-win32-arm64": { - "version": "2.5.6", - "resolved": "https://registry.npmjs.org/@parcel/watcher-win32-arm64/-/watcher-win32-arm64-2.5.6.tgz", - "integrity": "sha512-3ukyebjc6eGlw9yRt678DxVF7rjXatWiHvTXqphZLvo7aC5NdEgFufVwjFfY51ijYEWpXbqF5jtrK275z52D4Q==", + "version": "2.6.0", + "resolved": "https://registry.npmjs.org/@parcel/watcher-win32-arm64/-/watcher-win32-arm64-2.6.0.tgz", + "integrity": "sha512-gIZAP23jaHjGWasY/TY6yL7NHFClf0Ga7FN+iINvk+KN94rhm94lYZhFsbYFNcA04/onvGD9kKmiJLJB2HbNwQ==", "cpu": [ "arm64" ], @@ -4525,30 +4861,10 @@ "url": "https://opencollective.com/parcel" } }, - "node_modules/@parcel/watcher-win32-ia32": { - "version": "2.5.6", - "resolved": "https://registry.npmjs.org/@parcel/watcher-win32-ia32/-/watcher-win32-ia32-2.5.6.tgz", - "integrity": "sha512-k35yLp1ZMwwee3Ez/pxBi5cf4AoBKYXj00CZ80jUz5h8prpiaQsiRPKQMxoLstNuqe2vR4RNPEAEcjEFzhEz/g==", - "cpu": [ - "ia32" - ], - "license": "MIT", - "optional": true, - "os": [ - "win32" - ], - "engines": { - "node": ">= 10.0.0" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/parcel" - } - }, "node_modules/@parcel/watcher-win32-x64": { - "version": "2.5.6", - "resolved": "https://registry.npmjs.org/@parcel/watcher-win32-x64/-/watcher-win32-x64-2.5.6.tgz", - "integrity": "sha512-hbQlYcCq5dlAX9Qx+kFb0FHue6vbjlf0FrNzSKdYK2APUf7tGfGxQCk2ihEREmbR6ZMc0MVAD5RIX/41gpUzTw==", + "version": "2.6.0", + "resolved": "https://registry.npmjs.org/@parcel/watcher-win32-x64/-/watcher-win32-x64-2.6.0.tgz", + "integrity": "sha512-cA+/pXV2YkfxlIcXOQ5fSWqAzzPyD78/x5qbK/I0vUkrlYHA8TIz+MXjAbGouguKVSI4bOmkTSJ1/poVSsgt+A==", "cpu": [ "x64" ], @@ -4576,211 +4892,110 @@ "version": "1.0.0-next.29", "resolved": "https://registry.npmjs.org/@polka/url/-/url-1.0.0-next.29.tgz", "integrity": "sha512-wwQAWhWSuHaag8c4q/KN/vCoeOJYshAIvMQwD4GpSb3OiZklFfvAgmj0VCBBImRpuF/aFgIRzllXlVX93Jevww==", - "dev": true, - "license": "MIT" - }, - "node_modules/@popperjs/core": { - "version": "2.11.8", - "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.8.tgz", - "integrity": "sha512-P1st0aksCrn9sGZhp8GMYwBnQsbvAWsZAX44oXNNvLHGqAOcoVxmjZiohstwQ7SqKnbR47akdNi+uleWD8+g6A==", - "license": "MIT", - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/popperjs" - } - }, - "node_modules/@rollup/rollup-android-arm-eabi": { - "version": "4.60.2", - "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.60.2.tgz", - "integrity": "sha512-dnlp69efPPg6Uaw2dVqzWRfAWRnYVb1XJ8CyyhIbZeaq4CA5/mLeZ1IEt9QqQxmbdvagjLIm2ZL8BxXv5lH4Yw==", - "cpu": [ - "arm" - ], - "dev": true, - "license": "MIT", - "optional": true, - "os": [ - "android" - ] - }, - "node_modules/@rollup/rollup-android-arm64": { - "version": "4.60.2", - "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.60.2.tgz", - "integrity": "sha512-OqZTwDRDchGRHHm/hwLOL7uVPB9aUvI0am/eQuWMNyFHf5PSEQmyEeYYheA0EPPKUO/l0uigCp+iaTjoLjVoHg==", - "cpu": [ - "arm64" - ], - "dev": true, - "license": "MIT", - "optional": true, - "os": [ - "android" - ] - }, - "node_modules/@rollup/rollup-darwin-arm64": { - "version": "4.60.2", - "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.60.2.tgz", - "integrity": "sha512-UwRE7CGpvSVEQS8gUMBe1uADWjNnVgP3Iusyda1nSRwNDCsRjnGc7w6El6WLQsXmZTbLZx9cecegumcitNfpmA==", - "cpu": [ - "arm64" - ], - "dev": true, - "license": "MIT", - "optional": true, - "os": [ - "darwin" - ] - }, - "node_modules/@rollup/rollup-darwin-x64": { - "version": "4.60.2", - "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.60.2.tgz", - "integrity": "sha512-gjEtURKLCC5VXm1I+2i1u9OhxFsKAQJKTVB8WvDAHF+oZlq0GTVFOlTlO1q3AlCTE/DF32c16ESvfgqR7343/g==", - "cpu": [ - "x64" - ], - "dev": true, - "license": "MIT", - "optional": true, - "os": [ - "darwin" - ] - }, - "node_modules/@rollup/rollup-freebsd-arm64": { - "version": "4.60.2", - "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-arm64/-/rollup-freebsd-arm64-4.60.2.tgz", - "integrity": "sha512-Bcl6CYDeAgE70cqZaMojOi/eK63h5Me97ZqAQoh77VPjMysA/4ORQBRGo3rRy45x4MzVlU9uZxs8Uwy7ZaKnBw==", - "cpu": [ - "arm64" - ], - "dev": true, - "license": "MIT", - "optional": true, - "os": [ - "freebsd" - ] - }, - "node_modules/@rollup/rollup-freebsd-x64": { - "version": "4.60.2", - "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-x64/-/rollup-freebsd-x64-4.60.2.tgz", - "integrity": "sha512-LU+TPda3mAE2QB0/Hp5VyeKJivpC6+tlOXd1VMoXV/YFMvk/MNk5iXeBfB4MQGRWyOYVJ01625vjkr0Az98OJQ==", - "cpu": [ - "x64" - ], - "dev": true, - "license": "MIT", - "optional": true, - "os": [ - "freebsd" - ] - }, - "node_modules/@rollup/rollup-linux-arm-gnueabihf": { - "version": "4.60.2", - "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.60.2.tgz", - "integrity": "sha512-2QxQrM+KQ7DAW4o22j+XZ6RKdxjLD7BOWTP0Bv0tmjdyhXSsr2Ul1oJDQqh9Zf5qOwTuTc7Ek83mOFaKnodPjg==", - "cpu": [ - "arm" - ], - "dev": true, - "libc": [ - "glibc" - ], + "dev": true, + "license": "MIT" + }, + "node_modules/@popperjs/core": { + "version": "2.11.8", + "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.8.tgz", + "integrity": "sha512-P1st0aksCrn9sGZhp8GMYwBnQsbvAWsZAX44oXNNvLHGqAOcoVxmjZiohstwQ7SqKnbR47akdNi+uleWD8+g6A==", "license": "MIT", - "optional": true, - "os": [ - "linux" - ] + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/popperjs" + } }, - "node_modules/@rollup/rollup-linux-arm-musleabihf": { - "version": "4.60.2", - "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.60.2.tgz", - "integrity": "sha512-TbziEu2DVsTEOPif2mKWkMeDMLoYjx95oESa9fkQQK7r/Orta0gnkcDpzwufEcAO2BLBsD7mZkXGFqEdMRRwfw==", + "node_modules/@rolldown/binding-android-arm64": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/@rolldown/binding-android-arm64/-/binding-android-arm64-1.2.0.tgz", + "integrity": "sha512-9yB1l95IrJuNGDFdOYe79vdApdz6WWBCObE+rQ2LUliYUlcyFwSYIb2xb5/Ifw7dAtMy2ZqNyd8QTSOc7duAKw==", "cpu": [ - "arm" + "arm64" ], "dev": true, - "libc": [ - "musl" - ], "license": "MIT", "optional": true, "os": [ - "linux" - ] + "android" + ], + "engines": { + "node": "^20.19.0 || >=22.12.0" + } }, - "node_modules/@rollup/rollup-linux-arm64-gnu": { - "version": "4.60.2", - "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.60.2.tgz", - "integrity": "sha512-bO/rVDiDUuM2YfuCUwZ1t1cP+/yqjqz+Xf2VtkdppefuOFS2OSeAfgafaHNkFn0t02hEyXngZkxtGqXcXwO8Rg==", + "node_modules/@rolldown/binding-darwin-arm64": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/@rolldown/binding-darwin-arm64/-/binding-darwin-arm64-1.2.0.tgz", + "integrity": "sha512-pexNaW9ACLUOaBITOpU6qVu4VrsOFIjTv6bzgu0YUATo4eUJx0V605PxwZfndpPOn0ilqGqvGQ0M8UW0IE24jg==", "cpu": [ "arm64" ], "dev": true, - "libc": [ - "glibc" - ], "license": "MIT", "optional": true, "os": [ - "linux" - ] + "darwin" + ], + "engines": { + "node": "^20.19.0 || >=22.12.0" + } }, - "node_modules/@rollup/rollup-linux-arm64-musl": { - "version": "4.60.2", - "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.60.2.tgz", - "integrity": "sha512-hr26p7e93Rl0Za+JwW7EAnwAvKkehh12BU1Llm9Ykiibg4uIr2rbpxG9WCf56GuvidlTG9KiiQT/TXT1yAWxTA==", + "node_modules/@rolldown/binding-darwin-x64": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/@rolldown/binding-darwin-x64/-/binding-darwin-x64-1.2.0.tgz", + "integrity": "sha512-NqKYaq0355ZmNMG4QGpxtEDxsc7tGDhjhCm4PpE0cwnBW+5Il95LJyq414niEiaKLVjnVHBEjSo1wngKxJNiFw==", "cpu": [ - "arm64" + "x64" ], "dev": true, - "libc": [ - "musl" - ], "license": "MIT", "optional": true, "os": [ - "linux" - ] + "darwin" + ], + "engines": { + "node": "^20.19.0 || >=22.12.0" + } }, - "node_modules/@rollup/rollup-linux-loong64-gnu": { - "version": "4.60.2", - "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-loong64-gnu/-/rollup-linux-loong64-gnu-4.60.2.tgz", - "integrity": "sha512-pOjB/uSIyDt+ow3k/RcLvUAOGpysT2phDn7TTUB3n75SlIgZzM6NKAqlErPhoFU+npgY3/n+2HYIQVbF70P9/A==", + "node_modules/@rolldown/binding-freebsd-x64": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/@rolldown/binding-freebsd-x64/-/binding-freebsd-x64-1.2.0.tgz", + "integrity": "sha512-3vPoHzh6eBTz9IbB0/qZdSr0Qeks2echn+I4cHu2joV74VriPDdldswksEDzrl1mBB+oPRi+67+3Ib59paxIPQ==", "cpu": [ - "loong64" + "x64" ], "dev": true, - "libc": [ - "glibc" - ], "license": "MIT", "optional": true, "os": [ - "linux" - ] + "freebsd" + ], + "engines": { + "node": "^20.19.0 || >=22.12.0" + } }, - "node_modules/@rollup/rollup-linux-loong64-musl": { - "version": "4.60.2", - "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-loong64-musl/-/rollup-linux-loong64-musl-4.60.2.tgz", - "integrity": "sha512-2/w+q8jszv9Ww1c+6uJT3OwqhdmGP2/4T17cu8WuwyUuuaCDDJ2ojdyYwZzCxx0GcsZBhzi3HmH+J5pZNXnd+Q==", + "node_modules/@rolldown/binding-linux-arm-gnueabihf": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-arm-gnueabihf/-/binding-linux-arm-gnueabihf-1.2.0.tgz", + "integrity": "sha512-E6NNefZ1bUVmKJq2tJkf45J4Zyczj7qm9rUT7NY+Xo2474Y13qWAwc2tvBt0BAVbmtXR1llkxXg0Ou1jbDf2SQ==", "cpu": [ - "loong64" + "arm" ], "dev": true, - "libc": [ - "musl" - ], "license": "MIT", "optional": true, "os": [ "linux" - ] + ], + "engines": { + "node": "^20.19.0 || >=22.12.0" + } }, - "node_modules/@rollup/rollup-linux-ppc64-gnu": { - "version": "4.60.2", - "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-ppc64-gnu/-/rollup-linux-ppc64-gnu-4.60.2.tgz", - "integrity": "sha512-11+aL5vKheYgczxtPVVRhdptAM2H7fcDR5Gw4/bTcteuZBlH4oP9f5s9zYO9aGZvoGeBpqXI/9TZZihZ609wKw==", + "node_modules/@rolldown/binding-linux-arm64-gnu": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-arm64-gnu/-/binding-linux-arm64-gnu-1.2.0.tgz", + "integrity": "sha512-D+TgkdgM1vu+7/Fpf8+v0ARW+RXEP9Ccazgm8zQ4JFFd9Q7SrYQ2TakU5S5ihazQDgpKyAgZDOcIFsvoHmTZ8w==", "cpu": [ - "ppc64" + "arm64" ], "dev": true, "libc": [ @@ -4790,14 +5005,17 @@ "optional": true, "os": [ "linux" - ] + ], + "engines": { + "node": "^20.19.0 || >=22.12.0" + } }, - "node_modules/@rollup/rollup-linux-ppc64-musl": { - "version": "4.60.2", - "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-ppc64-musl/-/rollup-linux-ppc64-musl-4.60.2.tgz", - "integrity": "sha512-i16fokAGK46IVZuV8LIIwMdtqhin9hfYkCh8pf8iC3QU3LpwL+1FSFGej+O7l3E/AoknL6Dclh2oTdnRMpTzFQ==", + "node_modules/@rolldown/binding-linux-arm64-musl": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-arm64-musl/-/binding-linux-arm64-musl-1.2.0.tgz", + "integrity": "sha512-wUqdwJBbAv0APN87GecstdMUtLjjNTs0hBALpxETD73mccFxdmt/XeizXDtN5RAlBwNKmI+Tg+blect2G+8IeQ==", "cpu": [ - "ppc64" + "arm64" ], "dev": true, "libc": [ @@ -4807,14 +5025,17 @@ "optional": true, "os": [ "linux" - ] + ], + "engines": { + "node": "^20.19.0 || >=22.12.0" + } }, - "node_modules/@rollup/rollup-linux-riscv64-gnu": { - "version": "4.60.2", - "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.60.2.tgz", - "integrity": "sha512-49FkKS6RGQoriDSK/6E2GkAsAuU5kETFCh7pG4yD/ylj9rKhTmO3elsnmBvRD4PgJPds5W2PkhC82aVwmUcJ7A==", + "node_modules/@rolldown/binding-linux-ppc64-gnu": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-ppc64-gnu/-/binding-linux-ppc64-gnu-1.2.0.tgz", + "integrity": "sha512-9DtF35qR9/NrfhM4oxLplCzVVjE+KKm8Pjemi0i/sdhAWkUasjmSo8WTTubNJClhSHCfyk2yeyoXDQEDPtDAAw==", "cpu": [ - "riscv64" + "ppc64" ], "dev": true, "libc": [ @@ -4824,29 +5045,15 @@ "optional": true, "os": [ "linux" - ] - }, - "node_modules/@rollup/rollup-linux-riscv64-musl": { - "version": "4.60.2", - "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-musl/-/rollup-linux-riscv64-musl-4.60.2.tgz", - "integrity": "sha512-mjYNkHPfGpUR00DuM1ZZIgs64Hpf4bWcz9Z41+4Q+pgDx73UwWdAYyf6EG/lRFldmdHHzgrYyge5akFUW0D3mQ==", - "cpu": [ - "riscv64" - ], - "dev": true, - "libc": [ - "musl" ], - "license": "MIT", - "optional": true, - "os": [ - "linux" - ] + "engines": { + "node": "^20.19.0 || >=22.12.0" + } }, - "node_modules/@rollup/rollup-linux-s390x-gnu": { - "version": "4.60.2", - "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.60.2.tgz", - "integrity": "sha512-ALyvJz965BQk8E9Al/JDKKDLH2kfKFLTGMlgkAbbYtZuJt9LU8DW3ZoDMCtQpXAltZxwBHevXz5u+gf0yA0YoA==", + "node_modules/@rolldown/binding-linux-s390x-gnu": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-s390x-gnu/-/binding-linux-s390x-gnu-1.2.0.tgz", + "integrity": "sha512-RzuHrBh8X8Hntd2N4VR02QGEciq/9JhcZoTpR/Cee6otRrlILGCf3cg2ygHuih+ZebUnWmMrDX6ITI85btO6rQ==", "cpu": [ "s390x" ], @@ -4858,12 +5065,15 @@ "optional": true, "os": [ "linux" - ] + ], + "engines": { + "node": "^20.19.0 || >=22.12.0" + } }, - "node_modules/@rollup/rollup-linux-x64-gnu": { - "version": "4.60.2", - "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.60.2.tgz", - "integrity": "sha512-UQjrkIdWrKI626Du8lCQ6MJp/6V1LAo2bOK9OTu4mSn8GGXIkPXk/Vsp4bLHCd9Z9Iz2OTEaokUE90VweJgIYQ==", + "node_modules/@rolldown/binding-linux-x64-gnu": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-x64-gnu/-/binding-linux-x64-gnu-1.2.0.tgz", + "integrity": "sha512-MK7L0018jjh1jR3mh21G2j1zAVcpscJBlPo2z19pRjv2XOYGRhaV4LyiD8HO6nCDdZln9IFgCMIV5yt4E3klGQ==", "cpu": [ "x64" ], @@ -4875,12 +5085,15 @@ "optional": true, "os": [ "linux" - ] + ], + "engines": { + "node": "^20.19.0 || >=22.12.0" + } }, - "node_modules/@rollup/rollup-linux-x64-musl": { - "version": "4.60.2", - "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.60.2.tgz", - "integrity": "sha512-bTsRGj6VlSdn/XD4CGyzMnzaBs9bsRxy79eTqTCBsA8TMIEky7qg48aPkvJvFe1HyzQ5oMZdg7AnVlWQSKLTnw==", + "node_modules/@rolldown/binding-linux-x64-musl": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-x64-musl/-/binding-linux-x64-musl-1.2.0.tgz", + "integrity": "sha512-gyrxLQ9NfGb/9LoVnC4kb9miUghw1mghnkfYvNHSnVIXriabnfgGPUP4RLcJm87q3KgYz4FYUG8IDiWUT+CpSw==", "cpu": [ "x64" ], @@ -4892,26 +5105,15 @@ "optional": true, "os": [ "linux" - ] - }, - "node_modules/@rollup/rollup-openbsd-x64": { - "version": "4.60.2", - "resolved": "https://registry.npmjs.org/@rollup/rollup-openbsd-x64/-/rollup-openbsd-x64-4.60.2.tgz", - "integrity": "sha512-6d4Z3534xitaA1FcMWP7mQPq5zGwBmGbhphh2DwaA1aNIXUu3KTOfwrWpbwI4/Gr0uANo7NTtaykFyO2hPuFLg==", - "cpu": [ - "x64" ], - "dev": true, - "license": "MIT", - "optional": true, - "os": [ - "openbsd" - ] + "engines": { + "node": "^20.19.0 || >=22.12.0" + } }, - "node_modules/@rollup/rollup-openharmony-arm64": { - "version": "4.60.2", - "resolved": "https://registry.npmjs.org/@rollup/rollup-openharmony-arm64/-/rollup-openharmony-arm64-4.60.2.tgz", - "integrity": "sha512-NetAg5iO2uN7eB8zE5qrZ3CSil+7IJt4WDFLcC75Ymywq1VZVD6qJ6EvNLjZ3rEm6gB7XW5JdT60c6MN35Z85Q==", + "node_modules/@rolldown/binding-openharmony-arm64": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/@rolldown/binding-openharmony-arm64/-/binding-openharmony-arm64-1.2.0.tgz", + "integrity": "sha512-/6VFMQGRmrhP77KXDC+StIxGzcNp5JOIyYtw0CQ8gPlzhpiIRucYfoM5FaFamHd5BJYIdH86yfP46l1p3WdrFA==", "cpu": [ "arm64" ], @@ -4920,40 +5122,51 @@ "optional": true, "os": [ "openharmony" - ] + ], + "engines": { + "node": "^20.19.0 || >=22.12.0" + } }, - "node_modules/@rollup/rollup-win32-arm64-msvc": { - "version": "4.60.2", - "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.60.2.tgz", - "integrity": "sha512-NCYhOotpgWZ5kdxCZsv6Iudx0wX8980Q/oW4pNFNihpBKsDbEA1zpkfxJGC0yugsUuyDZ7gL37dbzwhR0VI7pQ==", + "node_modules/@rolldown/binding-wasm32-wasi": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/@rolldown/binding-wasm32-wasi/-/binding-wasm32-wasi-1.2.0.tgz", + "integrity": "sha512-rwdbUL465kisF24WEJLvP3JrEG6E5GRuIHt5wpMwHGERtHe4Wm2CIvtf5gTBgr2tGOHKh5NdKEAFS2VkOPE91g==", "cpu": [ - "arm64" + "wasm32" ], "dev": true, "license": "MIT", "optional": true, - "os": [ - "win32" - ] + "dependencies": { + "@emnapi/core": "1.11.2", + "@emnapi/runtime": "1.11.2", + "@napi-rs/wasm-runtime": "^1.1.6" + }, + "engines": { + "node": "^20.19.0 || >=22.12.0" + } }, - "node_modules/@rollup/rollup-win32-ia32-msvc": { - "version": "4.60.2", - "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.60.2.tgz", - "integrity": "sha512-RXsaOqXxfoUBQoOgvmmijVxJnW2IGB0eoMO7F8FAjaj0UTywUO/luSqimWBJn04WNgUkeNhh7fs7pESXajWmkg==", + "node_modules/@rolldown/binding-win32-arm64-msvc": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/@rolldown/binding-win32-arm64-msvc/-/binding-win32-arm64-msvc-1.2.0.tgz", + "integrity": "sha512-+5suHwRiKGmhwyUaNT8a5QbrBvLFh2DbO910TEmGRH1aSxwrCezodvGQnulv4uiWEIv1Kq4ypRsJ5+O+ry1DiA==", "cpu": [ - "ia32" + "arm64" ], "dev": true, "license": "MIT", "optional": true, "os": [ "win32" - ] + ], + "engines": { + "node": "^20.19.0 || >=22.12.0" + } }, - "node_modules/@rollup/rollup-win32-x64-gnu": { - "version": "4.60.2", - "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-gnu/-/rollup-win32-x64-gnu-4.60.2.tgz", - "integrity": "sha512-qdAzEULD+/hzObedtmV6iBpdL5TIbKVztGiK7O3/KYSf+HIzU257+MX1EXJcyIiDbMAqmbwaufcYPvyRryeZtA==", + "node_modules/@rolldown/binding-win32-x64-msvc": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/@rolldown/binding-win32-x64-msvc/-/binding-win32-x64-msvc-1.2.0.tgz", + "integrity": "sha512-WfFv6/qGufotqBSBzBYwgpCkJBk8Nj7697LL9vTz/XWc67e0r3oewu8iMRwQj3AUL45GVD7wVsPjCsAAtW66Wg==", "cpu": [ "x64" ], @@ -4962,21 +5175,17 @@ "optional": true, "os": [ "win32" - ] - }, - "node_modules/@rollup/rollup-win32-x64-msvc": { - "version": "4.60.2", - "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.60.2.tgz", - "integrity": "sha512-Nd/SgG27WoA9e+/TdK74KnHz852TLa94ovOYySo/yMPuTmpckK/jIF2jSwS3g7ELSKXK13/cVdmg1Z/DaCWKxA==", - "cpu": [ - "x64" ], + "engines": { + "node": "^20.19.0 || >=22.12.0" + } + }, + "node_modules/@rolldown/pluginutils": { + "version": "1.0.1", + "resolved": "https://registry.npmjs.org/@rolldown/pluginutils/-/pluginutils-1.0.1.tgz", + "integrity": "sha512-2j9bGt5Jh8hj+vPtgzPtl72j0yRxHAyumoo6TNfAjsLB04UtpSvPbPcDcBMxz7n+9CYB0c1GxQFxYRg2jimqGw==", "dev": true, - "license": "MIT", - "optional": true, - "os": [ - "win32" - ] + "license": "MIT" }, "node_modules/@rtsao/scc": { "version": "1.1.0", @@ -4986,14 +5195,14 @@ "license": "MIT" }, "node_modules/@schematics/angular": { - "version": "22.0.1", - "resolved": "https://registry.npmjs.org/@schematics/angular/-/angular-22.0.1.tgz", - "integrity": "sha512-JRtJ9x0CaYIBLdPERr7B66ZSSLy4phkb7KtFIcD8RC2nAmnL/elevL2wg2Miih7ww0zmhiblS3LDE/abqSLRAA==", + "version": "22.1.6", + "resolved": "https://registry.npmjs.org/@schematics/angular/-/angular-22.1.6.tgz", + "integrity": "sha512-RiD4OZJ4yuaM1aXb3pt1gjDSWwkP0jrgiCuoaBls1eabcrDmlsNuQv0ekxbcGgCRPdSJvmHRZIHHmFPzei8w3Q==", "dev": true, "license": "MIT", "dependencies": { - "@angular-devkit/core": "22.0.1", - "@angular-devkit/schematics": "22.0.1", + "@angular-devkit/core": "22.1.6", + "@angular-devkit/schematics": "22.1.6", "jsonc-parser": "3.3.1", "typescript": "6.0.3" }, @@ -5004,151 +5213,104 @@ } }, "node_modules/@shikijs/core": { - "version": "3.23.0", - "resolved": "https://registry.npmjs.org/@shikijs/core/-/core-3.23.0.tgz", - "integrity": "sha512-NSWQz0riNb67xthdm5br6lAkvpDJRTgB36fxlo37ZzM2yq0PQFFzbd8psqC2XMPgCzo1fW6cVi18+ArJ44wqgA==", + "version": "4.4.3", + "resolved": "https://registry.npmjs.org/@shikijs/core/-/core-4.4.3.tgz", + "integrity": "sha512-QCR4q2ZO/ILJEuwiBMel4wdcTDb1JGwfjKTxPDF6x8ixOaluPrVqIn06C99AcRPhmYlBR56d/Fb+GN58GzExpg==", "license": "MIT", "dependencies": { - "@shikijs/types": "3.23.0", + "@shikijs/primitive": "4.4.3", + "@shikijs/types": "4.4.3", "@shikijs/vscode-textmate": "^10.0.2", - "@types/hast": "^3.0.4", + "@types/hast": "^3.0.5", "hast-util-to-html": "^9.0.5" + }, + "engines": { + "node": ">=20" } }, "node_modules/@shikijs/engine-javascript": { - "version": "3.23.0", - "resolved": "https://registry.npmjs.org/@shikijs/engine-javascript/-/engine-javascript-3.23.0.tgz", - "integrity": "sha512-aHt9eiGFobmWR5uqJUViySI1bHMqrAgamWE1TYSUoftkAeCCAiGawPMwM+VCadylQtF4V3VNOZ5LmfItH5f3yA==", + "version": "4.4.3", + "resolved": "https://registry.npmjs.org/@shikijs/engine-javascript/-/engine-javascript-4.4.3.tgz", + "integrity": "sha512-FbOjFJp9VLdo1Wevs10BBtVxiTWwNLqZh5Gkhjgda/ioL15YOgeSl9n+6XMa3qRlPQzfhFNe641SrynFHYG0nQ==", "license": "MIT", "dependencies": { - "@shikijs/types": "3.23.0", + "@shikijs/types": "4.4.3", "@shikijs/vscode-textmate": "^10.0.2", - "oniguruma-to-es": "^4.3.4" + "oniguruma-to-es": "^4.3.6" + }, + "engines": { + "node": ">=20" } }, "node_modules/@shikijs/engine-oniguruma": { - "version": "3.23.0", - "resolved": "https://registry.npmjs.org/@shikijs/engine-oniguruma/-/engine-oniguruma-3.23.0.tgz", - "integrity": "sha512-1nWINwKXxKKLqPibT5f4pAFLej9oZzQTsby8942OTlsJzOBZ0MWKiwzMsd+jhzu8YPCHAswGnnN1YtQfirL35g==", + "version": "4.4.3", + "resolved": "https://registry.npmjs.org/@shikijs/engine-oniguruma/-/engine-oniguruma-4.4.3.tgz", + "integrity": "sha512-EcOQkxdxGQrc1Row/cC2c96/v1dbZqGnEVu1qTuT/MJmp6+cXCvQussowVmCv5Tqr3KuY3c7IbM6HTW3LJ1k9w==", "license": "MIT", "dependencies": { - "@shikijs/types": "3.23.0", + "@shikijs/types": "4.4.3", "@shikijs/vscode-textmate": "^10.0.2" + }, + "engines": { + "node": ">=20" } }, "node_modules/@shikijs/langs": { - "version": "3.23.0", - "resolved": "https://registry.npmjs.org/@shikijs/langs/-/langs-3.23.0.tgz", - "integrity": "sha512-2Ep4W3Re5aB1/62RSYQInK9mM3HsLeB91cHqznAJMuylqjzNVAVCMnNWRHFtcNHXsoNRayP9z1qj4Sq3nMqYXg==", - "license": "MIT", - "dependencies": { - "@shikijs/types": "3.23.0" - } - }, - "node_modules/@shikijs/themes": { - "version": "3.23.0", - "resolved": "https://registry.npmjs.org/@shikijs/themes/-/themes-3.23.0.tgz", - "integrity": "sha512-5qySYa1ZgAT18HR/ypENL9cUSGOeI2x+4IvYJu4JgVJdizn6kG4ia5Q1jDEOi7gTbN4RbuYtmHh0W3eccOrjMA==", + "version": "4.4.3", + "resolved": "https://registry.npmjs.org/@shikijs/langs/-/langs-4.4.3.tgz", + "integrity": "sha512-ePic0yfAJGOF83D5wBHK/00EjK65oahBYxFk5epgq33WRv7X9UuxLEV8PtR0szC0z8dl7INIpIodB99JRFlR+A==", "license": "MIT", "dependencies": { - "@shikijs/types": "3.23.0" + "@shikijs/types": "4.4.3" + }, + "engines": { + "node": ">=20" } }, - "node_modules/@shikijs/types": { - "version": "3.23.0", - "resolved": "https://registry.npmjs.org/@shikijs/types/-/types-3.23.0.tgz", - "integrity": "sha512-3JZ5HXOZfYjsYSk0yPwBrkupyYSLpAE26Qc0HLghhZNGTZg/SKxXIIgoxOpmmeQP0RRSDJTk1/vPfw9tbw+jSQ==", + "node_modules/@shikijs/primitive": { + "version": "4.4.3", + "resolved": "https://registry.npmjs.org/@shikijs/primitive/-/primitive-4.4.3.tgz", + "integrity": "sha512-m0wBeLDQDeIxRdUmrCPdQqfuUamDwRL5isCfYbguKD6NiaKpVbsv+3J81DyIKgNW5h4WAIIr8T4EkgQrBBxvaQ==", "license": "MIT", "dependencies": { + "@shikijs/types": "4.4.3", "@shikijs/vscode-textmate": "^10.0.2", - "@types/hast": "^3.0.4" - } - }, - "node_modules/@shikijs/vscode-textmate": { - "version": "10.0.2", - "resolved": "https://registry.npmjs.org/@shikijs/vscode-textmate/-/vscode-textmate-10.0.2.tgz", - "integrity": "sha512-83yeghZ2xxin3Nj8z1NMd/NCuca+gsYXswywDy5bHvwlWL8tpTQmzGeUuHd9FC3E/SBEMvzJRwWEOz5gGes9Qg==", - "license": "MIT" - }, - "node_modules/@sigstore/bundle": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/@sigstore/bundle/-/bundle-4.0.0.tgz", - "integrity": "sha512-NwCl5Y0V6Di0NexvkTqdoVfmjTaQwoLM236r89KEojGmq/jMls8S+zb7yOwAPdXvbwfKDlP+lmXgAL4vKSQT+A==", - "dev": true, - "license": "Apache-2.0", - "dependencies": { - "@sigstore/protobuf-specs": "^0.5.0" + "@types/hast": "^3.0.5" }, "engines": { - "node": "^20.17.0 || >=22.9.0" - } - }, - "node_modules/@sigstore/core": { - "version": "3.2.1", - "resolved": "https://registry.npmjs.org/@sigstore/core/-/core-3.2.1.tgz", - "integrity": "sha512-qRsxPnCrbC/puegGxKuynfnxgLiHqWStrSjxkoB4YKqq3Z3s4cyZyj42ZdWFAEblNP65C+rBH8EuREHIXoi83g==", - "dev": true, - "license": "Apache-2.0", - "engines": { - "node": "^20.17.0 || >=22.9.0" - } - }, - "node_modules/@sigstore/protobuf-specs": { - "version": "0.5.1", - "resolved": "https://registry.npmjs.org/@sigstore/protobuf-specs/-/protobuf-specs-0.5.1.tgz", - "integrity": "sha512-/ScWUhhoFasJsSRGTVBwId1loQjjnjAfE4djL6ZhrXRpNCmPTnUKF5Jokd58ILseOMjzET3UrMOtJPS9sYeI0g==", - "dev": true, - "license": "Apache-2.0", - "engines": { - "node": "^18.17.0 || >=20.5.0" + "node": ">=20" } }, - "node_modules/@sigstore/sign": { - "version": "4.1.1", - "resolved": "https://registry.npmjs.org/@sigstore/sign/-/sign-4.1.1.tgz", - "integrity": "sha512-Hf4xglukg0XXQ2RiD5vSoLjdPe8OBUPA8XeVjUObheuDcWdYWrnH/BNmxZCzkAy68MzmNCxXLeurJvs6hcP2OQ==", - "dev": true, - "license": "Apache-2.0", + "node_modules/@shikijs/themes": { + "version": "4.4.3", + "resolved": "https://registry.npmjs.org/@shikijs/themes/-/themes-4.4.3.tgz", + "integrity": "sha512-w8UHjeUnIR965KMWJHUPXOc2mNJUnK3vpVLYLvw5IYU2mnTTJ89E24OrJDBNiJDQ0qzb0tc4l7mrIXx5cFeIyw==", + "license": "MIT", "dependencies": { - "@gar/promise-retry": "^1.0.2", - "@sigstore/bundle": "^4.0.0", - "@sigstore/core": "^3.2.0", - "@sigstore/protobuf-specs": "^0.5.0", - "make-fetch-happen": "^15.0.4", - "proc-log": "^6.1.0" + "@shikijs/types": "4.4.3" }, "engines": { - "node": "^20.17.0 || >=22.9.0" + "node": ">=20" } }, - "node_modules/@sigstore/tuf": { - "version": "4.0.2", - "resolved": "https://registry.npmjs.org/@sigstore/tuf/-/tuf-4.0.2.tgz", - "integrity": "sha512-TCAzTy0xzdP79EnxSjq9KQ3eaR7+FmudLC6eRKknVKZbV7ZNlGLClAAQb/HMNJ5n2OBNk2GT1tEmU0xuPr+SLQ==", - "dev": true, - "license": "Apache-2.0", + "node_modules/@shikijs/types": { + "version": "4.4.3", + "resolved": "https://registry.npmjs.org/@shikijs/types/-/types-4.4.3.tgz", + "integrity": "sha512-UEJxmRR++MAGR6hugn0vgVS2W/6lWAts84FFSrnlH9sP0LNol7E5+NQ792pH8liWUhyMyjhTgSUH3k7iD7tc5g==", + "license": "MIT", "dependencies": { - "@sigstore/protobuf-specs": "^0.5.0", - "tuf-js": "^4.1.0" + "@shikijs/vscode-textmate": "^10.0.2", + "@types/hast": "^3.0.5" }, "engines": { - "node": "^20.17.0 || >=22.9.0" + "node": ">=20" } }, - "node_modules/@sigstore/verify": { - "version": "3.1.1", - "resolved": "https://registry.npmjs.org/@sigstore/verify/-/verify-3.1.1.tgz", - "integrity": "sha512-qv7+G3J2cc6wwFj3yKvXOamzqhMwSk1ogPGmhpS8iXllcPrJaIIBA+4HbttlHVu1pqWTdmaCH/WE7UOC51kdoA==", - "dev": true, - "license": "Apache-2.0", - "dependencies": { - "@sigstore/bundle": "^4.0.0", - "@sigstore/core": "^3.2.1", - "@sigstore/protobuf-specs": "^0.5.0" - }, - "engines": { - "node": "^20.17.0 || >=22.9.0" - } + "node_modules/@shikijs/vscode-textmate": { + "version": "10.0.2", + "resolved": "https://registry.npmjs.org/@shikijs/vscode-textmate/-/vscode-textmate-10.0.2.tgz", + "integrity": "sha512-83yeghZ2xxin3Nj8z1NMd/NCuca+gsYXswywDy5bHvwlWL8tpTQmzGeUuHd9FC3E/SBEMvzJRwWEOz5gGes9Qg==", + "license": "MIT" }, "node_modules/@sindresorhus/base62": { "version": "1.0.0", @@ -5177,47 +5339,56 @@ "license": "MIT" }, "node_modules/@tailwindcss/node": { - "version": "4.3.0", - "resolved": "https://registry.npmjs.org/@tailwindcss/node/-/node-4.3.0.tgz", - "integrity": "sha512-aFb4gUhFOgdh9AXo4IzBEOzBkkAxm9VigwDJnMIYv3lcfXCJVesNfbEaBl4BNgVRyid92AmdviqwBUBRKSeY3g==", + "version": "4.3.3", + "resolved": "https://registry.npmjs.org/@tailwindcss/node/-/node-4.3.3.tgz", + "integrity": "sha512-/T8IKEsf9VTU6tLjgC7+sv2mOPtQxzE2jMw7u4Tt40Tx+QSZxpzh95/H6cMKoja9XuW7iMdLJYBB0o9G1CaAgg==", "license": "MIT", "dependencies": { "@jridgewell/remapping": "^2.3.5", - "enhanced-resolve": "^5.21.0", - "jiti": "^2.6.1", + "enhanced-resolve": "^5.24.1", + "jiti": "^2.7.0", "lightningcss": "1.32.0", "magic-string": "^0.30.21", "source-map-js": "^1.2.1", - "tailwindcss": "4.3.0" + "tailwindcss": "4.3.3" + } + }, + "node_modules/@tailwindcss/node/node_modules/magic-string": { + "version": "0.30.21", + "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.21.tgz", + "integrity": "sha512-vd2F4YUyEXKGcLHoq+TEyCjxueSeHnFxyyjNp80yg0XV4vUhnDer/lvvlqM/arB5bXQN5K2/3oinyCRyx8T2CQ==", + "license": "MIT", + "dependencies": { + "@jridgewell/sourcemap-codec": "^1.5.5" } }, "node_modules/@tailwindcss/oxide": { - "version": "4.3.0", - "resolved": "https://registry.npmjs.org/@tailwindcss/oxide/-/oxide-4.3.0.tgz", - "integrity": "sha512-F7HZGBeN9I0/AuuJS5PwcD8xayx5ri5GhjYUDBEVYUkexyA/giwbDNjRVrxSezE3T250OU2K/wp/ltWx3UOefg==", + "version": "4.3.3", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide/-/oxide-4.3.3.tgz", + "integrity": "sha512-krXjAikiaFSPaK/FkAQT5UTx3VormQaiZ5hBFlJZ9UFQGB/rwg1MZIhHAG9smMQRTdyJxP6Qt5MwMtdyU5FWrA==", "license": "MIT", "engines": { "node": ">= 20" }, "optionalDependencies": { - "@tailwindcss/oxide-android-arm64": "4.3.0", - "@tailwindcss/oxide-darwin-arm64": "4.3.0", - "@tailwindcss/oxide-darwin-x64": "4.3.0", - "@tailwindcss/oxide-freebsd-x64": "4.3.0", - "@tailwindcss/oxide-linux-arm-gnueabihf": "4.3.0", - "@tailwindcss/oxide-linux-arm64-gnu": "4.3.0", - "@tailwindcss/oxide-linux-arm64-musl": "4.3.0", - "@tailwindcss/oxide-linux-x64-gnu": "4.3.0", - "@tailwindcss/oxide-linux-x64-musl": "4.3.0", - "@tailwindcss/oxide-wasm32-wasi": "4.3.0", - "@tailwindcss/oxide-win32-arm64-msvc": "4.3.0", - "@tailwindcss/oxide-win32-x64-msvc": "4.3.0" + "@tailwindcss/oxide-android-arm64": "4.3.3", + "@tailwindcss/oxide-darwin-arm64": "4.3.3", + "@tailwindcss/oxide-darwin-x64": "4.3.3", + "@tailwindcss/oxide-freebsd-x64": "4.3.3", + "@tailwindcss/oxide-linux-arm-gnueabihf": "4.3.3", + "@tailwindcss/oxide-linux-arm64-gnu": "4.3.3", + "@tailwindcss/oxide-linux-arm64-musl": "4.3.3", + "@tailwindcss/oxide-linux-x64-gnu": "4.3.3", + "@tailwindcss/oxide-linux-x64-musl": "4.3.3", + "@tailwindcss/oxide-wasm32-wasi": "4.3.3", + "@tailwindcss/oxide-win32-arm64-msvc": "4.3.3", + "@tailwindcss/oxide-win32-x64-msvc": "4.3.3" } }, "node_modules/@tailwindcss/oxide-android-arm64": { - "version": "4.3.0", - "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-android-arm64/-/oxide-android-arm64-4.3.0.tgz", - "integrity": "sha512-TJPiq67tKlLuObP6RkwvVGDoxCMBVtDgKkLfa/uyj7/FyxvQwHS+UOnVrXXgbEsfUaMgiVvC4KbJnRr26ho4Ng==", + "version": "4.3.3", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-android-arm64/-/oxide-android-arm64-4.3.3.tgz", + "integrity": "sha512-Y85A2gmPSkl5Ve5qR86GL4HT509cFqQh1aes9p3sSkyTPwt0Pppf3GkwGe4JPACcRYjgJIEhQgM6dBClnr0NYw==", "cpu": [ "arm64" ], @@ -5231,9 +5402,9 @@ } }, "node_modules/@tailwindcss/oxide-darwin-arm64": { - "version": "4.3.0", - "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-darwin-arm64/-/oxide-darwin-arm64-4.3.0.tgz", - "integrity": "sha512-oMN/WZRb+SO37BmUElEgeEWuU8E/HXRkiODxJxLe1UTHVXLrdVSgfaJV7pSlhRGMSOiXLuxTIjfsF3wYvz8cgQ==", + "version": "4.3.3", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-darwin-arm64/-/oxide-darwin-arm64-4.3.3.tgz", + "integrity": "sha512-BiaWatpBcERQFDlOjRDpIVXuFK5PJez5SA4JMg6VYZdBYU+qKfV/vqjcIs+IYmtitf1xYQZTwXvU/8y4lfZUGw==", "cpu": [ "arm64" ], @@ -5247,9 +5418,9 @@ } }, "node_modules/@tailwindcss/oxide-darwin-x64": { - "version": "4.3.0", - "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-darwin-x64/-/oxide-darwin-x64-4.3.0.tgz", - "integrity": "sha512-N6CUmu4a6bKVADfw77p+iw6Yd9Q3OBhe0veaDX+QazfuVYlQsHfDgxBrsjQ/IW+zywL8mTrNd0SdJT/zgtvMdA==", + "version": "4.3.3", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-darwin-x64/-/oxide-darwin-x64-4.3.3.tgz", + "integrity": "sha512-fAeUqfV5ndhxRwai8cXGzdLvul9utWOmeTkv69unv4ZXixjn61Z+p9lCWdwOwA3TYboG3BwdVuN/RDjhBRl0mw==", "cpu": [ "x64" ], @@ -5263,9 +5434,9 @@ } }, "node_modules/@tailwindcss/oxide-freebsd-x64": { - "version": "4.3.0", - "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-freebsd-x64/-/oxide-freebsd-x64-4.3.0.tgz", - "integrity": "sha512-zDL5hBkQdH5C6MpqbK3gQAgP80tsMwSI26vjOzjJtNCMUo0lFgOItzHKBIupOZNQxt3ouPH7RPhvNhiTfCe5CQ==", + "version": "4.3.3", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-freebsd-x64/-/oxide-freebsd-x64-4.3.3.tgz", + "integrity": "sha512-iyf5bV6+wnAlflVeEy7R25dupxTNECZN5QMI0qNT6eT+EgaGdZcKhGkr5SdoaWiLJ3spLqIY9VCeSGrwmtg4kw==", "cpu": [ "x64" ], @@ -5279,9 +5450,9 @@ } }, "node_modules/@tailwindcss/oxide-linux-arm-gnueabihf": { - "version": "4.3.0", - "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm-gnueabihf/-/oxide-linux-arm-gnueabihf-4.3.0.tgz", - "integrity": "sha512-R06HdNi7A7OEoMsf6d4tjZ71RCWnZQPHj2mnotSFURjNLdBC+cIgXQ7l81CqeoiQftjf6OOblxXMInMgN2VzMA==", + "version": "4.3.3", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm-gnueabihf/-/oxide-linux-arm-gnueabihf-4.3.3.tgz", + "integrity": "sha512-aAYUprJAJQWWbRrPvtjdroZ56Md+JM8pMiopS6xGEwDfLhqj+2ver2p4nU4Mb3CRqcMmNBjo8KkUgcxhkzVQGQ==", "cpu": [ "arm" ], @@ -5295,9 +5466,9 @@ } }, "node_modules/@tailwindcss/oxide-linux-arm64-gnu": { - "version": "4.3.0", - "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm64-gnu/-/oxide-linux-arm64-gnu-4.3.0.tgz", - "integrity": "sha512-qTJHELX8jetjhRQHCLilkVLmybpzNQAtaI/gaoVoidn/ufbNDbAo8KlK2J+yPoc8wQxvDxCmh/5lr8nC1+lTbg==", + "version": "4.3.3", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm64-gnu/-/oxide-linux-arm64-gnu-4.3.3.tgz", + "integrity": "sha512-nDxldcEENOxZRzC2uu9jrutZdAAQtb+8WWDCSnWL1zvBk1+FN+x6MtDViPB5AJMfttVCUhehGWus3XBPgatM/w==", "cpu": [ "arm64" ], @@ -5314,9 +5485,9 @@ } }, "node_modules/@tailwindcss/oxide-linux-arm64-musl": { - "version": "4.3.0", - "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm64-musl/-/oxide-linux-arm64-musl-4.3.0.tgz", - "integrity": "sha512-Z6sukiQsngnWO+l39X4pPbiWT81IC+PLKF+PHxIlyZbGNb9MODfYlXEVlFvej5BOZInWX01kVyzeLvHsXhfczQ==", + "version": "4.3.3", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-arm64-musl/-/oxide-linux-arm64-musl-4.3.3.tgz", + "integrity": "sha512-Md44bD6veX/PC5iyF8cDVnw4HBIANZepRZZ7a8DQOvkfo5WUBwcp6iAuCUz23u+4SUkhJlD3eL7hNdW8ezd/kA==", "cpu": [ "arm64" ], @@ -5333,9 +5504,9 @@ } }, "node_modules/@tailwindcss/oxide-linux-x64-gnu": { - "version": "4.3.0", - "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-x64-gnu/-/oxide-linux-x64-gnu-4.3.0.tgz", - "integrity": "sha512-DRNdQRpSGzRGfARVuVkxvM8Q12nh19l4BF/G7zGA1oe+9wcC6saFBHTISrpIcKzhiXtSrlSrluCfvMuledoCTQ==", + "version": "4.3.3", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-x64-gnu/-/oxide-linux-x64-gnu-4.3.3.tgz", + "integrity": "sha512-tx7us1muwOKAKWao2v/GaafFeQboE6aj88vC6ziN2NCGcRm8gWUhwjzg+YdVB1e4boAtdtma4L43onunI6NS4w==", "cpu": [ "x64" ], @@ -5352,9 +5523,9 @@ } }, "node_modules/@tailwindcss/oxide-linux-x64-musl": { - "version": "4.3.0", - "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-x64-musl/-/oxide-linux-x64-musl-4.3.0.tgz", - "integrity": "sha512-Z0IADbDo8bh6I7h2IQMx601AdXBLfFpEdUotft86evd/8ZPflZe9COPO8Q1vw+pfLWIUo9zN/JGZvwuAJqduqg==", + "version": "4.3.3", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-linux-x64-musl/-/oxide-linux-x64-musl-4.3.3.tgz", + "integrity": "sha512-SJxX60smvHgasZoBy11dX6YRjXJFovwWBoedhbQPOBzgFWBHGB+TVPWB9BxzR7TTxU8FQZAI2AyiNCMzFm8Img==", "cpu": [ "x64" ], @@ -5371,9 +5542,9 @@ } }, "node_modules/@tailwindcss/oxide-wasm32-wasi": { - "version": "4.3.0", - "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-wasm32-wasi/-/oxide-wasm32-wasi-4.3.0.tgz", - "integrity": "sha512-HNZGOUxEmElksYR7S6sC5jTeNGpobAsy9u7Gu0AskJ8/20FR9GqebUyB+HBcU/ax6BHuiuJi+Oda4B+YX6H1yA==", + "version": "4.3.3", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-wasm32-wasi/-/oxide-wasm32-wasi-4.3.3.tgz", + "integrity": "sha512-jx1+rPhY/5Ympkktd656HBWEBLxP7dH06losBLjjf5vgCODXvi9KhtftWcMIwTFIDqBr7cRnQkdLnAG+IOlGvQ==", "bundleDependencies": [ "@napi-rs/wasm-runtime", "@emnapi/core", @@ -5388,11 +5559,11 @@ "license": "MIT", "optional": true, "dependencies": { - "@emnapi/core": "^1.10.0", - "@emnapi/runtime": "^1.10.0", - "@emnapi/wasi-threads": "^1.2.1", + "@emnapi/core": "^1.11.1", + "@emnapi/runtime": "^1.11.1", + "@emnapi/wasi-threads": "^1.2.2", "@napi-rs/wasm-runtime": "^1.1.4", - "@tybys/wasm-util": "^0.10.1", + "@tybys/wasm-util": "^0.10.2", "tslib": "^2.8.1" }, "engines": { @@ -5400,9 +5571,9 @@ } }, "node_modules/@tailwindcss/oxide-win32-arm64-msvc": { - "version": "4.3.0", - "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-win32-arm64-msvc/-/oxide-win32-arm64-msvc-4.3.0.tgz", - "integrity": "sha512-Pe+RPVTi1T+qymuuRpcdvwSVZjnll/f7n8gBxMMh3xLTctMDKqpdfGimbMyioqtLhUYZxdJ9wGNhV7MKHvgZsQ==", + "version": "4.3.3", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-win32-arm64-msvc/-/oxide-win32-arm64-msvc-4.3.3.tgz", + "integrity": "sha512-3rc292Ca2ceK6Ulcc/bAVnTs/3nDtoPhyEKlgPv+yQJQi/JS/AMJlqzxvlDacL1nekbrcf6bTqp/jV4qgnPxNQ==", "cpu": [ "arm64" ], @@ -5416,9 +5587,9 @@ } }, "node_modules/@tailwindcss/oxide-win32-x64-msvc": { - "version": "4.3.0", - "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-win32-x64-msvc/-/oxide-win32-x64-msvc-4.3.0.tgz", - "integrity": "sha512-Mvrf2kXW/yeW/OTezZlCGOirXRcUuLIBx/5Y12BaPM7wJoryG6dfS/NJL8aBPqtTEx/Vm4T4vKzFUcKDT+TKUA==", + "version": "4.3.3", + "resolved": "https://registry.npmjs.org/@tailwindcss/oxide-win32-x64-msvc/-/oxide-win32-x64-msvc-4.3.3.tgz", + "integrity": "sha512-yJ0pwIVc/nYeGoV02WtsN8KYyLQv7kyI2wDnkezyJlGGjkd4QLwDGAwl47YpPJeuI0M0ObaXGSPjvWDPeTPggw==", "cpu": [ "x64" ], @@ -5432,22 +5603,22 @@ } }, "node_modules/@tailwindcss/postcss": { - "version": "4.3.0", - "resolved": "https://registry.npmjs.org/@tailwindcss/postcss/-/postcss-4.3.0.tgz", - "integrity": "sha512-Jm05Tjx+9yCLGv5qw1c+84Psds8MnyrEQYCB+FFk2lgGiUjlRqdxke4mVTuYrj2xnVZqKim2Apr5ySuQRYAw/w==", + "version": "4.3.3", + "resolved": "https://registry.npmjs.org/@tailwindcss/postcss/-/postcss-4.3.3.tgz", + "integrity": "sha512-JTSZZGQi1AyKirbLN3azmjVzef92tcX7h+iSqPdaeStyFpGpDlKvvpxeOE8njhbUanbRwr3z8DyzhICWnMtQeg==", "license": "MIT", "dependencies": { "@alloc/quick-lru": "^5.2.0", - "@tailwindcss/node": "4.3.0", - "@tailwindcss/oxide": "4.3.0", - "postcss": "^8.5.10", - "tailwindcss": "4.3.0" + "@tailwindcss/node": "4.3.3", + "@tailwindcss/oxide": "4.3.3", + "postcss": "^8.5.16", + "tailwindcss": "4.3.3" } }, "node_modules/@tsconfig/node10": { - "version": "1.0.12", - "resolved": "https://registry.npmjs.org/@tsconfig/node10/-/node10-1.0.12.tgz", - "integrity": "sha512-UCYBaeFvM11aU2y3YPZ//O5Rhj+xKyzy7mvcIoAjASbigy8mHMryP5cK7dgjlz2hWxh1g5pLw084E0a/wlUSFQ==", + "version": "1.0.13", + "resolved": "https://registry.npmjs.org/@tsconfig/node10/-/node10-1.0.13.tgz", + "integrity": "sha512-gcLdvR9HO1ZJBypsOGqaP6TFEzb6vIta0KSTLt9NAQ6pXQO3cRgSVyCN6pzYqI9DlJgY71XKO0dpDhCf08b3pg==", "dev": true, "license": "MIT" }, @@ -5472,69 +5643,14 @@ "dev": true, "license": "MIT" }, - "node_modules/@tufjs/canonical-json": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/@tufjs/canonical-json/-/canonical-json-2.0.0.tgz", - "integrity": "sha512-yVtV8zsdo8qFHe+/3kw81dSLyF7D576A5cCFCi4X7B39tWT7SekaEFUnvnWJHz+9qO7qJTah1JbrDjWKqFtdWA==", - "dev": true, - "license": "MIT", - "engines": { - "node": "^16.14.0 || >=18.0.0" - } - }, - "node_modules/@tufjs/models": { - "version": "4.1.0", - "resolved": "https://registry.npmjs.org/@tufjs/models/-/models-4.1.0.tgz", - "integrity": "sha512-Y8cK9aggNRsqJVaKUlEYs4s7CvQ1b1ta2DVPyAimb0I2qhzjNk+A+mxvll/klL0RlfuIUei8BF7YWiua4kQqww==", - "dev": true, - "license": "MIT", - "dependencies": { - "@tufjs/canonical-json": "2.0.0", - "minimatch": "^10.1.1" - }, - "engines": { - "node": "^20.17.0 || >=22.9.0" - } - }, - "node_modules/@types/babel__core": { - "version": "7.20.5", - "resolved": "https://registry.npmjs.org/@types/babel__core/-/babel__core-7.20.5.tgz", - "integrity": "sha512-qoQprZvz5wQFJwMDqeseRXWv3rqMvhgpbXFfVyWhbx9X47POIA6i/+dXefEmZKoAgOaTdaIgNSMqMIU61yRyzA==", - "license": "MIT", - "dependencies": { - "@babel/parser": "^7.20.7", - "@babel/types": "^7.20.7", - "@types/babel__generator": "*", - "@types/babel__template": "*", - "@types/babel__traverse": "*" - } - }, - "node_modules/@types/babel__generator": { - "version": "7.27.0", - "resolved": "https://registry.npmjs.org/@types/babel__generator/-/babel__generator-7.27.0.tgz", - "integrity": "sha512-ufFd2Xi92OAVPYsy+P4n7/U7e68fex0+Ee8gSG9KX7eo084CWiQ4sdxktvdl0bOPupXtVJPY19zk6EwWqUQ8lg==", - "license": "MIT", - "dependencies": { - "@babel/types": "^7.0.0" - } - }, - "node_modules/@types/babel__template": { - "version": "7.4.4", - "resolved": "https://registry.npmjs.org/@types/babel__template/-/babel__template-7.4.4.tgz", - "integrity": "sha512-h/NUaSyG5EyxBIp8YRxo4RMe2/qQgvyowRwVMzhYhBCONbW8PUsg4lkFMrhgZhUe5z3L3MiLDuvyJ/CaPa2A8A==", - "license": "MIT", - "dependencies": { - "@babel/parser": "^7.1.0", - "@babel/types": "^7.0.0" - } - }, - "node_modules/@types/babel__traverse": { - "version": "7.28.0", - "resolved": "https://registry.npmjs.org/@types/babel__traverse/-/babel__traverse-7.28.0.tgz", - "integrity": "sha512-8PvcXf70gTDZBgt9ptxJ8elBeBjcLOAcOtoO/mPJjtji1+CdGbHgm77om1GrsPxsiE+uXIpNSK64UYaIwQXd4Q==", + "node_modules/@tybys/wasm-util": { + "version": "0.10.3", + "resolved": "https://registry.npmjs.org/@tybys/wasm-util/-/wasm-util-0.10.3.tgz", + "integrity": "sha512-F3fo1MYrRJYL3zER0OUOmkutjr1Vp23m7OsSgp7nq4SP6OqX6C/56XFIPAl5bt3zaBRjmW7SGz3u/6LwFpYcOg==", "license": "MIT", + "optional": true, "dependencies": { - "@babel/types": "^7.28.2" + "tslib": "^2.4.0" } }, "node_modules/@types/body-parser": { @@ -5596,9 +5712,9 @@ } }, "node_modules/@types/express-serve-static-core": { - "version": "4.19.8", - "resolved": "https://registry.npmjs.org/@types/express-serve-static-core/-/express-serve-static-core-4.19.8.tgz", - "integrity": "sha512-02S5fmqeoKzVZCHPZid4b8JH2eM5HzQLZWN2FohQEy/0eXTq8VXZfSN6Pcr3F6N9R/vNrj7cpgbhjie6m/1tCA==", + "version": "4.19.9", + "resolved": "https://registry.npmjs.org/@types/express-serve-static-core/-/express-serve-static-core-4.19.9.tgz", + "integrity": "sha512-QP2ESEe/ImWY0HDwNAnK9PvEffUyhLTnWkk7KXzHfyeWAnlrDe1fN77bXl6ia8KT3wPlmA7t9/VPRpnf4Ex9sg==", "dev": true, "license": "MIT", "dependencies": { @@ -5614,10 +5730,16 @@ "integrity": "sha512-dNKVfHd/jk0SkR/exKGj2ggkB45MAkzvWCaqLUUgkyjITkGNzH8H+yUwr+BLJUBjZOe9w8X3wgmXhZDRg1ED6A==", "license": "MIT" }, + "node_modules/@types/gensync": { + "version": "1.0.5", + "resolved": "https://registry.npmjs.org/@types/gensync/-/gensync-1.0.5.tgz", + "integrity": "sha512-MbsRCT7mTikHwKZ0X+LVUTLRrZZRLipTuXEO9qOYO+zmjMVk81axyClMROf6uoPD9MRVu46bx8zoR0Ad9q3NAg==", + "license": "MIT" + }, "node_modules/@types/hast": { - "version": "3.0.4", - "resolved": "https://registry.npmjs.org/@types/hast/-/hast-3.0.4.tgz", - "integrity": "sha512-WPs+bbQw5aCj+x6laNGWLH3wviHtoCv/P3+otBhbOhJgG8qtpdAMlTCxLtsTWA7LH1Oh/bFCHsBn0TPS5m30EQ==", + "version": "3.0.5", + "resolved": "https://registry.npmjs.org/@types/hast/-/hast-3.0.5.tgz", + "integrity": "sha512-rp/ezSWaD1m44dPKICGhiskI13nVr7qTloFwDa/IYkhhf5nzwP+zIQcIJh3WIFSBOy/H1PzB40jPjMDksN4F+g==", "license": "MIT", "dependencies": { "@types/unist": "*" @@ -5647,6 +5769,12 @@ "@types/jasmine": "*" } }, + "node_modules/@types/jsesc": { + "version": "2.5.1", + "resolved": "https://registry.npmjs.org/@types/jsesc/-/jsesc-2.5.1.tgz", + "integrity": "sha512-9VN+6yxLOPLOav+7PwjZbxiID2bVaeq0ED4qSQmdQTdjnXJSaCVKTR58t15oqH1H5t8Ng2ZX1SabJVoN9Q34bw==", + "license": "MIT" + }, "node_modules/@types/json-schema": { "version": "7.0.15", "resolved": "https://registry.npmjs.org/@types/json-schema/-/json-schema-7.0.15.tgz", @@ -5678,9 +5806,9 @@ "license": "MIT" }, "node_modules/@types/node": { - "version": "25.9.3", - "resolved": "https://registry.npmjs.org/@types/node/-/node-25.9.3.tgz", - "integrity": "sha512-603BddQMv3pUcr4U2dhujk83N2tTDVr/34wII2B6bJy6g+8WD6yUb11jszNs0gdi4PesVWl7ABt8nYMVpnLUcg==", + "version": "25.9.5", + "resolved": "https://registry.npmjs.org/@types/node/-/node-25.9.5.tgz", + "integrity": "sha512-OScDchr2fwuUmWdf4kZ9h7PcJiYDVInhJizG/biAq3cAvqwYktuy/TYGGdZNMtNTFUP7rnb0NU4TUdm82kt4Rg==", "dev": true, "license": "MIT", "dependencies": { @@ -5770,17 +5898,17 @@ } }, "node_modules/@typescript-eslint/eslint-plugin": { - "version": "8.61.0", - "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-8.61.0.tgz", - "integrity": "sha512-bFNvl9ZczlVb+wR2Akszf3gHfKVj/8WanXaGJ3UstTA7brNKg0cNdk6X1Psu5V7MZ2oQtzZKOEzIUehaoxbDGw==", + "version": "8.68.0", + "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-8.68.0.tgz", + "integrity": "sha512-WASHDpCm6qO5jj9g1a+8NiW5+GCkAyLReR56/4VruYmNgfUmqpxOfZ2Yfb8xGfJPWv5Qi6LSD8sXdces3vbp/Q==", "dev": true, "license": "MIT", "dependencies": { "@eslint-community/regexpp": "^4.12.2", - "@typescript-eslint/scope-manager": "8.61.0", - "@typescript-eslint/type-utils": "8.61.0", - "@typescript-eslint/utils": "8.61.0", - "@typescript-eslint/visitor-keys": "8.61.0", + "@typescript-eslint/scope-manager": "8.68.0", + "@typescript-eslint/type-utils": "8.68.0", + "@typescript-eslint/utils": "8.68.0", + "@typescript-eslint/visitor-keys": "8.68.0", "ignore": "^7.0.5", "natural-compare": "^1.4.0", "ts-api-utils": "^2.5.0" @@ -5793,22 +5921,22 @@ "url": "https://opencollective.com/typescript-eslint" }, "peerDependencies": { - "@typescript-eslint/parser": "^8.61.0", + "@typescript-eslint/parser": "^8.68.0", "eslint": "^8.57.0 || ^9.0.0 || ^10.0.0", "typescript": ">=4.8.4 <6.1.0" } }, "node_modules/@typescript-eslint/parser": { - "version": "8.61.0", - "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-8.61.0.tgz", - "integrity": "sha512-5B7PfA2e1NQGCnDHd/0lW7W3gvp3d59Ryw54FYO8Uswxo9f6ikw3AZV+Xj/TvpImmpsiYyUqAfhC6kJID1jF6w==", + "version": "8.68.0", + "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-8.68.0.tgz", + "integrity": "sha512-fHq2VC1kpyYfvEcbiMjOpySY4WS7voEp89yAThrHRX5sm9j2lzYppCb2umFMEed4fWcyeLjHxrz0mpjNBaBxMQ==", "dev": true, "license": "MIT", "dependencies": { - "@typescript-eslint/scope-manager": "8.61.0", - "@typescript-eslint/types": "8.61.0", - "@typescript-eslint/typescript-estree": "8.61.0", - "@typescript-eslint/visitor-keys": "8.61.0", + "@typescript-eslint/scope-manager": "8.68.0", + "@typescript-eslint/types": "8.68.0", + "@typescript-eslint/typescript-estree": "8.68.0", + "@typescript-eslint/visitor-keys": "8.68.0", "debug": "^4.4.3" }, "engines": { @@ -5824,14 +5952,14 @@ } }, "node_modules/@typescript-eslint/project-service": { - "version": "8.61.0", - "resolved": "https://registry.npmjs.org/@typescript-eslint/project-service/-/project-service-8.61.0.tgz", - "integrity": "sha512-DV42F7MLJO6Rax7SK1yg43tcnEfGUrurSpSxKuVX+a3RCTzBlH3fuxprrOJXKCJGAaw82xXocikJ0uQaqwXgGA==", + "version": "8.68.0", + "resolved": "https://registry.npmjs.org/@typescript-eslint/project-service/-/project-service-8.68.0.tgz", + "integrity": "sha512-5GQtWZCXFcFYux955pvoS02WLc49pXNlvIxocKjS0clvwo3in1RdlzVKyiqQH9vE5AKWFLTaUgeQkOrTS+0Qxw==", "dev": true, "license": "MIT", "dependencies": { - "@typescript-eslint/tsconfig-utils": "^8.61.0", - "@typescript-eslint/types": "^8.61.0", + "@typescript-eslint/tsconfig-utils": "^8.68.0", + "@typescript-eslint/types": "^8.68.0", "debug": "^4.4.3" }, "engines": { @@ -5846,14 +5974,14 @@ } }, "node_modules/@typescript-eslint/scope-manager": { - "version": "8.61.0", - "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-8.61.0.tgz", - "integrity": "sha512-IWdXFHFSb6mlC3HPc7QsLDm5zYEbUla6trDEHf32D3/dnuUyXd87plScSNXSbm0/RxMvObpI17sv/EDTGrGZkA==", + "version": "8.68.0", + "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-8.68.0.tgz", + "integrity": "sha512-T5eXpcaJNg8bhjHJ8Rjp68Vq/QBteYtTKY8TZqVNPaUbuz0f6jI9t6aDkylwvalpAB9XTTFeFOjrjXAZ3YvmVA==", "dev": true, "license": "MIT", "dependencies": { - "@typescript-eslint/types": "8.61.0", - "@typescript-eslint/visitor-keys": "8.61.0" + "@typescript-eslint/types": "8.68.0", + "@typescript-eslint/visitor-keys": "8.68.0" }, "engines": { "node": "^18.18.0 || ^20.9.0 || >=21.1.0" @@ -5864,9 +5992,9 @@ } }, "node_modules/@typescript-eslint/tsconfig-utils": { - "version": "8.61.0", - "resolved": "https://registry.npmjs.org/@typescript-eslint/tsconfig-utils/-/tsconfig-utils-8.61.0.tgz", - "integrity": "sha512-O5Amvdv9ztMpxpf+vmFULGG78IE6Qwdr3bCGvqwG4nwc9H2qXkOYJJnRbRHyMkQTjv1d03olqwwwzHLMqpFePQ==", + "version": "8.68.0", + "resolved": "https://registry.npmjs.org/@typescript-eslint/tsconfig-utils/-/tsconfig-utils-8.68.0.tgz", + "integrity": "sha512-F7zrGQfiJHojPwi8vhxZQC1tWtJzvL74cK/nqri2lk8YUXvYaYwl263xOJ69jDWPUk1hmcdoayFwk9lX09npVw==", "dev": true, "license": "MIT", "engines": { @@ -5881,15 +6009,15 @@ } }, "node_modules/@typescript-eslint/type-utils": { - "version": "8.61.0", - "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-8.61.0.tgz", - "integrity": "sha512-TuBiQYIkd97yBfInHCTKVYMbX4kvEmpOEuixIuzCU9p8BGT1SfyyO0d0IfDMbPIHcjn/hWnusUX5e8v5Xg+X8A==", + "version": "8.68.0", + "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-8.68.0.tgz", + "integrity": "sha512-X77zqoY1EjeWGs/0JNxeaMfp5C5lIz4Tw8y66F1Ne8Faq6g424sBNYM6xBAqElfGZPLpWS+CZAp0DXyKDzWiHg==", "dev": true, "license": "MIT", "dependencies": { - "@typescript-eslint/types": "8.61.0", - "@typescript-eslint/typescript-estree": "8.61.0", - "@typescript-eslint/utils": "8.61.0", + "@typescript-eslint/types": "8.68.0", + "@typescript-eslint/typescript-estree": "8.68.0", + "@typescript-eslint/utils": "8.68.0", "debug": "^4.4.3", "ts-api-utils": "^2.5.0" }, @@ -5906,9 +6034,9 @@ } }, "node_modules/@typescript-eslint/types": { - "version": "8.61.0", - "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-8.61.0.tgz", - "integrity": "sha512-9QTQpZ5Iin4CdIodfbDQFSeiSJKidgYJYug1P9CC2xWgUTvlmixViqDZNciMjwLBZyJnG4tGmPl97rVAFb1AJg==", + "version": "8.68.0", + "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-8.68.0.tgz", + "integrity": "sha512-9RnpsGJjrAllCMefGVVsImJM24YurhC0Q1h4UbvivtvOqXmR/vEJge2OoE++z9m6hyg8T1Q8t5SNT6tHSbrxcg==", "dev": true, "license": "MIT", "engines": { @@ -5920,16 +6048,16 @@ } }, "node_modules/@typescript-eslint/typescript-estree": { - "version": "8.61.0", - "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-8.61.0.tgz", - "integrity": "sha512-42zatd5qSvvcV1JdDBCLxYRznvP4eIHpPoZXdkPFnAmanA4FuZ5dibSnCBggY8hQnqajPpoGjXFdZ7fIJKQnlA==", + "version": "8.68.0", + "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-8.68.0.tgz", + "integrity": "sha512-OKKsD0tYmoNiU5PW2zehO1yO56jYOm1ShYlxon/Z0SJNidAkdVg86eg9ruRuoXf8xfnuWZGbwDsStkoXbZtIIA==", "dev": true, "license": "MIT", "dependencies": { - "@typescript-eslint/project-service": "8.61.0", - "@typescript-eslint/tsconfig-utils": "8.61.0", - "@typescript-eslint/types": "8.61.0", - "@typescript-eslint/visitor-keys": "8.61.0", + "@typescript-eslint/project-service": "8.68.0", + "@typescript-eslint/tsconfig-utils": "8.68.0", + "@typescript-eslint/types": "8.68.0", + "@typescript-eslint/visitor-keys": "8.68.0", "debug": "^4.4.3", "minimatch": "^10.2.2", "semver": "^7.7.3", @@ -5948,16 +6076,16 @@ } }, "node_modules/@typescript-eslint/utils": { - "version": "8.61.0", - "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-8.61.0.tgz", - "integrity": "sha512-3bzFt7ImFMW/jVYwJamDoe/dMOdFLSC6pom6rRjdh4SZJEYupyMzem8e7vKZLclLfpHjlwSAXOUxtKxGXUiLqA==", + "version": "8.68.0", + "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-8.68.0.tgz", + "integrity": "sha512-PB5gJMMOg0Q5P1tsgWtEAqQacJXq0qEqRHDX/YJ4FaTMLfZPpHB3gjl2EJuiZyPABxmj4ZQYiY9m1bdAJ5y7tQ==", "dev": true, "license": "MIT", "dependencies": { "@eslint-community/eslint-utils": "^4.9.1", - "@typescript-eslint/scope-manager": "8.61.0", - "@typescript-eslint/types": "8.61.0", - "@typescript-eslint/typescript-estree": "8.61.0" + "@typescript-eslint/scope-manager": "8.68.0", + "@typescript-eslint/types": "8.68.0", + "@typescript-eslint/typescript-estree": "8.68.0" }, "engines": { "node": "^18.18.0 || ^20.9.0 || >=21.1.0" @@ -5972,13 +6100,13 @@ } }, "node_modules/@typescript-eslint/visitor-keys": { - "version": "8.61.0", - "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-8.61.0.tgz", - "integrity": "sha512-QVLZu3ZPQEE+HICQyAMZ2yLQhxf0meY/wx6Hx14YcTNj13JB3qHlX3lJ02L3fLGHgERRH71kvYDwiXIguT3AjQ==", + "version": "8.68.0", + "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-8.68.0.tgz", + "integrity": "sha512-YR65gGdGvTUAWLldC3xLOvOzamdGzB4A5/N8rehEaHs3Zvoe39BhgY+u0SPch1OvrVTfLcc55wsSgK2NcnTS/A==", "dev": true, "license": "MIT", "dependencies": { - "@typescript-eslint/types": "8.61.0", + "@typescript-eslint/types": "8.68.0", "eslint-visitor-keys": "^5.0.0" }, "engines": { @@ -6003,9 +6131,9 @@ } }, "node_modules/@ungap/structured-clone": { - "version": "1.3.1", - "resolved": "https://registry.npmjs.org/@ungap/structured-clone/-/structured-clone-1.3.1.tgz", - "integrity": "sha512-mUFwbeTqrVgDQxFveS+df2yfap6iuP20NAKAsBt5jDEoOTDew+zwLAOilHCeQJOVSvmgCX4ogqIrA0mnyr08yQ==", + "version": "1.3.4", + "resolved": "https://registry.npmjs.org/@ungap/structured-clone/-/structured-clone-1.3.4.tgz", + "integrity": "sha512-JL+CF0GeLHyPWI0rXu7UnxgiuOm9UQWzadi0OYOJNhNO2q6EZElpwlgXkNkfU1PzANDHq3YcwKVZprdvS+BrbQ==", "license": "ISC" }, "node_modules/@vitejs/plugin-basic-ssl": { @@ -6021,23 +6149,6 @@ "vite": "^6.0.0 || ^7.0.0 || ^8.0.0" } }, - "node_modules/@yarnpkg/lockfile": { - "version": "1.1.0", - "resolved": "https://registry.npmjs.org/@yarnpkg/lockfile/-/lockfile-1.1.0.tgz", - "integrity": "sha512-GpSwvyXOcOOlV70vbnzjj4fW5xW/FdUF6nQEt1ENy7m4ZCczi1+/buVUPAqmGfqznsORNFzUMjctTIp8a9tuCQ==", - "dev": true, - "license": "BSD-2-Clause" - }, - "node_modules/abbrev": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/abbrev/-/abbrev-4.0.0.tgz", - "integrity": "sha512-a1wflyaL0tHtJSmLSOVybYhy22vRih4eduhhrkcjgrWGnRfrZtovJ2FRjxuTtkkj47O/baf0R86QU5OuYpz8fA==", - "dev": true, - "license": "ISC", - "engines": { - "node": "^20.17.0 || >=22.9.0" - } - }, "node_modules/abort-controller": { "version": "3.0.0", "resolved": "https://registry.npmjs.org/abort-controller/-/abort-controller-3.0.0.tgz", @@ -6064,9 +6175,9 @@ } }, "node_modules/acorn": { - "version": "8.16.0", - "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.16.0.tgz", - "integrity": "sha512-UVJyE9MttOsBQIDKw1skb9nAwQuR5wuGD3+82K6JgJlm/Y+KI92oNsMNGZCYdDsVtRHSak0pcV5Dno5+4jh9sw==", + "version": "8.18.0", + "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.18.0.tgz", + "integrity": "sha512-lGq+9yr1/GuAWaVYIHRjvvySG5/4VfKIvC8EWxStPdcDh/Ka7FG3twP6v4d5BkravUilhIAsG4Qj83t02LWUPQ==", "dev": true, "license": "MIT", "bin": { @@ -6142,46 +6253,20 @@ } } }, - "node_modules/algoliasearch": { - "version": "5.52.0", - "resolved": "https://registry.npmjs.org/algoliasearch/-/algoliasearch-5.52.0.tgz", - "integrity": "sha512-0ZzY9mjqV7gop/AH8pIBiAS8giXP7WcSiUfoFYIzYAK9QC5c37E4SIVtJVBMwlURc0/uNt2o4RcNRvdHa4CJ5w==", - "dev": true, - "license": "MIT", - "dependencies": { - "@algolia/abtesting": "1.18.0", - "@algolia/client-abtesting": "5.52.0", - "@algolia/client-analytics": "5.52.0", - "@algolia/client-common": "5.52.0", - "@algolia/client-insights": "5.52.0", - "@algolia/client-personalization": "5.52.0", - "@algolia/client-query-suggestions": "5.52.0", - "@algolia/client-search": "5.52.0", - "@algolia/ingestion": "1.52.0", - "@algolia/monitoring": "1.52.0", - "@algolia/recommend": "5.52.0", - "@algolia/requester-browser-xhr": "5.52.0", - "@algolia/requester-fetch": "5.52.0", - "@algolia/requester-node-http": "5.52.0" - }, - "engines": { - "node": ">= 14.0.0" - } - }, "node_modules/angular-eslint": { - "version": "22.0.0", - "resolved": "https://registry.npmjs.org/angular-eslint/-/angular-eslint-22.0.0.tgz", - "integrity": "sha512-6tHLndzM6rU+2iuICakJS/hD1scK5sWLkcD7828zStT1ViA9zX8z9g/V1IlBiKEdZeMsl+m7K2DlNc34AkYyoQ==", + "version": "22.1.0", + "resolved": "https://registry.npmjs.org/angular-eslint/-/angular-eslint-22.1.0.tgz", + "integrity": "sha512-LU5a6MOSeQTETnc4xaHi10p9S1cstNczr93sChi3rx8IzgH4+risIsjjQHVLSnQDrSGH2O8jAGCaChker7f7TQ==", "dev": true, "license": "MIT", "dependencies": { "@angular-devkit/core": ">= 22.0.0 < 23.0.0", "@angular-devkit/schematics": ">= 22.0.0 < 23.0.0", - "@angular-eslint/builder": "22.0.0", - "@angular-eslint/eslint-plugin": "22.0.0", - "@angular-eslint/eslint-plugin-template": "22.0.0", - "@angular-eslint/schematics": "22.0.0", - "@angular-eslint/template-parser": "22.0.0", + "@angular-eslint/builder": "22.1.0", + "@angular-eslint/eslint-plugin": "22.1.0", + "@angular-eslint/eslint-plugin-template": "22.1.0", + "@angular-eslint/schematics": "22.1.0", + "@angular-eslint/template-parser": "22.1.0", "@typescript-eslint/types": "^8.0.0", "@typescript-eslint/utils": "^8.0.0" }, @@ -6223,9 +6308,9 @@ } }, "node_modules/ansi-regex": { - "version": "6.2.2", - "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.2.2.tgz", - "integrity": "sha512-Bq3SmSpyFHaWjPk8If9yc6svM8c56dB5BAtW4Qbw5jHTwwXXcTLoRMkpDJp6VL0XzlWaCHTXrkFURMYmD0sLqg==", + "version": "6.3.0", + "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.3.0.tgz", + "integrity": "sha512-WpDfL7NO6j7tH88IDBNVdUJxDh9nmCteAVW9dsep846XdwF4naCBK+/tGLX3KJgcpgMRXCFlTM2hKGoK9FsdrQ==", "license": "MIT", "engines": { "node": ">=12" @@ -6560,9 +6645,9 @@ } }, "node_modules/bare-events": { - "version": "2.9.1", - "resolved": "https://registry.npmjs.org/bare-events/-/bare-events-2.9.1.tgz", - "integrity": "sha512-Z0oHEHAFDZkffN8Qc39zNZjQlMDkPJRyyyZieU1VH7u8c5S+qHZ2S8ixdKIAxEjfHO7FJxXmJWgteOghVanIsg==", + "version": "2.9.2", + "resolved": "https://registry.npmjs.org/bare-events/-/bare-events-2.9.2.tgz", + "integrity": "sha512-AIPKioV7/Y/8KfZ3AAhjPJxLLbY49S64Ym5DakZlUg75qQiTgUq9hEJoEwa4eUezPUlXRy/i5NpsKvo9jgKmoA==", "dev": true, "license": "Apache-2.0", "peerDependencies": { @@ -6616,9 +6701,9 @@ } }, "node_modules/baseline-browser-mapping": { - "version": "2.10.35", - "resolved": "https://registry.npmjs.org/baseline-browser-mapping/-/baseline-browser-mapping-2.10.35.tgz", - "integrity": "sha512-honAfLBde0HAFLdNyBEfuuENkF6zR+ozxqxa/2zJKHBe1qzLqyTSeRKpdPEHAP03rlDGyQOPnCSxnVpVqQo9Mg==", + "version": "2.11.19", + "resolved": "https://registry.npmjs.org/baseline-browser-mapping/-/baseline-browser-mapping-2.11.19.tgz", + "integrity": "sha512-Grytf1xOxOEMTGRwx6rLGKkTabd4vMg3VrKdj/7joCmV0qgh4QwMMO6xh34YEXQqirAuUdgQGa5orJQQ+69RBw==", "license": "Apache-2.0", "bin": { "baseline-browser-mapping": "dist/cli.cjs" @@ -6628,9 +6713,9 @@ } }, "node_modules/beasties": { - "version": "0.4.2", - "resolved": "https://registry.npmjs.org/beasties/-/beasties-0.4.2.tgz", - "integrity": "sha512-NvcGjG/7AVUAfRbvrJmHunDQS9uHnE6Q/7AkaPr8oKE8HjOlpjRG5075z/th2Tmlezk3VlaaS8+X9I1RwHJMQw==", + "version": "0.4.3", + "resolved": "https://registry.npmjs.org/beasties/-/beasties-0.4.3.tgz", + "integrity": "sha512-fIIeLOcbAB/K1kb1HBVJoiq1alHL4RCYBSo5e7HzrNkkgMggXR1Vqt/Z9JWnkfe/qdCo66Ux3QRwZioAIBdWRA==", "dev": true, "license": "Apache-2.0", "dependencies": { @@ -6807,9 +6892,9 @@ } }, "node_modules/browserslist": { - "version": "4.28.2", - "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.28.2.tgz", - "integrity": "sha512-48xSriZYYg+8qXna9kwqjIVzuQxi+KYWp2+5nCYnYKPTr0LvD89Jqk2Or5ogxz0NUMfIjhh2lIUX/LyX9B4oIg==", + "version": "4.28.8", + "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.28.8.tgz", + "integrity": "sha512-V2NpofLblG64mfOtSgDhOJESZEGogzDMBv/q+W6oc4LXWP/q75eOXoOaaOu1EOadB9U4Bwx/e0yzbvwKH8zalA==", "funding": [ { "type": "opencollective", @@ -6826,11 +6911,11 @@ ], "license": "MIT", "dependencies": { - "baseline-browser-mapping": "^2.10.12", - "caniuse-lite": "^1.0.30001782", - "electron-to-chromium": "^1.5.328", - "node-releases": "^2.0.36", - "update-browserslist-db": "^1.2.3" + "baseline-browser-mapping": "^2.11.12", + "caniuse-lite": "^1.0.30001809", + "electron-to-chromium": "^1.5.402", + "node-releases": "^2.0.53", + "update-browserslist-db": "^1.3.0" }, "bin": { "browserslist": "cli.js" @@ -6886,56 +6971,6 @@ "node": ">= 0.8" } }, - "node_modules/cacache": { - "version": "20.0.4", - "resolved": "https://registry.npmjs.org/cacache/-/cacache-20.0.4.tgz", - "integrity": "sha512-M3Lab8NPYlZU2exsL3bMVvMrMqgwCnMWfdZbK28bn3pK6APT/Te/I8hjRPNu1uwORY9a1eEQoifXbKPQMfMTOA==", - "dev": true, - "license": "ISC", - "dependencies": { - "@npmcli/fs": "^5.0.0", - "fs-minipass": "^3.0.0", - "glob": "^13.0.0", - "lru-cache": "^11.1.0", - "minipass": "^7.0.3", - "minipass-collect": "^2.0.1", - "minipass-flush": "^1.0.5", - "minipass-pipeline": "^1.2.4", - "p-map": "^7.0.2", - "ssri": "^13.0.0" - }, - "engines": { - "node": "^20.17.0 || >=22.9.0" - } - }, - "node_modules/cacache/node_modules/glob": { - "version": "13.0.6", - "resolved": "https://registry.npmjs.org/glob/-/glob-13.0.6.tgz", - "integrity": "sha512-Wjlyrolmm8uDpm/ogGyXZXb1Z+Ca2B8NbJwqBVg0axK9GbBeoS7yGV6vjXnYdGm6X53iehEuxxbyiKp8QmN4Vw==", - "dev": true, - "license": "BlueOak-1.0.0", - "dependencies": { - "minimatch": "^10.2.2", - "minipass": "^7.1.3", - "path-scurry": "^2.0.2" - }, - "engines": { - "node": "18 || 20 || >=22" - }, - "funding": { - "url": "https://github.com/sponsors/isaacs" - } - }, - "node_modules/cacache/node_modules/lru-cache": { - "version": "11.5.1", - "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-11.5.1.tgz", - "integrity": "sha512-RPimw/7aMdv2oqRrxKwvZXcPfwBrn/JZ2xYcY9Hus/6LaS3VOAKVWKWgNLCFSiOm1ESXinjsDlidVU7JlnCN2A==", - "dev": true, - "license": "BlueOak-1.0.0", - "engines": { - "node": "20 || >=22" - } - }, "node_modules/call-bind": { "version": "1.0.9", "resolved": "https://registry.npmjs.org/call-bind/-/call-bind-1.0.9.tgz", @@ -6995,9 +7030,9 @@ } }, "node_modules/caniuse-lite": { - "version": "1.0.30001799", - "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001799.tgz", - "integrity": "sha512-hG1bReV+OUU+MOqK4t/ZWI0tZOyz3rqS9XuhOUz1cIcbwBKjOyJEJuw9ER5JuNyqxNk8u/JUVbGibBOL1yrjFw==", + "version": "1.0.30001810", + "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001810.tgz", + "integrity": "sha512-TITQPUkaz+aVk5GL6NhOdwk1aEaNTSDPsGFWrTuhKGtjTF70jL/Oht2W4c6rXUe5fu7Ie19VIahAXHIIiWWNeg==", "funding": [ { "type": "opencollective", @@ -7080,9 +7115,9 @@ } }, "node_modules/chardet": { - "version": "2.1.1", - "resolved": "https://registry.npmjs.org/chardet/-/chardet-2.1.1.tgz", - "integrity": "sha512-PsezH1rqdV9VvyNhxxOW32/d75r01NY7TQCmOqomRo15ZSOKbpTFVsfjghxo6JloQUCGnH4k1LGu0R4yCLlWQQ==", + "version": "2.2.0", + "resolved": "https://registry.npmjs.org/chardet/-/chardet-2.2.0.tgz", + "integrity": "sha512-rddelWYNPRrXq6PtNEN2S3f6t9ILzvqaN5pVgi4kqt9jHQaXIial9PznB5iSPVlQSLNaaH22ItWz3EJtQ10+OA==", "dev": true, "license": "MIT" }, @@ -7101,16 +7136,6 @@ "url": "https://paulmillr.com/funding/" } }, - "node_modules/chownr": { - "version": "3.0.0", - "resolved": "https://registry.npmjs.org/chownr/-/chownr-3.0.0.tgz", - "integrity": "sha512-+IxzY9BZOQd/XuYPRmrvEVjF/nqj5kgT4kEq7VofrDoM1MxoRjEWkrCC3EtLi59TVawxTAn+orJwFQcrqEN1+g==", - "dev": true, - "license": "BlueOak-1.0.0", - "engines": { - "node": ">=18" - } - }, "node_modules/cli-cursor": { "version": "5.0.0", "resolved": "https://registry.npmjs.org/cli-cursor/-/cli-cursor-5.0.0.tgz", @@ -7141,26 +7166,26 @@ } }, "node_modules/cli-truncate": { - "version": "5.2.0", - "resolved": "https://registry.npmjs.org/cli-truncate/-/cli-truncate-5.2.0.tgz", - "integrity": "sha512-xRwvIOMGrfOAnM1JYtqQImuaNtDEv9v6oIYAs4LIHwTiKee8uwvIi363igssOC0O5U04i4AlENs79LQLu9tEMw==", + "version": "6.1.1", + "resolved": "https://registry.npmjs.org/cli-truncate/-/cli-truncate-6.1.1.tgz", + "integrity": "sha512-06p9vyLahLa4zkGcgsGxU6iEkSOiuI4fhCH6Emhe2lPAcoUv73n72DnODsnHA+5wwXGnV0n9M9/qOQJSjYhFhw==", "dev": true, "license": "MIT", "dependencies": { - "slice-ansi": "^8.0.0", + "slice-ansi": "^9.0.0", "string-width": "^8.2.0" }, "engines": { - "node": ">=20" + "node": ">=22" }, "funding": { "url": "https://github.com/sponsors/sindresorhus" } }, "node_modules/cli-truncate/node_modules/string-width": { - "version": "8.2.1", - "resolved": "https://registry.npmjs.org/string-width/-/string-width-8.2.1.tgz", - "integrity": "sha512-IIaP0g3iy9Cyy18w3M9YcaDudujEAVHKt3a3QJg1+sr/oX96TbaGUubG0hJyCjCBThFH+tFpcIyoUHUn1ogaLA==", + "version": "8.2.2", + "resolved": "https://registry.npmjs.org/string-width/-/string-width-8.2.2.tgz", + "integrity": "sha512-GaPUh5gfdrYzqeVNZvUfT23vYYxXzKYidUcnMtJg/3rxRV63EFZy3k6xfKlmfeJD0176lnUV/Usr3XcwSvFzpg==", "dev": true, "license": "MIT", "dependencies": { @@ -7458,12 +7483,15 @@ } }, "node_modules/core-js": { - "version": "3.49.0", - "resolved": "https://registry.npmjs.org/core-js/-/core-js-3.49.0.tgz", - "integrity": "sha512-es1U2+YTtzpwkxVLwAFdSpaIMyQaq0PBgm3YD1W3Qpsn1NAmO3KSgZfu+oGSWVu6NvLHoHCV/aYcsE5wiB7ALg==", + "version": "3.50.0", + "resolved": "https://registry.npmjs.org/core-js/-/core-js-3.50.0.tgz", + "integrity": "sha512-BRWgOLKkFeCgRudR6zrs8p9XJZcE14grzKMMssoYrk6krtuEZ7MTKPIY5RzOnqsEKIR9kst7wNzphttraT+Yqw==", "hasInstallScript": true, "license": "MIT", "optional": true, + "engines": { + "node": "*" + }, "funding": { "type": "opencollective", "url": "https://opencollective.com/core-js" @@ -7911,9 +7939,9 @@ "license": "MIT" }, "node_modules/electron-to-chromium": { - "version": "1.5.371", - "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.371.tgz", - "integrity": "sha512-e9htk9mAYL6AzmkEhSvVVw7IWGSBJ/Bqdn2eRyRLrj1g6sncN4WbFt5qnILYoCktktr45pyjIrOiRvBThQ808w==", + "version": "1.5.415", + "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.415.tgz", + "integrity": "sha512-958V+Kbhtgz+SxXeEVKBjrlKRBIDAYvUJfwhjxMZ5S6ut9jAl7l9ZKBkBrvjyjZE36PabLUo2L8kEeV5O4vgJg==", "license": "ISC" }, "node_modules/emoji-regex": { @@ -7923,6 +7951,15 @@ "dev": true, "license": "MIT" }, + "node_modules/empathic": { + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/empathic/-/empathic-2.0.1.tgz", + "integrity": "sha512-YGRs8knHhKHVShLkFET/rWAU8kmHbOV5LwN938RHI0pljAJ1Gf6SzXsSmRaEzcXTtOOmVqJ5+WtQPL5uigY50Q==", + "license": "MIT", + "engines": { + "node": ">=14" + } + }, "node_modules/encodeurl": { "version": "2.0.0", "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-2.0.0.tgz", @@ -7997,9 +8034,9 @@ } }, "node_modules/enhanced-resolve": { - "version": "5.24.0", - "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.24.0.tgz", - "integrity": "sha512-SkE2t82KlkkxQRVMVLAGKxLfORGQfrkx5dkj+vlgXRVNEdPc4eZcR+J/Fvj8C+yKSFH5L0q3NFlyufOVQnCcYQ==", + "version": "5.24.5", + "resolved": "https://registry.npmjs.org/enhanced-resolve/-/enhanced-resolve-5.24.5.tgz", + "integrity": "sha512-L1l8TNvomm6UVW5B253AGxQagSQr+vGwhMlrrfRS2qmhx46AMpMVJKQYLvWYbysTMY8VoicOvzHzoHMbyzB+4A==", "license": "MIT", "dependencies": { "graceful-fs": "^4.2.4", @@ -8038,16 +8075,6 @@ "url": "https://github.com/fb55/entities?sponsor=1" } }, - "node_modules/env-paths": { - "version": "2.2.1", - "resolved": "https://registry.npmjs.org/env-paths/-/env-paths-2.2.1.tgz", - "integrity": "sha512-+h1lkLKhZMTYjog1VEpJNG7NZJWcuc2DDk/qsqSTRRCOXiLjeQ1d1/udrUGhqMxUgAlwKNZ0cf2uqan5GLuS2A==", - "dev": true, - "license": "MIT", - "engines": { - "node": ">=6" - } - }, "node_modules/environment": { "version": "1.1.0", "resolved": "https://registry.npmjs.org/environment/-/environment-1.1.0.tgz", @@ -8130,6 +8157,25 @@ "url": "https://github.com/sponsors/ljharb" } }, + "node_modules/es-abstract-get": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/es-abstract-get/-/es-abstract-get-1.0.0.tgz", + "integrity": "sha512-6PMWXpdhshVvFp+FoWYs1EvG1Nj0tvk0dZM+XcK0xMEM1czRVcP6ohqPWHy6qPagSpC8j4+p89WXlT+xXJs/fg==", + "dev": true, + "license": "MIT", + "dependencies": { + "es-errors": "^1.3.0", + "es-object-atoms": "^1.1.2", + "is-callable": "^1.2.7", + "object-inspect": "^1.13.4" + }, + "engines": { + "node": ">= 0.4" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, "node_modules/es-define-property": { "version": "1.0.1", "resolved": "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.1.tgz", @@ -8190,15 +8236,18 @@ } }, "node_modules/es-to-primitive": { - "version": "1.3.0", - "resolved": "https://registry.npmjs.org/es-to-primitive/-/es-to-primitive-1.3.0.tgz", - "integrity": "sha512-w+5mJ3GuFL+NjVtJlvydShqE1eN3h3PbI7/5LAsYJP/2qtuMXjfL2LpHSRqo4b4eSF5K/DH1JXKUAHSB2UW50g==", + "version": "1.3.4", + "resolved": "https://registry.npmjs.org/es-to-primitive/-/es-to-primitive-1.3.4.tgz", + "integrity": "sha512-yPDz7wqpg1/mmHLmS3tcfTfbw5f1eryXvyghYBffGdERwe+mV7ZcWzTR8LR17Kvqt3qfPurjlonmnq3MKXIOXw==", "dev": true, "license": "MIT", "dependencies": { + "es-abstract-get": "^1.0.0", + "es-define-property": "^1.0.1", + "es-errors": "^1.3.0", "is-callable": "^1.2.7", - "is-date-object": "^1.0.5", - "is-symbol": "^1.0.4" + "is-date-object": "^1.1.0", + "is-symbol": "^1.1.1" }, "engines": { "node": ">= 0.4" @@ -8208,9 +8257,9 @@ } }, "node_modules/esbuild": { - "version": "0.28.0", - "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.28.0.tgz", - "integrity": "sha512-sNR9MHpXSUV/XB4zmsFKN+QgVG82Cc7+/aaxJ8Adi8hyOac+EXptIp45QBPaVyX3N70664wRbTcLTOemCAnyqw==", + "version": "0.28.2", + "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.28.2.tgz", + "integrity": "sha512-HKVLS8dvII+xoKW9kmqxbRKrnWEXfJJr/FZhhJmiqIB0e053QNYFqOBouTMO/k5sID4MvCiUCvv8b9M4h32wIA==", "dev": true, "hasInstallScript": true, "license": "MIT", @@ -8221,32 +8270,32 @@ "node": ">=18" }, "optionalDependencies": { - "@esbuild/aix-ppc64": "0.28.0", - "@esbuild/android-arm": "0.28.0", - "@esbuild/android-arm64": "0.28.0", - "@esbuild/android-x64": "0.28.0", - "@esbuild/darwin-arm64": "0.28.0", - "@esbuild/darwin-x64": "0.28.0", - "@esbuild/freebsd-arm64": "0.28.0", - "@esbuild/freebsd-x64": "0.28.0", - "@esbuild/linux-arm": "0.28.0", - "@esbuild/linux-arm64": "0.28.0", - "@esbuild/linux-ia32": "0.28.0", - "@esbuild/linux-loong64": "0.28.0", - "@esbuild/linux-mips64el": "0.28.0", - "@esbuild/linux-ppc64": "0.28.0", - "@esbuild/linux-riscv64": "0.28.0", - "@esbuild/linux-s390x": "0.28.0", - "@esbuild/linux-x64": "0.28.0", - "@esbuild/netbsd-arm64": "0.28.0", - "@esbuild/netbsd-x64": "0.28.0", - "@esbuild/openbsd-arm64": "0.28.0", - "@esbuild/openbsd-x64": "0.28.0", - "@esbuild/openharmony-arm64": "0.28.0", - "@esbuild/sunos-x64": "0.28.0", - "@esbuild/win32-arm64": "0.28.0", - "@esbuild/win32-ia32": "0.28.0", - "@esbuild/win32-x64": "0.28.0" + "@esbuild/aix-ppc64": "0.28.2", + "@esbuild/android-arm": "0.28.2", + "@esbuild/android-arm64": "0.28.2", + "@esbuild/android-x64": "0.28.2", + "@esbuild/darwin-arm64": "0.28.2", + "@esbuild/darwin-x64": "0.28.2", + "@esbuild/freebsd-arm64": "0.28.2", + "@esbuild/freebsd-x64": "0.28.2", + "@esbuild/linux-arm": "0.28.2", + "@esbuild/linux-arm64": "0.28.2", + "@esbuild/linux-ia32": "0.28.2", + "@esbuild/linux-loong64": "0.28.2", + "@esbuild/linux-mips64el": "0.28.2", + "@esbuild/linux-ppc64": "0.28.2", + "@esbuild/linux-riscv64": "0.28.2", + "@esbuild/linux-s390x": "0.28.2", + "@esbuild/linux-x64": "0.28.2", + "@esbuild/netbsd-arm64": "0.28.2", + "@esbuild/netbsd-x64": "0.28.2", + "@esbuild/openbsd-arm64": "0.28.2", + "@esbuild/openbsd-x64": "0.28.2", + "@esbuild/openharmony-arm64": "0.28.2", + "@esbuild/sunos-x64": "0.28.2", + "@esbuild/win32-arm64": "0.28.2", + "@esbuild/win32-ia32": "0.28.2", + "@esbuild/win32-x64": "0.28.2" } }, "node_modules/escalade": { @@ -8275,9 +8324,10 @@ } }, "node_modules/eslint": { - "version": "9.39.4", - "resolved": "https://registry.npmjs.org/eslint/-/eslint-9.39.4.tgz", - "integrity": "sha512-XoMjdBOwe/esVgEvLmNsD3IRHkm7fbKIUGvrleloJXUZgDHig2IPWNniv+GwjyJXzuNqVjlr5+4yVUZjycJwfQ==", + "version": "9.39.5", + "resolved": "https://registry.npmjs.org/eslint/-/eslint-9.39.5.tgz", + "integrity": "sha512-DgZS62aPLXKlnxILS/AYCoRvHaZeXceIzlXPkkGGzJWSow1aEk0lbTlxUSlyjC8jcaKxAdOnTDz+o1JFSBsyjw==", + "deprecated": "This version is no longer supported. Please see https://eslint.org/version-support for other options.", "dev": true, "license": "MIT", "dependencies": { @@ -8286,8 +8336,8 @@ "@eslint/config-array": "^0.21.2", "@eslint/config-helpers": "^0.4.2", "@eslint/core": "^0.17.0", - "@eslint/eslintrc": "^3.3.5", - "@eslint/js": "9.39.4", + "@eslint/eslintrc": "^3.3.6", + "@eslint/js": "9.39.5", "@eslint/plugin-kit": "^0.4.1", "@humanfs/node": "^0.16.6", "@humanwhocodes/module-importer": "^1.0.1", @@ -8357,9 +8407,9 @@ } }, "node_modules/eslint-module-utils": { - "version": "2.13.0", - "resolved": "https://registry.npmjs.org/eslint-module-utils/-/eslint-module-utils-2.13.0.tgz", - "integrity": "sha512-bLohSkT6469rRs8czj0tLTD8vaeIS/whvPRJVjDr7IuoTT1k5DYDERlNycjDj/HkOlvQdYurmfZ/g3fG5bgeLQ==", + "version": "2.14.0", + "resolved": "https://registry.npmjs.org/eslint-module-utils/-/eslint-module-utils-2.14.0.tgz", + "integrity": "sha512-W2WCRZ9Dqntd+2u8jJcVMV2PKulc6RdLgUUoh/yQr3uB6lo/ZOeGx11sv60/8S4QFFKNslAlWhr9u0Ef7ZW6Ig==", "dev": true, "license": "MIT", "dependencies": { @@ -8470,13 +8520,13 @@ } }, "node_modules/eslint-plugin-jsdoc": { - "version": "63.0.2", - "resolved": "https://registry.npmjs.org/eslint-plugin-jsdoc/-/eslint-plugin-jsdoc-63.0.2.tgz", - "integrity": "sha512-0TchoK1uS4VxHSo3P4CyWQ31Lm+6zsT+xkHMC5KbFKwgOf8YrXPf1Bl8EP7kpgw1wfe/Ui5jz5mSX7ou8WAVuw==", + "version": "63.3.3", + "resolved": "https://registry.npmjs.org/eslint-plugin-jsdoc/-/eslint-plugin-jsdoc-63.3.3.tgz", + "integrity": "sha512-xI4IeVRzRFA2DGHrPLIxF3U+oJHU3FE+P9Zb27fVs5dPHgfcpoAs0PyCbznVhK7pwR+9BPUztFeXSgpw/CL4Yg==", "dev": true, "license": "BSD-3-Clause", "dependencies": { - "@es-joy/jsdoccomment": "~0.87.0", + "@es-joy/jsdoccomment": "~0.91.0", "@es-joy/resolve.exports": "1.2.0", "are-docs-informative": "^0.0.2", "comment-parser": "1.4.7", @@ -8487,8 +8537,8 @@ "html-entities": "^2.6.0", "object-deep-merge": "^2.0.1", "parse-imports-exports": "^0.2.4", - "semver": "^7.8.2", - "spdx-expression-parse": "^4.0.0", + "semver": "^7.8.5", + "spdx-expression-parse": "^5.0.0", "to-valid-identifier": "^1.0.0" }, "engines": { @@ -8542,19 +8592,6 @@ "url": "https://opencollective.com/eslint" } }, - "node_modules/eslint-plugin-jsdoc/node_modules/semver": { - "version": "7.8.4", - "resolved": "https://registry.npmjs.org/semver/-/semver-7.8.4.tgz", - "integrity": "sha512-rUCObTnP32Q08R2uuIrt7r9PlEonuTmtuXYcW6s5kjdlj3xbnwe+21yXptAUYcMAABLkYYTtnmzb3w3EDZfueA==", - "dev": true, - "license": "ISC", - "bin": { - "semver": "bin/semver.js" - }, - "engines": { - "node": ">=10" - } - }, "node_modules/eslint-plugin-prefer-arrow": { "version": "1.2.3", "resolved": "https://registry.npmjs.org/eslint-plugin-prefer-arrow/-/eslint-plugin-prefer-arrow-1.2.3.tgz", @@ -8919,9 +8956,9 @@ } }, "node_modules/eventsource-parser": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/eventsource-parser/-/eventsource-parser-3.1.0.tgz", - "integrity": "sha512-kJezFj9YFAMLeORyi7aCLxLbD5/qWMQnoMVlVPyHIll7lgRJCc3JVln9Vgl9nwQi0YkMnhdGTMNn7CkRRAptMg==", + "version": "3.1.1", + "resolved": "https://registry.npmjs.org/eventsource-parser/-/eventsource-parser-3.1.1.tgz", + "integrity": "sha512-EKN1vKAMcZ8MlYMpaNuxN6R9yakzH6uajHcHVTqWJzvu5pWw9DyhbP35HH8MVBQ+dZjAfDxk+A8NiR9KWaXiyQ==", "license": "MIT", "engines": { "node": ">=18.0.0" @@ -8940,13 +8977,6 @@ "node": ">=0.10.0" } }, - "node_modules/exponential-backoff": { - "version": "3.1.3", - "resolved": "https://registry.npmjs.org/exponential-backoff/-/exponential-backoff-3.1.3.tgz", - "integrity": "sha512-ZgEeZXj30q+I0EN+CbSSpIyPaJ5HVQD18Z1m+u1FXbAeT94mr1zw50q4q6jiiC447Nl/YTcIYSAftiGqetwXCA==", - "dev": true, - "license": "Apache-2.0" - }, "node_modules/express": { "version": "4.22.2", "resolved": "https://registry.npmjs.org/express/-/express-4.22.2.tgz", @@ -8994,11 +9024,12 @@ } }, "node_modules/express-rate-limit": { - "version": "8.5.2", - "resolved": "https://registry.npmjs.org/express-rate-limit/-/express-rate-limit-8.5.2.tgz", - "integrity": "sha512-5Kb34ipNX694DH48vN9irak1Qx30nb0PLYHXfJgw4YEjiC3ZEmZJhwOp+VfiCYwFzvFTdB9QkArYS5kXa2cx2A==", + "version": "8.6.2", + "resolved": "https://registry.npmjs.org/express-rate-limit/-/express-rate-limit-8.6.2.tgz", + "integrity": "sha512-YH4ru+eOJxQABscKFfRCy9R7x9QFGdezclVMwwgFFndzS2Xnm0uo6B0ABZsLhcpeptGv2qvuJVWlQr9gQZoC3A==", "license": "MIT", "dependencies": { + "debug": "^4.4.3", "ip-address": "^10.2.0" }, "engines": { @@ -9089,9 +9120,9 @@ } }, "node_modules/fast-uri": { - "version": "3.1.5", - "resolved": "https://registry.npmjs.org/fast-uri/-/fast-uri-3.1.5.tgz", - "integrity": "sha512-gHwA1O9LDIcKunMKhObS/HimwtehO1nPUECKAu5TpKgaO19fcWEl4bliWe1jWxVFvIXztJjjQ4L8XQ1EU9f7Jw==", + "version": "3.1.6", + "resolved": "https://registry.npmjs.org/fast-uri/-/fast-uri-3.1.6.tgz", + "integrity": "sha512-7Ical1vFEMr0onbVzEDIreM22I4khW+fzyQPwvAFWBp1iwdshSZRsL4jjRvPG9JP1uiqMHRto+YU6R2/CzDz5Q==", "funding": [ { "type": "github", @@ -9307,9 +9338,9 @@ } }, "node_modules/flatted": { - "version": "3.4.2", - "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.4.2.tgz", - "integrity": "sha512-PjDse7RzhcPkIJwy5t7KPWQSZ9cAbzQXcafsetQoD7sOJRQlGikNbx7yZp2OotDnJyrDcbyRq3Ttb18iYOqkxA==", + "version": "3.4.4", + "resolved": "https://registry.npmjs.org/flatted/-/flatted-3.4.4.tgz", + "integrity": "sha512-5+ybhBZANEJxaH3X5evAFatUxLfEHSr7n6kYJ+1Qd0mUqr4eu9gIf6GDbWHf8RJijHrjjO8G+la14SlL2SeS1Q==", "dev": true, "license": "ISC" }, @@ -9430,19 +9461,6 @@ "node": ">=6 <7 || >=8" } }, - "node_modules/fs-minipass": { - "version": "3.0.3", - "resolved": "https://registry.npmjs.org/fs-minipass/-/fs-minipass-3.0.3.tgz", - "integrity": "sha512-XUBA9XClHbnJWSfBzjkm6RvPsyg3sryZt06BEQoXcF7EK/xpGaQYJgQKDJSUH5SGZ76Y7pFx1QBnXz09rU5Fbw==", - "dev": true, - "license": "ISC", - "dependencies": { - "minipass": "^7.0.3" - }, - "engines": { - "node": "^14.17.0 || ^16.13.0 || >=18.0.0" - } - }, "node_modules/fs-mkdirp-stream": { "version": "2.0.1", "resolved": "https://registry.npmjs.org/fs-mkdirp-stream/-/fs-mkdirp-stream-2.0.1.tgz", @@ -9489,18 +9507,21 @@ } }, "node_modules/function.prototype.name": { - "version": "1.1.8", - "resolved": "https://registry.npmjs.org/function.prototype.name/-/function.prototype.name-1.1.8.tgz", - "integrity": "sha512-e5iwyodOHhbMr/yNrc7fDYG4qlbIvI5gajyzPnb5TCwyhjApznQh1BMFou9b30SevY43gCJKXycoCBjMbsuW0Q==", + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/function.prototype.name/-/function.prototype.name-1.2.0.tgz", + "integrity": "sha512-jObKIik1P2QjPHP5nz5BaOtUlfgS0fWo8IUByNXkM+o+02sJOi94em77GwJKQSJ3gfPHdgzLNrHc1uokV4P/ew==", "dev": true, "license": "MIT", "dependencies": { - "call-bind": "^1.0.8", - "call-bound": "^1.0.3", - "define-properties": "^1.2.1", + "call-bind": "^1.0.9", + "call-bound": "^1.0.4", + "es-define-property": "^1.0.1", + "es-errors": "^1.3.0", "functions-have-names": "^1.2.3", - "hasown": "^2.0.2", - "is-callable": "^1.2.7" + "has-property-descriptors": "^1.0.2", + "hasown": "^2.0.4", + "is-callable": "^1.2.7", + "is-document.all": "^1.0.0" }, "engines": { "node": ">= 0.4" @@ -9520,9 +9541,9 @@ } }, "node_modules/fuse.js": { - "version": "7.4.2", - "resolved": "https://registry.npmjs.org/fuse.js/-/fuse.js-7.4.2.tgz", - "integrity": "sha512-LVbzjD4WA6UP5B1UnP8wuaXJiLnqMdM/E4fiJXTJ5haJ5b/MBNsK29h2fm6swEoQaVQjvYFWKLE2RanyZIoRVQ==", + "version": "7.5.0", + "resolved": "https://registry.npmjs.org/fuse.js/-/fuse.js-7.5.0.tgz", + "integrity": "sha512-sQtrEfA+ez/3G0cCZecF70oqpCRttCexYUG4mUrtWL49ULUzUyxokt5kyqwtKzj1270RaKih+hcP3qLcumccow==", "license": "Apache-2.0", "engines": { "node": ">=10" @@ -9685,13 +9706,6 @@ "node": ">=10.13.0" } }, - "node_modules/glob-to-regexp": { - "version": "0.4.1", - "resolved": "https://registry.npmjs.org/glob-to-regexp/-/glob-to-regexp-0.4.1.tgz", - "integrity": "sha512-lkX1HJXwyMcprw/5YUZc2s7DrpAiHB21/V+E1rHUrVNokkvB6bqMzT0VfV6/86ZNabt1k14YOIaT7nDvOX3Iiw==", - "dev": true, - "license": "BSD-2-Clause" - }, "node_modules/glob-watcher": { "version": "6.0.0", "resolved": "https://registry.npmjs.org/glob-watcher/-/glob-watcher-6.0.0.tgz", @@ -9802,13 +9816,6 @@ "node": ">=0.10.0" } }, - "node_modules/global-prefix/node_modules/ini": { - "version": "1.3.8", - "resolved": "https://registry.npmjs.org/ini/-/ini-1.3.8.tgz", - "integrity": "sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==", - "dev": true, - "license": "ISC" - }, "node_modules/global-prefix/node_modules/which": { "version": "1.3.1", "resolved": "https://registry.npmjs.org/which/-/which-1.3.1.tgz", @@ -10059,9 +10066,9 @@ } }, "node_modules/gulp-cli/node_modules/yargs": { - "version": "16.2.0", - "resolved": "https://registry.npmjs.org/yargs/-/yargs-16.2.0.tgz", - "integrity": "sha512-D1mvvtDG0L5ft/jGWkLpG1+m0eQxOfaBvTNELraWj22wSVUMWxZUvYgJYcKh6jGGIkJFhH4IZPQhR4TKpc8mBw==", + "version": "16.2.2", + "resolved": "https://registry.npmjs.org/yargs/-/yargs-16.2.2.tgz", + "integrity": "sha512-Nt9ZJjXTv5R8MHbqby/wXQ6Gi0Bb3TcYZkR1bzuL4yB2OxWPkXknz513gEF0GoA6tn00UpbPvERW8rzCuWCA6w==", "dev": true, "license": "MIT", "dependencies": { @@ -10258,35 +10265,25 @@ } }, "node_modules/hono": { - "version": "4.13.3", - "resolved": "https://registry.npmjs.org/hono/-/hono-4.13.3.tgz", - "integrity": "sha512-r8AO2mYHoLxSHkgafNeC/BXyb2vWRxD3jem4Ts+ptav8oTG5FIRifAjuJEmZI4bSvvc2ns0GxmIYiZnHqN3mMw==", + "version": "4.13.5", + "resolved": "https://registry.npmjs.org/hono/-/hono-4.13.5.tgz", + "integrity": "sha512-O6+/eCYRkzzzy0rPWwKLiGBR1nFuUPZynnwjxN1MBA62NNqbT0wQEzQyK2gSO5yDIDB336sXQleAhOHrzlYyKw==", "license": "MIT", "engines": { "node": ">=16.9.0" } }, "node_modules/hosted-git-info": { - "version": "9.0.3", - "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-9.0.3.tgz", - "integrity": "sha512-Hc+ghLoSt6QaYZUv0WBiIvmMDZuZZ7oaDvdH8MbfOO4lOsxdXLEvuC6ePoGs9H1X9oCLyq6+NVN0MKqD+ydxyg==", + "version": "10.1.1", + "resolved": "https://registry.npmjs.org/hosted-git-info/-/hosted-git-info-10.1.1.tgz", + "integrity": "sha512-DeOnSPAvOndYKfw075gt8yZzQ7S2hNztw34zBTfhIzLhmBTswIBg5/y+pqu/VD5cYWm5goAFTusDmUEmKZ0PEQ==", "dev": true, "license": "ISC", "dependencies": { "lru-cache": "^11.1.0" }, "engines": { - "node": "^20.17.0 || >=22.9.0" - } - }, - "node_modules/hosted-git-info/node_modules/lru-cache": { - "version": "11.5.1", - "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-11.5.1.tgz", - "integrity": "sha512-RPimw/7aMdv2oqRrxKwvZXcPfwBrn/JZ2xYcY9Hus/6LaS3VOAKVWKWgNLCFSiOm1ESXinjsDlidVU7JlnCN2A==", - "dev": true, - "license": "BlueOak-1.0.0", - "engines": { - "node": "20 || >=22" + "node": "^22.22.2 || ^24.15.0 || >=26.0.0" } }, "node_modules/html-entities": { @@ -10370,13 +10367,6 @@ "url": "https://github.com/fb55/entities?sponsor=1" } }, - "node_modules/http-cache-semantics": { - "version": "4.2.0", - "resolved": "https://registry.npmjs.org/http-cache-semantics/-/http-cache-semantics-4.2.0.tgz", - "integrity": "sha512-dTxcvPXqPvXBQpq5dUr6mEMJX4oIEFv6bwom3FDwKRDsuIjjJGANqhBuoAn9c1RQJIdAKav33ED65E2ys+87QQ==", - "dev": true, - "license": "BSD-2-Clause" - }, "node_modules/http-errors": { "version": "2.0.1", "resolved": "https://registry.npmjs.org/http-errors/-/http-errors-2.0.1.tgz", @@ -10412,48 +10402,25 @@ "node": ">=8.0.0" } }, - "node_modules/http-proxy-agent": { - "version": "7.0.2", - "resolved": "https://registry.npmjs.org/http-proxy-agent/-/http-proxy-agent-7.0.2.tgz", - "integrity": "sha512-T1gkAiYYDWYx3V5Bmyu7HcfcvL7mUrTWiM6yOfa3PIphViJ/gFPbvidQ+veqSOHci/PxBcDabeUNCzpOODJZig==", - "dev": true, - "license": "MIT", - "dependencies": { - "agent-base": "^7.1.0", - "debug": "^4.3.4" - }, - "engines": { - "node": ">= 14" - } - }, - "node_modules/http-proxy-agent/node_modules/agent-base": { - "version": "7.1.4", - "resolved": "https://registry.npmjs.org/agent-base/-/agent-base-7.1.4.tgz", - "integrity": "sha512-MnA+YT8fwfJPgBx3m60MNqakm30XOkyIoH1y6huTQvC0PwZG7ki8NacLBcrPbNoo8vEZy7Jpuk7+jMO+CUovTQ==", - "dev": true, - "license": "MIT", - "engines": { - "node": ">= 14" - } - }, "node_modules/https-proxy-agent": { - "version": "9.0.0", - "resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-9.0.0.tgz", - "integrity": "sha512-/MVmHp58WkOypgFhCLk4fzpPcFQvTJ/e6LBI7irpIO2HfxUbpmYoHF+KzipzJpxxzJu7aJNWQ0xojJ/dzV2G5g==", + "version": "9.1.0", + "resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-9.1.0.tgz", + "integrity": "sha512-ag87y7cJJ9/3+GxFr8Oy4O5faDsGRGnBGsJj/YjOSsSx/5eadKLYTMPlzuR6obgoCDDm0abAAZitXXQkMOPSpA==", "dev": true, "license": "MIT", "dependencies": { "agent-base": "9.0.0", - "debug": "^4.3.4" + "debug": "^4.3.4", + "proxy-agent-negotiate": "1.1.0" }, "engines": { "node": ">= 20" } }, "node_modules/iconv-lite": { - "version": "0.7.2", - "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.7.2.tgz", - "integrity": "sha512-im9DjEDQ55s9fL4EYzOAv0yMqmMBSZp6G0VvFyTMPKWxiSBHUj9NW/qqLmXUwXrrM7AvqSlTCfvqRb0cM8yYqw==", + "version": "0.7.3", + "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.7.3.tgz", + "integrity": "sha512-IKXpvIzjnC9XTAUbVBcMfGS0EPaIXtW6v+zr+RRp+hqULEpo0owZax6wyRwPOJbWbzjYspQwusTsfVr0ifh4uQ==", "license": "MIT", "dependencies": { "safer-buffer": ">= 2.1.2 < 3.0.0" @@ -10488,15 +10455,15 @@ "license": "BSD-3-Clause" }, "node_modules/igniteui-angular": { - "version": "22.1.0-beta.7", - "resolved": "https://registry.npmjs.org/igniteui-angular/-/igniteui-angular-22.1.0-beta.7.tgz", - "integrity": "sha512-xNiD9pMKFeP1XrWM7q6QNESuUVIojkpJ5hwPkVMlIrPnJEszNlD8frz5JuAfOnh53zNsrySIfqKuEdbbHJkAxA==", + "version": "22.1.0", + "resolved": "https://registry.npmjs.org/igniteui-angular/-/igniteui-angular-22.1.0.tgz", + "integrity": "sha512-05Wdj9RvkIVm6wYyZFNdqi0oS/P9IKhrUAnwVzQ8nW8i5NHA13Fn+a6ZY3q/SKXyBc5C2Sb5ZyBL2DwK1Bbxrg==", "license": "SEE LICENSE IN LICENSE", "dependencies": { "@igniteui/material-icons-extended": "^3.1.0", "fflate": "^0.8.2", "igniteui-i18n-core": "^1.0.5", - "igniteui-theming": "^27.5.1", + "igniteui-theming": "^28.1.1", "igniteui-trial-watermark": "^3.1.0", "jspdf": "^4.2.1", "lodash-es": "^4.17.21", @@ -10507,8 +10474,8 @@ "@angular/common": "22", "@angular/core": "22", "@angular/forms": "22", - "igniteui-grid-lite": "~0.9.0", - "igniteui-webcomponents": "^7.2.1" + "igniteui-grid-lite": "~0.10.0", + "igniteui-webcomponents": "~7.3.0" }, "peerDependenciesMeta": { "igniteui-grid-lite": { @@ -10520,9 +10487,9 @@ } }, "node_modules/igniteui-angular-charts": { - "version": "22.0.0", - "resolved": "https://registry.npmjs.org/igniteui-angular-charts/-/igniteui-angular-charts-22.0.0.tgz", - "integrity": "sha512-3QzkDUGBFKs/nwPMI8ukzU248BFLwmJtGagRfsGVygZO9FLOvgmck1H4dR/mR1AKQLasIl4Ogdb5Dmku/OTKbA==", + "version": "22.0.1", + "resolved": "https://registry.npmjs.org/igniteui-angular-charts/-/igniteui-angular-charts-22.0.1.tgz", + "integrity": "sha512-j+3bedk4sOvI76KnKUc1hJwTeOSNZpgAR2q8nW0mBEMMzIT6QUaEO9iIg3ydbvRsX+KAm+tD9Gx3/F4aFkVgmw==", "license": "Infragistics(R) Ultimate license (http://www.infragistics.com/legal/ultimate/license/)", "dependencies": { "tslib": "^2.3.1" @@ -10531,13 +10498,13 @@ "@angular/common": "^22.0.0", "@angular/compiler": "^22.0.0", "@angular/core": "^22.0.0", - "igniteui-angular-core": "22.0.0" + "igniteui-angular-core": "22.0.1" } }, "node_modules/igniteui-angular-core": { - "version": "22.0.0", - "resolved": "https://registry.npmjs.org/igniteui-angular-core/-/igniteui-angular-core-22.0.0.tgz", - "integrity": "sha512-j5Wk0IypqxSKQWTKA8gL9HoXWASLsSV3agVj8YUG0MDVd2TuxdLv6rNlHDNl6Y8VrpCRMTN0yzRZql8AEzlFhg==", + "version": "22.0.1", + "resolved": "https://registry.npmjs.org/igniteui-angular-core/-/igniteui-angular-core-22.0.1.tgz", + "integrity": "sha512-QYorz/1Nyl05f45ztAyepnripFlXhC9qDqRSkGIvK4DdLXImfAlG5WATxGPTIEiVGAAGDhhzsFeVquNKw0NnPA==", "license": "Infragistics(R) Ultimate license (http://www.infragistics.com/legal/ultimate/license/)", "dependencies": { "tslib": "^2.3.1" @@ -10549,9 +10516,9 @@ } }, "node_modules/igniteui-angular-extras": { - "version": "22.1.0-beta.7", - "resolved": "https://registry.npmjs.org/igniteui-angular-extras/-/igniteui-angular-extras-22.1.0-beta.7.tgz", - "integrity": "sha512-/flpx318Mza2PZozxJSzCs8uvq0OyhBQ9ywCqiffceKWEdTdeQEzH0K/2aS68s82CGYQ5Int2X0Fsv7x3xLshA==", + "version": "22.1.0", + "resolved": "https://registry.npmjs.org/igniteui-angular-extras/-/igniteui-angular-extras-22.1.0.tgz", + "integrity": "sha512-6uGpfV6hbH/FPegXBAdiCtiwp8Qq0/mqcBUw5S2kFkUyQoaIaESvgtzCE0swi153NpHPA36OhWGKq5jbw0vsqQ==", "license": "SEE LICENSE IN LICENSE", "dependencies": { "igniteui-trial-watermark": "^3.1.0", @@ -10566,9 +10533,9 @@ } }, "node_modules/igniteui-angular-i18n": { - "version": "22.1.0-beta.7", - "resolved": "https://registry.npmjs.org/igniteui-angular-i18n/-/igniteui-angular-i18n-22.1.0-beta.7.tgz", - "integrity": "sha512-TZU4yUFwnwRdLCubjpjekWZKo8znqIqXlcBKHjqIh3rslGeoAmtDO7KYhP0WgTYQrH38MCmBaI4hoJ5nEvFjkQ==", + "version": "22.1.0", + "resolved": "https://registry.npmjs.org/igniteui-angular-i18n/-/igniteui-angular-i18n-22.1.0.tgz", + "integrity": "sha512-rwGcf7ZUNp7mLU2K5FhsGEWX/8v6EZYitlDLlbLYZL/O2oFZISBfJRvzqi3GLJhEINJTE4Q8h8FNrjhz0tj8RQ==", "license": "MIT", "dependencies": { "igniteui-i18n-core": "^1.0.2", @@ -10591,14 +10558,14 @@ "license": "Apache-2.0" }, "node_modules/igniteui-grid-lite": { - "version": "0.9.0", - "resolved": "https://registry.npmjs.org/igniteui-grid-lite/-/igniteui-grid-lite-0.9.0.tgz", - "integrity": "sha512-pW6MPniC0Up5YmbdB2QVTpPdIp0lkapPfQbnQQmqhtrvGO8Cpf84FQf1s7uMxatCC6FV5w7fgGpriy3t88yNng==", + "version": "0.10.0", + "resolved": "https://registry.npmjs.org/igniteui-grid-lite/-/igniteui-grid-lite-0.10.0.tgz", + "integrity": "sha512-frMjK3jIdsu76SoKjxKw7U9aFbFAoqWapCelL4CXf75MF80UyQR+g22iMkUR1Nu2/PsQkmJP1hmC4R/4+PmtDA==", "license": "MIT", "dependencies": { "@lit-labs/virtualizer": "~2.1.0", "@lit/context": "~1.1.5", - "igniteui-webcomponents": "~7.2.0", + "igniteui-webcomponents": "~7.3.0", "lit": "^3.3.0" }, "engines": { @@ -10635,9 +10602,9 @@ "license": "MIT" }, "node_modules/igniteui-theming": { - "version": "27.5.1", - "resolved": "https://registry.npmjs.org/igniteui-theming/-/igniteui-theming-27.5.1.tgz", - "integrity": "sha512-QUQWqFFdfX2REO14gKcvUlw+h/em7Bb34VPcPGZjnjW6vKWby1dYyFeLq/RY1GNPeFcD9jtGBxxCxAomo/CyBQ==", + "version": "28.1.1", + "resolved": "https://registry.npmjs.org/igniteui-theming/-/igniteui-theming-28.1.1.tgz", + "integrity": "sha512-ioNSE9t36nqNfItashgM6oZxfgiLPjzeJ4X2g++3kU9oU0kklkz1Ax9F0FmGiwyIC2atWELkb76LsyT+0ZSTSQ==", "license": "MIT", "dependencies": { "@modelcontextprotocol/sdk": "^1.28.0", @@ -10645,6 +10612,7 @@ "zod": "^3.25.76" }, "bin": { + "igniteui-theming": "dist/mcp/index.js", "igniteui-theming-mcp": "dist/mcp/index.js" } }, @@ -10658,22 +10626,21 @@ } }, "node_modules/igniteui-trial-watermark": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/igniteui-trial-watermark/-/igniteui-trial-watermark-3.1.0.tgz", - "integrity": "sha512-Nrc8pnLQ8jsppC+P7RyJwiTpU0bIUj0k4BGzo7QtA018/PLSrcsegdHPXuZTiP9DHp6wg7lgBd5n/rNSOavhbg==", + "version": "3.1.2", + "resolved": "https://registry.npmjs.org/igniteui-trial-watermark/-/igniteui-trial-watermark-3.1.2.tgz", + "integrity": "sha512-JoVJiKES0p04S3tFWjAgPcow25DA0b88rq4noGSk9TmTQnnXXLuJca6Fp+YQxL2VhOM5wRlA+BoPPI7IFuYO4A==", "license": "Apache-2.0", "dependencies": { "lit": "^3.3.0" } }, "node_modules/igniteui-webcomponents": { - "version": "7.2.1", - "resolved": "https://registry.npmjs.org/igniteui-webcomponents/-/igniteui-webcomponents-7.2.1.tgz", - "integrity": "sha512-EBd5xWdap0A1bH298zlPQZM0vkjam2F8rgVZZ4t/yjzmOla1ipbRI9yM69m5RNP+6I3ay+9MWR6gcCR2D5NIhQ==", + "version": "7.3.0", + "resolved": "https://registry.npmjs.org/igniteui-webcomponents/-/igniteui-webcomponents-7.3.0.tgz", + "integrity": "sha512-/99QNPMnupVDGeuuDVa2XGewusFTvvXvu8+vFOVuXBGMtxZluMzAuC7U6BLDcArcxpkEqEL4LEPpob5ULur0Dw==", "license": "MIT", "dependencies": { - "@floating-ui/dom": "^1.7.0", - "@lit-labs/virtualizer": "^2.1.0", + "@floating-ui/dom": "^1.8.0", "@lit/context": "^1.1.0", "igniteui-i18n-core": "^1.0.5", "lit": "^3.3.0" @@ -10682,11 +10649,11 @@ "node": ">=22" }, "peerDependencies": { - "dompurify": "^3.3.0", + "dompurify": "^3.4.0", "igniteui-i18n-resources": "^1.0.5", - "marked": "^17.0.0", + "marked": "^18.0.0", "marked-shiki": "^1.2.0", - "shiki": "^3.20.0" + "shiki": "^4.3.0" }, "peerDependenciesMeta": { "dompurify": { @@ -10716,19 +10683,6 @@ "node": ">= 4" } }, - "node_modules/ignore-walk": { - "version": "8.0.0", - "resolved": "https://registry.npmjs.org/ignore-walk/-/ignore-walk-8.0.0.tgz", - "integrity": "sha512-FCeMZT4NiRQGh+YkeKMtWrOmBgWjHjMJ26WQWrRQyoyzqevdaGSakUaJW5xQYmjLlUVk2qUnCjYVBax9EKKg8A==", - "dev": true, - "license": "ISC", - "dependencies": { - "minimatch": "^10.0.3" - }, - "engines": { - "node": "^20.17.0 || >=22.9.0" - } - }, "node_modules/immutable": { "version": "5.1.9", "resolved": "https://registry.npmjs.org/immutable/-/immutable-5.1.9.tgz", @@ -10752,6 +10706,16 @@ "url": "https://github.com/sponsors/sindresorhus" } }, + "node_modules/import-meta-resolve": { + "version": "4.2.0", + "resolved": "https://registry.npmjs.org/import-meta-resolve/-/import-meta-resolve-4.2.0.tgz", + "integrity": "sha512-Iqv2fzaTQN28s/FwZAoFq0ZSs/7hMAHJVX+w8PZl3cY19Pxk6jFFalxQoIfW2826i/fDLXv8IiEZRIT0lDuWcg==", + "license": "MIT", + "funding": { + "type": "github", + "url": "https://github.com/sponsors/wooorm" + } + }, "node_modules/imurmurhash": { "version": "0.1.4", "resolved": "https://registry.npmjs.org/imurmurhash/-/imurmurhash-0.1.4.tgz", @@ -10781,14 +10745,11 @@ "license": "ISC" }, "node_modules/ini": { - "version": "6.0.0", - "resolved": "https://registry.npmjs.org/ini/-/ini-6.0.0.tgz", - "integrity": "sha512-IBTdIkzZNOpqm7q3dRqJvMaldXjDHWkEDfrwGEQTs5eaQMWV+djAhR+wahyNNMAa+qpbDUhBMVt4ZKNwpPm7xQ==", + "version": "1.3.8", + "resolved": "https://registry.npmjs.org/ini/-/ini-1.3.8.tgz", + "integrity": "sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==", "dev": true, - "license": "ISC", - "engines": { - "node": "^20.17.0 || >=22.9.0" - } + "license": "ISC" }, "node_modules/internal-slot": { "version": "1.1.0", @@ -11001,6 +10962,22 @@ "url": "https://github.com/sponsors/ljharb" } }, + "node_modules/is-document.all": { + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/is-document.all/-/is-document.all-1.0.0.tgz", + "integrity": "sha512-+XSoyS05OdBbhFuELhgTCpFNHkpBOJqtsZfUFFpe5QTw+9Sjbh8zitxhQkYAo6wV7e1Vb8cAPvpCk9jGam/82g==", + "dev": true, + "license": "MIT", + "dependencies": { + "call-bound": "^1.0.4" + }, + "engines": { + "node": ">= 0.4" + }, + "funding": { + "url": "https://github.com/sponsors/ljharb" + } + }, "node_modules/is-extglob": { "version": "2.1.1", "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz", @@ -11153,9 +11130,9 @@ } }, "node_modules/is-plain-object": { - "version": "5.0.0", - "resolved": "https://registry.npmjs.org/is-plain-object/-/is-plain-object-5.0.0.tgz", - "integrity": "sha512-VRSzKkbMm5jMDoKLbltAkFQ5Qr7VDiTFGXxYFXXowVj387GeGNOCsOH6Msy00SGZ3Fp84b1Naa1psqgcCIEP5Q==", + "version": "5.1.0", + "resolved": "https://registry.npmjs.org/is-plain-object/-/is-plain-object-5.1.0.tgz", + "integrity": "sha512-bUi/yjmtKYcRVUtWRGr0UA6xEFh2I6zWUwMrUXB3s7bmYCaZ8a+0ZsTRkrawh/mzlSD1Y0Ph8bp/U+TvBpWDNw==", "dev": true, "license": "MIT", "engines": { @@ -11418,21 +11395,291 @@ "node": ">=8" } }, - "node_modules/istanbul-lib-instrument": { - "version": "6.0.3", - "resolved": "https://registry.npmjs.org/istanbul-lib-instrument/-/istanbul-lib-instrument-6.0.3.tgz", - "integrity": "sha512-Vtgk7L/R2JHyyGW07spoFlB8/lpjiOLTjMdms6AFMraYt3BaJauod/NGrfnVG/y4Ix1JEuMRPDPEj2ua+zz1/Q==", + "node_modules/istanbul-lib-instrument": { + "version": "6.0.3", + "resolved": "https://registry.npmjs.org/istanbul-lib-instrument/-/istanbul-lib-instrument-6.0.3.tgz", + "integrity": "sha512-Vtgk7L/R2JHyyGW07spoFlB8/lpjiOLTjMdms6AFMraYt3BaJauod/NGrfnVG/y4Ix1JEuMRPDPEj2ua+zz1/Q==", + "dev": true, + "license": "BSD-3-Clause", + "dependencies": { + "@babel/core": "^7.23.9", + "@babel/parser": "^7.23.9", + "@istanbuljs/schema": "^0.1.3", + "istanbul-lib-coverage": "^3.2.0", + "semver": "^7.5.4" + }, + "engines": { + "node": ">=10" + } + }, + "node_modules/istanbul-lib-instrument/node_modules/@babel/code-frame": { + "version": "7.29.7", + "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.29.7.tgz", + "integrity": "sha512-Aup7aUOfpbAUg2ROOJN6Iw5f9DMBlzu0mIkm/malLQFN/YQgO48wCj0Kxa3sEHJvPVFg7siR+qRInwXd2qhQKw==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/helper-validator-identifier": "^7.29.7", + "js-tokens": "^4.0.0", + "picocolors": "^1.1.1" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/istanbul-lib-instrument/node_modules/@babel/compat-data": { + "version": "7.29.7", + "resolved": "https://registry.npmjs.org/@babel/compat-data/-/compat-data-7.29.7.tgz", + "integrity": "sha512-locTkQyKvwIEgBzVrn8693ebc97F2U8ZHjbXwDXJ5Fn2TCpNwTlKcaKLkdHop5c/icOFE7qt7Q9JC5hnKNa6Gg==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/istanbul-lib-instrument/node_modules/@babel/core": { + "version": "7.29.7", + "resolved": "https://registry.npmjs.org/@babel/core/-/core-7.29.7.tgz", + "integrity": "sha512-RgHBCvtjbOK2gXSNBNIkNoEc9qoVEtau3hj8gEqKQuL3HZAibKarWFEI3Lfm6EYKkLalOh8eSrj9b+ch9H/VBA==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/code-frame": "^7.29.7", + "@babel/generator": "^7.29.7", + "@babel/helper-compilation-targets": "^7.29.7", + "@babel/helper-module-transforms": "^7.29.7", + "@babel/helpers": "^7.29.7", + "@babel/parser": "^7.29.7", + "@babel/template": "^7.29.7", + "@babel/traverse": "^7.29.7", + "@babel/types": "^7.29.7", + "@jridgewell/remapping": "^2.3.5", + "convert-source-map": "^2.0.0", + "debug": "^4.1.0", + "gensync": "^1.0.0-beta.2", + "json5": "^2.2.3", + "semver": "^6.3.1" + }, + "engines": { + "node": ">=6.9.0" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/babel" + } + }, + "node_modules/istanbul-lib-instrument/node_modules/@babel/core/node_modules/semver": { + "version": "6.3.1", + "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz", + "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==", + "dev": true, + "license": "ISC", + "bin": { + "semver": "bin/semver.js" + } + }, + "node_modules/istanbul-lib-instrument/node_modules/@babel/generator": { + "version": "7.29.8", + "resolved": "https://registry.npmjs.org/@babel/generator/-/generator-7.29.8.tgz", + "integrity": "sha512-gZbepsdh3WDtgZKWL+vTPh71LSBrm/Y4/QDZBVCcYfmeTEEuoOYwlSy+G1StfJg+/Zy550u/3TATbm7qDbbMtg==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/parser": "^7.29.8", + "@babel/types": "^7.29.8", + "@jridgewell/gen-mapping": "^0.3.12", + "@jridgewell/trace-mapping": "^0.3.28", + "jsesc": "^3.0.2" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/istanbul-lib-instrument/node_modules/@babel/helper-compilation-targets": { + "version": "7.29.7", + "resolved": "https://registry.npmjs.org/@babel/helper-compilation-targets/-/helper-compilation-targets-7.29.7.tgz", + "integrity": "sha512-wem6WaBj4NaVYVdNhLPPVacES6ZJ+KBBfSkTMD3YZxbP3rm3Di85tJU5ljaUNhaOynt+Aj0xruhYuzQBt8n71g==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/compat-data": "^7.29.7", + "@babel/helper-validator-option": "^7.29.7", + "browserslist": "^4.24.0", + "lru-cache": "^5.1.1", + "semver": "^6.3.1" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/istanbul-lib-instrument/node_modules/@babel/helper-compilation-targets/node_modules/semver": { + "version": "6.3.1", + "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz", + "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==", + "dev": true, + "license": "ISC", + "bin": { + "semver": "bin/semver.js" + } + }, + "node_modules/istanbul-lib-instrument/node_modules/@babel/helper-globals": { + "version": "7.29.7", + "resolved": "https://registry.npmjs.org/@babel/helper-globals/-/helper-globals-7.29.7.tgz", + "integrity": "sha512-3nQVUAtvkKH9zahfWgw96Jc/uFOmjACE1kQz82E2lqWmHBgjzbNlsC22nuQTfahmWeQtTq5nQ/4Nnd2A1wj4zA==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/istanbul-lib-instrument/node_modules/@babel/helper-module-transforms": { + "version": "7.29.7", + "resolved": "https://registry.npmjs.org/@babel/helper-module-transforms/-/helper-module-transforms-7.29.7.tgz", + "integrity": "sha512-UPUVSyXbOh627KiCIGQSgwWzGeBKLkaJ9PJEdrngIwMSzxLR4jS4+f1f1jb7VzBbg8nFLaYotvVPFCTqdrmTAg==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/helper-module-imports": "^7.29.7", + "@babel/helper-validator-identifier": "^7.29.7", + "@babel/traverse": "^7.29.7" + }, + "engines": { + "node": ">=6.9.0" + }, + "peerDependencies": { + "@babel/core": "^7.0.0" + } + }, + "node_modules/istanbul-lib-instrument/node_modules/@babel/helper-string-parser": { + "version": "7.29.7", + "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.29.7.tgz", + "integrity": "sha512-Pb5ijPrZ89GDH8223L4UP8i6QApWxs04RbPQJTeWDV0/keR2E36MeKnyr6LYmUUvqRRI+Iv87SuF1W6ErINzYw==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/istanbul-lib-instrument/node_modules/@babel/helper-validator-identifier": { + "version": "7.29.7", + "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.29.7.tgz", + "integrity": "sha512-qehxGkRj55h/ff8EMaJ+cYhyaKlHIxqYDn682wQD7RNp9UujOQsHog2uS0r2vzr4pW+sXf90NeeayjcNaX3fFg==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/istanbul-lib-instrument/node_modules/@babel/helper-validator-option": { + "version": "7.29.7", + "resolved": "https://registry.npmjs.org/@babel/helper-validator-option/-/helper-validator-option-7.29.7.tgz", + "integrity": "sha512-N9ZErrD+yW5geCDtBqnOoxmR8+tNKiGuxKlDpuJxfsqpa2dFcexaziGAE/qoHLiDDreVNMupxGmSoNlyvsA3gw==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/istanbul-lib-instrument/node_modules/@babel/helpers": { + "version": "7.29.7", + "resolved": "https://registry.npmjs.org/@babel/helpers/-/helpers-7.29.7.tgz", + "integrity": "sha512-1k2lAGRMfHTcwuNYcCNUmaUffmQv8KWMfh2iJUUeRlwlwH4FdNG7mfPI10NPfLHJFThE4Tyr4mv7kTNZOiPuBg==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/template": "^7.29.7", + "@babel/types": "^7.29.7" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/istanbul-lib-instrument/node_modules/@babel/parser": { + "version": "7.29.8", + "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.29.8.tgz", + "integrity": "sha512-E8lTAYNB1KW+FH+VGJuZM1ioAx2E6oVlvQFRrf5P8ZZmsiJXYAD9vTFV7yyEURNzgh1dFqMZuO6tUwcARbqFCA==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/types": "^7.29.8" + }, + "bin": { + "parser": "bin/babel-parser.js" + }, + "engines": { + "node": ">=6.0.0" + } + }, + "node_modules/istanbul-lib-instrument/node_modules/@babel/template": { + "version": "7.29.7", + "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.29.7.tgz", + "integrity": "sha512-puq+Gf35oI24FeN11LkoUQFqv9uwNeWpxXZi/Ji3rRIoKAzKnxRaZ+Gkj0vKS9ZCiTESfng1N9LyOyXvo+m+Gg==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/code-frame": "^7.29.7", + "@babel/parser": "^7.29.7", + "@babel/types": "^7.29.7" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/istanbul-lib-instrument/node_modules/@babel/traverse": { + "version": "7.29.8", + "resolved": "https://registry.npmjs.org/@babel/traverse/-/traverse-7.29.8.tgz", + "integrity": "sha512-I5z7H3bf/41ktsNVLtpN0wAa336HkqIHQ5BuPLEhTkt1jVSyZpeNKIzTgEWmlxjdg81R0IgUCcaE+Ok3NvrfZg==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/code-frame": "^7.29.7", + "@babel/generator": "^7.29.8", + "@babel/helper-globals": "^7.29.7", + "@babel/parser": "^7.29.8", + "@babel/template": "^7.29.7", + "@babel/types": "^7.29.8", + "debug": "^4.3.1" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/istanbul-lib-instrument/node_modules/@babel/types": { + "version": "7.29.8", + "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.29.8.tgz", + "integrity": "sha512-Vj1jF3cPfxg7OAfoI7QnVKLoILlm2JF9pnVHrX8qx7AHMiYWT+NDAA7jChlNgRS4WTLc/fD1lXLmPixluj+3Gg==", + "dev": true, + "license": "MIT", + "dependencies": { + "@babel/helper-string-parser": "^7.29.7", + "@babel/helper-validator-identifier": "^7.29.7" + }, + "engines": { + "node": ">=6.9.0" + } + }, + "node_modules/istanbul-lib-instrument/node_modules/convert-source-map": { + "version": "2.0.0", + "resolved": "https://registry.npmjs.org/convert-source-map/-/convert-source-map-2.0.0.tgz", + "integrity": "sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==", + "dev": true, + "license": "MIT" + }, + "node_modules/istanbul-lib-instrument/node_modules/js-tokens": { + "version": "4.0.0", + "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz", + "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==", + "dev": true, + "license": "MIT" + }, + "node_modules/istanbul-lib-instrument/node_modules/lru-cache": { + "version": "5.1.1", + "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz", + "integrity": "sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==", "dev": true, - "license": "BSD-3-Clause", + "license": "ISC", "dependencies": { - "@babel/core": "^7.23.9", - "@babel/parser": "^7.23.9", - "@istanbuljs/schema": "^0.1.3", - "istanbul-lib-coverage": "^3.2.0", - "semver": "^7.5.4" - }, - "engines": { - "node": ">=10" + "yallist": "^3.0.2" } }, "node_modules/jackspeak": { @@ -11468,18 +11715,18 @@ } }, "node_modules/jose": { - "version": "6.2.3", - "resolved": "https://registry.npmjs.org/jose/-/jose-6.2.3.tgz", - "integrity": "sha512-YYVDInQKFJfR/xa3ojUTl8c2KoTwiL1R5Wg9YCydwH0x0B9grbzlg5HC7mMjCtUJjbQ/YnGEZIhI5tCgfTb4Hw==", + "version": "6.2.10", + "resolved": "https://registry.npmjs.org/jose/-/jose-6.2.10.tgz", + "integrity": "sha512-iiW7J9qRFlGxvCOIBDBDxFePQSn7ZMAnrYGhrrOo6siO/MIqwfyilLR27pkfDgUk+raLuzADS8A3S/KLBisc0g==", "license": "MIT", "funding": { "url": "https://github.com/sponsors/panva" } }, "node_modules/js-tokens": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz", - "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==", + "version": "10.0.0", + "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-10.0.0.tgz", + "integrity": "sha512-lM/UBzQmfJRo9ABXbPWemivdCW8V2G8FHaHdypQaIy523snUjog0W71ayWXTjiR+ixeMyVHN2XcpnTd/liPg/Q==", "license": "MIT" }, "node_modules/js-yaml": { @@ -11506,9 +11753,9 @@ } }, "node_modules/jsdoc-type-pratt-parser": { - "version": "7.2.0", - "resolved": "https://registry.npmjs.org/jsdoc-type-pratt-parser/-/jsdoc-type-pratt-parser-7.2.0.tgz", - "integrity": "sha512-dh140MMgjyg3JhJZY/+iEzW+NO5xR2gpbDFKHqotCmexElVntw7GjWjt511+C/Ef02RU5TKYrJo/Xlzk+OLaTw==", + "version": "8.0.0", + "resolved": "https://registry.npmjs.org/jsdoc-type-pratt-parser/-/jsdoc-type-pratt-parser-8.0.0.tgz", + "integrity": "sha512-uQu/fXVqVaMg6gM8/E5G5+eygVcZ1NV0Z51CvqhNa2bDWxvHMl484ETr6vph4oPyC+KUcbP/w2W2pewfCiR9aQ==", "dev": true, "license": "MIT", "engines": { @@ -11534,16 +11781,6 @@ "dev": true, "license": "MIT" }, - "node_modules/json-parse-even-better-errors": { - "version": "5.0.0", - "resolved": "https://registry.npmjs.org/json-parse-even-better-errors/-/json-parse-even-better-errors-5.0.0.tgz", - "integrity": "sha512-ZF1nxZ28VhQouRWhUcVlUIN3qwSgPuswK05s/HIaoetAoE/9tngVmCHjSxmSQPav1nd+lPtTL0YZ/2AFdR/iYQ==", - "dev": true, - "license": "MIT", - "engines": { - "node": "^20.17.0 || >=22.9.0" - } - }, "node_modules/json-schema-traverse": { "version": "1.0.0", "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-1.0.0.tgz", @@ -11592,16 +11829,6 @@ "graceful-fs": "^4.1.6" } }, - "node_modules/jsonparse": { - "version": "1.3.1", - "resolved": "https://registry.npmjs.org/jsonparse/-/jsonparse-1.3.1.tgz", - "integrity": "sha512-POQXvpdL69+CluYsillJ7SUhKvytYjW9vG/GKpnf+xP8UWgYEM/RaMzHHofbALDiKbbP1W8UEYmgGl39WkPZsg==", - "dev": true, - "engines": [ - "node >= 0.2.0" - ], - "license": "MIT" - }, "node_modules/jspdf": { "version": "4.2.1", "resolved": "https://registry.npmjs.org/jspdf/-/jspdf-4.2.1.tgz", @@ -11698,13 +11925,13 @@ } }, "node_modules/karma-jasmine-html-reporter": { - "version": "2.2.0", - "resolved": "https://registry.npmjs.org/karma-jasmine-html-reporter/-/karma-jasmine-html-reporter-2.2.0.tgz", - "integrity": "sha512-J0laEC43Oy2RdR5V5R3bqmdo7yRIYySq6XHKbA+e5iSAgLjhR1oICLGeSREPlJXpeyNcdJf3J17YcdhD0mRssQ==", + "version": "2.3.0", + "resolved": "https://registry.npmjs.org/karma-jasmine-html-reporter/-/karma-jasmine-html-reporter-2.3.0.tgz", + "integrity": "sha512-iFDjVpcWHnupRoJfnjuAeNF68sAGk+7RfceCzm33HHYNV6OgBa6EC1nPgJUFM+tVDHLlQ5NhgcTKz7AbdrV3AQ==", "dev": true, "license": "MIT", "peerDependencies": { - "jasmine-core": "^4.0.0 || ^5.0.0 || ^6.0.0", + "jasmine-core": "^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0", "karma": "^6.0.0", "karma-jasmine": "^5.0.0" } @@ -11933,9 +12160,9 @@ } }, "node_modules/karma/node_modules/yargs": { - "version": "16.2.0", - "resolved": "https://registry.npmjs.org/yargs/-/yargs-16.2.0.tgz", - "integrity": "sha512-D1mvvtDG0L5ft/jGWkLpG1+m0eQxOfaBvTNELraWj22wSVUMWxZUvYgJYcKh6jGGIkJFhH4IZPQhR4TKpc8mBw==", + "version": "16.2.2", + "resolved": "https://registry.npmjs.org/yargs/-/yargs-16.2.2.tgz", + "integrity": "sha512-Nt9ZJjXTv5R8MHbqby/wXQ6Gi0Bb3TcYZkR1bzuL4yB2OxWPkXknz513gEF0GoA6tn00UpbPvERW8rzCuWCA6w==", "dev": true, "license": "MIT", "dependencies": { @@ -12308,29 +12535,20 @@ } }, "node_modules/listr2": { - "version": "10.2.1", - "resolved": "https://registry.npmjs.org/listr2/-/listr2-10.2.1.tgz", - "integrity": "sha512-7I5knELsJKTUjXG+A6BkKAiGkW1i25fNa/xlUl9hFtk15WbE9jndA89xu5FzQKrY5llajE1hfZZFMILXkDHk/Q==", + "version": "11.0.0", + "resolved": "https://registry.npmjs.org/listr2/-/listr2-11.0.0.tgz", + "integrity": "sha512-8K88S0aSrcSXdJfiZtEy5BQMnR+TyjrCGLcgAvQs6ta0NEnIm0RJ72/Pv67Jvg07cfBhDbuN74V81lSSVYEFEw==", "dev": true, "license": "MIT", "dependencies": { - "cli-truncate": "^5.2.0", - "eventemitter3": "^5.0.4", - "log-update": "^6.1.0", - "rfdc": "^1.4.1", + "cli-truncate": "^6.1.1", + "log-update": "^8.0.0", "wrap-ansi": "^10.0.0" }, "engines": { "node": ">=22.13.0" } }, - "node_modules/listr2/node_modules/eventemitter3": { - "version": "5.0.4", - "resolved": "https://registry.npmjs.org/eventemitter3/-/eventemitter3-5.0.4.tgz", - "integrity": "sha512-mlsTRyGaPBjPedk6Bvw+aqbsXDtoAyAzm5MO7JgU+yVRyMQ5O8bD4Kcci7BS85f93veegeCPkL8R4GLClnjLFw==", - "dev": true, - "license": "MIT" - }, "node_modules/lit": { "version": "3.3.3", "resolved": "https://registry.npmjs.org/lit/-/lit-3.3.3.tgz", @@ -12363,9 +12581,9 @@ } }, "node_modules/lmdb": { - "version": "3.5.4", - "resolved": "https://registry.npmjs.org/lmdb/-/lmdb-3.5.4.tgz", - "integrity": "sha512-9FKQA6G1MMtqNxfxvSBNXD/axeG2QRjYbNh0/ykRL5xYcRbCm2vXq7B9bhc7nSuKdHzr8/BHIwfPuYYH1UsXXw==", + "version": "3.5.6", + "resolved": "https://registry.npmjs.org/lmdb/-/lmdb-3.5.6.tgz", + "integrity": "sha512-j3uE8ReKNyUWDjhfEFSJqE/1DLtfTR5Z8yFzVHvBjAk37wNg7HdScjcv8ttPHRvrdgPQMPWxFFI0SsdBzI5lBw==", "dev": true, "hasInstallScript": true, "license": "MIT", @@ -12382,13 +12600,13 @@ "download-lmdb-prebuilds": "bin/download-prebuilds.js" }, "optionalDependencies": { - "@lmdb/lmdb-darwin-arm64": "3.5.4", - "@lmdb/lmdb-darwin-x64": "3.5.4", - "@lmdb/lmdb-linux-arm": "3.5.4", - "@lmdb/lmdb-linux-arm64": "3.5.4", - "@lmdb/lmdb-linux-x64": "3.5.4", - "@lmdb/lmdb-win32-arm64": "3.5.4", - "@lmdb/lmdb-win32-x64": "3.5.4" + "@lmdb/lmdb-darwin-arm64": "3.5.6", + "@lmdb/lmdb-darwin-x64": "3.5.6", + "@lmdb/lmdb-linux-arm": "3.5.6", + "@lmdb/lmdb-linux-arm64": "3.5.6", + "@lmdb/lmdb-linux-x64": "3.5.6", + "@lmdb/lmdb-win32-arm64": "3.5.6", + "@lmdb/lmdb-win32-x64": "3.5.6" } }, "node_modules/locate-path": { @@ -12445,98 +12663,43 @@ } }, "node_modules/log-update": { - "version": "6.1.0", - "resolved": "https://registry.npmjs.org/log-update/-/log-update-6.1.0.tgz", - "integrity": "sha512-9ie8ItPR6tjY5uYJh8K/Zrv/RMZ5VOlOWvtZdEHYSTFKZfIBPQa9tOAEeAWhd+AnIneLJ22w5fjOYtoutpWq5w==", + "version": "8.0.0", + "resolved": "https://registry.npmjs.org/log-update/-/log-update-8.0.0.tgz", + "integrity": "sha512-lddSgOt3bPASrylL54ZSpy8nBHns+vBVSoILlVOx+dei300pnLRN958rj/EdlVLKuWlSESU3qdnDZdAI7FXYGg==", "dev": true, "license": "MIT", "dependencies": { - "ansi-escapes": "^7.0.0", + "ansi-escapes": "^7.3.0", "cli-cursor": "^5.0.0", - "slice-ansi": "^7.1.0", - "strip-ansi": "^7.1.0", - "wrap-ansi": "^9.0.0" + "slice-ansi": "^9.0.0", + "string-width": "^8.2.0", + "strip-ansi": "^7.2.0", + "wrap-ansi": "^10.0.0" }, "engines": { - "node": ">=18" + "node": ">=22" }, "funding": { "url": "https://github.com/sponsors/sindresorhus" } }, - "node_modules/log-update/node_modules/ansi-styles": { - "version": "6.2.3", - "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.3.tgz", - "integrity": "sha512-4Dj6M28JB+oAH8kFkTLUo+a2jwOFkuqb3yucU0CANcRRUbxS0cP0nZYCGjcc3BNXwRIsUVmDGgzawme7zvJHvg==", - "dev": true, - "license": "MIT", - "engines": { - "node": ">=12" - }, - "funding": { - "url": "https://github.com/chalk/ansi-styles?sponsor=1" - } - }, - "node_modules/log-update/node_modules/emoji-regex": { - "version": "10.6.0", - "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-10.6.0.tgz", - "integrity": "sha512-toUI84YS5YmxW219erniWD0CIVOo46xGKColeNQRgOzDorgBi1v4D71/OFzgD9GO2UGKIv1C3Sp8DAn0+j5w7A==", - "dev": true, - "license": "MIT" - }, - "node_modules/log-update/node_modules/slice-ansi": { - "version": "7.1.2", - "resolved": "https://registry.npmjs.org/slice-ansi/-/slice-ansi-7.1.2.tgz", - "integrity": "sha512-iOBWFgUX7caIZiuutICxVgX1SdxwAVFFKwt1EvMYYec/NWO5meOJ6K5uQxhrYBdQJne4KxiqZc+KptFOWFSI9w==", - "dev": true, - "license": "MIT", - "dependencies": { - "ansi-styles": "^6.2.1", - "is-fullwidth-code-point": "^5.0.0" - }, - "engines": { - "node": ">=18" - }, - "funding": { - "url": "https://github.com/chalk/slice-ansi?sponsor=1" - } - }, "node_modules/log-update/node_modules/string-width": { - "version": "7.2.0", - "resolved": "https://registry.npmjs.org/string-width/-/string-width-7.2.0.tgz", - "integrity": "sha512-tsaTIkKW9b4N+AEj+SVA+WhJzV7/zMhcSu78mLKWSk7cXMOSHsBKFWUs0fWwq8QyK3MgJBQRX6Gbi4kYbdvGkQ==", + "version": "8.2.2", + "resolved": "https://registry.npmjs.org/string-width/-/string-width-8.2.2.tgz", + "integrity": "sha512-GaPUh5gfdrYzqeVNZvUfT23vYYxXzKYidUcnMtJg/3rxRV63EFZy3k6xfKlmfeJD0176lnUV/Usr3XcwSvFzpg==", "dev": true, "license": "MIT", "dependencies": { - "emoji-regex": "^10.3.0", - "get-east-asian-width": "^1.0.0", - "strip-ansi": "^7.1.0" + "get-east-asian-width": "^1.5.0", + "strip-ansi": "^7.1.2" }, "engines": { - "node": ">=18" + "node": ">=20" }, "funding": { "url": "https://github.com/sponsors/sindresorhus" } }, - "node_modules/log-update/node_modules/wrap-ansi": { - "version": "9.0.2", - "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-9.0.2.tgz", - "integrity": "sha512-42AtmgqjV+X1VpdOfyTGOYRi0/zsoLqtXQckTmqTeybT+BDIbM/Guxo7x3pE2vtpr1ok6xRqM9OpBe+Jyoqyww==", - "dev": true, - "license": "MIT", - "dependencies": { - "ansi-styles": "^6.2.1", - "string-width": "^7.0.0", - "strip-ansi": "^7.1.0" - }, - "engines": { - "node": ">=18" - }, - "funding": { - "url": "https://github.com/chalk/wrap-ansi?sponsor=1" - } - }, "node_modules/log4js": { "version": "6.9.1", "resolved": "https://registry.npmjs.org/log4js/-/log4js-6.9.1.tgz", @@ -12555,18 +12718,19 @@ } }, "node_modules/lru-cache": { - "version": "5.1.1", - "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz", - "integrity": "sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==", - "license": "ISC", - "dependencies": { - "yallist": "^3.0.2" + "version": "11.5.2", + "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-11.5.2.tgz", + "integrity": "sha512-4pfM1Ff0x50o0tQwb5ucw/RzNyD0/YJME6IVcStalZuMWxdt3sR3huStTtxz4PUmvZfRguvDejasvQ2kifR11g==", + "license": "BlueOak-1.0.0", + "engines": { + "node": "20 || >=22" } }, "node_modules/magic-string": { - "version": "0.30.21", - "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.21.tgz", - "integrity": "sha512-vd2F4YUyEXKGcLHoq+TEyCjxueSeHnFxyyjNp80yg0XV4vUhnDer/lvvlqM/arB5bXQN5K2/3oinyCRyx8T2CQ==", + "version": "1.0.0", + "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-1.0.0.tgz", + "integrity": "sha512-CGvjzMN08iv6w1mm4/x3Gh1hLb4VnyRUA15FFpl6CsCIGGoe36k7kY5KNz9QDbSBN5I/fWHM6ZlIkUTa5xdUEA==", + "dev": true, "license": "MIT", "dependencies": { "@jridgewell/sourcemap-codec": "^1.5.5" @@ -12579,40 +12743,6 @@ "dev": true, "license": "ISC" }, - "node_modules/make-fetch-happen": { - "version": "15.0.6", - "resolved": "https://registry.npmjs.org/make-fetch-happen/-/make-fetch-happen-15.0.6.tgz", - "integrity": "sha512-Je0fLJ0F5atA7F+eIlLzk+Wkcl57JDf4kf+EW8xiP5E31xOQxkIxTbgf1Oi1Lw9tRI9UEMRdI5Vz2xTzoNU1Jw==", - "dev": true, - "license": "ISC", - "dependencies": { - "@gar/promise-retry": "^1.0.0", - "@npmcli/agent": "^4.0.0", - "@npmcli/redact": "^4.0.0", - "cacache": "^20.0.1", - "http-cache-semantics": "^4.1.1", - "minipass": "^7.0.2", - "minipass-fetch": "^5.0.0", - "minipass-flush": "^1.0.5", - "minipass-pipeline": "^1.2.4", - "negotiator": "^1.0.0", - "proc-log": "^6.0.0", - "ssri": "^13.0.0" - }, - "engines": { - "node": "^20.17.0 || >=22.9.0" - } - }, - "node_modules/make-fetch-happen/node_modules/negotiator": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/negotiator/-/negotiator-1.0.0.tgz", - "integrity": "sha512-8Ofs/AUQh8MaEcrlq5xOX0CQ9ypTF5dl78mjlMNfOK08fzpgTHQRQPBxcPlEtIw0yRpws+Zo/3r+5WRby7u3Gg==", - "dev": true, - "license": "MIT", - "engines": { - "node": ">= 0.6" - } - }, "node_modules/map-cache": { "version": "0.2.2", "resolved": "https://registry.npmjs.org/map-cache/-/map-cache-0.2.2.tgz", @@ -12631,9 +12761,9 @@ "license": "MIT" }, "node_modules/marked": { - "version": "17.0.6", - "resolved": "https://registry.npmjs.org/marked/-/marked-17.0.6.tgz", - "integrity": "sha512-gB0gkNafnonOw0obSTEGZTT86IuhILt2Wfx0mWH/1Au83kybTayroZ/V6nS25mN7u8ASy+5fMhgB3XPNrOZdmA==", + "version": "18.0.11", + "resolved": "https://registry.npmjs.org/marked/-/marked-18.0.11.tgz", + "integrity": "sha512-HnslJfsZkRPBDJRHvVtAaWlZHEpSu7u8LgQuJCELjRKuWR+hpq4A7sLq3p8HaI9ypVoXDXxV34CsQJEe1+J5Aw==", "license": "MIT", "bin": { "marked": "bin/marked.js" @@ -12873,13 +13003,13 @@ } }, "node_modules/minimatch": { - "version": "10.2.5", - "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-10.2.5.tgz", - "integrity": "sha512-MULkVLfKGYDFYejP07QOurDLLQpcjk7Fw+7jXS2R2czRQzR56yHRveU5NDJEOviH+hETZKSkIk5c+T23GjFUMg==", + "version": "10.2.6", + "resolved": "https://registry.npmjs.org/minimatch/-/minimatch-10.2.6.tgz", + "integrity": "sha512-vpLQEs+VLCr1nU0BXS07maYoFwlDAH0gngQuuttxIwutDFEMHq2blX+8vpgxDdK3J1PwjCJiep77OitTZ4Ll1A==", "dev": true, "license": "BlueOak-1.0.0", "dependencies": { - "brace-expansion": "^5.0.5" + "brace-expansion": "^5.0.8" }, "engines": { "node": "18 || 20 || >=22" @@ -12908,135 +13038,12 @@ "node": ">=16 || 14 >=14.17" } }, - "node_modules/minipass-collect": { - "version": "2.0.1", - "resolved": "https://registry.npmjs.org/minipass-collect/-/minipass-collect-2.0.1.tgz", - "integrity": "sha512-D7V8PO9oaz7PWGLbCACuI1qEOsq7UKfLotx/C0Aet43fCUB/wfQ7DYeq2oR/svFJGYDHPr38SHATeaj/ZoKHKw==", - "dev": true, - "license": "ISC", - "dependencies": { - "minipass": "^7.0.3" - }, - "engines": { - "node": ">=16 || 14 >=14.17" - } - }, - "node_modules/minipass-fetch": { - "version": "5.0.2", - "resolved": "https://registry.npmjs.org/minipass-fetch/-/minipass-fetch-5.0.2.tgz", - "integrity": "sha512-2d0q2a8eCi2IRg/IGubCNRJoYbA1+YPXAzQVRFmB45gdGZafyivnZ5YSEfo3JikbjGxOdntGFvBQGqaSMXlAFQ==", - "dev": true, - "license": "MIT", - "dependencies": { - "minipass": "^7.0.3", - "minipass-sized": "^2.0.0", - "minizlib": "^3.0.1" - }, - "engines": { - "node": "^20.17.0 || >=22.9.0" - }, - "optionalDependencies": { - "iconv-lite": "^0.7.2" - } - }, - "node_modules/minipass-flush": { - "version": "1.0.7", - "resolved": "https://registry.npmjs.org/minipass-flush/-/minipass-flush-1.0.7.tgz", - "integrity": "sha512-TbqTz9cUwWyHS2Dy89P3ocAGUGxKjjLuR9z8w4WUTGAVgEj17/4nhgo2Du56i0Fm3Pm30g4iA8Lcqctc76jCzA==", - "dev": true, - "license": "BlueOak-1.0.0", - "dependencies": { - "minipass": "^3.0.0" - }, - "engines": { - "node": ">= 8" - } - }, - "node_modules/minipass-flush/node_modules/minipass": { - "version": "3.3.6", - "resolved": "https://registry.npmjs.org/minipass/-/minipass-3.3.6.tgz", - "integrity": "sha512-DxiNidxSEK+tHG6zOIklvNOwm3hvCrbUrdtzY74U6HKTJxvIDfOUL5W5P2Ghd3DTkhhKPYGqeNUIh5qcM4YBfw==", - "dev": true, - "license": "ISC", - "dependencies": { - "yallist": "^4.0.0" - }, - "engines": { - "node": ">=8" - } - }, - "node_modules/minipass-flush/node_modules/yallist": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz", - "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==", - "dev": true, - "license": "ISC" - }, - "node_modules/minipass-pipeline": { - "version": "1.2.4", - "resolved": "https://registry.npmjs.org/minipass-pipeline/-/minipass-pipeline-1.2.4.tgz", - "integrity": "sha512-xuIq7cIOt09RPRJ19gdi4b+RiNvDFYe5JH+ggNvBqGqpQXcru3PcRmOZuHBKWK1Txf9+cQ+HMVN4d6z46LZP7A==", - "dev": true, - "license": "ISC", - "dependencies": { - "minipass": "^3.0.0" - }, - "engines": { - "node": ">=8" - } - }, - "node_modules/minipass-pipeline/node_modules/minipass": { - "version": "3.3.6", - "resolved": "https://registry.npmjs.org/minipass/-/minipass-3.3.6.tgz", - "integrity": "sha512-DxiNidxSEK+tHG6zOIklvNOwm3hvCrbUrdtzY74U6HKTJxvIDfOUL5W5P2Ghd3DTkhhKPYGqeNUIh5qcM4YBfw==", - "dev": true, - "license": "ISC", - "dependencies": { - "yallist": "^4.0.0" - }, - "engines": { - "node": ">=8" - } - }, - "node_modules/minipass-pipeline/node_modules/yallist": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz", - "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==", - "dev": true, - "license": "ISC" - }, - "node_modules/minipass-sized": { - "version": "2.0.0", - "resolved": "https://registry.npmjs.org/minipass-sized/-/minipass-sized-2.0.0.tgz", - "integrity": "sha512-zSsHhto5BcUVM2m1LurnXY6M//cGhVaegT71OfOXoprxT6o780GZd792ea6FfrQkuU4usHZIUczAQMRUE2plzA==", - "dev": true, - "license": "ISC", - "dependencies": { - "minipass": "^7.1.2" - }, - "engines": { - "node": ">=8" - } - }, "node_modules/minireset.css": { "version": "0.0.6", "resolved": "https://registry.npmjs.org/minireset.css/-/minireset.css-0.0.6.tgz", "integrity": "sha512-aluj16Tc1KhEYGDa/tedYzIbZ2Ax/JR25MUQzGkqOrcw/P5OPSlwNNrlLpdULu0xFNnxu2SRHx4rKiIMq3iSTQ==", "license": "MIT" }, - "node_modules/minizlib": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/minizlib/-/minizlib-3.1.0.tgz", - "integrity": "sha512-KZxYo1BUkWD2TVFLr0MQoM8vUUigWD3LlD83a/75BqC+4qE0Hb1Vo5v1FgcfaNXvfXzr+5EhQ6ing/CaBijTlw==", - "dev": true, - "license": "MIT", - "dependencies": { - "minipass": "^7.1.2" - }, - "engines": { - "node": ">= 18" - } - }, "node_modules/mkdirp": { "version": "0.5.6", "resolved": "https://registry.npmjs.org/mkdirp/-/mkdirp-0.5.6.tgz", @@ -13191,9 +13198,9 @@ "optional": true }, "node_modules/node-exports-info": { - "version": "1.6.0", - "resolved": "https://registry.npmjs.org/node-exports-info/-/node-exports-info-1.6.0.tgz", - "integrity": "sha512-pyFS63ptit/P5WqUkt+UUfe+4oevH+bFeIiPPdfb0pFeYEu/1ELnJu5l+5EcTKYL5M7zaAa7S8ddywgXypqKCw==", + "version": "1.6.2", + "resolved": "https://registry.npmjs.org/node-exports-info/-/node-exports-info-1.6.2.tgz", + "integrity": "sha512-kXs9Go0cah0qHVV2v389IXQLdLCeE1xfFtjOAF+iobu0OIoG1pje8At2vMHyaPMiPMnG/LWP50twML21eMcAag==", "dev": true, "license": "MIT", "dependencies": { @@ -13239,31 +13246,6 @@ } } }, - "node_modules/node-gyp": { - "version": "12.4.0", - "resolved": "https://registry.npmjs.org/node-gyp/-/node-gyp-12.4.0.tgz", - "integrity": "sha512-OMcPNvqTCFUnNaBlmdgq+lfNqY7gTiSmNRDjY3uAXRyudeKZEZxu3CLtjMQrx4zZxCX2b/mpNqTtwuCJgXhHkw==", - "dev": true, - "license": "MIT", - "dependencies": { - "env-paths": "^2.2.0", - "exponential-backoff": "^3.1.1", - "graceful-fs": "^4.2.6", - "nopt": "^9.0.0", - "proc-log": "^6.0.0", - "semver": "^7.3.5", - "tar": "^7.5.4", - "tinyglobby": "^0.2.12", - "undici": "^6.25.0", - "which": "^6.0.0" - }, - "bin": { - "node-gyp": "bin/node-gyp.js" - }, - "engines": { - "node": "^20.17.0 || >=22.9.0" - } - }, "node_modules/node-gyp-build-optional-packages": { "version": "5.2.2", "resolved": "https://registry.npmjs.org/node-gyp-build-optional-packages/-/node-gyp-build-optional-packages-5.2.2.tgz", @@ -13276,61 +13258,19 @@ }, "bin": { "node-gyp-build-optional-packages": "bin.js", - "node-gyp-build-optional-packages-optional": "optional.js", - "node-gyp-build-optional-packages-test": "build-test.js" - } - }, - "node_modules/node-gyp/node_modules/isexe": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/isexe/-/isexe-4.0.0.tgz", - "integrity": "sha512-FFUtZMpoZ8RqHS3XeXEmHWLA4thH+ZxCv2lOiPIn1Xc7CxrqhWzNSDzD+/chS/zbYezmiwWLdQC09JdQKmthOw==", - "dev": true, - "license": "BlueOak-1.0.0", - "engines": { - "node": ">=20" - } - }, - "node_modules/node-gyp/node_modules/which": { - "version": "6.0.1", - "resolved": "https://registry.npmjs.org/which/-/which-6.0.1.tgz", - "integrity": "sha512-oGLe46MIrCRqX7ytPUf66EAYvdeMIZYn3WaocqqKZAxrBpkqHfL/qvTyJ/bTk5+AqHCjXmrv3CEWgy368zhRUg==", - "dev": true, - "license": "ISC", - "dependencies": { - "isexe": "^4.0.0" - }, - "bin": { - "node-which": "bin/which.js" - }, - "engines": { - "node": "^20.17.0 || >=22.9.0" + "node-gyp-build-optional-packages-optional": "optional.js", + "node-gyp-build-optional-packages-test": "build-test.js" } }, "node_modules/node-releases": { - "version": "2.0.47", - "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.47.tgz", - "integrity": "sha512-Uzmd6LXpouKo8EUK68IjH4+E01w/hXyV3R3g/geCJo+rXLNfh1xucB+LOzYEOQPSiUK3h/xZf0cQGcSsmyL2Og==", + "version": "2.0.53", + "resolved": "https://registry.npmjs.org/node-releases/-/node-releases-2.0.53.tgz", + "integrity": "sha512-D9UOmYG3UH1V+ENW56t5QXBwJw1YEY18ruVeus89Rw+SyIgjPkCO84bRzO3uNIYosJbNwiabWVn48o3uJLjxFQ==", "license": "MIT", "engines": { "node": ">=18" } }, - "node_modules/nopt": { - "version": "9.0.0", - "resolved": "https://registry.npmjs.org/nopt/-/nopt-9.0.0.tgz", - "integrity": "sha512-Zhq3a+yFKrYwSBluL4H9XP3m3y5uvQkB/09CwDruCiRmR/UJYnn9W4R48ry0uGC70aeTPKLynBtscP9efFFcPw==", - "dev": true, - "license": "ISC", - "dependencies": { - "abbrev": "^4.0.0" - }, - "bin": { - "nopt": "bin/nopt.js" - }, - "engines": { - "node": "^20.17.0 || >=22.9.0" - } - }, "node_modules/normalize-path": { "version": "3.0.0", "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-3.0.0.tgz", @@ -13354,106 +13294,20 @@ "node": ">= 10.13.0" } }, - "node_modules/npm-bundled": { - "version": "5.0.0", - "resolved": "https://registry.npmjs.org/npm-bundled/-/npm-bundled-5.0.0.tgz", - "integrity": "sha512-JLSpbzh6UUXIEoqPsYBvVNVmyrjVZ1fzEFbqxKkTJQkWBO3xFzFT+KDnSKQWwOQNbuWRwt5LSD6HOTLGIWzfrw==", - "dev": true, - "license": "ISC", - "dependencies": { - "npm-normalize-package-bin": "^5.0.0" - }, - "engines": { - "node": "^20.17.0 || >=22.9.0" - } - }, - "node_modules/npm-install-checks": { - "version": "8.0.0", - "resolved": "https://registry.npmjs.org/npm-install-checks/-/npm-install-checks-8.0.0.tgz", - "integrity": "sha512-ScAUdMpyzkbpxoNekQ3tNRdFI8SJ86wgKZSQZdUxT+bj0wVFpsEMWnkXP0twVe1gJyNF5apBWDJhhIbgrIViRA==", - "dev": true, - "license": "BSD-2-Clause", - "dependencies": { - "semver": "^7.1.1" - }, - "engines": { - "node": "^20.17.0 || >=22.9.0" - } - }, - "node_modules/npm-normalize-package-bin": { - "version": "5.0.0", - "resolved": "https://registry.npmjs.org/npm-normalize-package-bin/-/npm-normalize-package-bin-5.0.0.tgz", - "integrity": "sha512-CJi3OS4JLsNMmr2u07OJlhcrPxCeOeP/4xq67aWNai6TNWWbTrlNDgl8NcFKVlcBKp18GPj+EzbNIgrBfZhsag==", - "dev": true, - "license": "ISC", - "engines": { - "node": "^20.17.0 || >=22.9.0" - } - }, "node_modules/npm-package-arg": { - "version": "13.0.2", - "resolved": "https://registry.npmjs.org/npm-package-arg/-/npm-package-arg-13.0.2.tgz", - "integrity": "sha512-IciCE3SY3uE84Ld8WZU23gAPPV9rIYod4F+rc+vJ7h7cwAJt9Vk6TVsK60ry7Uj3SRS3bqRRIGuTp9YVlk6WNA==", + "version": "14.0.0", + "resolved": "https://registry.npmjs.org/npm-package-arg/-/npm-package-arg-14.0.0.tgz", + "integrity": "sha512-69XQh3k+dtGa1p+7RaR57IuG3rCko96xr/nUfN4yDYBXbTYICiWcOpsFKLN2GtGE9cyIljE+f1exnaYt9MvM+Q==", "dev": true, "license": "ISC", "dependencies": { - "hosted-git-info": "^9.0.0", - "proc-log": "^6.0.0", + "hosted-git-info": "^10.1.0", + "proc-log": "^7.0.0", "semver": "^7.3.5", - "validate-npm-package-name": "^7.0.0" - }, - "engines": { - "node": "^20.17.0 || >=22.9.0" - } - }, - "node_modules/npm-packlist": { - "version": "10.0.4", - "resolved": "https://registry.npmjs.org/npm-packlist/-/npm-packlist-10.0.4.tgz", - "integrity": "sha512-uMW73iajD8hiH4ZBxEV3HC+eTnppIqwakjOYuvgddnalIw2lJguKviK1pcUJDlIWm1wSJkchpDZDSVVsZEYRng==", - "dev": true, - "license": "ISC", - "dependencies": { - "ignore-walk": "^8.0.0", - "proc-log": "^6.0.0" - }, - "engines": { - "node": "^20.17.0 || >=22.9.0" - } - }, - "node_modules/npm-pick-manifest": { - "version": "11.0.3", - "resolved": "https://registry.npmjs.org/npm-pick-manifest/-/npm-pick-manifest-11.0.3.tgz", - "integrity": "sha512-buzyCfeoGY/PxKqmBqn1IUJrZnUi1VVJTdSSRPGI60tJdUhUoSQFhs0zycJokDdOznQentgrpf8LayEHyyYlqQ==", - "dev": true, - "license": "ISC", - "dependencies": { - "npm-install-checks": "^8.0.0", - "npm-normalize-package-bin": "^5.0.0", - "npm-package-arg": "^13.0.0", - "semver": "^7.3.5" - }, - "engines": { - "node": "^20.17.0 || >=22.9.0" - } - }, - "node_modules/npm-registry-fetch": { - "version": "19.1.1", - "resolved": "https://registry.npmjs.org/npm-registry-fetch/-/npm-registry-fetch-19.1.1.tgz", - "integrity": "sha512-TakBap6OM1w0H73VZVDf44iFXsOS3h+L4wVMXmbWOQroZgFhMch0juN6XSzBNlD965yIKvWg2dfu7NSiaYLxtw==", - "dev": true, - "license": "ISC", - "dependencies": { - "@npmcli/redact": "^4.0.0", - "jsonparse": "^1.3.1", - "make-fetch-happen": "^15.0.0", - "minipass": "^7.0.2", - "minipass-fetch": "^5.0.0", - "minizlib": "^3.0.1", - "npm-package-arg": "^13.0.0", - "proc-log": "^6.0.0" + "validate-npm-package-name": "^8.0.0" }, "engines": { - "node": "^20.17.0 || >=22.9.0" + "node": "^22.22.2 || ^24.15.0 || >=26.0.0" } }, "node_modules/nth-check": { @@ -13626,6 +13480,19 @@ "url": "https://github.com/sponsors/ljharb" } }, + "node_modules/obug": { + "version": "2.1.4", + "resolved": "https://registry.npmjs.org/obug/-/obug-2.1.4.tgz", + "integrity": "sha512-4a+OsYv9UktOJKE+l1A4OufDgdRF9PifWj+tJnHURo/P+WOxpG4GzUFL9qCalmWauao6ogiG+QvnCovwPoyAWA==", + "funding": [ + "https://github.com/sponsors/sxzz", + "https://opencollective.com/debug" + ], + "license": "MIT", + "engines": { + "node": ">=12.20.0" + } + }, "node_modules/on-finished": { "version": "2.4.1", "resolved": "https://registry.npmjs.org/on-finished/-/on-finished-2.4.1.tgz", @@ -13709,9 +13576,9 @@ } }, "node_modules/ora": { - "version": "9.4.0", - "resolved": "https://registry.npmjs.org/ora/-/ora-9.4.0.tgz", - "integrity": "sha512-84cglkRILFxdtA8hAvLNdMrtBpPNBTrQ9/ulg0FA7xLMnD6mifv+enAIeRmvtv+WgdCE+LPGOfQmtJRrVaIVhQ==", + "version": "9.4.1", + "resolved": "https://registry.npmjs.org/ora/-/ora-9.4.1.tgz", + "integrity": "sha512-6VlU9MLXbjVQD04AZCMX28hVtA5bUoadvUqO76MUCVA0ilwJbMiHsITRPfyVm6p/BC0Av/BXMujx39WCe1LEqw==", "dev": true, "license": "MIT", "dependencies": { @@ -13745,9 +13612,9 @@ } }, "node_modules/ora/node_modules/string-width": { - "version": "8.2.1", - "resolved": "https://registry.npmjs.org/string-width/-/string-width-8.2.1.tgz", - "integrity": "sha512-IIaP0g3iy9Cyy18w3M9YcaDudujEAVHKt3a3QJg1+sr/oX96TbaGUubG0hJyCjCBThFH+tFpcIyoUHUn1ogaLA==", + "version": "8.2.2", + "resolved": "https://registry.npmjs.org/string-width/-/string-width-8.2.2.tgz", + "integrity": "sha512-GaPUh5gfdrYzqeVNZvUfT23vYYxXzKYidUcnMtJg/3rxRV63EFZy3k6xfKlmfeJD0176lnUV/Usr3XcwSvFzpg==", "dev": true, "license": "MIT", "dependencies": { @@ -13770,13 +13637,14 @@ "optional": true }, "node_modules/own-keys": { - "version": "1.0.1", - "resolved": "https://registry.npmjs.org/own-keys/-/own-keys-1.0.1.tgz", - "integrity": "sha512-qFOyK5PjiWZd+QQIh+1jhdb9LpxTF0qs7Pm8o5QHYZ0M3vKqSqzsZaEB6oWlxZ+q2sJBMI/Ktgd2N5ZwQoRHfg==", + "version": "1.0.2", + "resolved": "https://registry.npmjs.org/own-keys/-/own-keys-1.0.2.tgz", + "integrity": "sha512-19YVAg7T+WTrxggPukVq7DjTv6+PJ867TmhCvBsYwmbFCsZd344rq2Ld1p0wo8f8Qrrhgp82c6FJRqdXWtSEhg==", "dev": true, "license": "MIT", "dependencies": { - "get-intrinsic": "^1.2.6", + "call-bound": "^1.0.4", + "get-intrinsic": "^1.3.0", "object-keys": "^1.1.1", "safe-push-apply": "^1.0.0" }, @@ -13787,6 +13655,44 @@ "url": "https://github.com/sponsors/ljharb" } }, + "node_modules/oxc-parser": { + "version": "0.142.0", + "resolved": "https://registry.npmjs.org/oxc-parser/-/oxc-parser-0.142.0.tgz", + "integrity": "sha512-kKR+jPiRJYJDexVoziIg/FVGvr1fT1FZSSJOk6tVoMKKSlsf1Cso+cgGCJkOEDWOP174vRntCPFKg+AS7InWvw==", + "dev": true, + "license": "MIT", + "dependencies": { + "@oxc-project/types": "^0.142.0" + }, + "engines": { + "node": "^20.19.0 || >=22.12.0" + }, + "funding": { + "url": "https://github.com/sponsors/Boshen" + }, + "optionalDependencies": { + "@oxc-parser/binding-android-arm-eabi": "0.142.0", + "@oxc-parser/binding-android-arm64": "0.142.0", + "@oxc-parser/binding-darwin-arm64": "0.142.0", + "@oxc-parser/binding-darwin-x64": "0.142.0", + "@oxc-parser/binding-freebsd-x64": "0.142.0", + "@oxc-parser/binding-linux-arm-gnueabihf": "0.142.0", + "@oxc-parser/binding-linux-arm-musleabihf": "0.142.0", + "@oxc-parser/binding-linux-arm64-gnu": "0.142.0", + "@oxc-parser/binding-linux-arm64-musl": "0.142.0", + "@oxc-parser/binding-linux-ppc64-gnu": "0.142.0", + "@oxc-parser/binding-linux-riscv64-gnu": "0.142.0", + "@oxc-parser/binding-linux-riscv64-musl": "0.142.0", + "@oxc-parser/binding-linux-s390x-gnu": "0.142.0", + "@oxc-parser/binding-linux-x64-gnu": "0.142.0", + "@oxc-parser/binding-linux-x64-musl": "0.142.0", + "@oxc-parser/binding-openharmony-arm64": "0.142.0", + "@oxc-parser/binding-wasm32-wasi": "0.142.0", + "@oxc-parser/binding-win32-arm64-msvc": "0.142.0", + "@oxc-parser/binding-win32-ia32-msvc": "0.142.0", + "@oxc-parser/binding-win32-x64-msvc": "0.142.0" + } + }, "node_modules/p-limit": { "version": "3.1.0", "resolved": "https://registry.npmjs.org/p-limit/-/p-limit-3.1.0.tgz", @@ -13819,19 +13725,6 @@ "url": "https://github.com/sponsors/sindresorhus" } }, - "node_modules/p-map": { - "version": "7.0.4", - "resolved": "https://registry.npmjs.org/p-map/-/p-map-7.0.4.tgz", - "integrity": "sha512-tkAQEw8ysMzmkhgw8k+1U/iPhWNhykKnSk4Rd5zLoPJCuJaGRPo6YposrZgaxHKzDHdDWWZvE/Sk7hsL2X/CpQ==", - "dev": true, - "license": "MIT", - "engines": { - "node": ">=18" - }, - "funding": { - "url": "https://github.com/sponsors/sindresorhus" - } - }, "node_modules/package-json-from-dist": { "version": "1.0.1", "resolved": "https://registry.npmjs.org/package-json-from-dist/-/package-json-from-dist-1.0.1.tgz", @@ -13839,38 +13732,6 @@ "dev": true, "license": "BlueOak-1.0.0" }, - "node_modules/pacote": { - "version": "21.5.0", - "resolved": "https://registry.npmjs.org/pacote/-/pacote-21.5.0.tgz", - "integrity": "sha512-VtZ0SB8mb5Tzw3dXDfVAIjhyVKUHZkS/ZH9/5mpKenwC9sFOXNI0JI7kEF7IMkwOnsWMFrvAZHzx1T5fmrp9FQ==", - "dev": true, - "license": "ISC", - "dependencies": { - "@gar/promise-retry": "^1.0.0", - "@npmcli/git": "^7.0.0", - "@npmcli/installed-package-contents": "^4.0.0", - "@npmcli/package-json": "^7.0.0", - "@npmcli/promise-spawn": "^9.0.0", - "@npmcli/run-script": "^10.0.0", - "cacache": "^20.0.0", - "fs-minipass": "^3.0.0", - "minipass": "^7.0.2", - "npm-package-arg": "^13.0.0", - "npm-packlist": "^10.0.1", - "npm-pick-manifest": "^11.0.1", - "npm-registry-fetch": "^19.0.0", - "proc-log": "^6.0.0", - "sigstore": "^4.0.0", - "ssri": "^13.0.0", - "tar": "^7.4.3" - }, - "bin": { - "pacote": "bin/index.js" - }, - "engines": { - "node": "^20.17.0 || >=22.9.0" - } - }, "node_modules/pako": { "version": "2.2.0", "resolved": "https://registry.npmjs.org/pako/-/pako-2.2.0.tgz", @@ -14092,16 +13953,6 @@ "url": "https://github.com/sponsors/isaacs" } }, - "node_modules/path-scurry/node_modules/lru-cache": { - "version": "11.5.1", - "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-11.5.1.tgz", - "integrity": "sha512-RPimw/7aMdv2oqRrxKwvZXcPfwBrn/JZ2xYcY9Hus/6LaS3VOAKVWKWgNLCFSiOm1ESXinjsDlidVU7JlnCN2A==", - "dev": true, - "license": "BlueOak-1.0.0", - "engines": { - "node": "20 || >=22" - } - }, "node_modules/path-to-regexp": { "version": "0.1.13", "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-0.1.13.tgz", @@ -14135,9 +13986,9 @@ "license": "ISC" }, "node_modules/picomatch": { - "version": "4.0.4", - "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.4.tgz", - "integrity": "sha512-QP88BAKvMam/3NxH6vj2o21R6MjxZUAd6nlwAS/pnGvN9IVLocLHxGYIzFhg6fUQ+5th6P4dv4eW9jX3DSIj7A==", + "version": "4.0.5", + "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-4.0.5.tgz", + "integrity": "sha512-RvwwcruNjI1ncT5xRakeyS9Lf8lcItv34KD+aif+VH9kduAyfYBipGh12274xtenIPZ119/R9BdTBa8gAwSh0A==", "license": "MIT", "engines": { "node": ">=12" @@ -14147,9 +13998,9 @@ } }, "node_modules/piscina": { - "version": "5.1.4", - "resolved": "https://registry.npmjs.org/piscina/-/piscina-5.1.4.tgz", - "integrity": "sha512-7uU4ZnKeQq22t9AsmHGD2w4OYQGonwFnTypDypaWi7Qr2EvQIFVtG8J5D/3bE7W123Wdc9+v4CZDu5hJXVCtBg==", + "version": "5.2.0", + "resolved": "https://registry.npmjs.org/piscina/-/piscina-5.2.0.tgz", + "integrity": "sha512-DszUCKeVN/5G5QKo6jAVHL8fmKnkJvQ0ACiVgY7YGCq3TUB2oznAOayvZPIAdEThvhczkXR+qm3IHsNXpFCYfA==", "dev": true, "license": "MIT", "engines": { @@ -14251,13 +14102,13 @@ } }, "node_modules/proc-log": { - "version": "6.1.0", - "resolved": "https://registry.npmjs.org/proc-log/-/proc-log-6.1.0.tgz", - "integrity": "sha512-iG+GYldRf2BQ0UDUAd6JQ/RwzaQy6mXmsk/IzlYyal4A4SNFw54MeH4/tLkF4I5WoWG9SQwuqWzS99jaFQHBuQ==", + "version": "7.0.0", + "resolved": "https://registry.npmjs.org/proc-log/-/proc-log-7.0.0.tgz", + "integrity": "sha512-FYgfaA69XZ93zaXLoMNQ+ViDXGGBgR8aLh03txzcFhV+9xOXx7+8DLCULrKKpR9+GsH9ZfHm82aSUPpozX0Ztg==", "dev": true, "license": "ISC", "engines": { - "node": "^20.17.0 || >=22.9.0" + "node": "^22.22.2 || ^24.15.0 || >=26.0.0" } }, "node_modules/process-nextick-args": { @@ -14290,6 +14141,24 @@ "node": ">= 0.10" } }, + "node_modules/proxy-agent-negotiate": { + "version": "1.1.0", + "resolved": "https://registry.npmjs.org/proxy-agent-negotiate/-/proxy-agent-negotiate-1.1.0.tgz", + "integrity": "sha512-N8IBcM3UgCVzz2L2Lqv8DVntDnnC8/hiV4nEDUPkqq72TPUgYWjQc+bdZlBPZK9LzPAvOY//gAt0S0DApoOXWQ==", + "dev": true, + "license": "MIT", + "engines": { + "node": ">= 20" + }, + "peerDependencies": { + "kerberos": "^2.0.0" + }, + "peerDependenciesMeta": { + "kerberos": { + "optional": true + } + } + }, "node_modules/psl": { "version": "1.15.0", "resolved": "https://registry.npmjs.org/psl/-/psl-1.15.0.tgz", @@ -14329,12 +14198,13 @@ } }, "node_modules/qs": { - "version": "6.15.2", - "resolved": "https://registry.npmjs.org/qs/-/qs-6.15.2.tgz", - "integrity": "sha512-Rzq0KEyX/w/tEybncDgdkZrJgVUsUMk3xjh3t5bv3S1HTAtg+uOYt72+ZfwiQwKdysThkTBdL/rTi6HDmX9Ddw==", + "version": "6.15.3", + "resolved": "https://registry.npmjs.org/qs/-/qs-6.15.3.tgz", + "integrity": "sha512-O9gl3zCl5h5blw1KGUzQKhA5oUXSl8rwUIM5o0S3nCXMliSvy5Dzx7/DJcI+SwgICv+IneSZwhBh1oSyEHA71A==", "license": "BSD-3-Clause", "dependencies": { - "side-channel": "^1.1.0" + "es-define-property": "^1.0.1", + "side-channel": "^1.1.1" }, "engines": { "node": ">=0.6" @@ -14433,9 +14303,9 @@ "license": "MIT" }, "node_modules/readdirp": { - "version": "5.0.0", - "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-5.0.0.tgz", - "integrity": "sha512-9u/XQ1pvrQtYyMpZe7DXKv2p5CNvyVwzUB6uhLAnQwHMSgKMBR62lc7AHljaeteeHXn11XTAaLLUVZYVZyuRBQ==", + "version": "5.1.1", + "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-5.1.1.tgz", + "integrity": "sha512-Kko+Y5XQ6fM+Ce3dq3m9YGxnacYZYl9cA1wZjaF3Vbry2L3i1qVg8+CAgNPsXRArPMUMCaOR7oa9Nqntc43JKA==", "license": "MIT", "engines": { "node": ">= 20.19.0" @@ -14811,57 +14681,49 @@ "node": "*" } }, - "node_modules/rollup": { - "version": "4.60.2", - "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.60.2.tgz", - "integrity": "sha512-J9qZyW++QK/09NyN/zeO0dG/1GdGfyp9lV8ajHnRVLfo/uFsbji5mHnDgn/qYdUHyCkM2N+8VyspgZclfAh0eQ==", + "node_modules/rolldown": { + "version": "1.2.0", + "resolved": "https://registry.npmjs.org/rolldown/-/rolldown-1.2.0.tgz", + "integrity": "sha512-u7tgm5l4Yw1iTqUL4EcYOAt7fFvCgQMLeidrnD4GALlC6aOznCjezYajgxeyKw27u0Q5N7fwgCzjVyPIWzwuBA==", "dev": true, "license": "MIT", "dependencies": { - "@types/estree": "1.0.8" + "@oxc-project/types": "=0.140.0", + "@rolldown/pluginutils": "^1.0.0" }, "bin": { - "rollup": "dist/bin/rollup" + "rolldown": "bin/cli.mjs" }, "engines": { - "node": ">=18.0.0", - "npm": ">=8.0.0" + "node": "^20.19.0 || >=22.12.0" }, "optionalDependencies": { - "@rollup/rollup-android-arm-eabi": "4.60.2", - "@rollup/rollup-android-arm64": "4.60.2", - "@rollup/rollup-darwin-arm64": "4.60.2", - "@rollup/rollup-darwin-x64": "4.60.2", - "@rollup/rollup-freebsd-arm64": "4.60.2", - "@rollup/rollup-freebsd-x64": "4.60.2", - "@rollup/rollup-linux-arm-gnueabihf": "4.60.2", - "@rollup/rollup-linux-arm-musleabihf": "4.60.2", - "@rollup/rollup-linux-arm64-gnu": "4.60.2", - "@rollup/rollup-linux-arm64-musl": "4.60.2", - "@rollup/rollup-linux-loong64-gnu": "4.60.2", - "@rollup/rollup-linux-loong64-musl": "4.60.2", - "@rollup/rollup-linux-ppc64-gnu": "4.60.2", - "@rollup/rollup-linux-ppc64-musl": "4.60.2", - "@rollup/rollup-linux-riscv64-gnu": "4.60.2", - "@rollup/rollup-linux-riscv64-musl": "4.60.2", - "@rollup/rollup-linux-s390x-gnu": "4.60.2", - "@rollup/rollup-linux-x64-gnu": "4.60.2", - "@rollup/rollup-linux-x64-musl": "4.60.2", - "@rollup/rollup-openbsd-x64": "4.60.2", - "@rollup/rollup-openharmony-arm64": "4.60.2", - "@rollup/rollup-win32-arm64-msvc": "4.60.2", - "@rollup/rollup-win32-ia32-msvc": "4.60.2", - "@rollup/rollup-win32-x64-gnu": "4.60.2", - "@rollup/rollup-win32-x64-msvc": "4.60.2", - "fsevents": "~2.3.2" + "@rolldown/binding-android-arm64": "1.2.0", + "@rolldown/binding-darwin-arm64": "1.2.0", + "@rolldown/binding-darwin-x64": "1.2.0", + "@rolldown/binding-freebsd-x64": "1.2.0", + "@rolldown/binding-linux-arm-gnueabihf": "1.2.0", + "@rolldown/binding-linux-arm64-gnu": "1.2.0", + "@rolldown/binding-linux-arm64-musl": "1.2.0", + "@rolldown/binding-linux-ppc64-gnu": "1.2.0", + "@rolldown/binding-linux-s390x-gnu": "1.2.0", + "@rolldown/binding-linux-x64-gnu": "1.2.0", + "@rolldown/binding-linux-x64-musl": "1.2.0", + "@rolldown/binding-openharmony-arm64": "1.2.0", + "@rolldown/binding-wasm32-wasi": "1.2.0", + "@rolldown/binding-win32-arm64-msvc": "1.2.0", + "@rolldown/binding-win32-x64-msvc": "1.2.0" } }, - "node_modules/rollup/node_modules/@types/estree": { - "version": "1.0.8", - "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.8.tgz", - "integrity": "sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w==", + "node_modules/rolldown/node_modules/@oxc-project/types": { + "version": "0.140.0", + "resolved": "https://registry.npmjs.org/@oxc-project/types/-/types-0.140.0.tgz", + "integrity": "sha512-h5LUOzGArYemnW1NMz/DuuQhBi96J6JL2Bk8zE4kvqxB5Sg3jxmCiH4uyOWHDkiKSt5vWlG4FIwCR/DbstcNRQ==", "dev": true, - "license": "MIT" + "license": "MIT", + "funding": { + "url": "https://github.com/sponsors/Boshen" + } }, "node_modules/router": { "version": "2.2.0", @@ -14980,13 +14842,13 @@ "license": "MIT" }, "node_modules/sass": { - "version": "1.99.0", - "resolved": "https://registry.npmjs.org/sass/-/sass-1.99.0.tgz", - "integrity": "sha512-kgW13M54DUB7IsIRM5LvJkNlpH+WhMpooUcaWGFARkF1Tc82v9mIWkCbCYf+MBvpIUBSeSOTilpZjEPr2VYE6Q==", + "version": "1.101.0", + "resolved": "https://registry.npmjs.org/sass/-/sass-1.101.0.tgz", + "integrity": "sha512-OL3GoQyoUdDt843DpVmDO6y2k1sc5IhUDSpu8XucEI+35neq5QivZ1iuegnpraEVTJXlQGK1gl27zKcTLEPbQw==", "dev": true, "license": "MIT", "dependencies": { - "chokidar": "^4.0.0", + "chokidar": "^5.0.0", "immutable": "^5.1.5", "source-map-js": ">=0.6.2 <2.0.0" }, @@ -14994,7 +14856,7 @@ "sass": "sass.js" }, "engines": { - "node": ">=14.0.0" + "node": ">=20.19.0" }, "optionalDependencies": { "@parcel/watcher": "^2.4.1" @@ -15464,40 +15326,10 @@ "url": "https://github.com/chalk/supports-color?sponsor=1" } }, - "node_modules/sass/node_modules/chokidar": { - "version": "4.0.3", - "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-4.0.3.tgz", - "integrity": "sha512-Qgzu8kfBvo+cA4962jnP1KkS6Dop5NS6g7R5LFYJr4b8Ub94PPQXUksCw9PvXoeXPRRddRNC5C1JQUR2SMGtnA==", - "dev": true, - "license": "MIT", - "dependencies": { - "readdirp": "^4.0.1" - }, - "engines": { - "node": ">= 14.16.0" - }, - "funding": { - "url": "https://paulmillr.com/funding/" - } - }, - "node_modules/sass/node_modules/readdirp": { - "version": "4.1.2", - "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-4.1.2.tgz", - "integrity": "sha512-GDhwkLfywWL2s6vEjyhri+eXmfH6j1L7JE27WhqLeYzoh/A3DBaYGEj2H/HFZCn/kMfim73FXxEJTw06WtxQwg==", - "dev": true, - "license": "MIT", - "engines": { - "node": ">= 14.18.0" - }, - "funding": { - "type": "individual", - "url": "https://paulmillr.com/funding/" - } - }, "node_modules/semver": { - "version": "7.8.0", - "resolved": "https://registry.npmjs.org/semver/-/semver-7.8.0.tgz", - "integrity": "sha512-AcM7dV/5ul4EekoQ29Agm5vri8JNqRyj39o0qpX6vDF2GZrtutZl5RwgD1XnZjiTAfncsJhMI48QQH3sN87YNA==", + "version": "7.8.5", + "resolved": "https://registry.npmjs.org/semver/-/semver-7.8.5.tgz", + "integrity": "sha512-Y7/KDsb8LjooZpwaqGyulO6DQlksgCncchHGk+sZIY4SBvUocMBEFH5Ur1fI4dV+Jvl0w6cjvucaIi40puRioA==", "license": "ISC", "bin": { "semver": "bin/semver.js" @@ -15668,19 +15500,22 @@ } }, "node_modules/shiki": { - "version": "3.23.0", - "resolved": "https://registry.npmjs.org/shiki/-/shiki-3.23.0.tgz", - "integrity": "sha512-55Dj73uq9ZXL5zyeRPzHQsK7Nbyt6Y10k5s7OjuFZGMhpp4r/rsLBH0o/0fstIzX1Lep9VxefWljK/SKCzygIA==", + "version": "4.4.3", + "resolved": "https://registry.npmjs.org/shiki/-/shiki-4.4.3.tgz", + "integrity": "sha512-Mb/GvXPHBAXdgGIcnfU5L3ldpn1XcxrGkPHwqgRx17/I2XRfqlFKk2vGkHWINn1kdXvzJZeuO3is6I9KLPFm0g==", "license": "MIT", "dependencies": { - "@shikijs/core": "3.23.0", - "@shikijs/engine-javascript": "3.23.0", - "@shikijs/engine-oniguruma": "3.23.0", - "@shikijs/langs": "3.23.0", - "@shikijs/themes": "3.23.0", - "@shikijs/types": "3.23.0", + "@shikijs/core": "4.4.3", + "@shikijs/engine-javascript": "4.4.3", + "@shikijs/engine-oniguruma": "4.4.3", + "@shikijs/langs": "4.4.3", + "@shikijs/themes": "4.4.3", + "@shikijs/types": "4.4.3", "@shikijs/vscode-textmate": "^10.0.2", - "@types/hast": "^3.0.4" + "@types/hast": "^3.0.5" + }, + "engines": { + "node": ">=20" } }, "node_modules/side-channel": { @@ -15768,24 +15603,6 @@ "url": "https://github.com/sponsors/isaacs" } }, - "node_modules/sigstore": { - "version": "4.1.1", - "resolved": "https://registry.npmjs.org/sigstore/-/sigstore-4.1.1.tgz", - "integrity": "sha512-endqECJkfhozrXMK5ngu/UAA0xVcVEFdnHJCElGaExypjW+HK5i6zu3NteLoaX/iFbRUbC3+DjttQs0GARr+5w==", - "dev": true, - "license": "Apache-2.0", - "dependencies": { - "@sigstore/bundle": "^4.0.0", - "@sigstore/core": "^3.2.1", - "@sigstore/protobuf-specs": "^0.5.0", - "@sigstore/sign": "^4.1.1", - "@sigstore/tuf": "^4.0.2", - "@sigstore/verify": "^3.1.1" - }, - "engines": { - "node": "^20.17.0 || >=22.9.0" - } - }, "node_modules/sirv": { "version": "2.0.4", "resolved": "https://registry.npmjs.org/sirv/-/sirv-2.0.4.tgz", @@ -15812,9 +15629,9 @@ } }, "node_modules/slice-ansi": { - "version": "8.0.0", - "resolved": "https://registry.npmjs.org/slice-ansi/-/slice-ansi-8.0.0.tgz", - "integrity": "sha512-stxByr12oeeOyY2BlviTNQlYV5xOj47GirPr4yA1hE9JCtxfQN0+tVbkxwCtYDQWhEKWFHsEK48ORg5jrouCAg==", + "version": "9.0.0", + "resolved": "https://registry.npmjs.org/slice-ansi/-/slice-ansi-9.0.0.tgz", + "integrity": "sha512-SO/3iYL5S3W57LLEniscOGPZgOqZUPCx6d3dB+52B80yJ0XstzsC/eV8gnA4tM3MHDrKz+OCFSLNjswdSC+/bA==", "dev": true, "license": "MIT", "dependencies": { @@ -15822,7 +15639,7 @@ "is-fullwidth-code-point": "^5.1.0" }, "engines": { - "node": ">=20" + "node": ">=22" }, "funding": { "url": "https://github.com/chalk/slice-ansi?sponsor=1" @@ -15841,17 +15658,6 @@ "url": "https://github.com/chalk/ansi-styles?sponsor=1" } }, - "node_modules/smart-buffer": { - "version": "4.2.0", - "resolved": "https://registry.npmjs.org/smart-buffer/-/smart-buffer-4.2.0.tgz", - "integrity": "sha512-94hK0Hh8rPqQl2xXc3HsaBoOXKV20MToPkcXvwbISWLEs+64sBq5kFgn2kJDHb1Pry9yrP0dxrCI9RRci7RXKg==", - "dev": true, - "license": "MIT", - "engines": { - "node": ">= 6.0.0", - "npm": ">= 3.0.0" - } - }, "node_modules/socket.io": { "version": "4.8.3", "resolved": "https://registry.npmjs.org/socket.io/-/socket.io-4.8.3.tgz", @@ -15918,46 +15724,6 @@ "node": ">=10.0.0" } }, - "node_modules/socks": { - "version": "2.8.9", - "resolved": "https://registry.npmjs.org/socks/-/socks-2.8.9.tgz", - "integrity": "sha512-LJhUYUvItdQ0LkJTmPeaEObWXAqFyfmP85x0tch/ez9cahmhlBBLbIqDFnvBnUJGagb0JbIQrkBs1wJ+yRYpEw==", - "dev": true, - "license": "MIT", - "dependencies": { - "ip-address": "^10.1.1", - "smart-buffer": "^4.2.0" - }, - "engines": { - "node": ">= 10.0.0", - "npm": ">= 3.0.0" - } - }, - "node_modules/socks-proxy-agent": { - "version": "8.0.5", - "resolved": "https://registry.npmjs.org/socks-proxy-agent/-/socks-proxy-agent-8.0.5.tgz", - "integrity": "sha512-HehCEsotFqbPW9sJ8WVYB6UbmIMv7kUUORIF2Nncq4VQvBfNBLibW9YZR5dlYCSUhwcD628pRllm7n+E+YTzJw==", - "dev": true, - "license": "MIT", - "dependencies": { - "agent-base": "^7.1.2", - "debug": "^4.3.4", - "socks": "^2.8.3" - }, - "engines": { - "node": ">= 14" - } - }, - "node_modules/socks-proxy-agent/node_modules/agent-base": { - "version": "7.1.4", - "resolved": "https://registry.npmjs.org/agent-base/-/agent-base-7.1.4.tgz", - "integrity": "sha512-MnA+YT8fwfJPgBx3m60MNqakm30XOkyIoH1y6huTQvC0PwZG7ki8NacLBcrPbNoo8vEZy7Jpuk7+jMO+CUovTQ==", - "dev": true, - "license": "MIT", - "engines": { - "node": ">= 14" - } - }, "node_modules/source-map": { "version": "0.7.6", "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.7.6.tgz", @@ -16026,9 +15792,9 @@ "license": "CC-BY-3.0" }, "node_modules/spdx-expression-parse": { - "version": "4.0.0", - "resolved": "https://registry.npmjs.org/spdx-expression-parse/-/spdx-expression-parse-4.0.0.tgz", - "integrity": "sha512-Clya5JIij/7C6bRR22+tnGXbc4VKlibKSVj2iHvVeX5iMW7s1SIQlqu699JkODJJIhh/pUu8L0/VLh8xflD+LQ==", + "version": "5.0.0", + "resolved": "https://registry.npmjs.org/spdx-expression-parse/-/spdx-expression-parse-5.0.0.tgz", + "integrity": "sha512-vngmw3Rgn+o2arXNbnZaj5UtOEBuWBfvaI+Wc8GFfykIhA5/vdK9/Sp/XkLv63dykz2rxKDvKEHupF5P0FORcQ==", "dev": true, "license": "MIT", "dependencies": { @@ -16057,9 +15823,9 @@ } }, "node_modules/sql-formatter": { - "version": "15.8.1", - "resolved": "https://registry.npmjs.org/sql-formatter/-/sql-formatter-15.8.1.tgz", - "integrity": "sha512-nT2r90kTEYBuse9fe4r1Rp78v1mOBD35KsGc07Vo9eQSVa1TcTSnCS0zouf6BCmdzvmqBsBW+cYuBoYkHO/OWg==", + "version": "15.8.2", + "resolved": "https://registry.npmjs.org/sql-formatter/-/sql-formatter-15.8.2.tgz", + "integrity": "sha512-kTYRg5FIcvsDtYUG2Qn9pYT6xKwiLJN5TTIvc5Mur6hIg4pSfdpHu8Yyu5bqESLHnVM3mXzD446cb2+uEaKZXg==", "license": "MIT", "dependencies": { "argparse": "^2.0.1", @@ -16069,19 +15835,6 @@ "sql-formatter": "bin/sql-formatter-cli.cjs" } }, - "node_modules/ssri": { - "version": "13.0.1", - "resolved": "https://registry.npmjs.org/ssri/-/ssri-13.0.1.tgz", - "integrity": "sha512-QUiRf1+u9wPTL/76GTYlKttDEBWV1ga9ZXW8BG6kfdeyyM8LGPix9gROyg9V2+P0xNyF3X2Go526xKFdMZrHSQ==", - "dev": true, - "license": "ISC", - "dependencies": { - "minipass": "^7.0.3" - }, - "engines": { - "node": "^20.17.0 || >=22.9.0" - } - }, "node_modules/stackblur-canvas": { "version": "2.7.0", "resolved": "https://registry.npmjs.org/stackblur-canvas/-/stackblur-canvas-2.7.0.tgz", @@ -16172,9 +15925,9 @@ } }, "node_modules/streamx": { - "version": "2.27.0", - "resolved": "https://registry.npmjs.org/streamx/-/streamx-2.27.0.tgz", - "integrity": "sha512-WZ189TKnHoAokYHvwzaAQMpd55cgUmFIcJFzBSgGcb886jau5DL+XdDhTWV4ps3FLvk+OORp0dLRTPsLZ21CSA==", + "version": "2.28.1", + "resolved": "https://registry.npmjs.org/streamx/-/streamx-2.28.1.tgz", + "integrity": "sha512-zEzXb0s5Cds7tqMH6rhZ05lcJydCWiQPEwiNngVqzsxCc962vLY4Uw+mW7od8kDH258k2Uz/JrOkdIAAhSh9VA==", "dev": true, "license": "MIT", "dependencies": { @@ -16439,49 +16192,22 @@ } }, "node_modules/tailwindcss": { - "version": "4.3.0", - "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-4.3.0.tgz", - "integrity": "sha512-y6nxMGB1nMW9R6k96e5gdIFzcfL/gTJRNaqGes1YvkLnPVXzWgbqFF2yLC0T8G774n24cx3Pe8XrKoniCOAH+Q==", - "license": "MIT" - }, - "node_modules/tapable": { - "version": "2.3.3", - "resolved": "https://registry.npmjs.org/tapable/-/tapable-2.3.3.tgz", - "integrity": "sha512-uxc/zpqFg6x7C8vOE7lh6Lbda8eEL9zmVm/PLeTPBRhh1xCgdWaQ+J1CUieGpIfm2HdtsUpRv+HshiasBMcc6A==", - "license": "MIT", - "engines": { - "node": ">=6" - }, - "funding": { - "type": "opencollective", - "url": "https://opencollective.com/webpack" - } - }, - "node_modules/tar": { - "version": "7.5.22", - "resolved": "https://registry.npmjs.org/tar/-/tar-7.5.22.tgz", - "integrity": "sha512-MFO/QzvtAOmJbkhOaCTvbGcFN9L9b+JunIsDwaKljSOdcLMea3NJ1k9Usz/rjdfSXTq4dfzfeS7W4p4YOAAHeA==", - "dev": true, - "license": "BlueOak-1.0.0", - "dependencies": { - "@isaacs/fs-minipass": "^4.0.0", - "chownr": "^3.0.0", - "minipass": "^7.1.2", - "minizlib": "^3.1.0", - "yallist": "^5.0.0" - }, - "engines": { - "node": ">=18" - } - }, - "node_modules/tar/node_modules/yallist": { - "version": "5.0.0", - "resolved": "https://registry.npmjs.org/yallist/-/yallist-5.0.0.tgz", - "integrity": "sha512-YgvUTfwqyc7UXVMrB+SImsVYSmTS8X/tSrtdNZMImM+n7+QTriRXyXim0mBrTXNeqzVF0KWGgHPeiyViFFrNDw==", - "dev": true, - "license": "BlueOak-1.0.0", + "version": "4.3.3", + "resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-4.3.3.tgz", + "integrity": "sha512-gOhV3P7ufE62QDGg1zVaTgCR+EtPv92k2nIhVcVKcLmxT1sUBsQGhnZj175j+MqRt4zLF7ic+sCYjfhxMxj7YQ==", + "license": "MIT" + }, + "node_modules/tapable": { + "version": "2.3.3", + "resolved": "https://registry.npmjs.org/tapable/-/tapable-2.3.3.tgz", + "integrity": "sha512-uxc/zpqFg6x7C8vOE7lh6Lbda8eEL9zmVm/PLeTPBRhh1xCgdWaQ+J1CUieGpIfm2HdtsUpRv+HshiasBMcc6A==", + "license": "MIT", "engines": { - "node": ">=18" + "node": ">=6" + }, + "funding": { + "type": "opencollective", + "url": "https://opencollective.com/webpack" } }, "node_modules/teex": { @@ -16533,9 +16259,9 @@ } }, "node_modules/tinyglobby": { - "version": "0.2.16", - "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.16.tgz", - "integrity": "sha512-pn99VhoACYR8nFHhxqix+uvsbXineAasWm5ojXoN8xEwK5Kd3/TrhNn1wByuD52UxWRLy8pu+kRMniEi6Eq9Zg==", + "version": "0.2.17", + "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.17.tgz", + "integrity": "sha512-wXR/dYpcqKmfWpEdZjiKJOwCNFndD0DMnrW/cYjVGttEkBfVgcLFHoNrlj47mjOVic9yyNu65alsgF4NQyTa2g==", "license": "MIT", "dependencies": { "fdir": "^6.5.0", @@ -16758,21 +16484,6 @@ "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==", "license": "0BSD" }, - "node_modules/tuf-js": { - "version": "4.1.0", - "resolved": "https://registry.npmjs.org/tuf-js/-/tuf-js-4.1.0.tgz", - "integrity": "sha512-50QV99kCKH5P/Vs4E2Gzp7BopNV+KzTXqWeaxrfu5IQJBOULRsTIS9seSsOVT8ZnGXzCyx55nYWAi4qJzpZKEQ==", - "dev": true, - "license": "MIT", - "dependencies": { - "@tufjs/models": "4.1.0", - "debug": "^4.4.3", - "make-fetch-happen": "^15.0.1" - }, - "engines": { - "node": "^20.17.0 || >=22.9.0" - } - }, "node_modules/type-check": { "version": "0.4.0", "resolved": "https://registry.npmjs.org/type-check/-/type-check-0.4.0.tgz", @@ -16892,16 +16603,16 @@ } }, "node_modules/typescript-eslint": { - "version": "8.61.0", - "resolved": "https://registry.npmjs.org/typescript-eslint/-/typescript-eslint-8.61.0.tgz", - "integrity": "sha512-8y31Rd0eGTrDKqhy6vT0HtzhN+YLjQizwX3aA3hPXP/ynSfnrBXcQY5IzsP9/DM7+klX4IUncZZjkchP0z+rUw==", + "version": "8.68.0", + "resolved": "https://registry.npmjs.org/typescript-eslint/-/typescript-eslint-8.68.0.tgz", + "integrity": "sha512-MHy0Y0ynqeEbx/S45+i/bBssdy3X6KNBfmJAP35GrgtNxu2TQ5K5xsFDhAnmsq1jvpdoZOPG1LGtJo0HWqYCrQ==", "dev": true, "license": "MIT", "dependencies": { - "@typescript-eslint/eslint-plugin": "8.61.0", - "@typescript-eslint/parser": "8.61.0", - "@typescript-eslint/typescript-estree": "8.61.0", - "@typescript-eslint/utils": "8.61.0" + "@typescript-eslint/eslint-plugin": "8.68.0", + "@typescript-eslint/parser": "8.68.0", + "@typescript-eslint/typescript-estree": "8.68.0", + "@typescript-eslint/utils": "8.68.0" }, "engines": { "node": "^18.18.0 || ^20.9.0 || >=21.1.0" @@ -17007,16 +16718,6 @@ "fastest-levenshtein": "^1.0.7" } }, - "node_modules/undici": { - "version": "6.28.0", - "resolved": "https://registry.npmjs.org/undici/-/undici-6.28.0.tgz", - "integrity": "sha512-LIY910g9TI13YS95lrMFrs8Rm/u/irgHeTWoKCoteeJ04CUJ92eEfj0rVn+7VKMPBpUPiUoBKfhNyLI23EE/KA==", - "dev": true, - "license": "MIT", - "engines": { - "node": ">=18.17" - } - }, "node_modules/undici-types": { "version": "7.24.6", "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-7.24.6.tgz", @@ -17112,9 +16813,9 @@ } }, "node_modules/update-browserslist-db": { - "version": "1.2.3", - "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.2.3.tgz", - "integrity": "sha512-Js0m9cx+qOgDxo0eMiFGEueWztz+d4+M3rGlmKPT+T4IS/jP4ylw3Nwpu6cpTTP8R1MAC1kF4VbdLt3ARf209w==", + "version": "1.3.1", + "resolved": "https://registry.npmjs.org/update-browserslist-db/-/update-browserslist-db-1.3.1.tgz", + "integrity": "sha512-ZZ61DsRsOnakl74HAmp3oSN4aXUmEWXf+i/yv0h7tIBfICc3VdrFErQKUUKPgu3AMsTUMbcongALEN4l6GSUrQ==", "funding": [ { "type": "opencollective", @@ -17215,13 +16916,13 @@ } }, "node_modules/validate-npm-package-name": { - "version": "7.0.2", - "resolved": "https://registry.npmjs.org/validate-npm-package-name/-/validate-npm-package-name-7.0.2.tgz", - "integrity": "sha512-hVDIBwsRruT73PbK7uP5ebUt+ezEtCmzZz3F59BSr2F6OVFnJ/6h8liuvdLrQ88Xmnk6/+xGGuq+pG9WwTuy3A==", + "version": "8.0.0", + "resolved": "https://registry.npmjs.org/validate-npm-package-name/-/validate-npm-package-name-8.0.0.tgz", + "integrity": "sha512-SCv6OOV6Xj2/3cXy3dGmADluJTNcL3o7hZAglNPTe+WYuEuvxgJzxPrSDLZhF+CwyQOubqgecjMmTJGMVLWjYQ==", "dev": true, "license": "ISC", "engines": { - "node": "^20.17.0 || >=22.9.0" + "node": "^22.22.2 || ^24.15.0 || >=26.0.0" } }, "node_modules/value-or-function": { @@ -17372,18 +17073,17 @@ "license": "MIT" }, "node_modules/vite": { - "version": "7.3.2", - "resolved": "https://registry.npmjs.org/vite/-/vite-7.3.2.tgz", - "integrity": "sha512-Bby3NOsna2jsjfLVOHKes8sGwgl4TT0E6vvpYgnAYDIF/tie7MRaFthmKuHx1NSXjiTueXH3do80FMQgvEktRg==", + "version": "8.1.5", + "resolved": "https://registry.npmjs.org/vite/-/vite-8.1.5.tgz", + "integrity": "sha512-7ULLwsCdYx/nRyrpiEwvqb5TFHrMVZyBt+rg/OAXT7rgj/z+DtTDyKFeLAdDkubDVDKD8jOsndmy7m55XcfUsw==", "dev": true, "license": "MIT", "dependencies": { - "esbuild": "^0.27.0", - "fdir": "^6.5.0", - "picomatch": "^4.0.3", - "postcss": "^8.5.6", - "rollup": "^4.43.0", - "tinyglobby": "^0.2.15" + "lightningcss": "^1.32.0", + "picomatch": "^4.0.5", + "postcss": "^8.5.17", + "rolldown": "~1.1.5", + "tinyglobby": "^0.2.17" }, "bin": { "vite": "bin/vite.js" @@ -17399,9 +17099,10 @@ }, "peerDependencies": { "@types/node": "^20.19.0 || >=22.12.0", + "@vitejs/devtools": "^0.3.0", + "esbuild": "^0.27.0 || ^0.28.0", "jiti": ">=1.21.0", "less": "^4.0.0", - "lightningcss": "^1.21.0", "sass": "^1.70.0", "sass-embedded": "^1.70.0", "stylus": ">=0.54.8", @@ -17414,13 +17115,16 @@ "@types/node": { "optional": true }, - "jiti": { + "@vitejs/devtools": { "optional": true }, - "less": { + "esbuild": { + "optional": true + }, + "jiti": { "optional": true }, - "lightningcss": { + "less": { "optional": true }, "sass": { @@ -17446,63 +17150,45 @@ } } }, - "node_modules/vite/node_modules/@esbuild/aix-ppc64": { - "version": "0.27.7", - "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.27.7.tgz", - "integrity": "sha512-EKX3Qwmhz1eMdEJokhALr0YiD0lhQNwDqkPYyPhiSwKrh7/4KRjQc04sZ8db+5DVVnZ1LmbNDI1uAMPEUBnQPg==", - "cpu": [ - "ppc64" - ], + "node_modules/vite/node_modules/@emnapi/core": { + "version": "1.11.1", + "resolved": "https://registry.npmjs.org/@emnapi/core/-/core-1.11.1.tgz", + "integrity": "sha512-RSvbQmHzdKzNsLYa/wHrbc3KN4sYLKAdPZxqiM2HATqv/SBk2/ENSHpvXGaLOMcsAyz0poEGqkmmKYG3OWiJEQ==", "dev": true, "license": "MIT", "optional": true, - "os": [ - "aix" - ], - "engines": { - "node": ">=18" + "dependencies": { + "@emnapi/wasi-threads": "1.2.2", + "tslib": "^2.4.0" } }, - "node_modules/vite/node_modules/@esbuild/android-arm": { - "version": "0.27.7", - "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.27.7.tgz", - "integrity": "sha512-jbPXvB4Yj2yBV7HUfE2KHe4GJX51QplCN1pGbYjvsyCZbQmies29EoJbkEc+vYuU5o45AfQn37vZlyXy4YJ8RQ==", - "cpu": [ - "arm" - ], + "node_modules/vite/node_modules/@emnapi/runtime": { + "version": "1.11.1", + "resolved": "https://registry.npmjs.org/@emnapi/runtime/-/runtime-1.11.1.tgz", + "integrity": "sha512-vgj7R3y3Wgx24IQaGPA/R6YFXLHVMOZ0uVEyIQPaWs+rd1AzfEMXlAC22FYwO1XkKR6NPsq7mUandH8oIRdZFw==", "dev": true, "license": "MIT", "optional": true, - "os": [ - "android" - ], - "engines": { - "node": ">=18" + "dependencies": { + "tslib": "^2.4.0" } }, - "node_modules/vite/node_modules/@esbuild/android-arm64": { - "version": "0.27.7", - "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.27.7.tgz", - "integrity": "sha512-62dPZHpIXzvChfvfLJow3q5dDtiNMkwiRzPylSCfriLvZeq0a1bWChrGx/BbUbPwOrsWKMn8idSllklzBy+dgQ==", - "cpu": [ - "arm64" - ], + "node_modules/vite/node_modules/@oxc-project/types": { + "version": "0.139.0", + "resolved": "https://registry.npmjs.org/@oxc-project/types/-/types-0.139.0.tgz", + "integrity": "sha512-r9gHphtCs+1M7J0pw6Sn/hh/Wpa/iQrOOkrNAlVLF/gHq+/CJmHIWKKUUhdWjcD6CIa8idarspCsASiXCXvFUw==", "dev": true, "license": "MIT", - "optional": true, - "os": [ - "android" - ], - "engines": { - "node": ">=18" + "funding": { + "url": "https://github.com/sponsors/Boshen" } }, - "node_modules/vite/node_modules/@esbuild/android-x64": { - "version": "0.27.7", - "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.27.7.tgz", - "integrity": "sha512-x5VpMODneVDb70PYV2VQOmIUUiBtY3D3mPBG8NxVk5CogneYhkR7MmM3yR/uMdITLrC1ml/NV1rj4bMJuy9MCg==", + "node_modules/vite/node_modules/@rolldown/binding-android-arm64": { + "version": "1.1.5", + "resolved": "https://registry.npmjs.org/@rolldown/binding-android-arm64/-/binding-android-arm64-1.1.5.tgz", + "integrity": "sha512-lZg8fqIv2v7FF237bwMgzGZEJvGL79/s5knJ/i6FmsGF4XXlzccZ4jb+TrFIxtSSxFtIpdsgrPZeMk1I9AFcyQ==", "cpu": [ - "x64" + "arm64" ], "dev": true, "license": "MIT", @@ -17511,13 +17197,13 @@ "android" ], "engines": { - "node": ">=18" + "node": "^20.19.0 || >=22.12.0" } }, - "node_modules/vite/node_modules/@esbuild/darwin-arm64": { - "version": "0.27.7", - "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.27.7.tgz", - "integrity": "sha512-5lckdqeuBPlKUwvoCXIgI2D9/ABmPq3Rdp7IfL70393YgaASt7tbju3Ac+ePVi3KDH6N2RqePfHnXkaDtY9fkw==", + "node_modules/vite/node_modules/@rolldown/binding-darwin-arm64": { + "version": "1.1.5", + "resolved": "https://registry.npmjs.org/@rolldown/binding-darwin-arm64/-/binding-darwin-arm64-1.1.5.tgz", + "integrity": "sha512-51Bnx9pNiMRKSUNtBfySkNJ9vMU9Hh3I1ozDd6gyPPYzaXCfnptUcEZxXGYFn+ul2dtcMUiqGR1Yai2K10uoTw==", "cpu": [ "arm64" ], @@ -17528,13 +17214,13 @@ "darwin" ], "engines": { - "node": ">=18" + "node": "^20.19.0 || >=22.12.0" } }, - "node_modules/vite/node_modules/@esbuild/darwin-x64": { - "version": "0.27.7", - "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.27.7.tgz", - "integrity": "sha512-rYnXrKcXuT7Z+WL5K980jVFdvVKhCHhUwid+dDYQpH+qu+TefcomiMAJpIiC2EM3Rjtq0sO3StMV/+3w3MyyqQ==", + "node_modules/vite/node_modules/@rolldown/binding-darwin-x64": { + "version": "1.1.5", + "resolved": "https://registry.npmjs.org/@rolldown/binding-darwin-x64/-/binding-darwin-x64-1.1.5.tgz", + "integrity": "sha512-Tm+gbfC0aHu1tBA/JvKQh32S0K6YgCHkiAF4/W6xX0K0RmNuc94VeK419dJoE65R5aRxmo+noZQSWrAMF6yb6g==", "cpu": [ "x64" ], @@ -17545,30 +17231,13 @@ "darwin" ], "engines": { - "node": ">=18" - } - }, - "node_modules/vite/node_modules/@esbuild/freebsd-arm64": { - "version": "0.27.7", - "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.27.7.tgz", - "integrity": "sha512-B48PqeCsEgOtzME2GbNM2roU29AMTuOIN91dsMO30t+Ydis3z/3Ngoj5hhnsOSSwNzS+6JppqWsuhTp6E82l2w==", - "cpu": [ - "arm64" - ], - "dev": true, - "license": "MIT", - "optional": true, - "os": [ - "freebsd" - ], - "engines": { - "node": ">=18" + "node": "^20.19.0 || >=22.12.0" } }, - "node_modules/vite/node_modules/@esbuild/freebsd-x64": { - "version": "0.27.7", - "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.27.7.tgz", - "integrity": "sha512-jOBDK5XEjA4m5IJK3bpAQF9/Lelu/Z9ZcdhTRLf4cajlB+8VEhFFRjWgfy3M1O4rO2GQ/b2dLwCUGpiF/eATNQ==", + "node_modules/vite/node_modules/@rolldown/binding-freebsd-x64": { + "version": "1.1.5", + "resolved": "https://registry.npmjs.org/@rolldown/binding-freebsd-x64/-/binding-freebsd-x64-1.1.5.tgz", + "integrity": "sha512-JMzDKCCXq93YccG5gz3hvOs1oXRKAf0XYpfOS88e+wZrC8Iugj6j68867vrYZkvpDDpKn/KoKORThmchMpF6TA==", "cpu": [ "x64" ], @@ -17579,13 +17248,13 @@ "freebsd" ], "engines": { - "node": ">=18" + "node": "^20.19.0 || >=22.12.0" } }, - "node_modules/vite/node_modules/@esbuild/linux-arm": { - "version": "0.27.7", - "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.27.7.tgz", - "integrity": "sha512-RkT/YXYBTSULo3+af8Ib0ykH8u2MBh57o7q/DAs3lTJlyVQkgQvlrPTnjIzzRPQyavxtPtfg0EopvDyIt0j1rA==", + "node_modules/vite/node_modules/@rolldown/binding-linux-arm-gnueabihf": { + "version": "1.1.5", + "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-arm-gnueabihf/-/binding-linux-arm-gnueabihf-1.1.5.tgz", + "integrity": "sha512-uML21j2K5TfPGutKxub+M+nLjZIrWjXQ5Grx4lCe/nimTj9B4L63zHpjXLl4y0L3mcm2htEQIb06oCG/szerNw==", "cpu": [ "arm" ], @@ -17596,217 +17265,133 @@ "linux" ], "engines": { - "node": ">=18" + "node": "^20.19.0 || >=22.12.0" } }, - "node_modules/vite/node_modules/@esbuild/linux-arm64": { - "version": "0.27.7", - "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.27.7.tgz", - "integrity": "sha512-RZPHBoxXuNnPQO9rvjh5jdkRmVizktkT7TCDkDmQ0W2SwHInKCAV95GRuvdSvA7w4VMwfCjUiPwDi0ZO6Nfe9A==", + "node_modules/vite/node_modules/@rolldown/binding-linux-arm64-gnu": { + "version": "1.1.5", + "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-arm64-gnu/-/binding-linux-arm64-gnu-1.1.5.tgz", + "integrity": "sha512-navSiuTMogvnQoZoM/v+l3ZWo50/NTwSHSzheABx/RCnmUPaKwq9qSo4Br2OYRs21+Fz8uFqITZM3H4opOB0/Q==", "cpu": [ "arm64" ], "dev": true, - "license": "MIT", - "optional": true, - "os": [ - "linux" - ], - "engines": { - "node": ">=18" - } - }, - "node_modules/vite/node_modules/@esbuild/linux-ia32": { - "version": "0.27.7", - "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.27.7.tgz", - "integrity": "sha512-GA48aKNkyQDbd3KtkplYWT102C5sn/EZTY4XROkxONgruHPU72l+gW+FfF8tf2cFjeHaRbWpOYa/uRBz/Xq1Pg==", - "cpu": [ - "ia32" + "libc": [ + "glibc" ], - "dev": true, "license": "MIT", "optional": true, "os": [ "linux" ], "engines": { - "node": ">=18" + "node": "^20.19.0 || >=22.12.0" } }, - "node_modules/vite/node_modules/@esbuild/linux-loong64": { - "version": "0.27.7", - "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.27.7.tgz", - "integrity": "sha512-a4POruNM2oWsD4WKvBSEKGIiWQF8fZOAsycHOt6JBpZ+JN2n2JH9WAv56SOyu9X5IqAjqSIPTaJkqN8F7XOQ5Q==", + "node_modules/vite/node_modules/@rolldown/binding-linux-arm64-musl": { + "version": "1.1.5", + "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-arm64-musl/-/binding-linux-arm64-musl-1.1.5.tgz", + "integrity": "sha512-lAryqH7IteztmCXQXk0etKj4wBQ7Gx5S6LjKhsgp9zb8I5bsuvU/2llH1hDQcjsFeqIsovMVN339/8pUDDBXxA==", "cpu": [ - "loong64" + "arm64" ], "dev": true, - "license": "MIT", - "optional": true, - "os": [ - "linux" - ], - "engines": { - "node": ">=18" - } - }, - "node_modules/vite/node_modules/@esbuild/linux-mips64el": { - "version": "0.27.7", - "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.27.7.tgz", - "integrity": "sha512-KabT5I6StirGfIz0FMgl1I+R1H73Gp0ofL9A3nG3i/cYFJzKHhouBV5VWK1CSgKvVaG4q1RNpCTR2LuTVB3fIw==", - "cpu": [ - "mips64el" + "libc": [ + "musl" ], - "dev": true, "license": "MIT", "optional": true, "os": [ "linux" ], "engines": { - "node": ">=18" + "node": "^20.19.0 || >=22.12.0" } }, - "node_modules/vite/node_modules/@esbuild/linux-ppc64": { - "version": "0.27.7", - "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.27.7.tgz", - "integrity": "sha512-gRsL4x6wsGHGRqhtI+ifpN/vpOFTQtnbsupUF5R5YTAg+y/lKelYR1hXbnBdzDjGbMYjVJLJTd2OFmMewAgwlQ==", + "node_modules/vite/node_modules/@rolldown/binding-linux-ppc64-gnu": { + "version": "1.1.5", + "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-ppc64-gnu/-/binding-linux-ppc64-gnu-1.1.5.tgz", + "integrity": "sha512-fsK/sNBnxzBlL4O1JNrZakVQxPspqpED5dLtNsZS9oOKmtSpdNIzxH2kkol5HYTWJN47sE20ztMJPxfZ89qGOg==", "cpu": [ "ppc64" ], "dev": true, - "license": "MIT", - "optional": true, - "os": [ - "linux" - ], - "engines": { - "node": ">=18" - } - }, - "node_modules/vite/node_modules/@esbuild/linux-riscv64": { - "version": "0.27.7", - "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.27.7.tgz", - "integrity": "sha512-hL25LbxO1QOngGzu2U5xeXtxXcW+/GvMN3ejANqXkxZ/opySAZMrc+9LY/WyjAan41unrR3YrmtTsUpwT66InQ==", - "cpu": [ - "riscv64" + "libc": [ + "glibc" ], - "dev": true, "license": "MIT", "optional": true, "os": [ "linux" ], "engines": { - "node": ">=18" + "node": "^20.19.0 || >=22.12.0" } }, - "node_modules/vite/node_modules/@esbuild/linux-s390x": { - "version": "0.27.7", - "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.27.7.tgz", - "integrity": "sha512-2k8go8Ycu1Kb46vEelhu1vqEP+UeRVj2zY1pSuPdgvbd5ykAw82Lrro28vXUrRmzEsUV0NzCf54yARIK8r0fdw==", + "node_modules/vite/node_modules/@rolldown/binding-linux-s390x-gnu": { + "version": "1.1.5", + "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-s390x-gnu/-/binding-linux-s390x-gnu-1.1.5.tgz", + "integrity": "sha512-gLYb4BIadlfTOYT5gO503n8zQjXflgzpD0FcyKh0Mzx3rqCZKnHoJWV9xe1KXUJ5lx2JfcSHr/mhzS0PC/McAA==", "cpu": [ "s390x" ], "dev": true, - "license": "MIT", - "optional": true, - "os": [ - "linux" - ], - "engines": { - "node": ">=18" - } - }, - "node_modules/vite/node_modules/@esbuild/linux-x64": { - "version": "0.27.7", - "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.27.7.tgz", - "integrity": "sha512-hzznmADPt+OmsYzw1EE33ccA+HPdIqiCRq7cQeL1Jlq2gb1+OyWBkMCrYGBJ+sxVzve2ZJEVeePbLM2iEIZSxA==", - "cpu": [ - "x64" + "libc": [ + "glibc" ], - "dev": true, "license": "MIT", "optional": true, "os": [ "linux" ], "engines": { - "node": ">=18" - } - }, - "node_modules/vite/node_modules/@esbuild/netbsd-arm64": { - "version": "0.27.7", - "resolved": "https://registry.npmjs.org/@esbuild/netbsd-arm64/-/netbsd-arm64-0.27.7.tgz", - "integrity": "sha512-b6pqtrQdigZBwZxAn1UpazEisvwaIDvdbMbmrly7cDTMFnw/+3lVxxCTGOrkPVnsYIosJJXAsILG9XcQS+Yu6w==", - "cpu": [ - "arm64" - ], - "dev": true, - "license": "MIT", - "optional": true, - "os": [ - "netbsd" - ], - "engines": { - "node": ">=18" + "node": "^20.19.0 || >=22.12.0" } }, - "node_modules/vite/node_modules/@esbuild/netbsd-x64": { - "version": "0.27.7", - "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.27.7.tgz", - "integrity": "sha512-OfatkLojr6U+WN5EDYuoQhtM+1xco+/6FSzJJnuWiUw5eVcicbyK3dq5EeV/QHT1uy6GoDhGbFpprUiHUYggrw==", + "node_modules/vite/node_modules/@rolldown/binding-linux-x64-gnu": { + "version": "1.1.5", + "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-x64-gnu/-/binding-linux-x64-gnu-1.1.5.tgz", + "integrity": "sha512-FjcpEKUyJygHgs1o50VYNvkt5+7Le/VEdYt0AkRpkL33MnyQfwr8l5mXwMmfmTbyMPr5vJLC+8/Gd9gXnwU1QQ==", "cpu": [ "x64" ], "dev": true, - "license": "MIT", - "optional": true, - "os": [ - "netbsd" - ], - "engines": { - "node": ">=18" - } - }, - "node_modules/vite/node_modules/@esbuild/openbsd-arm64": { - "version": "0.27.7", - "resolved": "https://registry.npmjs.org/@esbuild/openbsd-arm64/-/openbsd-arm64-0.27.7.tgz", - "integrity": "sha512-AFuojMQTxAz75Fo8idVcqoQWEHIXFRbOc1TrVcFSgCZtQfSdc1RXgB3tjOn/krRHENUB4j00bfGjyl2mJrU37A==", - "cpu": [ - "arm64" + "libc": [ + "glibc" ], - "dev": true, "license": "MIT", "optional": true, "os": [ - "openbsd" + "linux" ], "engines": { - "node": ">=18" + "node": "^20.19.0 || >=22.12.0" } }, - "node_modules/vite/node_modules/@esbuild/openbsd-x64": { - "version": "0.27.7", - "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.27.7.tgz", - "integrity": "sha512-+A1NJmfM8WNDv5CLVQYJ5PshuRm/4cI6WMZRg1by1GwPIQPCTs1GLEUHwiiQGT5zDdyLiRM/l1G0Pv54gvtKIg==", + "node_modules/vite/node_modules/@rolldown/binding-linux-x64-musl": { + "version": "1.1.5", + "resolved": "https://registry.npmjs.org/@rolldown/binding-linux-x64-musl/-/binding-linux-x64-musl-1.1.5.tgz", + "integrity": "sha512-Me+PfPI2TMeOQk0gYWfLQZtTktrmzbr8cDboqX83XKc7UrgAi55gF+2dUkWdxd19n55Essp2yeca+O9N5rBxHg==", "cpu": [ "x64" ], "dev": true, + "libc": [ + "musl" + ], "license": "MIT", "optional": true, "os": [ - "openbsd" + "linux" ], "engines": { - "node": ">=18" + "node": "^20.19.0 || >=22.12.0" } }, - "node_modules/vite/node_modules/@esbuild/openharmony-arm64": { - "version": "0.27.7", - "resolved": "https://registry.npmjs.org/@esbuild/openharmony-arm64/-/openharmony-arm64-0.27.7.tgz", - "integrity": "sha512-+KrvYb/C8zA9CU/g0sR6w2RBw7IGc5J2BPnc3dYc5VJxHCSF1yNMxTV5LQ7GuKteQXZtspjFbiuW5/dOj7H4Yw==", + "node_modules/vite/node_modules/@rolldown/binding-openharmony-arm64": { + "version": "1.1.5", + "resolved": "https://registry.npmjs.org/@rolldown/binding-openharmony-arm64/-/binding-openharmony-arm64-1.1.5.tgz", + "integrity": "sha512-yc5WrLzXks6zCQfn9Oxr8pORKyl/pF+QjHmW/Qx3qu0oyrrNC+y2JLTU1E2rcWYAmzlnqngWXHQjy51VzW70Vw==", "cpu": [ "arm64" ], @@ -17817,30 +17402,32 @@ "openharmony" ], "engines": { - "node": ">=18" + "node": "^20.19.0 || >=22.12.0" } }, - "node_modules/vite/node_modules/@esbuild/sunos-x64": { - "version": "0.27.7", - "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.27.7.tgz", - "integrity": "sha512-ikktIhFBzQNt/QDyOL580ti9+5mL/YZeUPKU2ivGtGjdTYoqz6jObj6nOMfhASpS4GU4Q/Clh1QtxWAvcYKamA==", + "node_modules/vite/node_modules/@rolldown/binding-wasm32-wasi": { + "version": "1.1.5", + "resolved": "https://registry.npmjs.org/@rolldown/binding-wasm32-wasi/-/binding-wasm32-wasi-1.1.5.tgz", + "integrity": "sha512-VbQGPX2b4r48TAMIM2cjgluIM1HYutm4pcTEJsle7iEP7sB1dFqtPLBVbdLAZCxy1txCcPxf4QFf4v8uvltPqA==", "cpu": [ - "x64" + "wasm32" ], "dev": true, "license": "MIT", "optional": true, - "os": [ - "sunos" - ], + "dependencies": { + "@emnapi/core": "1.11.1", + "@emnapi/runtime": "1.11.1", + "@napi-rs/wasm-runtime": "^1.1.6" + }, "engines": { - "node": ">=18" + "node": "^20.19.0 || >=22.12.0" } }, - "node_modules/vite/node_modules/@esbuild/win32-arm64": { - "version": "0.27.7", - "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.27.7.tgz", - "integrity": "sha512-7yRhbHvPqSpRUV7Q20VuDwbjW5kIMwTHpptuUzV+AA46kiPze5Z7qgt6CLCK3pWFrHeNfDd1VKgyP4O+ng17CA==", + "node_modules/vite/node_modules/@rolldown/binding-win32-arm64-msvc": { + "version": "1.1.5", + "resolved": "https://registry.npmjs.org/@rolldown/binding-win32-arm64-msvc/-/binding-win32-arm64-msvc-1.1.5.tgz", + "integrity": "sha512-gHv82k63z4qpV5+Q1y/12KrK0ltWBukVDI8nZcbT7Tt/ZlOIVwppazneq0F93oDxTo3IgAMEDIoQh3E2n6mVsw==", "cpu": [ "arm64" ], @@ -17851,30 +17438,13 @@ "win32" ], "engines": { - "node": ">=18" - } - }, - "node_modules/vite/node_modules/@esbuild/win32-ia32": { - "version": "0.27.7", - "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.27.7.tgz", - "integrity": "sha512-SmwKXe6VHIyZYbBLJrhOoCJRB/Z1tckzmgTLfFYOfpMAx63BJEaL9ExI8x7v0oAO3Zh6D/Oi1gVxEYr5oUCFhw==", - "cpu": [ - "ia32" - ], - "dev": true, - "license": "MIT", - "optional": true, - "os": [ - "win32" - ], - "engines": { - "node": ">=18" + "node": "^20.19.0 || >=22.12.0" } }, - "node_modules/vite/node_modules/@esbuild/win32-x64": { - "version": "0.27.7", - "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.27.7.tgz", - "integrity": "sha512-56hiAJPhwQ1R4i+21FVF7V8kSD5zZTdHcVuRFMW0hn753vVfQN8xlx4uOPT4xoGH0Z/oVATuR82AiqSTDIpaHg==", + "node_modules/vite/node_modules/@rolldown/binding-win32-x64-msvc": { + "version": "1.1.5", + "resolved": "https://registry.npmjs.org/@rolldown/binding-win32-x64-msvc/-/binding-win32-x64-msvc-1.1.5.tgz", + "integrity": "sha512-tTZuDBPw85tEN5PQi1pnEBzDy0Z49HtScLAbD5t6hyeU92A95pRWaSMw1GZZi/RwgSgUIl0xrSlXIT/9QzvYSA==", "cpu": [ "x64" ], @@ -17885,49 +17455,41 @@ "win32" ], "engines": { - "node": ">=18" + "node": "^20.19.0 || >=22.12.0" } }, - "node_modules/vite/node_modules/esbuild": { - "version": "0.27.7", - "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.27.7.tgz", - "integrity": "sha512-IxpibTjyVnmrIQo5aqNpCgoACA/dTKLTlhMHihVHhdkxKyPO1uBBthumT0rdHmcsk9uMonIWS0m4FljWzILh3w==", + "node_modules/vite/node_modules/rolldown": { + "version": "1.1.5", + "resolved": "https://registry.npmjs.org/rolldown/-/rolldown-1.1.5.tgz", + "integrity": "sha512-t9z29cJjXf/vxQ8dyhCSpt6H6aSwHTk8cT5I3iy6SMXuFpk5mB6PL6XfC8PCwrPTx93udwKUm9HRteAlTGBLiA==", "dev": true, - "hasInstallScript": true, "license": "MIT", + "dependencies": { + "@oxc-project/types": "=0.139.0", + "@rolldown/pluginutils": "^1.0.0" + }, "bin": { - "esbuild": "bin/esbuild" + "rolldown": "bin/cli.mjs" }, "engines": { - "node": ">=18" + "node": "^20.19.0 || >=22.12.0" }, "optionalDependencies": { - "@esbuild/aix-ppc64": "0.27.7", - "@esbuild/android-arm": "0.27.7", - "@esbuild/android-arm64": "0.27.7", - "@esbuild/android-x64": "0.27.7", - "@esbuild/darwin-arm64": "0.27.7", - "@esbuild/darwin-x64": "0.27.7", - "@esbuild/freebsd-arm64": "0.27.7", - "@esbuild/freebsd-x64": "0.27.7", - "@esbuild/linux-arm": "0.27.7", - "@esbuild/linux-arm64": "0.27.7", - "@esbuild/linux-ia32": "0.27.7", - "@esbuild/linux-loong64": "0.27.7", - "@esbuild/linux-mips64el": "0.27.7", - "@esbuild/linux-ppc64": "0.27.7", - "@esbuild/linux-riscv64": "0.27.7", - "@esbuild/linux-s390x": "0.27.7", - "@esbuild/linux-x64": "0.27.7", - "@esbuild/netbsd-arm64": "0.27.7", - "@esbuild/netbsd-x64": "0.27.7", - "@esbuild/openbsd-arm64": "0.27.7", - "@esbuild/openbsd-x64": "0.27.7", - "@esbuild/openharmony-arm64": "0.27.7", - "@esbuild/sunos-x64": "0.27.7", - "@esbuild/win32-arm64": "0.27.7", - "@esbuild/win32-ia32": "0.27.7", - "@esbuild/win32-x64": "0.27.7" + "@rolldown/binding-android-arm64": "1.1.5", + "@rolldown/binding-darwin-arm64": "1.1.5", + "@rolldown/binding-darwin-x64": "1.1.5", + "@rolldown/binding-freebsd-x64": "1.1.5", + "@rolldown/binding-linux-arm-gnueabihf": "1.1.5", + "@rolldown/binding-linux-arm64-gnu": "1.1.5", + "@rolldown/binding-linux-arm64-musl": "1.1.5", + "@rolldown/binding-linux-ppc64-gnu": "1.1.5", + "@rolldown/binding-linux-s390x-gnu": "1.1.5", + "@rolldown/binding-linux-x64-gnu": "1.1.5", + "@rolldown/binding-linux-x64-musl": "1.1.5", + "@rolldown/binding-openharmony-arm64": "1.1.5", + "@rolldown/binding-wasm32-wasi": "1.1.5", + "@rolldown/binding-win32-arm64-msvc": "1.1.5", + "@rolldown/binding-win32-x64-msvc": "1.1.5" } }, "node_modules/void-elements": { @@ -17941,13 +17503,12 @@ } }, "node_modules/watchpack": { - "version": "2.5.1", - "resolved": "https://registry.npmjs.org/watchpack/-/watchpack-2.5.1.tgz", - "integrity": "sha512-Zn5uXdcFNIA1+1Ei5McRd+iRzfhENPCe7LeABkJtNulSxjma+l7ltNx55BWZkRlwRnpOgHqxnjyaDgJnNXnqzg==", + "version": "2.5.2", + "resolved": "https://registry.npmjs.org/watchpack/-/watchpack-2.5.2.tgz", + "integrity": "sha512-6i/00NBjP4yGPs+caKSyRfpTF/8Torsu0MOW3mMzIbhgISFder8i7xbqgHlLMwJrdiN8ndBV3UA1/AfzPSr+jg==", "dev": true, "license": "MIT", "dependencies": { - "glob-to-regexp": "^0.4.1", "graceful-fs": "^4.1.2" }, "engines": { @@ -18143,15 +17704,14 @@ } }, "node_modules/wrap-ansi": { - "version": "10.0.0", - "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-10.0.0.tgz", - "integrity": "sha512-SGcvg80f0wUy2/fXES19feHMz8E0JoXv2uNgHOu4Dgi2OrCy1lqwFYEJz1BLbDI0exjPMe/ZdzZ/YpGECBG/aQ==", + "version": "10.0.1", + "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-10.0.1.tgz", + "integrity": "sha512-M0N4xzyzosiIok3svYlEo1sdLZts/8FPgYH/GPC3wvlmPoRvnoManGMrE54waYj3tISA8w6lsdesfVv67qSr8Q==", "dev": true, "license": "MIT", "dependencies": { "ansi-styles": "^6.2.3", - "string-width": "^8.2.0", - "strip-ansi": "^7.1.2" + "string-width": "^8.2.0" }, "engines": { "node": ">=20" @@ -18174,9 +17734,9 @@ } }, "node_modules/wrap-ansi/node_modules/string-width": { - "version": "8.2.1", - "resolved": "https://registry.npmjs.org/string-width/-/string-width-8.2.1.tgz", - "integrity": "sha512-IIaP0g3iy9Cyy18w3M9YcaDudujEAVHKt3a3QJg1+sr/oX96TbaGUubG0hJyCjCBThFH+tFpcIyoUHUn1ogaLA==", + "version": "8.2.2", + "resolved": "https://registry.npmjs.org/string-width/-/string-width-8.2.2.tgz", + "integrity": "sha512-GaPUh5gfdrYzqeVNZvUfT23vYYxXzKYidUcnMtJg/3rxRV63EFZy3k6xfKlmfeJD0176lnUV/Usr3XcwSvFzpg==", "dev": true, "license": "MIT", "dependencies": { @@ -18197,9 +17757,9 @@ "license": "ISC" }, "node_modules/ws": { - "version": "7.5.11", - "resolved": "https://registry.npmjs.org/ws/-/ws-7.5.11.tgz", - "integrity": "sha512-zS54Oen9bITtp7kp2XM3AydrCIq1D+HwJOuH+c+e4LfpL/lotP5osijd+UoMnxwAam1GN8R4KtLAyIrIcBNpiA==", + "version": "7.5.13", + "resolved": "https://registry.npmjs.org/ws/-/ws-7.5.13.tgz", + "integrity": "sha512-rsKI6xDBFVf4r/x8XyChGK04QR/XHroxs/jUcoWvtEZM8TPU/X/uIY9B1CsSzYws9ZJb/6bbBu7dPhFW00CAoA==", "license": "MIT", "engines": { "node": ">=8.3.0" @@ -18249,18 +17809,19 @@ "version": "3.1.1", "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz", "integrity": "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==", + "dev": true, "license": "ISC" }, "node_modules/yargs": { - "version": "18.0.0", - "resolved": "https://registry.npmjs.org/yargs/-/yargs-18.0.0.tgz", - "integrity": "sha512-4UEqdc2RYGHZc7Doyqkrqiln3p9X2DZVxaGbwhn2pi7MrRagKaOcIKe8L3OxYcbhXLgLFUS3zAYuQjKBQgmuNg==", + "version": "18.1.0", + "resolved": "https://registry.npmjs.org/yargs/-/yargs-18.1.0.tgz", + "integrity": "sha512-2rAgRKu54VsHkqI0/tYkmluGXHD4KW7yZoycuqDQ15QOTnc2VVfy0nN/1eMhnQLO00A+dwtK20xuCnc1YGeUyg==", "license": "MIT", "dependencies": { "cliui": "^9.0.1", "escalade": "^3.1.1", "get-caller-file": "^2.0.5", - "string-width": "^7.2.0", + "string-width": "^8.2.1", "y18n": "^5.0.5", "yargs-parser": "^22.0.0" }, @@ -18277,24 +17838,17 @@ "node": "^20.19.0 || ^22.12.0 || >=23" } }, - "node_modules/yargs/node_modules/emoji-regex": { - "version": "10.6.0", - "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-10.6.0.tgz", - "integrity": "sha512-toUI84YS5YmxW219erniWD0CIVOo46xGKColeNQRgOzDorgBi1v4D71/OFzgD9GO2UGKIv1C3Sp8DAn0+j5w7A==", - "license": "MIT" - }, "node_modules/yargs/node_modules/string-width": { - "version": "7.2.0", - "resolved": "https://registry.npmjs.org/string-width/-/string-width-7.2.0.tgz", - "integrity": "sha512-tsaTIkKW9b4N+AEj+SVA+WhJzV7/zMhcSu78mLKWSk7cXMOSHsBKFWUs0fWwq8QyK3MgJBQRX6Gbi4kYbdvGkQ==", + "version": "8.2.2", + "resolved": "https://registry.npmjs.org/string-width/-/string-width-8.2.2.tgz", + "integrity": "sha512-GaPUh5gfdrYzqeVNZvUfT23vYYxXzKYidUcnMtJg/3rxRV63EFZy3k6xfKlmfeJD0176lnUV/Usr3XcwSvFzpg==", "license": "MIT", "dependencies": { - "emoji-regex": "^10.3.0", - "get-east-asian-width": "^1.0.0", - "strip-ansi": "^7.1.0" + "get-east-asian-width": "^1.5.0", + "strip-ansi": "^7.1.2" }, "engines": { - "node": ">=18" + "node": ">=20" }, "funding": { "url": "https://github.com/sponsors/sindresorhus" @@ -18324,9 +17878,9 @@ } }, "node_modules/yoctocolors": { - "version": "2.1.2", - "resolved": "https://registry.npmjs.org/yoctocolors/-/yoctocolors-2.1.2.tgz", - "integrity": "sha512-CzhO+pFNo8ajLM2d2IW/R93ipy99LWjtwblvC1RsoSUMZgyLbYFr221TnSNT7GjGdYui6P459mw9JH/g/zW2ug==", + "version": "2.2.0", + "resolved": "https://registry.npmjs.org/yoctocolors/-/yoctocolors-2.2.0.tgz", + "integrity": "sha512-xYqdZFUK/VYazNl/oCDYN+3WloWQwMfZxBoiNt6qNyk+xfOdi598muWE42rNZFp1kNOiqW936q5RhUdnpqElSg==", "dev": true, "license": "MIT", "engines": { @@ -18350,9 +17904,9 @@ } }, "node_modules/zod": { - "version": "4.4.2", - "resolved": "https://registry.npmjs.org/zod/-/zod-4.4.2.tgz", - "integrity": "sha512-IynmDyxsEsb9RKzO3J9+4SxXnl2FTFSzNBaKKaMV6tsSk0rw9gYw9gs+JFCq/qk2LCZ78KDwyj+Z289TijSkUw==", + "version": "4.4.3", + "resolved": "https://registry.npmjs.org/zod/-/zod-4.4.3.tgz", + "integrity": "sha512-ytENFjIJFl2UwYglde2jchW2Hwm4GJFLDiSXWdTrJQBIN9Fcyp7n4DhxJEiWNAJMV1/BqWfW/kkg71UDcHJyTQ==", "license": "MIT", "funding": { "url": "https://github.com/sponsors/colinhacks" diff --git a/package.json b/package.json index 8193fff2f..2ca6bbe65 100644 --- a/package.json +++ b/package.json @@ -71,22 +71,22 @@ "express": "^4.18.2", "file-saver": "^2.0.2", "fuse.js": "^7.1.0", - "igniteui-angular": "22.1.0-beta.7", + "igniteui-angular": "22.1.0", "igniteui-angular-charts": "^22.0.0", "igniteui-angular-core": "^22.0.0", - "igniteui-angular-extras": "22.1.0-beta.7", - "igniteui-angular-i18n": "22.1.0-beta.7", + "igniteui-angular-extras": "22.1.0", + "igniteui-angular-i18n": "22.1.0", "igniteui-dockmanager": "^1.17.0", - "igniteui-grid-lite": "0.9.0", + "igniteui-grid-lite": "0.10.0", "igniteui-i18n-resources": "^1.0.4", "igniteui-live-editing": "^3.5.2", - "igniteui-webcomponents": "^7.2.1", - "marked": "^17.0.1", + "igniteui-webcomponents": "^7.3.0", + "marked": "^18.0.11", "marked-shiki": "^1.2.1", "minireset.css": "0.0.6", "postcss": "^8.5.5", "rxjs": "^7.8.2", - "shiki": "^3.13.0", + "shiki": "^4.3.0", "sql-formatter": "^15.4.11", "tailwindcss": "^4.1.10", "tslib": "^2.6.1" @@ -110,7 +110,7 @@ "@angular/compiler": "^22.0.0" }, "igniteui-angular-extras": { - "igniteui-angular": "22.1.0-beta.7", + "igniteui-angular": "22.1.0", "@infragistics/igniteui-angular": "^22.0.0", "igniteui-angular-core": "^22.0.0", "igniteui-angular-charts": "^22.0.0", diff --git a/projects/app-crm/src/app/grid-crm/grid-crm.component.ts b/projects/app-crm/src/app/grid-crm/grid-crm.component.ts index 094c88afe..f83c78158 100644 --- a/projects/app-crm/src/app/grid-crm/grid-crm.component.ts +++ b/projects/app-crm/src/app/grid-crm/grid-crm.component.ts @@ -1,8 +1,8 @@ /* eslint-disable no-underscore-dangle */ import { AfterViewInit, Component, ElementRef, OnInit, QueryList, ViewChild, inject } from '@angular/core'; import { ActivatedRoute } from '@angular/router'; -import { CloseScrollStrategy, ConnectedPositioningStrategy, HorizontalAlignment, IgxSummaryResult, OverlaySettings, PositionSettings, VerticalAlignment } from 'igniteui-angular/core'; -import { CellType, GridSelectionMode, IgxCellTemplateDirective, IgxColumnComponent, IgxDateSummaryOperand, IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarExporterComponent, IgxGridToolbarHidingComponent, IgxGridToolbarPinningComponent, IgxGridToolbarTitleComponent, IgxNumberSummaryOperand, IColumnExportingEventArgs, IgxCsvExporterService, IgxExcelExporterService } from 'igniteui-angular/grids/core'; +import { CloseScrollStrategy, ConnectedPositioningStrategy, HorizontalAlignment, IgxDateSummaryOperand, IgxNumberSummaryOperand, IgxSummaryResult, OverlaySettings, PositionSettings, VerticalAlignment } from 'igniteui-angular/core'; +import { CellType, GridSelectionMode, IColumnExportingEventArgs, IgxCellTemplateDirective, IgxColumnComponent, IgxCsvExporterService, IgxExcelExporterService, IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarExporterComponent, IgxGridToolbarHidingComponent, IgxGridToolbarPinningComponent, IgxGridToolbarTitleComponent } from 'igniteui-angular/grids/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxIconButtonDirective, IgxToggleDirective } from 'igniteui-angular/directives'; import { IgxInputDirective, IgxInputGroupComponent, IgxPrefixDirective, IgxSuffixDirective } from 'igniteui-angular/input-group'; diff --git a/projects/app-lob/src/app/grid/grid-boston-marathon/grid.component.ts b/projects/app-lob/src/app/grid/grid-boston-marathon/grid.component.ts index 35687a089..b566380c5 100644 --- a/projects/app-lob/src/app/grid/grid-boston-marathon/grid.component.ts +++ b/projects/app-lob/src/app/grid/grid-boston-marathon/grid.component.ts @@ -1,7 +1,7 @@ import { Component, HostListener, OnDestroy, OnInit, ViewChild, ElementRef, AfterViewInit, DOCUMENT, inject, ChangeDetectorRef } from '@angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; -import { CellType, IgxCellTemplateDirective, IgxColumnComponent, IgxNumberSummaryOperand } from 'igniteui-angular/grids/core'; -import { AbsolutePosition, IgxOverlayService, IgxStringFilteringOperand, IgxSummaryResult, OverlayClosingEventArgs, OverlaySettings } from 'igniteui-angular/core'; +import { CellType, IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; +import { AbsolutePosition, IgxNumberSummaryOperand, IgxOverlayService, IgxStringFilteringOperand, IgxSummaryResult, OverlayClosingEventArgs, OverlaySettings } from 'igniteui-angular/core'; import { IgxSwitchComponent } from 'igniteui-angular/switch'; import { IgxInputDirective, IgxInputGroupComponent } from 'igniteui-angular/input-group'; import { IgxPaginatorComponent } from 'igniteui-angular/paginator'; diff --git a/src/app/grid/grid-allData-summary/grid-allData-summary.component.ts b/src/app/grid/grid-allData-summary/grid-allData-summary.component.ts index 436500c7a..f9179e51c 100644 --- a/src/app/grid/grid-allData-summary/grid-allData-summary.component.ts +++ b/src/app/grid/grid-allData-summary/grid-allData-summary.component.ts @@ -1,7 +1,7 @@ import { Component, ViewChild } from '@angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; -import { IgxColumnComponent, IgxNumberSummaryOperand } from 'igniteui-angular/grids/core'; -import { IgxSummaryResult } from 'igniteui-angular/core'; +import { IgxColumnComponent } from 'igniteui-angular/grids/core'; +import { IgxNumberSummaryOperand, IgxSummaryResult } from 'igniteui-angular/core'; import { IgxPaginatorComponent } from 'igniteui-angular/paginator'; import { DATA } from '../../data/nwindData'; import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scroll.directive'; diff --git a/src/app/grid/grid-column-data-types-sample/grid-column-data-types-sample.component.ts b/src/app/grid/grid-column-data-types-sample/grid-column-data-types-sample.component.ts index 269105ac5..208bd940f 100644 --- a/src/app/grid/grid-column-data-types-sample/grid-column-data-types-sample.component.ts +++ b/src/app/grid/grid-column-data-types-sample/grid-column-data-types-sample.component.ts @@ -10,7 +10,8 @@ import { IgxHintDirective, IgxInputDirective, IgxInputGroupComponent, IgxPrefixD import { IgxIconComponent } from 'igniteui-angular/icon'; import { IgxTooltipDirective, IgxTooltipTargetDirective } from 'igniteui-angular/directives'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; -import { IgxColumnComponent, IgxTimeSummaryOperand } from 'igniteui-angular/grids/core'; +import { IgxColumnComponent } from 'igniteui-angular/grids/core'; +import { IgxTimeSummaryOperand } from 'igniteui-angular/core'; import { FormsModule } from "@angular/forms"; import { IgxPreventDocumentScrollDirective } from "../../directives/prevent-scroll.directive"; diff --git a/src/app/grid/grid-custom-summaries-selection/grid-custom-summaries-selection.component.ts b/src/app/grid/grid-custom-summaries-selection/grid-custom-summaries-selection.component.ts index ba647ff4f..d44b043a0 100644 --- a/src/app/grid/grid-custom-summaries-selection/grid-custom-summaries-selection.component.ts +++ b/src/app/grid/grid-custom-summaries-selection/grid-custom-summaries-selection.component.ts @@ -1,8 +1,8 @@ import { formatDate } from '@angular/common'; import { AfterViewInit, Component, ViewChild, OnInit, ChangeDetectorRef, inject } from '@angular/core'; -import { IgxCellTemplateDirective, IgxColumnComponent, IgxDateSummaryOperand, IgxGridFooterComponent, IgxNumberSummaryOperand, IgxSummaryOperand } from 'igniteui-angular/grids/core'; +import { IgxCellTemplateDirective, IgxColumnComponent, IgxGridFooterComponent } from 'igniteui-angular/grids/core'; +import { IgxDateSummaryOperand, IgxNumberSummaryOperand, IgxSummaryOperand, IgxSummaryResult } from 'igniteui-angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; -import { IgxSummaryResult } from 'igniteui-angular/core'; import { DATA } from '../../data/nwindData'; import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scroll.directive'; diff --git a/src/app/grid/grid-disable-summaries/grid-disable-summaries.component.ts b/src/app/grid/grid-disable-summaries/grid-disable-summaries.component.ts index ca61973f5..36de8bedd 100644 --- a/src/app/grid/grid-disable-summaries/grid-disable-summaries.component.ts +++ b/src/app/grid/grid-disable-summaries/grid-disable-summaries.component.ts @@ -9,8 +9,8 @@ import { ChangeDetectionStrategy } from "@angular/core"; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; -import { IgxColumnComponent, IgxNumberSummaryOperand } from 'igniteui-angular/grids/core'; -import { ConnectedPositioningStrategy, HorizontalAlignment, IgxSummaryResult, OverlaySettings, VerticalAlignment } from 'igniteui-angular/core'; +import { IgxColumnComponent } from 'igniteui-angular/grids/core'; +import { ConnectedPositioningStrategy, HorizontalAlignment, IgxNumberSummaryOperand, IgxSummaryResult, OverlaySettings, VerticalAlignment } from 'igniteui-angular/core'; import { IgxButtonDirective, IgxToggleDirective } from 'igniteui-angular/directives'; import { IgxCheckboxComponent } from 'igniteui-angular/checkbox'; import { DATA } from "../../data/nwindData"; diff --git a/src/app/grid/grid-displaydensity-sample/grid-displaydensity-sample.component.ts b/src/app/grid/grid-displaydensity-sample/grid-displaydensity-sample.component.ts index 296ce7158..cddfe4842 100644 --- a/src/app/grid/grid-displaydensity-sample/grid-displaydensity-sample.component.ts +++ b/src/app/grid/grid-displaydensity-sample/grid-displaydensity-sample.component.ts @@ -1,8 +1,8 @@ import { Component, HostBinding, OnInit, ViewChild } from '@angular/core'; import { IgxButtonGroupComponent } from 'igniteui-angular/button-group'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; -import { IgxCellTemplateDirective, IgxColumnComponent, IgxColumnGroupComponent, IgxNumberSummaryOperand, IgxSummaryOperand } from 'igniteui-angular/grids/core'; -import { IgxSummaryResult } from 'igniteui-angular/core'; +import { IgxCellTemplateDirective, IgxColumnComponent, IgxColumnGroupComponent } from 'igniteui-angular/grids/core'; +import { IgxNumberSummaryOperand, IgxSummaryOperand, IgxSummaryResult } from 'igniteui-angular/core'; import { INVOICE_DATA } from '../../data/invoiceData'; import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scroll.directive'; import { DatePipe } from '@angular/common'; diff --git a/src/app/grid/grid-editing-sample/grid-editing-sample.component.ts b/src/app/grid/grid-editing-sample/grid-editing-sample.component.ts index fabd81d2e..c9f6d1604 100644 --- a/src/app/grid/grid-editing-sample/grid-editing-sample.component.ts +++ b/src/app/grid/grid-editing-sample/grid-editing-sample.component.ts @@ -1,8 +1,8 @@ import { AfterViewInit, Component, OnInit, ViewChild } from '@angular/core'; import { IgxDialogComponent } from 'igniteui-angular/dialog'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; -import { IgxSummaryResult, VerticalAlignment } from 'igniteui-angular/core'; -import { IgxCellEditorTemplateDirective, IgxCellTemplateDirective, IgxColumnComponent, IgxGridToolbarComponent, IgxNumberSummaryOperand } from 'igniteui-angular/grids/core'; +import { IgxNumberSummaryOperand, IgxSummaryResult, VerticalAlignment } from 'igniteui-angular/core'; +import { IgxCellEditorTemplateDirective, IgxCellTemplateDirective, IgxColumnComponent, IgxGridToolbarComponent } from 'igniteui-angular/grids/core'; import { IgxToastComponent } from 'igniteui-angular/toast'; import { IgxPaginatorComponent } from 'igniteui-angular/paginator'; import { IgxButtonDirective, IgxFocusDirective, IgxIconButtonDirective } from 'igniteui-angular/directives'; diff --git a/src/app/grid/grid-groupby-summary-sample/grid-groupby-summary-sample.component.ts b/src/app/grid/grid-groupby-summary-sample/grid-groupby-summary-sample.component.ts index 709cd966e..8cc8725fe 100644 --- a/src/app/grid/grid-groupby-summary-sample/grid-groupby-summary-sample.component.ts +++ b/src/app/grid/grid-groupby-summary-sample/grid-groupby-summary-sample.component.ts @@ -1,6 +1,6 @@ import { Component, OnInit, ViewChild, ViewEncapsulation } from '@angular/core'; -import { DefaultSortingStrategy, GridSummaryCalculationMode, ISortingExpression, IgxSummaryResult, SortingDirection } from 'igniteui-angular/core'; -import { GridSelectionMode, GridSummaryPosition, IgxColumnComponent, IgxNumberSummaryOperand, IgxSummaryOperand } from 'igniteui-angular/grids/core'; +import { DefaultSortingStrategy, GridSummaryCalculationMode, ISortingExpression, IgxNumberSummaryOperand, IgxSummaryOperand, IgxSummaryResult, SortingDirection } from 'igniteui-angular/core'; +import { GridSelectionMode, GridSummaryPosition, IgxColumnComponent } from 'igniteui-angular/grids/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxButtonGroupComponent } from 'igniteui-angular/button-group'; import { IgxSwitchComponent } from 'igniteui-angular/switch'; diff --git a/src/app/grid/grid-groupby-summary-styling-sample/grid-groupby-summary-styling-sample.component.ts b/src/app/grid/grid-groupby-summary-styling-sample/grid-groupby-summary-styling-sample.component.ts index 24da22da9..ec1c26253 100644 --- a/src/app/grid/grid-groupby-summary-styling-sample/grid-groupby-summary-styling-sample.component.ts +++ b/src/app/grid/grid-groupby-summary-styling-sample/grid-groupby-summary-styling-sample.component.ts @@ -1,6 +1,6 @@ import { Component, OnInit, ViewChild, ViewEncapsulation } from '@angular/core'; -import { DefaultSortingStrategy, GridSummaryCalculationMode, ISortingExpression, IgxSummaryResult, SortingDirection } from 'igniteui-angular/core'; -import { GridSelectionMode, GridSummaryPosition, IgxColumnComponent, IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarPinningComponent, IgxNumberSummaryOperand, IgxSummaryOperand } from 'igniteui-angular/grids/core'; +import { DefaultSortingStrategy, GridSummaryCalculationMode, ISortingExpression, IgxNumberSummaryOperand, IgxSummaryOperand, IgxSummaryResult, SortingDirection } from 'igniteui-angular/core'; +import { GridSelectionMode, GridSummaryPosition, IgxColumnComponent, IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarPinningComponent } from 'igniteui-angular/grids/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxButtonGroupComponent } from 'igniteui-angular/button-group'; import { INVOICE_DATA } from '../../data/invoiceData'; diff --git a/src/app/grid/grid-sample-3/grid-sample-3.component.ts b/src/app/grid/grid-sample-3/grid-sample-3.component.ts index 5aa622f84..3a328486d 100644 --- a/src/app/grid/grid-sample-3/grid-sample-3.component.ts +++ b/src/app/grid/grid-sample-3/grid-sample-3.component.ts @@ -1,7 +1,7 @@ import { Component, ViewChild } from '@angular/core'; -import { ColumnType, IgxSummaryResult } from 'igniteui-angular/core'; +import { ColumnType, IgxNumberSummaryOperand, IgxSummaryResult } from 'igniteui-angular/core'; +import { IgxCellHeaderTemplateDirective, IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; -import { IgxCellHeaderTemplateDirective, IgxCellTemplateDirective, IgxColumnComponent, IgxNumberSummaryOperand } from 'igniteui-angular/grids/core'; import { IgxPaginatorComponent } from 'igniteui-angular/paginator'; import { IgxIconComponent } from 'igniteui-angular/icon'; import { DATA } from '../../data/nwindData'; diff --git a/src/app/grid/grid-save-state/grid-state.component.ts b/src/app/grid/grid-save-state/grid-state.component.ts index d8de53ec2..d5e199ca8 100644 --- a/src/app/grid/grid-save-state/grid-state.component.ts +++ b/src/app/grid/grid-save-state/grid-state.component.ts @@ -1,8 +1,8 @@ /* eslint-disable max-len */ import { Component, OnInit, ViewChild, ViewChildren, QueryList, AfterViewInit, inject } from '@angular/core'; import { NavigationStart, Router, RouterLink } from '@angular/router'; -import { FilteringExpressionsTree, FilteringLogic, IgxSummaryResult } from 'igniteui-angular/core'; -import { GridFeatures, IGridState, IGridStateOptions, IgxColumnComponent, IgxGridStateDirective, IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarHidingComponent, IgxGridToolbarPinningComponent, IgxNumberSummaryOperand } from 'igniteui-angular/grids/core'; +import { FilteringExpressionsTree, FilteringLogic, IgxNumberSummaryOperand, IgxSummaryResult } from 'igniteui-angular/core'; +import { GridFeatures, IGridState, IGridStateOptions, IgxColumnComponent, IgxGridStateDirective, IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarHidingComponent, IgxGridToolbarPinningComponent } from 'igniteui-angular/grids/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; import { IgxCheckboxComponent } from 'igniteui-angular/checkbox'; import { IgxButtonDirective } from 'igniteui-angular/directives'; @@ -133,7 +133,7 @@ export class GridSaveStateComponent implements OnInit, AfterViewInit { public resetGridState() { const grid: IgxGridComponent = this.grid; - const pagingState = {index: 0, recordsPerPage: 15, metadata: { countPages: 3, countRecords: this.localData.length}}; + const pagingState = { index: 0, recordsPerPage: 15, metadata: { countPages: 3, countRecords: this.localData.length, error: 0 } }; grid.pagingState = pagingState; grid.filteringExpressionsTree = new FilteringExpressionsTree(FilteringLogic.And); grid.advancedFilteringExpressionsTree = new FilteringExpressionsTree(FilteringLogic.And); diff --git a/src/app/grid/grid-summary-export/grid-summary-export.component.ts b/src/app/grid/grid-summary-export/grid-summary-export.component.ts index 174d21740..108d0d148 100644 --- a/src/app/grid/grid-summary-export/grid-summary-export.component.ts +++ b/src/app/grid/grid-summary-export/grid-summary-export.component.ts @@ -1,14 +1,7 @@ import { Component, ViewChild, inject } from '@angular/core'; -import { ColumnType, IgxSummaryResult } from 'igniteui-angular/core'; +import { ColumnType, IgxNumberSummaryOperand, IgxSummaryResult } from 'igniteui-angular/core'; +import { IgxCellHeaderTemplateDirective, IgxCellTemplateDirective, IgxColumnComponent, IgxExcelExporterOptions, IgxExcelExporterService } from 'igniteui-angular/grids/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; -import { - IgxCellHeaderTemplateDirective, - IgxCellTemplateDirective, - IgxColumnComponent, - IgxNumberSummaryOperand, - IgxExcelExporterOptions, - IgxExcelExporterService -} from 'igniteui-angular/grids/core'; import { IgxButtonDirective } from 'igniteui-angular/directives'; import { IgxIconComponent } from 'igniteui-angular/icon'; import { DATA } from '../../data/nwindData'; diff --git a/src/app/grid/grid-summary-formatter/grid-summary-formatter.component.ts b/src/app/grid/grid-summary-formatter/grid-summary-formatter.component.ts index 96cdc9972..2c1ed1681 100644 --- a/src/app/grid/grid-summary-formatter/grid-summary-formatter.component.ts +++ b/src/app/grid/grid-summary-formatter/grid-summary-formatter.component.ts @@ -1,8 +1,8 @@ import { DatePipe } from '@angular/common'; import { Component, OnInit, ViewChild } from '@angular/core'; -import { IgxCellTemplateDirective, IgxColumnComponent, IgxDateSummaryOperand, IgxSummaryOperand } from 'igniteui-angular/grids/core'; +import { IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; +import { IgxDateSummaryOperand, IgxSummaryOperand, IgxSummaryResult } from 'igniteui-angular/core'; import { IgxGridComponent } from 'igniteui-angular/grids/grid'; -import { IgxSummaryResult } from 'igniteui-angular/core'; import { DATA } from '../../data/nwindData'; import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scroll.directive'; diff --git a/src/app/grid/grid-summary-template/grid-summary-template.component.ts b/src/app/grid/grid-summary-template/grid-summary-template.component.ts index b12a7c4d4..af9989cbb 100644 --- a/src/app/grid/grid-summary-template/grid-summary-template.component.ts +++ b/src/app/grid/grid-summary-template/grid-summary-template.component.ts @@ -1,6 +1,6 @@ import { Component, HostBinding, OnInit } from '@angular/core'; -import { IgxColumnComponent, IgxNumberSummaryOperand, IgxSummaryTemplateDirective } from 'igniteui-angular/grids/core'; -import { IgxSummaryResult } from 'igniteui-angular/core'; +import { IgxColumnComponent, IgxSummaryTemplateDirective } from 'igniteui-angular/grids/core'; +import { IgxNumberSummaryOperand, IgxSummaryResult } from 'igniteui-angular/core'; import { IgxInputDirective, IgxInputGroupComponent, IgxLabelDirective } from 'igniteui-angular/input-group'; import { IgxSwitchComponent } from 'igniteui-angular/switch'; import { IgxButtonGroupComponent } from 'igniteui-angular/button-group'; diff --git a/src/app/hierarchical-grid/hgrid-summary-export/hgrid-summary-export.component.ts b/src/app/hierarchical-grid/hgrid-summary-export/hgrid-summary-export.component.ts index eab9a7574..894ab8c5f 100644 --- a/src/app/hierarchical-grid/hgrid-summary-export/hgrid-summary-export.component.ts +++ b/src/app/hierarchical-grid/hgrid-summary-export/hgrid-summary-export.component.ts @@ -1,8 +1,8 @@ import { Component, ViewChild, inject } from '@angular/core'; import { SINGERS } from '../../data/singersData'; -import { IgxSummaryResult } from 'igniteui-angular/core'; +import { IgxNumberSummaryOperand, IgxSummaryResult } from 'igniteui-angular/core'; +import { IgxCellTemplateDirective, IgxColumnComponent, IgxExcelExporterOptions, IgxExcelExporterService } from 'igniteui-angular/grids/core'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; -import { IgxCellTemplateDirective, IgxColumnComponent, IgxNumberSummaryOperand, IgxExcelExporterOptions, IgxExcelExporterService } from 'igniteui-angular/grids/core'; import { IgxButtonDirective } from 'igniteui-angular/directives'; import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scroll.directive'; diff --git a/src/app/hierarchical-grid/hgrid-summary-template/hgrid-summary-template.component.ts b/src/app/hierarchical-grid/hgrid-summary-template/hgrid-summary-template.component.ts index 8177e2a11..509c5fae0 100644 --- a/src/app/hierarchical-grid/hgrid-summary-template/hgrid-summary-template.component.ts +++ b/src/app/hierarchical-grid/hgrid-summary-template/hgrid-summary-template.component.ts @@ -1,6 +1,6 @@ import { Component, HostBinding, OnInit } from '@angular/core'; -import { IgxCellTemplateDirective, IgxColumnComponent, IgxNumberSummaryOperand, IgxSummaryTemplateDirective } from 'igniteui-angular/grids/core'; -import { IgxSummaryResult } from 'igniteui-angular/core'; +import { IgxCellTemplateDirective, IgxColumnComponent, IgxSummaryTemplateDirective } from 'igniteui-angular/grids/core'; +import { IgxNumberSummaryOperand, IgxSummaryResult } from 'igniteui-angular/core'; import { IgxInputDirective, IgxInputGroupComponent, IgxLabelDirective } from 'igniteui-angular/input-group'; import { IgxSwitchComponent } from 'igniteui-angular/switch'; import { IgxButtonGroupComponent } from 'igniteui-angular/button-group'; diff --git a/src/app/hierarchical-grid/hierarchical-grid-allData-summary/hierarchical-grid-allData-summary.component.ts b/src/app/hierarchical-grid/hierarchical-grid-allData-summary/hierarchical-grid-allData-summary.component.ts index 88f2e1b55..dea3160b5 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-allData-summary/hierarchical-grid-allData-summary.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-allData-summary/hierarchical-grid-allData-summary.component.ts @@ -1,7 +1,7 @@ import { Component, OnInit, ViewChild } from '@angular/core'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; -import { IgxCellTemplateDirective, IgxColumnComponent, IgxNumberSummaryOperand, IgxSummaryOperand } from 'igniteui-angular/grids/core'; -import { IgxSummaryResult } from 'igniteui-angular/core'; +import { IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; +import { IgxNumberSummaryOperand, IgxSummaryOperand, IgxSummaryResult } from 'igniteui-angular/core'; import { SINGERS } from '../../data/singersData'; import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scroll.directive'; diff --git a/src/app/hierarchical-grid/hierarchical-grid-disable-summaries/hierarchical-grid-disable-summaries.component.ts b/src/app/hierarchical-grid/hierarchical-grid-disable-summaries/hierarchical-grid-disable-summaries.component.ts index 0161f967c..d9f654e39 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-disable-summaries/hierarchical-grid-disable-summaries.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-disable-summaries/hierarchical-grid-disable-summaries.component.ts @@ -9,8 +9,8 @@ import { ChangeDetectionStrategy } from "@angular/core"; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; -import { IgxCellTemplateDirective, IgxColumnComponent, IgxNumberSummaryOperand } from 'igniteui-angular/grids/core'; -import { ConnectedPositioningStrategy, HorizontalAlignment, IgxSummaryResult, OverlaySettings, VerticalAlignment } from 'igniteui-angular/core'; +import { IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; +import { ConnectedPositioningStrategy, HorizontalAlignment, IgxNumberSummaryOperand, IgxSummaryResult, OverlaySettings, VerticalAlignment } from 'igniteui-angular/core'; import { IgxButtonDirective, IgxToggleDirective } from 'igniteui-angular/directives'; import { IgxCheckboxComponent } from 'igniteui-angular/checkbox'; import { SINGERS } from "../../data/singersData"; diff --git a/src/app/hierarchical-grid/hierarchical-grid-editing/hierarchical-grid-editing.component.ts b/src/app/hierarchical-grid/hierarchical-grid-editing/hierarchical-grid-editing.component.ts index 8d98db1c7..afcacd44c 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-editing/hierarchical-grid-editing.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-editing/hierarchical-grid-editing.component.ts @@ -2,8 +2,8 @@ import { Component, OnInit, ViewChild } from '@angular/core'; import { IgxDialogComponent } from 'igniteui-angular/dialog'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; -import { IgxCellTemplateDirective, IgxColumnComponent, IgxNumberSummaryOperand } from 'igniteui-angular/grids/core'; -import { IgxSummaryResult } from 'igniteui-angular/core'; +import { IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; +import { IgxNumberSummaryOperand, IgxSummaryResult } from 'igniteui-angular/core'; import { IgxButtonDirective, IgxIconButtonDirective } from 'igniteui-angular/directives'; import { IgxIconComponent } from 'igniteui-angular/icon'; import { IgxInputDirective, IgxInputGroupComponent, IgxLabelDirective } from 'igniteui-angular/input-group'; diff --git a/src/app/hierarchical-grid/hierarchical-grid-save-state/hGrid-state.component.ts b/src/app/hierarchical-grid/hierarchical-grid-save-state/hGrid-state.component.ts index 30882f5dc..e8eddf854 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-save-state/hGrid-state.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-save-state/hGrid-state.component.ts @@ -1,8 +1,8 @@ import { Component, OnInit, ViewChild, ViewChildren, QueryList, AfterViewInit, inject } from '@angular/core'; import { NavigationStart, Router, RouterLink } from '@angular/router'; -import { GridFeatures, IGridState, IGridStateOptions, IgxCellTemplateDirective, IgxColumnComponent, IgxGridStateDirective, IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarHidingComponent, IgxGridToolbarPinningComponent, IgxNumberSummaryOperand } from 'igniteui-angular/grids/core'; +import { GridFeatures, IGridState, IGridStateOptions, IgxCellTemplateDirective, IgxColumnComponent, IgxGridStateDirective, IgxGridToolbarActionsComponent, IgxGridToolbarComponent, IgxGridToolbarHidingComponent, IgxGridToolbarPinningComponent } from 'igniteui-angular/grids/core'; +import { IgxNumberSummaryOperand, IgxSummaryResult } from 'igniteui-angular/core'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; -import { IgxSummaryResult } from 'igniteui-angular/core'; import { IgxCheckboxComponent } from 'igniteui-angular/checkbox'; import { IgxButtonDirective } from 'igniteui-angular/directives'; import { IgxIconComponent } from 'igniteui-angular/icon'; diff --git a/src/app/hierarchical-grid/hierarchical-grid-summary-formatter/hierarchical-grid-summary-formatter.component.ts b/src/app/hierarchical-grid/hierarchical-grid-summary-formatter/hierarchical-grid-summary-formatter.component.ts index 63b88dacb..b95f46827 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-summary-formatter/hierarchical-grid-summary-formatter.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-summary-formatter/hierarchical-grid-summary-formatter.component.ts @@ -1,8 +1,8 @@ import { DatePipe } from '@angular/common'; import { Component, ViewChild } from '@angular/core'; -import { IgxColumnComponent, IgxDateSummaryOperand, IgxSummaryOperand } from 'igniteui-angular/grids/core'; +import { IgxColumnComponent } from 'igniteui-angular/grids/core'; +import { IgxDateSummaryOperand, IgxSummaryOperand, IgxSummaryResult } from 'igniteui-angular/core'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; -import { IgxSummaryResult } from 'igniteui-angular/core'; import { SINGERS } from '../../data/singersData'; import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scroll.directive'; diff --git a/src/app/hierarchical-grid/hierarchical-grid-summary-styling/hierarchical-grid-summary-styling.component.ts b/src/app/hierarchical-grid/hierarchical-grid-summary-styling/hierarchical-grid-summary-styling.component.ts index 35a3d264e..9165d13aa 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-summary-styling/hierarchical-grid-summary-styling.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-summary-styling/hierarchical-grid-summary-styling.component.ts @@ -1,6 +1,6 @@ import { Component } from '@angular/core'; -import { IgxCellTemplateDirective, IgxColumnComponent, IgxNumberSummaryOperand } from 'igniteui-angular/grids/core'; -import { IgxSummaryResult } from 'igniteui-angular/core'; +import { IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; +import { IgxNumberSummaryOperand, IgxSummaryResult } from 'igniteui-angular/core'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; import { SINGERS } from '../../data/singersData'; import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scroll.directive'; diff --git a/src/app/hierarchical-grid/hierarchical-grid-summary/hierarchical-grid-summary.component.ts b/src/app/hierarchical-grid/hierarchical-grid-summary/hierarchical-grid-summary.component.ts index cf73f3cb9..3f7ca5947 100644 --- a/src/app/hierarchical-grid/hierarchical-grid-summary/hierarchical-grid-summary.component.ts +++ b/src/app/hierarchical-grid/hierarchical-grid-summary/hierarchical-grid-summary.component.ts @@ -1,7 +1,7 @@ import { Component, ViewChild } from '@angular/core'; import { IgxHierarchicalGridComponent, IgxRowIslandComponent } from 'igniteui-angular/grids/hierarchical-grid'; -import { IgxCellTemplateDirective, IgxColumnComponent, IgxNumberSummaryOperand } from 'igniteui-angular/grids/core'; -import { IgxSummaryResult } from 'igniteui-angular/core'; +import { IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; +import { IgxNumberSummaryOperand, IgxSummaryResult } from 'igniteui-angular/core'; import { SINGERS } from '../../data/singersData'; import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scroll.directive'; diff --git a/src/app/tree-grid/tree-grid-displaydensity-sample/tree-grid-displaydensity-sample.component.ts b/src/app/tree-grid/tree-grid-displaydensity-sample/tree-grid-displaydensity-sample.component.ts index 0c2f97787..5eed114b9 100644 --- a/src/app/tree-grid/tree-grid-displaydensity-sample/tree-grid-displaydensity-sample.component.ts +++ b/src/app/tree-grid/tree-grid-displaydensity-sample/tree-grid-displaydensity-sample.component.ts @@ -1,7 +1,7 @@ import { Component, HostBinding, OnInit, ViewChild } from '@angular/core'; import { IgxButtonGroupComponent } from 'igniteui-angular/button-group'; -import { IgxCellTemplateDirective, IgxColumnComponent, IgxColumnGroupComponent, IgxNumberSummaryOperand, IgxSummaryOperand } from 'igniteui-angular/grids/core'; -import { IgxSummaryResult } from 'igniteui-angular/core'; +import { IgxCellTemplateDirective, IgxColumnComponent, IgxColumnGroupComponent } from 'igniteui-angular/grids/core'; +import { IgxNumberSummaryOperand, IgxSummaryOperand, IgxSummaryResult } from 'igniteui-angular/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { generateEmployeeDetailedFlatData } from '../data/employees-flat-detailed'; import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scroll.directive'; diff --git a/src/app/tree-grid/tree-grid-editing-sample/tree-grid-editing-sample.component.ts b/src/app/tree-grid/tree-grid-editing-sample/tree-grid-editing-sample.component.ts index b2b54cc26..3b52b2fc7 100644 --- a/src/app/tree-grid/tree-grid-editing-sample/tree-grid-editing-sample.component.ts +++ b/src/app/tree-grid/tree-grid-editing-sample/tree-grid-editing-sample.component.ts @@ -1,7 +1,7 @@ import { Component, OnInit, ViewChild } from '@angular/core'; import { IgxDialogComponent } from 'igniteui-angular/dialog'; -import { IgxCellTemplateDirective, IgxColumnComponent, IgxNumberSummaryOperand, IgxSummaryOperand } from 'igniteui-angular/grids/core'; -import { IgxSummaryResult } from 'igniteui-angular/core'; +import { IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; +import { IgxNumberSummaryOperand, IgxSummaryOperand, IgxSummaryResult } from 'igniteui-angular/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxButtonDirective, IgxIconButtonDirective } from 'igniteui-angular/directives'; import { IgxIconComponent } from 'igniteui-angular/icon'; diff --git a/src/app/tree-grid/tree-grid-summary-formatter/tree-grid-summary-formatter.component.ts b/src/app/tree-grid/tree-grid-summary-formatter/tree-grid-summary-formatter.component.ts index 142baff8c..6d031cab7 100644 --- a/src/app/tree-grid/tree-grid-summary-formatter/tree-grid-summary-formatter.component.ts +++ b/src/app/tree-grid/tree-grid-summary-formatter/tree-grid-summary-formatter.component.ts @@ -1,7 +1,7 @@ import { DatePipe } from '@angular/common'; import { Component, OnInit, ViewChild } from '@angular/core'; -import { IgxCellTemplateDirective, IgxColumnComponent, IgxDateSummaryOperand, IgxSummaryOperand } from 'igniteui-angular/grids/core'; -import { IgxSummaryResult } from 'igniteui-angular/core'; +import { IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; +import { IgxDateSummaryOperand, IgxSummaryOperand, IgxSummaryResult } from 'igniteui-angular/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { ORDERS_DATA } from '../data/orders'; import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scroll.directive'; diff --git a/src/app/tree-grid/tree-grid-summary2-sample/tree-grid-summary2-sample.component.ts b/src/app/tree-grid/tree-grid-summary2-sample/tree-grid-summary2-sample.component.ts index e5c2dfd9f..3b2b219b8 100644 --- a/src/app/tree-grid/tree-grid-summary2-sample/tree-grid-summary2-sample.component.ts +++ b/src/app/tree-grid/tree-grid-summary2-sample/tree-grid-summary2-sample.component.ts @@ -1,6 +1,6 @@ import { Component, OnInit, ViewChild } from '@angular/core'; -import { DefaultSortingStrategy, GridSummaryCalculationMode, ISortingExpression, IgxSummaryResult, SortingDirection } from 'igniteui-angular/core'; -import { GridSummaryPosition, IgxCellTemplateDirective, IgxColumnComponent, IgxNumberSummaryOperand, IgxSummaryOperand } from 'igniteui-angular/grids/core'; +import { DefaultSortingStrategy, GridSummaryCalculationMode, ISortingExpression, IgxNumberSummaryOperand, IgxSummaryOperand, IgxSummaryResult, SortingDirection } from 'igniteui-angular/core'; +import { GridSummaryPosition, IgxCellTemplateDirective, IgxColumnComponent } from 'igniteui-angular/grids/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { IgxButtonGroupComponent } from 'igniteui-angular/button-group'; import { IgxSwitchComponent } from 'igniteui-angular/switch'; diff --git a/src/app/tree-grid/treegrid-allData-summary/treegrid-allData-summary.component.ts b/src/app/tree-grid/treegrid-allData-summary/treegrid-allData-summary.component.ts index c21c1e450..5a21ebebd 100644 --- a/src/app/tree-grid/treegrid-allData-summary/treegrid-allData-summary.component.ts +++ b/src/app/tree-grid/treegrid-allData-summary/treegrid-allData-summary.component.ts @@ -1,6 +1,6 @@ import { Component, OnInit, ViewChild } from '@angular/core'; -import { IgxColumnComponent, IgxSummaryOperand } from 'igniteui-angular/grids/core'; -import { IgxSummaryResult } from 'igniteui-angular/core'; +import { IgxColumnComponent } from 'igniteui-angular/grids/core'; +import { IgxSummaryOperand, IgxSummaryResult } from 'igniteui-angular/core'; import { IgxTreeGridComponent } from 'igniteui-angular/grids/tree-grid'; import { generateEmployeeFlatData } from '../data/employees-flat'; import { IgxPreventDocumentScrollDirective } from '../../directives/prevent-scroll.directive'; diff --git a/src/app/tree-grid/treegrid-summary-template/treegrid-summary-template.component.ts b/src/app/tree-grid/treegrid-summary-template/treegrid-summary-template.component.ts index 2f6a4e64b..a523daf01 100644 --- a/src/app/tree-grid/treegrid-summary-template/treegrid-summary-template.component.ts +++ b/src/app/tree-grid/treegrid-summary-template/treegrid-summary-template.component.ts @@ -1,6 +1,6 @@ import { Component, HostBinding, OnInit } from '@angular/core'; -import { IgxColumnComponent, IgxSummaryOperand, IgxSummaryTemplateDirective } from 'igniteui-angular/grids/core'; -import { IgxSummaryResult } from 'igniteui-angular/core'; +import { IgxColumnComponent, IgxSummaryTemplateDirective } from 'igniteui-angular/grids/core'; +import { IgxSummaryOperand, IgxSummaryResult } from 'igniteui-angular/core'; import { IgxInputDirective, IgxInputGroupComponent, IgxLabelDirective } from 'igniteui-angular/input-group'; import { IgxSwitchComponent } from 'igniteui-angular/switch'; import { IgxButtonGroupComponent } from 'igniteui-angular/button-group';