@alfresco/adf-core 8.3.0 → 8.3.1

package/fesm2022/alfresco-adf-core-feature-flags.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, Input, Inject, ChangeDetectionStrategy, ViewEncapsulation, Component, Directive, inject, Injectable, Optional, provideAppInitializer } from '@angular/core';
+import { InjectionToken, inject, ChangeDetectorRef, Input, ChangeDetectionStrategy, ViewEncapsulation, Component, TemplateRef, ViewContainerRef, Directive, Injectable, ApplicationRef, provideAppInitializer } from '@angular/core';
 import * as i1 from '@angular/common';
 import { CommonModule, DOCUMENT } from '@angular/common';
 import { BehaviorSubject, combineLatest, of } from 'rxjs';
@@ -10,18 +10,19 @@ import * as i4 from '@angular/material/slide-toggle';
 import { MatSlideToggleModule } from '@angular/material/slide-toggle';
 import * as i5 from '@angular/material/toolbar';
 import { MatToolbarModule } from '@angular/material/toolbar';
-import * as i6 from '@angular/material/icon';
-import { MatIconModule } from '@angular/material/icon';
-import * as i7 from '@angular/material/button';
+import * as i8 from '@angular/material/button';
 import { MatButtonModule } from '@angular/material/button';
-import * as i8 from '@angular/material/input';
+import * as i9 from '@angular/material/input';
 import { MatInputModule } from '@angular/material/input';
 import * as i2 from '@angular/forms';
 import { FormsModule } from '@angular/forms';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
-import * as i9 from '@angular/material/dialog';
+import * as i10 from '@angular/material/dialog';
 import { MatDialogModule } from '@angular/material/dialog';
 import { TranslatePipe } from '@ngx-translate/core';
+import * as i7 from '@alfresco/adf-core';
+import { IconModule } from '@alfresco/adf-core';
+import * as i6 from '@angular/material/icon';
 
 /*!
  * @license
@@ -63,10 +64,11 @@ const FlagsOverrideToken = new InjectionToken('FlagsOverrideToken');
  * limitations under the License.
  */
 class FlagsOverrideComponent {
-    constructor(featuresService, changeDetectorRef) {
-        this.featuresService = featuresService;
+    constructor() {
+        this.featuresService = inject(FeaturesServiceToken);
         this.isEnabled = false;
         this.size = 'medium';
+        const changeDetectorRef = inject(ChangeDetectorRef);
         if (this.featuresService.isEnabled$) {
             this.featuresService
                 .isEnabled$()
@@ -77,22 +79,19 @@ class FlagsOverrideComponent {
             });
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: FlagsOverrideComponent, deps: [{ token: FeaturesServiceToken }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: FlagsOverrideComponent, isStandalone: true, selector: "adf-feature-flags-override-indicator", inputs: { size: "size" }, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: FlagsOverrideComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.19", type: FlagsOverrideComponent, isStandalone: true, selector: "adf-feature-flags-override-indicator", inputs: { size: "size" }, ngImport: i0, template: `
         <span [ngClass]="['activity-indicator', size]" *ngIf="isEnabled; else inActive">🟢</span>
         <ng-template #inActive><span [ngClass]="['activity-indicator', size]">🔴</span></ng-template>
     `, isInline: true, styles: [".adf-activity-indicator{font-size:.885rem}\n", ".adf-activity-indicator .small{font-size:.7rem}\n", ".adf-activity-indicator .large{font-size:1.2rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: FlagsOverrideComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: FlagsOverrideComponent, decorators: [{
             type: Component,
             args: [{ selector: 'adf-feature-flags-override-indicator', imports: [CommonModule], template: `
         <span [ngClass]="['activity-indicator', size]" *ngIf="isEnabled; else inActive">🟢</span>
         <ng-template #inActive><span [ngClass]="['activity-indicator', size]">🔴</span></ng-template>
     `, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, styles: [".adf-activity-indicator{font-size:.885rem}\n", ".adf-activity-indicator .small{font-size:.7rem}\n", ".adf-activity-indicator .large{font-size:1.2rem}\n"] }]
-        }], ctorParameters: () => [{ type: undefined, decorators: [{
-                    type: Inject,
-                    args: [FeaturesServiceToken]
-                }] }, { type: i0.ChangeDetectorRef }], propDecorators: { size: [{
+        }], ctorParameters: () => [], propDecorators: { size: [{
                 type: Input
             }] } });
 
@@ -113,9 +112,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
  * limitations under the License.
  */
 class FlagsComponent {
-    constructor(featuresService, writableFeaturesService) {
-        this.featuresService = featuresService;
-        this.writableFeaturesService = writableFeaturesService;
+    constructor() {
+        this.featuresService = inject(FeaturesServiceToken);
+        this.writableFeaturesService = inject(WritableFeaturesServiceToken);
         this.displayedColumns = ['icon', 'flag', 'value'];
         this.isEnabled = false;
         this.inputValue = '';
@@ -172,10 +171,10 @@ class FlagsComponent {
     onDelete(flag) {
         this.writableFeaturesService.removeFlag(flag);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: FlagsComponent, deps: [{ token: FeaturesServiceToken }, { token: WritableFeaturesServiceToken }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: FlagsComponent, isStandalone: true, selector: "adf-feature-flags-overrides", ngImport: i0, template: "<mat-toolbar class=\"adf-feature-flags-overrides-header\">\n  <div class=\"adf-feature-flags-overrides-header-text\" tabindex=\"0\">\n    <adf-feature-flags-override-indicator\n      class=\"adf-activity-indicator\"\n      size='large' />\n    <span>{{ \"CORE.FEATURE-FLAGS.OVERRIDES\" | translate }}</span>\n  </div>\n  <mat-slide-toggle\n    [checked]=\"isEnabled\"\n    (change)=\"onEnable($event.checked)\" />\n  <button\n    class=\"adf-feature-flags-overrides-header-close\"\n    mat-icon-button\n    mat-dialog-close>\n        <mat-icon>close</mat-icon>\n  </button>\n</mat-toolbar>\n\n<ng-container *ngIf=\"flags$ | async as flags\">\n  <table mat-table [dataSource]=\"flags\" class=\"adf-feature-flags-overrides-table mat-elevation-z0\">\n    <ng-container matColumnDef=\"icon\">\n      <th mat-header-cell class=\"adf-icon-col adf-header-cell\" *matHeaderCellDef>\n        <mat-icon class=\"material-icons-outlined adf-search-icon\">search</mat-icon>\n      </th>\n      <td mat-cell class=\"adf-icon-col\" *matCellDef=\"let element\">\n        <button mat-icon-button *ngIf=\"element.fictive; else flagFromApi\" class=\"adf-fictive-flag-button\" (click)=\"onDelete(element.flag)\">\n          <mat-icon class=\"material-icons-outlined adf-custom-flag-icon\" fontIcon=\"memory\" />\n          <mat-icon class=\"material-icons-outlined adf-trash-icon\" fontIcon=\"delete\" />\n        </button>\n      </td>\n    </ng-container>\n\n    <ng-container matColumnDef=\"flag\">\n      <th mat-header-cell class=\"flag-col header-cell\" *matHeaderCellDef>\n        <mat-form-field class=\"adf-flag-form-field\" appearance=\"fill\" floatLabel=\"auto\">\n          <input class=\"flag-input\" [placeholder]=\"(isEnabled ? 'CORE.FEATURE-FLAGS.FILTER_OR_ADD_NEW' : 'CORE.FEATURE-FLAGS.FILTER') | translate\" matInput type=\"text\" [(ngModel)]=\"inputValue\" (keyup)=\"onInputChange(inputValue)\" (keypress)=\"onAdd($event)\">\n        </mat-form-field>\n      </th>\n      <td mat-cell class=\"flag-col\" *matCellDef=\"let element\">{{ element.flag }}</td>\n    </ng-container>\n\n    <ng-container matColumnDef=\"value\">\n      <th mat-header-cell class=\"adf-val-col header-cell\" *matHeaderCellDef>\n        <div class=\"adf-input-field-buttons-container\">\n          <button *ngIf=\"showPlusButton$ | async\" mat-icon-button title=\"{{'CORE.FEATURE-FLAGS.ADD_NEW' | translate}}\" color=\"accent\" (click)=\"onAddButtonClick()\">\n            <mat-icon class=\"material-icons-outlined\" fontIcon=\"add_circle\" />\n          </button>\n          <button *ngIf=\"inputValue\" matSuffix mat-icon-button aria-label=\"Clear\" (click)=\"onClearInput()\" class=\"adf-clear-button\">\n            <mat-icon>cancel</mat-icon>\n          </button>\n        </div>\n      </th>\n      <td mat-cell class=\"adf-val-col\" *matCellDef=\"let element\">\n        <mat-slide-toggle\n          [checked]=\"element.value\"\n          (change)=\"onChange(element.flag, $event.checked)\"\n          [disabled]=\"!isEnabled\" />\n      </td>\n    </ng-container>\n\n    <tr mat-header-row *matHeaderRowDef=\"displayedColumns; sticky: true\"></tr>\n    <tr mat-row *matRowDef=\"let row; columns: displayedColumns\"></tr>\n  </table>\n</ng-container>\n\n<ng-template #flagFromApi>\n  <mat-icon class=\"material-icons-outlined\">cloud</mat-icon>\n</ng-template>\n\n", styles: [".adf-feature-flags-overrides-header{position:sticky;top:0;height:64px;z-index:101;display:flex}.adf-feature-flags-overrides-header .adf-activity-indicator{margin-right:12px;position:relative;top:-2px}.adf-feature-flags-overrides-header-text{flex:1}.adf-feature-flags-overrides-header-close{margin-left:12px}.adf-feature-flags-overrides-table{width:100%}.adf-feature-flags-overrides-table .adf-search-icon{position:relative;top:4px}.adf-feature-flags-overrides-table .adf-flag-form-field{width:100%;display:flex}.adf-feature-flags-overrides-table .adf-flag-form-field .mat-mdc-form-field-subscript-wrapper,.adf-feature-flags-overrides-table .adf-flag-form-field .mdc-line-ripple{display:none}.adf-feature-flags-overrides-table .adf-input-field-buttons-container{display:flex;justify-content:flex-end}.adf-feature-flags-overrides-table .adf-clear-button{margin-left:-14px}.adf-feature-flags-overrides-table .adf-fictive-flag-button{margin-left:-12px}.adf-feature-flags-overrides-table .adf-fictive-flag-button .adf-custom-flag-icon{display:block}.adf-feature-flags-overrides-table .adf-fictive-flag-button .adf-trash-icon,.adf-feature-flags-overrides-table .adf-fictive-flag-button:hover .adf-custom-flag-icon{display:none}.adf-feature-flags-overrides-table .adf-fictive-flag-button:hover .adf-trash-icon{display:block}.adf-feature-flags-overrides-table .adf-icon-col{width:56px;padding-left:24px}.adf-feature-flags-overrides-table .adf-val-col{width:85px}\n"], dependencies: [{ kind: "component", type: FlagsOverrideComponent, selector: "adf-feature-flags-override-indicator", inputs: ["size"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: MatTableModule }, { kind: "component", type: i3.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i3.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i3.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i3.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i3.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i3.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i3.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i3.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i3.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i3.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "ngmodule", type: MatSlideToggleModule }, { kind: "component", type: i4.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["name", "id", "labelPosition", "aria-label", "aria-labelledby", "aria-describedby", "required", "color", "disabled", "disableRipple", "tabIndex", "checked", "hideIcon", "disabledInteractive"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }, { kind: "ngmodule", type: MatToolbarModule }, { kind: "component", type: i5.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i6.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i7.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i8.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "component", type: i8.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i8.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i9.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: FlagsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.19", type: FlagsComponent, isStandalone: true, selector: "adf-feature-flags-overrides", ngImport: i0, template: "<mat-toolbar class=\"adf-feature-flags-overrides-header\">\n  <div class=\"adf-feature-flags-overrides-header-text\" tabindex=\"0\">\n    <adf-feature-flags-override-indicator\n      class=\"adf-activity-indicator\"\n      size='large' />\n    <span>{{ \"CORE.FEATURE-FLAGS.OVERRIDES\" | translate }}</span>\n  </div>\n  <mat-slide-toggle\n    [checked]=\"isEnabled\"\n    (change)=\"onEnable($event.checked)\" />\n  <button class=\"adf-feature-flags-overrides-header-close\" mat-icon-button mat-dialog-close>\n    <mat-icon adf-icon=\"close\" />\n  </button>\n</mat-toolbar>\n\n<ng-container *ngIf=\"flags$ | async as flags\">\n  <table mat-table [dataSource]=\"flags\" class=\"adf-feature-flags-overrides-table mat-elevation-z0\">\n    <ng-container matColumnDef=\"icon\">\n      <th mat-header-cell class=\"adf-icon-col adf-header-cell\" *matHeaderCellDef>\n        <mat-icon class=\"material-icons-outlined adf-search-icon\" adf-icon=\"search\" />\n      </th>\n      <td mat-cell class=\"adf-icon-col\" *matCellDef=\"let element\">\n        <button mat-icon-button *ngIf=\"element.fictive; else flagFromApi\" class=\"adf-fictive-flag-button\" (click)=\"onDelete(element.flag)\">\n          <mat-icon class=\"material-icons-outlined adf-custom-flag-icon\" adf-icon=\"memory\" />\n          <mat-icon class=\"material-icons-outlined adf-trash-icon\" adf-icon=\"delete\" />\n        </button>\n      </td>\n    </ng-container>\n\n    <ng-container matColumnDef=\"flag\">\n      <th mat-header-cell class=\"flag-col header-cell\" *matHeaderCellDef>\n        <mat-form-field class=\"adf-flag-form-field\" appearance=\"fill\" floatLabel=\"auto\">\n          <input class=\"flag-input\" [placeholder]=\"(isEnabled ? 'CORE.FEATURE-FLAGS.FILTER_OR_ADD_NEW' : 'CORE.FEATURE-FLAGS.FILTER') | translate\" matInput type=\"text\" [(ngModel)]=\"inputValue\" (keyup)=\"onInputChange(inputValue)\" (keypress)=\"onAdd($event)\">\n        </mat-form-field>\n      </th>\n      <td mat-cell class=\"flag-col\" *matCellDef=\"let element\">{{ element.flag }}</td>\n    </ng-container>\n\n    <ng-container matColumnDef=\"value\">\n      <th mat-header-cell class=\"adf-val-col header-cell\" *matHeaderCellDef>\n        <div class=\"adf-input-field-buttons-container\">\n          <button *ngIf=\"showPlusButton$ | async\" mat-icon-button title=\"{{'CORE.FEATURE-FLAGS.ADD_NEW' | translate}}\" color=\"accent\" (click)=\"onAddButtonClick()\">\n            <mat-icon class=\"material-icons-outlined\" adf-icon=\"add_circle\" />\n          </button>\n          <button *ngIf=\"inputValue\" matSuffix mat-icon-button aria-label=\"Clear\" (click)=\"onClearInput()\" class=\"adf-clear-button\">\n            <mat-icon adf-icon=\"cancel\" />\n          </button>\n        </div>\n      </th>\n      <td mat-cell class=\"adf-val-col\" *matCellDef=\"let element\">\n        <mat-slide-toggle\n          [checked]=\"element.value\"\n          (change)=\"onChange(element.flag, $event.checked)\"\n          [disabled]=\"!isEnabled\" />\n      </td>\n    </ng-container>\n\n    <tr mat-header-row *matHeaderRowDef=\"displayedColumns; sticky: true\"></tr>\n    <tr mat-row *matRowDef=\"let row; columns: displayedColumns\"></tr>\n  </table>\n</ng-container>\n\n<ng-template #flagFromApi>\n  <mat-icon class=\"material-icons-outlined\" adf-icon=\"cloud\" />\n</ng-template>\n\n", styles: [".adf-feature-flags-overrides-header{position:sticky;top:0;height:64px;z-index:101;display:flex}.adf-feature-flags-overrides-header .adf-activity-indicator{margin-right:12px;position:relative;top:-2px}.adf-feature-flags-overrides-header-text{flex:1}.adf-feature-flags-overrides-header-close{margin-left:12px}.adf-feature-flags-overrides-table{width:100%}.adf-feature-flags-overrides-table .adf-search-icon{position:relative;top:4px}.adf-feature-flags-overrides-table .adf-flag-form-field{width:100%;display:flex}.adf-feature-flags-overrides-table .adf-flag-form-field .mat-mdc-form-field-subscript-wrapper,.adf-feature-flags-overrides-table .adf-flag-form-field .mdc-line-ripple{display:none}.adf-feature-flags-overrides-table .adf-input-field-buttons-container{display:flex;justify-content:flex-end}.adf-feature-flags-overrides-table .adf-clear-button{margin-left:-14px}.adf-feature-flags-overrides-table .adf-fictive-flag-button{margin-left:-12px}.adf-feature-flags-overrides-table .adf-fictive-flag-button .adf-custom-flag-icon{display:block}.adf-feature-flags-overrides-table .adf-fictive-flag-button .adf-trash-icon,.adf-feature-flags-overrides-table .adf-fictive-flag-button:hover .adf-custom-flag-icon{display:none}.adf-feature-flags-overrides-table .adf-fictive-flag-button:hover .adf-trash-icon{display:block}.adf-feature-flags-overrides-table .adf-icon-col{width:56px;padding-left:24px}.adf-feature-flags-overrides-table .adf-val-col{width:85px}\n"], dependencies: [{ kind: "component", type: FlagsOverrideComponent, selector: "adf-feature-flags-override-indicator", inputs: ["size"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: MatTableModule }, { kind: "component", type: i3.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i3.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i3.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i3.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i3.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i3.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i3.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i3.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i3.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i3.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "ngmodule", type: MatSlideToggleModule }, { kind: "component", type: i4.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["name", "id", "labelPosition", "aria-label", "aria-labelledby", "aria-describedby", "required", "color", "disabled", "disableRipple", "tabIndex", "checked", "hideIcon", "disabledInteractive"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }, { kind: "ngmodule", type: MatToolbarModule }, { kind: "component", type: i5.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "ngmodule", type: IconModule }, { kind: "component", type: i6.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i7.IconDirective, selector: "mat-icon[adf-icon]", inputs: ["adf-icon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i8.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i9.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "component", type: i9.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i9.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i10.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: FlagsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: FlagsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'adf-feature-flags-overrides', imports: [
                         FlagsOverrideComponent,
@@ -184,19 +183,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
                         MatTableModule,
                         MatSlideToggleModule,
                         MatToolbarModule,
-                        MatIconModule,
+                        IconModule,
                         MatButtonModule,
                         MatInputModule,
                         MatDialogModule,
                         TranslatePipe
-                    ], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<mat-toolbar class=\"adf-feature-flags-overrides-header\">\n  <div class=\"adf-feature-flags-overrides-header-text\" tabindex=\"0\">\n    <adf-feature-flags-override-indicator\n      class=\"adf-activity-indicator\"\n      size='large' />\n    <span>{{ \"CORE.FEATURE-FLAGS.OVERRIDES\" | translate }}</span>\n  </div>\n  <mat-slide-toggle\n    [checked]=\"isEnabled\"\n    (change)=\"onEnable($event.checked)\" />\n  <button\n    class=\"adf-feature-flags-overrides-header-close\"\n    mat-icon-button\n    mat-dialog-close>\n        <mat-icon>close</mat-icon>\n  </button>\n</mat-toolbar>\n\n<ng-container *ngIf=\"flags$ | async as flags\">\n  <table mat-table [dataSource]=\"flags\" class=\"adf-feature-flags-overrides-table mat-elevation-z0\">\n    <ng-container matColumnDef=\"icon\">\n      <th mat-header-cell class=\"adf-icon-col adf-header-cell\" *matHeaderCellDef>\n        <mat-icon class=\"material-icons-outlined adf-search-icon\">search</mat-icon>\n      </th>\n      <td mat-cell class=\"adf-icon-col\" *matCellDef=\"let element\">\n        <button mat-icon-button *ngIf=\"element.fictive; else flagFromApi\" class=\"adf-fictive-flag-button\" (click)=\"onDelete(element.flag)\">\n          <mat-icon class=\"material-icons-outlined adf-custom-flag-icon\" fontIcon=\"memory\" />\n          <mat-icon class=\"material-icons-outlined adf-trash-icon\" fontIcon=\"delete\" />\n        </button>\n      </td>\n    </ng-container>\n\n    <ng-container matColumnDef=\"flag\">\n      <th mat-header-cell class=\"flag-col header-cell\" *matHeaderCellDef>\n        <mat-form-field class=\"adf-flag-form-field\" appearance=\"fill\" floatLabel=\"auto\">\n          <input class=\"flag-input\" [placeholder]=\"(isEnabled ? 'CORE.FEATURE-FLAGS.FILTER_OR_ADD_NEW' : 'CORE.FEATURE-FLAGS.FILTER') | translate\" matInput type=\"text\" [(ngModel)]=\"inputValue\" (keyup)=\"onInputChange(inputValue)\" (keypress)=\"onAdd($event)\">\n        </mat-form-field>\n      </th>\n      <td mat-cell class=\"flag-col\" *matCellDef=\"let element\">{{ element.flag }}</td>\n    </ng-container>\n\n    <ng-container matColumnDef=\"value\">\n      <th mat-header-cell class=\"adf-val-col header-cell\" *matHeaderCellDef>\n        <div class=\"adf-input-field-buttons-container\">\n          <button *ngIf=\"showPlusButton$ | async\" mat-icon-button title=\"{{'CORE.FEATURE-FLAGS.ADD_NEW' | translate}}\" color=\"accent\" (click)=\"onAddButtonClick()\">\n            <mat-icon class=\"material-icons-outlined\" fontIcon=\"add_circle\" />\n          </button>\n          <button *ngIf=\"inputValue\" matSuffix mat-icon-button aria-label=\"Clear\" (click)=\"onClearInput()\" class=\"adf-clear-button\">\n            <mat-icon>cancel</mat-icon>\n          </button>\n        </div>\n      </th>\n      <td mat-cell class=\"adf-val-col\" *matCellDef=\"let element\">\n        <mat-slide-toggle\n          [checked]=\"element.value\"\n          (change)=\"onChange(element.flag, $event.checked)\"\n          [disabled]=\"!isEnabled\" />\n      </td>\n    </ng-container>\n\n    <tr mat-header-row *matHeaderRowDef=\"displayedColumns; sticky: true\"></tr>\n    <tr mat-row *matRowDef=\"let row; columns: displayedColumns\"></tr>\n  </table>\n</ng-container>\n\n<ng-template #flagFromApi>\n  <mat-icon class=\"material-icons-outlined\">cloud</mat-icon>\n</ng-template>\n\n", styles: [".adf-feature-flags-overrides-header{position:sticky;top:0;height:64px;z-index:101;display:flex}.adf-feature-flags-overrides-header .adf-activity-indicator{margin-right:12px;position:relative;top:-2px}.adf-feature-flags-overrides-header-text{flex:1}.adf-feature-flags-overrides-header-close{margin-left:12px}.adf-feature-flags-overrides-table{width:100%}.adf-feature-flags-overrides-table .adf-search-icon{position:relative;top:4px}.adf-feature-flags-overrides-table .adf-flag-form-field{width:100%;display:flex}.adf-feature-flags-overrides-table .adf-flag-form-field .mat-mdc-form-field-subscript-wrapper,.adf-feature-flags-overrides-table .adf-flag-form-field .mdc-line-ripple{display:none}.adf-feature-flags-overrides-table .adf-input-field-buttons-container{display:flex;justify-content:flex-end}.adf-feature-flags-overrides-table .adf-clear-button{margin-left:-14px}.adf-feature-flags-overrides-table .adf-fictive-flag-button{margin-left:-12px}.adf-feature-flags-overrides-table .adf-fictive-flag-button .adf-custom-flag-icon{display:block}.adf-feature-flags-overrides-table .adf-fictive-flag-button .adf-trash-icon,.adf-feature-flags-overrides-table .adf-fictive-flag-button:hover .adf-custom-flag-icon{display:none}.adf-feature-flags-overrides-table .adf-fictive-flag-button:hover .adf-trash-icon{display:block}.adf-feature-flags-overrides-table .adf-icon-col{width:56px;padding-left:24px}.adf-feature-flags-overrides-table .adf-val-col{width:85px}\n"] }]
-        }], ctorParameters: () => [{ type: undefined, decorators: [{
-                    type: Inject,
-                    args: [FeaturesServiceToken]
-                }] }, { type: undefined, decorators: [{
-                    type: Inject,
-                    args: [WritableFeaturesServiceToken]
-                }] }] });
+                    ], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<mat-toolbar class=\"adf-feature-flags-overrides-header\">\n  <div class=\"adf-feature-flags-overrides-header-text\" tabindex=\"0\">\n    <adf-feature-flags-override-indicator\n      class=\"adf-activity-indicator\"\n      size='large' />\n    <span>{{ \"CORE.FEATURE-FLAGS.OVERRIDES\" | translate }}</span>\n  </div>\n  <mat-slide-toggle\n    [checked]=\"isEnabled\"\n    (change)=\"onEnable($event.checked)\" />\n  <button class=\"adf-feature-flags-overrides-header-close\" mat-icon-button mat-dialog-close>\n    <mat-icon adf-icon=\"close\" />\n  </button>\n</mat-toolbar>\n\n<ng-container *ngIf=\"flags$ | async as flags\">\n  <table mat-table [dataSource]=\"flags\" class=\"adf-feature-flags-overrides-table mat-elevation-z0\">\n    <ng-container matColumnDef=\"icon\">\n      <th mat-header-cell class=\"adf-icon-col adf-header-cell\" *matHeaderCellDef>\n        <mat-icon class=\"material-icons-outlined adf-search-icon\" adf-icon=\"search\" />\n      </th>\n      <td mat-cell class=\"adf-icon-col\" *matCellDef=\"let element\">\n        <button mat-icon-button *ngIf=\"element.fictive; else flagFromApi\" class=\"adf-fictive-flag-button\" (click)=\"onDelete(element.flag)\">\n          <mat-icon class=\"material-icons-outlined adf-custom-flag-icon\" adf-icon=\"memory\" />\n          <mat-icon class=\"material-icons-outlined adf-trash-icon\" adf-icon=\"delete\" />\n        </button>\n      </td>\n    </ng-container>\n\n    <ng-container matColumnDef=\"flag\">\n      <th mat-header-cell class=\"flag-col header-cell\" *matHeaderCellDef>\n        <mat-form-field class=\"adf-flag-form-field\" appearance=\"fill\" floatLabel=\"auto\">\n          <input class=\"flag-input\" [placeholder]=\"(isEnabled ? 'CORE.FEATURE-FLAGS.FILTER_OR_ADD_NEW' : 'CORE.FEATURE-FLAGS.FILTER') | translate\" matInput type=\"text\" [(ngModel)]=\"inputValue\" (keyup)=\"onInputChange(inputValue)\" (keypress)=\"onAdd($event)\">\n        </mat-form-field>\n      </th>\n      <td mat-cell class=\"flag-col\" *matCellDef=\"let element\">{{ element.flag }}</td>\n    </ng-container>\n\n    <ng-container matColumnDef=\"value\">\n      <th mat-header-cell class=\"adf-val-col header-cell\" *matHeaderCellDef>\n        <div class=\"adf-input-field-buttons-container\">\n          <button *ngIf=\"showPlusButton$ | async\" mat-icon-button title=\"{{'CORE.FEATURE-FLAGS.ADD_NEW' | translate}}\" color=\"accent\" (click)=\"onAddButtonClick()\">\n            <mat-icon class=\"material-icons-outlined\" adf-icon=\"add_circle\" />\n          </button>\n          <button *ngIf=\"inputValue\" matSuffix mat-icon-button aria-label=\"Clear\" (click)=\"onClearInput()\" class=\"adf-clear-button\">\n            <mat-icon adf-icon=\"cancel\" />\n          </button>\n        </div>\n      </th>\n      <td mat-cell class=\"adf-val-col\" *matCellDef=\"let element\">\n        <mat-slide-toggle\n          [checked]=\"element.value\"\n          (change)=\"onChange(element.flag, $event.checked)\"\n          [disabled]=\"!isEnabled\" />\n      </td>\n    </ng-container>\n\n    <tr mat-header-row *matHeaderRowDef=\"displayedColumns; sticky: true\"></tr>\n    <tr mat-row *matRowDef=\"let row; columns: displayedColumns\"></tr>\n  </table>\n</ng-container>\n\n<ng-template #flagFromApi>\n  <mat-icon class=\"material-icons-outlined\" adf-icon=\"cloud\" />\n</ng-template>\n\n", styles: [".adf-feature-flags-overrides-header{position:sticky;top:0;height:64px;z-index:101;display:flex}.adf-feature-flags-overrides-header .adf-activity-indicator{margin-right:12px;position:relative;top:-2px}.adf-feature-flags-overrides-header-text{flex:1}.adf-feature-flags-overrides-header-close{margin-left:12px}.adf-feature-flags-overrides-table{width:100%}.adf-feature-flags-overrides-table .adf-search-icon{position:relative;top:4px}.adf-feature-flags-overrides-table .adf-flag-form-field{width:100%;display:flex}.adf-feature-flags-overrides-table .adf-flag-form-field .mat-mdc-form-field-subscript-wrapper,.adf-feature-flags-overrides-table .adf-flag-form-field .mdc-line-ripple{display:none}.adf-feature-flags-overrides-table .adf-input-field-buttons-container{display:flex;justify-content:flex-end}.adf-feature-flags-overrides-table .adf-clear-button{margin-left:-14px}.adf-feature-flags-overrides-table .adf-fictive-flag-button{margin-left:-12px}.adf-feature-flags-overrides-table .adf-fictive-flag-button .adf-custom-flag-icon{display:block}.adf-feature-flags-overrides-table .adf-fictive-flag-button .adf-trash-icon,.adf-feature-flags-overrides-table .adf-fictive-flag-button:hover .adf-custom-flag-icon{display:none}.adf-feature-flags-overrides-table .adf-fictive-flag-button:hover .adf-trash-icon{display:block}.adf-feature-flags-overrides-table .adf-icon-col{width:56px;padding-left:24px}.adf-feature-flags-overrides-table .adf-val-col{width:85px}\n"] }]
+        }], ctorParameters: () => [] });
 
 /*!
  * @license
@@ -215,14 +208,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
  * limitations under the License.
  */
 class FeatureFlagsWrapperComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: FeatureFlagsWrapperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: FeatureFlagsWrapperComponent, isStandalone: true, selector: "adf-feature-flags-wrapper", ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: FeatureFlagsWrapperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.19", type: FeatureFlagsWrapperComponent, isStandalone: true, selector: "adf-feature-flags-wrapper", ngImport: i0, template: `
         <div class="adf-feature-flags-wrapper">
             <adf-feature-flags-overrides />
         </div>
     `, isInline: true, styles: [".adf-feature-flags-wrapper{width:100%;height:100%}\n"], dependencies: [{ kind: "component", type: FlagsComponent, selector: "adf-feature-flags-overrides" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: FeatureFlagsWrapperComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: FeatureFlagsWrapperComponent, decorators: [{
             type: Component,
             args: [{ selector: 'adf-feature-flags-wrapper', imports: [FlagsComponent], template: `
         <div class="adf-feature-flags-wrapper">
@@ -251,10 +244,10 @@ class FeaturesDirective {
     set adfForFeatures(feature) {
         this.inputUpdate$.next(Array.isArray(feature) ? feature : [feature]);
     }
-    constructor(featuresService, templateRef, viewContainer) {
-        this.featuresService = featuresService;
-        this.templateRef = templateRef;
-        this.viewContainer = viewContainer;
+    constructor() {
+        this.featuresService = inject(FeaturesServiceToken);
+        this.templateRef = inject(TemplateRef);
+        this.viewContainer = inject(ViewContainerRef);
         this.hasView = false;
         this.inputUpdate$ = new BehaviorSubject([]);
         combineLatest([this.featuresService.getFlags$(), this.inputUpdate$])
@@ -272,19 +265,16 @@ class FeaturesDirective {
             this.hasView = false;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: FeaturesDirective, deps: [{ token: FeaturesServiceToken }, { token: i0.TemplateRef }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.6", type: FeaturesDirective, isStandalone: true, selector: "[adfForFeatures]", inputs: { adfForFeatures: "adfForFeatures" }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: FeaturesDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.19", type: FeaturesDirective, isStandalone: true, selector: "[adfForFeatures]", inputs: { adfForFeatures: "adfForFeatures" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: FeaturesDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: FeaturesDirective, decorators: [{
             type: Directive,
             args: [{
                     /* eslint-disable-next-line @angular-eslint/directive-selector */
                     selector: '[adfForFeatures]'
                 }]
-        }], ctorParameters: () => [{ type: undefined, decorators: [{
-                    type: Inject,
-                    args: [FeaturesServiceToken]
-                }] }, { type: i0.TemplateRef }, { type: i0.ViewContainerRef }], propDecorators: { adfForFeatures: [{
+        }], ctorParameters: () => [], propDecorators: { adfForFeatures: [{
                 type: Input
             }] } });
 
@@ -308,10 +298,10 @@ class NotFeaturesDirective {
     set adfNotForFeatures(feature) {
         this.inputUpdate$.next(Array.isArray(feature) ? feature : [feature]);
     }
-    constructor(featuresService, templateRef, viewContainer) {
-        this.featuresService = featuresService;
-        this.templateRef = templateRef;
-        this.viewContainer = viewContainer;
+    constructor() {
+        this.featuresService = inject(FeaturesServiceToken);
+        this.templateRef = inject(TemplateRef);
+        this.viewContainer = inject(ViewContainerRef);
         this.hasView = false;
         this.inputUpdate$ = new BehaviorSubject([]);
         combineLatest([this.featuresService.getFlags$(), this.inputUpdate$])
@@ -329,19 +319,16 @@ class NotFeaturesDirective {
             this.hasView = false;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: NotFeaturesDirective, deps: [{ token: FeaturesServiceToken }, { token: i0.TemplateRef }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.6", type: NotFeaturesDirective, isStandalone: true, selector: "[adfNotForFeatures]", inputs: { adfNotForFeatures: "adfNotForFeatures" }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: NotFeaturesDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.19", type: NotFeaturesDirective, isStandalone: true, selector: "[adfNotForFeatures]", inputs: { adfNotForFeatures: "adfNotForFeatures" }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: NotFeaturesDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: NotFeaturesDirective, decorators: [{
             type: Directive,
             args: [{
                     /* eslint-disable-next-line @angular-eslint/directive-selector */
                     selector: '[adfNotForFeatures]'
                 }]
-        }], ctorParameters: () => [{ type: undefined, decorators: [{
-                    type: Inject,
-                    args: [FeaturesServiceToken]
-                }] }, { type: i0.TemplateRef }, { type: i0.ViewContainerRef }], propDecorators: { adfNotForFeatures: [{
+        }], ctorParameters: () => [], propDecorators: { adfNotForFeatures: [{
                 type: Input
             }] } });
 
@@ -363,22 +350,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
  */
 const isFeatureOn = (flag) => () => inject(FeaturesServiceToken).isOn$(flag);
 class IsFeatureOn {
-    constructor(featuresServiceToken) {
-        this.featuresServiceToken = featuresServiceToken;
+    constructor() {
+        this.featuresServiceToken = inject(FeaturesServiceToken);
     }
     canMatch(route) {
         return this.featuresServiceToken.isOn$(route?.data?.['feature']);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: IsFeatureOn, deps: [{ token: FeaturesServiceToken }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: IsFeatureOn, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: IsFeatureOn, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: IsFeatureOn, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: IsFeatureOn, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: IsFeatureOn, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
-        }], ctorParameters: () => [{ type: undefined, decorators: [{
-                    type: Inject,
-                    args: [FeaturesServiceToken]
-                }] }] });
+        }] });
 
 /*!
  * @license
@@ -398,22 +382,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
  */
 const isFeatureOff = (flag) => () => inject(FeaturesServiceToken).isOff$(flag);
 class IsFeatureOff {
-    constructor(featuresServiceToken) {
-        this.featuresServiceToken = featuresServiceToken;
+    constructor() {
+        this.featuresServiceToken = inject(FeaturesServiceToken);
     }
     canMatch(route) {
         return this.featuresServiceToken.isOff$(route?.data?.['feature']);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: IsFeatureOff, deps: [{ token: FeaturesServiceToken }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: IsFeatureOff, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: IsFeatureOff, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: IsFeatureOff, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: IsFeatureOff, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: IsFeatureOff, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
-        }], ctorParameters: () => [{ type: undefined, decorators: [{
-                    type: Inject,
-                    args: [FeaturesServiceToken]
-                }] }] });
+        }] });
 
 /*!
  * @license
@@ -433,24 +414,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
  */
 const isFlagsOverrideOn = () => () => inject(FlagsOverrideToken) ?? false;
 class IsFlagsOverrideOn {
-    constructor(devToolsToken) {
-        this.devToolsToken = devToolsToken;
+    constructor() {
+        this.devToolsToken = inject(FlagsOverrideToken, { optional: true });
     }
     canMatch() {
         return !!this.devToolsToken;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: IsFlagsOverrideOn, deps: [{ token: FlagsOverrideToken, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: IsFlagsOverrideOn, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: IsFlagsOverrideOn, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: IsFlagsOverrideOn, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: IsFlagsOverrideOn, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: IsFlagsOverrideOn, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
-        }], ctorParameters: () => [{ type: undefined, decorators: [{
-                    type: Optional
-                }, {
-                    type: Inject,
-                    args: [FlagsOverrideToken]
-                }] }] });
+        }] });
 
 /*!
  * @license
@@ -468,7 +444,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-/* eslint-disable @typescript-eslint/no-unused-vars */
 class DummyFeaturesService {
     init() {
         return of();
@@ -482,10 +457,10 @@ class DummyFeaturesService {
     getFlags$() {
         return of({});
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: DummyFeaturesService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: DummyFeaturesService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: DummyFeaturesService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: DummyFeaturesService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: DummyFeaturesService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: DummyFeaturesService, decorators: [{
             type: Injectable
         }] });
 
@@ -575,8 +550,8 @@ class FlagSetParser {
  * limitations under the License.
  */
 class StorageFeaturesService {
-    constructor(config) {
-        this.config = config;
+    constructor() {
+        this.config = inject(WritableFeaturesServiceConfigToken, { optional: true });
         this.currentFlagState = {};
         this.flags = new BehaviorSubject({});
         this.flags$ = this.flags.asObservable();
@@ -626,7 +601,6 @@ class StorageFeaturesService {
         });
     }
     removeFlag(key) {
-        // eslint-disable-next-line @typescript-eslint/no-unused-vars
         const { [key]: _, ...flags } = this.currentFlagState;
         this.flags.next(flags);
     }
@@ -665,18 +639,13 @@ class StorageFeaturesService {
     waitForInitializationToFinish() {
         return this.initSubject.pipe(filter((initialized) => !!initialized));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: StorageFeaturesService, deps: [{ token: WritableFeaturesServiceConfigToken, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: StorageFeaturesService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: StorageFeaturesService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: StorageFeaturesService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: StorageFeaturesService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: StorageFeaturesService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
-        }], ctorParameters: () => [{ type: undefined, decorators: [{
-                    type: Optional
-                }, {
-                    type: Inject,
-                    args: [WritableFeaturesServiceConfigToken]
-                }] }] });
+        }], ctorParameters: () => [] });
 
 /*!
  * @license
@@ -698,10 +667,10 @@ class DebugFeaturesService {
     get storageKey() {
         return `${this.config?.storageKey || 'feature-flags'}-override`;
     }
-    constructor(overriddenFeaturesService, writableFeaturesService, config) {
-        this.overriddenFeaturesService = overriddenFeaturesService;
-        this.writableFeaturesService = writableFeaturesService;
-        this.config = config;
+    constructor() {
+        this.overriddenFeaturesService = inject(OverridableFeaturesServiceToken);
+        this.writableFeaturesService = inject(WritableFeaturesServiceToken);
+        this.config = inject(WritableFeaturesServiceConfigToken, { optional: true });
         this.isInDebugModeSubject = new BehaviorSubject(false);
         this.isInDebugMode$ = this.isInDebugModeSubject.asObservable();
         this.initSubject = new BehaviorSubject(false);
@@ -749,23 +718,12 @@ class DebugFeaturesService {
     waitForInitializationToFinish() {
         return this.initSubject.pipe(filter((initialized) => !!initialized));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: DebugFeaturesService, deps: [{ token: OverridableFeaturesServiceToken }, { token: WritableFeaturesServiceToken }, { token: WritableFeaturesServiceConfigToken, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: DebugFeaturesService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: DebugFeaturesService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: DebugFeaturesService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: DebugFeaturesService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: DebugFeaturesService, decorators: [{
             type: Injectable
-        }], ctorParameters: () => [{ type: undefined, decorators: [{
-                    type: Inject,
-                    args: [OverridableFeaturesServiceToken]
-                }] }, { type: undefined, decorators: [{
-                    type: Inject,
-                    args: [WritableFeaturesServiceToken]
-                }] }, { type: undefined, decorators: [{
-                    type: Optional
-                }, {
-                    type: Inject,
-                    args: [WritableFeaturesServiceConfigToken]
-                }] }] });
+        }], ctorParameters: () => [] });
 
 /*!
  * @license
@@ -784,9 +742,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
  * limitations under the License.
  */
 class QaFeaturesHelper {
-    constructor(applicationRef, debugFeaturesService) {
-        this.applicationRef = applicationRef;
-        this.debugFeaturesService = debugFeaturesService;
+    constructor() {
+        this.applicationRef = inject(ApplicationRef);
+        this.debugFeaturesService = inject(FeaturesServiceToken);
     }
     isOn(key) {
         let isOn = false;
@@ -814,15 +772,12 @@ class QaFeaturesHelper {
         });
         return enabled;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: QaFeaturesHelper, deps: [{ token: i0.ApplicationRef }, { token: FeaturesServiceToken }], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: QaFeaturesHelper }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: QaFeaturesHelper, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: QaFeaturesHelper }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: QaFeaturesHelper, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.19", ngImport: i0, type: QaFeaturesHelper, decorators: [{
             type: Injectable
-        }], ctorParameters: () => [{ type: i0.ApplicationRef }, { type: DebugFeaturesService, decorators: [{
-                    type: Inject,
-                    args: [FeaturesServiceToken]
-                }] }] });
+        }] });
 
 /*!
  * @license