diff --git a/.commitlintrc.js b/.commitlintrc.js index 67b56c7f1..8ad6d0199 100644 --- a/.commitlintrc.js +++ b/.commitlintrc.js @@ -30,6 +30,7 @@ const config = { 'experimental', 'schematics', 'dev', + 'examples', // data-grid 'ag-grid', diff --git a/.eslintrc.js b/.eslintrc.js index c5f37b009..ba5078ca8 100644 --- a/.eslintrc.js +++ b/.eslintrc.js @@ -245,7 +245,8 @@ const componentsExamplesRules = { files: ['packages/docs-examples/**/*.ts'], rules: { '@angular-eslint/prefer-standalone': 1, - '@angular-eslint/use-component-selector': 1 + '@angular-eslint/use-component-selector': 1, + '@angular-eslint/prefer-on-push-component-change-detection': 1 } }; diff --git a/packages/docs-examples/components/accordion/accordion-content/accordion-content-example.ts b/packages/docs-examples/components/accordion/accordion-content/accordion-content-example.ts index 6552b2be6..c3231735e 100644 --- a/packages/docs-examples/components/accordion/accordion-content/accordion-content-example.ts +++ b/packages/docs-examples/components/accordion/accordion-content/accordion-content-example.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { KbqAccordionModule } from '@koobiq/components/accordion'; import { KbqCheckboxModule } from '@koobiq/components/checkbox'; @@ -6,6 +6,7 @@ import { KbqCheckboxModule } from '@koobiq/components/checkbox'; * @title Accordion content */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'accordion-content-example', templateUrl: 'accordion-content-example.html', diff --git a/packages/docs-examples/components/accordion/accordion-header/accordion-header-example.ts b/packages/docs-examples/components/accordion/accordion-header/accordion-header-example.ts index 4c306ff4e..6b06c2db1 100644 --- a/packages/docs-examples/components/accordion/accordion-header/accordion-header-example.ts +++ b/packages/docs-examples/components/accordion/accordion-header/accordion-header-example.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { KbqAccordionModule } from '@koobiq/components/accordion'; import { KbqBadgeModule } from '@koobiq/components/badge'; import { KbqCheckboxModule } from '@koobiq/components/checkbox'; @@ -8,6 +8,7 @@ import { KbqIcon, KbqIconButton } from '@koobiq/components/icon'; * @title Accordion header */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'accordion-header-example', templateUrl: 'accordion-header-example.html', diff --git a/packages/docs-examples/components/accordion/accordion-in-panel/accordion-in-panel-example.ts b/packages/docs-examples/components/accordion/accordion-in-panel/accordion-in-panel-example.ts index bc26c6aff..b247aafb0 100644 --- a/packages/docs-examples/components/accordion/accordion-in-panel/accordion-in-panel-example.ts +++ b/packages/docs-examples/components/accordion/accordion-in-panel/accordion-in-panel-example.ts @@ -1,4 +1,4 @@ -import { Component, TemplateRef, ViewChild } from '@angular/core'; +import { ChangeDetectionStrategy, Component, TemplateRef, ViewChild } from '@angular/core'; import { KbqAccordionModule } from '@koobiq/components/accordion'; import { KbqButtonModule } from '@koobiq/components/button'; import { @@ -12,6 +12,7 @@ import { * @title Accordion in panel */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'accordion-in-panel-example', templateUrl: 'accordion-in-panel-example.html', diff --git a/packages/docs-examples/components/accordion/accordion-in-section/accordion-in-section-example.ts b/packages/docs-examples/components/accordion/accordion-in-section/accordion-in-section-example.ts index 0117e77b0..effffe218 100644 --- a/packages/docs-examples/components/accordion/accordion-in-section/accordion-in-section-example.ts +++ b/packages/docs-examples/components/accordion/accordion-in-section/accordion-in-section-example.ts @@ -1,10 +1,11 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { KbqAccordionModule } from '@koobiq/components/accordion'; /** * @title Accordion in section */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'accordion-in-section-example', templateUrl: 'accordion-in-section-example.html', diff --git a/packages/docs-examples/components/accordion/accordion-inactive-section/accordion-inactive-section-example.ts b/packages/docs-examples/components/accordion/accordion-inactive-section/accordion-inactive-section-example.ts index a170fa605..42bde4292 100644 --- a/packages/docs-examples/components/accordion/accordion-inactive-section/accordion-inactive-section-example.ts +++ b/packages/docs-examples/components/accordion/accordion-inactive-section/accordion-inactive-section-example.ts @@ -1,10 +1,11 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { KbqAccordionModule } from '@koobiq/components/accordion'; /** * @title Accordion inactive section */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'accordion-inactive-section-example', templateUrl: 'accordion-inactive-section-example.html', diff --git a/packages/docs-examples/components/accordion/accordion-overview/accordion-overview-example.ts b/packages/docs-examples/components/accordion/accordion-overview/accordion-overview-example.ts index 40a4bf615..7b410970d 100644 --- a/packages/docs-examples/components/accordion/accordion-overview/accordion-overview-example.ts +++ b/packages/docs-examples/components/accordion/accordion-overview/accordion-overview-example.ts @@ -1,10 +1,11 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { KbqAccordionModule } from '@koobiq/components/accordion'; /** * @title Accordion */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'accordion-overview-example', templateUrl: 'accordion-overview-example.html', diff --git a/packages/docs-examples/components/accordion/accordion-sections/accordion-sections-example.ts b/packages/docs-examples/components/accordion/accordion-sections/accordion-sections-example.ts index f6af93f53..68571670c 100644 --- a/packages/docs-examples/components/accordion/accordion-sections/accordion-sections-example.ts +++ b/packages/docs-examples/components/accordion/accordion-sections/accordion-sections-example.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { KbqAccordionModule } from '@koobiq/components/accordion'; import { KbqButtonToggleModule } from '@koobiq/components/button-toggle'; @@ -6,6 +6,7 @@ import { KbqButtonToggleModule } from '@koobiq/components/button-toggle'; * @title Accordion sections */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'accordion-sections-example', templateUrl: 'accordion-sections-example.html', diff --git a/packages/docs-examples/components/accordion/accordion-states/accordion-states-example.ts b/packages/docs-examples/components/accordion/accordion-states/accordion-states-example.ts index 2a3bcf8b3..8e4f402ff 100644 --- a/packages/docs-examples/components/accordion/accordion-states/accordion-states-example.ts +++ b/packages/docs-examples/components/accordion/accordion-states/accordion-states-example.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { KbqAccordionModule, KbqAccordionVariant } from '@koobiq/components/accordion'; import { KbqButtonToggleModule } from '@koobiq/components/button-toggle'; @@ -6,6 +6,7 @@ import { KbqButtonToggleModule } from '@koobiq/components/button-toggle'; * @title Accordion states */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'accordion-states-example', templateUrl: 'accordion-states-example.html', diff --git a/packages/docs-examples/components/alert/alert-close/alert-close-example.ts b/packages/docs-examples/components/alert/alert-close/alert-close-example.ts index 2bb57ec4d..2cdc7f2af 100644 --- a/packages/docs-examples/components/alert/alert-close/alert-close-example.ts +++ b/packages/docs-examples/components/alert/alert-close/alert-close-example.ts @@ -1,5 +1,5 @@ import { animate, state, style, transition, trigger } from '@angular/animations'; -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { KbqAlertModule } from '@koobiq/components/alert'; import { KbqButtonStyles } from '@koobiq/components/button'; import { KbqComponentColors } from '@koobiq/components/core'; @@ -9,6 +9,7 @@ import { KbqIconModule } from '@koobiq/components/icon'; * @title Alert close */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'alert-close-example', animations: [ diff --git a/packages/docs-examples/components/alert/alert-content/alert-content-example.ts b/packages/docs-examples/components/alert/alert-content/alert-content-example.ts index 02af7a1fb..85ec33fc8 100644 --- a/packages/docs-examples/components/alert/alert-content/alert-content-example.ts +++ b/packages/docs-examples/components/alert/alert-content/alert-content-example.ts @@ -1,5 +1,5 @@ import { animate, state, style, transition, trigger } from '@angular/animations'; -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { KbqAlertColors, KbqAlertModule, KbqAlertStyles } from '@koobiq/components/alert'; import { KbqButtonModule, KbqButtonStyles } from '@koobiq/components/button'; import { KbqComponentColors } from '@koobiq/components/core'; @@ -10,6 +10,7 @@ import { KbqLinkModule } from '@koobiq/components/link'; * @title Alert content */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'alert-content-example', templateUrl: 'alert-content-example.html', diff --git a/packages/docs-examples/components/alert/alert-size/alert-size-example.ts b/packages/docs-examples/components/alert/alert-size/alert-size-example.ts index 810589656..22c860048 100644 --- a/packages/docs-examples/components/alert/alert-size/alert-size-example.ts +++ b/packages/docs-examples/components/alert/alert-size/alert-size-example.ts @@ -1,5 +1,5 @@ import { animate, state, style, transition, trigger } from '@angular/animations'; -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { KbqAlertModule } from '@koobiq/components/alert'; import { KbqButtonStyles } from '@koobiq/components/button'; import { KbqComponentColors } from '@koobiq/components/core'; @@ -9,6 +9,7 @@ import { KbqLinkModule } from '@koobiq/components/link'; * @title Alert size */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'alert-size-example', templateUrl: 'alert-size-example.html', diff --git a/packages/docs-examples/components/alert/alert-status/alert-status-example.ts b/packages/docs-examples/components/alert/alert-status/alert-status-example.ts index 3a0daad1a..ed2808140 100644 --- a/packages/docs-examples/components/alert/alert-status/alert-status-example.ts +++ b/packages/docs-examples/components/alert/alert-status/alert-status-example.ts @@ -1,5 +1,5 @@ import { animate, state, style, transition, trigger } from '@angular/animations'; -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { KbqAlertColors, KbqAlertModule, KbqAlertStyles } from '@koobiq/components/alert'; import { KbqButtonStyles } from '@koobiq/components/button'; import { KbqComponentColors } from '@koobiq/components/core'; @@ -9,6 +9,7 @@ import { KbqIconModule } from '@koobiq/components/icon'; * @title Alert status */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'alert-status-example', templateUrl: 'alert-status-example.html', diff --git a/packages/docs-examples/components/alert/alert-variants/alert-variants-example.ts b/packages/docs-examples/components/alert/alert-variants/alert-variants-example.ts index cac6dab67..d86bbbfb3 100644 --- a/packages/docs-examples/components/alert/alert-variants/alert-variants-example.ts +++ b/packages/docs-examples/components/alert/alert-variants/alert-variants-example.ts @@ -1,5 +1,5 @@ import { animate, state, style, transition, trigger } from '@angular/animations'; -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { KbqAlertColors, KbqAlertModule, KbqAlertStyles } from '@koobiq/components/alert'; import { KbqButtonStyles } from '@koobiq/components/button'; import { KbqComponentColors } from '@koobiq/components/core'; @@ -9,6 +9,7 @@ import { KbqIconModule } from '@koobiq/components/icon'; * @title Alert variants */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'alert-variants-example', styleUrls: ['alert-variants-example.css'], diff --git a/packages/docs-examples/components/autocomplete/autocomplete-overview/autocomplete-overview-example.ts b/packages/docs-examples/components/autocomplete/autocomplete-overview/autocomplete-overview-example.ts index a164bb254..828c67d7d 100644 --- a/packages/docs-examples/components/autocomplete/autocomplete-overview/autocomplete-overview-example.ts +++ b/packages/docs-examples/components/autocomplete/autocomplete-overview/autocomplete-overview-example.ts @@ -1,5 +1,5 @@ import { AsyncPipe } from '@angular/common'; -import { Component, OnInit } from '@angular/core'; +import { ChangeDetectionStrategy, Component, OnInit } from '@angular/core'; import { FormControl, ReactiveFormsModule } from '@angular/forms'; import { KbqAutocompleteModule } from '@koobiq/components/autocomplete'; import { KbqFormsModule } from '@koobiq/components/core'; @@ -12,6 +12,7 @@ import { map, startWith } from 'rxjs/operators'; * @title Autocomplete */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'autocomplete-overview-example', imports: [ diff --git a/packages/docs-examples/components/badge/badge-content/badge-content-example.ts b/packages/docs-examples/components/badge/badge-content/badge-content-example.ts index 7217a12fb..0ef1430cd 100644 --- a/packages/docs-examples/components/badge/badge-content/badge-content-example.ts +++ b/packages/docs-examples/components/badge/badge-content/badge-content-example.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { KbqBadgeColors, KbqBadgeModule } from '@koobiq/components/badge'; import { KbqIconModule } from '@koobiq/components/icon'; @@ -6,6 +6,7 @@ import { KbqIconModule } from '@koobiq/components/icon'; * @title Badge content */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'badge-content-example', imports: [ diff --git a/packages/docs-examples/components/badge/badge-fill-and-style/badge-fill-and-style-example.ts b/packages/docs-examples/components/badge/badge-fill-and-style/badge-fill-and-style-example.ts index 3b9d5850d..bdea204d4 100644 --- a/packages/docs-examples/components/badge/badge-fill-and-style/badge-fill-and-style-example.ts +++ b/packages/docs-examples/components/badge/badge-fill-and-style/badge-fill-and-style-example.ts @@ -1,10 +1,11 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { KbqBadgeColors, KbqBadgeModule } from '@koobiq/components/badge'; /** * @title Badge fill and style */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'badge-fill-and-style-example', templateUrl: 'badge-fill-and-style-example.html', diff --git a/packages/docs-examples/components/badge/badge-list/badge-list-example.ts b/packages/docs-examples/components/badge/badge-list/badge-list-example.ts index fe2070910..c0ce1b62c 100644 --- a/packages/docs-examples/components/badge/badge-list/badge-list-example.ts +++ b/packages/docs-examples/components/badge/badge-list/badge-list-example.ts @@ -1,10 +1,11 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { KbqBadgeColors, KbqBadgeModule } from '@koobiq/components/badge'; /** * @title Badge list */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'badge-list-example', styleUrls: ['badge-list-example.css'], diff --git a/packages/docs-examples/components/badge/badge-size/badge-size-example.ts b/packages/docs-examples/components/badge/badge-size/badge-size-example.ts index a70a3f187..8bed9d4e3 100644 --- a/packages/docs-examples/components/badge/badge-size/badge-size-example.ts +++ b/packages/docs-examples/components/badge/badge-size/badge-size-example.ts @@ -1,10 +1,11 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { KbqBadgeColors, KbqBadgeModule } from '@koobiq/components/badge'; /** * @title Badge size */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'badge-size-example', imports: [ diff --git a/packages/docs-examples/components/badge/badge-table/badge-table-example.ts b/packages/docs-examples/components/badge/badge-table/badge-table-example.ts index 150987f4f..45bcb3a45 100644 --- a/packages/docs-examples/components/badge/badge-table/badge-table-example.ts +++ b/packages/docs-examples/components/badge/badge-table/badge-table-example.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { KbqBadgeColors, KbqBadgeModule } from '@koobiq/components/badge'; import { KbqLinkModule } from '@koobiq/components/link'; import { KbqTableModule } from '@koobiq/components/table'; @@ -7,6 +7,7 @@ import { KbqTableModule } from '@koobiq/components/table'; * @title Badge table */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'badge-table-example', templateUrl: 'badge-table-example.html', diff --git a/packages/docs-examples/components/badge/badge-tooltip/badge-tooltip-example.ts b/packages/docs-examples/components/badge/badge-tooltip/badge-tooltip-example.ts index 5924a30e9..dc40e22e1 100644 --- a/packages/docs-examples/components/badge/badge-tooltip/badge-tooltip-example.ts +++ b/packages/docs-examples/components/badge/badge-tooltip/badge-tooltip-example.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { KbqBadgeColors, KbqBadgeModule } from '@koobiq/components/badge'; import { PopUpPlacements } from '@koobiq/components/core'; import { KbqToolTipModule } from '@koobiq/components/tooltip'; @@ -7,6 +7,7 @@ import { KbqToolTipModule } from '@koobiq/components/tooltip'; * @title Badge tooltip */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'badge-tooltip-example', styleUrls: ['badge-tooltip-example.css'], diff --git a/packages/docs-examples/components/button-toggle/button-toggle-alignment-overview/button-toggle-alignment-overview-example.ts b/packages/docs-examples/components/button-toggle/button-toggle-alignment-overview/button-toggle-alignment-overview-example.ts index 34136410b..d0b873079 100644 --- a/packages/docs-examples/components/button-toggle/button-toggle-alignment-overview/button-toggle-alignment-overview-example.ts +++ b/packages/docs-examples/components/button-toggle/button-toggle-alignment-overview/button-toggle-alignment-overview-example.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { FormsModule } from '@angular/forms'; import { KbqButtonToggleModule } from '@koobiq/components/button-toggle'; import { KbqIconModule } from '@koobiq/components/icon'; @@ -7,6 +7,7 @@ import { KbqIconModule } from '@koobiq/components/icon'; * @title Button toggle alignment */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'button-toggle-alignment-overview-example', templateUrl: 'button-toggle-alignment-overview-example.html', diff --git a/packages/docs-examples/components/button-toggle/button-toggle-disabled-all-overview/button-toggle-disabled-all-overview-example.ts b/packages/docs-examples/components/button-toggle/button-toggle-disabled-all-overview/button-toggle-disabled-all-overview-example.ts index a6e53f147..e73441e10 100644 --- a/packages/docs-examples/components/button-toggle/button-toggle-disabled-all-overview/button-toggle-disabled-all-overview-example.ts +++ b/packages/docs-examples/components/button-toggle/button-toggle-disabled-all-overview/button-toggle-disabled-all-overview-example.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { FormsModule } from '@angular/forms'; import { KbqButtonToggleModule } from '@koobiq/components/button-toggle'; import { KbqIconModule } from '@koobiq/components/icon'; @@ -7,6 +7,7 @@ import { KbqIconModule } from '@koobiq/components/icon'; * @title Button toggle disabled all */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'button-toggle-disabled-all-overview-example', templateUrl: 'button-toggle-disabled-all-overview-example.html', diff --git a/packages/docs-examples/components/button-toggle/button-toggle-disabled-partial-overview/button-toggle-disabled-partial-overview-example.ts b/packages/docs-examples/components/button-toggle/button-toggle-disabled-partial-overview/button-toggle-disabled-partial-overview-example.ts index 0e9b2f1a7..366fe0b89 100644 --- a/packages/docs-examples/components/button-toggle/button-toggle-disabled-partial-overview/button-toggle-disabled-partial-overview-example.ts +++ b/packages/docs-examples/components/button-toggle/button-toggle-disabled-partial-overview/button-toggle-disabled-partial-overview-example.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { KbqButtonToggleModule } from '@koobiq/components/button-toggle'; import { KbqIconModule } from '@koobiq/components/icon'; @@ -6,6 +6,7 @@ import { KbqIconModule } from '@koobiq/components/icon'; * @title Button toggle disabled partial */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'button-toggle-disabled-partial-overview-example', templateUrl: 'button-toggle-disabled-partial-overview-example.html', diff --git a/packages/docs-examples/components/button-toggle/button-toggle-overview/button-toggle-overview-example.ts b/packages/docs-examples/components/button-toggle/button-toggle-overview/button-toggle-overview-example.ts index ece906331..e74cfa0ce 100644 --- a/packages/docs-examples/components/button-toggle/button-toggle-overview/button-toggle-overview-example.ts +++ b/packages/docs-examples/components/button-toggle/button-toggle-overview/button-toggle-overview-example.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { KbqButtonToggleModule } from '@koobiq/components/button-toggle'; import { KbqIconModule } from '@koobiq/components/icon'; @@ -6,6 +6,7 @@ import { KbqIconModule } from '@koobiq/components/icon'; * @title Button toggle */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'button-toggle-overview-example', templateUrl: 'button-toggle-overview-example.html', diff --git a/packages/docs-examples/components/button-toggle/button-toggle-tooltip-overview/button-toggle-tooltip-overview-example.ts b/packages/docs-examples/components/button-toggle/button-toggle-tooltip-overview/button-toggle-tooltip-overview-example.ts index 760bf8474..4fc09c76b 100644 --- a/packages/docs-examples/components/button-toggle/button-toggle-tooltip-overview/button-toggle-tooltip-overview-example.ts +++ b/packages/docs-examples/components/button-toggle/button-toggle-tooltip-overview/button-toggle-tooltip-overview-example.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { FormsModule } from '@angular/forms'; import { KbqButtonToggleModule } from '@koobiq/components/button-toggle'; import { KbqIconModule } from '@koobiq/components/icon'; @@ -7,6 +7,7 @@ import { KbqIconModule } from '@koobiq/components/icon'; * @title Button toggle tooltip */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'button-toggle-tooltip-overview-example', styleUrls: ['button-toggle-tooltip-overview-example.css'], diff --git a/packages/docs-examples/components/button/button-content/button-content-example.ts b/packages/docs-examples/components/button/button-content/button-content-example.ts index 14616d8f0..f376f9d6e 100644 --- a/packages/docs-examples/components/button/button-content/button-content-example.ts +++ b/packages/docs-examples/components/button/button-content/button-content-example.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { KbqButtonModule } from '@koobiq/components/button'; import { KbqComponentColors } from '@koobiq/components/core'; import { KbqIconModule } from '@koobiq/components/icon'; @@ -7,6 +7,7 @@ import { KbqIconModule } from '@koobiq/components/icon'; * @title Button content */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'button-content-example', styleUrls: ['button-content-example.css'], diff --git a/packages/docs-examples/components/button/button-fill-and-style-only-icon/button-fill-and-style-only-icon-example.ts b/packages/docs-examples/components/button/button-fill-and-style-only-icon/button-fill-and-style-only-icon-example.ts index 879300834..86fea004d 100644 --- a/packages/docs-examples/components/button/button-fill-and-style-only-icon/button-fill-and-style-only-icon-example.ts +++ b/packages/docs-examples/components/button/button-fill-and-style-only-icon/button-fill-and-style-only-icon-example.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { KbqButtonModule, KbqButtonStyles } from '@koobiq/components/button'; import { KbqComponentColors } from '@koobiq/components/core'; import { KbqIconModule } from '@koobiq/components/icon'; @@ -7,6 +7,7 @@ import { KbqIconModule } from '@koobiq/components/icon'; * @title button-fill-and-style-only-icon */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'button-fill-and-style-only-icon-example', templateUrl: 'button-fill-and-style-only-icon-example.html', diff --git a/packages/docs-examples/components/button/button-fill-and-style/button-fill-and-style-example.ts b/packages/docs-examples/components/button/button-fill-and-style/button-fill-and-style-example.ts index aaddc341d..90889042f 100644 --- a/packages/docs-examples/components/button/button-fill-and-style/button-fill-and-style-example.ts +++ b/packages/docs-examples/components/button/button-fill-and-style/button-fill-and-style-example.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { KbqButtonModule, KbqButtonStyles } from '@koobiq/components/button'; import { KbqComponentColors } from '@koobiq/components/core'; @@ -6,6 +6,7 @@ import { KbqComponentColors } from '@koobiq/components/core'; * @title Button fill and style */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'button-fill-and-style-example', templateUrl: 'button-fill-and-style-example.html', diff --git a/packages/docs-examples/components/button/button-fill-content/button-fill-content-example.ts b/packages/docs-examples/components/button/button-fill-content/button-fill-content-example.ts index 3f1d9f88a..f58ed2f54 100644 --- a/packages/docs-examples/components/button/button-fill-content/button-fill-content-example.ts +++ b/packages/docs-examples/components/button/button-fill-content/button-fill-content-example.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { KbqButtonModule } from '@koobiq/components/button'; import { KbqComponentColors } from '@koobiq/components/core'; @@ -6,6 +6,7 @@ import { KbqComponentColors } from '@koobiq/components/core'; * @title Button fill content */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'button-fill-content-example', styleUrls: ['button-fill-content-example.css'], diff --git a/packages/docs-examples/components/button/button-fixed-content/button-fixed-content-example.ts b/packages/docs-examples/components/button/button-fixed-content/button-fixed-content-example.ts index 57ac8318a..ed5900bb7 100644 --- a/packages/docs-examples/components/button/button-fixed-content/button-fixed-content-example.ts +++ b/packages/docs-examples/components/button/button-fixed-content/button-fixed-content-example.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { KbqButtonModule } from '@koobiq/components/button'; import { KbqComponentColors } from '@koobiq/components/core'; @@ -6,6 +6,7 @@ import { KbqComponentColors } from '@koobiq/components/core'; * @title Button fixed content */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'button-fixed-content-example', styleUrls: ['button-fixed-content-example.css'], diff --git a/packages/docs-examples/components/button/button-hug-content/button-hug-content-example.ts b/packages/docs-examples/components/button/button-hug-content/button-hug-content-example.ts index e665d9265..c47fa17ee 100644 --- a/packages/docs-examples/components/button/button-hug-content/button-hug-content-example.ts +++ b/packages/docs-examples/components/button/button-hug-content/button-hug-content-example.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { KbqButtonModule } from '@koobiq/components/button'; import { KbqComponentColors } from '@koobiq/components/core'; @@ -6,6 +6,7 @@ import { KbqComponentColors } from '@koobiq/components/core'; * @title Button hug content */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'button-hug-content-example', styleUrls: ['button-hug-content-example.css'], diff --git a/packages/docs-examples/components/button/button-loading-state/button-loading-state-example.ts b/packages/docs-examples/components/button/button-loading-state/button-loading-state-example.ts index 858d04992..898a8b954 100644 --- a/packages/docs-examples/components/button/button-loading-state/button-loading-state-example.ts +++ b/packages/docs-examples/components/button/button-loading-state/button-loading-state-example.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { KbqButtonModule } from '@koobiq/components/button'; import { KbqComponentColors } from '@koobiq/components/core'; @@ -6,6 +6,7 @@ import { KbqComponentColors } from '@koobiq/components/core'; * @title Button loading state */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'button-loading-state-example', imports: [ diff --git a/packages/docs-examples/components/button/button-overview/button-overview-example.ts b/packages/docs-examples/components/button/button-overview/button-overview-example.ts index d52d23093..fb2fbafee 100644 --- a/packages/docs-examples/components/button/button-overview/button-overview-example.ts +++ b/packages/docs-examples/components/button/button-overview/button-overview-example.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { FormsModule } from '@angular/forms'; import { KbqButtonModule } from '@koobiq/components/button'; import { KbqCheckboxModule } from '@koobiq/components/checkbox'; @@ -8,6 +8,7 @@ import { KbqComponentColors } from '@koobiq/components/core'; * @title Button overview */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'button-overview-example', styleUrls: ['button-overview-example.css'], diff --git a/packages/docs-examples/components/date-formatter/absolute-date-formatter/absolute-date-formatter-example.ts b/packages/docs-examples/components/date-formatter/absolute-date-formatter/absolute-date-formatter-example.ts index 92256295e..c4c5f5c63 100644 --- a/packages/docs-examples/components/date-formatter/absolute-date-formatter/absolute-date-formatter-example.ts +++ b/packages/docs-examples/components/date-formatter/absolute-date-formatter/absolute-date-formatter-example.ts @@ -1,4 +1,4 @@ -import { ChangeDetectorRef, Component, Inject } from '@angular/core'; +import { ChangeDetectionStrategy, ChangeDetectorRef, Component, Inject } from '@angular/core'; import { LuxonDateModule } from '@koobiq/angular-luxon-adapter/adapter'; import { DateAdapter, @@ -15,6 +15,7 @@ import { distinctUntilChanged } from 'rxjs/operators'; * @title Absolute date-formatter */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'absolute-date-formatter-example', templateUrl: 'absolute-date-formatter-example.html', diff --git a/packages/docs-examples/components/date-formatter/date-formatter-special-use/date-formatter-special-use-example.ts b/packages/docs-examples/components/date-formatter/date-formatter-special-use/date-formatter-special-use-example.ts index 31b5147ba..0bc2ab67e 100644 --- a/packages/docs-examples/components/date-formatter/date-formatter-special-use/date-formatter-special-use-example.ts +++ b/packages/docs-examples/components/date-formatter/date-formatter-special-use/date-formatter-special-use-example.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { LuxonDateAdapter } from '@koobiq/angular-luxon-adapter/adapter'; import { DateAdapter, DateFormatter, KBQ_DATE_LOCALE } from '@koobiq/components/core'; import { DateTime } from 'luxon'; @@ -7,6 +7,7 @@ import { DateTime } from 'luxon'; * @title date-formatter-special-use */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'date-formatter-special-use-example', template: '{{ date }}', diff --git a/packages/docs-examples/components/date-formatter/date-formatter-typical-use/date-formatter-typical-use-example.ts b/packages/docs-examples/components/date-formatter/date-formatter-typical-use/date-formatter-typical-use-example.ts index cddce0231..83262375b 100644 --- a/packages/docs-examples/components/date-formatter/date-formatter-typical-use/date-formatter-typical-use-example.ts +++ b/packages/docs-examples/components/date-formatter/date-formatter-typical-use/date-formatter-typical-use-example.ts @@ -1,4 +1,4 @@ -import { Component, Inject } from '@angular/core'; +import { ChangeDetectionStrategy, Component, Inject } from '@angular/core'; import { KbqLuxonDateModule } from '@koobiq/angular-luxon-adapter/adapter'; import { DateAdapter, @@ -13,6 +13,7 @@ import { DateTime } from 'luxon'; * @title date-formatter-typical-use */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'date-formatter-typical-use-example', template: '{{ date }}', diff --git a/packages/docs-examples/components/date-formatter/duration-date-formatter/duration-date-formatter-example.ts b/packages/docs-examples/components/date-formatter/duration-date-formatter/duration-date-formatter-example.ts index 46dfe1efc..975ef76e2 100644 --- a/packages/docs-examples/components/date-formatter/duration-date-formatter/duration-date-formatter-example.ts +++ b/packages/docs-examples/components/date-formatter/duration-date-formatter/duration-date-formatter-example.ts @@ -1,4 +1,4 @@ -import { ChangeDetectorRef, Component, Inject } from '@angular/core'; +import { ChangeDetectionStrategy, ChangeDetectorRef, Component, Inject } from '@angular/core'; import { LuxonDateModule } from '@koobiq/angular-luxon-adapter/adapter'; import { DateAdapter, @@ -15,6 +15,7 @@ import { distinctUntilChanged } from 'rxjs/operators'; * @title Duration date-formatter */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'duration-date-formatter-example', templateUrl: 'duration-date-formatter-example.html', diff --git a/packages/docs-examples/components/date-formatter/range-date-formatter/range-date-formatter-example.ts b/packages/docs-examples/components/date-formatter/range-date-formatter/range-date-formatter-example.ts index c123f583d..422310550 100644 --- a/packages/docs-examples/components/date-formatter/range-date-formatter/range-date-formatter-example.ts +++ b/packages/docs-examples/components/date-formatter/range-date-formatter/range-date-formatter-example.ts @@ -1,4 +1,4 @@ -import { ChangeDetectorRef, Component, Inject } from '@angular/core'; +import { ChangeDetectionStrategy, ChangeDetectorRef, Component, Inject } from '@angular/core'; import { LuxonDateModule } from '@koobiq/angular-luxon-adapter/adapter'; import { DateAdapter, @@ -15,6 +15,7 @@ import { distinctUntilChanged } from 'rxjs/operators'; * @title Range date-formatter */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'range-date-formatter-example', templateUrl: 'range-date-formatter-example.html', diff --git a/packages/docs-examples/components/date-formatter/relative-date-formatter/relative-date-formatter-example.ts b/packages/docs-examples/components/date-formatter/relative-date-formatter/relative-date-formatter-example.ts index 276d7d969..7e7495cc5 100644 --- a/packages/docs-examples/components/date-formatter/relative-date-formatter/relative-date-formatter-example.ts +++ b/packages/docs-examples/components/date-formatter/relative-date-formatter/relative-date-formatter-example.ts @@ -1,4 +1,4 @@ -import { ChangeDetectorRef, Component, Inject } from '@angular/core'; +import { ChangeDetectionStrategy, ChangeDetectorRef, Component, Inject } from '@angular/core'; import { LuxonDateModule } from '@koobiq/angular-luxon-adapter/adapter'; import { DateAdapter, @@ -15,6 +15,7 @@ import { distinctUntilChanged } from 'rxjs/operators'; * @title Relative date-formatter */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'relative-date-formatter-example', templateUrl: 'relative-date-formatter-example.html', diff --git a/packages/docs-examples/components/datepicker/datepicker-and-timepicker/datepicker-and-timepicker-example.ts b/packages/docs-examples/components/datepicker/datepicker-and-timepicker/datepicker-and-timepicker-example.ts index f5b612aa7..8ceb3a7c4 100644 --- a/packages/docs-examples/components/datepicker/datepicker-and-timepicker/datepicker-and-timepicker-example.ts +++ b/packages/docs-examples/components/datepicker/datepicker-and-timepicker/datepicker-and-timepicker-example.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { FormsModule } from '@angular/forms'; import { LuxonDateModule } from '@koobiq/angular-luxon-adapter/adapter'; import { KbqFormsModule } from '@koobiq/components/core'; @@ -12,6 +12,7 @@ import { DateTime } from 'luxon'; * @title Datepicker and timepicker */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'datepicker-and-timepicker-example', imports: [ diff --git a/packages/docs-examples/components/datepicker/datepicker-inactive/datepicker-inactive-example.ts b/packages/docs-examples/components/datepicker/datepicker-inactive/datepicker-inactive-example.ts index 09023b82c..8adab67af 100644 --- a/packages/docs-examples/components/datepicker/datepicker-inactive/datepicker-inactive-example.ts +++ b/packages/docs-examples/components/datepicker/datepicker-inactive/datepicker-inactive-example.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { FormsModule } from '@angular/forms'; import { LuxonDateModule } from '@koobiq/angular-luxon-adapter/adapter'; import { DateAdapter, KbqFormsModule } from '@koobiq/components/core'; @@ -10,6 +10,7 @@ import { DateTime } from 'luxon'; * @title Datepicker inactive */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'datepicker-inactive-example', imports: [ diff --git a/packages/docs-examples/components/datepicker/datepicker-minimax/datepicker-minimax-example.ts b/packages/docs-examples/components/datepicker/datepicker-minimax/datepicker-minimax-example.ts index 752d15f61..90eaee038 100644 --- a/packages/docs-examples/components/datepicker/datepicker-minimax/datepicker-minimax-example.ts +++ b/packages/docs-examples/components/datepicker/datepicker-minimax/datepicker-minimax-example.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { FormsModule } from '@angular/forms'; import { LuxonDateModule } from '@koobiq/angular-luxon-adapter/adapter'; import { DateAdapter, KbqFormsModule } from '@koobiq/components/core'; @@ -12,6 +12,7 @@ import { DateTime } from 'luxon'; * @title Datepicker minimax */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'datepicker-minimax-example', imports: [ diff --git a/packages/docs-examples/components/datepicker/datepicker-overview/datepicker-overview-example.ts b/packages/docs-examples/components/datepicker/datepicker-overview/datepicker-overview-example.ts index 526e51983..640a1c245 100644 --- a/packages/docs-examples/components/datepicker/datepicker-overview/datepicker-overview-example.ts +++ b/packages/docs-examples/components/datepicker/datepicker-overview/datepicker-overview-example.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { FormsModule } from '@angular/forms'; import { LuxonDateModule } from '@koobiq/angular-luxon-adapter/adapter'; import { KbqDatepickerModule } from '@koobiq/components/datepicker'; @@ -10,6 +10,7 @@ import { DateTime } from 'luxon'; * @title Datepicker */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'datepicker-overview-example', imports: [ diff --git a/packages/docs-examples/components/datepicker/datepicker-range/datepicker-range-example.ts b/packages/docs-examples/components/datepicker/datepicker-range/datepicker-range-example.ts index 2fd0dfacc..625a15af8 100644 --- a/packages/docs-examples/components/datepicker/datepicker-range/datepicker-range-example.ts +++ b/packages/docs-examples/components/datepicker/datepicker-range/datepicker-range-example.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { LuxonDateModule } from '@koobiq/angular-luxon-adapter/adapter'; import { DateAdapter, KbqFormsModule } from '@koobiq/components/core'; import { KbqDatepickerModule } from '@koobiq/components/datepicker'; @@ -10,6 +10,7 @@ import { DateTime } from 'luxon'; * @title Datepicker range */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'datepicker-range-example', imports: [ diff --git a/packages/docs-examples/components/datepicker/datepicker-required/datepicker-required-example.ts b/packages/docs-examples/components/datepicker/datepicker-required/datepicker-required-example.ts index 9534862ba..e4a569cc1 100644 --- a/packages/docs-examples/components/datepicker/datepicker-required/datepicker-required-example.ts +++ b/packages/docs-examples/components/datepicker/datepicker-required/datepicker-required-example.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { FormsModule } from '@angular/forms'; import { LuxonDateModule } from '@koobiq/angular-luxon-adapter/adapter'; import { KbqDatepickerModule } from '@koobiq/components/datepicker'; @@ -10,6 +10,7 @@ import { DateTime } from 'luxon'; * @title Datepicker required */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'datepicker-required-example', imports: [ diff --git a/packages/docs-examples/components/divider/divider-overview/divider-overview-example.ts b/packages/docs-examples/components/divider/divider-overview/divider-overview-example.ts index 5c35b1307..172aa532c 100644 --- a/packages/docs-examples/components/divider/divider-overview/divider-overview-example.ts +++ b/packages/docs-examples/components/divider/divider-overview/divider-overview-example.ts @@ -1,10 +1,11 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { KbqDividerModule } from '@koobiq/components/divider'; /** * @title Divider */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'divider-overview-example', imports: [ diff --git a/packages/docs-examples/components/divider/divider-vertical/divider-vertical-example.ts b/packages/docs-examples/components/divider/divider-vertical/divider-vertical-example.ts index 783ebf7ac..5e7a9d508 100644 --- a/packages/docs-examples/components/divider/divider-vertical/divider-vertical-example.ts +++ b/packages/docs-examples/components/divider/divider-vertical/divider-vertical-example.ts @@ -1,10 +1,11 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { KbqDividerModule } from '@koobiq/components/divider'; /** * @title Divider vertical */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'divider-vertical-example', imports: [ diff --git a/packages/docs-examples/components/dl/dl-horizontal-overview/dl-horizontal-overview-example.ts b/packages/docs-examples/components/dl/dl-horizontal-overview/dl-horizontal-overview-example.ts index 2123baf25..5d2e84a77 100644 --- a/packages/docs-examples/components/dl/dl-horizontal-overview/dl-horizontal-overview-example.ts +++ b/packages/docs-examples/components/dl/dl-horizontal-overview/dl-horizontal-overview-example.ts @@ -1,10 +1,11 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { KbqDlModule } from '@koobiq/components/dl'; /** * @title Description list horizontal */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'dl-horizontal-overview-example', imports: [ diff --git a/packages/docs-examples/components/dl/dl-overview/dl-overview-example.ts b/packages/docs-examples/components/dl/dl-overview/dl-overview-example.ts index ecda4f99f..231b15ea6 100644 --- a/packages/docs-examples/components/dl/dl-overview/dl-overview-example.ts +++ b/packages/docs-examples/components/dl/dl-overview/dl-overview-example.ts @@ -1,10 +1,11 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { KbqDlModule } from '@koobiq/components/dl'; /** * @title Description list */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'dl-overview-example', imports: [ diff --git a/packages/docs-examples/components/dl/dl-small/dl-small-example.ts b/packages/docs-examples/components/dl/dl-small/dl-small-example.ts index 677c79121..5bad81ad3 100644 --- a/packages/docs-examples/components/dl/dl-small/dl-small-example.ts +++ b/packages/docs-examples/components/dl/dl-small/dl-small-example.ts @@ -1,10 +1,11 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { KbqDlModule } from '@koobiq/components/dl'; /** * @title Description list small */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'dl-small-example', imports: [ diff --git a/packages/docs-examples/components/dl/dl-vertical-overview/dl-vertical-overview-example.ts b/packages/docs-examples/components/dl/dl-vertical-overview/dl-vertical-overview-example.ts index 9c2eaedb6..260b35202 100644 --- a/packages/docs-examples/components/dl/dl-vertical-overview/dl-vertical-overview-example.ts +++ b/packages/docs-examples/components/dl/dl-vertical-overview/dl-vertical-overview-example.ts @@ -1,10 +1,11 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { KbqDlModule } from '@koobiq/components/dl'; /** * @title Description list vertical */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'dl-vertical-overview-example', imports: [ diff --git a/packages/docs-examples/components/dropdown/dropdown-disabled/dropdown-disabled-example.ts b/packages/docs-examples/components/dropdown/dropdown-disabled/dropdown-disabled-example.ts index e38bf6bda..efdd0c28f 100644 --- a/packages/docs-examples/components/dropdown/dropdown-disabled/dropdown-disabled-example.ts +++ b/packages/docs-examples/components/dropdown/dropdown-disabled/dropdown-disabled-example.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { FormsModule } from '@angular/forms'; import { KbqButtonModule } from '@koobiq/components/button'; import { KbqCheckboxModule } from '@koobiq/components/checkbox'; @@ -12,6 +12,7 @@ import { KbqTitleModule } from '@koobiq/components/title'; * @title Dropdown disabled */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'dropdown-disabled-example', imports: [ diff --git a/packages/docs-examples/components/dropdown/dropdown-lazyload-data/dropdown-lazyload-data-example.ts b/packages/docs-examples/components/dropdown/dropdown-lazyload-data/dropdown-lazyload-data-example.ts index 0f9cc5634..f76b72c9e 100644 --- a/packages/docs-examples/components/dropdown/dropdown-lazyload-data/dropdown-lazyload-data-example.ts +++ b/packages/docs-examples/components/dropdown/dropdown-lazyload-data/dropdown-lazyload-data-example.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { FormsModule } from '@angular/forms'; import { KbqButtonModule } from '@koobiq/components/button'; import { KbqDropdownModule } from '@koobiq/components/dropdown'; @@ -10,6 +10,7 @@ import { KbqInputModule } from '@koobiq/components/input'; * @title Dropdown lazy load data */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'dropdown-lazyload-data-example', imports: [ diff --git a/packages/docs-examples/components/dropdown/dropdown-navigation-wrap/dropdown-navigation-wrap-example.ts b/packages/docs-examples/components/dropdown/dropdown-navigation-wrap/dropdown-navigation-wrap-example.ts index 0c76c46c0..b6075137b 100644 --- a/packages/docs-examples/components/dropdown/dropdown-navigation-wrap/dropdown-navigation-wrap-example.ts +++ b/packages/docs-examples/components/dropdown/dropdown-navigation-wrap/dropdown-navigation-wrap-example.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { KbqButtonModule } from '@koobiq/components/button'; import { KbqOptionModule } from '@koobiq/components/core'; import { KbqDividerModule } from '@koobiq/components/divider'; @@ -9,6 +9,7 @@ import { KbqIconModule } from '@koobiq/components/icon'; * @title Dropdown navigation wrap */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'dropdown-navigation-wrap-example', imports: [ diff --git a/packages/docs-examples/components/dropdown/dropdown-nested/dropdown-nested-example.ts b/packages/docs-examples/components/dropdown/dropdown-nested/dropdown-nested-example.ts index 4d215b323..9665d3ec7 100644 --- a/packages/docs-examples/components/dropdown/dropdown-nested/dropdown-nested-example.ts +++ b/packages/docs-examples/components/dropdown/dropdown-nested/dropdown-nested-example.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { KbqButtonModule } from '@koobiq/components/button'; import { KbqDividerModule } from '@koobiq/components/divider'; import { KbqDropdownModule } from '@koobiq/components/dropdown'; @@ -8,6 +8,7 @@ import { KbqIconModule } from '@koobiq/components/icon'; * @title Dropdown nested */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'dropdown-nested-example', imports: [ diff --git a/packages/docs-examples/components/dropdown/dropdown-open-by-arrowdown/dropdown-open-by-arrow-down-example.ts b/packages/docs-examples/components/dropdown/dropdown-open-by-arrowdown/dropdown-open-by-arrow-down-example.ts index 422cebead..5c97d062c 100644 --- a/packages/docs-examples/components/dropdown/dropdown-open-by-arrowdown/dropdown-open-by-arrow-down-example.ts +++ b/packages/docs-examples/components/dropdown/dropdown-open-by-arrowdown/dropdown-open-by-arrow-down-example.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { FormsModule } from '@angular/forms'; import { KbqButtonModule } from '@koobiq/components/button'; import { KbqCheckboxModule } from '@koobiq/components/checkbox'; @@ -14,6 +14,7 @@ import { KbqTitleModule } from '@koobiq/components/title'; * @title Dropdown open by arrow down */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'dropdown-open-by-arrow-down-example', imports: [ diff --git a/packages/docs-examples/components/dropdown/dropdown-overview/dropdown-overview-example.ts b/packages/docs-examples/components/dropdown/dropdown-overview/dropdown-overview-example.ts index 06952aaa6..55fe97e1f 100644 --- a/packages/docs-examples/components/dropdown/dropdown-overview/dropdown-overview-example.ts +++ b/packages/docs-examples/components/dropdown/dropdown-overview/dropdown-overview-example.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { KbqButtonModule } from '@koobiq/components/button'; import { KbqOptionModule } from '@koobiq/components/core'; import { KbqDividerModule } from '@koobiq/components/divider'; @@ -10,6 +10,7 @@ import { KbqTitleModule } from '@koobiq/components/title'; * @title Dropdown */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'dropdown-overview-example', imports: [ diff --git a/packages/docs-examples/components/dropdown/dropdown-recursive-template/dropdown-recursive-template-example.ts b/packages/docs-examples/components/dropdown/dropdown-recursive-template/dropdown-recursive-template-example.ts index 8b0ccd72d..7fd9510e1 100644 --- a/packages/docs-examples/components/dropdown/dropdown-recursive-template/dropdown-recursive-template-example.ts +++ b/packages/docs-examples/components/dropdown/dropdown-recursive-template/dropdown-recursive-template-example.ts @@ -1,5 +1,14 @@ import { NgTemplateOutlet } from '@angular/common'; -import { Component, Directive, Injector, Input, OnInit, TemplateRef, ViewContainerRef } from '@angular/core'; +import { + ChangeDetectionStrategy, + Component, + Directive, + Injector, + Input, + OnInit, + TemplateRef, + ViewContainerRef +} from '@angular/core'; import { KbqButtonModule } from '@koobiq/components/button'; import { KBQ_DROPDOWN_PANEL, KbqDropdown, KbqDropdownModule } from '@koobiq/components/dropdown'; import { KbqIconModule } from '@koobiq/components/icon'; @@ -37,6 +46,7 @@ export class ExampleDropdownPortal implements OnInit { * @title Dropdown Recursive Template */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'dropdown-recursive-template-example', imports: [ diff --git a/packages/docs-examples/components/empty-state/empty-state-actions/empty-state-actions-example.ts b/packages/docs-examples/components/empty-state/empty-state-actions/empty-state-actions-example.ts index d5e8082fa..630eb56af 100644 --- a/packages/docs-examples/components/empty-state/empty-state-actions/empty-state-actions-example.ts +++ b/packages/docs-examples/components/empty-state/empty-state-actions/empty-state-actions-example.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { KbqButtonModule, KbqButtonStyles } from '@koobiq/components/button'; import { KbqComponentColors } from '@koobiq/components/core'; import { KbqEmptyStateModule } from '@koobiq/components/empty-state'; @@ -7,6 +7,7 @@ import { KbqEmptyStateModule } from '@koobiq/components/empty-state'; * @title Empty-state actions */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'empty-state-actions-example', imports: [ diff --git a/packages/docs-examples/components/empty-state/empty-state-actions2/empty-state-actions2-example.ts b/packages/docs-examples/components/empty-state/empty-state-actions2/empty-state-actions2-example.ts index 7b3aa89c2..9e5856f6d 100644 --- a/packages/docs-examples/components/empty-state/empty-state-actions2/empty-state-actions2-example.ts +++ b/packages/docs-examples/components/empty-state/empty-state-actions2/empty-state-actions2-example.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { KbqButtonModule, KbqButtonStyles } from '@koobiq/components/button'; import { KbqComponentColors } from '@koobiq/components/core'; import { KbqEmptyStateModule } from '@koobiq/components/empty-state'; @@ -7,6 +7,7 @@ import { KbqEmptyStateModule } from '@koobiq/components/empty-state'; * @title Empty-state actions more */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'empty-state-actions2-example', imports: [ diff --git a/packages/docs-examples/components/empty-state/empty-state-align/empty-state-align-example.ts b/packages/docs-examples/components/empty-state/empty-state-align/empty-state-align-example.ts index 1a1e253be..88e1887ac 100644 --- a/packages/docs-examples/components/empty-state/empty-state-align/empty-state-align-example.ts +++ b/packages/docs-examples/components/empty-state/empty-state-align/empty-state-align-example.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { KbqButtonModule, KbqButtonStyles } from '@koobiq/components/button'; import { KbqComponentColors } from '@koobiq/components/core'; import { KbqEmptyStateModule } from '@koobiq/components/empty-state'; @@ -8,6 +8,7 @@ import { KbqIconModule } from '@koobiq/components/icon'; * @title Empty-state align */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'empty-state-align-example', imports: [ diff --git a/packages/docs-examples/components/empty-state/empty-state-big/empty-state-big-example.ts b/packages/docs-examples/components/empty-state/empty-state-big/empty-state-big-example.ts index 969451a03..7a57ae941 100644 --- a/packages/docs-examples/components/empty-state/empty-state-big/empty-state-big-example.ts +++ b/packages/docs-examples/components/empty-state/empty-state-big/empty-state-big-example.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { KbqButtonModule } from '@koobiq/components/button'; import { KbqEmptyStateModule } from '@koobiq/components/empty-state'; import { KbqIconModule } from '@koobiq/components/icon'; @@ -7,6 +7,7 @@ import { KbqIconModule } from '@koobiq/components/icon'; * @title Empty-state big */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'empty-state-big-example', imports: [ diff --git a/packages/docs-examples/components/empty-state/empty-state-content/empty-state-content-example.ts b/packages/docs-examples/components/empty-state/empty-state-content/empty-state-content-example.ts index 56d084dd5..501e5925e 100644 --- a/packages/docs-examples/components/empty-state/empty-state-content/empty-state-content-example.ts +++ b/packages/docs-examples/components/empty-state/empty-state-content/empty-state-content-example.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { KbqButtonModule, KbqButtonStyles } from '@koobiq/components/button'; import { KbqComponentColors } from '@koobiq/components/core'; import { KbqEmptyStateModule } from '@koobiq/components/empty-state'; @@ -8,6 +8,7 @@ import { KbqIconModule } from '@koobiq/components/icon'; * @title Empty-state content */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'empty-state-content-example', imports: [ diff --git a/packages/docs-examples/components/empty-state/empty-state-default/empty-state-default-example.ts b/packages/docs-examples/components/empty-state/empty-state-default/empty-state-default-example.ts index d866e163c..ba3831993 100644 --- a/packages/docs-examples/components/empty-state/empty-state-default/empty-state-default-example.ts +++ b/packages/docs-examples/components/empty-state/empty-state-default/empty-state-default-example.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { KbqButtonModule } from '@koobiq/components/button'; import { KbqEmptyStateModule } from '@koobiq/components/empty-state'; import { KbqIconModule } from '@koobiq/components/icon'; @@ -7,6 +7,7 @@ import { KbqIconModule } from '@koobiq/components/icon'; * @title Empty-state default */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'empty-state-default-example', imports: [ diff --git a/packages/docs-examples/components/empty-state/empty-state-error/empty-state-error-example.ts b/packages/docs-examples/components/empty-state/empty-state-error/empty-state-error-example.ts index 5fa098245..d42f24c1c 100644 --- a/packages/docs-examples/components/empty-state/empty-state-error/empty-state-error-example.ts +++ b/packages/docs-examples/components/empty-state/empty-state-error/empty-state-error-example.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { KbqButtonModule } from '@koobiq/components/button'; import { KbqEmptyStateModule } from '@koobiq/components/empty-state'; import { KbqIconModule } from '@koobiq/components/icon'; @@ -7,6 +7,7 @@ import { KbqIconModule } from '@koobiq/components/icon'; * @title Empty-state error */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'empty-state-error-example', imports: [ diff --git a/packages/docs-examples/components/empty-state/empty-state-icon/empty-state-icon-example.ts b/packages/docs-examples/components/empty-state/empty-state-icon/empty-state-icon-example.ts index e70f7afa0..d2a2ab088 100644 --- a/packages/docs-examples/components/empty-state/empty-state-icon/empty-state-icon-example.ts +++ b/packages/docs-examples/components/empty-state/empty-state-icon/empty-state-icon-example.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { KbqEmptyStateModule } from '@koobiq/components/empty-state'; import { KbqIconModule } from '@koobiq/components/icon'; @@ -6,6 +6,7 @@ import { KbqIconModule } from '@koobiq/components/icon'; * @title Empty-state icon */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'empty-state-icon-example', imports: [ diff --git a/packages/docs-examples/components/empty-state/empty-state-size/empty-state-size-example.ts b/packages/docs-examples/components/empty-state/empty-state-size/empty-state-size-example.ts index 3cab8be77..2986937ab 100644 --- a/packages/docs-examples/components/empty-state/empty-state-size/empty-state-size-example.ts +++ b/packages/docs-examples/components/empty-state/empty-state-size/empty-state-size-example.ts @@ -1,4 +1,4 @@ -import { Component, model } from '@angular/core'; +import { ChangeDetectionStrategy, Component, model } from '@angular/core'; import { FormsModule } from '@angular/forms'; import { KbqButtonModule } from '@koobiq/components/button'; import { KbqButtonToggleModule } from '@koobiq/components/button-toggle'; @@ -10,6 +10,7 @@ import { KbqIconModule } from '@koobiq/components/icon'; * @title Empty-state size */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'empty-state-size-example', imports: [ diff --git a/packages/docs-examples/components/empty-state/empty-state-text-only/empty-state-text-only-example.ts b/packages/docs-examples/components/empty-state/empty-state-text-only/empty-state-text-only-example.ts index 8bf690340..d565b9c44 100644 --- a/packages/docs-examples/components/empty-state/empty-state-text-only/empty-state-text-only-example.ts +++ b/packages/docs-examples/components/empty-state/empty-state-text-only/empty-state-text-only-example.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { KbqButtonStyles } from '@koobiq/components/button'; import { KbqComponentColors } from '@koobiq/components/core'; import { KbqEmptyStateModule } from '@koobiq/components/empty-state'; @@ -7,6 +7,7 @@ import { KbqEmptyStateModule } from '@koobiq/components/empty-state'; * @title Empty-state text only */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'empty-state-text-only-example', imports: [ diff --git a/packages/docs-examples/components/empty-state/empty-state-title/empty-state-title-example.ts b/packages/docs-examples/components/empty-state/empty-state-title/empty-state-title-example.ts index 780aad9d0..cbaed25ed 100644 --- a/packages/docs-examples/components/empty-state/empty-state-title/empty-state-title-example.ts +++ b/packages/docs-examples/components/empty-state/empty-state-title/empty-state-title-example.ts @@ -1,10 +1,11 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { KbqEmptyStateModule } from '@koobiq/components/empty-state'; /** * @title Empty-state title */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'empty-state-title-example', imports: [ diff --git a/packages/docs-examples/components/file-upload/file-upload-cva-overview/file-upload-cva-overview-example.ts b/packages/docs-examples/components/file-upload/file-upload-cva-overview/file-upload-cva-overview-example.ts index d420318b4..a04e64b27 100644 --- a/packages/docs-examples/components/file-upload/file-upload-cva-overview/file-upload-cva-overview-example.ts +++ b/packages/docs-examples/components/file-upload/file-upload-cva-overview/file-upload-cva-overview-example.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { FormControl, ReactiveFormsModule } from '@angular/forms'; import { KbqFileItem, KbqFileUploadModule } from '@koobiq/components/file-upload'; import { KbqIconModule } from '@koobiq/components/icon'; @@ -7,6 +7,7 @@ import { KbqIconModule } from '@koobiq/components/icon'; * @title File-upload with control value accessor */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'file-upload-cva-overview-example', template: ` diff --git a/packages/docs-examples/components/file-upload/file-upload-indeterminate-loading-overview/file-upload-indeterminate-loading-overview-example.ts b/packages/docs-examples/components/file-upload/file-upload-indeterminate-loading-overview/file-upload-indeterminate-loading-overview-example.ts index 48d5c9359..684452f47 100644 --- a/packages/docs-examples/components/file-upload/file-upload-indeterminate-loading-overview/file-upload-indeterminate-loading-overview-example.ts +++ b/packages/docs-examples/components/file-upload/file-upload-indeterminate-loading-overview/file-upload-indeterminate-loading-overview-example.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { KbqFileItem, KbqFileUploadModule } from '@koobiq/components/file-upload'; import { KbqIconModule } from '@koobiq/components/icon'; import { timer } from 'rxjs'; @@ -8,6 +8,7 @@ import { take } from 'rxjs/operators'; * @title File-upload indeterminate loading */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'file-upload-indeterminate-loading-overview-example', imports: [ diff --git a/packages/docs-examples/components/file-upload/file-upload-multiple-compact-overview/file-upload-multiple-compact-overview-example.ts b/packages/docs-examples/components/file-upload/file-upload-multiple-compact-overview/file-upload-multiple-compact-overview-example.ts index cbfe5aded..9dd982c42 100644 --- a/packages/docs-examples/components/file-upload/file-upload-multiple-compact-overview/file-upload-multiple-compact-overview-example.ts +++ b/packages/docs-examples/components/file-upload/file-upload-multiple-compact-overview/file-upload-multiple-compact-overview-example.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { KbqFileUploadModule } from '@koobiq/components/file-upload'; import { KbqIconModule } from '@koobiq/components/icon'; @@ -6,6 +6,7 @@ import { KbqIconModule } from '@koobiq/components/icon'; * @title File-upload multiple compact */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'file-upload-multiple-compact-overview-example', imports: [ diff --git a/packages/docs-examples/components/file-upload/file-upload-multiple-custom-text-overview/file-upload-multiple-custom-text-overview-example.ts b/packages/docs-examples/components/file-upload/file-upload-multiple-custom-text-overview/file-upload-multiple-custom-text-overview-example.ts index 3f5886c6e..155ab712d 100644 --- a/packages/docs-examples/components/file-upload/file-upload-multiple-custom-text-overview/file-upload-multiple-custom-text-overview-example.ts +++ b/packages/docs-examples/components/file-upload/file-upload-multiple-custom-text-overview/file-upload-multiple-custom-text-overview-example.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { KBQ_LOCALE_SERVICE, KbqLocaleService } from '@koobiq/components/core'; import { KBQ_FILE_UPLOAD_CONFIGURATION, @@ -49,6 +49,7 @@ class FileUploadConfiguration implements KbqInputFileMultipleLabel { * @title File-upload multiple custom text */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'file-upload-multiple-custom-text-overview-example', template: ` diff --git a/packages/docs-examples/components/file-upload/file-upload-multiple-default-overview/file-upload-multiple-default-overview-example.ts b/packages/docs-examples/components/file-upload/file-upload-multiple-default-overview/file-upload-multiple-default-overview-example.ts index 31a736a69..b174a230a 100644 --- a/packages/docs-examples/components/file-upload/file-upload-multiple-default-overview/file-upload-multiple-default-overview-example.ts +++ b/packages/docs-examples/components/file-upload/file-upload-multiple-default-overview/file-upload-multiple-default-overview-example.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { KbqFileUploadModule } from '@koobiq/components/file-upload'; import { KbqIconModule } from '@koobiq/components/icon'; @@ -6,6 +6,7 @@ import { KbqIconModule } from '@koobiq/components/icon'; * @title File-upload multiple default */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'file-upload-multiple-default-overview-example', template: ` diff --git a/packages/docs-examples/components/file-upload/file-upload-multiple-default-validation-reactive-forms-overview/file-upload-multiple-default-validation-reactive-forms-overview-example.ts b/packages/docs-examples/components/file-upload/file-upload-multiple-default-validation-reactive-forms-overview/file-upload-multiple-default-validation-reactive-forms-overview-example.ts index 6ae87e333..79971cd6c 100644 --- a/packages/docs-examples/components/file-upload/file-upload-multiple-default-validation-reactive-forms-overview/file-upload-multiple-default-validation-reactive-forms-overview-example.ts +++ b/packages/docs-examples/components/file-upload/file-upload-multiple-default-validation-reactive-forms-overview/file-upload-multiple-default-validation-reactive-forms-overview-example.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { FormArray, FormControl, ReactiveFormsModule } from '@angular/forms'; import { FileValidators } from '@koobiq/components/core'; import { KbqFileItem, KbqFileUploadModule } from '@koobiq/components/file-upload'; @@ -11,6 +11,7 @@ const MAX_FILE_SIZE = 5 * 2 ** 20; * @title File-upload multiple default validation reactive forms */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'file-upload-multiple-default-validation-reactive-forms-overview-example', template: ` diff --git a/packages/docs-examples/components/file-upload/file-upload-multiple-error-overview/file-upload-multiple-error-overview-example.ts b/packages/docs-examples/components/file-upload/file-upload-multiple-error-overview/file-upload-multiple-error-overview-example.ts index 770f1ab45..dd0871368 100644 --- a/packages/docs-examples/components/file-upload/file-upload-multiple-error-overview/file-upload-multiple-error-overview-example.ts +++ b/packages/docs-examples/components/file-upload/file-upload-multiple-error-overview/file-upload-multiple-error-overview-example.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { KbqFileItem, KbqFileUploadModule } from '@koobiq/components/file-upload'; import { KbqFormFieldModule } from '@koobiq/components/form-field'; import { KbqIconModule } from '@koobiq/components/icon'; @@ -15,6 +15,7 @@ const maxFileExceeded = (file: File): string | null => { * @title File-upload multiple error */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'file-upload-multiple-error-overview-example', template: ` diff --git a/packages/docs-examples/components/file-upload/file-upload-single-error-overview/file-upload-single-error-overview-example.ts b/packages/docs-examples/components/file-upload/file-upload-single-error-overview/file-upload-single-error-overview-example.ts index 144582e41..388e54976 100644 --- a/packages/docs-examples/components/file-upload/file-upload-single-error-overview/file-upload-single-error-overview-example.ts +++ b/packages/docs-examples/components/file-upload/file-upload-single-error-overview/file-upload-single-error-overview-example.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { KbqFileItem, KbqFileUploadModule } from '@koobiq/components/file-upload'; import { KbqFormFieldModule } from '@koobiq/components/form-field'; import { KbqIconModule } from '@koobiq/components/icon'; @@ -7,6 +7,7 @@ import { KbqIconModule } from '@koobiq/components/icon'; * @title File-upload single error */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'file-upload-single-error-overview-example', template: ` diff --git a/packages/docs-examples/components/file-upload/file-upload-single-overview/file-upload-single-overview-example.ts b/packages/docs-examples/components/file-upload/file-upload-single-overview/file-upload-single-overview-example.ts index 45c3e00d2..467416985 100644 --- a/packages/docs-examples/components/file-upload/file-upload-single-overview/file-upload-single-overview-example.ts +++ b/packages/docs-examples/components/file-upload/file-upload-single-overview/file-upload-single-overview-example.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { KbqFileUploadModule } from '@koobiq/components/file-upload'; import { KbqIconModule } from '@koobiq/components/icon'; @@ -6,6 +6,7 @@ import { KbqIconModule } from '@koobiq/components/icon'; * @title File-upload single */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'file-upload-single-overview-example', imports: [ diff --git a/packages/docs-examples/components/file-upload/file-upload-single-validation-reactive-forms-overview/file-upload-single-validation-reactive-forms-overview-example.ts b/packages/docs-examples/components/file-upload/file-upload-single-validation-reactive-forms-overview/file-upload-single-validation-reactive-forms-overview-example.ts index 4289514ee..f223968ad 100644 --- a/packages/docs-examples/components/file-upload/file-upload-single-validation-reactive-forms-overview/file-upload-single-validation-reactive-forms-overview-example.ts +++ b/packages/docs-examples/components/file-upload/file-upload-single-validation-reactive-forms-overview/file-upload-single-validation-reactive-forms-overview-example.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { FormControl, FormGroup, ReactiveFormsModule } from '@angular/forms'; import { FileValidators } from '@koobiq/components/core'; import { KbqFileUploadModule } from '@koobiq/components/file-upload'; @@ -11,6 +11,7 @@ const MAX_FILE_SIZE = 5 * 2 ** 20; * @title File-upload single validation reactive forms */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'file-upload-single-validation-reactive-forms-overview-example', template: ` diff --git a/packages/docs-examples/components/filesize-formatter/filesize-formatter-overview/filesize-formatter-overview-example.ts b/packages/docs-examples/components/filesize-formatter/filesize-formatter-overview/filesize-formatter-overview-example.ts index 3c3f279b9..7d313e883 100644 --- a/packages/docs-examples/components/filesize-formatter/filesize-formatter-overview/filesize-formatter-overview-example.ts +++ b/packages/docs-examples/components/filesize-formatter/filesize-formatter-overview/filesize-formatter-overview-example.ts @@ -1,4 +1,4 @@ -import { ChangeDetectorRef, Component, inject } from '@angular/core'; +import { ChangeDetectionStrategy, ChangeDetectorRef, Component, inject } from '@angular/core'; import { takeUntilDestroyed } from '@angular/core/rxjs-interop'; import { FormControl, ReactiveFormsModule } from '@angular/forms'; import { @@ -19,6 +19,7 @@ import { KbqToolTipModule } from '@koobiq/components/tooltip'; * @title Filesize formatter */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'filesize-formatter-overview-example', imports: [ diff --git a/packages/docs-examples/components/filesize-formatter/filesize-formatter-table-number/filesize-formatter-table-number-example.ts b/packages/docs-examples/components/filesize-formatter/filesize-formatter-table-number/filesize-formatter-table-number-example.ts index 5a8dbad48..cdd3d5e77 100644 --- a/packages/docs-examples/components/filesize-formatter/filesize-formatter-table-number/filesize-formatter-table-number-example.ts +++ b/packages/docs-examples/components/filesize-formatter/filesize-formatter-table-number/filesize-formatter-table-number-example.ts @@ -1,4 +1,4 @@ -import { ChangeDetectorRef, Component, inject } from '@angular/core'; +import { ChangeDetectionStrategy, ChangeDetectorRef, Component, inject } from '@angular/core'; import { takeUntilDestroyed } from '@angular/core/rxjs-interop'; import { KBQ_LOCALE_SERVICE, KbqDataSizePipe, KbqDecimalPipe, KbqTableNumberPipe } from '@koobiq/components/core'; import { KbqTableModule } from '@koobiq/components/table'; @@ -7,6 +7,7 @@ import { KbqTableModule } from '@koobiq/components/table'; * @title Filesize formatter Table Number */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'filesize-formatter-table-number-example', imports: [ diff --git a/packages/docs-examples/components/filter-bar/filter-bar-complete-functions/filter-bar-complete-functions-example.ts b/packages/docs-examples/components/filter-bar/filter-bar-complete-functions/filter-bar-complete-functions-example.ts index 2630dfcff..e370217b4 100644 --- a/packages/docs-examples/components/filter-bar/filter-bar-complete-functions/filter-bar-complete-functions-example.ts +++ b/packages/docs-examples/components/filter-bar/filter-bar-complete-functions/filter-bar-complete-functions-example.ts @@ -1,4 +1,4 @@ -import { AfterViewInit, Component, inject, TemplateRef, ViewChild } from '@angular/core'; +import { AfterViewInit, ChangeDetectionStrategy, Component, inject, TemplateRef, ViewChild } from '@angular/core'; import { LuxonDateModule } from '@koobiq/angular-luxon-adapter/adapter'; import { DateAdapter } from '@koobiq/components/core'; import { KbqFilter, KbqFilterBarModule, KbqPipeTemplate, KbqPipeTypes } from '@koobiq/components/filter-bar'; @@ -9,6 +9,7 @@ import { DateTime } from 'luxon'; * @title filter-bar-complete-functions */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'filter-bar-complete-functions-example', imports: [ diff --git a/packages/docs-examples/components/filter-bar/filter-bar-custom-pipe/filter-bar-custom-pipe-example.ts b/packages/docs-examples/components/filter-bar/filter-bar-custom-pipe/filter-bar-custom-pipe-example.ts index 447090cd0..ccba9b214 100644 --- a/packages/docs-examples/components/filter-bar/filter-bar-custom-pipe/filter-bar-custom-pipe-example.ts +++ b/packages/docs-examples/components/filter-bar/filter-bar-custom-pipe/filter-bar-custom-pipe-example.ts @@ -131,6 +131,7 @@ export class ColorPipeComponent extends KbqBasePipe implements Af * @title filter-bar-custom-pipe */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'filter-bar-custom-pipe-example', imports: [ diff --git a/packages/docs-examples/components/filter-bar/filter-bar-overview/filter-bar-overview-example.ts b/packages/docs-examples/components/filter-bar/filter-bar-overview/filter-bar-overview-example.ts index 6a7ad10b6..0c3b3104d 100644 --- a/packages/docs-examples/components/filter-bar/filter-bar-overview/filter-bar-overview-example.ts +++ b/packages/docs-examples/components/filter-bar/filter-bar-overview/filter-bar-overview-example.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { LuxonDateModule } from '@koobiq/angular-luxon-adapter/adapter'; import { KbqFilter, @@ -14,6 +14,7 @@ import { * @title filter bar */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'filter-bar-overview-example', imports: [ diff --git a/packages/docs-examples/components/filter-bar/filter-bar-pipe-types/filter-bar-pipe-types-example.ts b/packages/docs-examples/components/filter-bar/filter-bar-pipe-types/filter-bar-pipe-types-example.ts index f541b6e3d..cb0b00cb2 100644 --- a/packages/docs-examples/components/filter-bar/filter-bar-pipe-types/filter-bar-pipe-types-example.ts +++ b/packages/docs-examples/components/filter-bar/filter-bar-pipe-types/filter-bar-pipe-types-example.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { LuxonDateModule } from '@koobiq/angular-luxon-adapter/adapter'; import { kbqBuildTree, @@ -31,6 +31,7 @@ const DATA_OBJECT = { * @title filter-bar-pipe-types */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'filter-bar-pipe-types-example', imports: [ diff --git a/packages/docs-examples/components/filter-bar/filter-bar-removable/filter-bar-removable-example.ts b/packages/docs-examples/components/filter-bar/filter-bar-removable/filter-bar-removable-example.ts index fb46ae2ac..54da4341a 100644 --- a/packages/docs-examples/components/filter-bar/filter-bar-removable/filter-bar-removable-example.ts +++ b/packages/docs-examples/components/filter-bar/filter-bar-removable/filter-bar-removable-example.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { LuxonDateModule } from '@koobiq/angular-luxon-adapter/adapter'; import { KbqFilter, KbqFilterBarModule, KbqPipeTemplate, KbqPipeTypes } from '@koobiq/components/filter-bar'; @@ -6,6 +6,7 @@ import { KbqFilter, KbqFilterBarModule, KbqPipeTemplate, KbqPipeTypes } from '@k * @title filter-bar-removable */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'filter-bar-removable-example', imports: [ diff --git a/packages/docs-examples/components/filter-bar/filter-bar-required/filter-bar-required-example.ts b/packages/docs-examples/components/filter-bar/filter-bar-required/filter-bar-required-example.ts index d1e1c29e1..281053e80 100644 --- a/packages/docs-examples/components/filter-bar/filter-bar-required/filter-bar-required-example.ts +++ b/packages/docs-examples/components/filter-bar/filter-bar-required/filter-bar-required-example.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { LuxonDateModule } from '@koobiq/angular-luxon-adapter/adapter'; import { KbqFilter, KbqFilterBarModule, KbqPipeTemplate, KbqPipeTypes } from '@koobiq/components/filter-bar'; @@ -6,6 +6,7 @@ import { KbqFilter, KbqFilterBarModule, KbqPipeTemplate, KbqPipeTypes } from '@k * @title filter-bar-required */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'filter-bar-required-example', imports: [ diff --git a/packages/docs-examples/components/filter-bar/filter-bar-saved-filters/filter-bar-saved-filters-example.ts b/packages/docs-examples/components/filter-bar/filter-bar-saved-filters/filter-bar-saved-filters-example.ts index c3d144842..4a52c845f 100644 --- a/packages/docs-examples/components/filter-bar/filter-bar-saved-filters/filter-bar-saved-filters-example.ts +++ b/packages/docs-examples/components/filter-bar/filter-bar-saved-filters/filter-bar-saved-filters-example.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { LuxonDateModule } from '@koobiq/angular-luxon-adapter/adapter'; import { KbqFilter, @@ -14,6 +14,7 @@ import { * @title filter-bar-saved-filters */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'filter-bar-saved-filters-example', imports: [ diff --git a/packages/docs-examples/components/filter-bar/filter-bar-search-in-pipes/filter-bar-search-in-pipes-example.ts b/packages/docs-examples/components/filter-bar/filter-bar-search-in-pipes/filter-bar-search-in-pipes-example.ts index a39c8b511..1f138d4f8 100644 --- a/packages/docs-examples/components/filter-bar/filter-bar-search-in-pipes/filter-bar-search-in-pipes-example.ts +++ b/packages/docs-examples/components/filter-bar/filter-bar-search-in-pipes/filter-bar-search-in-pipes-example.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { kbqBuildTree, KbqFilter, @@ -30,6 +30,7 @@ const DATA_OBJECT = { * @title filter-bar-search-in-pipes */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'filter-bar-search-in-pipes-example', imports: [ diff --git a/packages/docs-examples/components/filter-bar/filter-bar-search/filter-bar-search-example.ts b/packages/docs-examples/components/filter-bar/filter-bar-search/filter-bar-search-example.ts index f3f452ad2..a64252419 100644 --- a/packages/docs-examples/components/filter-bar/filter-bar-search/filter-bar-search-example.ts +++ b/packages/docs-examples/components/filter-bar/filter-bar-search/filter-bar-search-example.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { LuxonDateModule } from '@koobiq/angular-luxon-adapter/adapter'; import { KbqFilter, KbqFilterBarModule, KbqPipeTemplate, KbqPipeTypes } from '@koobiq/components/filter-bar'; @@ -6,6 +6,7 @@ import { KbqFilter, KbqFilterBarModule, KbqPipeTemplate, KbqPipeTypes } from '@k * @title filter-bar-search */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'filter-bar-search-example', imports: [ diff --git a/packages/docs-examples/components/filter-bar/filter-bar-uniq-pipes/filter-bar-uniq-pipes-example.ts b/packages/docs-examples/components/filter-bar/filter-bar-uniq-pipes/filter-bar-uniq-pipes-example.ts index f8a9985ae..0078093bd 100644 --- a/packages/docs-examples/components/filter-bar/filter-bar-uniq-pipes/filter-bar-uniq-pipes-example.ts +++ b/packages/docs-examples/components/filter-bar/filter-bar-uniq-pipes/filter-bar-uniq-pipes-example.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { LuxonDateModule } from '@koobiq/angular-luxon-adapter/adapter'; import { KbqFilter, @@ -14,6 +14,7 @@ import { * @title filter bar */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'filter-bar-uniq-pipes-example', imports: [ diff --git a/packages/docs-examples/components/forms/horizontal-form-labels/horizontal-form-labels-example.ts b/packages/docs-examples/components/forms/horizontal-form-labels/horizontal-form-labels-example.ts index 1b68eb275..50346ef79 100644 --- a/packages/docs-examples/components/forms/horizontal-form-labels/horizontal-form-labels-example.ts +++ b/packages/docs-examples/components/forms/horizontal-form-labels/horizontal-form-labels-example.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { FormsModule } from '@angular/forms'; import { KbqFormsModule } from '@koobiq/components/core'; import { KbqFormFieldModule } from '@koobiq/components/form-field'; @@ -8,6 +8,7 @@ import { KbqInputModule } from '@koobiq/components/input'; * @title Horizontal form labels */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'horizontal-form-labels-example', templateUrl: 'horizontal-form-labels-example.html', diff --git a/packages/docs-examples/components/forms/horizontal-form/horizontal-form-example.ts b/packages/docs-examples/components/forms/horizontal-form/horizontal-form-example.ts index 13db47d6c..f2fb3f8e3 100644 --- a/packages/docs-examples/components/forms/horizontal-form/horizontal-form-example.ts +++ b/packages/docs-examples/components/forms/horizontal-form/horizontal-form-example.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { FormsModule } from '@angular/forms'; import { KbqFormsModule } from '@koobiq/components/core'; import { KbqFormFieldModule } from '@koobiq/components/form-field'; @@ -8,6 +8,7 @@ import { KbqInputModule } from '@koobiq/components/input'; * @title Horizontal form */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'horizontal-form-example', templateUrl: 'horizontal-form-example.html', diff --git a/packages/docs-examples/components/forms/vertical-form/vertical-form-example.ts b/packages/docs-examples/components/forms/vertical-form/vertical-form-example.ts index 81fa69bd7..28261b105 100644 --- a/packages/docs-examples/components/forms/vertical-form/vertical-form-example.ts +++ b/packages/docs-examples/components/forms/vertical-form/vertical-form-example.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { FormsModule } from '@angular/forms'; import { KbqFormsModule } from '@koobiq/components/core'; import { KbqFormFieldModule } from '@koobiq/components/form-field'; @@ -8,6 +8,7 @@ import { KbqInputModule } from '@koobiq/components/input'; * @title Vertical form */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'vertical-form-example', templateUrl: 'vertical-form-example.html', diff --git a/packages/docs-examples/components/icon-item/icon-item-color/icon-item-color-example.ts b/packages/docs-examples/components/icon-item/icon-item-color/icon-item-color-example.ts index 33f2392b2..1950ed1f8 100644 --- a/packages/docs-examples/components/icon-item/icon-item-color/icon-item-color-example.ts +++ b/packages/docs-examples/components/icon-item/icon-item-color/icon-item-color-example.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { KbqComponentColors } from '@koobiq/components/core'; import { KbqIconModule } from '@koobiq/components/icon'; @@ -6,6 +6,7 @@ import { KbqIconModule } from '@koobiq/components/icon'; * @title Icon-item color */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'icon-item-color-example', styleUrls: ['icon-item-color-example.css'], diff --git a/packages/docs-examples/components/icon-item/icon-item-default/icon-item-default-example.ts b/packages/docs-examples/components/icon-item/icon-item-default/icon-item-default-example.ts index 00be4f738..17e1c5ab7 100644 --- a/packages/docs-examples/components/icon-item/icon-item-default/icon-item-default-example.ts +++ b/packages/docs-examples/components/icon-item/icon-item-default/icon-item-default-example.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { KbqComponentColors } from '@koobiq/components/core'; import { KbqIconModule } from '@koobiq/components/icon'; @@ -6,6 +6,7 @@ import { KbqIconModule } from '@koobiq/components/icon'; * @title Icon-item */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'icon-item-default-example', styleUrls: ['icon-item-default-example.css'], diff --git a/packages/docs-examples/components/icon-item/icon-item-size/icon-item-size-example.ts b/packages/docs-examples/components/icon-item/icon-item-size/icon-item-size-example.ts index 4fcd249c7..53e90a6fd 100644 --- a/packages/docs-examples/components/icon-item/icon-item-size/icon-item-size-example.ts +++ b/packages/docs-examples/components/icon-item/icon-item-size/icon-item-size-example.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { KbqComponentColors } from '@koobiq/components/core'; import { KbqIconModule } from '@koobiq/components/icon'; @@ -6,6 +6,7 @@ import { KbqIconModule } from '@koobiq/components/icon'; * @title Icon-item size */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'icon-item-size-example', styleUrls: ['icon-item-size-example.css'], diff --git a/packages/docs-examples/components/icon-item/icon-item-variant/icon-item-variant-example.ts b/packages/docs-examples/components/icon-item/icon-item-variant/icon-item-variant-example.ts index bef9b60b7..a37e2cd58 100644 --- a/packages/docs-examples/components/icon-item/icon-item-variant/icon-item-variant-example.ts +++ b/packages/docs-examples/components/icon-item/icon-item-variant/icon-item-variant-example.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { KbqComponentColors } from '@koobiq/components/core'; import { KbqIconModule } from '@koobiq/components/icon'; @@ -6,6 +6,7 @@ import { KbqIconModule } from '@koobiq/components/icon'; * @title Icon Item Variant */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'icon-item-variant-example', styleUrls: ['icon-item-variant-example.css'], diff --git a/packages/docs-examples/components/input/input-number-overview/input-number-overview-example.ts b/packages/docs-examples/components/input/input-number-overview/input-number-overview-example.ts index ca631f2b0..ce2b01624 100644 --- a/packages/docs-examples/components/input/input-number-overview/input-number-overview-example.ts +++ b/packages/docs-examples/components/input/input-number-overview/input-number-overview-example.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { FormsModule } from '@angular/forms'; import { KbqFormsModule, KbqNormalizeWhitespace } from '@koobiq/components/core'; import { KbqFormFieldModule } from '@koobiq/components/form-field'; @@ -8,6 +8,7 @@ import { KbqInputModule } from '@koobiq/components/input'; * @title Input number */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'input-number-overview-example', imports: [ diff --git a/packages/docs-examples/components/input/input-overview/input-overview-example.ts b/packages/docs-examples/components/input/input-overview/input-overview-example.ts index d52483077..6bc6529de 100644 --- a/packages/docs-examples/components/input/input-overview/input-overview-example.ts +++ b/packages/docs-examples/components/input/input-overview/input-overview-example.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { FormsModule } from '@angular/forms'; import { ThemePalette } from '@koobiq/components/core'; import { KbqFormFieldModule } from '@koobiq/components/form-field'; @@ -9,6 +9,7 @@ import { KbqInputModule } from '@koobiq/components/input'; * @title Input */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'input-overview-example', imports: [ diff --git a/packages/docs-examples/components/input/input-password-overview/input-password-overview-example.ts b/packages/docs-examples/components/input/input-password-overview/input-password-overview-example.ts index 3ce171d1c..20af07b0f 100644 --- a/packages/docs-examples/components/input/input-password-overview/input-password-overview-example.ts +++ b/packages/docs-examples/components/input/input-password-overview/input-password-overview-example.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { FormsModule } from '@angular/forms'; import { KbqFormFieldModule, PasswordRules } from '@koobiq/components/form-field'; import { KbqInputModule } from '@koobiq/components/input'; @@ -7,6 +7,7 @@ import { KbqInputModule } from '@koobiq/components/input'; * @title Input password */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'input-password-overview-example', imports: [ diff --git a/packages/docs-examples/components/layout-flex/layout-flex-alignment/layout-flex-alignment-example.ts b/packages/docs-examples/components/layout-flex/layout-flex-alignment/layout-flex-alignment-example.ts index 913827aa1..518fdf43b 100644 --- a/packages/docs-examples/components/layout-flex/layout-flex-alignment/layout-flex-alignment-example.ts +++ b/packages/docs-examples/components/layout-flex/layout-flex-alignment/layout-flex-alignment-example.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { FormsModule } from '@angular/forms'; import { KbqRadioModule } from '@koobiq/components/radio'; @@ -6,6 +6,7 @@ import { KbqRadioModule } from '@koobiq/components/radio'; * @title Layout-flex alignment */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'layout-flex-alignment-example', styleUrls: ['layout-flex-alignment-example.css'], diff --git a/packages/docs-examples/components/layout-flex/layout-flex-behaviour-modifiers/layout-flex-behaviour-modifiers-example.ts b/packages/docs-examples/components/layout-flex/layout-flex-behaviour-modifiers/layout-flex-behaviour-modifiers-example.ts index aef0b5599..0fe9de72b 100644 --- a/packages/docs-examples/components/layout-flex/layout-flex-behaviour-modifiers/layout-flex-behaviour-modifiers-example.ts +++ b/packages/docs-examples/components/layout-flex/layout-flex-behaviour-modifiers/layout-flex-behaviour-modifiers-example.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { FormsModule } from '@angular/forms'; import { KbqRadioModule } from '@koobiq/components/radio'; @@ -6,6 +6,7 @@ import { KbqRadioModule } from '@koobiq/components/radio'; * @title Layout-flex behaviour modifiers */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'layout-flex-behaviour-modifiers-example', styleUrls: ['layout-flex-behaviour-modifiers-example.css'], diff --git a/packages/docs-examples/components/layout-flex/layout-flex-offsets/layout-flex-offsets-example.ts b/packages/docs-examples/components/layout-flex/layout-flex-offsets/layout-flex-offsets-example.ts index 1d0791de8..a25120645 100644 --- a/packages/docs-examples/components/layout-flex/layout-flex-offsets/layout-flex-offsets-example.ts +++ b/packages/docs-examples/components/layout-flex/layout-flex-offsets/layout-flex-offsets-example.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { KbqFormFieldModule } from '@koobiq/components/form-field'; import { KbqSelectModule } from '@koobiq/components/select'; @@ -6,6 +6,7 @@ import { KbqSelectModule } from '@koobiq/components/select'; * @title Layout-flex offsets */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'layout-flex-offsets-example', styleUrls: ['layout-flex-offsets-example.css'], diff --git a/packages/docs-examples/components/layout-flex/layout-flex-order/layout-flex-order-example.ts b/packages/docs-examples/components/layout-flex/layout-flex-order/layout-flex-order-example.ts index 8c641add7..08e895f10 100644 --- a/packages/docs-examples/components/layout-flex/layout-flex-order/layout-flex-order-example.ts +++ b/packages/docs-examples/components/layout-flex/layout-flex-order/layout-flex-order-example.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { KbqFormFieldModule } from '@koobiq/components/form-field'; import { KbqSelectModule } from '@koobiq/components/select'; @@ -6,6 +6,7 @@ import { KbqSelectModule } from '@koobiq/components/select'; * @title Layout-flex order */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'layout-flex-order-example', styleUrls: ['layout-flex-order-example.css'], diff --git a/packages/docs-examples/components/layout-flex/layout-flex-overview/layout-flex-overview-example.ts b/packages/docs-examples/components/layout-flex/layout-flex-overview/layout-flex-overview-example.ts index 1b27d0809..0fa23c6f6 100644 --- a/packages/docs-examples/components/layout-flex/layout-flex-overview/layout-flex-overview-example.ts +++ b/packages/docs-examples/components/layout-flex/layout-flex-overview/layout-flex-overview-example.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { FormsModule } from '@angular/forms'; import { KbqRadioModule } from '@koobiq/components/radio'; @@ -6,6 +6,7 @@ import { KbqRadioModule } from '@koobiq/components/radio'; * @title Layout-flex */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'layout-flex-overview-example', styleUrls: ['layout-flex-overview-example.css'], diff --git a/packages/docs-examples/components/link/link-caption/link-caption-example.ts b/packages/docs-examples/components/link/link-caption/link-caption-example.ts index 33cb955d4..703287abf 100644 --- a/packages/docs-examples/components/link/link-caption/link-caption-example.ts +++ b/packages/docs-examples/components/link/link-caption/link-caption-example.ts @@ -1,10 +1,11 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { KbqLinkModule } from '@koobiq/components/link'; /** * @title Link caption */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'link-caption-example', imports: [ diff --git a/packages/docs-examples/components/link/link-disabled/link-disabled-example.ts b/packages/docs-examples/components/link/link-disabled/link-disabled-example.ts index af7dbe34f..1099bfaff 100644 --- a/packages/docs-examples/components/link/link-disabled/link-disabled-example.ts +++ b/packages/docs-examples/components/link/link-disabled/link-disabled-example.ts @@ -1,10 +1,11 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { KbqLinkModule } from '@koobiq/components/link'; /** * @title Link disabled */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'link-disabled-example', imports: [KbqLinkModule], diff --git a/packages/docs-examples/components/link/link-external/link-external-example.ts b/packages/docs-examples/components/link/link-external/link-external-example.ts index 51caefdd7..320047066 100644 --- a/packages/docs-examples/components/link/link-external/link-external-example.ts +++ b/packages/docs-examples/components/link/link-external/link-external-example.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { KbqIconModule } from '@koobiq/components/icon'; import { KbqLinkModule } from '@koobiq/components/link'; @@ -6,6 +6,7 @@ import { KbqLinkModule } from '@koobiq/components/link'; * @title Link external */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'link-external-example', imports: [KbqLinkModule, KbqIconModule], diff --git a/packages/docs-examples/components/link/link-general/link-general-example.ts b/packages/docs-examples/components/link/link-general/link-general-example.ts index b9e24990a..0f2ebc762 100644 --- a/packages/docs-examples/components/link/link-general/link-general-example.ts +++ b/packages/docs-examples/components/link/link-general/link-general-example.ts @@ -1,10 +1,11 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { KbqLinkModule } from '@koobiq/components/link'; /** * @title Link general */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'link-general-example', imports: [KbqLinkModule], diff --git a/packages/docs-examples/components/link/link-icons/link-icons-example.ts b/packages/docs-examples/components/link/link-icons/link-icons-example.ts index 8d13e6f80..984e74ff9 100644 --- a/packages/docs-examples/components/link/link-icons/link-icons-example.ts +++ b/packages/docs-examples/components/link/link-icons/link-icons-example.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { KbqIconModule } from '@koobiq/components/icon'; import { KbqLinkModule } from '@koobiq/components/link'; @@ -6,6 +6,7 @@ import { KbqLinkModule } from '@koobiq/components/link'; * @title Link icons */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'link-icons-example', imports: [KbqLinkModule, KbqIconModule], diff --git a/packages/docs-examples/components/link/link-multi-line/link-multi-line-example.ts b/packages/docs-examples/components/link/link-multi-line/link-multi-line-example.ts index 0640d26ad..fd04826e8 100644 --- a/packages/docs-examples/components/link/link-multi-line/link-multi-line-example.ts +++ b/packages/docs-examples/components/link/link-multi-line/link-multi-line-example.ts @@ -1,10 +1,11 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { KbqLinkModule } from '@koobiq/components/link'; /** * @title Link multi-line */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'link-multi-line-example', imports: [ diff --git a/packages/docs-examples/components/link/link-overview/link-overview-example.ts b/packages/docs-examples/components/link/link-overview/link-overview-example.ts index 08c45d10b..2e6287b11 100644 --- a/packages/docs-examples/components/link/link-overview/link-overview-example.ts +++ b/packages/docs-examples/components/link/link-overview/link-overview-example.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { KbqIconModule } from '@koobiq/components/icon'; import { KbqLinkModule } from '@koobiq/components/link'; @@ -6,6 +6,7 @@ import { KbqLinkModule } from '@koobiq/components/link'; * @title Link */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'link-overview-example', imports: [KbqLinkModule, KbqIconModule], diff --git a/packages/docs-examples/components/link/link-prepositions/link-prepositions-example.ts b/packages/docs-examples/components/link/link-prepositions/link-prepositions-example.ts index fb92423fc..5a0980455 100644 --- a/packages/docs-examples/components/link/link-prepositions/link-prepositions-example.ts +++ b/packages/docs-examples/components/link/link-prepositions/link-prepositions-example.ts @@ -1,10 +1,11 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { KbqLinkModule } from '@koobiq/components/link'; /** * @title Link preposition */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'link-prepositions-example', imports: [KbqLinkModule], diff --git a/packages/docs-examples/components/link/link-print/link-print-example.ts b/packages/docs-examples/components/link/link-print/link-print-example.ts index dafafaf20..7a9462154 100644 --- a/packages/docs-examples/components/link/link-print/link-print-example.ts +++ b/packages/docs-examples/components/link/link-print/link-print-example.ts @@ -1,10 +1,11 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { KbqLinkModule } from '@koobiq/components/link'; /** * @title Link print */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'link-print-example', imports: [KbqLinkModule], diff --git a/packages/docs-examples/components/link/link-pseudo/link-pseudo-example.ts b/packages/docs-examples/components/link/link-pseudo/link-pseudo-example.ts index 58d401a66..93f98dab0 100644 --- a/packages/docs-examples/components/link/link-pseudo/link-pseudo-example.ts +++ b/packages/docs-examples/components/link/link-pseudo/link-pseudo-example.ts @@ -1,10 +1,11 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { KbqLinkModule } from '@koobiq/components/link'; /** * @title Link pseudo */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'link-pseudo-example', imports: [KbqLinkModule], diff --git a/packages/docs-examples/components/link/link-target-blank/link-target-blank-example.ts b/packages/docs-examples/components/link/link-target-blank/link-target-blank-example.ts index 4b9939166..e7ea7b521 100644 --- a/packages/docs-examples/components/link/link-target-blank/link-target-blank-example.ts +++ b/packages/docs-examples/components/link/link-target-blank/link-target-blank-example.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { KbqIconModule } from '@koobiq/components/icon'; import { KbqLinkModule } from '@koobiq/components/link'; @@ -6,6 +6,7 @@ import { KbqLinkModule } from '@koobiq/components/link'; * @title Link target blank */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'link-target-blank-example', imports: [KbqLinkModule, KbqIconModule], diff --git a/packages/docs-examples/components/link/link-visited/link-visited-example.ts b/packages/docs-examples/components/link/link-visited/link-visited-example.ts index 84c38c6a2..be750fb70 100644 --- a/packages/docs-examples/components/link/link-visited/link-visited-example.ts +++ b/packages/docs-examples/components/link/link-visited/link-visited-example.ts @@ -1,10 +1,11 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { KbqLinkModule } from '@koobiq/components/link'; /** * @title Link visited */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'link-visited-example', imports: [KbqLinkModule], diff --git a/packages/docs-examples/components/list/list-action-button/list-action-button-example.ts b/packages/docs-examples/components/list/list-action-button/list-action-button-example.ts index 5693a9a41..7c2b87bc6 100644 --- a/packages/docs-examples/components/list/list-action-button/list-action-button-example.ts +++ b/packages/docs-examples/components/list/list-action-button/list-action-button-example.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { FormsModule } from '@angular/forms'; import { PopUpPlacements } from '@koobiq/components/core'; import { KbqDropdownModule } from '@koobiq/components/dropdown'; @@ -9,6 +9,7 @@ import { KbqToolTipModule } from '@koobiq/components/tooltip'; * @title List action button */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'list-action-button-example', imports: [KbqListModule, FormsModule, KbqDropdownModule, KbqToolTipModule], diff --git a/packages/docs-examples/components/list/list-groups/list-groups-example.ts b/packages/docs-examples/components/list/list-groups/list-groups-example.ts index a651d3e20..0b6f18a02 100644 --- a/packages/docs-examples/components/list/list-groups/list-groups-example.ts +++ b/packages/docs-examples/components/list/list-groups/list-groups-example.ts @@ -1,10 +1,11 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { KbqListModule } from '@koobiq/components/list'; /** * @title List groups */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'list-groups-example', imports: [KbqListModule], diff --git a/packages/docs-examples/components/list/list-multiple-checkbox/list-multiple-checkbox-example.ts b/packages/docs-examples/components/list/list-multiple-checkbox/list-multiple-checkbox-example.ts index c9c1d4b4a..942dff69f 100644 --- a/packages/docs-examples/components/list/list-multiple-checkbox/list-multiple-checkbox-example.ts +++ b/packages/docs-examples/components/list/list-multiple-checkbox/list-multiple-checkbox-example.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { FormsModule } from '@angular/forms'; import { KbqListModule } from '@koobiq/components/list'; @@ -6,6 +6,7 @@ import { KbqListModule } from '@koobiq/components/list'; * @title List multiple checkbox */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'list-multiple-checkbox-example', imports: [KbqListModule, FormsModule], diff --git a/packages/docs-examples/components/list/list-multiple-keyboard/list-multiple-keyboard-example.ts b/packages/docs-examples/components/list/list-multiple-keyboard/list-multiple-keyboard-example.ts index a36285054..78f2de899 100644 --- a/packages/docs-examples/components/list/list-multiple-keyboard/list-multiple-keyboard-example.ts +++ b/packages/docs-examples/components/list/list-multiple-keyboard/list-multiple-keyboard-example.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { FormsModule } from '@angular/forms'; import { KbqListModule } from '@koobiq/components/list'; @@ -6,6 +6,7 @@ import { KbqListModule } from '@koobiq/components/list'; * @title List multiple keyboard */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'list-multiple-keyboard-example', imports: [KbqListModule, FormsModule], diff --git a/packages/docs-examples/components/list/list-overview/list-overview-example.ts b/packages/docs-examples/components/list/list-overview/list-overview-example.ts index 14beed650..8ddaf7285 100644 --- a/packages/docs-examples/components/list/list-overview/list-overview-example.ts +++ b/packages/docs-examples/components/list/list-overview/list-overview-example.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { FormsModule } from '@angular/forms'; import { KbqListModule } from '@koobiq/components/list'; @@ -6,6 +6,7 @@ import { KbqListModule } from '@koobiq/components/list'; * @title List */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'list-overview-example', imports: [KbqListModule, FormsModule], diff --git a/packages/docs-examples/components/loader-overlay/loader-overlay-default/loader-overlay-default-example.ts b/packages/docs-examples/components/loader-overlay/loader-overlay-default/loader-overlay-default-example.ts index 781cca432..35cf62a7e 100644 --- a/packages/docs-examples/components/loader-overlay/loader-overlay-default/loader-overlay-default-example.ts +++ b/packages/docs-examples/components/loader-overlay/loader-overlay-default/loader-overlay-default-example.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { ThemePalette } from '@koobiq/components/core'; import { KbqLoaderOverlayModule } from '@koobiq/components/loader-overlay'; @@ -6,6 +6,7 @@ import { KbqLoaderOverlayModule } from '@koobiq/components/loader-overlay'; * @title Loader-overlay default */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'loader-overlay-default-example', imports: [KbqLoaderOverlayModule], diff --git a/packages/docs-examples/components/loader-overlay/loader-overlay-fixed-top/loader-overlay-fixed-top-example.ts b/packages/docs-examples/components/loader-overlay/loader-overlay-fixed-top/loader-overlay-fixed-top-example.ts index 73188028a..9360f5ced 100644 --- a/packages/docs-examples/components/loader-overlay/loader-overlay-fixed-top/loader-overlay-fixed-top-example.ts +++ b/packages/docs-examples/components/loader-overlay/loader-overlay-fixed-top/loader-overlay-fixed-top-example.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { ThemePalette } from '@koobiq/components/core'; import { KbqLoaderOverlayModule } from '@koobiq/components/loader-overlay'; import { KbqProgressSpinnerModule } from '@koobiq/components/progress-spinner'; @@ -7,6 +7,7 @@ import { KbqProgressSpinnerModule } from '@koobiq/components/progress-spinner'; * @title Loader-overlay fixed-top */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'loader-overlay-fixed-top-example', imports: [KbqLoaderOverlayModule, KbqProgressSpinnerModule], diff --git a/packages/docs-examples/components/loader-overlay/loader-overlay-large/loader-overlay-large-example.ts b/packages/docs-examples/components/loader-overlay/loader-overlay-large/loader-overlay-large-example.ts index 242b17f4b..ca1b4751a 100644 --- a/packages/docs-examples/components/loader-overlay/loader-overlay-large/loader-overlay-large-example.ts +++ b/packages/docs-examples/components/loader-overlay/loader-overlay-large/loader-overlay-large-example.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { ThemePalette } from '@koobiq/components/core'; import { KbqLoaderOverlayModule } from '@koobiq/components/loader-overlay'; import { KbqProgressSpinnerModule } from '@koobiq/components/progress-spinner'; @@ -7,6 +7,7 @@ import { KbqProgressSpinnerModule } from '@koobiq/components/progress-spinner'; * @title Loader-overlay large */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'loader-overlay-large-example', imports: [KbqLoaderOverlayModule, KbqProgressSpinnerModule], diff --git a/packages/docs-examples/components/loader-overlay/loader-overlay-overview/loader-overlay-overview-example.ts b/packages/docs-examples/components/loader-overlay/loader-overlay-overview/loader-overlay-overview-example.ts index 692766c02..587b29f83 100644 --- a/packages/docs-examples/components/loader-overlay/loader-overlay-overview/loader-overlay-overview-example.ts +++ b/packages/docs-examples/components/loader-overlay/loader-overlay-overview/loader-overlay-overview-example.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { ThemePalette } from '@koobiq/components/core'; import { KbqLoaderOverlayModule } from '@koobiq/components/loader-overlay'; @@ -6,6 +6,7 @@ import { KbqLoaderOverlayModule } from '@koobiq/components/loader-overlay'; * @title Loader-overlay */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'loader-overlay-overview-example', imports: [KbqLoaderOverlayModule], diff --git a/packages/docs-examples/components/loader-overlay/loader-overlay-size/loader-overlay-size-example.ts b/packages/docs-examples/components/loader-overlay/loader-overlay-size/loader-overlay-size-example.ts index c3f0437f2..16024df4c 100644 --- a/packages/docs-examples/components/loader-overlay/loader-overlay-size/loader-overlay-size-example.ts +++ b/packages/docs-examples/components/loader-overlay/loader-overlay-size/loader-overlay-size-example.ts @@ -1,4 +1,4 @@ -import { Component, model } from '@angular/core'; +import { ChangeDetectionStrategy, Component, model } from '@angular/core'; import { FormsModule } from '@angular/forms'; import { KbqButtonToggleModule } from '@koobiq/components/button-toggle'; import { KbqDefaultSizes } from '@koobiq/components/core'; @@ -8,6 +8,7 @@ import { KbqLoaderOverlayModule } from '@koobiq/components/loader-overlay'; * @title Loader-overlay size */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'loader-overlay-size-example', imports: [KbqLoaderOverlayModule, KbqButtonToggleModule, FormsModule], diff --git a/packages/docs-examples/components/navbar/navbar-overview/navbar-overview-example.ts b/packages/docs-examples/components/navbar/navbar-overview/navbar-overview-example.ts index aad808994..a5c100f7c 100644 --- a/packages/docs-examples/components/navbar/navbar-overview/navbar-overview-example.ts +++ b/packages/docs-examples/components/navbar/navbar-overview/navbar-overview-example.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { KbqBadgeModule } from '@koobiq/components/badge'; import { KbqButtonModule } from '@koobiq/components/button'; import { PopUpPlacements } from '@koobiq/components/core'; @@ -12,6 +12,7 @@ import { KbqToolTipModule } from '@koobiq/components/tooltip'; * @title Navbar */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'navbar-overview-example', templateUrl: 'navbar-overview-example.html', diff --git a/packages/docs-examples/components/navbar/navbar-vertical-open-over/navbar-vertical-open-over-example.ts b/packages/docs-examples/components/navbar/navbar-vertical-open-over/navbar-vertical-open-over-example.ts index 38d23ed6d..d9c9d444c 100644 --- a/packages/docs-examples/components/navbar/navbar-vertical-open-over/navbar-vertical-open-over-example.ts +++ b/packages/docs-examples/components/navbar/navbar-vertical-open-over/navbar-vertical-open-over-example.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { KbqButtonModule } from '@koobiq/components/button'; import { PopUpPlacements } from '@koobiq/components/core'; import { KbqDropdownModule } from '@koobiq/components/dropdown'; @@ -10,6 +10,7 @@ import { KbqToolTipModule } from '@koobiq/components/tooltip'; * @title Navbar vertical open over */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'navbar-vertical-open-over-example', templateUrl: 'navbar-vertical-open-over-example.html', diff --git a/packages/docs-examples/components/number-formatter/number-formatter-overview/number-formatter-overview-example.ts b/packages/docs-examples/components/number-formatter/number-formatter-overview/number-formatter-overview-example.ts index 99690a345..2cb722614 100644 --- a/packages/docs-examples/components/number-formatter/number-formatter-overview/number-formatter-overview-example.ts +++ b/packages/docs-examples/components/number-formatter/number-formatter-overview/number-formatter-overview-example.ts @@ -1,4 +1,4 @@ -import { ChangeDetectorRef, Component, inject } from '@angular/core'; +import { ChangeDetectionStrategy, ChangeDetectorRef, Component, inject } from '@angular/core'; import { FormsModule } from '@angular/forms'; import { KBQ_LOCALE_SERVICE, @@ -15,6 +15,7 @@ import { distinctUntilChanged } from 'rxjs/operators'; * @title Number-formatter */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'number-formatter-overview-example', templateUrl: 'number-formatter-overview-example.html', diff --git a/packages/docs-examples/components/popover/popover-close/popover-close-example.ts b/packages/docs-examples/components/popover/popover-close/popover-close-example.ts index 47374c7b5..991814488 100644 --- a/packages/docs-examples/components/popover/popover-close/popover-close-example.ts +++ b/packages/docs-examples/components/popover/popover-close/popover-close-example.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { KbqButtonModule } from '@koobiq/components/button'; import { KbqComponentColors } from '@koobiq/components/core'; import { KbqDropdownModule } from '@koobiq/components/dropdown'; @@ -11,6 +11,7 @@ import { KbqPopoverModule } from '@koobiq/components/popover'; * @title Popover close */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'popover-close-example', templateUrl: 'popover-close-example.html', diff --git a/packages/docs-examples/components/popover/popover-common/popover-common-example.ts b/packages/docs-examples/components/popover/popover-common/popover-common-example.ts index 44a15cd98..02a43cbfd 100644 --- a/packages/docs-examples/components/popover/popover-common/popover-common-example.ts +++ b/packages/docs-examples/components/popover/popover-common/popover-common-example.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { KbqButtonModule } from '@koobiq/components/button'; import { KbqFormFieldModule } from '@koobiq/components/form-field'; import { KbqInputModule } from '@koobiq/components/input'; @@ -8,6 +8,7 @@ import { KbqPopoverModule } from '@koobiq/components/popover'; * @title Popover common */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'popover-common-example', imports: [KbqPopoverModule, KbqButtonModule, KbqFormFieldModule, KbqInputModule], diff --git a/packages/docs-examples/components/popover/popover-content/popover-content-example.ts b/packages/docs-examples/components/popover/popover-content/popover-content-example.ts index 98d57a52f..1f7a231d6 100644 --- a/packages/docs-examples/components/popover/popover-content/popover-content-example.ts +++ b/packages/docs-examples/components/popover/popover-content/popover-content-example.ts @@ -1,5 +1,5 @@ import { NgStyle } from '@angular/common'; -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { KbqButtonModule } from '@koobiq/components/button'; import { KbqComponentColors } from '@koobiq/components/core'; import { KbqDropdownModule } from '@koobiq/components/dropdown'; @@ -12,6 +12,7 @@ import { KbqPopoverModule } from '@koobiq/components/popover'; * @title Popover content */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'popover-content-example', templateUrl: 'popover-content-example.html', diff --git a/packages/docs-examples/components/popover/popover-header/popover-header-example.ts b/packages/docs-examples/components/popover/popover-header/popover-header-example.ts index 62f73a274..3c31f09fd 100644 --- a/packages/docs-examples/components/popover/popover-header/popover-header-example.ts +++ b/packages/docs-examples/components/popover/popover-header/popover-header-example.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { KbqBadgeColors, KbqBadgeModule } from '@koobiq/components/badge'; import { KbqButtonModule } from '@koobiq/components/button'; import { KbqDlModule } from '@koobiq/components/dl'; @@ -8,6 +8,7 @@ import { KbqPopoverModule } from '@koobiq/components/popover'; * @title Popover Header */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'popover-header-example', templateUrl: 'popover-header-example.html', diff --git a/packages/docs-examples/components/popover/popover-height/popover-height-example.ts b/packages/docs-examples/components/popover/popover-height/popover-height-example.ts index 768b1ee3d..baa8e5dfb 100644 --- a/packages/docs-examples/components/popover/popover-height/popover-height-example.ts +++ b/packages/docs-examples/components/popover/popover-height/popover-height-example.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { KbqButtonModule } from '@koobiq/components/button'; import { KbqFormsModule } from '@koobiq/components/core'; import { KbqFormFieldModule } from '@koobiq/components/form-field'; @@ -9,6 +9,7 @@ import { KbqPopoverModule, KbqPopoverTrigger } from '@koobiq/components/popover' * @title Popover height */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'popover-height-example', templateUrl: 'popover-height-example.html', diff --git a/packages/docs-examples/components/popover/popover-hover/popover-hover-example.ts b/packages/docs-examples/components/popover/popover-hover/popover-hover-example.ts index c3607ec59..b16ccb2be 100644 --- a/packages/docs-examples/components/popover/popover-hover/popover-hover-example.ts +++ b/packages/docs-examples/components/popover/popover-hover/popover-hover-example.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { KbqButtonModule } from '@koobiq/components/button'; import { KbqFormFieldModule } from '@koobiq/components/form-field'; import { KbqInputModule } from '@koobiq/components/input'; @@ -8,6 +8,7 @@ import { KbqPopoverModule } from '@koobiq/components/popover'; * @title Popover hover */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'popover-hover-example', imports: [KbqPopoverModule, KbqButtonModule, KbqFormFieldModule, KbqInputModule], diff --git a/packages/docs-examples/components/popover/popover-placement-center/popover-placement-center-example.ts b/packages/docs-examples/components/popover/popover-placement-center/popover-placement-center-example.ts index 1d0e5f642..24e7f2072 100644 --- a/packages/docs-examples/components/popover/popover-placement-center/popover-placement-center-example.ts +++ b/packages/docs-examples/components/popover/popover-placement-center/popover-placement-center-example.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { KbqButtonModule } from '@koobiq/components/button'; import { PopUpPlacements } from '@koobiq/components/core'; import { KbqFormFieldModule } from '@koobiq/components/form-field'; @@ -9,6 +9,7 @@ import { KbqPopoverModule, KbqPopoverTrigger } from '@koobiq/components/popover' * @title Popover placement center */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'popover-placement-center-example', templateUrl: 'popover-placement-center-example.html', diff --git a/packages/docs-examples/components/popover/popover-placement-edges/popover-placement-edges-example.ts b/packages/docs-examples/components/popover/popover-placement-edges/popover-placement-edges-example.ts index c5556a414..e5fb0d1fb 100644 --- a/packages/docs-examples/components/popover/popover-placement-edges/popover-placement-edges-example.ts +++ b/packages/docs-examples/components/popover/popover-placement-edges/popover-placement-edges-example.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { KbqButtonModule } from '@koobiq/components/button'; import { PopUpPlacements } from '@koobiq/components/core'; import { KbqFormFieldModule } from '@koobiq/components/form-field'; @@ -9,6 +9,7 @@ import { KbqPopoverModule, KbqPopoverTrigger } from '@koobiq/components/popover' * @title Popover placement edges */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'popover-placement-edges-example', templateUrl: 'popover-placement-edges-example.html', diff --git a/packages/docs-examples/components/popover/popover-scroll/popover-scroll-example.ts b/packages/docs-examples/components/popover/popover-scroll/popover-scroll-example.ts index 8cea0e8c1..d7961b929 100644 --- a/packages/docs-examples/components/popover/popover-scroll/popover-scroll-example.ts +++ b/packages/docs-examples/components/popover/popover-scroll/popover-scroll-example.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { KbqButtonModule } from '@koobiq/components/button'; import { KbqFormFieldModule } from '@koobiq/components/form-field'; import { KbqInputModule } from '@koobiq/components/input'; @@ -8,6 +8,7 @@ import { KbqPopoverModule, KbqPopoverTrigger } from '@koobiq/components/popover' * @title popover-scroll */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'popover-scroll-example', imports: [ diff --git a/packages/docs-examples/components/popover/popover-width/popover-width-example.ts b/packages/docs-examples/components/popover/popover-width/popover-width-example.ts index 8350e8e61..51e7f99fb 100644 --- a/packages/docs-examples/components/popover/popover-width/popover-width-example.ts +++ b/packages/docs-examples/components/popover/popover-width/popover-width-example.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { KbqButtonModule } from '@koobiq/components/button'; import { PopUpSizes } from '@koobiq/components/core'; import { KbqPopoverModule } from '@koobiq/components/popover'; @@ -7,6 +7,7 @@ import { KbqPopoverModule } from '@koobiq/components/popover'; * @title Popover width */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'popover-width-example', templateUrl: 'popover-width-example.html', diff --git a/packages/docs-examples/components/progress-bar/progress-bar-indeterminate/progress-bar-indeterminate-example.ts b/packages/docs-examples/components/progress-bar/progress-bar-indeterminate/progress-bar-indeterminate-example.ts index a8564be2f..ef58e299b 100644 --- a/packages/docs-examples/components/progress-bar/progress-bar-indeterminate/progress-bar-indeterminate-example.ts +++ b/packages/docs-examples/components/progress-bar/progress-bar-indeterminate/progress-bar-indeterminate-example.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { ThemePalette } from '@koobiq/components/core'; import { KbqProgressBarModule } from '@koobiq/components/progress-bar'; @@ -6,6 +6,7 @@ import { KbqProgressBarModule } from '@koobiq/components/progress-bar'; * @title Progress bar indeterminate */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'progress-bar-indeterminate-example', styles: ` diff --git a/packages/docs-examples/components/progress-bar/progress-bar-overview/progress-bar-overview-example.ts b/packages/docs-examples/components/progress-bar/progress-bar-overview/progress-bar-overview-example.ts index 12e40f7a1..d2bde23cd 100644 --- a/packages/docs-examples/components/progress-bar/progress-bar-overview/progress-bar-overview-example.ts +++ b/packages/docs-examples/components/progress-bar/progress-bar-overview/progress-bar-overview-example.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { FormsModule } from '@angular/forms'; import { ThemePalette } from '@koobiq/components/core'; import { KbqFormFieldModule } from '@koobiq/components/form-field'; @@ -9,6 +9,7 @@ import { KbqProgressBarModule } from '@koobiq/components/progress-bar'; * @title Progress bar */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'progress-bar-overview-example', styles: ` diff --git a/packages/docs-examples/components/progress-spinner/progress-spinner-indeterminate/progress-spinner-indeterminate-example.ts b/packages/docs-examples/components/progress-spinner/progress-spinner-indeterminate/progress-spinner-indeterminate-example.ts index 95fc3f23f..172fb128b 100644 --- a/packages/docs-examples/components/progress-spinner/progress-spinner-indeterminate/progress-spinner-indeterminate-example.ts +++ b/packages/docs-examples/components/progress-spinner/progress-spinner-indeterminate/progress-spinner-indeterminate-example.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { ThemePalette } from '@koobiq/components/core'; import { KbqProgressSpinnerModule } from '@koobiq/components/progress-spinner'; @@ -6,6 +6,7 @@ import { KbqProgressSpinnerModule } from '@koobiq/components/progress-spinner'; * @title Progress spinner indeterminate */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'progress-spinner-indeterminate-example', imports: [ diff --git a/packages/docs-examples/components/progress-spinner/progress-spinner-overview/progress-spinner-overview-example.ts b/packages/docs-examples/components/progress-spinner/progress-spinner-overview/progress-spinner-overview-example.ts index 55971cd6a..f27f6ab45 100644 --- a/packages/docs-examples/components/progress-spinner/progress-spinner-overview/progress-spinner-overview-example.ts +++ b/packages/docs-examples/components/progress-spinner/progress-spinner-overview/progress-spinner-overview-example.ts @@ -1,4 +1,4 @@ -import { Component, OnDestroy } from '@angular/core'; +import { ChangeDetectionStrategy, Component, OnDestroy } from '@angular/core'; import { ThemePalette } from '@koobiq/components/core'; import { KbqProgressSpinnerModule } from '@koobiq/components/progress-spinner'; @@ -10,6 +10,7 @@ const MAX_PERCENT: number = 100; * @title Basic progress spinner */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'progress-spinner-overview-example', imports: [ diff --git a/packages/docs-examples/components/radio/radio-content/radio-content-example.ts b/packages/docs-examples/components/radio/radio-content/radio-content-example.ts index a66f85610..4c8192406 100644 --- a/packages/docs-examples/components/radio/radio-content/radio-content-example.ts +++ b/packages/docs-examples/components/radio/radio-content/radio-content-example.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { KbqFormFieldModule } from '@koobiq/components/form-field'; import { KbqRadioModule } from '@koobiq/components/radio'; @@ -6,6 +6,7 @@ import { KbqRadioModule } from '@koobiq/components/radio'; * @title Radio content */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'radio-content-example', imports: [ diff --git a/packages/docs-examples/components/sidepanel/sidepanel-modal-mode/sidepanel-modal-mode-example.ts b/packages/docs-examples/components/sidepanel/sidepanel-modal-mode/sidepanel-modal-mode-example.ts index 78dcc1b81..11ad3744e 100644 --- a/packages/docs-examples/components/sidepanel/sidepanel-modal-mode/sidepanel-modal-mode-example.ts +++ b/packages/docs-examples/components/sidepanel/sidepanel-modal-mode/sidepanel-modal-mode-example.ts @@ -1,4 +1,4 @@ -import { Component, TemplateRef, ViewChild } from '@angular/core'; +import { ChangeDetectionStrategy, Component, TemplateRef, ViewChild } from '@angular/core'; import { KbqButtonModule } from '@koobiq/components/button'; import { KbqFormFieldModule } from '@koobiq/components/form-field'; import { KbqSelectModule } from '@koobiq/components/select'; @@ -8,6 +8,7 @@ import { KbqSidepanelModule, KbqSidepanelPosition, KbqSidepanelService } from '@ * @title Sidepanel modal mode */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'sidepanel-modal-mode-example', templateUrl: 'sidepanel-modal-mode-example.html', diff --git a/packages/docs-examples/components/sidepanel/sidepanel-normal-mode/sidepanel-normal-mode-example.ts b/packages/docs-examples/components/sidepanel/sidepanel-normal-mode/sidepanel-normal-mode-example.ts index 1dc483491..3859f38c8 100644 --- a/packages/docs-examples/components/sidepanel/sidepanel-normal-mode/sidepanel-normal-mode-example.ts +++ b/packages/docs-examples/components/sidepanel/sidepanel-normal-mode/sidepanel-normal-mode-example.ts @@ -1,4 +1,4 @@ -import { Component, TemplateRef, ViewChild } from '@angular/core'; +import { ChangeDetectionStrategy, Component, TemplateRef, ViewChild } from '@angular/core'; import { KbqButtonModule } from '@koobiq/components/button'; import { KbqFormFieldModule } from '@koobiq/components/form-field'; import { KbqSelectModule } from '@koobiq/components/select'; @@ -9,6 +9,7 @@ import { take } from 'rxjs/operators'; * @title Sidepanel normal mode */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'sidepanel-normal-mode-example', templateUrl: 'sidepanel-normal-mode-example.html', diff --git a/packages/docs-examples/components/sidepanel/sidepanel-overlayed/sidepanel-overlayed-example.ts b/packages/docs-examples/components/sidepanel/sidepanel-overlayed/sidepanel-overlayed-example.ts index a5839c552..f8b7d5d6f 100644 --- a/packages/docs-examples/components/sidepanel/sidepanel-overlayed/sidepanel-overlayed-example.ts +++ b/packages/docs-examples/components/sidepanel/sidepanel-overlayed/sidepanel-overlayed-example.ts @@ -1,4 +1,4 @@ -import { Component, TemplateRef, ViewChild } from '@angular/core'; +import { ChangeDetectionStrategy, Component, TemplateRef, ViewChild } from '@angular/core'; import { KbqButtonModule } from '@koobiq/components/button'; import { KbqFormFieldModule } from '@koobiq/components/form-field'; import { KbqSelectModule } from '@koobiq/components/select'; @@ -8,6 +8,7 @@ import { KbqSidepanelModule, KbqSidepanelPosition, KbqSidepanelService } from '@ * @title Sidepanel overlayed */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'sidepanel-overlayed-example', imports: [KbqFormFieldModule, KbqSelectModule, KbqButtonModule, KbqSidepanelModule], diff --git a/packages/docs-examples/components/sidepanel/sidepanel-sizes/sidepanel-sizes-example.ts b/packages/docs-examples/components/sidepanel/sidepanel-sizes/sidepanel-sizes-example.ts index 6b4d3e199..fc2384048 100644 --- a/packages/docs-examples/components/sidepanel/sidepanel-sizes/sidepanel-sizes-example.ts +++ b/packages/docs-examples/components/sidepanel/sidepanel-sizes/sidepanel-sizes-example.ts @@ -1,4 +1,4 @@ -import { Component, TemplateRef, ViewChild } from '@angular/core'; +import { ChangeDetectionStrategy, Component, TemplateRef, ViewChild } from '@angular/core'; import { KbqButtonModule } from '@koobiq/components/button'; import { KbqSidepanelModule, @@ -11,6 +11,7 @@ import { * @title Sidepanel sizes */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'sidepanel-sizes-example', templateUrl: 'sidepanel-sizes-example.html', diff --git a/packages/docs-examples/components/splitter/splitter-dynamic-data/splitter-dynamic-data-example.ts b/packages/docs-examples/components/splitter/splitter-dynamic-data/splitter-dynamic-data-example.ts index 3b6955651..e59165a86 100644 --- a/packages/docs-examples/components/splitter/splitter-dynamic-data/splitter-dynamic-data-example.ts +++ b/packages/docs-examples/components/splitter/splitter-dynamic-data/splitter-dynamic-data-example.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { KbqButtonModule } from '@koobiq/components/button'; import { KbqSplitterModule } from '@koobiq/components/splitter'; @@ -6,6 +6,7 @@ import { KbqSplitterModule } from '@koobiq/components/splitter'; * @title Splitter dynamic data */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'splitter-dynamic-data-example', imports: [ diff --git a/packages/docs-examples/components/splitter/splitter-fixed/splitter-fixed-example.ts b/packages/docs-examples/components/splitter/splitter-fixed/splitter-fixed-example.ts index 2c4d107cc..5426b84bb 100644 --- a/packages/docs-examples/components/splitter/splitter-fixed/splitter-fixed-example.ts +++ b/packages/docs-examples/components/splitter/splitter-fixed/splitter-fixed-example.ts @@ -1,10 +1,11 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { KbqSplitterModule } from '@koobiq/components/splitter'; /** * @title Splitter fixed */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'splitter-fixed-example', imports: [ diff --git a/packages/docs-examples/components/splitter/splitter-nested/splitter-nested-example.ts b/packages/docs-examples/components/splitter/splitter-nested/splitter-nested-example.ts index d272d7f11..b5955eb6f 100644 --- a/packages/docs-examples/components/splitter/splitter-nested/splitter-nested-example.ts +++ b/packages/docs-examples/components/splitter/splitter-nested/splitter-nested-example.ts @@ -1,10 +1,11 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { Direction, KbqSplitterModule } from '@koobiq/components/splitter'; /** * @title Splitter nested */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'splitter-nested-example', imports: [ diff --git a/packages/docs-examples/components/splitter/splitter-overview/splitter-overview-example.ts b/packages/docs-examples/components/splitter/splitter-overview/splitter-overview-example.ts index 67a5bc350..fbd92df47 100644 --- a/packages/docs-examples/components/splitter/splitter-overview/splitter-overview-example.ts +++ b/packages/docs-examples/components/splitter/splitter-overview/splitter-overview-example.ts @@ -1,10 +1,11 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { KbqSplitterModule } from '@koobiq/components/splitter'; /** * @title Splitter */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'splitter-overview-example', imports: [ diff --git a/packages/docs-examples/components/splitter/splitter-vertical/splitter-vertical-example.ts b/packages/docs-examples/components/splitter/splitter-vertical/splitter-vertical-example.ts index 5a5fa4b7b..ea1165578 100644 --- a/packages/docs-examples/components/splitter/splitter-vertical/splitter-vertical-example.ts +++ b/packages/docs-examples/components/splitter/splitter-vertical/splitter-vertical-example.ts @@ -1,10 +1,11 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { Direction, KbqSplitterModule } from '@koobiq/components/splitter'; /** * @title Basic Splitter */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'splitter-vertical-example', imports: [ diff --git a/packages/docs-examples/components/table/table-full-width/table-full-width-example.ts b/packages/docs-examples/components/table/table-full-width/table-full-width-example.ts index 28218c4be..2555413e1 100644 --- a/packages/docs-examples/components/table/table-full-width/table-full-width-example.ts +++ b/packages/docs-examples/components/table/table-full-width/table-full-width-example.ts @@ -1,10 +1,11 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { KbqTableModule } from '@koobiq/components/table'; /** * @title Table full width */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'table-full-width-example', imports: [ diff --git a/packages/docs-examples/components/table/table-overview/table-overview-example.ts b/packages/docs-examples/components/table/table-overview/table-overview-example.ts index 6ca6260cf..28826276c 100644 --- a/packages/docs-examples/components/table/table-overview/table-overview-example.ts +++ b/packages/docs-examples/components/table/table-overview/table-overview-example.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { KbqComponentColors } from '@koobiq/components/core'; import { KbqTableModule } from '@koobiq/components/table'; @@ -6,6 +6,7 @@ import { KbqTableModule } from '@koobiq/components/table'; * @title Table */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'table-overview-example', imports: [ diff --git a/packages/docs-examples/components/table/table-with-borders/table-with-borders-example.ts b/packages/docs-examples/components/table/table-with-borders/table-with-borders-example.ts index f734fb23d..fc5568e92 100644 --- a/packages/docs-examples/components/table/table-with-borders/table-with-borders-example.ts +++ b/packages/docs-examples/components/table/table-with-borders/table-with-borders-example.ts @@ -1,10 +1,11 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { KbqTableModule } from '@koobiq/components/table'; /** * @title Table with borders */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'table-with-borders-example', imports: [ diff --git a/packages/docs-examples/components/tag/tag-autocomplete-option-operations/tag-autocomplete-option-operations-example.ts b/packages/docs-examples/components/tag/tag-autocomplete-option-operations/tag-autocomplete-option-operations-example.ts index 256d2612f..e25486bce 100644 --- a/packages/docs-examples/components/tag/tag-autocomplete-option-operations/tag-autocomplete-option-operations-example.ts +++ b/packages/docs-examples/components/tag/tag-autocomplete-option-operations/tag-autocomplete-option-operations-example.ts @@ -1,5 +1,5 @@ import { AsyncPipe } from '@angular/common'; -import { AfterViewInit, Component, ElementRef, ViewChild } from '@angular/core'; +import { AfterViewInit, ChangeDetectionStrategy, Component, ElementRef, ViewChild } from '@angular/core'; import { FormControl, FormsModule, ReactiveFormsModule } from '@angular/forms'; import { KbqAutocomplete, KbqAutocompleteModule, KbqAutocompleteSelectedEvent } from '@koobiq/components/autocomplete'; import { KbqFormFieldModule } from '@koobiq/components/form-field'; @@ -14,6 +14,7 @@ const autocompleteValueCoercion = (value): string => (value?.new ? value.value : * @title Tag autocomplete option operations */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'tag-autocomplete-option-operations-example', imports: [ diff --git a/packages/docs-examples/components/tag/tag-autocomplete/tag-autocomplete-example.ts b/packages/docs-examples/components/tag/tag-autocomplete/tag-autocomplete-example.ts index 2a69b2235..dc6c397ff 100644 --- a/packages/docs-examples/components/tag/tag-autocomplete/tag-autocomplete-example.ts +++ b/packages/docs-examples/components/tag/tag-autocomplete/tag-autocomplete-example.ts @@ -1,5 +1,5 @@ import { AsyncPipe } from '@angular/common'; -import { AfterViewInit, Component, ElementRef, ViewChild } from '@angular/core'; +import { AfterViewInit, ChangeDetectionStrategy, Component, ElementRef, ViewChild } from '@angular/core'; import { FormControl, FormsModule, ReactiveFormsModule } from '@angular/forms'; import { KbqAutocomplete, KbqAutocompleteModule, KbqAutocompleteSelectedEvent } from '@koobiq/components/autocomplete'; import { KbqFormFieldModule } from '@koobiq/components/form-field'; @@ -15,6 +15,7 @@ const autocompleteValueCoercion = (value): string => (value?.new ? value.value : * @title Tag autocomplete */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'tag-autocomplete-example', imports: [ diff --git a/packages/docs-examples/components/tag/tag-disabled/tag-disabled-example.ts b/packages/docs-examples/components/tag/tag-disabled/tag-disabled-example.ts index 7ff4f0231..1fcd4b073 100644 --- a/packages/docs-examples/components/tag/tag-disabled/tag-disabled-example.ts +++ b/packages/docs-examples/components/tag/tag-disabled/tag-disabled-example.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { KbqComponentColors } from '@koobiq/components/core'; import { KbqIconModule } from '@koobiq/components/icon'; import { KbqTagsModule } from '@koobiq/components/tags'; @@ -7,6 +7,7 @@ import { KbqTagsModule } from '@koobiq/components/tags'; * @title Tag Disabled */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'tag-disabled-example', imports: [ diff --git a/packages/docs-examples/components/tag/tag-fill-and-style/tag-fill-and-style-example.ts b/packages/docs-examples/components/tag/tag-fill-and-style/tag-fill-and-style-example.ts index bf5613eb4..103d3f928 100644 --- a/packages/docs-examples/components/tag/tag-fill-and-style/tag-fill-and-style-example.ts +++ b/packages/docs-examples/components/tag/tag-fill-and-style/tag-fill-and-style-example.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { KbqComponentColors } from '@koobiq/components/core'; import { KbqIconModule } from '@koobiq/components/icon'; import { KbqTagsModule } from '@koobiq/components/tags'; @@ -7,6 +7,7 @@ import { KbqTagsModule } from '@koobiq/components/tags'; * @title Tag fill and style */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'tag-fill-and-style-example', imports: [ diff --git a/packages/docs-examples/components/tag/tag-input/tag-input-example.ts b/packages/docs-examples/components/tag/tag-input/tag-input-example.ts index 899588f00..86159c7b6 100644 --- a/packages/docs-examples/components/tag/tag-input/tag-input-example.ts +++ b/packages/docs-examples/components/tag/tag-input/tag-input-example.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { FormControl, ReactiveFormsModule } from '@angular/forms'; import { COMMA, ENTER } from '@koobiq/cdk/keycodes'; import { KbqFormFieldModule } from '@koobiq/components/form-field'; @@ -9,6 +9,7 @@ import { KbqTagInputEvent, KbqTagsModule } from '@koobiq/components/tags'; * @title Tag input */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'tag-input-example', imports: [ diff --git a/packages/docs-examples/components/tag/tag-list/tag-list-example.ts b/packages/docs-examples/components/tag/tag-list/tag-list-example.ts index 88bcef3d0..953024317 100644 --- a/packages/docs-examples/components/tag/tag-list/tag-list-example.ts +++ b/packages/docs-examples/components/tag/tag-list/tag-list-example.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { KbqIconModule } from '@koobiq/components/icon'; import { KbqTagsModule } from '@koobiq/components/tags'; @@ -6,6 +6,7 @@ import { KbqTagsModule } from '@koobiq/components/tags'; * @title Tag list */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'tag-list-example', imports: [ diff --git a/packages/docs-examples/components/tag/tag-long-text/tag-long-text-example.ts b/packages/docs-examples/components/tag/tag-long-text/tag-long-text-example.ts index 8ca0c2533..37daa5adf 100644 --- a/packages/docs-examples/components/tag/tag-long-text/tag-long-text-example.ts +++ b/packages/docs-examples/components/tag/tag-long-text/tag-long-text-example.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { KbqComponentColors } from '@koobiq/components/core'; import { KbqIconModule } from '@koobiq/components/icon'; import { KbqTagsModule } from '@koobiq/components/tags'; @@ -7,6 +7,7 @@ import { KbqTagsModule } from '@koobiq/components/tags'; * @title Tag Long Text */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'tag-long-text-example', imports: [ diff --git a/packages/docs-examples/components/tag/tag-overview/tag-overview-example.ts b/packages/docs-examples/components/tag/tag-overview/tag-overview-example.ts index 9f61832f1..cfe3f1e8d 100644 --- a/packages/docs-examples/components/tag/tag-overview/tag-overview-example.ts +++ b/packages/docs-examples/components/tag/tag-overview/tag-overview-example.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { KbqComponentColors } from '@koobiq/components/core'; import { KbqIconModule } from '@koobiq/components/icon'; import { KbqTagsModule } from '@koobiq/components/tags'; @@ -7,6 +7,7 @@ import { KbqTagsModule } from '@koobiq/components/tags'; * @title Tag */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'tag-overview-example', imports: [ diff --git a/packages/docs-examples/components/tag/tag-with-icon/tag-with-icon-example.ts b/packages/docs-examples/components/tag/tag-with-icon/tag-with-icon-example.ts index 86cb01f6f..afd24f04b 100644 --- a/packages/docs-examples/components/tag/tag-with-icon/tag-with-icon-example.ts +++ b/packages/docs-examples/components/tag/tag-with-icon/tag-with-icon-example.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { KbqComponentColors } from '@koobiq/components/core'; import { KbqIconModule } from '@koobiq/components/icon'; import { KbqTagsModule } from '@koobiq/components/tags'; @@ -7,6 +7,7 @@ import { KbqTagsModule } from '@koobiq/components/tags'; * @title Tag with icon */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'tag-with-icon-example', imports: [ diff --git a/packages/docs-examples/components/tag/tag-with-remove-button/tag-with-remove-button-example.ts b/packages/docs-examples/components/tag/tag-with-remove-button/tag-with-remove-button-example.ts index 15ee7846e..2a26f3910 100644 --- a/packages/docs-examples/components/tag/tag-with-remove-button/tag-with-remove-button-example.ts +++ b/packages/docs-examples/components/tag/tag-with-remove-button/tag-with-remove-button-example.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { KbqComponentColors } from '@koobiq/components/core'; import { KbqIconModule } from '@koobiq/components/icon'; import { KbqTagsModule } from '@koobiq/components/tags'; @@ -7,6 +7,7 @@ import { KbqTagsModule } from '@koobiq/components/tags'; * @title Tag with remove button */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'tag-with-remove-button-example', imports: [ diff --git a/packages/docs-examples/components/tag/tags-autocomplete-onpaste-off/tags-autocomplete-onpaste-off-example.ts b/packages/docs-examples/components/tag/tags-autocomplete-onpaste-off/tags-autocomplete-onpaste-off-example.ts index c43a50bc0..cad6397ea 100644 --- a/packages/docs-examples/components/tag/tags-autocomplete-onpaste-off/tags-autocomplete-onpaste-off-example.ts +++ b/packages/docs-examples/components/tag/tags-autocomplete-onpaste-off/tags-autocomplete-onpaste-off-example.ts @@ -1,5 +1,5 @@ import { AsyncPipe } from '@angular/common'; -import { AfterViewInit, Component, ElementRef, ViewChild } from '@angular/core'; +import { AfterViewInit, ChangeDetectionStrategy, Component, ElementRef, ViewChild } from '@angular/core'; import { FormControl, ReactiveFormsModule } from '@angular/forms'; import { ENTER } from '@koobiq/cdk/keycodes'; import { KbqAutocomplete, KbqAutocompleteModule, KbqAutocompleteSelectedEvent } from '@koobiq/components/autocomplete'; @@ -23,6 +23,7 @@ const autocompleteValueCoercion = (value): string => (value?.new ? value.value : * @title Tags autocomplete onpaste off */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'tags-autocomplete-onpaste-off-example', templateUrl: 'tags-autocomplete-onpaste-off-example.html', diff --git a/packages/docs-examples/components/tag/tags-input-onpaste-off/tags-input-onpaste-off-example.ts b/packages/docs-examples/components/tag/tags-input-onpaste-off/tags-input-onpaste-off-example.ts index 18931c2ee..a11c63fba 100644 --- a/packages/docs-examples/components/tag/tags-input-onpaste-off/tags-input-onpaste-off-example.ts +++ b/packages/docs-examples/components/tag/tags-input-onpaste-off/tags-input-onpaste-off-example.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { FormControl, ReactiveFormsModule } from '@angular/forms'; import { COMMA, ENTER } from '@koobiq/cdk/keycodes'; import { KbqFormFieldModule } from '@koobiq/components/form-field'; @@ -14,6 +14,7 @@ import { * @title Tags input onpaste off */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'tags-input-onpaste-off-example', templateUrl: 'tags-input-onpaste-off-example.html', diff --git a/packages/docs-examples/components/textarea/text-area-overview/text-area-overview-example.ts b/packages/docs-examples/components/textarea/text-area-overview/text-area-overview-example.ts index 477ccb3f6..b7d57dcc6 100644 --- a/packages/docs-examples/components/textarea/text-area-overview/text-area-overview-example.ts +++ b/packages/docs-examples/components/textarea/text-area-overview/text-area-overview-example.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { FormsModule } from '@angular/forms'; import { KbqFormFieldModule } from '@koobiq/components/form-field'; import { KbqTextareaModule } from '@koobiq/components/textarea'; @@ -7,6 +7,7 @@ import { KbqTextareaModule } from '@koobiq/components/textarea'; * @title Textarea */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'text-area-overview-example', imports: [KbqFormFieldModule, KbqTextareaModule, FormsModule], diff --git a/packages/docs-examples/components/timepicker/timepicker-validation-symbols/timepicker-validation-symbols-example.ts b/packages/docs-examples/components/timepicker/timepicker-validation-symbols/timepicker-validation-symbols-example.ts index 1dcc632a3..4d7d59f09 100644 --- a/packages/docs-examples/components/timepicker/timepicker-validation-symbols/timepicker-validation-symbols-example.ts +++ b/packages/docs-examples/components/timepicker/timepicker-validation-symbols/timepicker-validation-symbols-example.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { FormsModule } from '@angular/forms'; import { LuxonDateModule } from '@koobiq/angular-luxon-adapter/adapter'; import { DateAdapter } from '@koobiq/components/core'; @@ -12,6 +12,7 @@ import { DateTime } from 'luxon'; * @title Timepicker validation symbols */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'timepicker-validation-symbols-example', imports: [KbqFormFieldModule, KbqToolTipModule, KbqIconModule, FormsModule, KbqTimepickerModule, LuxonDateModule], diff --git a/packages/docs-examples/components/timepicker/timepicker-variations/timepicker-variations-example.ts b/packages/docs-examples/components/timepicker/timepicker-variations/timepicker-variations-example.ts index 4b757b101..0291a5ead 100644 --- a/packages/docs-examples/components/timepicker/timepicker-variations/timepicker-variations-example.ts +++ b/packages/docs-examples/components/timepicker/timepicker-variations/timepicker-variations-example.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { FormsModule } from '@angular/forms'; import { LuxonDateModule } from '@koobiq/angular-luxon-adapter/adapter'; import { DateAdapter } from '@koobiq/components/core'; @@ -13,6 +13,7 @@ import { DateTime } from 'luxon'; * @title Timepicker variations */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'timepicker-variations-example', templateUrl: 'timepicker-variations-example.html', diff --git a/packages/docs-examples/components/timezone/timezone-overview/timezone-overview-example.ts b/packages/docs-examples/components/timezone/timezone-overview/timezone-overview-example.ts index ca797e4bf..39a96a2f7 100644 --- a/packages/docs-examples/components/timezone/timezone-overview/timezone-overview-example.ts +++ b/packages/docs-examples/components/timezone/timezone-overview/timezone-overview-example.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { KbqOptionModule } from '@koobiq/components/core'; import { KbqFormFieldModule } from '@koobiq/components/form-field'; import { @@ -13,6 +13,7 @@ import { timezones } from '../mock'; * @title Timezone */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'timezone-overview-example', imports: [KbqFormFieldModule, KbqTimezoneModule, KbqOptionModule], diff --git a/packages/docs-examples/components/timezone/timezone-search-overview/timezone-search-overview-example.ts b/packages/docs-examples/components/timezone/timezone-search-overview/timezone-search-overview-example.ts index b69ade90e..e043c98a0 100644 --- a/packages/docs-examples/components/timezone/timezone-search-overview/timezone-search-overview-example.ts +++ b/packages/docs-examples/components/timezone/timezone-search-overview/timezone-search-overview-example.ts @@ -1,5 +1,5 @@ import { AsyncPipe } from '@angular/common'; -import { Component, OnInit } from '@angular/core'; +import { ChangeDetectionStrategy, Component, OnInit } from '@angular/core'; import { FormControl, ReactiveFormsModule } from '@angular/forms'; import { KbqOptionModule } from '@koobiq/components/core'; import { KbqFormFieldModule } from '@koobiq/components/form-field'; @@ -21,6 +21,7 @@ import { timezones } from '../mock'; * @title Timezone search */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'timezone-search-overview-example', imports: [ diff --git a/packages/docs-examples/components/timezone/timezone-trigger-overview/timezone-trigger-overview-example.ts b/packages/docs-examples/components/timezone/timezone-trigger-overview/timezone-trigger-overview-example.ts index 944dd3898..89c326820 100644 --- a/packages/docs-examples/components/timezone/timezone-trigger-overview/timezone-trigger-overview-example.ts +++ b/packages/docs-examples/components/timezone/timezone-trigger-overview/timezone-trigger-overview-example.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { KbqOptionModule } from '@koobiq/components/core'; import { KbqFormFieldModule } from '@koobiq/components/form-field'; import { KbqIconModule } from '@koobiq/components/icon'; @@ -14,6 +14,7 @@ import { timezones } from '../mock'; * @title Timezone trigger */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'timezone-trigger-overview-example', imports: [KbqFormFieldModule, KbqTimezoneModule, KbqOptionModule, KbqIconModule], diff --git a/packages/docs-examples/components/toggle/toggle-disabled/toggle-disabled-example.ts b/packages/docs-examples/components/toggle/toggle-disabled/toggle-disabled-example.ts index d3dcb2d7f..0ec06ec6a 100644 --- a/packages/docs-examples/components/toggle/toggle-disabled/toggle-disabled-example.ts +++ b/packages/docs-examples/components/toggle/toggle-disabled/toggle-disabled-example.ts @@ -1,10 +1,11 @@ -import { Component, signal } from '@angular/core'; +import { ChangeDetectionStrategy, Component, signal } from '@angular/core'; import { KbqToggleModule } from '@koobiq/components/toggle'; /** * @title Toggle Disabled */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'toggle-disabled-example', imports: [KbqToggleModule], diff --git a/packages/docs-examples/components/toggle/toggle-error/toggle-error-example.ts b/packages/docs-examples/components/toggle/toggle-error/toggle-error-example.ts index 84a577b9c..31580dbbd 100644 --- a/packages/docs-examples/components/toggle/toggle-error/toggle-error-example.ts +++ b/packages/docs-examples/components/toggle/toggle-error/toggle-error-example.ts @@ -1,4 +1,4 @@ -import { Component, signal } from '@angular/core'; +import { ChangeDetectionStrategy, Component, signal } from '@angular/core'; import { ThemePalette } from '@koobiq/components/core'; import { KbqToggleModule } from '@koobiq/components/toggle'; @@ -6,6 +6,7 @@ import { KbqToggleModule } from '@koobiq/components/toggle'; * @title Toggle Error */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'toggle-error-example', imports: [KbqToggleModule], diff --git a/packages/docs-examples/components/toggle/toggle-overview/toggle-overview-example.ts b/packages/docs-examples/components/toggle/toggle-overview/toggle-overview-example.ts index 951b99ef2..5001b469e 100644 --- a/packages/docs-examples/components/toggle/toggle-overview/toggle-overview-example.ts +++ b/packages/docs-examples/components/toggle/toggle-overview/toggle-overview-example.ts @@ -1,10 +1,11 @@ -import { Component, signal } from '@angular/core'; +import { ChangeDetectionStrategy, Component, signal } from '@angular/core'; import { KbqToggleModule } from '@koobiq/components/toggle'; /** * @title Toggle */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'toggle-overview-example', imports: [KbqToggleModule], diff --git a/packages/docs-examples/components/tooltip/tooltip-arrow-and-offset/tooltip-arrow-and-offset-example.ts b/packages/docs-examples/components/tooltip/tooltip-arrow-and-offset/tooltip-arrow-and-offset-example.ts index 0b9c41d61..6ff320137 100644 --- a/packages/docs-examples/components/tooltip/tooltip-arrow-and-offset/tooltip-arrow-and-offset-example.ts +++ b/packages/docs-examples/components/tooltip/tooltip-arrow-and-offset/tooltip-arrow-and-offset-example.ts @@ -1,4 +1,4 @@ -import { AfterViewInit, Component, ViewChild } from '@angular/core'; +import { AfterViewInit, ChangeDetectionStrategy, Component, ViewChild } from '@angular/core'; import { FormsModule } from '@angular/forms'; import { KbqButtonModule } from '@koobiq/components/button'; import { KbqButtonToggleGroup, KbqButtonToggleModule } from '@koobiq/components/button-toggle'; @@ -10,6 +10,7 @@ import { KbqToolTipModule } from '@koobiq/components/tooltip'; * @title Tooltip arrow and offset example */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'tooltip-arrow-and-offset-example', imports: [ diff --git a/packages/docs-examples/components/tooltip/tooltip-extended/tooltip-extended-example.ts b/packages/docs-examples/components/tooltip/tooltip-extended/tooltip-extended-example.ts index 85734b874..d64004261 100644 --- a/packages/docs-examples/components/tooltip/tooltip-extended/tooltip-extended-example.ts +++ b/packages/docs-examples/components/tooltip/tooltip-extended/tooltip-extended-example.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { KbqButtonModule } from '@koobiq/components/button'; import { KbqToolTipModule } from '@koobiq/components/tooltip'; @@ -6,6 +6,7 @@ import { KbqToolTipModule } from '@koobiq/components/tooltip'; * @title Tooltip extended */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'tooltip-extended-example', styles: ` diff --git a/packages/docs-examples/components/tooltip/tooltip-long/tooltip-long-example.ts b/packages/docs-examples/components/tooltip/tooltip-long/tooltip-long-example.ts index 5e913e47b..322e609ff 100644 --- a/packages/docs-examples/components/tooltip/tooltip-long/tooltip-long-example.ts +++ b/packages/docs-examples/components/tooltip/tooltip-long/tooltip-long-example.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { KbqButtonModule } from '@koobiq/components/button'; import { KbqToolTipModule } from '@koobiq/components/tooltip'; @@ -6,6 +6,7 @@ import { KbqToolTipModule } from '@koobiq/components/tooltip'; * @title Tooltip long */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'tooltip-long-example', styles: ` diff --git a/packages/docs-examples/components/tooltip/tooltip-multiple-lines/tooltip-multiple-lines-example.ts b/packages/docs-examples/components/tooltip/tooltip-multiple-lines/tooltip-multiple-lines-example.ts index fe1ec3041..a20f40f40 100644 --- a/packages/docs-examples/components/tooltip/tooltip-multiple-lines/tooltip-multiple-lines-example.ts +++ b/packages/docs-examples/components/tooltip/tooltip-multiple-lines/tooltip-multiple-lines-example.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { KbqButtonModule } from '@koobiq/components/button'; import { PopUpPlacements } from '@koobiq/components/core'; import { KbqToolTipModule } from '@koobiq/components/tooltip'; @@ -7,6 +7,7 @@ import { KbqToolTipModule } from '@koobiq/components/tooltip'; * @title Tooltip multiple lines */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'tooltip-multiple-lines-example', imports: [ diff --git a/packages/docs-examples/components/tooltip/tooltip-overview/tooltip-overview-example.ts b/packages/docs-examples/components/tooltip/tooltip-overview/tooltip-overview-example.ts index 7a3bd1576..e0da8f742 100644 --- a/packages/docs-examples/components/tooltip/tooltip-overview/tooltip-overview-example.ts +++ b/packages/docs-examples/components/tooltip/tooltip-overview/tooltip-overview-example.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { KbqButtonModule } from '@koobiq/components/button'; import { PopUpPlacements } from '@koobiq/components/core'; import { KbqToolTipModule } from '@koobiq/components/tooltip'; @@ -7,6 +7,7 @@ import { KbqToolTipModule } from '@koobiq/components/tooltip'; * @title Tooltip */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'tooltip-overview-example', imports: [ diff --git a/packages/docs-examples/components/tooltip/tooltip-placement-center/tooltip-placement-center-example.ts b/packages/docs-examples/components/tooltip/tooltip-placement-center/tooltip-placement-center-example.ts index 69c0fe837..a7b266c69 100644 --- a/packages/docs-examples/components/tooltip/tooltip-placement-center/tooltip-placement-center-example.ts +++ b/packages/docs-examples/components/tooltip/tooltip-placement-center/tooltip-placement-center-example.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { PopUpPlacements } from '@koobiq/components/core'; import { KbqToolTipModule } from '@koobiq/components/tooltip'; @@ -6,6 +6,7 @@ import { KbqToolTipModule } from '@koobiq/components/tooltip'; * @title Tooltip placement center */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'tooltip-placement-center-example', styleUrls: ['tooltip-placement-center-example.css'], diff --git a/packages/docs-examples/components/tooltip/tooltip-placement-edges/tooltip-placement-edges-example.ts b/packages/docs-examples/components/tooltip/tooltip-placement-edges/tooltip-placement-edges-example.ts index ba6fd3a78..c004f69c8 100644 --- a/packages/docs-examples/components/tooltip/tooltip-placement-edges/tooltip-placement-edges-example.ts +++ b/packages/docs-examples/components/tooltip/tooltip-placement-edges/tooltip-placement-edges-example.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { PopUpPlacements } from '@koobiq/components/core'; import { KbqToolTipModule } from '@koobiq/components/tooltip'; @@ -6,6 +6,7 @@ import { KbqToolTipModule } from '@koobiq/components/tooltip'; * @title Tooltip placement edges */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'tooltip-placement-edges-example', styleUrls: ['tooltip-placement-edges-example.css'], diff --git a/packages/docs-examples/components/tooltip/tooltip-relative-to-pointer/tooltip-relative-to-pointer-example.ts b/packages/docs-examples/components/tooltip/tooltip-relative-to-pointer/tooltip-relative-to-pointer-example.ts index 0cd4fb1c3..2e8433b62 100644 --- a/packages/docs-examples/components/tooltip/tooltip-relative-to-pointer/tooltip-relative-to-pointer-example.ts +++ b/packages/docs-examples/components/tooltip/tooltip-relative-to-pointer/tooltip-relative-to-pointer-example.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { KbqButtonModule } from '@koobiq/components/button'; import { KbqToolTipModule } from '@koobiq/components/tooltip'; @@ -6,6 +6,7 @@ import { KbqToolTipModule } from '@koobiq/components/tooltip'; * @title Tooltip relative to pointer */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'tooltip-relative-to-pointer-example', imports: [ diff --git a/packages/docs-examples/components/tooltip/tooltip-style/tooltip-style-example.ts b/packages/docs-examples/components/tooltip/tooltip-style/tooltip-style-example.ts index 0d8c00a27..dd3e5d12f 100644 --- a/packages/docs-examples/components/tooltip/tooltip-style/tooltip-style-example.ts +++ b/packages/docs-examples/components/tooltip/tooltip-style/tooltip-style-example.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { KbqButtonModule } from '@koobiq/components/button'; import { KbqComponentColors, PopUpPlacements } from '@koobiq/components/core'; import { KbqToolTipModule } from '@koobiq/components/tooltip'; @@ -7,6 +7,7 @@ import { KbqToolTipModule } from '@koobiq/components/tooltip'; * @title Tooltip style */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'tooltip-style-example', imports: [ diff --git a/packages/docs-examples/components/tree-select/tree-select-child-selection-overview/tree-select-child-selection-overview-example.ts b/packages/docs-examples/components/tree-select/tree-select-child-selection-overview/tree-select-child-selection-overview-example.ts index c98eafd67..aee4e55d6 100644 --- a/packages/docs-examples/components/tree-select/tree-select-child-selection-overview/tree-select-child-selection-overview-example.ts +++ b/packages/docs-examples/components/tree-select/tree-select-child-selection-overview/tree-select-child-selection-overview-example.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild } from '@angular/core'; +import { ChangeDetectionStrategy, Component, ViewChild } from '@angular/core'; import { FormControl, ReactiveFormsModule } from '@angular/forms'; import { KbqFormFieldModule } from '@koobiq/components/form-field'; import { KbqIconModule } from '@koobiq/components/icon'; @@ -108,6 +108,7 @@ export const DATA_OBJECT = { * @title Tree-select child selection */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'tree-select-child-selection-overview-example', imports: [KbqFormFieldModule, ReactiveFormsModule, KbqTreeSelectModule, KbqTreeModule, KbqIconModule], diff --git a/packages/docs-examples/components/tree-select/tree-select-custom-matcher/tree-select-custom-matcher-example.ts b/packages/docs-examples/components/tree-select/tree-select-custom-matcher/tree-select-custom-matcher-example.ts index 44e5096fd..82cc3beed 100644 --- a/packages/docs-examples/components/tree-select/tree-select-custom-matcher/tree-select-custom-matcher-example.ts +++ b/packages/docs-examples/components/tree-select/tree-select-custom-matcher/tree-select-custom-matcher-example.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { FormsModule } from '@angular/forms'; import { KbqButtonModule } from '@koobiq/components/button'; import { KbqIconModule } from '@koobiq/components/icon'; @@ -101,6 +101,7 @@ export const DATA_OBJECT = { * @title tree-select-custom-matcher */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'tree-select-custom-matcher-example', imports: [FormsModule, KbqTreeModule, KbqTreeSelectModule, KbqIconModule, KbqButtonModule], diff --git a/packages/docs-examples/components/tree-select/tree-select-custom-trigger/tree-select-custom-trigger-example.ts b/packages/docs-examples/components/tree-select/tree-select-custom-trigger/tree-select-custom-trigger-example.ts index d0a9cdc37..d6b00dcec 100644 --- a/packages/docs-examples/components/tree-select/tree-select-custom-trigger/tree-select-custom-trigger-example.ts +++ b/packages/docs-examples/components/tree-select/tree-select-custom-trigger/tree-select-custom-trigger-example.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { FormsModule } from '@angular/forms'; import { KbqButtonModule } from '@koobiq/components/button'; import { KbqIconModule } from '@koobiq/components/icon'; @@ -101,6 +101,7 @@ export const DATA_OBJECT = { * @title tree-select-custom-trigger */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'tree-select-custom-trigger-example', imports: [FormsModule, KbqTreeModule, KbqTreeSelectModule, KbqIconModule, KbqButtonModule], diff --git a/packages/docs-examples/components/tree-select/tree-select-footer-overview/tree-select-footer-overview-example.ts b/packages/docs-examples/components/tree-select/tree-select-footer-overview/tree-select-footer-overview-example.ts index e733fe4db..d8a3b7d5e 100644 --- a/packages/docs-examples/components/tree-select/tree-select-footer-overview/tree-select-footer-overview-example.ts +++ b/packages/docs-examples/components/tree-select/tree-select-footer-overview/tree-select-footer-overview-example.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { FormsModule } from '@angular/forms'; import { KbqFormFieldModule } from '@koobiq/components/form-field'; import { KbqIconModule } from '@koobiq/components/icon'; @@ -102,6 +102,7 @@ export const DATA_OBJECT = { * @title Tree-select footer */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'tree-select-footer-overview-example', imports: [KbqFormFieldModule, KbqTreeSelectModule, FormsModule, KbqTreeModule, KbqIconModule, KbqLinkModule], diff --git a/packages/docs-examples/components/tree-select/tree-select-lazyload/tree-select-lazyload-example.ts b/packages/docs-examples/components/tree-select/tree-select-lazyload/tree-select-lazyload-example.ts index 1bdd12fe5..097218e63 100644 --- a/packages/docs-examples/components/tree-select/tree-select-lazyload/tree-select-lazyload-example.ts +++ b/packages/docs-examples/components/tree-select/tree-select-lazyload/tree-select-lazyload-example.ts @@ -1,5 +1,5 @@ import { SelectionChange } from '@angular/cdk/collections'; -import { Component, Injectable } from '@angular/core'; +import { ChangeDetectionStrategy, Component, Injectable } from '@angular/core'; import { FormsModule } from '@angular/forms'; import { KbqFormFieldModule } from '@koobiq/components/form-field'; import { KbqIconModule } from '@koobiq/components/icon'; @@ -166,6 +166,7 @@ export class LazyLoadDataSource extends KbqTreeFlatDataSource { * @title Tree-select lazyload */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'tree-select-lazyload-example', imports: [ diff --git a/packages/docs-examples/components/tree-select/tree-select-multiple-overview/tree-select-multiple-overview-example.ts b/packages/docs-examples/components/tree-select/tree-select-multiple-overview/tree-select-multiple-overview-example.ts index dcc484ed3..18c8c1df9 100644 --- a/packages/docs-examples/components/tree-select/tree-select-multiple-overview/tree-select-multiple-overview-example.ts +++ b/packages/docs-examples/components/tree-select/tree-select-multiple-overview/tree-select-multiple-overview-example.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { FormsModule } from '@angular/forms'; import { KbqFormFieldModule } from '@koobiq/components/form-field'; import { KbqIconModule } from '@koobiq/components/icon'; @@ -101,6 +101,7 @@ export const DATA_OBJECT = { * @title Tree-select multiple */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'tree-select-multiple-overview-example', imports: [ diff --git a/packages/docs-examples/components/tree-select/tree-select-overview/tree-select-overview-example.ts b/packages/docs-examples/components/tree-select/tree-select-overview/tree-select-overview-example.ts index 7b14afab2..c5ae73131 100644 --- a/packages/docs-examples/components/tree-select/tree-select-overview/tree-select-overview-example.ts +++ b/packages/docs-examples/components/tree-select/tree-select-overview/tree-select-overview-example.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { FormsModule } from '@angular/forms'; import { KbqFormFieldModule } from '@koobiq/components/form-field'; import { KbqIconModule } from '@koobiq/components/icon'; @@ -101,6 +101,7 @@ export const DATA_OBJECT = { * @title Tree-select */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'tree-select-overview-example', imports: [KbqFormFieldModule, FormsModule, KbqTreeModule, KbqTreeSelectModule, KbqIconModule], diff --git a/packages/docs-examples/components/tree-select/tree-select-search-overview/tree-select-search-overview-example.ts b/packages/docs-examples/components/tree-select/tree-select-search-overview/tree-select-search-overview-example.ts index 1b2847faa..5490071a9 100644 --- a/packages/docs-examples/components/tree-select/tree-select-search-overview/tree-select-search-overview-example.ts +++ b/packages/docs-examples/components/tree-select/tree-select-search-overview/tree-select-search-overview-example.ts @@ -1,4 +1,4 @@ -import { Component, OnInit } from '@angular/core'; +import { ChangeDetectionStrategy, Component, OnInit } from '@angular/core'; import { FormControl, FormsModule, ReactiveFormsModule } from '@angular/forms'; import { KbqHighlightModule } from '@koobiq/components/core'; import { KbqFormFieldModule } from '@koobiq/components/form-field'; @@ -103,6 +103,7 @@ export const DATA_OBJECT = { * @title Tree-select search */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'tree-select-search-overview-example', imports: [ diff --git a/packages/docs-examples/components/tree/tree-access-rights/tree-access-rights-example.ts b/packages/docs-examples/components/tree/tree-access-rights/tree-access-rights-example.ts index 4cb2af09c..0425328a3 100644 --- a/packages/docs-examples/components/tree/tree-access-rights/tree-access-rights-example.ts +++ b/packages/docs-examples/components/tree/tree-access-rights/tree-access-rights-example.ts @@ -1,4 +1,4 @@ -import { AfterViewInit, Component, OnDestroy, ViewChild } from '@angular/core'; +import { AfterViewInit, ChangeDetectionStrategy, Component, OnDestroy, ViewChild } from '@angular/core'; import { FormsModule } from '@angular/forms'; import { FlatTreeControl, @@ -189,6 +189,7 @@ abstract class TreeParams { * @title Tree access rights */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'tree-access-rights-example', imports: [ diff --git a/packages/docs-examples/components/tree/tree-action-button/tree-action-button-example.ts b/packages/docs-examples/components/tree/tree-action-button/tree-action-button-example.ts index 4badab15e..51b318bbc 100644 --- a/packages/docs-examples/components/tree/tree-action-button/tree-action-button-example.ts +++ b/packages/docs-examples/components/tree/tree-action-button/tree-action-button-example.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { FormsModule } from '@angular/forms'; import { PopUpPlacements } from '@koobiq/components/core'; import { KbqDropdownModule } from '@koobiq/components/dropdown'; @@ -102,6 +102,7 @@ export const DATA_OBJECT = { * @title Tree action button */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'tree-action-button-example', imports: [ diff --git a/packages/docs-examples/components/tree/tree-checked-filtering/tree-checked-filtering-example.ts b/packages/docs-examples/components/tree/tree-checked-filtering/tree-checked-filtering-example.ts index c0edbe50e..6621a9e9b 100644 --- a/packages/docs-examples/components/tree/tree-checked-filtering/tree-checked-filtering-example.ts +++ b/packages/docs-examples/components/tree/tree-checked-filtering/tree-checked-filtering-example.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { FormsModule } from '@angular/forms'; import { KbqButtonToggleChange, KbqButtonToggleModule } from '@koobiq/components/button-toggle'; import { KbqHighlightModule } from '@koobiq/components/core'; @@ -162,6 +162,7 @@ abstract class TreeParams { * @title Tree checked filtering */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'tree-checked-filtering-example', imports: [ diff --git a/packages/docs-examples/components/tree/tree-custom-filtering/tree-custom-filtering-example.ts b/packages/docs-examples/components/tree/tree-custom-filtering/tree-custom-filtering-example.ts index 628909932..95d631be5 100644 --- a/packages/docs-examples/components/tree/tree-custom-filtering/tree-custom-filtering-example.ts +++ b/packages/docs-examples/components/tree/tree-custom-filtering/tree-custom-filtering-example.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { FormsModule } from '@angular/forms'; import { KbqHighlightModule } from '@koobiq/components/core'; import { KbqFormFieldModule } from '@koobiq/components/form-field'; @@ -154,6 +154,7 @@ export class CustomTreeControlFilter implements FlatTreeControlFilter { * @title Tree custom filtering */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'tree-custom-filtering-example', imports: [KbqFormFieldModule, KbqInputModule, FormsModule, KbqTreeModule, KbqHighlightModule], diff --git a/packages/docs-examples/components/tree/tree-descendants-subcategories/tree-descendants-subcategories-example.ts b/packages/docs-examples/components/tree/tree-descendants-subcategories/tree-descendants-subcategories-example.ts index 9d735570c..355269e47 100644 --- a/packages/docs-examples/components/tree/tree-descendants-subcategories/tree-descendants-subcategories-example.ts +++ b/packages/docs-examples/components/tree/tree-descendants-subcategories/tree-descendants-subcategories-example.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild } from '@angular/core'; +import { ChangeDetectionStrategy, Component, ViewChild } from '@angular/core'; import { FormsModule } from '@angular/forms'; import { KbqHighlightModule } from '@koobiq/components/core'; import { @@ -156,6 +156,7 @@ abstract class TreeParams { * @title Tree descendants subcategories */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'tree-descendants-subcategories-example', imports: [ diff --git a/packages/docs-examples/components/tree/tree-filtering/tree-filtering-example.ts b/packages/docs-examples/components/tree/tree-filtering/tree-filtering-example.ts index d7c65b8cf..9d46bb420 100644 --- a/packages/docs-examples/components/tree/tree-filtering/tree-filtering-example.ts +++ b/packages/docs-examples/components/tree/tree-filtering/tree-filtering-example.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { FormsModule } from '@angular/forms'; import { KbqHighlightModule } from '@koobiq/components/core'; import { KbqFormFieldModule } from '@koobiq/components/form-field'; @@ -101,6 +101,7 @@ export const DATA_OBJECT = { * @title Tree filtering */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'tree-filtering-example', imports: [KbqFormFieldModule, KbqInputModule, FormsModule, KbqTreeModule, KbqHighlightModule], diff --git a/packages/docs-examples/components/tree/tree-lazyload/tree-lazyload-example.ts b/packages/docs-examples/components/tree/tree-lazyload/tree-lazyload-example.ts index 14b539aef..2cdc418d8 100644 --- a/packages/docs-examples/components/tree/tree-lazyload/tree-lazyload-example.ts +++ b/packages/docs-examples/components/tree/tree-lazyload/tree-lazyload-example.ts @@ -1,5 +1,5 @@ import { SelectionChange } from '@angular/cdk/collections'; -import { Component, Injectable } from '@angular/core'; +import { ChangeDetectionStrategy, Component, Injectable } from '@angular/core'; import { FormsModule } from '@angular/forms'; import { KbqProgressSpinnerModule } from '@koobiq/components/progress-spinner'; import { FlatTreeControl, KbqTreeFlatDataSource, KbqTreeFlattener, KbqTreeModule } from '@koobiq/components/tree'; @@ -165,6 +165,7 @@ class LazyLoadDataSource extends KbqTreeFlatDataSource { * @title Tree lazyload */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'tree-lazyload-example', template: ` diff --git a/packages/docs-examples/components/tree/tree-multiple-checkbox/tree-multiple-checkbox-example.ts b/packages/docs-examples/components/tree/tree-multiple-checkbox/tree-multiple-checkbox-example.ts index b3d030d61..20ac081e6 100644 --- a/packages/docs-examples/components/tree/tree-multiple-checkbox/tree-multiple-checkbox-example.ts +++ b/packages/docs-examples/components/tree/tree-multiple-checkbox/tree-multiple-checkbox-example.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { FormsModule } from '@angular/forms'; import { KbqIconModule } from '@koobiq/components/icon'; import { FlatTreeControl, KbqTreeFlatDataSource, KbqTreeFlattener, KbqTreeModule } from '@koobiq/components/tree'; @@ -99,6 +99,7 @@ export const DATA_OBJECT = { * @title Tree multiple checkbox */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'tree-multiple-checkbox-example', imports: [ diff --git a/packages/docs-examples/components/tree/tree-multiple-checklist/tree-multiple-checklist-example.ts b/packages/docs-examples/components/tree/tree-multiple-checklist/tree-multiple-checklist-example.ts index 044a57315..f0d9b71df 100644 --- a/packages/docs-examples/components/tree/tree-multiple-checklist/tree-multiple-checklist-example.ts +++ b/packages/docs-examples/components/tree/tree-multiple-checklist/tree-multiple-checklist-example.ts @@ -1,5 +1,5 @@ import { SelectionModel } from '@angular/cdk/collections'; -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { FormsModule } from '@angular/forms'; import { KbqCheckboxModule } from '@koobiq/components/checkbox'; import { FlatTreeControl, KbqTreeFlatDataSource, KbqTreeFlattener, KbqTreeModule } from '@koobiq/components/tree'; @@ -100,6 +100,7 @@ export const DATA_OBJECT = { * @title Tree multiple checklist */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'tree-multiple-checklist-example', imports: [ diff --git a/packages/docs-examples/components/tree/tree-multiple-keyboard/tree-multiple-keyboard-example.ts b/packages/docs-examples/components/tree/tree-multiple-keyboard/tree-multiple-keyboard-example.ts index 55a8600ed..5af43d47f 100644 --- a/packages/docs-examples/components/tree/tree-multiple-keyboard/tree-multiple-keyboard-example.ts +++ b/packages/docs-examples/components/tree/tree-multiple-keyboard/tree-multiple-keyboard-example.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { FormsModule } from '@angular/forms'; import { FlatTreeControl, KbqTreeFlatDataSource, KbqTreeFlattener, KbqTreeModule } from '@koobiq/components/tree'; @@ -98,6 +98,7 @@ export const DATA_OBJECT = { * @title Tree multiple keyboard */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'tree-multiple-keyboard-example', imports: [ diff --git a/packages/docs-examples/components/tree/tree-overview/tree-overview-example.ts b/packages/docs-examples/components/tree/tree-overview/tree-overview-example.ts index 9fec69f8d..c29cfa55b 100644 --- a/packages/docs-examples/components/tree/tree-overview/tree-overview-example.ts +++ b/packages/docs-examples/components/tree/tree-overview/tree-overview-example.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { FormsModule } from '@angular/forms'; import { FlatTreeControl, KbqTreeFlatDataSource, KbqTreeFlattener, KbqTreeModule } from '@koobiq/components/tree'; @@ -98,6 +98,7 @@ export const DATA_OBJECT = { * @title Tree */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'tree-overview-example', imports: [ diff --git a/packages/docs-examples/components/validation/validation-composite/validation-composite-example.ts b/packages/docs-examples/components/validation/validation-composite/validation-composite-example.ts index c725d77a5..c3e1a3bba 100644 --- a/packages/docs-examples/components/validation/validation-composite/validation-composite-example.ts +++ b/packages/docs-examples/components/validation/validation-composite/validation-composite-example.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild } from '@angular/core'; +import { ChangeDetectionStrategy, Component, ViewChild } from '@angular/core'; import { AbstractControl, FormControl, @@ -49,6 +49,7 @@ const IP_PATTERN = * @title Validation composite */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'validation-composite-example', templateUrl: 'validation-composite-example.html', diff --git a/packages/docs-examples/components/validation/validation-global-one-required/validation-global-one-required-example.ts b/packages/docs-examples/components/validation/validation-global-one-required/validation-global-one-required-example.ts index b25b21459..1d08e4d5a 100644 --- a/packages/docs-examples/components/validation/validation-global-one-required/validation-global-one-required-example.ts +++ b/packages/docs-examples/components/validation/validation-global-one-required/validation-global-one-required-example.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { FormControl, FormGroup } from '@angular/forms'; import { KbqAlertModule } from '@koobiq/components/alert'; import { KbqButtonModule } from '@koobiq/components/button'; @@ -11,6 +11,7 @@ import { KbqInputModule } from '@koobiq/components/input'; * @title Validation global one required */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'validation-global-one-required-example', templateUrl: 'validation-global-one-required-example.html', diff --git a/packages/docs-examples/components/validation/validation-global/validation-global-example.ts b/packages/docs-examples/components/validation/validation-global/validation-global-example.ts index 13f29b8c9..1bfde271b 100644 --- a/packages/docs-examples/components/validation/validation-global/validation-global-example.ts +++ b/packages/docs-examples/components/validation/validation-global/validation-global-example.ts @@ -1,4 +1,4 @@ -import { Component, ElementRef, ViewChild } from '@angular/core'; +import { ChangeDetectionStrategy, Component, ElementRef, ViewChild } from '@angular/core'; import { FormControl, FormGroup, ReactiveFormsModule } from '@angular/forms'; import { KbqAlertModule } from '@koobiq/components/alert'; import { KbqButtonModule } from '@koobiq/components/button'; @@ -11,6 +11,7 @@ import { KbqInputModule } from '@koobiq/components/input'; * @title Validation global */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'validation-global-example', templateUrl: 'validation-global-example.html', diff --git a/packages/docs-examples/components/validation/validation-on-blur/validation-on-blur-example.ts b/packages/docs-examples/components/validation/validation-on-blur/validation-on-blur-example.ts index 41c942eed..3acce335c 100644 --- a/packages/docs-examples/components/validation/validation-on-blur/validation-on-blur-example.ts +++ b/packages/docs-examples/components/validation/validation-on-blur/validation-on-blur-example.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { FormControl, ReactiveFormsModule, Validators } from '@angular/forms'; import { KbqFormsModule, ThemePalette } from '@koobiq/components/core'; import { KbqFormFieldModule } from '@koobiq/components/form-field'; @@ -11,6 +11,7 @@ const IP_PATTERN = * @title Validation on blur */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'validation-on-blur-example', imports: [ diff --git a/packages/docs-examples/components/validation/validation-on-type/validation-on-type-example.ts b/packages/docs-examples/components/validation/validation-on-type/validation-on-type-example.ts index c0474c031..34056beb0 100644 --- a/packages/docs-examples/components/validation/validation-on-type/validation-on-type-example.ts +++ b/packages/docs-examples/components/validation/validation-on-type/validation-on-type-example.ts @@ -1,4 +1,4 @@ -import { Component, ViewChild } from '@angular/core'; +import { ChangeDetectionStrategy, Component, ViewChild } from '@angular/core'; import { FormControl, FormGroup, ReactiveFormsModule } from '@angular/forms'; import { KbqFormsModule, PopUpPlacements } from '@koobiq/components/core'; import { KbqFormFieldModule } from '@koobiq/components/form-field'; @@ -9,6 +9,7 @@ import { KbqToolTipModule } from '@koobiq/components/tooltip'; * @title Validation on type */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'validation-on-type-example', imports: [ diff --git a/packages/docs-examples/components/validation/validation-overview/validation-overview-example.ts b/packages/docs-examples/components/validation/validation-overview/validation-overview-example.ts index f3a5a849c..1dc4a9882 100644 --- a/packages/docs-examples/components/validation/validation-overview/validation-overview-example.ts +++ b/packages/docs-examples/components/validation/validation-overview/validation-overview-example.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { FormControl, FormGroup, ReactiveFormsModule, Validators } from '@angular/forms'; import { KbqButtonModule } from '@koobiq/components/button'; import { KbqFormsModule } from '@koobiq/components/core'; @@ -11,6 +11,7 @@ import { KbqTextareaModule } from '@koobiq/components/textarea'; * @title Validation */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'validation-overview-example', templateUrl: 'validation-overview-example.html', diff --git a/packages/docs-examples/components/validation/validation-small/validation-small-example.ts b/packages/docs-examples/components/validation/validation-small/validation-small-example.ts index 562747e54..4e3d64a71 100644 --- a/packages/docs-examples/components/validation/validation-small/validation-small-example.ts +++ b/packages/docs-examples/components/validation/validation-small/validation-small-example.ts @@ -1,4 +1,4 @@ -import { Component } from '@angular/core'; +import { ChangeDetectionStrategy, Component } from '@angular/core'; import { AbstractControl, FormControl, @@ -23,6 +23,7 @@ function emptyFormValidator(): ValidatorFn { * @title Validation small */ @Component({ + changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, selector: 'validation-small-example', templateUrl: 'validation-small-example.html',