@tekus/design-system 4.0.2 → 4.0.3

package/components/forms/tk-form-autocomplete-field/tk-form-autocomplete-field.component.d.ts

@@ -1,4 +1,4 @@
-import { OnInit, OnDestroy, EventEmitter, AfterViewInit } from '@angular/core';
+import { OnInit, OnDestroy, OnChanges, EventEmitter, AfterViewInit, SimpleChanges } from '@angular/core';
 import { SubscriptSizing, MatFormFieldAppearance } from '@angular/material/form-field';
 import { MatAutocomplete } from '@angular/material/autocomplete';
 import { Option } from './models/option.model';
@@ -6,7 +6,7 @@ import { ThemePalette } from '@angular/material/core';
 import { Observable } from 'rxjs';
 import { FormControl } from '@angular/forms';
 import * as i0 from "@angular/core";
-export declare class TkFormAutocompleteFieldComponent implements OnInit, OnDestroy, AfterViewInit {
+export declare class TkFormAutocompleteFieldComponent implements OnInit, OnDestroy, AfterViewInit, OnChanges {
     /**
      * Input field control
      * @ignore
@@ -92,7 +92,7 @@ export declare class TkFormAutocompleteFieldComponent implements OnInit, OnDestr
      * Subscriptions property to handle all subscriptions
      * @ignore
      */
-    private subscriptions;
+    private readonly subscriptions;
     /**
      * Mat-autocomplete reference
      * @ignore
@@ -108,6 +108,16 @@ export declare class TkFormAutocompleteFieldComponent implements OnInit, OnDestr
      * @ignore
      */
     ngAfterViewInit(): void;
+    /**
+     * Component lifecycle method
+     * @ignore
+     */
+    ngOnChanges(changes: SimpleChanges): void;
+    /**
+     * Handles options updates
+     * @ignore
+     */
+    private updateFilteredOptions;
     /**
      * Starts the autocomplete subscriptions
      * @ignore

package/components/forms/tk-form-chips-autocomplete-field/tk-form-chips-autocomplete-field.component.d.ts

@@ -1,4 +1,4 @@
-import { ElementRef, EventEmitter } from '@angular/core';
+import { OnInit, OnChanges, ElementRef, EventEmitter, SimpleChanges } from '@angular/core';
 import { SubscriptSizing, MatFormFieldAppearance } from '@angular/material/form-field';
 import { MatAutocompleteSelectedEvent } from '@angular/material/autocomplete';
 import { Option } from './models/option.model';
@@ -6,7 +6,7 @@ import { Observable } from 'rxjs';
 import { ThemePalette } from '@angular/material/core';
 import { FormControl } from '@angular/forms';
 import * as i0 from "@angular/core";
-export declare class TkFormChipsAutocompleteFieldComponent {
+export declare class TkFormChipsAutocompleteFieldComponent implements OnInit, OnChanges {
     /**
      * Input field label
      */
@@ -73,7 +73,7 @@ export declare class TkFormChipsAutocompleteFieldComponent {
      * Filtered keywords after the input field changes
      * @ignore
      */
-    readonly filteredKeywords: Observable<Option[]>;
+    filteredKeywords: Observable<Option[]> | undefined;
     /**
      * Keyword Input element reference
      * @ignore
@@ -81,9 +81,19 @@ export declare class TkFormChipsAutocompleteFieldComponent {
     keywordInput: ElementRef<HTMLInputElement>;
     /**
      * @ignore
-     * Class constructor
+     * Lifecycle method
      */
-    constructor();
+    ngOnInit(): void;
+    /**
+     * @ignore
+     * Lifecycle method
+     */
+    ngOnChanges(changes: SimpleChanges): void;
+    /**
+     * Updates the filtered keywords when allKeywords changes
+     * @ignore
+     */
+    private updateFilteredKeywords;
     /**
      * Handles every keyword deletion
      * @ignore

package/esm2022/components/forms/tk-form-autocomplete-field/tk-form-autocomplete-field.component.mjs

@@ -90,10 +90,7 @@ export class TkFormAutocompleteFieldComponent {
      * @ignore
      */
     ngOnInit() {
-        this.filteredOptions = this.formControl.valueChanges.pipe(startWith(''), map(value => {
-            const option = typeof value === 'string' ? value : value?.ViewValue;
-            return option ? this._filterOptions(option) : this.options.slice();
-        }));
+        this.updateFilteredOptions();
     }
     /**
      * Component lifecycle method
@@ -102,6 +99,27 @@ export class TkFormAutocompleteFieldComponent {
     ngAfterViewInit() {
         this.initAutocompleteListener();
     }
+    /**
+     * Component lifecycle method
+     * @ignore
+     */
+    ngOnChanges(changes) {
+        if (changes) {
+            this.updateFilteredOptions();
+        }
+    }
+    /**
+     * Handles options updates
+     * @ignore
+     */
+    updateFilteredOptions() {
+        this.filteredOptions = this.formControl.valueChanges.pipe(startWith(''), map(value => {
+            const option = typeof value === 'string' ? value : value?.ViewValue;
+            return option
+                ? this._filterOptions(option)
+                : (this.options ?? []).slice();
+        }));
+    }
     /**
      * Starts the autocomplete subscriptions
      * @ignore
@@ -195,7 +213,7 @@ export class TkFormAutocompleteFieldComponent {
         this.subscriptions?.unsubscribe();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: TkFormAutocompleteFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.10", type: TkFormAutocompleteFieldComponent, isStandalone: true, selector: "lib-tk-form-autocomplete-field", inputs: { fieldWidth: "fieldWidth", theme: "theme", appearance: "appearance", subscriptSizing: "subscriptSizing", autoActiveFirstOption: "autoActiveFirstOption", autoSelectActiveOption: "autoSelectActiveOption", type: "type", required: "required", fieldTitle: "fieldTitle", fieldLabel: "fieldLabel", placeHolder: "placeHolder", options: "options" }, outputs: { optionSelected: "optionSelected", inputStatus: "inputStatus", bottomReached: "bottomReached" }, viewQueries: [{ propertyName: "matAutocomplete", first: true, predicate: ["auto"], descendants: true }], ngImport: i0, template: "<div class=\"section\" [ngStyle]=\"{ width: fieldWidth ? 'fit-content' : '100%' }\">\n  @if (fieldTitle) {\n    <h1 class=\"field__title\">{{ fieldTitle }}</h1>\n  }\n  <mat-form-field\n    class=\"form__field\"\n    [color]=\"theme\"\n    [appearance]=\"appearance\"\n    [subscriptSizing]=\"subscriptSizing\"\n    [ngStyle]=\"{ width: fieldWidth ? fieldWidth : '100%' }\">\n    <mat-label class=\"form__field__label\">{{ fieldLabel }}</mat-label>\n    <input\n      matInput\n      [type]=\"type\"\n      aria-label=\"Option\"\n      [required]=\"required\"\n      [matAutocomplete]=\"auto\"\n      (input)=\"onInputChanged()\"\n      [formControl]=\"formControl\"\n      [placeholder]=\"placeHolder\" />\n    <mat-autocomplete\n      #auto=\"matAutocomplete\"\n      [displayWith]=\"displayFn\"\n      [autoActiveFirstOption]=\"autoActiveFirstOption\"\n      [autoSelectActiveOption]=\"autoSelectActiveOption\"\n      (optionSelected)=\"onSelectionChanged($event.option.value)\">\n      @for (option of filteredOptions | async; track option.Value) {\n        <mat-option [value]=\"option\">\n          <span>{{ option.ViewValue }}</span>\n        </mat-option>\n      }\n    </mat-autocomplete>\n  </mat-form-field>\n</div>\n", styles: [".section{gap:.5rem;display:flex;flex-wrap:wrap;max-width:100%;align-items:center;justify-content:flex-start}.form__field{flex:1;height:100%;width:20rem;display:flex;max-width:100%;min-width:10rem;font-size:clamp(.8rem,.657rem + .381vw,1rem)}.form__field__label{font-weight:400;font-style:normal;line-height:.98438em;font-size:clamp(.688rem,.554rem + .357vw,.875rem)}.field__title{margin:0;padding:0;max-width:100%;font-weight:500;overflow:hidden;font-style:normal;align-self:center;white-space:nowrap;text-overflow:ellipsis;font-size:clamp(.9rem,.852rem + .276vw,1.1rem)}\n"], dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.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: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i2.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatAutocompleteModule }, { kind: "component", type: i4.MatAutocomplete, selector: "mat-autocomplete", inputs: ["aria-label", "aria-labelledby", "displayWith", "autoActiveFirstOption", "autoSelectActiveOption", "requireSelection", "panelWidth", "disableRipple", "class", "hideSingleSelectionIndicator"], outputs: ["optionSelected", "opened", "closed", "optionActivated"], exportAs: ["matAutocomplete"] }, { kind: "component", type: i5.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: i4.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.10", type: TkFormAutocompleteFieldComponent, isStandalone: true, selector: "lib-tk-form-autocomplete-field", inputs: { fieldWidth: "fieldWidth", theme: "theme", appearance: "appearance", subscriptSizing: "subscriptSizing", autoActiveFirstOption: "autoActiveFirstOption", autoSelectActiveOption: "autoSelectActiveOption", type: "type", required: "required", fieldTitle: "fieldTitle", fieldLabel: "fieldLabel", placeHolder: "placeHolder", options: "options" }, outputs: { optionSelected: "optionSelected", inputStatus: "inputStatus", bottomReached: "bottomReached" }, viewQueries: [{ propertyName: "matAutocomplete", first: true, predicate: ["auto"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"section\" [ngStyle]=\"{ width: fieldWidth ? 'fit-content' : '100%' }\">\n  @if (fieldTitle) {\n  <h1 class=\"field__title\">{{ fieldTitle }}</h1>\n  }\n  <mat-form-field\n    class=\"form__field\"\n    [color]=\"theme\"\n    [appearance]=\"appearance\"\n    [subscriptSizing]=\"subscriptSizing\"\n    [ngStyle]=\"{ width: fieldWidth ? fieldWidth : '100%' }\">\n    <mat-label class=\"form__field__label\">{{ fieldLabel }}</mat-label>\n    <input\n      matInput\n      [type]=\"type\"\n      aria-label=\"Option\"\n      [required]=\"required\"\n      [matAutocomplete]=\"auto\"\n      (input)=\"onInputChanged()\"\n      [formControl]=\"formControl\"\n      [placeholder]=\"placeHolder\" />\n    <mat-autocomplete\n      requireSelection\n      #auto=\"matAutocomplete\"\n      [displayWith]=\"displayFn\"\n      [autoActiveFirstOption]=\"autoActiveFirstOption\"\n      [autoSelectActiveOption]=\"autoSelectActiveOption\"\n      (optionSelected)=\"onSelectionChanged($event.option.value)\">\n      @for (option of filteredOptions | async; track option.Value) {\n      <mat-option [value]=\"option\">\n        <span>{{ option.ViewValue }}</span>\n      </mat-option>\n      }\n    </mat-autocomplete>\n  </mat-form-field>\n</div>\n", styles: [".section{gap:.5rem;display:flex;flex-wrap:wrap;max-width:100%;align-items:center;justify-content:flex-start}.form__field{flex:1;height:100%;width:20rem;display:flex;max-width:100%;min-width:10rem;font-size:clamp(.8rem,.657rem + .381vw,1rem)}.form__field__label{font-weight:400;font-style:normal;line-height:.98438em;font-size:clamp(.688rem,.554rem + .357vw,.875rem)}.field__title{margin:0;padding:0;max-width:100%;font-weight:500;overflow:hidden;font-style:normal;align-self:center;white-space:nowrap;text-overflow:ellipsis;font-size:clamp(.9rem,.852rem + .276vw,1.1rem)}\n"], dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.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: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i2.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatAutocompleteModule }, { kind: "component", type: i4.MatAutocomplete, selector: "mat-autocomplete", inputs: ["aria-label", "aria-labelledby", "displayWith", "autoActiveFirstOption", "autoSelectActiveOption", "requireSelection", "panelWidth", "disableRipple", "class", "hideSingleSelectionIndicator"], outputs: ["optionSelected", "opened", "closed", "optionActivated"], exportAs: ["matAutocomplete"] }, { kind: "component", type: i5.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: i4.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: TkFormAutocompleteFieldComponent, decorators: [{
             type: Component,
@@ -207,7 +225,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImpo
                         MatFormFieldModule,
                         ReactiveFormsModule,
                         MatAutocompleteModule,
-                    ], template: "<div class=\"section\" [ngStyle]=\"{ width: fieldWidth ? 'fit-content' : '100%' }\">\n  @if (fieldTitle) {\n    <h1 class=\"field__title\">{{ fieldTitle }}</h1>\n  }\n  <mat-form-field\n    class=\"form__field\"\n    [color]=\"theme\"\n    [appearance]=\"appearance\"\n    [subscriptSizing]=\"subscriptSizing\"\n    [ngStyle]=\"{ width: fieldWidth ? fieldWidth : '100%' }\">\n    <mat-label class=\"form__field__label\">{{ fieldLabel }}</mat-label>\n    <input\n      matInput\n      [type]=\"type\"\n      aria-label=\"Option\"\n      [required]=\"required\"\n      [matAutocomplete]=\"auto\"\n      (input)=\"onInputChanged()\"\n      [formControl]=\"formControl\"\n      [placeholder]=\"placeHolder\" />\n    <mat-autocomplete\n      #auto=\"matAutocomplete\"\n      [displayWith]=\"displayFn\"\n      [autoActiveFirstOption]=\"autoActiveFirstOption\"\n      [autoSelectActiveOption]=\"autoSelectActiveOption\"\n      (optionSelected)=\"onSelectionChanged($event.option.value)\">\n      @for (option of filteredOptions | async; track option.Value) {\n        <mat-option [value]=\"option\">\n          <span>{{ option.ViewValue }}</span>\n        </mat-option>\n      }\n    </mat-autocomplete>\n  </mat-form-field>\n</div>\n", styles: [".section{gap:.5rem;display:flex;flex-wrap:wrap;max-width:100%;align-items:center;justify-content:flex-start}.form__field{flex:1;height:100%;width:20rem;display:flex;max-width:100%;min-width:10rem;font-size:clamp(.8rem,.657rem + .381vw,1rem)}.form__field__label{font-weight:400;font-style:normal;line-height:.98438em;font-size:clamp(.688rem,.554rem + .357vw,.875rem)}.field__title{margin:0;padding:0;max-width:100%;font-weight:500;overflow:hidden;font-style:normal;align-self:center;white-space:nowrap;text-overflow:ellipsis;font-size:clamp(.9rem,.852rem + .276vw,1.1rem)}\n"] }]
+                    ], template: "<div class=\"section\" [ngStyle]=\"{ width: fieldWidth ? 'fit-content' : '100%' }\">\n  @if (fieldTitle) {\n  <h1 class=\"field__title\">{{ fieldTitle }}</h1>\n  }\n  <mat-form-field\n    class=\"form__field\"\n    [color]=\"theme\"\n    [appearance]=\"appearance\"\n    [subscriptSizing]=\"subscriptSizing\"\n    [ngStyle]=\"{ width: fieldWidth ? fieldWidth : '100%' }\">\n    <mat-label class=\"form__field__label\">{{ fieldLabel }}</mat-label>\n    <input\n      matInput\n      [type]=\"type\"\n      aria-label=\"Option\"\n      [required]=\"required\"\n      [matAutocomplete]=\"auto\"\n      (input)=\"onInputChanged()\"\n      [formControl]=\"formControl\"\n      [placeholder]=\"placeHolder\" />\n    <mat-autocomplete\n      requireSelection\n      #auto=\"matAutocomplete\"\n      [displayWith]=\"displayFn\"\n      [autoActiveFirstOption]=\"autoActiveFirstOption\"\n      [autoSelectActiveOption]=\"autoSelectActiveOption\"\n      (optionSelected)=\"onSelectionChanged($event.option.value)\">\n      @for (option of filteredOptions | async; track option.Value) {\n      <mat-option [value]=\"option\">\n        <span>{{ option.ViewValue }}</span>\n      </mat-option>\n      }\n    </mat-autocomplete>\n  </mat-form-field>\n</div>\n", styles: [".section{gap:.5rem;display:flex;flex-wrap:wrap;max-width:100%;align-items:center;justify-content:flex-start}.form__field{flex:1;height:100%;width:20rem;display:flex;max-width:100%;min-width:10rem;font-size:clamp(.8rem,.657rem + .381vw,1rem)}.form__field__label{font-weight:400;font-style:normal;line-height:.98438em;font-size:clamp(.688rem,.554rem + .357vw,.875rem)}.field__title{margin:0;padding:0;max-width:100%;font-weight:500;overflow:hidden;font-style:normal;align-self:center;white-space:nowrap;text-overflow:ellipsis;font-size:clamp(.9rem,.852rem + .276vw,1.1rem)}\n"] }]
         }], propDecorators: { fieldWidth: [{
                 type: Input
             }], theme: [{
@@ -242,4 +260,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImpo
                 type: ViewChild,
                 args: ['auto']
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGstZm9ybS1hdXRvY29tcGxldGUtZmllbGQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZGVzaWduLXN5c3RlbS9jb21wb25lbnRzL2Zvcm1zL3RrLWZvcm0tYXV0b2NvbXBsZXRlLWZpZWxkL3RrLWZvcm0tYXV0b2NvbXBsZXRlLWZpZWxkLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Rlc2lnbi1zeXN0ZW0vY29tcG9uZW50cy9mb3Jtcy90ay1mb3JtLWF1dG9jb21wbGV0ZS1maWVsZC90ay1mb3JtLWF1dG9jb21wbGV0ZS1maWVsZC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsS0FBSyxFQUNMLE1BQU0sRUFFTixTQUFTLEVBQ1QsU0FBUyxFQUVULFlBQVksR0FFYixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBRUwsa0JBQWtCLEdBRW5CLE1BQU0sOEJBQThCLENBQUM7QUFDdEMsT0FBTyxFQUVMLHFCQUFxQixHQUN0QixNQUFNLGdDQUFnQyxDQUFDO0FBRXhDLE9BQU8sRUFBRSxTQUFTLEVBQUUsT0FBTyxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFFckQsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQ3pELE9BQU8sRUFBRSxHQUFHLEVBQWMsU0FBUyxFQUFFLFlBQVksRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUNoRSxPQUFPLEVBQUUsV0FBVyxFQUFFLFdBQVcsRUFBRSxtQkFBbUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDOzs7Ozs7O0FBaUIvRSxNQUFNLE9BQU8sZ0NBQWdDO0lBZjdDO1FBa0JFOzs7V0FHRztRQUNJLGdCQUFXLEdBQUcsSUFBSSxXQUFXLENBQWtCLEVBQUUsQ0FBQyxDQUFDO1FBUzFEOzs7V0FHRztRQUVJLFVBQUssR0FBa0IsUUFBUSxDQUFDO1FB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bnQsXG4gIFZpZXdDaGlsZCxcbiAgT25EZXN0cm95LFxuICBFdmVudEVtaXR0ZXIsXG4gIEFmdGVyVmlld0luaXQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtcbiAgU3Vic2NyaXB0U2l6aW5nLFxuICBNYXRGb3JtRmllbGRNb2R1bGUsXG4gIE1hdEZvcm1GaWVsZEFwcGVhcmFuY2UsXG59IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2Zvcm0tZmllbGQnO1xuaW1wb3J0IHtcbiAgTWF0QXV0b2NvbXBsZXRlLFxuICBNYXRBdXRvY29tcGxldGVNb2R1bGUsXG59IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2F1dG9jb21wbGV0ZSc7XG5pbXBvcnQgeyBPcHRpb24gfSBmcm9tICcuL21vZGVscy9vcHRpb24ubW9kZWwnO1xuaW1wb3J0IHsgQXN5bmNQaXBlLCBOZ1N0eWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IFRoZW1lUGFsZXR0ZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2NvcmUnO1xuaW1wb3J0IHsgTWF0SW5wdXRNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9pbnB1dCc7XG5pbXBvcnQgeyBtYXAsIE9ic2VydmFibGUsIHN0YXJ0V2l0aCwgU3Vic2NyaXB0aW9uIH0gZnJvbSAncnhqcyc7XG5pbXBvcnQgeyBGb3JtQ29udHJvbCwgRm9ybXNNb2R1bGUsIFJlYWN0aXZlRm9ybXNNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2xpYi10ay1mb3JtLWF1dG9jb21wbGV0ZS1maWVsZCcsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtcbiAgICBOZ1N0eWxlLFxuICAgIEFzeW5jUGlwZSxcbiAgICBGb3Jtc01vZHVsZSxcbiAgICBNYXRJbnB1dE1vZHVsZSxcbiAgICBNYXRGb3JtRmllbGRNb2R1bGUsXG4gICAgUmVhY3RpdmVGb3Jtc01vZHVsZSxcbiAgICBNYXRBdXRvY29tcGxldGVNb2R1bGUsXG4gIF0sXG4gIHRlbXBsYXRlVXJsOiAnLi90ay1mb3JtLWF1dG9jb21wbGV0ZS1maWVsZC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsOiAnLi90ay1mb3JtLWF1dG9jb21wbGV0ZS1maWVsZC5jb21wb25lbnQuc2NzcycsXG59KVxuZXhwb3J0IGNsYXNzIFRrRm9ybUF1dG9jb21wbGV0ZUZpZWxkQ29tcG9uZW50XG4gIGltcGxlbWVudHMgT25Jbml0LCBPbkRlc3Ryb3ksIEFmdGVyVmlld0luaXRcbntcbiAgLyoqXG4gICAqIElucHV0IGZpZWxkIGNvbnRyb2xcbiAgICogQGlnbm9yZVxuICAgKi9cbiAgcHVibGljIGZvcm1Db250cm9sID0gbmV3IEZvcm1Db250cm9sPHN0cmluZyB8IE9wdGlvbj4oJycpO1xuXG4gIC8qKlxuICAgKiBPcHRpb25hbCBpbnB1dCBmaWVsZCB3aWR0aFxuICAgKiBAZGVmYXVsdCAxMDAlXG4gICAqL1xuICBASW5wdXQoKVxuICBwdWJsaWMgZmllbGRXaWR0aD86IHN0cmluZztcblxuICAvKipcbiAgICogV2hhdCBjb2xvciBwYWxldHRlIHRvIHVzZVxuICAgKiBAZGVmYXVsdCAnYWNjZW50J1xuICAgKi9cbiAgQElucHV0KClcbiAgcHVibGljIHRoZW1lPzogVGhlbWVQYWxldHRlID0gJ2FjY2VudCc7XG5cbiAgLyoqXG4gICAqIEZvcm0gZmllbGQgYXBwZWFyYW5jZVxuICAgKiBAZGVmYXVsdCAnZmlsbCdcbiAgICovXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBhcHBlYXJhbmNlOiBNYXRGb3JtRmllbGRBcHBlYXJhbmNlID0gJ2ZpbGwnO1xuXG4gIC8qKlxuICAgKiBGb3JtIGZpZWxkIHJlc2VydmVkIHNwYWNlIGZvciBvbmUgbGluZSBieSBkZWZhdWx0LlxuICAgKiBAZGVmYXVsdCAnZHluYW1pYydcbiAgICovXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBzdWJzY3JpcHRTaXppbmc6IFN1YnNjcmlwdFNpemluZyA9ICdkeW5hbWljJztcblxuICAvKipcbiAgICogV2hldGhlciB0aGUgZmlyc3Qgb3B0aW9uIHNob3VsZCBiZSBoaWdobGlnaHRlZCB3aGVuIHRoZSBhdXRvY29tcGxldGUgcGFuZWwgaXMgb3BlbmVkXG4gICAqIEBkZWZhdWx0IHRydWVcbiAgICovXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBhdXRvQWN0aXZlRmlyc3RPcHRpb24/OiBib29sZWFuID0gdHJ1ZTtcblxuICAvKipcbiAgICogV2hldGhlciB0aGUgYWN0aXZlIG9wdGlvbiBzaG91bGQgYmUgc2VsZWN0ZWQgYXMgdGhlIHVzZXIgaXMgbmF2aWdhdGluZy5cbiAgICogQGRlZmF1bHQgdHJ1ZVxuICAgKi9cbiAgQElucHV0KClcbiAgcHVibGljIGF1dG9TZWxlY3RBY3RpdmVPcHRpb24/OiBib29sZWFuID0gdHJ1ZTtcblxuICAvKipcbiAgICogT3B0aW9uYWwgZmllbGQgaW5wdXQgdHlwZVxuICAgKiBAZGVmYXVsdCAndGV4dCdcbiAgICovXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyB0eXBlID0gJ3RleHQnO1xuXG4gIC8qKlxuICAgKiBXaGV0aGVyIHRoZSBmaWVsZCBpcyByZXF1aXJlZFxuICAgKiBAZGVmYXVsdCB0cnVlXG4gICAqL1xuICBASW5wdXQoKVxuICBwdWJsaWMgcmVxdWlyZWQgPSB0cnVlO1xuXG4gIC8qKlxuICAgKiBPcHRpb25hbCBpbnB1dCBmaWVsZCB0aXRsZVxuICAgKiBAZGVmYXVsdCBudWxsXG4gICAqL1xuICBASW5wdXQoKVxuICBwdWJsaWMgZmllbGRUaXRsZT86IHN0cmluZztcblxuICAvKipcbiAgICogSW5wdXQgZmllbGQgbGFiZWxcbiAgICovXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBmaWVsZExhYmVsID0gJyc7XG5cbiAgLyoqXG4gICAqIElucHV0IGZpZWxkIHBsYWNlaG9sZGVyXG4gICAqIEBkZWZhdWx0ICcnXG4gICAqL1xuICBASW5wdXQoKVxuICBwdWJsaWMgcGxhY2VIb2xkZXIgPSAnJztcblxuICAvKipcbiAgICogRmlsdGVyZWQgb3B0aW9uc1xuICAgKiBAaWdub3JlXG4gICAqL1xuICBwdWJsaWMgZmlsdGVyZWRPcHRpb25zITogT2JzZXJ2YWJsZTxPcHRpb25bXT47XG5cbiAgLyoqXG4gICAqIE9wdGlvbnMgdG8gYmUgZGlzcGxheWVkXG4gICAqIEBpZ25vcmVcbiAgICovXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBvcHRpb25zOiBPcHRpb25bXSA9IFtdO1xuXG4gIC8qKlxuICAgKiBPcHRpb24gY2hhbmdlcyBoYW5kbGVyXG4gICAqL1xuICBAT3V0cHV0KClcbiAgcHVibGljIG9wdGlvblNlbGVjdGVkID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmcgfCBudW1iZXI+KCk7XG5cbiAgLyoqXG4gICAqIElucHV0IGZpZWxkIGNoYW5nZXMgaGFuZGxlclxuICAgKi9cbiAgQE91dHB1dCgpXG4gIHB1YmxpYyBpbnB1dFN0YXR1cyA9IG5ldyBFdmVudEVtaXR0ZXI8Rm9ybUNvbnRyb2w+KCk7XG5cbiAgLyoqXG4gICAqIEF1dG9jb21wbGV0ZSBib3R0b20gcmVhY2hlZCBoYW5kbGVyXG4gICAqL1xuICBAT3V0cHV0KClcbiAgcHVibGljIGJvdHRvbVJlYWNoZWQgPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XG5cbiAgLyoqXG4gICAqIFN1YnNjcmlwdGlvbnMgcHJvcGVydHkgdG8gaGFuZGxlIGFsbCBzdWJzY3JpcHRpb25zXG4gICAqIEBpZ25vcmVcbiAgICovXG4gIHByaXZhdGUgc3Vic2NyaXB0aW9uczogU3Vic2NyaXB0aW9uID0gbmV3IFN1YnNjcmlwdGlvbigpO1xuXG4gIC8qKlxuICAgKiBNYXQtYXV0b2NvbXBsZXRlIHJlZmVyZW5jZVxuICAgKiBAaWdub3JlXG4gICAqL1xuICBAVmlld0NoaWxkKCdhdXRvJykgbWF0QXV0b2NvbXBsZXRlITogTWF0QXV0b2NvbXBsZXRlO1xuXG4gIC8qKlxuICAgKiBDb21wb25lbnQgbGlmZWN5Y2xlIG1ldGhvZFxuICAgKiBAaWdub3JlXG4gICAqL1xuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLmZpbHRlcmVkT3B0aW9ucyA9IHRoaXMuZm9ybUNvbnRyb2wudmFsdWVDaGFuZ2VzLnBpcGUoXG4gICAgICBzdGFydFdpdGgoJycpLFxuICAgICAgbWFwKHZhbHVlID0+IHtcbiAgICAgICAgY29uc3Qgb3B0aW9uID0gdHlwZW9mIHZhbHVlID09PSAnc3RyaW5nJyA/IHZhbHVlIDogdmFsdWU/LlZpZXdWYWx1ZTtcbiAgICAgICAgcmV0dXJuIG9wdGlvbiA/IHRoaXMuX2ZpbHRlck9wdGlvbnMob3B0aW9uKSA6IHRoaXMub3B0aW9ucy5zbGljZSgpO1xuICAgICAgfSlcbiAgICApO1xuICB9XG5cbiAgLyoqXG4gICAqIENvbXBvbmVudCBsaWZlY3ljbGUgbWV0aG9kXG4gICAqIEBpZ25vcmVcbiAgICovXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLmluaXRBdXRvY29tcGxldGVMaXN0ZW5lcigpO1xuICB9XG5cbiAgLyoqXG4gICAqIFN0YXJ0cyB0aGUgYXV0b2NvbXBsZXRlIHN1YnNjcmlwdGlvbnNcbiAgICogQGlnbm9yZVxuICAgKi9cbiAgcHVibGljIGluaXRBdXRvY29tcGxldGVMaXN0ZW5lcigpOiB2b2lkIHtcbiAgICBjb25zdCBvcGVuZWRTdWJzY3JpcHRpb24gPSB0aGlzLm9uQXV0b2NvbXBsZXRlT3BlbmVkKCk7XG4gICAgY29uc3QgY2xvc2VkU3Vic2NyaXB0aW9uID0gdGhpcy5vbkF1dG9jb21wbGV0ZUNsb3NlZCgpO1xuXG4gICAgdGhpcy5zdWJzY3JpcHRpb25zLmFkZChvcGVuZWRTdWJzY3JpcHRpb24pO1xuICAgIHRoaXMuc3Vic2NyaXB0aW9ucy5hZGQoY2xvc2VkU3Vic2NyaXB0aW9uKTtcbiAgfVxuXG4gIC8qKlxuICAgKiBIYW5kbGVzIHRoZSBhdXRvY29tcGxldGUgb3BlbmVkIGV2ZW50XG4gICAqIEBpZ25vcmVcbiAgICovXG4gIHByaXZhdGUgb25BdXRvY29tcGxldGVPcGVuZWQoKTogU3Vic2NyaXB0aW9uIHtcbiAgICByZXR1cm4gdGhpcy5tYXRBdXRvY29tcGxldGUub3BlbmVkLnN1YnNjcmliZSgoKSA9PiB7XG4gICAgICBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgICAgY29uc3QgcGFuZWwgPSB0aGlzLm1hdEF1dG9jb21wbGV0ZS5wYW5lbD8ubmF0aXZlRWxlbWVudDtcbiAgICAgICAgaWYgKHBhbmVsKSB7XG4gICAgICAgICAgcGFuZWwuYWRkRXZlbnRMaXN0ZW5lcignc2Nyb2xsJywgdGhpcy5vblNjcm9sbC5iaW5kKHRoaXMpKTtcbiAgICAgICAgfVxuICAgICAgfSk7XG4gICAgfSk7XG4gIH1cblxuICAvKipcbiAgICogSGFuZGxlcyB0aGUgYXV0b2NvbXBsZXRlIGNsb3NlZCBldmVudFxuICAgKiBAaWdub3JlXG4gICAqL1xuICBwcml2YXRlIG9uQXV0b2NvbXBsZXRlQ2xvc2VkKCk6IFN1YnNjcmlwdGlvbiB7XG4gICAgcmV0dXJuIHRoaXMubWF0QXV0b2NvbXBsZXRlLmNsb3NlZC5zdWJzY3JpYmUoKCkgPT4ge1xuICAgICAgY29uc3QgcGFuZWwgPSB0aGlzLm1hdEF1dG9jb21wbGV0ZS5wYW5lbD8ubmF0aXZlRWxlbWVudDtcbiAgICAgIGlmIChwYW5lbCkge1xuICAgICAgICBwYW5lbC5yZW1vdmVFdmVudExpc3RlbmVyKCdzY3JvbGwnLCB0aGlzLm9uU2Nyb2xsLmJpbmQodGhpcykpO1xuICAgICAgfVxuICAgIH0pO1xuICB9XG5cbiAgLyoqXG4gICAqIEhhbmRsZXMgdGhlIHNjcm9sbGluZyBldmVudFxuICAgKiBAaWdub3JlXG4gICAqL1xuICBwcml2YXRlIG9uU2Nyb2xsKGV2ZW50OiBFdmVudCkge1xuICAgIGNvbnN0IHBhbmVsID0gZXZlbnQudGFyZ2V0IGFzIEhUTUxFbGVtZW50O1xuICAgIGNvbnN0IHNjcm9sbFRvcCA9IHBhbmVsLnNjcm9sbFRvcDtcbiAgICBjb25zdCBzY3JvbGxIZWlnaHQgPSBwYW5lbC5zY3JvbGxIZWlnaHQ7XG4gICAgY29uc3Qgb2Zmc2V0SGVpZ2h0ID0gcGFuZWwub2Zmc2V0SGVpZ2h0O1xuXG4gICAgaWYgKHNjcm9sbFRvcCArIG9mZnNldEhlaWdodCA+PSBzY3JvbGxIZWlnaHQpIHtcbiAgICAgIHRoaXMub25TY3JvbGxlZFRvRW5kKCk7XG4gICAgfVxuICB9XG5cbiAgLyoqXG4gICAqIEVtaXRzIHRoZSBib3R0b21SZWFjaGVkIHdoZW4gdGhlIHVzZXIgcmVhY2hlcyB0aGUgZW5kIG9mIHRoZSBhdXRvY29tcGxldGUgcGFuZWxcbiAgICogQGlnbm9yZVxuICAgKi9cbiAgcHJpdmF0ZSBvblNjcm9sbGVkVG9FbmQoKTogdm9pZCB7XG4gICAgdGhpcy5ib3R0b21SZWFjaGVkLmVtaXQoKTtcbiAgfVxuXG4gIC8qKlxuICAgKiBDb25kaXRpb25zIHRoZSBvcHRpb25zJyB2aWV3IHRvIGRpc3BsYXkgdGhlIHZpZXcgdmFsdWVcbiAgICogQGlnbm9yZVxuICAgKi9cbiAgcHVibGljIGRpc3BsYXlGbihvcHRpb246IE9wdGlvbiB8IG51bGwpOiBzdHJpbmcge1xuICAgIHJldHVybiBvcHRpb24/LlZpZXdWYWx1ZSA/IG9wdGlvbi5WaWV3VmFsdWUgOiAnJztcbiAgfVxuXG4gIC8qKlxuICAgKiBGaWx0ZXJzIHRoZSBvcHRpb25zIGFjY29yZGluZyB0byB0aGUgaW5wdXQgdmFsdWVcbiAgICogQGlnbm9yZVxuICAgKi9cbiAgcHJpdmF0ZSBfZmlsdGVyT3B0aW9ucyh2YWx1ZTogc3RyaW5nKTogT3B0aW9uW10ge1xuICAgIGNvbnN0IGZpbHRlclZhbHVlID0gdmFsdWUudG9Mb3dlckNhc2UoKTtcblxuICAgIHJldHVybiB0aGlzLm9wdGlvbnMuZmlsdGVyKG9wdGlvbiA9PlxuICAgICAgb3B0aW9uLlZpZXdWYWx1ZS50b0xvd2VyQ2FzZSgpLmluY2x1ZGVzKGZpbHRlclZhbHVlKVxuICAgICk7XG4gIH1cblxuICAvKipcbiAgICogRW1pdHMgdGhlIHNlbGVjdGVkIG9wdGlvbiBldmVyeSB0aW1lIGl0IGNoYW5nZXNcbiAgICogQGlnbm9yZVxuICAgKi9cbiAgcHVibGljIG9uU2VsZWN0aW9uQ2hhbmdlZChvcHRpb246IE9wdGlvbik6IHZvaWQge1xuICAgIHRoaXMub3B0aW9uU2VsZWN0ZWQuZW1pdChvcHRpb24uVmFsdWUpO1xuICB9XG5cbiAgLyoqXG4gICAqIEVtaXRzIHRoZSBmb3JtQ29udHJvbCB2YXJpYWJsZSBldmVyeSB0aW1lIHRoZSBpbnB1dCB2YWx1ZSBjaGFuZ2VzXG4gICAqIEBpZ25vcmVcbiAgICovXG4gIHB1YmxpYyBvbklucHV0Q2hhbmdlZCgpOiB2b2lkIHtcbiAgICB0aGlzLmlucHV0U3RhdHVzLmVtaXQodGhpcy5mb3JtQ29udHJvbCk7XG4gIH1cblxuICAvKipcbiAgICogVW5zdWJzY3JpYmUgZnJvbSBhbGwgc3Vic2NyaXB0aW9ucyB3aGVuIHRoZSBjb21wb25lbnQgaXMgZGVzdHJveWVkXG4gICAqIEBpZ25vcmVcbiAgICovXG4gIG5nT25EZXN0cm95KCkge1xuICAgIHRoaXMuc3Vic2NyaXB0aW9ucz8udW5zdWJzY3JpYmUoKTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cInNlY3Rpb25cIiBbbmdTdHlsZV09XCJ7IHdpZHRoOiBmaWVsZFdpZHRoID8gJ2ZpdC1jb250ZW50JyA6ICcxMDAlJyB9XCI+XG4gIEBpZiAoZmllbGRUaXRsZSkge1xuICAgIDxoMSBjbGFzcz1cImZpZWxkX190aXRsZVwiPnt7IGZpZWxkVGl0bGUgfX08L2gxPlxuICB9XG4gIDxtYXQtZm9ybS1maWVsZFxuICAgIGNsYXNzPVwiZm9ybV9fZmllbGRcIlxuICAgIFtjb2xvcl09XCJ0aGVtZVwiXG4gICAgW2FwcGVhcmFuY2VdPVwiYXBwZWFyYW5jZVwiXG4gICAgW3N1YnNjcmlwdFNpemluZ109XCJzdWJzY3JpcHRTaXppbmdcIlxuICAgIFtuZ1N0eWxlXT1cInsgd2lkdGg6IGZpZWxkV2lkdGggPyBmaWVsZFdpZHRoIDogJzEwMCUnIH1cIj5cbiAgICA8bWF0LWxhYmVsIGNsYXNzPVwiZm9ybV9fZmllbGRfX2xhYmVsXCI+e3sgZmllbGRMYWJlbCB9fTwvbWF0LWxhYmVsPlxuICAgIDxpbnB1dFxuICAgICAgbWF0SW5wdXRcbiAgICAgIFt0eXBlXT1cInR5cGVcIlxuICAgICAgYXJpYS1sYWJlbD1cIk9wdGlvblwiXG4gICAgICBbcmVxdWlyZWRdPVwicmVxdWlyZWRcIlxuICAgICAgW21hdEF1dG9jb21wbGV0ZV09XCJhdXRvXCJcbiAgICAgIChpbnB1dCk9XCJvbklucHV0Q2hhbmdlZCgpXCJcbiAgICAgIFtmb3JtQ29udHJvbF09XCJmb3JtQ29udHJvbFwiXG4gICAgICBbcGxhY2Vob2xkZXJdPVwicGxhY2VIb2xkZXJcIiAvPlxuICAgIDxtYXQtYXV0b2NvbXBsZXRlXG4gICAgICAjYXV0bz1cIm1hdEF1dG9jb21wbGV0ZVwiXG4gICAgICBbZGlzcGxheVdpdGhdPVwiZGlzcGxheUZuXCJcbiAgICAgIFthdXRvQWN0aXZlRmlyc3RPcHRpb25dPVwiYXV0b0FjdGl2ZUZpcnN0T3B0aW9uXCJcbiAgICAgIFthdXRvU2VsZWN0QWN0aXZlT3B0aW9uXT1cImF1dG9TZWxlY3RBY3RpdmVPcHRpb25cIlxuICAgICAgKG9wdGlvblNlbGVjdGVkKT1cIm9uU2VsZWN0aW9uQ2hhbmdlZCgkZXZlbnQub3B0aW9uLnZhbHVlKVwiPlxuICAgICAgQGZvciAob3B0aW9uIG9mIGZpbHRlcmVkT3B0aW9ucyB8IGFzeW5jOyB0cmFjayBvcHRpb24uVmFsdWUpIHtcbiAgICAgICAgPG1hdC1vcHRpb24gW3ZhbHVlXT1cIm9wdGlvblwiPlxuICAgICAgICAgIDxzcGFuPnt7IG9wdGlvbi5WaWV3VmFsdWUgfX08L3NwYW4+XG4gICAgICAgIDwvbWF0LW9wdGlvbj5cbiAgICAgIH1cbiAgICA8L21hdC1hdXRvY29tcGxldGU+XG4gIDwvbWF0LWZvcm0tZmllbGQ+XG48L2Rpdj5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGstZm9ybS1hdXRvY29tcGxldGUtZmllbGQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZGVzaWduLXN5c3RlbS9jb21wb25lbnRzL2Zvcm1zL3RrLWZvcm0tYXV0b2NvbXBsZXRlLWZpZWxkL3RrLWZvcm0tYXV0b2NvbXBsZXRlLWZpZWxkLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Rlc2lnbi1zeXN0ZW0vY29tcG9uZW50cy9mb3Jtcy90ay1mb3JtLWF1dG9jb21wbGV0ZS1maWVsZC90ay1mb3JtLWF1dG9jb21wbGV0ZS1maWVsZC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsS0FBSyxFQUNMLE1BQU0sRUFFTixTQUFTLEVBQ1QsU0FBUyxFQUdULFlBQVksR0FHYixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBRUwsa0JBQWtCLEdBRW5CLE1BQU0sOEJBQThCLENBQUM7QUFDdEMsT0FBTyxFQUVMLHFCQUFxQixHQUN0QixNQUFNLGdDQUFnQyxDQUFDO0FBRXhDLE9BQU8sRUFBRSxTQUFTLEVBQUUsT0FBTyxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFFckQsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQ3pELE9BQU8sRUFBRSxHQUFHLEVBQWMsU0FBUyxFQUFFLFlBQVksRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUNoRSxPQUFPLEVBQUUsV0FBVyxFQUFFLFdBQVcsRUFBRSxtQkFBbUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDOzs7Ozs7O0FBaUIvRSxNQUFNLE9BQU8sZ0NBQWdDO0lBZjdDO1FBa0JFOzs7V0FHRztRQUNJLGdCQUFXLEdBQUcsSUFBSSxXQUFXLENBQWtCLEVBQUUsQ0FBQyxDQUFDO1FBUzFEOzs7V0FHRztRQUVJLFVBQUssR0FBa0IsUUFBUSxDQUFDO1FB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QixLQUFLO2dCQWNDLE9BQU87c0JBRGIsS0FBSztnQkFPQyxjQUFjO3NCQURwQixNQUFNO2dCQU9BLFdBQVc7c0JBRGpCLE1BQU07Z0JBT0EsYUFBYTtzQkFEbkIsTUFBTTtnQkFhWSxlQUFlO3NCQUFqQyxTQUFTO3VCQUFDLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBJbnB1dCxcbiAgT3V0cHV0LFxuICBPbkluaXQsXG4gIENvbXBvbmVudCxcbiAgVmlld0NoaWxkLFxuICBPbkRlc3Ryb3ksXG4gIE9uQ2hhbmdlcyxcbiAgRXZlbnRFbWl0dGVyLFxuICBBZnRlclZpZXdJbml0LFxuICBTaW1wbGVDaGFuZ2VzLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7XG4gIFN1YnNjcmlwdFNpemluZyxcbiAgTWF0Rm9ybUZpZWxkTW9kdWxlLFxuICBNYXRGb3JtRmllbGRBcHBlYXJhbmNlLFxufSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9mb3JtLWZpZWxkJztcbmltcG9ydCB7XG4gIE1hdEF1dG9jb21wbGV0ZSxcbiAgTWF0QXV0b2NvbXBsZXRlTW9kdWxlLFxufSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9hdXRvY29tcGxldGUnO1xuaW1wb3J0IHsgT3B0aW9uIH0gZnJvbSAnLi9tb2RlbHMvb3B0aW9uLm1vZGVsJztcbmltcG9ydCB7IEFzeW5jUGlwZSwgTmdTdHlsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBUaGVtZVBhbGV0dGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9jb3JlJztcbmltcG9ydCB7IE1hdElucHV0TW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvaW5wdXQnO1xuaW1wb3J0IHsgbWFwLCBPYnNlcnZhYmxlLCBzdGFydFdpdGgsIFN1YnNjcmlwdGlvbiB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IHsgRm9ybUNvbnRyb2wsIEZvcm1zTW9kdWxlLCBSZWFjdGl2ZUZvcm1zTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdsaWItdGstZm9ybS1hdXRvY29tcGxldGUtZmllbGQnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbXG4gICAgTmdTdHlsZSxcbiAgICBBc3luY1BpcGUsXG4gICAgRm9ybXNNb2R1bGUsXG4gICAgTWF0SW5wdXRNb2R1bGUsXG4gICAgTWF0Rm9ybUZpZWxkTW9kdWxlLFxuICAgIFJlYWN0aXZlRm9ybXNNb2R1bGUsXG4gICAgTWF0QXV0b2NvbXBsZXRlTW9kdWxlLFxuICBdLFxuICB0ZW1wbGF0ZVVybDogJy4vdGstZm9ybS1hdXRvY29tcGxldGUtZmllbGQuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybDogJy4vdGstZm9ybS1hdXRvY29tcGxldGUtZmllbGQuY29tcG9uZW50LnNjc3MnLFxufSlcbmV4cG9ydCBjbGFzcyBUa0Zvcm1BdXRvY29tcGxldGVGaWVsZENvbXBvbmVudFxuICBpbXBsZW1lbnRzIE9uSW5pdCwgT25EZXN0cm95LCBBZnRlclZpZXdJbml0LCBPbkNoYW5nZXNcbntcbiAgLyoqXG4gICAqIElucHV0IGZpZWxkIGNvbnRyb2xcbiAgICogQGlnbm9yZVxuICAgKi9cbiAgcHVibGljIGZvcm1Db250cm9sID0gbmV3IEZvcm1Db250cm9sPHN0cmluZyB8IE9wdGlvbj4oJycpO1xuXG4gIC8qKlxuICAgKiBPcHRpb25hbCBpbnB1dCBmaWVsZCB3aWR0aFxuICAgKiBAZGVmYXVsdCAxMDAlXG4gICAqL1xuICBASW5wdXQoKVxuICBwdWJsaWMgZmllbGRXaWR0aD86IHN0cmluZztcblxuICAvKipcbiAgICogV2hhdCBjb2xvciBwYWxldHRlIHRvIHVzZVxuICAgKiBAZGVmYXVsdCAnYWNjZW50J1xuICAgKi9cbiAgQElucHV0KClcbiAgcHVibGljIHRoZW1lPzogVGhlbWVQYWxldHRlID0gJ2FjY2VudCc7XG5cbiAgLyoqXG4gICAqIEZvcm0gZmllbGQgYXBwZWFyYW5jZVxuICAgKiBAZGVmYXVsdCAnZmlsbCdcbiAgICovXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBhcHBlYXJhbmNlOiBNYXRGb3JtRmllbGRBcHBlYXJhbmNlID0gJ2ZpbGwnO1xuXG4gIC8qKlxuICAgKiBGb3JtIGZpZWxkIHJlc2VydmVkIHNwYWNlIGZvciBvbmUgbGluZSBieSBkZWZhdWx0LlxuICAgKiBAZGVmYXVsdCAnZHluYW1pYydcbiAgICovXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBzdWJzY3JpcHRTaXppbmc6IFN1YnNjcmlwdFNpemluZyA9ICdkeW5hbWljJztcblxuICAvKipcbiAgICogV2hldGhlciB0aGUgZmlyc3Qgb3B0aW9uIHNob3VsZCBiZSBoaWdobGlnaHRlZCB3aGVuIHRoZSBhdXRvY29tcGxldGUgcGFuZWwgaXMgb3BlbmVkXG4gICAqIEBkZWZhdWx0IHRydWVcbiAgICovXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBhdXRvQWN0aXZlRmlyc3RPcHRpb24/OiBib29sZWFuID0gdHJ1ZTtcblxuICAvKipcbiAgICogV2hldGhlciB0aGUgYWN0aXZlIG9wdGlvbiBzaG91bGQgYmUgc2VsZWN0ZWQgYXMgdGhlIHVzZXIgaXMgbmF2aWdhdGluZy5cbiAgICogQGRlZmF1bHQgdHJ1ZVxuICAgKi9cbiAgQElucHV0KClcbiAgcHVibGljIGF1dG9TZWxlY3RBY3RpdmVPcHRpb24/OiBib29sZWFuID0gdHJ1ZTtcblxuICAvKipcbiAgICogT3B0aW9uYWwgZmllbGQgaW5wdXQgdHlwZVxuICAgKiBAZGVmYXVsdCAndGV4dCdcbiAgICovXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyB0eXBlID0gJ3RleHQnO1xuXG4gIC8qKlxuICAgKiBXaGV0aGVyIHRoZSBmaWVsZCBpcyByZXF1aXJlZFxuICAgKiBAZGVmYXVsdCB0cnVlXG4gICAqL1xuICBASW5wdXQoKVxuICBwdWJsaWMgcmVxdWlyZWQgPSB0cnVlO1xuXG4gIC8qKlxuICAgKiBPcHRpb25hbCBpbnB1dCBmaWVsZCB0aXRsZVxuICAgKiBAZGVmYXVsdCBudWxsXG4gICAqL1xuICBASW5wdXQoKVxuICBwdWJsaWMgZmllbGRUaXRsZT86IHN0cmluZztcblxuICAvKipcbiAgICogSW5wdXQgZmllbGQgbGFiZWxcbiAgICovXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBmaWVsZExhYmVsID0gJyc7XG5cbiAgLyoqXG4gICAqIElucHV0IGZpZWxkIHBsYWNlaG9sZGVyXG4gICAqIEBkZWZhdWx0ICcnXG4gICAqL1xuICBASW5wdXQoKVxuICBwdWJsaWMgcGxhY2VIb2xkZXIgPSAnJztcblxuICAvKipcbiAgICogRmlsdGVyZWQgb3B0aW9uc1xuICAgKiBAaWdub3JlXG4gICAqL1xuICBwdWJsaWMgZmlsdGVyZWRPcHRpb25zITogT2JzZXJ2YWJsZTxPcHRpb25bXT47XG5cbiAgLyoqXG4gICAqIE9wdGlvbnMgdG8gYmUgZGlzcGxheWVkXG4gICAqIEBpZ25vcmVcbiAgICovXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBvcHRpb25zOiBPcHRpb25bXSA9IFtdO1xuXG4gIC8qKlxuICAgKiBPcHRpb24gY2hhbmdlcyBoYW5kbGVyXG4gICAqL1xuICBAT3V0cHV0KClcbiAgcHVibGljIG9wdGlvblNlbGVjdGVkID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmcgfCBudW1iZXI+KCk7XG5cbiAgLyoqXG4gICAqIElucHV0IGZpZWxkIGNoYW5nZXMgaGFuZGxlclxuICAgKi9cbiAgQE91dHB1dCgpXG4gIHB1YmxpYyBpbnB1dFN0YXR1cyA9IG5ldyBFdmVudEVtaXR0ZXI8Rm9ybUNvbnRyb2w+KCk7XG5cbiAgLyoqXG4gICAqIEF1dG9jb21wbGV0ZSBib3R0b20gcmVhY2hlZCBoYW5kbGVyXG4gICAqL1xuICBAT3V0cHV0KClcbiAgcHVibGljIGJvdHRvbVJlYWNoZWQgPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XG5cbiAgLyoqXG4gICAqIFN1YnNjcmlwdGlvbnMgcHJvcGVydHkgdG8gaGFuZGxlIGFsbCBzdWJzY3JpcHRpb25zXG4gICAqIEBpZ25vcmVcbiAgICovXG4gIHByaXZhdGUgcmVhZG9ubHkgc3Vic2NyaXB0aW9uczogU3Vic2NyaXB0aW9uID0gbmV3IFN1YnNjcmlwdGlvbigpO1xuXG4gIC8qKlxuICAgKiBNYXQtYXV0b2NvbXBsZXRlIHJlZmVyZW5jZVxuICAgKiBAaWdub3JlXG4gICAqL1xuICBAVmlld0NoaWxkKCdhdXRvJykgbWF0QXV0b2NvbXBsZXRlITogTWF0QXV0b2NvbXBsZXRlO1xuXG4gIC8qKlxuICAgKiBDb21wb25lbnQgbGlmZWN5Y2xlIG1ldGhvZFxuICAgKiBAaWdub3JlXG4gICAqL1xuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLnVwZGF0ZUZpbHRlcmVkT3B0aW9ucygpO1xuICB9XG5cbiAgLyoqXG4gICAqIENvbXBvbmVudCBsaWZlY3ljbGUgbWV0aG9kXG4gICAqIEBpZ25vcmVcbiAgICovXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLmluaXRBdXRvY29tcGxldGVMaXN0ZW5lcigpO1xuICB9XG5cbiAgLyoqXG4gICAqIENvbXBvbmVudCBsaWZlY3ljbGUgbWV0aG9kXG4gICAqIEBpZ25vcmVcbiAgICovXG4gIG5nT25DaGFuZ2VzKGNoYW5nZXM6IFNpbXBsZUNoYW5nZXMpOiB2b2lkIHtcbiAgICBpZiAoY2hhbmdlcykge1xuICAgICAgdGhpcy51cGRhdGVGaWx0ZXJlZE9wdGlvbnMoKTtcbiAgICB9XG4gIH1cblxuICAvKipcbiAgICogSGFuZGxlcyBvcHRpb25zIHVwZGF0ZXNcbiAgICogQGlnbm9yZVxuICAgKi9cbiAgcHJpdmF0ZSB1cGRhdGVGaWx0ZXJlZE9wdGlvbnMoKTogdm9pZCB7XG4gICAgdGhpcy5maWx0ZXJlZE9wdGlvbnMgPSB0aGlzLmZvcm1Db250cm9sLnZhbHVlQ2hhbmdlcy5waXBlKFxuICAgICAgc3RhcnRXaXRoKCcnKSxcbiAgICAgIG1hcCh2YWx1ZSA9PiB7XG4gICAgICAgIGNvbnN0IG9wdGlvbiA9IHR5cGVvZiB2YWx1ZSA9PT0gJ3N0cmluZycgPyB2YWx1ZSA6IHZhbHVlPy5WaWV3VmFsdWU7XG4gICAgICAgIHJldHVybiBvcHRpb25cbiAgICAgICAgICA/IHRoaXMuX2ZpbHRlck9wdGlvbnMob3B0aW9uKVxuICAgICAgICAgIDogKHRoaXMub3B0aW9ucyA/PyBbXSkuc2xpY2UoKTtcbiAgICAgIH0pXG4gICAgKTtcbiAgfVxuXG4gIC8qKlxuICAgKiBTdGFydHMgdGhlIGF1dG9jb21wbGV0ZSBzdWJzY3JpcHRpb25zXG4gICAqIEBpZ25vcmVcbiAgICovXG4gIHB1YmxpYyBpbml0QXV0b2NvbXBsZXRlTGlzdGVuZXIoKTogdm9pZCB7XG4gICAgY29uc3Qgb3BlbmVkU3Vic2NyaXB0aW9uID0gdGhpcy5vbkF1dG9jb21wbGV0ZU9wZW5lZCgpO1xuICAgIGNvbnN0IGNsb3NlZFN1YnNjcmlwdGlvbiA9IHRoaXMub25BdXRvY29tcGxldGVDbG9zZWQoKTtcblxuICAgIHRoaXMuc3Vic2NyaXB0aW9ucy5hZGQob3BlbmVkU3Vic2NyaXB0aW9uKTtcbiAgICB0aGlzLnN1YnNjcmlwdGlvbnMuYWRkKGNsb3NlZFN1YnNjcmlwdGlvbik7XG4gIH1cblxuICAvKipcbiAgICogSGFuZGxlcyB0aGUgYXV0b2NvbXBsZXRlIG9wZW5lZCBldmVudFxuICAgKiBAaWdub3JlXG4gICAqL1xuICBwcml2YXRlIG9uQXV0b2NvbXBsZXRlT3BlbmVkKCk6IFN1YnNjcmlwdGlvbiB7XG4gICAgcmV0dXJuIHRoaXMubWF0QXV0b2NvbXBsZXRlLm9wZW5lZC5zdWJzY3JpYmUoKCkgPT4ge1xuICAgICAgc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICAgIGNvbnN0IHBhbmVsID0gdGhpcy5tYXRBdXRvY29tcGxldGUucGFuZWw/Lm5hdGl2ZUVsZW1lbnQ7XG4gICAgICAgIGlmIChwYW5lbCkge1xuICAgICAgICAgIHBhbmVsLmFkZEV2ZW50TGlzdGVuZXIoJ3Njcm9sbCcsIHRoaXMub25TY3JvbGwuYmluZCh0aGlzKSk7XG4gICAgICAgIH1cbiAgICAgIH0pO1xuICAgIH0pO1xuICB9XG5cbiAgLyoqXG4gICAqIEhhbmRsZXMgdGhlIGF1dG9jb21wbGV0ZSBjbG9zZWQgZXZlbnRcbiAgICogQGlnbm9yZVxuICAgKi9cbiAgcHJpdmF0ZSBvbkF1dG9jb21wbGV0ZUNsb3NlZCgpOiBTdWJzY3JpcHRpb24ge1xuICAgIHJldHVybiB0aGlzLm1hdEF1dG9jb21wbGV0ZS5jbG9zZWQuc3Vic2NyaWJlKCgpID0+IHtcbiAgICAgIGNvbnN0IHBhbmVsID0gdGhpcy5tYXRBdXRvY29tcGxldGUucGFuZWw/Lm5hdGl2ZUVsZW1lbnQ7XG4gICAgICBpZiAocGFuZWwpIHtcbiAgICAgICAgcGFuZWwucmVtb3ZlRXZlbnRMaXN0ZW5lcignc2Nyb2xsJywgdGhpcy5vblNjcm9sbC5iaW5kKHRoaXMpKTtcbiAgICAgIH1cbiAgICB9KTtcbiAgfVxuXG4gIC8qKlxuICAgKiBIYW5kbGVzIHRoZSBzY3JvbGxpbmcgZXZlbnRcbiAgICogQGlnbm9yZVxuICAgKi9cbiAgcHJpdmF0ZSBvblNjcm9sbChldmVudDogRXZlbnQpIHtcbiAgICBjb25zdCBwYW5lbCA9IGV2ZW50LnRhcmdldCBhcyBIVE1MRWxlbWVudDtcbiAgICBjb25zdCBzY3JvbGxUb3AgPSBwYW5lbC5zY3JvbGxUb3A7XG4gICAgY29uc3Qgc2Nyb2xsSGVpZ2h0ID0gcGFuZWwuc2Nyb2xsSGVpZ2h0O1xuICAgIGNvbnN0IG9mZnNldEhlaWdodCA9IHBhbmVsLm9mZnNldEhlaWdodDtcblxuICAgIGlmIChzY3JvbGxUb3AgKyBvZmZzZXRIZWlnaHQgPj0gc2Nyb2xsSGVpZ2h0KSB7XG4gICAgICB0aGlzLm9uU2Nyb2xsZWRUb0VuZCgpO1xuICAgIH1cbiAgfVxuXG4gIC8qKlxuICAgKiBFbWl0cyB0aGUgYm90dG9tUmVhY2hlZCB3aGVuIHRoZSB1c2VyIHJlYWNoZXMgdGhlIGVuZCBvZiB0aGUgYXV0b2NvbXBsZXRlIHBhbmVsXG4gICAqIEBpZ25vcmVcbiAgICovXG4gIHByaXZhdGUgb25TY3JvbGxlZFRvRW5kKCk6IHZvaWQge1xuICAgIHRoaXMuYm90dG9tUmVhY2hlZC5lbWl0KCk7XG4gIH1cblxuICAvKipcbiAgICogQ29uZGl0aW9ucyB0aGUgb3B0aW9ucycgdmlldyB0byBkaXNwbGF5IHRoZSB2aWV3IHZhbHVlXG4gICAqIEBpZ25vcmVcbiAgICovXG4gIHB1YmxpYyBkaXNwbGF5Rm4ob3B0aW9uOiBPcHRpb24gfCBudWxsKTogc3RyaW5nIHtcbiAgICByZXR1cm4gb3B0aW9uPy5WaWV3VmFsdWUgPyBvcHRpb24uVmlld1ZhbHVlIDogJyc7XG4gIH1cblxuICAvKipcbiAgICogRmlsdGVycyB0aGUgb3B0aW9ucyBhY2NvcmRpbmcgdG8gdGhlIGlucHV0IHZhbHVlXG4gICAqIEBpZ25vcmVcbiAgICovXG4gIHByaXZhdGUgX2ZpbHRlck9wdGlvbnModmFsdWU6IHN0cmluZyk6IE9wdGlvbltdIHtcbiAgICBjb25zdCBmaWx0ZXJWYWx1ZSA9IHZhbHVlLnRvTG93ZXJDYXNlKCk7XG5cbiAgICByZXR1cm4gdGhpcy5vcHRpb25zLmZpbHRlcihvcHRpb24gPT5cbiAgICAgIG9wdGlvbi5WaWV3VmFsdWUudG9Mb3dlckNhc2UoKS5pbmNsdWRlcyhmaWx0ZXJWYWx1ZSlcbiAgICApO1xuICB9XG5cbiAgLyoqXG4gICAqIEVtaXRzIHRoZSBzZWxlY3RlZCBvcHRpb24gZXZlcnkgdGltZSBpdCBjaGFuZ2VzXG4gICAqIEBpZ25vcmVcbiAgICovXG4gIHB1YmxpYyBvblNlbGVjdGlvbkNoYW5nZWQob3B0aW9uOiBPcHRpb24pOiB2b2lkIHtcbiAgICB0aGlzLm9wdGlvblNlbGVjdGVkLmVtaXQob3B0aW9uLlZhbHVlKTtcbiAgfVxuXG4gIC8qKlxuICAgKiBFbWl0cyB0aGUgZm9ybUNvbnRyb2wgdmFyaWFibGUgZXZlcnkgdGltZSB0aGUgaW5wdXQgdmFsdWUgY2hhbmdlc1xuICAgKiBAaWdub3JlXG4gICAqL1xuICBwdWJsaWMgb25JbnB1dENoYW5nZWQoKTogdm9pZCB7XG4gICAgdGhpcy5pbnB1dFN0YXR1cy5lbWl0KHRoaXMuZm9ybUNvbnRyb2wpO1xuICB9XG5cbiAgLyoqXG4gICAqIFVuc3Vic2NyaWJlIGZyb20gYWxsIHN1YnNjcmlwdGlvbnMgd2hlbiB0aGUgY29tcG9uZW50IGlzIGRlc3Ryb3llZFxuICAgKiBAaWdub3JlXG4gICAqL1xuICBuZ09uRGVzdHJveSgpIHtcbiAgICB0aGlzLnN1YnNjcmlwdGlvbnM/LnVuc3Vic2NyaWJlKCk7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJzZWN0aW9uXCIgW25nU3R5bGVdPVwieyB3aWR0aDogZmllbGRXaWR0aCA/ICdmaXQtY29udGVudCcgOiAnMTAwJScgfVwiPlxuICBAaWYgKGZpZWxkVGl0bGUpIHtcbiAgPGgxIGNsYXNzPVwiZmllbGRfX3RpdGxlXCI+e3sgZmllbGRUaXRsZSB9fTwvaDE+XG4gIH1cbiAgPG1hdC1mb3JtLWZpZWxkXG4gICAgY2xhc3M9XCJmb3JtX19maWVsZFwiXG4gICAgW2NvbG9yXT1cInRoZW1lXCJcbiAgICBbYXBwZWFyYW5jZV09XCJhcHBlYXJhbmNlXCJcbiAgICBbc3Vic2NyaXB0U2l6aW5nXT1cInN1YnNjcmlwdFNpemluZ1wiXG4gICAgW25nU3R5bGVdPVwieyB3aWR0aDogZmllbGRXaWR0aCA/IGZpZWxkV2lkdGggOiAnMTAwJScgfVwiPlxuICAgIDxtYXQtbGFiZWwgY2xhc3M9XCJmb3JtX19maWVsZF9fbGFiZWxcIj57eyBmaWVsZExhYmVsIH19PC9tYXQtbGFiZWw+XG4gICAgPGlucHV0XG4gICAgICBtYXRJbnB1dFxuICAgICAgW3R5cGVdPVwidHlwZVwiXG4gICAgICBhcmlhLWxhYmVsPVwiT3B0aW9uXCJcbiAgICAgIFtyZXF1aXJlZF09XCJyZXF1aXJlZFwiXG4gICAgICBbbWF0QXV0b2NvbXBsZXRlXT1cImF1dG9cIlxuICAgICAgKGlucHV0KT1cIm9uSW5wdXRDaGFuZ2VkKClcIlxuICAgICAgW2Zvcm1Db250cm9sXT1cImZvcm1Db250cm9sXCJcbiAgICAgIFtwbGFjZWhvbGRlcl09XCJwbGFjZUhvbGRlclwiIC8+XG4gICAgPG1hdC1hdXRvY29tcGxldGVcbiAgICAgIHJlcXVpcmVTZWxlY3Rpb25cbiAgICAgICNhdXRvPVwibWF0QXV0b2NvbXBsZXRlXCJcbiAgICAgIFtkaXNwbGF5V2l0aF09XCJkaXNwbGF5Rm5cIlxuICAgICAgW2F1dG9BY3RpdmVGaXJzdE9wdGlvbl09XCJhdXRvQWN0aXZlRmlyc3RPcHRpb25cIlxuICAgICAgW2F1dG9TZWxlY3RBY3RpdmVPcHRpb25dPVwiYXV0b1NlbGVjdEFjdGl2ZU9wdGlvblwiXG4gICAgICAob3B0aW9uU2VsZWN0ZWQpPVwib25TZWxlY3Rpb25DaGFuZ2VkKCRldmVudC5vcHRpb24udmFsdWUpXCI+XG4gICAgICBAZm9yIChvcHRpb24gb2YgZmlsdGVyZWRPcHRpb25zIHwgYXN5bmM7IHRyYWNrIG9wdGlvbi5WYWx1ZSkge1xuICAgICAgPG1hdC1vcHRpb24gW3ZhbHVlXT1cIm9wdGlvblwiPlxuICAgICAgICA8c3Bhbj57eyBvcHRpb24uVmlld1ZhbHVlIH19PC9zcGFuPlxuICAgICAgPC9tYXQtb3B0aW9uPlxuICAgICAgfVxuICAgIDwvbWF0LWF1dG9jb21wbGV0ZT5cbiAgPC9tYXQtZm9ybS1maWVsZD5cbjwvZGl2PlxuIl19

package/esm2022/components/forms/tk-form-chips-autocomplete-field/tk-form-chips-autocomplete-field.component.mjs

@@ -16,10 +16,6 @@ import * as i4 from "@angular/material/form-field";
 import * as i5 from "@angular/material/autocomplete";
 import * as i6 from "@angular/material/core";
 export class TkFormChipsAutocompleteFieldComponent {
-    /**
-     * @ignore
-     * Class constructor
-     */
     constructor() {
         /**
          * Input field label
@@ -73,7 +69,31 @@ export class TkFormChipsAutocompleteFieldComponent {
          * @ignore
          */
         this.allKeywords = [];
-        this.filteredKeywords = this.formControl.valueChanges.pipe(startWith(null), map((keyword) => keyword ? this._filter(String(keyword)) : this.allKeywords.slice()));
+    }
+    /**
+     * @ignore
+     * Lifecycle method
+     */
+    ngOnInit() {
+        this.updateFilteredKeywords();
+    }
+    /**
+     * @ignore
+     * Lifecycle method
+     */
+    ngOnChanges(changes) {
+        if (changes['allKeywords']) {
+            this.updateFilteredKeywords();
+        }
+    }
+    /**
+     * Updates the filtered keywords when allKeywords changes
+     * @ignore
+     */
+    updateFilteredKeywords() {
+        this.filteredKeywords = this.formControl.valueChanges.pipe(startWith(null), map((keyword) => keyword
+            ? this._filter(String(keyword))
+            : (this.allKeywords ?? []).slice()));
     }
     /**
      * Handles every keyword deletion
@@ -125,7 +145,7 @@ export class TkFormChipsAutocompleteFieldComponent {
         return this.allKeywords.filter(keyword => keyword.ViewValue.toLowerCase().includes(filterValue));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: TkFormChipsAutocompleteFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.10", type: TkFormChipsAutocompleteFieldComponent, isStandalone: true, selector: "lib-tk-form-chips-autocomplete-field", inputs: { fieldLabel: "fieldLabel", placeHolder: "placeHolder", fieldTitle: "fieldTitle", theme: "theme", subscriptSizing: "subscriptSizing", fieldWidth: "fieldWidth", appearance: "appearance", allKeywords: "allKeywords" }, outputs: { inputStatus: "inputStatus", selectedKeywords: "selectedKeywords" }, viewQueries: [{ propertyName: "keywordInput", first: true, predicate: ["keywordInput"], descendants: true }], ngImport: i0, template: "<div class=\"section\" [ngStyle]=\"{ width: fieldWidth ? 'fit-content' : '100%' }\">\n  @if (fieldTitle) {\n    <h1 class=\"field__title\">{{ fieldTitle }}</h1>\n  }\n  <mat-form-field\n    class=\"form__field\"\n    [color]=\"theme\"\n    [appearance]=\"appearance\"\n    [subscriptSizing]=\"subscriptSizing\"\n    [ngStyle]=\"{ width: fieldWidth ? fieldWidth : '100%' }\">\n    <mat-label class=\"form__field__label\">{{ fieldLabel }}</mat-label>\n    <mat-chip-grid #chipGrid aria-label=\"Keyword selection\">\n      @for (keyword of keywords; track keyword.Value) {\n        <mat-chip-row (removed)=\"remove(keyword)\">\n          {{ keyword.ViewValue }}\n          <button\n            matChipRemove\n            [attr.aria-label]=\"'remove ' + keyword.ViewValue\">\n            <mat-icon>cancel</mat-icon>\n          </button>\n        </mat-chip-row>\n      }\n    </mat-chip-grid>\n    <input\n      #keywordInput\n      [matAutocomplete]=\"auto\"\n      [formControl]=\"formControl\"\n      [placeholder]=\"placeHolder\"\n      [matChipInputFor]=\"chipGrid\"\n      [matChipInputSeparatorKeyCodes]=\"separatorKeysCodes\" />\n    <mat-autocomplete\n      #auto=\"matAutocomplete\"\n      (optionSelected)=\"selected($event)\">\n      @for (keyword of filteredKeywords | async; track keyword.Value) {\n        <mat-option [value]=\"keyword.Value\">{{ keyword.ViewValue }}</mat-option>\n      }\n    </mat-autocomplete>\n  </mat-form-field>\n</div>\n", styles: [".section{gap:.5rem;display:flex;flex-wrap:wrap;max-width:100%;align-items:center;justify-content:flex-start}.form__field{flex:1;height:100%;width:20rem;display:flex;max-width:100%;min-width:10rem;font-size:clamp(.8rem,.657rem + .381vw,1rem)}.form__field__label{font-weight:400;font-style:normal;line-height:.98438em;font-size:clamp(.688rem,.554rem + .357vw,.875rem)}.field__title{margin:0;padding:0;max-width:100%;font-weight:500;overflow:hidden;font-style:normal;align-self:center;white-space:nowrap;text-overflow:ellipsis;font-size:clamp(.9rem,.852rem + .276vw,1.1rem)}\n"], dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.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: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatChipsModule }, { kind: "component", type: i3.MatChipGrid, selector: "mat-chip-grid", inputs: ["disabled", "placeholder", "required", "value", "errorStateMatcher"], outputs: ["change", "valueChange"] }, { kind: "directive", type: i3.MatChipInput, selector: "input[matChipInputFor]", inputs: ["matChipInputFor", "matChipInputAddOnBlur", "matChipInputSeparatorKeyCodes", "placeholder", "id", "disabled"], outputs: ["matChipInputTokenEnd"], exportAs: ["matChipInput", "matChipInputFor"] }, { kind: "directive", type: i3.MatChipRemove, selector: "[matChipRemove]" }, { kind: "component", type: i3.MatChipRow, selector: "mat-chip-row, [mat-chip-row], mat-basic-chip-row, [mat-basic-chip-row]", inputs: ["editable"], outputs: ["edited"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i4.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatLabel, selector: "mat-label" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatAutocompleteModule }, { kind: "component", type: i5.MatAutocomplete, selector: "mat-autocomplete", inputs: ["aria-label", "aria-labelledby", "displayWith", "autoActiveFirstOption", "autoSelectActiveOption", "requireSelection", "panelWidth", "disableRipple", "class", "hideSingleSelectionIndicator"], outputs: ["optionSelected", "opened", "closed", "optionActivated"], exportAs: ["matAutocomplete"] }, { kind: "component", type: i6.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: i5.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.10", type: TkFormChipsAutocompleteFieldComponent, isStandalone: true, selector: "lib-tk-form-chips-autocomplete-field", inputs: { fieldLabel: "fieldLabel", placeHolder: "placeHolder", fieldTitle: "fieldTitle", theme: "theme", subscriptSizing: "subscriptSizing", fieldWidth: "fieldWidth", appearance: "appearance", allKeywords: "allKeywords" }, outputs: { inputStatus: "inputStatus", selectedKeywords: "selectedKeywords" }, viewQueries: [{ propertyName: "keywordInput", first: true, predicate: ["keywordInput"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"section\" [ngStyle]=\"{ width: fieldWidth ? 'fit-content' : '100%' }\">\n  @if (fieldTitle) {\n    <h1 class=\"field__title\">{{ fieldTitle }}</h1>\n  }\n  <mat-form-field\n    class=\"form__field\"\n    [color]=\"theme\"\n    [appearance]=\"appearance\"\n    [subscriptSizing]=\"subscriptSizing\"\n    [ngStyle]=\"{ width: fieldWidth ? fieldWidth : '100%' }\">\n    <mat-label class=\"form__field__label\">{{ fieldLabel }}</mat-label>\n    <mat-chip-grid #chipGrid aria-label=\"Keyword selection\">\n      @for (keyword of keywords; track keyword.Value) {\n        <mat-chip-row (removed)=\"remove(keyword)\">\n          {{ keyword.ViewValue }}\n          <button\n            matChipRemove\n            [attr.aria-label]=\"'remove ' + keyword.ViewValue\">\n            <mat-icon>cancel</mat-icon>\n          </button>\n        </mat-chip-row>\n      }\n    </mat-chip-grid>\n    <input\n      #keywordInput\n      [matAutocomplete]=\"auto\"\n      [formControl]=\"formControl\"\n      [placeholder]=\"placeHolder\"\n      [matChipInputFor]=\"chipGrid\"\n      [matChipInputSeparatorKeyCodes]=\"separatorKeysCodes\" />\n    <mat-autocomplete\n      #auto=\"matAutocomplete\"\n      (optionSelected)=\"selected($event)\">\n      @for (keyword of filteredKeywords | async; track keyword.Value) {\n        <mat-option [value]=\"keyword.Value\">{{ keyword.ViewValue }}</mat-option>\n      }\n    </mat-autocomplete>\n  </mat-form-field>\n</div>\n", styles: [".section{gap:.5rem;display:flex;flex-wrap:wrap;max-width:100%;align-items:center;justify-content:flex-start}.form__field{flex:1;height:100%;width:20rem;display:flex;max-width:100%;min-width:10rem;font-size:clamp(.8rem,.657rem + .381vw,1rem)}.form__field__label{font-weight:400;font-style:normal;line-height:.98438em;font-size:clamp(.688rem,.554rem + .357vw,.875rem)}.field__title{margin:0;padding:0;max-width:100%;font-weight:500;overflow:hidden;font-style:normal;align-self:center;white-space:nowrap;text-overflow:ellipsis;font-size:clamp(.9rem,.852rem + .276vw,1.1rem)}\n"], dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.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: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatChipsModule }, { kind: "component", type: i3.MatChipGrid, selector: "mat-chip-grid", inputs: ["disabled", "placeholder", "required", "value", "errorStateMatcher"], outputs: ["change", "valueChange"] }, { kind: "directive", type: i3.MatChipInput, selector: "input[matChipInputFor]", inputs: ["matChipInputFor", "matChipInputAddOnBlur", "matChipInputSeparatorKeyCodes", "placeholder", "id", "disabled"], outputs: ["matChipInputTokenEnd"], exportAs: ["matChipInput", "matChipInputFor"] }, { kind: "directive", type: i3.MatChipRemove, selector: "[matChipRemove]" }, { kind: "component", type: i3.MatChipRow, selector: "mat-chip-row, [mat-chip-row], mat-basic-chip-row, [mat-basic-chip-row]", inputs: ["editable"], outputs: ["edited"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i4.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatLabel, selector: "mat-label" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatAutocompleteModule }, { kind: "component", type: i5.MatAutocomplete, selector: "mat-autocomplete", inputs: ["aria-label", "aria-labelledby", "displayWith", "autoActiveFirstOption", "autoSelectActiveOption", "requireSelection", "panelWidth", "disableRipple", "class", "hideSingleSelectionIndicator"], outputs: ["optionSelected", "opened", "closed", "optionActivated"], exportAs: ["matAutocomplete"] }, { kind: "component", type: i6.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: i5.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: TkFormChipsAutocompleteFieldComponent, decorators: [{
             type: Component,
@@ -140,7 +160,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImpo
                         ReactiveFormsModule,
                         MatAutocompleteModule,
                     ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"section\" [ngStyle]=\"{ width: fieldWidth ? 'fit-content' : '100%' }\">\n  @if (fieldTitle) {\n    <h1 class=\"field__title\">{{ fieldTitle }}</h1>\n  }\n  <mat-form-field\n    class=\"form__field\"\n    [color]=\"theme\"\n    [appearance]=\"appearance\"\n    [subscriptSizing]=\"subscriptSizing\"\n    [ngStyle]=\"{ width: fieldWidth ? fieldWidth : '100%' }\">\n    <mat-label class=\"form__field__label\">{{ fieldLabel }}</mat-label>\n    <mat-chip-grid #chipGrid aria-label=\"Keyword selection\">\n      @for (keyword of keywords; track keyword.Value) {\n        <mat-chip-row (removed)=\"remove(keyword)\">\n          {{ keyword.ViewValue }}\n          <button\n            matChipRemove\n            [attr.aria-label]=\"'remove ' + keyword.ViewValue\">\n            <mat-icon>cancel</mat-icon>\n          </button>\n        </mat-chip-row>\n      }\n    </mat-chip-grid>\n    <input\n      #keywordInput\n      [matAutocomplete]=\"auto\"\n      [formControl]=\"formControl\"\n      [placeholder]=\"placeHolder\"\n      [matChipInputFor]=\"chipGrid\"\n      [matChipInputSeparatorKeyCodes]=\"separatorKeysCodes\" />\n    <mat-autocomplete\n      #auto=\"matAutocomplete\"\n      (optionSelected)=\"selected($event)\">\n      @for (keyword of filteredKeywords | async; track keyword.Value) {\n        <mat-option [value]=\"keyword.Value\">{{ keyword.ViewValue }}</mat-option>\n      }\n    </mat-autocomplete>\n  </mat-form-field>\n</div>\n", styles: [".section{gap:.5rem;display:flex;flex-wrap:wrap;max-width:100%;align-items:center;justify-content:flex-start}.form__field{flex:1;height:100%;width:20rem;display:flex;max-width:100%;min-width:10rem;font-size:clamp(.8rem,.657rem + .381vw,1rem)}.form__field__label{font-weight:400;font-style:normal;line-height:.98438em;font-size:clamp(.688rem,.554rem + .357vw,.875rem)}.field__title{margin:0;padding:0;max-width:100%;font-weight:500;overflow:hidden;font-style:normal;align-self:center;white-space:nowrap;text-overflow:ellipsis;font-size:clamp(.9rem,.852rem + .276vw,1.1rem)}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { fieldLabel: [{
+        }], propDecorators: { fieldLabel: [{
                 type: Input
             }], placeHolder: [{
                 type: Input
@@ -164,4 +184,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImpo
                 type: ViewChild,
                 args: ['keywordInput']
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGstZm9ybS1jaGlwcy1hdXRvY29tcGxldGUtZmllbGQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZGVzaWduLXN5c3RlbS9jb21wb25lbnRzL2Zvcm1zL3RrLWZvcm0tY2hpcHMtYXV0b2NvbXBsZXRlLWZpZWxkL3RrLWZvcm0tY2hpcHMtYXV0b2NvbXBsZXRlLWZpZWxkLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Rlc2lnbi1zeXN0ZW0vY29tcG9uZW50cy9mb3Jtcy90ay1mb3JtLWNoaXBzLWF1dG9jb21wbGV0ZS1maWVsZC90ay1mb3JtLWNoaXBzLWF1dG9jb21wbGV0ZS1maWVsZC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsS0FBSyxFQUNMLE1BQU0sRUFDTixTQUFTLEVBQ1QsU0FBUyxFQUVULFlBQVksRUFDWix1QkFBdUIsR0FDeEIsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUVMLGtCQUFrQixHQUVuQixNQUFNLDhCQUE4QixDQUFDO0FBQ3RDLE9BQU8sRUFDTCxxQkFBcUIsR0FFdEIsTUFBTSxnQ0FBZ0MsQ0FBQztBQUV4QyxPQUFPLEVBQUUsR0FBRyxFQUFjLFNBQVMsRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUNsRCxPQUFPLEVBQUUsU0FBUyxFQUFFLE9BQU8sRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ3JELE9BQU8sRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFFckQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQ3ZELE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUN6RCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDM0QsT0FBTyxFQUFFLFdBQVcsRUFBRSxXQUFX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QUFZO3NCQUF0QyxTQUFTO3VCQUFDLGNBQWMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBJbnB1dCxcbiAgT3V0cHV0LFxuICBDb21wb25lbnQsXG4gIFZpZXdDaGlsZCxcbiAgRWxlbWVudFJlZixcbiAgRXZlbnRFbWl0dGVyLFxuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge1xuICBTdWJzY3JpcHRTaXppbmcsXG4gIE1hdEZvcm1GaWVsZE1vZHVsZSxcbiAgTWF0Rm9ybUZpZWxkQXBwZWFyYW5jZSxcbn0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvZm9ybS1maWVsZCc7XG5pbXBvcnQge1xuICBNYXRBdXRvY29tcGxldGVNb2R1bGUsXG4gIE1hdEF1dG9jb21wbGV0ZVNlbGVjdGVkRXZlbnQsXG59IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2F1dG9jb21wbGV0ZSc7XG5pbXBvcnQgeyBPcHRpb24gfSBmcm9tICcuL21vZGVscy9vcHRpb24ubW9kZWwnO1xuaW1wb3J0IHsgbWFwLCBPYnNlcnZhYmxlLCBzdGFydFdpdGggfSBmcm9tICdyeGpzJztcbmltcG9ydCB7IEFzeW5jUGlwZSwgTmdTdHlsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBDT01NQSwgRU5URVIgfSBmcm9tICdAYW5ndWxhci9jZGsva2V5Y29kZXMnO1xuaW1wb3J0IHsgVGhlbWVQYWxldHRlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvY29yZSc7XG5pbXBvcnQgeyBNYXRJY29uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvaWNvbic7XG5pbXBvcnQgeyBNYXRDaGlwc01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2NoaXBzJztcbmltcG9ydCB7IE1hdEJ1dHRvbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2J1dHRvbic7XG5pbXBvcnQgeyBGb3JtQ29udHJvbCwgRm9ybXNNb2R1bGUsIFJlYWN0aXZlRm9ybXNNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2xpYi10ay1mb3JtLWNoaXBzLWF1dG9jb21wbGV0ZS1maWVsZCcsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtcbiAgICBOZ1N0eWxlLFxuICAgIEFzeW5jUGlwZSxcbiAgICBGb3Jtc01vZHVsZSxcbiAgICBNYXRJY29uTW9kdWxlLFxuICAgIE1hdENoaXBzTW9kdWxlLFxuICAgIE1hdEJ1dHRvbk1vZHVsZSxcbiAgICBNYXRGb3JtRmllbGRNb2R1bGUsXG4gICAgUmVhY3RpdmVGb3Jtc01vZHVsZSxcbiAgICBNYXRBdXRvY29tcGxldGVNb2R1bGUsXG4gIF0sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICB0ZW1wbGF0ZVVybDogJy4vdGstZm9ybS1jaGlwcy1hdXRvY29tcGxldGUtZmllbGQuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybDogJy4vdGstZm9ybS1jaGlwcy1hdXRvY29tcGxldGUtZmllbGQuY29tcG9uZW50LnNjc3MnLFxufSlcbmV4cG9ydCBjbGFzcyBUa0Zvcm1DaGlwc0F1dG9jb21wbGV0ZUZpZWxkQ29tcG9uZW50IHtcbiAgLyoqXG4gICAqIElucHV0IGZpZWxkIGxhYmVsXG4gICAqL1xuICBASW5wdXQoKVxuICBwdWJsaWMgZmllbGRMYWJlbCA9ICcnO1xuXG4gIC8qKlxuICAgKiBJbnB1dCBmaWVsZCBwbGFjZWhvbGRlclxuICAgKiBAZGVmYXVsdCAnJ1xuICAgKi9cbiAgQElucHV0KClcbiAgcHVibGljIHBsYWNlSG9sZGVyID0gJyc7XG5cbiAgLyoqXG4gICAqIE9wdGlvbmFsIGlucHV0IGZpZWxkIHRpdGxlXG4gICAqIEBkZWZhdWx0IG51bGxcbiAgICovXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBmaWVsZFRpdGxlPzogc3RyaW5nO1xuXG4gIC8qKlxuICAgKiBXaGF0IGNvbG9yIHBhbGV0dGUgdG8gdXNlXG4gICAqIEBkZWZhdWx0ICdhY2NlbnQnXG4gICAqL1xuICBASW5wdXQoKVxuICBwdWJsaWMgdGhlbWU/OiBUaGVtZVBhbGV0dGUgPSAnYWNjZW50JztcblxuICAvKipcbiAgICogRm9ybSBmaWVsZCByZXNlcnZlZCBzcGFjZSBmb3Igb25lIGxpbmUgYnkgZGVmYXVsdC5cbiAgICogQGRlZmF1bHQgJ2R5bmFtaWMnXG4gICAqL1xuICBASW5wdXQoKVxuICBwdWJsaWMgc3Vic2NyaXB0U2l6aW5nOiBTdWJzY3JpcHRTaXppbmcgPSAnZHluYW1pYyc7XG5cbiAgLyoqXG4gICAqIE9wdGlvbmFsIGlucHV0IGZpZWxkIHdpZHRoXG4gICAqIEBkZWZhdWx0IDEwMCVcbiAgICovXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBmaWVsZFdpZHRoPzogc3RyaW5nO1xuXG4gIC8qKlxuICAgKiBGb3JtIGZpZWxkIGFwcGVhcmFuY2VcbiAgICogQGRlZmF1bHQgJ2ZpbGwnXG4gICAqL1xuICBASW5wdXQoKVxuICBwdWJsaWMgYXBwZWFyYW5jZTogTWF0Rm9ybUZpZWxkQXBwZWFyYW5jZSA9ICdmaWxsJztcblxuICAvKipcbiAgICogSW5wdXQgZmllbGQgY29udHJvbFxuICAgKiBAaWdub3JlXG4gICAqL1xuICBwdWJsaWMgZm9ybUNvbnRyb2wgPSBuZXcgRm9ybUNvbnRyb2woJycpO1xuICAvKipcbiAgICogU2VsZWN0ZWQga2V5d29yZHNcbiAgICogQGlnbm9yZVxuICAgKi9cbiAgcHVibGljIGtleXdvcmRzOiBPcHRpb25bXSA9IFtdO1xuXG4gIC8qKlxuICAgKiBJbnB1dCBmaWVsZCBjaGFuZ2VzIGhhbmRsZXJcbiAgICovXG4gIEBPdXRwdXQoKVxuICBwdWJsaWMgaW5wdXRTdGF0dXMgPSBuZXcgRXZlbnRFbWl0dGVyPEZvcm1Db250cm9sPigpO1xuXG4gIC8qKlxuICAgKiBLZXl3b3JkcyBjaGFuZ2VzIGhhbmRsZXJcbiAgICovXG4gIEBPdXRwdXQoKVxuICBwdWJsaWMgc2VsZWN0ZWRLZXl3b3JkcyA9IG5ldyBFdmVudEVtaXR0ZXI8KHN0cmluZyB8IG51bWJlcilbXT4oKTtcblxuICAvKipcbiAgICogU2VwYXJhdG9yIGNvbnN0YW50c1xuICAgKiBAaWdub3JlXG4gICAqL1xuICBwdWJsaWMgcmVhZG9ubHkgc2VwYXJhdG9yS2V5c0NvZGVzOiBudW1iZXJbXSA9IFtFTlRFUiwgQ09NTUFdO1xuXG4gIC8qKlxuICAgKiBPcHRpb25zIHRvIGJlIGRpc3BsYXllZFxuICAgKiBAaWdub3JlXG4gICAqL1xuICBASW5wdXQoKVxuICBwdWJsaWMgYWxsS2V5d29yZHM6IE9wdGlvbltdID0gW107XG5cbiAgLyoqXG4gICAqIEZpbHRlcmVkIGtleXdvcmRzIGFmdGVyIHRoZSBpbnB1dCBmaWVsZCBjaGFuZ2VzXG4gICAqIEBpZ25vcmVcbiAgICovXG4gIHB1YmxpYyByZWFkb25seSBmaWx0ZXJlZEtleXdvcmRzOiBPYnNlcnZhYmxlPE9wdGlvbltdPjtcblxuICAvKipcbiAgICogS2V5d29yZCBJbnB1dCBlbGVtZW50IHJlZmVyZW5jZVxuICAgKiBAaWdub3JlXG4gICAqL1xuICBAVmlld0NoaWxkKCdrZXl3b3JkSW5wdXQnKSBrZXl3b3JkSW5wdXQhOiBFbGVtZW50UmVmPEhUTUxJbnB1dEVsZW1lbnQ+O1xuXG4gIC8qKlxuICAgKiBAaWdub3JlXG4gICAqIENsYXNzIGNvbnN0cnVjdG9yXG4gICAqL1xuICBjb25zdHJ1Y3RvcigpIHtcbiAgICB0aGlzLmZpbHRlcmVkS2V5d29yZHMgPSB0aGlzLmZvcm1Db250cm9sLnZhbHVlQ2hhbmdlcy5waXBlKFxuICAgICAgc3RhcnRXaXRoKG51bGwpLFxuICAgICAgbWFwKChrZXl3b3JkOiBzdHJpbmcgfCBudWxsKSA9PlxuICAgICAgICBrZXl3b3JkID8gdGhpcy5fZmlsdGVyKFN0cmluZyhrZXl3b3JkKSkgOiB0aGlzLmFsbEtleXdvcmRzLnNsaWNlKClcbiAgICAgIClcbiAgICApO1xuICB9XG5cbiAgLyoqXG4gICAqIEhhbmRsZXMgZXZlcnkga2V5d29yZCBkZWxldGlvblxuICAgKiBAaWdub3JlXG4gICAqL1xuICBwdWJsaWMgcmVtb3ZlKGtleXdvcmQ6IE9wdGlvbik6IHZvaWQge1xuICAgIGNvbnN0IGluZGV4ID0gdGhpcy5rZXl3b3Jkcy5pbmRleE9mKGtleXdvcmQpO1xuXG4gICAgaWYgKGluZGV4ID49IDApIHtcbiAgICAgIHRoaXMua2V5d29yZHMuc3BsaWNlKGluZGV4LCAxKTtcbiAgICAgIHRoaXMub25LZXl3b3Jkc0NoYW5nZWQoKTtcbiAgICB9XG4gIH1cblxuICAvKipcbiAgICogRW1pdHMgdGhlIGZvcm1Db250cm9sIHZhcmlhYmxlIGV2ZXJ5IHRpbWUgdGhlIGZpZWxkIHZhbHVlIGNoYW5nZXNcbiAgICogQGlnbm9yZVxuICAgKi9cbiAgcHVibGljIG9uSW5wdXRDaGFuZ2VkKCk6IHZvaWQge1xuICAgIHRoaXMuaW5wdXRTdGF0dXMuZW1pdCh0aGlzLmZvcm1Db250cm9sKTtcbiAgfVxuXG4gIC8qKlxuICAgKiBFbWl0cyB0aGUgc2VsZWN0ZWQga2V5d29yZHMgZXZlcnkgdGltZSB0aGV5IGNoYW5nZWRcbiAgICogQGlnbm9yZVxuICAgKi9cbiAgcHVibGljIG9uS2V5d29yZHNDaGFuZ2VkKCk6IHZvaWQge1xuICAgIHRoaXMuc2VsZWN0ZWRLZXl3b3Jkcy5lbWl0KHRoaXMua2V5d29yZHMubWFwKGtleXdvcmQgPT4ga2V5d29yZC5WYWx1ZSkpO1xuICB9XG5cbiAgLyoqXG4gICAqIEhhbmRsZXMgdGhlIGF1dG9jb21wbGV0ZSBzZWxlY3Rpb25cbiAgICogQGlnbm9yZVxuICAgKi9cbiAgcHVibGljIHNlbGVjdGVkKGV2ZW50OiBNYXRBdXRvY29tcGxldGVTZWxlY3RlZEV2ZW50KTogdm9pZCB7XG4gICAgY29uc3QgdmFsdWUgPSBldmVudC5vcHRpb24udmFsdWU7XG4gICAgY29uc3Qgc2VsZWN0ZWRLZXl3b3JkID0gdGhpcy5hbGxLZXl3b3Jkcy5maW5kKFxuICAgICAgb3B0aW9uID0+IG9wdGlvbi5WYWx1ZSA9PT0gdmFsdWVcbiAgICApO1xuXG4gICAgaWYgKFxuICAgICAgc2VsZWN0ZWRLZXl3b3JkICYmXG4gICAgICAhdGhpcy5rZXl3b3Jkcy5zb21lKGtleXdvcmQgPT4ga2V5d29yZC5WYWx1ZSA9PT0gc2VsZWN0ZWRLZXl3b3JkLlZhbHVlKVxuICAgICkge1xuICAgICAgdGhpcy5rZXl3b3Jkcy5wdXNoKHNlbGVjdGVkS2V5d29yZCk7XG4gICAgICB0aGlzLm9uS2V5d29yZHNDaGFuZ2VkKCk7XG4gICAgfVxuXG4gICAgdGhpcy5rZXl3b3JkSW5wdXQubmF0aXZlRWxlbWVudC52YWx1ZSA9ICcnO1xuICAgIHRoaXMuZm9ybUNvbnRyb2wuc2V0VmFsdWUobnVsbCk7XG4gIH1cblxuICAvKipcbiAgICogRmlsdGVycyB0aGUga2V5d29yZHMgYmFzZWQgb24gdGhlIGlucHV0XG4gICAqIEBpZ25vcmVcbiAgICovXG4gIHByaXZhdGUgX2ZpbHRlcih2YWx1ZTogc3RyaW5nKTogT3B0aW9uW10ge1xuICAgIHRoaXMub25JbnB1dENoYW5nZWQoKTtcbiAgICBjb25zdCBmaWx0ZXJWYWx1ZSA9IHZhbHVlLnRvTG93ZXJDYXNlKCk7XG5cbiAgICByZXR1cm4gdGhpcy5hbGxLZXl3b3Jkcy5maWx0ZXIoa2V5d29yZCA9PlxuICAgICAga2V5d29yZC5WaWV3VmFsdWUudG9Mb3dlckNhc2UoKS5pbmNsdWRlcyhmaWx0ZXJWYWx1ZSlcbiAgICApO1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwic2VjdGlvblwiIFtuZ1N0eWxlXT1cInsgd2lkdGg6IGZpZWxkV2lkdGggPyAnZml0LWNvbnRlbnQnIDogJzEwMCUnIH1cIj5cbiAgQGlmIChmaWVsZFRpdGxlKSB7XG4gICAgPGgxIGNsYXNzPVwiZmllbGRfX3RpdGxlXCI+e3sgZmllbGRUaXRsZSB9fTwvaDE+XG4gIH1cbiAgPG1hdC1mb3JtLWZpZWxkXG4gICAgY2xhc3M9XCJmb3JtX19maWVsZFwiXG4gICAgW2NvbG9yXT1cInRoZW1lXCJcbiAgICBbYXBwZWFyYW5jZV09XCJhcHBlYXJhbmNlXCJcbiAgICBbc3Vic2NyaXB0U2l6aW5nXT1cInN1YnNjcmlwdFNpemluZ1wiXG4gICAgW25nU3R5bGVdPVwieyB3aWR0aDogZmllbGRXaWR0aCA/IGZpZWxkV2lkdGggOiAnMTAwJScgfVwiPlxuICAgIDxtYXQtbGFiZWwgY2xhc3M9XCJmb3JtX19maWVsZF9fbGFiZWxcIj57eyBmaWVsZExhYmVsIH19PC9tYXQtbGFiZWw+XG4gICAgPG1hdC1jaGlwLWdyaWQgI2NoaXBHcmlkIGFyaWEtbGFiZWw9XCJLZXl3b3JkIHNlbGVjdGlvblwiPlxuICAgICAgQGZvciAoa2V5d29yZCBvZiBrZXl3b3JkczsgdHJhY2sga2V5d29yZC5WYWx1ZSkge1xuICAgICAgICA8bWF0LWNoaXAtcm93IChyZW1vdmVkKT1cInJlbW92ZShrZXl3b3JkKVwiPlxuICAgICAgICAgIHt7IGtleXdvcmQuVmlld1ZhbHVlIH19XG4gICAgICAgICAgPGJ1dHRvblxuICAgICAgICAgICAgbWF0Q2hpcFJlbW92ZVxuICAgICAgICAgICAgW2F0dHIuYXJpYS1sYWJlbF09XCIncmVtb3ZlICcgKyBrZXl3b3JkLlZpZXdWYWx1ZVwiPlxuICAgICAgICAgICAgPG1hdC1pY29uPmNhbmNlbDwvbWF0LWljb24+XG4gICAgICAgICAgPC9idXR0b24+XG4gICAgICAgIDwvbWF0LWNoaXAtcm93PlxuICAgICAgfVxuICAgIDwvbWF0LWNoaXAtZ3JpZD5cbiAgICA8aW5wdXRcbiAgICAgICNrZXl3b3JkSW5wdXRcbiAgICAgIFttYXRBdXRvY29tcGxldGVdPVwiYXV0b1wiXG4gICAgICBbZm9ybUNvbnRyb2xdPVwiZm9ybUNvbnRyb2xcIlxuICAgICAgW3BsYWNlaG9sZGVyXT1cInBsYWNlSG9sZGVyXCJcbiAgICAgIFttYXRDaGlwSW5wdXRGb3JdPVwiY2hpcEdyaWRcIlxuICAgICAgW21hdENoaXBJbnB1dFNlcGFyYXRvcktleUNvZGVzXT1cInNlcGFyYXRvcktleXNDb2Rlc1wiIC8+XG4gICAgPG1hdC1hdXRvY29tcGxldGVcbiAgICAgICNhdXRvPVwibWF0QXV0b2NvbXBsZXRlXCJcbiAgICAgIChvcHRpb25TZWxlY3RlZCk9XCJzZWxlY3RlZCgkZXZlbnQpXCI+XG4gICAgICBAZm9yIChrZXl3b3JkIG9mIGZpbHRlcmVkS2V5d29yZHMgfCBhc3luYzsgdHJhY2sga2V5d29yZC5WYWx1ZSkge1xuICAgICAgICA8bWF0LW9wdGlvbiBbdmFsdWVdPVwia2V5d29yZC5WYWx1ZVwiPnt7IGtleXdvcmQuVmlld1ZhbHVlIH19PC9tYXQtb3B0aW9uPlxuICAgICAgfVxuICAgIDwvbWF0LWF1dG9jb21wbGV0ZT5cbiAgPC9tYXQtZm9ybS1maWVsZD5cbjwvZGl2PlxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGstZm9ybS1jaGlwcy1hdXRvY29tcGxldGUtZmllbGQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZGVzaWduLXN5c3RlbS9jb21wb25lbnRzL2Zvcm1zL3RrLWZvcm0tY2hpcHMtYXV0b2NvbXBsZXRlLWZpZWxkL3RrLWZvcm0tY2hpcHMtYXV0b2NvbXBsZXRlLWZpZWxkLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Rlc2lnbi1zeXN0ZW0vY29tcG9uZW50cy9mb3Jtcy90ay1mb3JtLWNoaXBzLWF1dG9jb21wbGV0ZS1maWVsZC90ay1mb3JtLWNoaXBzLWF1dG9jb21wbGV0ZS1maWVsZC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsS0FBSyxFQUNMLE1BQU0sRUFFTixTQUFTLEVBQ1QsU0FBUyxFQUdULFlBQVksRUFFWix1QkFBdUIsR0FDeEIsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUVMLGtCQUFrQixHQUVuQixNQUFNLDhCQUE4QixDQUFDO0FBQ3RDLE9BQU8sRUFDTCxxQkFBcUIsR0FFdEIsTUFBTSxnQ0FBZ0MsQ0FBQztBQUV4QyxPQUFPLEVBQUUsR0FBRyxFQUFjLFNBQVMsRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUNsRCxPQUFPLEVBQUUsU0FBUyxFQUFFLE9BQU8sRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ3JELE9BQU8sRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFFckQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQ3ZELE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUN6RCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDM0QsT0FBTyxFQUFFLFdBQVcsRUFBRSxXQUFX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VUFBVTtzQkFEaEIsS0FBSztnQkFRQyxXQUFXO3NCQURqQixLQUFLO2dCQVFDLFVBQVU7c0JBRGhCLEtBQUs7Z0JBUUMsS0FBSztzQkFEWCxLQUFLO2dCQVFDLGVBQWU7c0JBRHJCLEtBQUs7Z0JBUUMsVUFBVTtzQkFEaEIsS0FBSztnQkFRQyxVQUFVO3NCQURoQixLQUFLO2dCQW1CQyxXQUFXO3NCQURqQixNQUFNO2dCQU9BLGdCQUFnQjtzQkFEdEIsTUFBTTtnQkFjQSxXQUFXO3NCQURqQixLQUFLO2dCQWFxQixZQUFZO3NCQUF0QyxTQUFTO3VCQUFDLGNBQWMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBJbnB1dCxcbiAgT3V0cHV0LFxuICBPbkluaXQsXG4gIENvbXBvbmVudCxcbiAgVmlld0NoaWxkLFxuICBPbkNoYW5nZXMsXG4gIEVsZW1lbnRSZWYsXG4gIEV2ZW50RW1pdHRlcixcbiAgU2ltcGxlQ2hhbmdlcyxcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtcbiAgU3Vic2NyaXB0U2l6aW5nLFxuICBNYXRGb3JtRmllbGRNb2R1bGUsXG4gIE1hdEZvcm1GaWVsZEFwcGVhcmFuY2UsXG59IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2Zvcm0tZmllbGQnO1xuaW1wb3J0IHtcbiAgTWF0QXV0b2NvbXBsZXRlTW9kdWxlLFxuICBNYXRBdXRvY29tcGxldGVTZWxlY3RlZEV2ZW50LFxufSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9hdXRvY29tcGxldGUnO1xuaW1wb3J0IHsgT3B0aW9uIH0gZnJvbSAnLi9tb2RlbHMvb3B0aW9uLm1vZGVsJztcbmltcG9ydCB7IG1hcCwgT2JzZXJ2YWJsZSwgc3RhcnRXaXRoIH0gZnJvbSAncnhqcyc7XG5pbXBvcnQgeyBBc3luY1BpcGUsIE5nU3R5bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ09NTUEsIEVOVEVSIH0gZnJvbSAnQGFuZ3VsYXIvY2RrL2tleWNvZGVzJztcbmltcG9ydCB7IFRoZW1lUGFsZXR0ZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2NvcmUnO1xuaW1wb3J0IHsgTWF0SWNvbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2ljb24nO1xuaW1wb3J0IHsgTWF0Q2hpcHNNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9jaGlwcyc7XG5pbXBvcnQgeyBNYXRCdXR0b25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9idXR0b24nO1xuaW1wb3J0IHsgRm9ybUNvbnRyb2wsIEZvcm1zTW9kdWxlLCBSZWFjdGl2ZUZvcm1zTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdsaWItdGstZm9ybS1jaGlwcy1hdXRvY29tcGxldGUtZmllbGQnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbXG4gICAgTmdTdHlsZSxcbiAgICBBc3luY1BpcGUsXG4gICAgRm9ybXNNb2R1bGUsXG4gICAgTWF0SWNvbk1vZHVsZSxcbiAgICBNYXRDaGlwc01vZHVsZSxcbiAgICBNYXRCdXR0b25Nb2R1bGUsXG4gICAgTWF0Rm9ybUZpZWxkTW9kdWxlLFxuICAgIFJlYWN0aXZlRm9ybXNNb2R1bGUsXG4gICAgTWF0QXV0b2NvbXBsZXRlTW9kdWxlLFxuICBdLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgdGVtcGxhdGVVcmw6ICcuL3RrLWZvcm0tY2hpcHMtYXV0b2NvbXBsZXRlLWZpZWxkLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmw6ICcuL3RrLWZvcm0tY2hpcHMtYXV0b2NvbXBsZXRlLWZpZWxkLmNvbXBvbmVudC5zY3NzJyxcbn0pXG5leHBvcnQgY2xhc3MgVGtGb3JtQ2hpcHNBdXRvY29tcGxldGVGaWVsZENvbXBvbmVudFxuICBpbXBsZW1lbnRzIE9uSW5pdCwgT25DaGFuZ2VzXG57XG4gIC8qKlxuICAgKiBJbnB1dCBmaWVsZCBsYWJlbFxuICAgKi9cbiAgQElucHV0KClcbiAgcHVibGljIGZpZWxkTGFiZWwgPSAnJztcblxuICAvKipcbiAgICogSW5wdXQgZmllbGQgcGxhY2Vob2xkZXJcbiAgICogQGRlZmF1bHQgJydcbiAgICovXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBwbGFjZUhvbGRlciA9ICcnO1xuXG4gIC8qKlxuICAgKiBPcHRpb25hbCBpbnB1dCBmaWVsZCB0aXRsZVxuICAgKiBAZGVmYXVsdCBudWxsXG4gICAqL1xuICBASW5wdXQoKVxuICBwdWJsaWMgZmllbGRUaXRsZT86IHN0cmluZztcblxuICAvKipcbiAgICogV2hhdCBjb2xvciBwYWxldHRlIHRvIHVzZVxuICAgKiBAZGVmYXVsdCAnYWNjZW50J1xuICAgKi9cbiAgQElucHV0KClcbiAgcHVibGljIHRoZW1lPzogVGhlbWVQYWxldHRlID0gJ2FjY2VudCc7XG5cbiAgLyoqXG4gICAqIEZvcm0gZmllbGQgcmVzZXJ2ZWQgc3BhY2UgZm9yIG9uZSBsaW5lIGJ5IGRlZmF1bHQuXG4gICAqIEBkZWZhdWx0ICdkeW5hbWljJ1xuICAgKi9cbiAgQElucHV0KClcbiAgcHVibGljIHN1YnNjcmlwdFNpemluZzogU3Vic2NyaXB0U2l6aW5nID0gJ2R5bmFtaWMnO1xuXG4gIC8qKlxuICAgKiBPcHRpb25hbCBpbnB1dCBmaWVsZCB3aWR0aFxuICAgKiBAZGVmYXVsdCAxMDAlXG4gICAqL1xuICBASW5wdXQoKVxuICBwdWJsaWMgZmllbGRXaWR0aD86IHN0cmluZztcblxuICAvKipcbiAgICogRm9ybSBmaWVsZCBhcHBlYXJhbmNlXG4gICAqIEBkZWZhdWx0ICdmaWxsJ1xuICAgKi9cbiAgQElucHV0KClcbiAgcHVibGljIGFwcGVhcmFuY2U6IE1hdEZvcm1GaWVsZEFwcGVhcmFuY2UgPSAnZmlsbCc7XG5cbiAgLyoqXG4gICAqIElucHV0IGZpZWxkIGNvbnRyb2xcbiAgICogQGlnbm9yZVxuICAgKi9cbiAgcHVibGljIGZvcm1Db250cm9sID0gbmV3IEZvcm1Db250cm9sKCcnKTtcblxuICAvKipcbiAgICogU2VsZWN0ZWQga2V5d29yZHNcbiAgICogQGlnbm9yZVxuICAgKi9cbiAgcHVibGljIGtleXdvcmRzOiBPcHRpb25bXSA9IFtdO1xuXG4gIC8qKlxuICAgKiBJbnB1dCBmaWVsZCBjaGFuZ2VzIGhhbmRsZXJcbiAgICovXG4gIEBPdXRwdXQoKVxuICBwdWJsaWMgaW5wdXRTdGF0dXMgPSBuZXcgRXZlbnRFbWl0dGVyPEZvcm1Db250cm9sPigpO1xuXG4gIC8qKlxuICAgKiBLZXl3b3JkcyBjaGFuZ2VzIGhhbmRsZXJcbiAgICovXG4gIEBPdXRwdXQoKVxuICBwdWJsaWMgc2VsZWN0ZWRLZXl3b3JkcyA9IG5ldyBFdmVudEVtaXR0ZXI8KHN0cmluZyB8IG51bWJlcilbXT4oKTtcblxuICAvKipcbiAgICogU2VwYXJhdG9yIGNvbnN0YW50c1xuICAgKiBAaWdub3JlXG4gICAqL1xuICBwdWJsaWMgcmVhZG9ubHkgc2VwYXJhdG9yS2V5c0NvZGVzOiBudW1iZXJbXSA9IFtFTlRFUiwgQ09NTUFdO1xuXG4gIC8qKlxuICAgKiBPcHRpb25zIHRvIGJlIGRpc3BsYXllZFxuICAgKiBAaWdub3JlXG4gICAqL1xuICBASW5wdXQoKVxuICBwdWJsaWMgYWxsS2V5d29yZHM6IE9wdGlvbltdID0gW107XG5cbiAgLyoqXG4gICAqIEZpbHRlcmVkIGtleXdvcmRzIGFmdGVyIHRoZSBpbnB1dCBmaWVsZCBjaGFuZ2VzXG4gICAqIEBpZ25vcmVcbiAgICovXG4gIHB1YmxpYyBmaWx0ZXJlZEtleXdvcmRzOiBPYnNlcnZhYmxlPE9wdGlvbltdPiB8IHVuZGVmaW5lZDtcblxuICAvKipcbiAgICogS2V5d29yZCBJbnB1dCBlbGVtZW50IHJlZmVyZW5jZVxuICAgKiBAaWdub3JlXG4gICAqL1xuICBAVmlld0NoaWxkKCdrZXl3b3JkSW5wdXQnKSBrZXl3b3JkSW5wdXQhOiBFbGVtZW50UmVmPEhUTUxJbnB1dEVsZW1lbnQ+O1xuXG4gIC8qKlxuICAgKiBAaWdub3JlXG4gICAqIExpZmVjeWNsZSBtZXRob2RcbiAgICovXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIHRoaXMudXBkYXRlRmlsdGVyZWRLZXl3b3JkcygpO1xuICB9XG5cbiAgLyoqXG4gICAqIEBpZ25vcmVcbiAgICogTGlmZWN5Y2xlIG1ldGhvZFxuICAgKi9cbiAgbmdPbkNoYW5nZXMoY2hhbmdlczogU2ltcGxlQ2hhbmdlcyk6IHZvaWQge1xuICAgIGlmIChjaGFuZ2VzWydhbGxLZXl3b3JkcyddKSB7XG4gICAgICB0aGlzLnVwZGF0ZUZpbHRlcmVkS2V5d29yZHMoKTtcbiAgICB9XG4gIH1cblxuICAvKipcbiAgICogVXBkYXRlcyB0aGUgZmlsdGVyZWQga2V5d29yZHMgd2hlbiBhbGxLZXl3b3JkcyBjaGFuZ2VzXG4gICAqIEBpZ25vcmVcbiAgICovXG4gIHByaXZhdGUgdXBkYXRlRmlsdGVyZWRLZXl3b3JkcygpOiB2b2lkIHtcbiAgICB0aGlzLmZpbHRlcmVkS2V5d29yZHMgPSB0aGlzLmZvcm1Db250cm9sLnZhbHVlQ2hhbmdlcy5waXBlKFxuICAgICAgc3RhcnRXaXRoKG51bGwpLFxuICAgICAgbWFwKChrZXl3b3JkOiBzdHJpbmcgfCBudWxsKSA9PlxuICAgICAgICBrZXl3b3JkXG4gICAgICAgICAgPyB0aGlzLl9maWx0ZXIoU3RyaW5nKGtleXdvcmQpKVxuICAgICAgICAgIDogKHRoaXMuYWxsS2V5d29yZHMgPz8gW10pLnNsaWNlKClcbiAgICAgIClcbiAgICApO1xuICB9XG5cbiAgLyoqXG4gICAqIEhhbmRsZXMgZXZlcnkga2V5d29yZCBkZWxldGlvblxuICAgKiBAaWdub3JlXG4gICAqL1xuICBwdWJsaWMgcmVtb3ZlKGtleXdvcmQ6IE9wdGlvbik6IHZvaWQge1xuICAgIGNvbnN0IGluZGV4ID0gdGhpcy5rZXl3b3Jkcy5pbmRleE9mKGtleXdvcmQpO1xuXG4gICAgaWYgKGluZGV4ID49IDApIHtcbiAgICAgIHRoaXMua2V5d29yZHMuc3BsaWNlKGluZGV4LCAxKTtcbiAgICAgIHRoaXMub25LZXl3b3Jkc0NoYW5nZWQoKTtcbiAgICB9XG4gIH1cblxuICAvKipcbiAgICogRW1pdHMgdGhlIGZvcm1Db250cm9sIHZhcmlhYmxlIGV2ZXJ5IHRpbWUgdGhlIGZpZWxkIHZhbHVlIGNoYW5nZXNcbiAgICogQGlnbm9yZVxuICAgKi9cbiAgcHVibGljIG9uSW5wdXRDaGFuZ2VkKCk6IHZvaWQge1xuICAgIHRoaXMuaW5wdXRTdGF0dXMuZW1pdCh0aGlzLmZvcm1Db250cm9sKTtcbiAgfVxuXG4gIC8qKlxuICAgKiBFbWl0cyB0aGUgc2VsZWN0ZWQga2V5d29yZHMgZXZlcnkgdGltZSB0aGV5IGNoYW5nZWRcbiAgICogQGlnbm9yZVxuICAgKi9cbiAgcHVibGljIG9uS2V5d29yZHNDaGFuZ2VkKCk6IHZvaWQge1xuICAgIHRoaXMuc2VsZWN0ZWRLZXl3b3Jkcy5lbWl0KHRoaXMua2V5d29yZHMubWFwKGtleXdvcmQgPT4ga2V5d29yZC5WYWx1ZSkpO1xuICB9XG5cbiAgLyoqXG4gICAqIEhhbmRsZXMgdGhlIGF1dG9jb21wbGV0ZSBzZWxlY3Rpb25cbiAgICogQGlnbm9yZVxuICAgKi9cbiAgcHVibGljIHNlbGVjdGVkKGV2ZW50OiBNYXRBdXRvY29tcGxldGVTZWxlY3RlZEV2ZW50KTogdm9pZCB7XG4gICAgY29uc3QgdmFsdWUgPSBldmVudC5vcHRpb24udmFsdWU7XG4gICAgY29uc3Qgc2VsZWN0ZWRLZXl3b3JkID0gdGhpcy5hbGxLZXl3b3Jkcy5maW5kKFxuICAgICAgb3B0aW9uID0+IG9wdGlvbi5WYWx1ZSA9PT0gdmFsdWVcbiAgICApO1xuXG4gICAgaWYgKFxuICAgICAgc2VsZWN0ZWRLZXl3b3JkICYmXG4gICAgICAhdGhpcy5rZXl3b3Jkcy5zb21lKGtleXdvcmQgPT4ga2V5d29yZC5WYWx1ZSA9PT0gc2VsZWN0ZWRLZXl3b3JkLlZhbHVlKVxuICAgICkge1xuICAgICAgdGhpcy5rZXl3b3Jkcy5wdXNoKHNlbGVjdGVkS2V5d29yZCk7XG4gICAgICB0aGlzLm9uS2V5d29yZHNDaGFuZ2VkKCk7XG4gICAgfVxuXG4gICAgdGhpcy5rZXl3b3JkSW5wdXQubmF0aXZlRWxlbWVudC52YWx1ZSA9ICcnO1xuICAgIHRoaXMuZm9ybUNvbnRyb2wuc2V0VmFsdWUobnVsbCk7XG4gIH1cblxuICAvKipcbiAgICogRmlsdGVycyB0aGUga2V5d29yZHMgYmFzZWQgb24gdGhlIGlucHV0XG4gICAqIEBpZ25vcmVcbiAgICovXG4gIHByaXZhdGUgX2ZpbHRlcih2YWx1ZTogc3RyaW5nKTogT3B0aW9uW10ge1xuICAgIHRoaXMub25JbnB1dENoYW5nZWQoKTtcbiAgICBjb25zdCBmaWx0ZXJWYWx1ZSA9IHZhbHVlLnRvTG93ZXJDYXNlKCk7XG5cbiAgICByZXR1cm4gdGhpcy5hbGxLZXl3b3Jkcy5maWx0ZXIoa2V5d29yZCA9PlxuICAgICAga2V5d29yZC5WaWV3VmFsdWUudG9Mb3dlckNhc2UoKS5pbmNsdWRlcyhmaWx0ZXJWYWx1ZSlcbiAgICApO1xuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwic2VjdGlvblwiIFtuZ1N0eWxlXT1cInsgd2lkdGg6IGZpZWxkV2lkdGggPyAnZml0LWNvbnRlbnQnIDogJzEwMCUnIH1cIj5cbiAgQGlmIChmaWVsZFRpdGxlKSB7XG4gICAgPGgxIGNsYXNzPVwiZmllbGRfX3RpdGxlXCI+e3sgZmllbGRUaXRsZSB9fTwvaDE+XG4gIH1cbiAgPG1hdC1mb3JtLWZpZWxkXG4gICAgY2xhc3M9XCJmb3JtX19maWVsZFwiXG4gICAgW2NvbG9yXT1cInRoZW1lXCJcbiAgICBbYXBwZWFyYW5jZV09XCJhcHBlYXJhbmNlXCJcbiAgICBbc3Vic2NyaXB0U2l6aW5nXT1cInN1YnNjcmlwdFNpemluZ1wiXG4gICAgW25nU3R5bGVdPVwieyB3aWR0aDogZmllbGRXaWR0aCA/IGZpZWxkV2lkdGggOiAnMTAwJScgfVwiPlxuICAgIDxtYXQtbGFiZWwgY2xhc3M9XCJmb3JtX19maWVsZF9fbGFiZWxcIj57eyBmaWVsZExhYmVsIH19PC9tYXQtbGFiZWw+XG4gICAgPG1hdC1jaGlwLWdyaWQgI2NoaXBHcmlkIGFyaWEtbGFiZWw9XCJLZXl3b3JkIHNlbGVjdGlvblwiPlxuICAgICAgQGZvciAoa2V5d29yZCBvZiBrZXl3b3JkczsgdHJhY2sga2V5d29yZC5WYWx1ZSkge1xuICAgICAgICA8bWF0LWNoaXAtcm93IChyZW1vdmVkKT1cInJlbW92ZShrZXl3b3JkKVwiPlxuICAgICAgICAgIHt7IGtleXdvcmQuVmlld1ZhbHVlIH19XG4gICAgICAgICAgPGJ1dHRvblxuICAgICAgICAgICAgbWF0Q2hpcFJlbW92ZVxuICAgICAgICAgICAgW2F0dHIuYXJpYS1sYWJlbF09XCIncmVtb3ZlICcgKyBrZXl3b3JkLlZpZXdWYWx1ZVwiPlxuICAgICAgICAgICAgPG1hdC1pY29uPmNhbmNlbDwvbWF0LWljb24+XG4gICAgICAgICAgPC9idXR0b24+XG4gICAgICAgIDwvbWF0LWNoaXAtcm93PlxuICAgICAgfVxuICAgIDwvbWF0LWNoaXAtZ3JpZD5cbiAgICA8aW5wdXRcbiAgICAgICNrZXl3b3JkSW5wdXRcbiAgICAgIFttYXRBdXRvY29tcGxldGVdPVwiYXV0b1wiXG4gICAgICBbZm9ybUNvbnRyb2xdPVwiZm9ybUNvbnRyb2xcIlxuICAgICAgW3BsYWNlaG9sZGVyXT1cInBsYWNlSG9sZGVyXCJcbiAgICAgIFttYXRDaGlwSW5wdXRGb3JdPVwiY2hpcEdyaWRcIlxuICAgICAgW21hdENoaXBJbnB1dFNlcGFyYXRvcktleUNvZGVzXT1cInNlcGFyYXRvcktleXNDb2Rlc1wiIC8+XG4gICAgPG1hdC1hdXRvY29tcGxldGVcbiAgICAgICNhdXRvPVwibWF0QXV0b2NvbXBsZXRlXCJcbiAgICAgIChvcHRpb25TZWxlY3RlZCk9XCJzZWxlY3RlZCgkZXZlbnQpXCI+XG4gICAgICBAZm9yIChrZXl3b3JkIG9mIGZpbHRlcmVkS2V5d29yZHMgfCBhc3luYzsgdHJhY2sga2V5d29yZC5WYWx1ZSkge1xuICAgICAgICA8bWF0LW9wdGlvbiBbdmFsdWVdPVwia2V5d29yZC5WYWx1ZVwiPnt7IGtleXdvcmQuVmlld1ZhbHVlIH19PC9tYXQtb3B0aW9uPlxuICAgICAgfVxuICAgIDwvbWF0LWF1dG9jb21wbGV0ZT5cbiAgPC9tYXQtZm9ybS1maWVsZD5cbjwvZGl2PlxuIl19

package/fesm2022/tekus-design-system-components-forms-tk-form-autocomplete-field.mjs

@@ -91,10 +91,7 @@ class TkFormAutocompleteFieldComponent {
      * @ignore
      */
     ngOnInit() {
-        this.filteredOptions = this.formControl.valueChanges.pipe(startWith(''), map(value => {
-            const option = typeof value === 'string' ? value : value?.ViewValue;
-            return option ? this._filterOptions(option) : this.options.slice();
-        }));
+        this.updateFilteredOptions();
     }
     /**
      * Component lifecycle method
@@ -103,6 +100,27 @@ class TkFormAutocompleteFieldComponent {
     ngAfterViewInit() {
         this.initAutocompleteListener();
     }
+    /**
+     * Component lifecycle method
+     * @ignore
+     */
+    ngOnChanges(changes) {
+        if (changes) {
+            this.updateFilteredOptions();
+        }
+    }
+    /**
+     * Handles options updates
+     * @ignore
+     */
+    updateFilteredOptions() {
+        this.filteredOptions = this.formControl.valueChanges.pipe(startWith(''), map(value => {
+            const option = typeof value === 'string' ? value : value?.ViewValue;
+            return option
+                ? this._filterOptions(option)
+                : (this.options ?? []).slice();
+        }));
+    }
     /**
      * Starts the autocomplete subscriptions
      * @ignore
@@ -196,7 +214,7 @@ class TkFormAutocompleteFieldComponent {
         this.subscriptions?.unsubscribe();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: TkFormAutocompleteFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.10", type: TkFormAutocompleteFieldComponent, isStandalone: true, selector: "lib-tk-form-autocomplete-field", inputs: { fieldWidth: "fieldWidth", theme: "theme", appearance: "appearance", subscriptSizing: "subscriptSizing", autoActiveFirstOption: "autoActiveFirstOption", autoSelectActiveOption: "autoSelectActiveOption", type: "type", required: "required", fieldTitle: "fieldTitle", fieldLabel: "fieldLabel", placeHolder: "placeHolder", options: "options" }, outputs: { optionSelected: "optionSelected", inputStatus: "inputStatus", bottomReached: "bottomReached" }, viewQueries: [{ propertyName: "matAutocomplete", first: true, predicate: ["auto"], descendants: true }], ngImport: i0, template: "<div class=\"section\" [ngStyle]=\"{ width: fieldWidth ? 'fit-content' : '100%' }\">\n  @if (fieldTitle) {\n    <h1 class=\"field__title\">{{ fieldTitle }}</h1>\n  }\n  <mat-form-field\n    class=\"form__field\"\n    [color]=\"theme\"\n    [appearance]=\"appearance\"\n    [subscriptSizing]=\"subscriptSizing\"\n    [ngStyle]=\"{ width: fieldWidth ? fieldWidth : '100%' }\">\n    <mat-label class=\"form__field__label\">{{ fieldLabel }}</mat-label>\n    <input\n      matInput\n      [type]=\"type\"\n      aria-label=\"Option\"\n      [required]=\"required\"\n      [matAutocomplete]=\"auto\"\n      (input)=\"onInputChanged()\"\n      [formControl]=\"formControl\"\n      [placeholder]=\"placeHolder\" />\n    <mat-autocomplete\n      #auto=\"matAutocomplete\"\n      [displayWith]=\"displayFn\"\n      [autoActiveFirstOption]=\"autoActiveFirstOption\"\n      [autoSelectActiveOption]=\"autoSelectActiveOption\"\n      (optionSelected)=\"onSelectionChanged($event.option.value)\">\n      @for (option of filteredOptions | async; track option.Value) {\n        <mat-option [value]=\"option\">\n          <span>{{ option.ViewValue }}</span>\n        </mat-option>\n      }\n    </mat-autocomplete>\n  </mat-form-field>\n</div>\n", styles: [".section{gap:.5rem;display:flex;flex-wrap:wrap;max-width:100%;align-items:center;justify-content:flex-start}.form__field{flex:1;height:100%;width:20rem;display:flex;max-width:100%;min-width:10rem;font-size:clamp(.8rem,.657rem + .381vw,1rem)}.form__field__label{font-weight:400;font-style:normal;line-height:.98438em;font-size:clamp(.688rem,.554rem + .357vw,.875rem)}.field__title{margin:0;padding:0;max-width:100%;font-weight:500;overflow:hidden;font-style:normal;align-self:center;white-space:nowrap;text-overflow:ellipsis;font-size:clamp(.9rem,.852rem + .276vw,1.1rem)}\n"], dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.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: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i2.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatAutocompleteModule }, { kind: "component", type: i4.MatAutocomplete, selector: "mat-autocomplete", inputs: ["aria-label", "aria-labelledby", "displayWith", "autoActiveFirstOption", "autoSelectActiveOption", "requireSelection", "panelWidth", "disableRipple", "class", "hideSingleSelectionIndicator"], outputs: ["optionSelected", "opened", "closed", "optionActivated"], exportAs: ["matAutocomplete"] }, { kind: "component", type: i5.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: i4.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.10", type: TkFormAutocompleteFieldComponent, isStandalone: true, selector: "lib-tk-form-autocomplete-field", inputs: { fieldWidth: "fieldWidth", theme: "theme", appearance: "appearance", subscriptSizing: "subscriptSizing", autoActiveFirstOption: "autoActiveFirstOption", autoSelectActiveOption: "autoSelectActiveOption", type: "type", required: "required", fieldTitle: "fieldTitle", fieldLabel: "fieldLabel", placeHolder: "placeHolder", options: "options" }, outputs: { optionSelected: "optionSelected", inputStatus: "inputStatus", bottomReached: "bottomReached" }, viewQueries: [{ propertyName: "matAutocomplete", first: true, predicate: ["auto"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"section\" [ngStyle]=\"{ width: fieldWidth ? 'fit-content' : '100%' }\">\n  @if (fieldTitle) {\n  <h1 class=\"field__title\">{{ fieldTitle }}</h1>\n  }\n  <mat-form-field\n    class=\"form__field\"\n    [color]=\"theme\"\n    [appearance]=\"appearance\"\n    [subscriptSizing]=\"subscriptSizing\"\n    [ngStyle]=\"{ width: fieldWidth ? fieldWidth : '100%' }\">\n    <mat-label class=\"form__field__label\">{{ fieldLabel }}</mat-label>\n    <input\n      matInput\n      [type]=\"type\"\n      aria-label=\"Option\"\n      [required]=\"required\"\n      [matAutocomplete]=\"auto\"\n      (input)=\"onInputChanged()\"\n      [formControl]=\"formControl\"\n      [placeholder]=\"placeHolder\" />\n    <mat-autocomplete\n      requireSelection\n      #auto=\"matAutocomplete\"\n      [displayWith]=\"displayFn\"\n      [autoActiveFirstOption]=\"autoActiveFirstOption\"\n      [autoSelectActiveOption]=\"autoSelectActiveOption\"\n      (optionSelected)=\"onSelectionChanged($event.option.value)\">\n      @for (option of filteredOptions | async; track option.Value) {\n      <mat-option [value]=\"option\">\n        <span>{{ option.ViewValue }}</span>\n      </mat-option>\n      }\n    </mat-autocomplete>\n  </mat-form-field>\n</div>\n", styles: [".section{gap:.5rem;display:flex;flex-wrap:wrap;max-width:100%;align-items:center;justify-content:flex-start}.form__field{flex:1;height:100%;width:20rem;display:flex;max-width:100%;min-width:10rem;font-size:clamp(.8rem,.657rem + .381vw,1rem)}.form__field__label{font-weight:400;font-style:normal;line-height:.98438em;font-size:clamp(.688rem,.554rem + .357vw,.875rem)}.field__title{margin:0;padding:0;max-width:100%;font-weight:500;overflow:hidden;font-style:normal;align-self:center;white-space:nowrap;text-overflow:ellipsis;font-size:clamp(.9rem,.852rem + .276vw,1.1rem)}\n"], dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.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: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i2.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatAutocompleteModule }, { kind: "component", type: i4.MatAutocomplete, selector: "mat-autocomplete", inputs: ["aria-label", "aria-labelledby", "displayWith", "autoActiveFirstOption", "autoSelectActiveOption", "requireSelection", "panelWidth", "disableRipple", "class", "hideSingleSelectionIndicator"], outputs: ["optionSelected", "opened", "closed", "optionActivated"], exportAs: ["matAutocomplete"] }, { kind: "component", type: i5.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: i4.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: TkFormAutocompleteFieldComponent, decorators: [{
             type: Component,
@@ -208,7 +226,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImpo
                         MatFormFieldModule,
                         ReactiveFormsModule,
                         MatAutocompleteModule,
-                    ], template: "<div class=\"section\" [ngStyle]=\"{ width: fieldWidth ? 'fit-content' : '100%' }\">\n  @if (fieldTitle) {\n    <h1 class=\"field__title\">{{ fieldTitle }}</h1>\n  }\n  <mat-form-field\n    class=\"form__field\"\n    [color]=\"theme\"\n    [appearance]=\"appearance\"\n    [subscriptSizing]=\"subscriptSizing\"\n    [ngStyle]=\"{ width: fieldWidth ? fieldWidth : '100%' }\">\n    <mat-label class=\"form__field__label\">{{ fieldLabel }}</mat-label>\n    <input\n      matInput\n      [type]=\"type\"\n      aria-label=\"Option\"\n      [required]=\"required\"\n      [matAutocomplete]=\"auto\"\n      (input)=\"onInputChanged()\"\n      [formControl]=\"formControl\"\n      [placeholder]=\"placeHolder\" />\n    <mat-autocomplete\n      #auto=\"matAutocomplete\"\n      [displayWith]=\"displayFn\"\n      [autoActiveFirstOption]=\"autoActiveFirstOption\"\n      [autoSelectActiveOption]=\"autoSelectActiveOption\"\n      (optionSelected)=\"onSelectionChanged($event.option.value)\">\n      @for (option of filteredOptions | async; track option.Value) {\n        <mat-option [value]=\"option\">\n          <span>{{ option.ViewValue }}</span>\n        </mat-option>\n      }\n    </mat-autocomplete>\n  </mat-form-field>\n</div>\n", styles: [".section{gap:.5rem;display:flex;flex-wrap:wrap;max-width:100%;align-items:center;justify-content:flex-start}.form__field{flex:1;height:100%;width:20rem;display:flex;max-width:100%;min-width:10rem;font-size:clamp(.8rem,.657rem + .381vw,1rem)}.form__field__label{font-weight:400;font-style:normal;line-height:.98438em;font-size:clamp(.688rem,.554rem + .357vw,.875rem)}.field__title{margin:0;padding:0;max-width:100%;font-weight:500;overflow:hidden;font-style:normal;align-self:center;white-space:nowrap;text-overflow:ellipsis;font-size:clamp(.9rem,.852rem + .276vw,1.1rem)}\n"] }]
+                    ], template: "<div class=\"section\" [ngStyle]=\"{ width: fieldWidth ? 'fit-content' : '100%' }\">\n  @if (fieldTitle) {\n  <h1 class=\"field__title\">{{ fieldTitle }}</h1>\n  }\n  <mat-form-field\n    class=\"form__field\"\n    [color]=\"theme\"\n    [appearance]=\"appearance\"\n    [subscriptSizing]=\"subscriptSizing\"\n    [ngStyle]=\"{ width: fieldWidth ? fieldWidth : '100%' }\">\n    <mat-label class=\"form__field__label\">{{ fieldLabel }}</mat-label>\n    <input\n      matInput\n      [type]=\"type\"\n      aria-label=\"Option\"\n      [required]=\"required\"\n      [matAutocomplete]=\"auto\"\n      (input)=\"onInputChanged()\"\n      [formControl]=\"formControl\"\n      [placeholder]=\"placeHolder\" />\n    <mat-autocomplete\n      requireSelection\n      #auto=\"matAutocomplete\"\n      [displayWith]=\"displayFn\"\n      [autoActiveFirstOption]=\"autoActiveFirstOption\"\n      [autoSelectActiveOption]=\"autoSelectActiveOption\"\n      (optionSelected)=\"onSelectionChanged($event.option.value)\">\n      @for (option of filteredOptions | async; track option.Value) {\n      <mat-option [value]=\"option\">\n        <span>{{ option.ViewValue }}</span>\n      </mat-option>\n      }\n    </mat-autocomplete>\n  </mat-form-field>\n</div>\n", styles: [".section{gap:.5rem;display:flex;flex-wrap:wrap;max-width:100%;align-items:center;justify-content:flex-start}.form__field{flex:1;height:100%;width:20rem;display:flex;max-width:100%;min-width:10rem;font-size:clamp(.8rem,.657rem + .381vw,1rem)}.form__field__label{font-weight:400;font-style:normal;line-height:.98438em;font-size:clamp(.688rem,.554rem + .357vw,.875rem)}.field__title{margin:0;padding:0;max-width:100%;font-weight:500;overflow:hidden;font-style:normal;align-self:center;white-space:nowrap;text-overflow:ellipsis;font-size:clamp(.9rem,.852rem + .276vw,1.1rem)}\n"] }]
         }], propDecorators: { fieldWidth: [{
                 type: Input
             }], theme: [{

package/fesm2022/tekus-design-system-components-forms-tk-form-autocomplete-field.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"tekus-design-system-components-forms-tk-form-autocomplete-field.mjs","sources":["../../../projects/design-system/components/forms/tk-form-autocomplete-field/tk-form-autocomplete-field.component.ts","../../../projects/design-system/components/forms/tk-form-autocomplete-field/tk-form-autocomplete-field.component.html","../../../projects/design-system/components/forms/tk-form-autocomplete-field/tekus-design-system-components-forms-tk-form-autocomplete-field.ts"],"sourcesContent":["import {\n  Input,\n  Output,\n  OnInit,\n  Component,\n  ViewChild,\n  OnDestroy,\n  EventEmitter,\n  AfterViewInit,\n} from '@angular/core';\nimport {\n  SubscriptSizing,\n  MatFormFieldModule,\n  MatFormFieldAppearance,\n} from '@angular/material/form-field';\nimport {\n  MatAutocomplete,\n  MatAutocompleteModule,\n} from '@angular/material/autocomplete';\nimport { Option } from './models/option.model';\nimport { AsyncPipe, NgStyle } from '@angular/common';\nimport { ThemePalette } from '@angular/material/core';\nimport { MatInputModule } from '@angular/material/input';\nimport { map, Observable, startWith, Subscription } from 'rxjs';\nimport { FormControl, FormsModule, ReactiveFormsModule } from '@angular/forms';\n\n@Component({\n  selector: 'lib-tk-form-autocomplete-field',\n  standalone: true,\n  imports: [\n    NgStyle,\n    AsyncPipe,\n    FormsModule,\n    MatInputModule,\n    MatFormFieldModule,\n    ReactiveFormsModule,\n    MatAutocompleteModule,\n  ],\n  templateUrl: './tk-form-autocomplete-field.component.html',\n  styleUrl: './tk-form-autocomplete-field.component.scss',\n})\nexport class TkFormAutocompleteFieldComponent\n  implements OnInit, OnDestroy, AfterViewInit\n{\n  /**\n   * Input field control\n   * @ignore\n   */\n  public formControl = new FormControl<string | Option>('');\n\n  /**\n   * Optional input field width\n   * @default 100%\n   */\n  @Input()\n  public fieldWidth?: string;\n\n  /**\n   * What color palette to use\n   * @default 'accent'\n   */\n  @Input()\n  public theme?: ThemePalette = 'accent';\n\n  /**\n   * Form field appearance\n   * @default 'fill'\n   */\n  @Input()\n  public appearance: MatFormFieldAppearance = 'fill';\n\n  /**\n   * Form field reserved space for one line by default.\n   * @default 'dynamic'\n   */\n  @Input()\n  public subscriptSizing: SubscriptSizing = 'dynamic';\n\n  /**\n   * Whether the first option should be highlighted when the autocomplete panel is opened\n   * @default true\n   */\n  @Input()\n  public autoActiveFirstOption?: boolean = true;\n\n  /**\n   * Whether the active option should be selected as the user is navigating.\n   * @default true\n   */\n  @Input()\n  public autoSelectActiveOption?: boolean = true;\n\n  /**\n   * Optional field input type\n   * @default 'text'\n   */\n  @Input()\n  public type = 'text';\n\n  /**\n   * Whether the field is required\n   * @default true\n   */\n  @Input()\n  public required = true;\n\n  /**\n   * Optional input field title\n   * @default null\n   */\n  @Input()\n  public fieldTitle?: string;\n\n  /**\n   * Input field label\n   */\n  @Input()\n  public fieldLabel = '';\n\n  /**\n   * Input field placeholder\n   * @default ''\n   */\n  @Input()\n  public placeHolder = '';\n\n  /**\n   * Filtered options\n   * @ignore\n   */\n  public filteredOptions!: Observable<Option[]>;\n\n  /**\n   * Options to be displayed\n   * @ignore\n   */\n  @Input()\n  public options: Option[] = [];\n\n  /**\n   * Option changes handler\n   */\n  @Output()\n  public optionSelected = new EventEmitter<string | number>();\n\n  /**\n   * Input field changes handler\n   */\n  @Output()\n  public inputStatus = new EventEmitter<FormControl>();\n\n  /**\n   * Autocomplete bottom reached handler\n   */\n  @Output()\n  public bottomReached = new EventEmitter<void>();\n\n  /**\n   * Subscriptions property to handle all subscriptions\n   * @ignore\n   */\n  private subscriptions: Subscription = new Subscription();\n\n  /**\n   * Mat-autocomplete reference\n   * @ignore\n   */\n  @ViewChild('auto') matAutocomplete!: MatAutocomplete;\n\n  /**\n   * Component lifecycle method\n   * @ignore\n   */\n  ngOnInit(): void {\n    this.filteredOptions = this.formControl.valueChanges.pipe(\n      startWith(''),\n      map(value => {\n        const option = typeof value === 'string' ? value : value?.ViewValue;\n        return option ? this._filterOptions(option) : this.options.slice();\n      })\n    );\n  }\n\n  /**\n   * Component lifecycle method\n   * @ignore\n   */\n  ngAfterViewInit(): void {\n    this.initAutocompleteListener();\n  }\n\n  /**\n   * Starts the autocomplete subscriptions\n   * @ignore\n   */\n  public initAutocompleteListener(): void {\n    const openedSubscription = this.onAutocompleteOpened();\n    const closedSubscription = this.onAutocompleteClosed();\n\n    this.subscriptions.add(openedSubscription);\n    this.subscriptions.add(closedSubscription);\n  }\n\n  /**\n   * Handles the autocomplete opened event\n   * @ignore\n   */\n  private onAutocompleteOpened(): Subscription {\n    return this.matAutocomplete.opened.subscribe(() => {\n      setTimeout(() => {\n        const panel = this.matAutocomplete.panel?.nativeElement;\n        if (panel) {\n          panel.addEventListener('scroll', this.onScroll.bind(this));\n        }\n      });\n    });\n  }\n\n  /**\n   * Handles the autocomplete closed event\n   * @ignore\n   */\n  private onAutocompleteClosed(): Subscription {\n    return this.matAutocomplete.closed.subscribe(() => {\n      const panel = this.matAutocomplete.panel?.nativeElement;\n      if (panel) {\n        panel.removeEventListener('scroll', this.onScroll.bind(this));\n      }\n    });\n  }\n\n  /**\n   * Handles the scrolling event\n   * @ignore\n   */\n  private onScroll(event: Event) {\n    const panel = event.target as HTMLElement;\n    const scrollTop = panel.scrollTop;\n    const scrollHeight = panel.scrollHeight;\n    const offsetHeight = panel.offsetHeight;\n\n    if (scrollTop + offsetHeight >= scrollHeight) {\n      this.onScrolledToEnd();\n    }\n  }\n\n  /**\n   * Emits the bottomReached when the user reaches the end of the autocomplete panel\n   * @ignore\n   */\n  private onScrolledToEnd(): void {\n    this.bottomReached.emit();\n  }\n\n  /**\n   * Conditions the options' view to display the view value\n   * @ignore\n   */\n  public displayFn(option: Option | null): string {\n    return option?.ViewValue ? option.ViewValue : '';\n  }\n\n  /**\n   * Filters the options according to the input value\n   * @ignore\n   */\n  private _filterOptions(value: string): Option[] {\n    const filterValue = value.toLowerCase();\n\n    return this.options.filter(option =>\n      option.ViewValue.toLowerCase().includes(filterValue)\n    );\n  }\n\n  /**\n   * Emits the selected option every time it changes\n   * @ignore\n   */\n  public onSelectionChanged(option: Option): void {\n    this.optionSelected.emit(option.Value);\n  }\n\n  /**\n   * Emits the formControl variable every time the input value changes\n   * @ignore\n   */\n  public onInputChanged(): void {\n    this.inputStatus.emit(this.formControl);\n  }\n\n  /**\n   * Unsubscribe from all subscriptions when the component is destroyed\n   * @ignore\n   */\n  ngOnDestroy() {\n    this.subscriptions?.unsubscribe();\n  }\n}\n","<div class=\"section\" [ngStyle]=\"{ width: fieldWidth ? 'fit-content' : '100%' }\">\n  @if (fieldTitle) {\n    <h1 class=\"field__title\">{{ fieldTitle }}</h1>\n  }\n  <mat-form-field\n    class=\"form__field\"\n    [color]=\"theme\"\n    [appearance]=\"appearance\"\n    [subscriptSizing]=\"subscriptSizing\"\n    [ngStyle]=\"{ width: fieldWidth ? fieldWidth : '100%' }\">\n    <mat-label class=\"form__field__label\">{{ fieldLabel }}</mat-label>\n    <input\n      matInput\n      [type]=\"type\"\n      aria-label=\"Option\"\n      [required]=\"required\"\n      [matAutocomplete]=\"auto\"\n      (input)=\"onInputChanged()\"\n      [formControl]=\"formControl\"\n      [placeholder]=\"placeHolder\" />\n    <mat-autocomplete\n      #auto=\"matAutocomplete\"\n      [displayWith]=\"displayFn\"\n      [autoActiveFirstOption]=\"autoActiveFirstOption\"\n      [autoSelectActiveOption]=\"autoSelectActiveOption\"\n      (optionSelected)=\"onSelectionChanged($event.option.value)\">\n      @for (option of filteredOptions | async; track option.Value) {\n        <mat-option [value]=\"option\">\n          <span>{{ option.ViewValue }}</span>\n        </mat-option>\n      }\n    </mat-autocomplete>\n  </mat-form-field>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;;;;;;;;MAyCa,gCAAgC,CAAA;AAf7C,IAAA,WAAA,GAAA;AAkBE;;;AAGG;AACI,QAAA,IAAA,CAAA,WAAW,GAAG,IAAI,WAAW,CAAkB,EAAE,CAAC,CAAC;AAS1D;;;AAGG;QAEI,IAAK,CAAA,KAAA,GAAkB,QAAQ,CAAC;AAEvC;;;AAGG;QAEI,IAAU,CAAA,UAAA,GAA2B,MAAM,CAAC;AAEnD;;;AAGG;QAEI,IAAe,CAAA,eAAA,GAAoB,SAAS,CAAC;AAEpD;;;AAGG;QAEI,IAAqB,CAAA,qBAAA,GAAa,IAAI,CAAC;AAE9C;;;AAGG;QAEI,IAAsB,CAAA,sBAAA,GAAa,IAAI,CAAC;AAE/C;;;AAGG;QAEI,IAAI,CAAA,IAAA,GAAG,MAAM,CAAC;AAErB;;;AAGG;QAEI,IAAQ,CAAA,QAAA,GAAG,IAAI,CAAC;AASvB;;AAEG;QAEI,IAAU,CAAA,UAAA,GAAG,EAAE,CAAC;AAEvB;;;AAGG;QAEI,IAAW,CAAA,WAAA,GAAG,EAAE,CAAC;AAQxB;;;AAGG;QAEI,IAAO,CAAA,OAAA,GAAa,EAAE,CAAC;AAE9B;;AAEG;AAEI,QAAA,IAAA,CAAA,cAAc,GAAG,IAAI,YAAY,EAAmB,CAAC;AAE5D;;AAEG;AAEI,QAAA,IAAA,CAAA,WAAW,GAAG,IAAI,YAAY,EAAe,CAAC;AAErD;;AAEG;AAEI,QAAA,IAAA,CAAA,aAAa,GAAG,IAAI,YAAY,EAAQ,CAAC;AAEhD;;;AAGG;AACK,QAAA,IAAA,CAAA,aAAa,GAAiB,IAAI,YAAY,EAAE,CAAC;AAwI1D,KAAA;AAhIC;;;AAGG;IACH,QAAQ,GAAA;QACN,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,WAAW,CAAC,YAAY,CAAC,IAAI,CACvD,SAAS,CAAC,EAAE,CAAC,EACb,GAAG,CAAC,KAAK,IAAG;AACV,YAAA,MAAM,MAAM,GAAG,OAAO,KAAK,KAAK,QAAQ,GAAG,KAAK,GAAG,KAAK,EAAE,SAAS,CAAC;AACpE,YAAA,OAAO,MAAM,GAAG,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;SACpE,CAAC,CACH,CAAC;KACH;AAED;;;AAGG;IACH,eAAe,GAAA;QACb,IAAI,CAAC,wBAAwB,EAAE,CAAC;KACjC;AAED;;;AAGG;IACI,wBAAwB,GAAA;AAC7B,QAAA,MAAM,kBAAkB,GAAG,IAAI,CAAC,oBAAoB,EAAE,CAAC;AACvD,QAAA,MAAM,kBAAkB,GAAG,IAAI,CAAC,oBAAoB,EAAE,CAAC;AAEvD,QAAA,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,kBAAkB,CAAC,CAAC;AAC3C,QAAA,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,kBAAkB,CAAC,CAAC;KAC5C;AAED;;;AAGG;IACK,oBAAoB,GAAA;QAC1B,OAAO,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,SAAS,CAAC,MAAK;YAChD,UAAU,CAAC,MAAK;gBACd,MAAM,KAAK,GAAG,IAAI,CAAC,eAAe,CAAC,KAAK,EAAE,aAAa,CAAC;gBACxD,IAAI,KAAK,EAAE;AACT,oBAAA,KAAK,CAAC,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;iBAC5D;AACH,aAAC,CAAC,CAAC;AACL,SAAC,CAAC,CAAC;KACJ;AAED;;;AAGG;IACK,oBAAoB,GAAA;QAC1B,OAAO,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,SAAS,CAAC,MAAK;YAChD,MAAM,KAAK,GAAG,IAAI,CAAC,eAAe,CAAC,KAAK,EAAE,aAAa,CAAC;YACxD,IAAI,KAAK,EAAE;AACT,gBAAA,KAAK,CAAC,mBAAmB,CAAC,QAAQ,EAAE,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;aAC/D;AACH,SAAC,CAAC,CAAC;KACJ;AAED;;;AAGG;AACK,IAAA,QAAQ,CAAC,KAAY,EAAA;AAC3B,QAAA,MAAM,KAAK,GAAG,KAAK,CAAC,MAAqB,CAAC;AAC1C,QAAA,MAAM,SAAS,GAAG,KAAK,CAAC,SAAS,CAAC;AAClC,QAAA,MAAM,YAAY,GAAG,KAAK,CAAC,YAAY,CAAC;AACxC,QAAA,MAAM,YAAY,GAAG,KAAK,CAAC,YAAY,CAAC;AAExC,QAAA,IAAI,SAAS,GAAG,YAAY,IAAI,YAAY,EAAE;YAC5C,IAAI,CAAC,eAAe,EAAE,CAAC;SACxB;KACF;AAED;;;AAGG;IACK,eAAe,GAAA;AACrB,QAAA,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE,CAAC;KAC3B;AAED;;;AAGG;AACI,IAAA,SAAS,CAAC,MAAqB,EAAA;AACpC,QAAA,OAAO,MAAM,EAAE,SAAS,GAAG,MAAM,CAAC,SAAS,GAAG,EAAE,CAAC;KAClD;AAED;;;AAGG;AACK,IAAA,cAAc,CAAC,KAAa,EAAA;AAClC,QAAA,MAAM,WAAW,GAAG,KAAK,CAAC,WAAW,EAAE,CAAC;QAExC,OAAO,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,MAAM,IAC/B,MAAM,CAAC,SAAS,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,WAAW,CAAC,CACrD,CAAC;KACH;AAED;;;AAGG;AACI,IAAA,kBAAkB,CAAC,MAAc,EAAA;QACtC,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;KACxC;AAED;;;AAGG;IACI,cAAc,GAAA;QACnB,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;KACzC;AAED;;;AAGG;IACH,WAAW,GAAA;AACT,QAAA,IAAI,CAAC,aAAa,EAAE,WAAW,EAAE,CAAC;KACnC;+GA/PU,gCAAgC,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAhC,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,gCAAgC,ECzC7C,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,gCAAA,EAAA,MAAA,EAAA,EAAA,UAAA,EAAA,YAAA,EAAA,KAAA,EAAA,OAAA,EAAA,UAAA,EAAA,YAAA,EAAA,eAAA,EAAA,iBAAA,EAAA,qBAAA,EAAA,uBAAA,EAAA,sBAAA,EAAA,wBAAA,EAAA,IAAA,EAAA,MAAA,EAAA,QAAA,EAAA,UAAA,EAAA,UAAA,EAAA,YAAA,EAAA,UAAA,EAAA,YAAA,EAAA,WAAA,EAAA,aAAA,EAAA,OAAA,EAAA,SAAA,EAAA,EAAA,OAAA,EAAA,EAAA,cAAA,EAAA,gBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,aAAA,EAAA,eAAA,EAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,iBAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,MAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA,8sCAkCA,EDJI,MAAA,EAAA,CAAA,+jBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,OAAO,sEACP,SAAS,EAAA,IAAA,EAAA,OAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACT,WAAW,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,8MAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,2CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,QAAA,EAAA,wIAAA,EAAA,MAAA,EAAA,CAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EACX,cAAc,EACd,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,QAAA,EAAA,QAAA,EAAA,yHAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,IAAA,EAAA,aAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,mBAAA,EAAA,kBAAA,EAAA,OAAA,EAAA,UAAA,CAAA,EAAA,QAAA,EAAA,CAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,YAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,CAAA,oBAAA,EAAA,OAAA,EAAA,YAAA,EAAA,YAAA,EAAA,iBAAA,EAAA,WAAA,CAAA,EAAA,QAAA,EAAA,CAAA,cAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,QAAA,EAAA,QAAA,EAAA,WAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,kBAAkB,EAClB,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,mBAAmB,iNACnB,qBAAqB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,YAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,uBAAA,EAAA,wBAAA,EAAA,kBAAA,EAAA,YAAA,EAAA,eAAA,EAAA,OAAA,EAAA,8BAAA,CAAA,EAAA,OAAA,EAAA,CAAA,gBAAA,EAAA,QAAA,EAAA,QAAA,EAAA,iBAAA,CAAA,EAAA,QAAA,EAAA,CAAA,iBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,SAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,IAAA,EAAA,UAAA,CAAA,EAAA,OAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,QAAA,EAAA,CAAA,WAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,sBAAA,EAAA,QAAA,EAAA,mDAAA,EAAA,MAAA,EAAA,CAAA,iBAAA,EAAA,yBAAA,EAAA,4BAAA,EAAA,cAAA,EAAA,yBAAA,CAAA,EAAA,QAAA,EAAA,CAAA,wBAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA;;4FAKZ,gCAAgC,EAAA,UAAA,EAAA,CAAA;kBAf5C,SAAS;+BACE,gCAAgC,EAAA,UAAA,EAC9B,IAAI,EACP,OAAA,EAAA;wBACP,OAAO;wBACP,SAAS;wBACT,WAAW;wBACX,cAAc;wBACd,kBAAkB;wBAClB,mBAAmB;wBACnB,qBAAqB;AACtB,qBAAA,EAAA,QAAA,EAAA,8sCAAA,EAAA,MAAA,EAAA,CAAA,+jBAAA,CAAA,EAAA,CAAA;8BAkBM,UAAU,EAAA,CAAA;sBADhB,KAAK;gBAQC,KAAK,EAAA,CAAA;sBADX,KAAK;gBAQC,UAAU,EAAA,CAAA;sBADhB,KAAK;gBAQC,eAAe,EAAA,CAAA;sBADrB,KAAK;gBAQC,qBAAqB,EAAA,CAAA;sBAD3B,KAAK;gBAQC,sBAAsB,EAAA,CAAA;sBAD5B,KAAK;gBAQC,IAAI,EAAA,CAAA;sBADV,KAAK;gBAQC,QAAQ,EAAA,CAAA;sBADd,KAAK;gBAQC,UAAU,EAAA,CAAA;sBADhB,KAAK;gBAOC,UAAU,EAAA,CAAA;sBADhB,KAAK;gBAQC,WAAW,EAAA,CAAA;sBADjB,KAAK;gBAcC,OAAO,EAAA,CAAA;sBADb,KAAK;gBAOC,cAAc,EAAA,CAAA;sBADpB,MAAM;gBAOA,WAAW,EAAA,CAAA;sBADjB,MAAM;gBAOA,aAAa,EAAA,CAAA;sBADnB,MAAM;gBAaY,eAAe,EAAA,CAAA;sBAAjC,SAAS;uBAAC,MAAM,CAAA;;;AEvKnB;;AAEG;;;;"}
+{"version":3,"file":"tekus-design-system-components-forms-tk-form-autocomplete-field.mjs","sources":["../../../projects/design-system/components/forms/tk-form-autocomplete-field/tk-form-autocomplete-field.component.ts","../../../projects/design-system/components/forms/tk-form-autocomplete-field/tk-form-autocomplete-field.component.html","../../../projects/design-system/components/forms/tk-form-autocomplete-field/tekus-design-system-components-forms-tk-form-autocomplete-field.ts"],"sourcesContent":["import {\n  Input,\n  Output,\n  OnInit,\n  Component,\n  ViewChild,\n  OnDestroy,\n  OnChanges,\n  EventEmitter,\n  AfterViewInit,\n  SimpleChanges,\n} from '@angular/core';\nimport {\n  SubscriptSizing,\n  MatFormFieldModule,\n  MatFormFieldAppearance,\n} from '@angular/material/form-field';\nimport {\n  MatAutocomplete,\n  MatAutocompleteModule,\n} from '@angular/material/autocomplete';\nimport { Option } from './models/option.model';\nimport { AsyncPipe, NgStyle } from '@angular/common';\nimport { ThemePalette } from '@angular/material/core';\nimport { MatInputModule } from '@angular/material/input';\nimport { map, Observable, startWith, Subscription } from 'rxjs';\nimport { FormControl, FormsModule, ReactiveFormsModule } from '@angular/forms';\n\n@Component({\n  selector: 'lib-tk-form-autocomplete-field',\n  standalone: true,\n  imports: [\n    NgStyle,\n    AsyncPipe,\n    FormsModule,\n    MatInputModule,\n    MatFormFieldModule,\n    ReactiveFormsModule,\n    MatAutocompleteModule,\n  ],\n  templateUrl: './tk-form-autocomplete-field.component.html',\n  styleUrl: './tk-form-autocomplete-field.component.scss',\n})\nexport class TkFormAutocompleteFieldComponent\n  implements OnInit, OnDestroy, AfterViewInit, OnChanges\n{\n  /**\n   * Input field control\n   * @ignore\n   */\n  public formControl = new FormControl<string | Option>('');\n\n  /**\n   * Optional input field width\n   * @default 100%\n   */\n  @Input()\n  public fieldWidth?: string;\n\n  /**\n   * What color palette to use\n   * @default 'accent'\n   */\n  @Input()\n  public theme?: ThemePalette = 'accent';\n\n  /**\n   * Form field appearance\n   * @default 'fill'\n   */\n  @Input()\n  public appearance: MatFormFieldAppearance = 'fill';\n\n  /**\n   * Form field reserved space for one line by default.\n   * @default 'dynamic'\n   */\n  @Input()\n  public subscriptSizing: SubscriptSizing = 'dynamic';\n\n  /**\n   * Whether the first option should be highlighted when the autocomplete panel is opened\n   * @default true\n   */\n  @Input()\n  public autoActiveFirstOption?: boolean = true;\n\n  /**\n   * Whether the active option should be selected as the user is navigating.\n   * @default true\n   */\n  @Input()\n  public autoSelectActiveOption?: boolean = true;\n\n  /**\n   * Optional field input type\n   * @default 'text'\n   */\n  @Input()\n  public type = 'text';\n\n  /**\n   * Whether the field is required\n   * @default true\n   */\n  @Input()\n  public required = true;\n\n  /**\n   * Optional input field title\n   * @default null\n   */\n  @Input()\n  public fieldTitle?: string;\n\n  /**\n   * Input field label\n   */\n  @Input()\n  public fieldLabel = '';\n\n  /**\n   * Input field placeholder\n   * @default ''\n   */\n  @Input()\n  public placeHolder = '';\n\n  /**\n   * Filtered options\n   * @ignore\n   */\n  public filteredOptions!: Observable<Option[]>;\n\n  /**\n   * Options to be displayed\n   * @ignore\n   */\n  @Input()\n  public options: Option[] = [];\n\n  /**\n   * Option changes handler\n   */\n  @Output()\n  public optionSelected = new EventEmitter<string | number>();\n\n  /**\n   * Input field changes handler\n   */\n  @Output()\n  public inputStatus = new EventEmitter<FormControl>();\n\n  /**\n   * Autocomplete bottom reached handler\n   */\n  @Output()\n  public bottomReached = new EventEmitter<void>();\n\n  /**\n   * Subscriptions property to handle all subscriptions\n   * @ignore\n   */\n  private readonly subscriptions: Subscription = new Subscription();\n\n  /**\n   * Mat-autocomplete reference\n   * @ignore\n   */\n  @ViewChild('auto') matAutocomplete!: MatAutocomplete;\n\n  /**\n   * Component lifecycle method\n   * @ignore\n   */\n  ngOnInit(): void {\n    this.updateFilteredOptions();\n  }\n\n  /**\n   * Component lifecycle method\n   * @ignore\n   */\n  ngAfterViewInit(): void {\n    this.initAutocompleteListener();\n  }\n\n  /**\n   * Component lifecycle method\n   * @ignore\n   */\n  ngOnChanges(changes: SimpleChanges): void {\n    if (changes) {\n      this.updateFilteredOptions();\n    }\n  }\n\n  /**\n   * Handles options updates\n   * @ignore\n   */\n  private updateFilteredOptions(): void {\n    this.filteredOptions = this.formControl.valueChanges.pipe(\n      startWith(''),\n      map(value => {\n        const option = typeof value === 'string' ? value : value?.ViewValue;\n        return option\n          ? this._filterOptions(option)\n          : (this.options ?? []).slice();\n      })\n    );\n  }\n\n  /**\n   * Starts the autocomplete subscriptions\n   * @ignore\n   */\n  public initAutocompleteListener(): void {\n    const openedSubscription = this.onAutocompleteOpened();\n    const closedSubscription = this.onAutocompleteClosed();\n\n    this.subscriptions.add(openedSubscription);\n    this.subscriptions.add(closedSubscription);\n  }\n\n  /**\n   * Handles the autocomplete opened event\n   * @ignore\n   */\n  private onAutocompleteOpened(): Subscription {\n    return this.matAutocomplete.opened.subscribe(() => {\n      setTimeout(() => {\n        const panel = this.matAutocomplete.panel?.nativeElement;\n        if (panel) {\n          panel.addEventListener('scroll', this.onScroll.bind(this));\n        }\n      });\n    });\n  }\n\n  /**\n   * Handles the autocomplete closed event\n   * @ignore\n   */\n  private onAutocompleteClosed(): Subscription {\n    return this.matAutocomplete.closed.subscribe(() => {\n      const panel = this.matAutocomplete.panel?.nativeElement;\n      if (panel) {\n        panel.removeEventListener('scroll', this.onScroll.bind(this));\n      }\n    });\n  }\n\n  /**\n   * Handles the scrolling event\n   * @ignore\n   */\n  private onScroll(event: Event) {\n    const panel = event.target as HTMLElement;\n    const scrollTop = panel.scrollTop;\n    const scrollHeight = panel.scrollHeight;\n    const offsetHeight = panel.offsetHeight;\n\n    if (scrollTop + offsetHeight >= scrollHeight) {\n      this.onScrolledToEnd();\n    }\n  }\n\n  /**\n   * Emits the bottomReached when the user reaches the end of the autocomplete panel\n   * @ignore\n   */\n  private onScrolledToEnd(): void {\n    this.bottomReached.emit();\n  }\n\n  /**\n   * Conditions the options' view to display the view value\n   * @ignore\n   */\n  public displayFn(option: Option | null): string {\n    return option?.ViewValue ? option.ViewValue : '';\n  }\n\n  /**\n   * Filters the options according to the input value\n   * @ignore\n   */\n  private _filterOptions(value: string): Option[] {\n    const filterValue = value.toLowerCase();\n\n    return this.options.filter(option =>\n      option.ViewValue.toLowerCase().includes(filterValue)\n    );\n  }\n\n  /**\n   * Emits the selected option every time it changes\n   * @ignore\n   */\n  public onSelectionChanged(option: Option): void {\n    this.optionSelected.emit(option.Value);\n  }\n\n  /**\n   * Emits the formControl variable every time the input value changes\n   * @ignore\n   */\n  public onInputChanged(): void {\n    this.inputStatus.emit(this.formControl);\n  }\n\n  /**\n   * Unsubscribe from all subscriptions when the component is destroyed\n   * @ignore\n   */\n  ngOnDestroy() {\n    this.subscriptions?.unsubscribe();\n  }\n}\n","<div class=\"section\" [ngStyle]=\"{ width: fieldWidth ? 'fit-content' : '100%' }\">\n  @if (fieldTitle) {\n  <h1 class=\"field__title\">{{ fieldTitle }}</h1>\n  }\n  <mat-form-field\n    class=\"form__field\"\n    [color]=\"theme\"\n    [appearance]=\"appearance\"\n    [subscriptSizing]=\"subscriptSizing\"\n    [ngStyle]=\"{ width: fieldWidth ? fieldWidth : '100%' }\">\n    <mat-label class=\"form__field__label\">{{ fieldLabel }}</mat-label>\n    <input\n      matInput\n      [type]=\"type\"\n      aria-label=\"Option\"\n      [required]=\"required\"\n      [matAutocomplete]=\"auto\"\n      (input)=\"onInputChanged()\"\n      [formControl]=\"formControl\"\n      [placeholder]=\"placeHolder\" />\n    <mat-autocomplete\n      requireSelection\n      #auto=\"matAutocomplete\"\n      [displayWith]=\"displayFn\"\n      [autoActiveFirstOption]=\"autoActiveFirstOption\"\n      [autoSelectActiveOption]=\"autoSelectActiveOption\"\n      (optionSelected)=\"onSelectionChanged($event.option.value)\">\n      @for (option of filteredOptions | async; track option.Value) {\n      <mat-option [value]=\"option\">\n        <span>{{ option.ViewValue }}</span>\n      </mat-option>\n      }\n    </mat-autocomplete>\n  </mat-form-field>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/tekus-design-system-components-forms-tk-form-chips-autocomplete-field.mjs

@@ -17,10 +17,6 @@ import { FormControl, FormsModule, ReactiveFormsModule } from '@angular/forms';
 import * as i6 from '@angular/material/core';
 
 class TkFormChipsAutocompleteFieldComponent {
-    /**
-     * @ignore
-     * Class constructor
-     */
     constructor() {
         /**
          * Input field label
@@ -74,7 +70,31 @@ class TkFormChipsAutocompleteFieldComponent {
          * @ignore
          */
         this.allKeywords = [];
-        this.filteredKeywords = this.formControl.valueChanges.pipe(startWith(null), map((keyword) => keyword ? this._filter(String(keyword)) : this.allKeywords.slice()));
+    }
+    /**
+     * @ignore
+     * Lifecycle method
+     */
+    ngOnInit() {
+        this.updateFilteredKeywords();
+    }
+    /**
+     * @ignore
+     * Lifecycle method
+     */
+    ngOnChanges(changes) {
+        if (changes['allKeywords']) {
+            this.updateFilteredKeywords();
+        }
+    }
+    /**
+     * Updates the filtered keywords when allKeywords changes
+     * @ignore
+     */
+    updateFilteredKeywords() {
+        this.filteredKeywords = this.formControl.valueChanges.pipe(startWith(null), map((keyword) => keyword
+            ? this._filter(String(keyword))
+            : (this.allKeywords ?? []).slice()));
     }
     /**
      * Handles every keyword deletion
@@ -126,7 +146,7 @@ class TkFormChipsAutocompleteFieldComponent {
         return this.allKeywords.filter(keyword => keyword.ViewValue.toLowerCase().includes(filterValue));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: TkFormChipsAutocompleteFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.10", type: TkFormChipsAutocompleteFieldComponent, isStandalone: true, selector: "lib-tk-form-chips-autocomplete-field", inputs: { fieldLabel: "fieldLabel", placeHolder: "placeHolder", fieldTitle: "fieldTitle", theme: "theme", subscriptSizing: "subscriptSizing", fieldWidth: "fieldWidth", appearance: "appearance", allKeywords: "allKeywords" }, outputs: { inputStatus: "inputStatus", selectedKeywords: "selectedKeywords" }, viewQueries: [{ propertyName: "keywordInput", first: true, predicate: ["keywordInput"], descendants: true }], ngImport: i0, template: "<div class=\"section\" [ngStyle]=\"{ width: fieldWidth ? 'fit-content' : '100%' }\">\n  @if (fieldTitle) {\n    <h1 class=\"field__title\">{{ fieldTitle }}</h1>\n  }\n  <mat-form-field\n    class=\"form__field\"\n    [color]=\"theme\"\n    [appearance]=\"appearance\"\n    [subscriptSizing]=\"subscriptSizing\"\n    [ngStyle]=\"{ width: fieldWidth ? fieldWidth : '100%' }\">\n    <mat-label class=\"form__field__label\">{{ fieldLabel }}</mat-label>\n    <mat-chip-grid #chipGrid aria-label=\"Keyword selection\">\n      @for (keyword of keywords; track keyword.Value) {\n        <mat-chip-row (removed)=\"remove(keyword)\">\n          {{ keyword.ViewValue }}\n          <button\n            matChipRemove\n            [attr.aria-label]=\"'remove ' + keyword.ViewValue\">\n            <mat-icon>cancel</mat-icon>\n          </button>\n        </mat-chip-row>\n      }\n    </mat-chip-grid>\n    <input\n      #keywordInput\n      [matAutocomplete]=\"auto\"\n      [formControl]=\"formControl\"\n      [placeholder]=\"placeHolder\"\n      [matChipInputFor]=\"chipGrid\"\n      [matChipInputSeparatorKeyCodes]=\"separatorKeysCodes\" />\n    <mat-autocomplete\n      #auto=\"matAutocomplete\"\n      (optionSelected)=\"selected($event)\">\n      @for (keyword of filteredKeywords | async; track keyword.Value) {\n        <mat-option [value]=\"keyword.Value\">{{ keyword.ViewValue }}</mat-option>\n      }\n    </mat-autocomplete>\n  </mat-form-field>\n</div>\n", styles: [".section{gap:.5rem;display:flex;flex-wrap:wrap;max-width:100%;align-items:center;justify-content:flex-start}.form__field{flex:1;height:100%;width:20rem;display:flex;max-width:100%;min-width:10rem;font-size:clamp(.8rem,.657rem + .381vw,1rem)}.form__field__label{font-weight:400;font-style:normal;line-height:.98438em;font-size:clamp(.688rem,.554rem + .357vw,.875rem)}.field__title{margin:0;padding:0;max-width:100%;font-weight:500;overflow:hidden;font-style:normal;align-self:center;white-space:nowrap;text-overflow:ellipsis;font-size:clamp(.9rem,.852rem + .276vw,1.1rem)}\n"], dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.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: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatChipsModule }, { kind: "component", type: i3.MatChipGrid, selector: "mat-chip-grid", inputs: ["disabled", "placeholder", "required", "value", "errorStateMatcher"], outputs: ["change", "valueChange"] }, { kind: "directive", type: i3.MatChipInput, selector: "input[matChipInputFor]", inputs: ["matChipInputFor", "matChipInputAddOnBlur", "matChipInputSeparatorKeyCodes", "placeholder", "id", "disabled"], outputs: ["matChipInputTokenEnd"], exportAs: ["matChipInput", "matChipInputFor"] }, { kind: "directive", type: i3.MatChipRemove, selector: "[matChipRemove]" }, { kind: "component", type: i3.MatChipRow, selector: "mat-chip-row, [mat-chip-row], mat-basic-chip-row, [mat-basic-chip-row]", inputs: ["editable"], outputs: ["edited"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i4.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatLabel, selector: "mat-label" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatAutocompleteModule }, { kind: "component", type: i5.MatAutocomplete, selector: "mat-autocomplete", inputs: ["aria-label", "aria-labelledby", "displayWith", "autoActiveFirstOption", "autoSelectActiveOption", "requireSelection", "panelWidth", "disableRipple", "class", "hideSingleSelectionIndicator"], outputs: ["optionSelected", "opened", "closed", "optionActivated"], exportAs: ["matAutocomplete"] }, { kind: "component", type: i6.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: i5.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.10", type: TkFormChipsAutocompleteFieldComponent, isStandalone: true, selector: "lib-tk-form-chips-autocomplete-field", inputs: { fieldLabel: "fieldLabel", placeHolder: "placeHolder", fieldTitle: "fieldTitle", theme: "theme", subscriptSizing: "subscriptSizing", fieldWidth: "fieldWidth", appearance: "appearance", allKeywords: "allKeywords" }, outputs: { inputStatus: "inputStatus", selectedKeywords: "selectedKeywords" }, viewQueries: [{ propertyName: "keywordInput", first: true, predicate: ["keywordInput"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"section\" [ngStyle]=\"{ width: fieldWidth ? 'fit-content' : '100%' }\">\n  @if (fieldTitle) {\n    <h1 class=\"field__title\">{{ fieldTitle }}</h1>\n  }\n  <mat-form-field\n    class=\"form__field\"\n    [color]=\"theme\"\n    [appearance]=\"appearance\"\n    [subscriptSizing]=\"subscriptSizing\"\n    [ngStyle]=\"{ width: fieldWidth ? fieldWidth : '100%' }\">\n    <mat-label class=\"form__field__label\">{{ fieldLabel }}</mat-label>\n    <mat-chip-grid #chipGrid aria-label=\"Keyword selection\">\n      @for (keyword of keywords; track keyword.Value) {\n        <mat-chip-row (removed)=\"remove(keyword)\">\n          {{ keyword.ViewValue }}\n          <button\n            matChipRemove\n            [attr.aria-label]=\"'remove ' + keyword.ViewValue\">\n            <mat-icon>cancel</mat-icon>\n          </button>\n        </mat-chip-row>\n      }\n    </mat-chip-grid>\n    <input\n      #keywordInput\n      [matAutocomplete]=\"auto\"\n      [formControl]=\"formControl\"\n      [placeholder]=\"placeHolder\"\n      [matChipInputFor]=\"chipGrid\"\n      [matChipInputSeparatorKeyCodes]=\"separatorKeysCodes\" />\n    <mat-autocomplete\n      #auto=\"matAutocomplete\"\n      (optionSelected)=\"selected($event)\">\n      @for (keyword of filteredKeywords | async; track keyword.Value) {\n        <mat-option [value]=\"keyword.Value\">{{ keyword.ViewValue }}</mat-option>\n      }\n    </mat-autocomplete>\n  </mat-form-field>\n</div>\n", styles: [".section{gap:.5rem;display:flex;flex-wrap:wrap;max-width:100%;align-items:center;justify-content:flex-start}.form__field{flex:1;height:100%;width:20rem;display:flex;max-width:100%;min-width:10rem;font-size:clamp(.8rem,.657rem + .381vw,1rem)}.form__field__label{font-weight:400;font-style:normal;line-height:.98438em;font-size:clamp(.688rem,.554rem + .357vw,.875rem)}.field__title{margin:0;padding:0;max-width:100%;font-weight:500;overflow:hidden;font-style:normal;align-self:center;white-space:nowrap;text-overflow:ellipsis;font-size:clamp(.9rem,.852rem + .276vw,1.1rem)}\n"], dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.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: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatChipsModule }, { kind: "component", type: i3.MatChipGrid, selector: "mat-chip-grid", inputs: ["disabled", "placeholder", "required", "value", "errorStateMatcher"], outputs: ["change", "valueChange"] }, { kind: "directive", type: i3.MatChipInput, selector: "input[matChipInputFor]", inputs: ["matChipInputFor", "matChipInputAddOnBlur", "matChipInputSeparatorKeyCodes", "placeholder", "id", "disabled"], outputs: ["matChipInputTokenEnd"], exportAs: ["matChipInput", "matChipInputFor"] }, { kind: "directive", type: i3.MatChipRemove, selector: "[matChipRemove]" }, { kind: "component", type: i3.MatChipRow, selector: "mat-chip-row, [mat-chip-row], mat-basic-chip-row, [mat-basic-chip-row]", inputs: ["editable"], outputs: ["edited"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i4.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatLabel, selector: "mat-label" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatAutocompleteModule }, { kind: "component", type: i5.MatAutocomplete, selector: "mat-autocomplete", inputs: ["aria-label", "aria-labelledby", "displayWith", "autoActiveFirstOption", "autoSelectActiveOption", "requireSelection", "panelWidth", "disableRipple", "class", "hideSingleSelectionIndicator"], outputs: ["optionSelected", "opened", "closed", "optionActivated"], exportAs: ["matAutocomplete"] }, { kind: "component", type: i6.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: i5.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: TkFormChipsAutocompleteFieldComponent, decorators: [{
             type: Component,
@@ -141,7 +161,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImpo
                         ReactiveFormsModule,
                         MatAutocompleteModule,
                     ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"section\" [ngStyle]=\"{ width: fieldWidth ? 'fit-content' : '100%' }\">\n  @if (fieldTitle) {\n    <h1 class=\"field__title\">{{ fieldTitle }}</h1>\n  }\n  <mat-form-field\n    class=\"form__field\"\n    [color]=\"theme\"\n    [appearance]=\"appearance\"\n    [subscriptSizing]=\"subscriptSizing\"\n    [ngStyle]=\"{ width: fieldWidth ? fieldWidth : '100%' }\">\n    <mat-label class=\"form__field__label\">{{ fieldLabel }}</mat-label>\n    <mat-chip-grid #chipGrid aria-label=\"Keyword selection\">\n      @for (keyword of keywords; track keyword.Value) {\n        <mat-chip-row (removed)=\"remove(keyword)\">\n          {{ keyword.ViewValue }}\n          <button\n            matChipRemove\n            [attr.aria-label]=\"'remove ' + keyword.ViewValue\">\n            <mat-icon>cancel</mat-icon>\n          </button>\n        </mat-chip-row>\n      }\n    </mat-chip-grid>\n    <input\n      #keywordInput\n      [matAutocomplete]=\"auto\"\n      [formControl]=\"formControl\"\n      [placeholder]=\"placeHolder\"\n      [matChipInputFor]=\"chipGrid\"\n      [matChipInputSeparatorKeyCodes]=\"separatorKeysCodes\" />\n    <mat-autocomplete\n      #auto=\"matAutocomplete\"\n      (optionSelected)=\"selected($event)\">\n      @for (keyword of filteredKeywords | async; track keyword.Value) {\n        <mat-option [value]=\"keyword.Value\">{{ keyword.ViewValue }}</mat-option>\n      }\n    </mat-autocomplete>\n  </mat-form-field>\n</div>\n", styles: [".section{gap:.5rem;display:flex;flex-wrap:wrap;max-width:100%;align-items:center;justify-content:flex-start}.form__field{flex:1;height:100%;width:20rem;display:flex;max-width:100%;min-width:10rem;font-size:clamp(.8rem,.657rem + .381vw,1rem)}.form__field__label{font-weight:400;font-style:normal;line-height:.98438em;font-size:clamp(.688rem,.554rem + .357vw,.875rem)}.field__title{margin:0;padding:0;max-width:100%;font-weight:500;overflow:hidden;font-style:normal;align-self:center;white-space:nowrap;text-overflow:ellipsis;font-size:clamp(.9rem,.852rem + .276vw,1.1rem)}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { fieldLabel: [{
+        }], propDecorators: { fieldLabel: [{
                 type: Input
             }], placeHolder: [{
                 type: Input

package/fesm2022/tekus-design-system-components-forms-tk-form-chips-autocomplete-field.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"tekus-design-system-components-forms-tk-form-chips-autocomplete-field.mjs","sources":["../../../projects/design-system/components/forms/tk-form-chips-autocomplete-field/tk-form-chips-autocomplete-field.component.ts","../../../projects/design-system/components/forms/tk-form-chips-autocomplete-field/tk-form-chips-autocomplete-field.component.html","../../../projects/design-system/components/forms/tk-form-chips-autocomplete-field/tekus-design-system-components-forms-tk-form-chips-autocomplete-field.ts"],"sourcesContent":["import {\n  Input,\n  Output,\n  Component,\n  ViewChild,\n  ElementRef,\n  EventEmitter,\n  ChangeDetectionStrategy,\n} from '@angular/core';\nimport {\n  SubscriptSizing,\n  MatFormFieldModule,\n  MatFormFieldAppearance,\n} from '@angular/material/form-field';\nimport {\n  MatAutocompleteModule,\n  MatAutocompleteSelectedEvent,\n} from '@angular/material/autocomplete';\nimport { Option } from './models/option.model';\nimport { map, Observable, startWith } from 'rxjs';\nimport { AsyncPipe, NgStyle } from '@angular/common';\nimport { COMMA, ENTER } from '@angular/cdk/keycodes';\nimport { ThemePalette } from '@angular/material/core';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatChipsModule } from '@angular/material/chips';\nimport { MatButtonModule } from '@angular/material/button';\nimport { FormControl, FormsModule, ReactiveFormsModule } from '@angular/forms';\n\n@Component({\n  selector: 'lib-tk-form-chips-autocomplete-field',\n  standalone: true,\n  imports: [\n    NgStyle,\n    AsyncPipe,\n    FormsModule,\n    MatIconModule,\n    MatChipsModule,\n    MatButtonModule,\n    MatFormFieldModule,\n    ReactiveFormsModule,\n    MatAutocompleteModule,\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  templateUrl: './tk-form-chips-autocomplete-field.component.html',\n  styleUrl: './tk-form-chips-autocomplete-field.component.scss',\n})\nexport class TkFormChipsAutocompleteFieldComponent {\n  /**\n   * Input field label\n   */\n  @Input()\n  public fieldLabel = '';\n\n  /**\n   * Input field placeholder\n   * @default ''\n   */\n  @Input()\n  public placeHolder = '';\n\n  /**\n   * Optional input field title\n   * @default null\n   */\n  @Input()\n  public fieldTitle?: string;\n\n  /**\n   * What color palette to use\n   * @default 'accent'\n   */\n  @Input()\n  public theme?: ThemePalette = 'accent';\n\n  /**\n   * Form field reserved space for one line by default.\n   * @default 'dynamic'\n   */\n  @Input()\n  public subscriptSizing: SubscriptSizing = 'dynamic';\n\n  /**\n   * Optional input field width\n   * @default 100%\n   */\n  @Input()\n  public fieldWidth?: string;\n\n  /**\n   * Form field appearance\n   * @default 'fill'\n   */\n  @Input()\n  public appearance: MatFormFieldAppearance = 'fill';\n\n  /**\n   * Input field control\n   * @ignore\n   */\n  public formControl = new FormControl('');\n  /**\n   * Selected keywords\n   * @ignore\n   */\n  public keywords: Option[] = [];\n\n  /**\n   * Input field changes handler\n   */\n  @Output()\n  public inputStatus = new EventEmitter<FormControl>();\n\n  /**\n   * Keywords changes handler\n   */\n  @Output()\n  public selectedKeywords = new EventEmitter<(string | number)[]>();\n\n  /**\n   * Separator constants\n   * @ignore\n   */\n  public readonly separatorKeysCodes: number[] = [ENTER, COMMA];\n\n  /**\n   * Options to be displayed\n   * @ignore\n   */\n  @Input()\n  public allKeywords: Option[] = [];\n\n  /**\n   * Filtered keywords after the input field changes\n   * @ignore\n   */\n  public readonly filteredKeywords: Observable<Option[]>;\n\n  /**\n   * Keyword Input element reference\n   * @ignore\n   */\n  @ViewChild('keywordInput') keywordInput!: ElementRef<HTMLInputElement>;\n\n  /**\n   * @ignore\n   * Class constructor\n   */\n  constructor() {\n    this.filteredKeywords = this.formControl.valueChanges.pipe(\n      startWith(null),\n      map((keyword: string | null) =>\n        keyword ? this._filter(String(keyword)) : this.allKeywords.slice()\n      )\n    );\n  }\n\n  /**\n   * Handles every keyword deletion\n   * @ignore\n   */\n  public remove(keyword: Option): void {\n    const index = this.keywords.indexOf(keyword);\n\n    if (index >= 0) {\n      this.keywords.splice(index, 1);\n      this.onKeywordsChanged();\n    }\n  }\n\n  /**\n   * Emits the formControl variable every time the field value changes\n   * @ignore\n   */\n  public onInputChanged(): void {\n    this.inputStatus.emit(this.formControl);\n  }\n\n  /**\n   * Emits the selected keywords every time they changed\n   * @ignore\n   */\n  public onKeywordsChanged(): void {\n    this.selectedKeywords.emit(this.keywords.map(keyword => keyword.Value));\n  }\n\n  /**\n   * Handles the autocomplete selection\n   * @ignore\n   */\n  public selected(event: MatAutocompleteSelectedEvent): void {\n    const value = event.option.value;\n    const selectedKeyword = this.allKeywords.find(\n      option => option.Value === value\n    );\n\n    if (\n      selectedKeyword &&\n      !this.keywords.some(keyword => keyword.Value === selectedKeyword.Value)\n    ) {\n      this.keywords.push(selectedKeyword);\n      this.onKeywordsChanged();\n    }\n\n    this.keywordInput.nativeElement.value = '';\n    this.formControl.setValue(null);\n  }\n\n  /**\n   * Filters the keywords based on the input\n   * @ignore\n   */\n  private _filter(value: string): Option[] {\n    this.onInputChanged();\n    const filterValue = value.toLowerCase();\n\n    return this.allKeywords.filter(keyword =>\n      keyword.ViewValue.toLowerCase().includes(filterValue)\n    );\n  }\n}\n","<div class=\"section\" [ngStyle]=\"{ width: fieldWidth ? 'fit-content' : '100%' }\">\n  @if (fieldTitle) {\n    <h1 class=\"field__title\">{{ fieldTitle }}</h1>\n  }\n  <mat-form-field\n    class=\"form__field\"\n    [color]=\"theme\"\n    [appearance]=\"appearance\"\n    [subscriptSizing]=\"subscriptSizing\"\n    [ngStyle]=\"{ width: fieldWidth ? fieldWidth : '100%' }\">\n    <mat-label class=\"form__field__label\">{{ fieldLabel }}</mat-label>\n    <mat-chip-grid #chipGrid aria-label=\"Keyword selection\">\n      @for (keyword of keywords; track keyword.Value) {\n        <mat-chip-row (removed)=\"remove(keyword)\">\n          {{ keyword.ViewValue }}\n          <button\n            matChipRemove\n            [attr.aria-label]=\"'remove ' + keyword.ViewValue\">\n            <mat-icon>cancel</mat-icon>\n          </button>\n        </mat-chip-row>\n      }\n    </mat-chip-grid>\n    <input\n      #keywordInput\n      [matAutocomplete]=\"auto\"\n      [formControl]=\"formControl\"\n      [placeholder]=\"placeHolder\"\n      [matChipInputFor]=\"chipGrid\"\n      [matChipInputSeparatorKeyCodes]=\"separatorKeysCodes\" />\n    <mat-autocomplete\n      #auto=\"matAutocomplete\"\n      (optionSelected)=\"selected($event)\">\n      @for (keyword of filteredKeywords | async; track keyword.Value) {\n        <mat-option [value]=\"keyword.Value\">{{ keyword.ViewValue }}</mat-option>\n      }\n    </mat-autocomplete>\n  </mat-form-field>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"tekus-design-system-components-forms-tk-form-chips-autocomplete-field.mjs","sources":["../../../projects/design-system/components/forms/tk-form-chips-autocomplete-field/tk-form-chips-autocomplete-field.component.ts","../../../projects/design-system/components/forms/tk-form-chips-autocomplete-field/tk-form-chips-autocomplete-field.component.html","../../../projects/design-system/components/forms/tk-form-chips-autocomplete-field/tekus-design-system-components-forms-tk-form-chips-autocomplete-field.ts"],"sourcesContent":["import {\n  Input,\n  Output,\n  OnInit,\n  Component,\n  ViewChild,\n  OnChanges,\n  ElementRef,\n  EventEmitter,\n  SimpleChanges,\n  ChangeDetectionStrategy,\n} from '@angular/core';\nimport {\n  SubscriptSizing,\n  MatFormFieldModule,\n  MatFormFieldAppearance,\n} from '@angular/material/form-field';\nimport {\n  MatAutocompleteModule,\n  MatAutocompleteSelectedEvent,\n} from '@angular/material/autocomplete';\nimport { Option } from './models/option.model';\nimport { map, Observable, startWith } from 'rxjs';\nimport { AsyncPipe, NgStyle } from '@angular/common';\nimport { COMMA, ENTER } from '@angular/cdk/keycodes';\nimport { ThemePalette } from '@angular/material/core';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatChipsModule } from '@angular/material/chips';\nimport { MatButtonModule } from '@angular/material/button';\nimport { FormControl, FormsModule, ReactiveFormsModule } from '@angular/forms';\n\n@Component({\n  selector: 'lib-tk-form-chips-autocomplete-field',\n  standalone: true,\n  imports: [\n    NgStyle,\n    AsyncPipe,\n    FormsModule,\n    MatIconModule,\n    MatChipsModule,\n    MatButtonModule,\n    MatFormFieldModule,\n    ReactiveFormsModule,\n    MatAutocompleteModule,\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  templateUrl: './tk-form-chips-autocomplete-field.component.html',\n  styleUrl: './tk-form-chips-autocomplete-field.component.scss',\n})\nexport class TkFormChipsAutocompleteFieldComponent\n  implements OnInit, OnChanges\n{\n  /**\n   * Input field label\n   */\n  @Input()\n  public fieldLabel = '';\n\n  /**\n   * Input field placeholder\n   * @default ''\n   */\n  @Input()\n  public placeHolder = '';\n\n  /**\n   * Optional input field title\n   * @default null\n   */\n  @Input()\n  public fieldTitle?: string;\n\n  /**\n   * What color palette to use\n   * @default 'accent'\n   */\n  @Input()\n  public theme?: ThemePalette = 'accent';\n\n  /**\n   * Form field reserved space for one line by default.\n   * @default 'dynamic'\n   */\n  @Input()\n  public subscriptSizing: SubscriptSizing = 'dynamic';\n\n  /**\n   * Optional input field width\n   * @default 100%\n   */\n  @Input()\n  public fieldWidth?: string;\n\n  /**\n   * Form field appearance\n   * @default 'fill'\n   */\n  @Input()\n  public appearance: MatFormFieldAppearance = 'fill';\n\n  /**\n   * Input field control\n   * @ignore\n   */\n  public formControl = new FormControl('');\n\n  /**\n   * Selected keywords\n   * @ignore\n   */\n  public keywords: Option[] = [];\n\n  /**\n   * Input field changes handler\n   */\n  @Output()\n  public inputStatus = new EventEmitter<FormControl>();\n\n  /**\n   * Keywords changes handler\n   */\n  @Output()\n  public selectedKeywords = new EventEmitter<(string | number)[]>();\n\n  /**\n   * Separator constants\n   * @ignore\n   */\n  public readonly separatorKeysCodes: number[] = [ENTER, COMMA];\n\n  /**\n   * Options to be displayed\n   * @ignore\n   */\n  @Input()\n  public allKeywords: Option[] = [];\n\n  /**\n   * Filtered keywords after the input field changes\n   * @ignore\n   */\n  public filteredKeywords: Observable<Option[]> | undefined;\n\n  /**\n   * Keyword Input element reference\n   * @ignore\n   */\n  @ViewChild('keywordInput') keywordInput!: ElementRef<HTMLInputElement>;\n\n  /**\n   * @ignore\n   * Lifecycle method\n   */\n  ngOnInit(): void {\n    this.updateFilteredKeywords();\n  }\n\n  /**\n   * @ignore\n   * Lifecycle method\n   */\n  ngOnChanges(changes: SimpleChanges): void {\n    if (changes['allKeywords']) {\n      this.updateFilteredKeywords();\n    }\n  }\n\n  /**\n   * Updates the filtered keywords when allKeywords changes\n   * @ignore\n   */\n  private updateFilteredKeywords(): void {\n    this.filteredKeywords = this.formControl.valueChanges.pipe(\n      startWith(null),\n      map((keyword: string | null) =>\n        keyword\n          ? this._filter(String(keyword))\n          : (this.allKeywords ?? []).slice()\n      )\n    );\n  }\n\n  /**\n   * Handles every keyword deletion\n   * @ignore\n   */\n  public remove(keyword: Option): void {\n    const index = this.keywords.indexOf(keyword);\n\n    if (index >= 0) {\n      this.keywords.splice(index, 1);\n      this.onKeywordsChanged();\n    }\n  }\n\n  /**\n   * Emits the formControl variable every time the field value changes\n   * @ignore\n   */\n  public onInputChanged(): void {\n    this.inputStatus.emit(this.formControl);\n  }\n\n  /**\n   * Emits the selected keywords every time they changed\n   * @ignore\n   */\n  public onKeywordsChanged(): void {\n    this.selectedKeywords.emit(this.keywords.map(keyword => keyword.Value));\n  }\n\n  /**\n   * Handles the autocomplete selection\n   * @ignore\n   */\n  public selected(event: MatAutocompleteSelectedEvent): void {\n    const value = event.option.value;\n    const selectedKeyword = this.allKeywords.find(\n      option => option.Value === value\n    );\n\n    if (\n      selectedKeyword &&\n      !this.keywords.some(keyword => keyword.Value === selectedKeyword.Value)\n    ) {\n      this.keywords.push(selectedKeyword);\n      this.onKeywordsChanged();\n    }\n\n    this.keywordInput.nativeElement.value = '';\n    this.formControl.setValue(null);\n  }\n\n  /**\n   * Filters the keywords based on the input\n   * @ignore\n   */\n  private _filter(value: string): Option[] {\n    this.onInputChanged();\n    const filterValue = value.toLowerCase();\n\n    return this.allKeywords.filter(keyword =>\n      keyword.ViewValue.toLowerCase().includes(filterValue)\n    );\n  }\n}\n","<div class=\"section\" [ngStyle]=\"{ width: fieldWidth ? 'fit-content' : '100%' }\">\n  @if (fieldTitle) {\n    <h1 class=\"field__title\">{{ fieldTitle }}</h1>\n  }\n  <mat-form-field\n    class=\"form__field\"\n    [color]=\"theme\"\n    [appearance]=\"appearance\"\n    [subscriptSizing]=\"subscriptSizing\"\n    [ngStyle]=\"{ width: fieldWidth ? fieldWidth : '100%' }\">\n    <mat-label class=\"form__field__label\">{{ fieldLabel }}</mat-label>\n    <mat-chip-grid #chipGrid aria-label=\"Keyword selection\">\n      @for (keyword of keywords; track keyword.Value) {\n        <mat-chip-row (removed)=\"remove(keyword)\">\n          {{ keyword.ViewValue }}\n          <button\n            matChipRemove\n            [attr.aria-label]=\"'remove ' + keyword.ViewValue\">\n            <mat-icon>cancel</mat-icon>\n          </button>\n        </mat-chip-row>\n      }\n    </mat-chip-grid>\n    <input\n      #keywordInput\n      [matAutocomplete]=\"auto\"\n      [formControl]=\"formControl\"\n      [placeholder]=\"placeHolder\"\n      [matChipInputFor]=\"chipGrid\"\n      [matChipInputSeparatorKeyCodes]=\"separatorKeysCodes\" />\n    <mat-autocomplete\n      #auto=\"matAutocomplete\"\n      (optionSelected)=\"selected($event)\">\n      @for (keyword of filteredKeywords | async; track keyword.Value) {\n        <mat-option [value]=\"keyword.Value\">{{ keyword.ViewValue }}</mat-option>\n      }\n    </mat-autocomplete>\n  </mat-form-field>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/tekus-design-system-components-forms.mjs

@@ -293,10 +293,7 @@ class TkFormAutocompleteFieldComponent {
      * @ignore
      */
     ngOnInit() {
-        this.filteredOptions = this.formControl.valueChanges.pipe(startWith(''), map(value => {
-            const option = typeof value === 'string' ? value : value?.ViewValue;
-            return option ? this._filterOptions(option) : this.options.slice();
-        }));
+        this.updateFilteredOptions();
     }
     /**
      * Component lifecycle method
@@ -305,6 +302,27 @@ class TkFormAutocompleteFieldComponent {
     ngAfterViewInit() {
         this.initAutocompleteListener();
     }
+    /**
+     * Component lifecycle method
+     * @ignore
+     */
+    ngOnChanges(changes) {
+        if (changes) {
+            this.updateFilteredOptions();
+        }
+    }
+    /**
+     * Handles options updates
+     * @ignore
+     */
+    updateFilteredOptions() {
+        this.filteredOptions = this.formControl.valueChanges.pipe(startWith(''), map(value => {
+            const option = typeof value === 'string' ? value : value?.ViewValue;
+            return option
+                ? this._filterOptions(option)
+                : (this.options ?? []).slice();
+        }));
+    }
     /**
      * Starts the autocomplete subscriptions
      * @ignore
@@ -398,7 +416,7 @@ class TkFormAutocompleteFieldComponent {
         this.subscriptions?.unsubscribe();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: TkFormAutocompleteFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.10", type: TkFormAutocompleteFieldComponent, isStandalone: true, selector: "lib-tk-form-autocomplete-field", inputs: { fieldWidth: "fieldWidth", theme: "theme", appearance: "appearance", subscriptSizing: "subscriptSizing", autoActiveFirstOption: "autoActiveFirstOption", autoSelectActiveOption: "autoSelectActiveOption", type: "type", required: "required", fieldTitle: "fieldTitle", fieldLabel: "fieldLabel", placeHolder: "placeHolder", options: "options" }, outputs: { optionSelected: "optionSelected", inputStatus: "inputStatus", bottomReached: "bottomReached" }, viewQueries: [{ propertyName: "matAutocomplete", first: true, predicate: ["auto"], descendants: true }], ngImport: i0, template: "<div class=\"section\" [ngStyle]=\"{ width: fieldWidth ? 'fit-content' : '100%' }\">\n  @if (fieldTitle) {\n    <h1 class=\"field__title\">{{ fieldTitle }}</h1>\n  }\n  <mat-form-field\n    class=\"form__field\"\n    [color]=\"theme\"\n    [appearance]=\"appearance\"\n    [subscriptSizing]=\"subscriptSizing\"\n    [ngStyle]=\"{ width: fieldWidth ? fieldWidth : '100%' }\">\n    <mat-label class=\"form__field__label\">{{ fieldLabel }}</mat-label>\n    <input\n      matInput\n      [type]=\"type\"\n      aria-label=\"Option\"\n      [required]=\"required\"\n      [matAutocomplete]=\"auto\"\n      (input)=\"onInputChanged()\"\n      [formControl]=\"formControl\"\n      [placeholder]=\"placeHolder\" />\n    <mat-autocomplete\n      #auto=\"matAutocomplete\"\n      [displayWith]=\"displayFn\"\n      [autoActiveFirstOption]=\"autoActiveFirstOption\"\n      [autoSelectActiveOption]=\"autoSelectActiveOption\"\n      (optionSelected)=\"onSelectionChanged($event.option.value)\">\n      @for (option of filteredOptions | async; track option.Value) {\n        <mat-option [value]=\"option\">\n          <span>{{ option.ViewValue }}</span>\n        </mat-option>\n      }\n    </mat-autocomplete>\n  </mat-form-field>\n</div>\n", styles: [".section{gap:.5rem;display:flex;flex-wrap:wrap;max-width:100%;align-items:center;justify-content:flex-start}.form__field{flex:1;height:100%;width:20rem;display:flex;max-width:100%;min-width:10rem;font-size:clamp(.8rem,.657rem + .381vw,1rem)}.form__field__label{font-weight:400;font-style:normal;line-height:.98438em;font-size:clamp(.688rem,.554rem + .357vw,.875rem)}.field__title{margin:0;padding:0;max-width:100%;font-weight:500;overflow:hidden;font-style:normal;align-self:center;white-space:nowrap;text-overflow:ellipsis;font-size:clamp(.9rem,.852rem + .276vw,1.1rem)}\n"], dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.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: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i2.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatAutocompleteModule }, { kind: "component", type: i4.MatAutocomplete, selector: "mat-autocomplete", inputs: ["aria-label", "aria-labelledby", "displayWith", "autoActiveFirstOption", "autoSelectActiveOption", "requireSelection", "panelWidth", "disableRipple", "class", "hideSingleSelectionIndicator"], outputs: ["optionSelected", "opened", "closed", "optionActivated"], exportAs: ["matAutocomplete"] }, { kind: "component", type: i5.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: i4.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.10", type: TkFormAutocompleteFieldComponent, isStandalone: true, selector: "lib-tk-form-autocomplete-field", inputs: { fieldWidth: "fieldWidth", theme: "theme", appearance: "appearance", subscriptSizing: "subscriptSizing", autoActiveFirstOption: "autoActiveFirstOption", autoSelectActiveOption: "autoSelectActiveOption", type: "type", required: "required", fieldTitle: "fieldTitle", fieldLabel: "fieldLabel", placeHolder: "placeHolder", options: "options" }, outputs: { optionSelected: "optionSelected", inputStatus: "inputStatus", bottomReached: "bottomReached" }, viewQueries: [{ propertyName: "matAutocomplete", first: true, predicate: ["auto"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"section\" [ngStyle]=\"{ width: fieldWidth ? 'fit-content' : '100%' }\">\n  @if (fieldTitle) {\n  <h1 class=\"field__title\">{{ fieldTitle }}</h1>\n  }\n  <mat-form-field\n    class=\"form__field\"\n    [color]=\"theme\"\n    [appearance]=\"appearance\"\n    [subscriptSizing]=\"subscriptSizing\"\n    [ngStyle]=\"{ width: fieldWidth ? fieldWidth : '100%' }\">\n    <mat-label class=\"form__field__label\">{{ fieldLabel }}</mat-label>\n    <input\n      matInput\n      [type]=\"type\"\n      aria-label=\"Option\"\n      [required]=\"required\"\n      [matAutocomplete]=\"auto\"\n      (input)=\"onInputChanged()\"\n      [formControl]=\"formControl\"\n      [placeholder]=\"placeHolder\" />\n    <mat-autocomplete\n      requireSelection\n      #auto=\"matAutocomplete\"\n      [displayWith]=\"displayFn\"\n      [autoActiveFirstOption]=\"autoActiveFirstOption\"\n      [autoSelectActiveOption]=\"autoSelectActiveOption\"\n      (optionSelected)=\"onSelectionChanged($event.option.value)\">\n      @for (option of filteredOptions | async; track option.Value) {\n      <mat-option [value]=\"option\">\n        <span>{{ option.ViewValue }}</span>\n      </mat-option>\n      }\n    </mat-autocomplete>\n  </mat-form-field>\n</div>\n", styles: [".section{gap:.5rem;display:flex;flex-wrap:wrap;max-width:100%;align-items:center;justify-content:flex-start}.form__field{flex:1;height:100%;width:20rem;display:flex;max-width:100%;min-width:10rem;font-size:clamp(.8rem,.657rem + .381vw,1rem)}.form__field__label{font-weight:400;font-style:normal;line-height:.98438em;font-size:clamp(.688rem,.554rem + .357vw,.875rem)}.field__title{margin:0;padding:0;max-width:100%;font-weight:500;overflow:hidden;font-style:normal;align-self:center;white-space:nowrap;text-overflow:ellipsis;font-size:clamp(.9rem,.852rem + .276vw,1.1rem)}\n"], dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.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: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i2.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatAutocompleteModule }, { kind: "component", type: i4.MatAutocomplete, selector: "mat-autocomplete", inputs: ["aria-label", "aria-labelledby", "displayWith", "autoActiveFirstOption", "autoSelectActiveOption", "requireSelection", "panelWidth", "disableRipple", "class", "hideSingleSelectionIndicator"], outputs: ["optionSelected", "opened", "closed", "optionActivated"], exportAs: ["matAutocomplete"] }, { kind: "component", type: i5.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: i4.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: TkFormAutocompleteFieldComponent, decorators: [{
             type: Component,
@@ -410,7 +428,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImpo
                         MatFormFieldModule,
                         ReactiveFormsModule,
                         MatAutocompleteModule,
-                    ], template: "<div class=\"section\" [ngStyle]=\"{ width: fieldWidth ? 'fit-content' : '100%' }\">\n  @if (fieldTitle) {\n    <h1 class=\"field__title\">{{ fieldTitle }}</h1>\n  }\n  <mat-form-field\n    class=\"form__field\"\n    [color]=\"theme\"\n    [appearance]=\"appearance\"\n    [subscriptSizing]=\"subscriptSizing\"\n    [ngStyle]=\"{ width: fieldWidth ? fieldWidth : '100%' }\">\n    <mat-label class=\"form__field__label\">{{ fieldLabel }}</mat-label>\n    <input\n      matInput\n      [type]=\"type\"\n      aria-label=\"Option\"\n      [required]=\"required\"\n      [matAutocomplete]=\"auto\"\n      (input)=\"onInputChanged()\"\n      [formControl]=\"formControl\"\n      [placeholder]=\"placeHolder\" />\n    <mat-autocomplete\n      #auto=\"matAutocomplete\"\n      [displayWith]=\"displayFn\"\n      [autoActiveFirstOption]=\"autoActiveFirstOption\"\n      [autoSelectActiveOption]=\"autoSelectActiveOption\"\n      (optionSelected)=\"onSelectionChanged($event.option.value)\">\n      @for (option of filteredOptions | async; track option.Value) {\n        <mat-option [value]=\"option\">\n          <span>{{ option.ViewValue }}</span>\n        </mat-option>\n      }\n    </mat-autocomplete>\n  </mat-form-field>\n</div>\n", styles: [".section{gap:.5rem;display:flex;flex-wrap:wrap;max-width:100%;align-items:center;justify-content:flex-start}.form__field{flex:1;height:100%;width:20rem;display:flex;max-width:100%;min-width:10rem;font-size:clamp(.8rem,.657rem + .381vw,1rem)}.form__field__label{font-weight:400;font-style:normal;line-height:.98438em;font-size:clamp(.688rem,.554rem + .357vw,.875rem)}.field__title{margin:0;padding:0;max-width:100%;font-weight:500;overflow:hidden;font-style:normal;align-self:center;white-space:nowrap;text-overflow:ellipsis;font-size:clamp(.9rem,.852rem + .276vw,1.1rem)}\n"] }]
+                    ], template: "<div class=\"section\" [ngStyle]=\"{ width: fieldWidth ? 'fit-content' : '100%' }\">\n  @if (fieldTitle) {\n  <h1 class=\"field__title\">{{ fieldTitle }}</h1>\n  }\n  <mat-form-field\n    class=\"form__field\"\n    [color]=\"theme\"\n    [appearance]=\"appearance\"\n    [subscriptSizing]=\"subscriptSizing\"\n    [ngStyle]=\"{ width: fieldWidth ? fieldWidth : '100%' }\">\n    <mat-label class=\"form__field__label\">{{ fieldLabel }}</mat-label>\n    <input\n      matInput\n      [type]=\"type\"\n      aria-label=\"Option\"\n      [required]=\"required\"\n      [matAutocomplete]=\"auto\"\n      (input)=\"onInputChanged()\"\n      [formControl]=\"formControl\"\n      [placeholder]=\"placeHolder\" />\n    <mat-autocomplete\n      requireSelection\n      #auto=\"matAutocomplete\"\n      [displayWith]=\"displayFn\"\n      [autoActiveFirstOption]=\"autoActiveFirstOption\"\n      [autoSelectActiveOption]=\"autoSelectActiveOption\"\n      (optionSelected)=\"onSelectionChanged($event.option.value)\">\n      @for (option of filteredOptions | async; track option.Value) {\n      <mat-option [value]=\"option\">\n        <span>{{ option.ViewValue }}</span>\n      </mat-option>\n      }\n    </mat-autocomplete>\n  </mat-form-field>\n</div>\n", styles: [".section{gap:.5rem;display:flex;flex-wrap:wrap;max-width:100%;align-items:center;justify-content:flex-start}.form__field{flex:1;height:100%;width:20rem;display:flex;max-width:100%;min-width:10rem;font-size:clamp(.8rem,.657rem + .381vw,1rem)}.form__field__label{font-weight:400;font-style:normal;line-height:.98438em;font-size:clamp(.688rem,.554rem + .357vw,.875rem)}.field__title{margin:0;padding:0;max-width:100%;font-weight:500;overflow:hidden;font-style:normal;align-self:center;white-space:nowrap;text-overflow:ellipsis;font-size:clamp(.9rem,.852rem + .276vw,1.1rem)}\n"] }]
         }], propDecorators: { fieldWidth: [{
                 type: Input
             }], theme: [{
@@ -447,10 +465,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImpo
             }] } });
 
 class TkFormChipsAutocompleteFieldComponent {
-    /**
-     * @ignore
-     * Class constructor
-     */
     constructor() {
         /**
          * Input field label
@@ -504,7 +518,31 @@ class TkFormChipsAutocompleteFieldComponent {
          * @ignore
          */
         this.allKeywords = [];
-        this.filteredKeywords = this.formControl.valueChanges.pipe(startWith(null), map((keyword) => keyword ? this._filter(String(keyword)) : this.allKeywords.slice()));
+    }
+    /**
+     * @ignore
+     * Lifecycle method
+     */
+    ngOnInit() {
+        this.updateFilteredKeywords();
+    }
+    /**
+     * @ignore
+     * Lifecycle method
+     */
+    ngOnChanges(changes) {
+        if (changes['allKeywords']) {
+            this.updateFilteredKeywords();
+        }
+    }
+    /**
+     * Updates the filtered keywords when allKeywords changes
+     * @ignore
+     */
+    updateFilteredKeywords() {
+        this.filteredKeywords = this.formControl.valueChanges.pipe(startWith(null), map((keyword) => keyword
+            ? this._filter(String(keyword))
+            : (this.allKeywords ?? []).slice()));
     }
     /**
      * Handles every keyword deletion
@@ -556,7 +594,7 @@ class TkFormChipsAutocompleteFieldComponent {
         return this.allKeywords.filter(keyword => keyword.ViewValue.toLowerCase().includes(filterValue));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: TkFormChipsAutocompleteFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.10", type: TkFormChipsAutocompleteFieldComponent, isStandalone: true, selector: "lib-tk-form-chips-autocomplete-field", inputs: { fieldLabel: "fieldLabel", placeHolder: "placeHolder", fieldTitle: "fieldTitle", theme: "theme", subscriptSizing: "subscriptSizing", fieldWidth: "fieldWidth", appearance: "appearance", allKeywords: "allKeywords" }, outputs: { inputStatus: "inputStatus", selectedKeywords: "selectedKeywords" }, viewQueries: [{ propertyName: "keywordInput", first: true, predicate: ["keywordInput"], descendants: true }], ngImport: i0, template: "<div class=\"section\" [ngStyle]=\"{ width: fieldWidth ? 'fit-content' : '100%' }\">\n  @if (fieldTitle) {\n    <h1 class=\"field__title\">{{ fieldTitle }}</h1>\n  }\n  <mat-form-field\n    class=\"form__field\"\n    [color]=\"theme\"\n    [appearance]=\"appearance\"\n    [subscriptSizing]=\"subscriptSizing\"\n    [ngStyle]=\"{ width: fieldWidth ? fieldWidth : '100%' }\">\n    <mat-label class=\"form__field__label\">{{ fieldLabel }}</mat-label>\n    <mat-chip-grid #chipGrid aria-label=\"Keyword selection\">\n      @for (keyword of keywords; track keyword.Value) {\n        <mat-chip-row (removed)=\"remove(keyword)\">\n          {{ keyword.ViewValue }}\n          <button\n            matChipRemove\n            [attr.aria-label]=\"'remove ' + keyword.ViewValue\">\n            <mat-icon>cancel</mat-icon>\n          </button>\n        </mat-chip-row>\n      }\n    </mat-chip-grid>\n    <input\n      #keywordInput\n      [matAutocomplete]=\"auto\"\n      [formControl]=\"formControl\"\n      [placeholder]=\"placeHolder\"\n      [matChipInputFor]=\"chipGrid\"\n      [matChipInputSeparatorKeyCodes]=\"separatorKeysCodes\" />\n    <mat-autocomplete\n      #auto=\"matAutocomplete\"\n      (optionSelected)=\"selected($event)\">\n      @for (keyword of filteredKeywords | async; track keyword.Value) {\n        <mat-option [value]=\"keyword.Value\">{{ keyword.ViewValue }}</mat-option>\n      }\n    </mat-autocomplete>\n  </mat-form-field>\n</div>\n", styles: [".section{gap:.5rem;display:flex;flex-wrap:wrap;max-width:100%;align-items:center;justify-content:flex-start}.form__field{flex:1;height:100%;width:20rem;display:flex;max-width:100%;min-width:10rem;font-size:clamp(.8rem,.657rem + .381vw,1rem)}.form__field__label{font-weight:400;font-style:normal;line-height:.98438em;font-size:clamp(.688rem,.554rem + .357vw,.875rem)}.field__title{margin:0;padding:0;max-width:100%;font-weight:500;overflow:hidden;font-style:normal;align-self:center;white-space:nowrap;text-overflow:ellipsis;font-size:clamp(.9rem,.852rem + .276vw,1.1rem)}\n"], dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.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: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatChipsModule }, { kind: "component", type: i3$1.MatChipGrid, selector: "mat-chip-grid", inputs: ["disabled", "placeholder", "required", "value", "errorStateMatcher"], outputs: ["change", "valueChange"] }, { kind: "directive", type: i3$1.MatChipInput, selector: "input[matChipInputFor]", inputs: ["matChipInputFor", "matChipInputAddOnBlur", "matChipInputSeparatorKeyCodes", "placeholder", "id", "disabled"], outputs: ["matChipInputTokenEnd"], exportAs: ["matChipInput", "matChipInputFor"] }, { kind: "directive", type: i3$1.MatChipRemove, selector: "[matChipRemove]" }, { kind: "component", type: i3$1.MatChipRow, selector: "mat-chip-row, [mat-chip-row], mat-basic-chip-row, [mat-basic-chip-row]", inputs: ["editable"], outputs: ["edited"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatAutocompleteModule }, { kind: "component", type: i4.MatAutocomplete, selector: "mat-autocomplete", inputs: ["aria-label", "aria-labelledby", "displayWith", "autoActiveFirstOption", "autoSelectActiveOption", "requireSelection", "panelWidth", "disableRipple", "class", "hideSingleSelectionIndicator"], outputs: ["optionSelected", "opened", "closed", "optionActivated"], exportAs: ["matAutocomplete"] }, { kind: "component", type: i5.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: i4.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.10", type: TkFormChipsAutocompleteFieldComponent, isStandalone: true, selector: "lib-tk-form-chips-autocomplete-field", inputs: { fieldLabel: "fieldLabel", placeHolder: "placeHolder", fieldTitle: "fieldTitle", theme: "theme", subscriptSizing: "subscriptSizing", fieldWidth: "fieldWidth", appearance: "appearance", allKeywords: "allKeywords" }, outputs: { inputStatus: "inputStatus", selectedKeywords: "selectedKeywords" }, viewQueries: [{ propertyName: "keywordInput", first: true, predicate: ["keywordInput"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"section\" [ngStyle]=\"{ width: fieldWidth ? 'fit-content' : '100%' }\">\n  @if (fieldTitle) {\n    <h1 class=\"field__title\">{{ fieldTitle }}</h1>\n  }\n  <mat-form-field\n    class=\"form__field\"\n    [color]=\"theme\"\n    [appearance]=\"appearance\"\n    [subscriptSizing]=\"subscriptSizing\"\n    [ngStyle]=\"{ width: fieldWidth ? fieldWidth : '100%' }\">\n    <mat-label class=\"form__field__label\">{{ fieldLabel }}</mat-label>\n    <mat-chip-grid #chipGrid aria-label=\"Keyword selection\">\n      @for (keyword of keywords; track keyword.Value) {\n        <mat-chip-row (removed)=\"remove(keyword)\">\n          {{ keyword.ViewValue }}\n          <button\n            matChipRemove\n            [attr.aria-label]=\"'remove ' + keyword.ViewValue\">\n            <mat-icon>cancel</mat-icon>\n          </button>\n        </mat-chip-row>\n      }\n    </mat-chip-grid>\n    <input\n      #keywordInput\n      [matAutocomplete]=\"auto\"\n      [formControl]=\"formControl\"\n      [placeholder]=\"placeHolder\"\n      [matChipInputFor]=\"chipGrid\"\n      [matChipInputSeparatorKeyCodes]=\"separatorKeysCodes\" />\n    <mat-autocomplete\n      #auto=\"matAutocomplete\"\n      (optionSelected)=\"selected($event)\">\n      @for (keyword of filteredKeywords | async; track keyword.Value) {\n        <mat-option [value]=\"keyword.Value\">{{ keyword.ViewValue }}</mat-option>\n      }\n    </mat-autocomplete>\n  </mat-form-field>\n</div>\n", styles: [".section{gap:.5rem;display:flex;flex-wrap:wrap;max-width:100%;align-items:center;justify-content:flex-start}.form__field{flex:1;height:100%;width:20rem;display:flex;max-width:100%;min-width:10rem;font-size:clamp(.8rem,.657rem + .381vw,1rem)}.form__field__label{font-weight:400;font-style:normal;line-height:.98438em;font-size:clamp(.688rem,.554rem + .357vw,.875rem)}.field__title{margin:0;padding:0;max-width:100%;font-weight:500;overflow:hidden;font-style:normal;align-self:center;white-space:nowrap;text-overflow:ellipsis;font-size:clamp(.9rem,.852rem + .276vw,1.1rem)}\n"], dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.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: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatChipsModule }, { kind: "component", type: i3$1.MatChipGrid, selector: "mat-chip-grid", inputs: ["disabled", "placeholder", "required", "value", "errorStateMatcher"], outputs: ["change", "valueChange"] }, { kind: "directive", type: i3$1.MatChipInput, selector: "input[matChipInputFor]", inputs: ["matChipInputFor", "matChipInputAddOnBlur", "matChipInputSeparatorKeyCodes", "placeholder", "id", "disabled"], outputs: ["matChipInputTokenEnd"], exportAs: ["matChipInput", "matChipInputFor"] }, { kind: "directive", type: i3$1.MatChipRemove, selector: "[matChipRemove]" }, { kind: "component", type: i3$1.MatChipRow, selector: "mat-chip-row, [mat-chip-row], mat-basic-chip-row, [mat-basic-chip-row]", inputs: ["editable"], outputs: ["edited"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatAutocompleteModule }, { kind: "component", type: i4.MatAutocomplete, selector: "mat-autocomplete", inputs: ["aria-label", "aria-labelledby", "displayWith", "autoActiveFirstOption", "autoSelectActiveOption", "requireSelection", "panelWidth", "disableRipple", "class", "hideSingleSelectionIndicator"], outputs: ["optionSelected", "opened", "closed", "optionActivated"], exportAs: ["matAutocomplete"] }, { kind: "component", type: i5.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: i4.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: TkFormChipsAutocompleteFieldComponent, decorators: [{
             type: Component,
@@ -571,7 +609,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImpo
                         ReactiveFormsModule,
                         MatAutocompleteModule,
                     ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"section\" [ngStyle]=\"{ width: fieldWidth ? 'fit-content' : '100%' }\">\n  @if (fieldTitle) {\n    <h1 class=\"field__title\">{{ fieldTitle }}</h1>\n  }\n  <mat-form-field\n    class=\"form__field\"\n    [color]=\"theme\"\n    [appearance]=\"appearance\"\n    [subscriptSizing]=\"subscriptSizing\"\n    [ngStyle]=\"{ width: fieldWidth ? fieldWidth : '100%' }\">\n    <mat-label class=\"form__field__label\">{{ fieldLabel }}</mat-label>\n    <mat-chip-grid #chipGrid aria-label=\"Keyword selection\">\n      @for (keyword of keywords; track keyword.Value) {\n        <mat-chip-row (removed)=\"remove(keyword)\">\n          {{ keyword.ViewValue }}\n          <button\n            matChipRemove\n            [attr.aria-label]=\"'remove ' + keyword.ViewValue\">\n            <mat-icon>cancel</mat-icon>\n          </button>\n        </mat-chip-row>\n      }\n    </mat-chip-grid>\n    <input\n      #keywordInput\n      [matAutocomplete]=\"auto\"\n      [formControl]=\"formControl\"\n      [placeholder]=\"placeHolder\"\n      [matChipInputFor]=\"chipGrid\"\n      [matChipInputSeparatorKeyCodes]=\"separatorKeysCodes\" />\n    <mat-autocomplete\n      #auto=\"matAutocomplete\"\n      (optionSelected)=\"selected($event)\">\n      @for (keyword of filteredKeywords | async; track keyword.Value) {\n        <mat-option [value]=\"keyword.Value\">{{ keyword.ViewValue }}</mat-option>\n      }\n    </mat-autocomplete>\n  </mat-form-field>\n</div>\n", styles: [".section{gap:.5rem;display:flex;flex-wrap:wrap;max-width:100%;align-items:center;justify-content:flex-start}.form__field{flex:1;height:100%;width:20rem;display:flex;max-width:100%;min-width:10rem;font-size:clamp(.8rem,.657rem + .381vw,1rem)}.form__field__label{font-weight:400;font-style:normal;line-height:.98438em;font-size:clamp(.688rem,.554rem + .357vw,.875rem)}.field__title{margin:0;padding:0;max-width:100%;font-weight:500;overflow:hidden;font-style:normal;align-self:center;white-space:nowrap;text-overflow:ellipsis;font-size:clamp(.9rem,.852rem + .276vw,1.1rem)}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { fieldLabel: [{
+        }], propDecorators: { fieldLabel: [{
                 type: Input
             }], placeHolder: [{
                 type: Input

package/fesm2022/tekus-design-system-components-forms.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"tekus-design-system-components-forms.mjs","sources":["../../../projects/design-system/components/forms/tk-form-input-field/tk-form-input-field.component.ts","../../../projects/design-system/components/forms/tk-form-input-field/tk-form-input-field.component.html","../../../projects/design-system/components/forms/tk-form-autocomplete-field/tk-form-autocomplete-field.component.ts","../../../projects/design-system/components/forms/tk-form-autocomplete-field/tk-form-autocomplete-field.component.html","../../../projects/design-system/components/forms/tk-form-chips-autocomplete-field/tk-form-chips-autocomplete-field.component.ts","../../../projects/design-system/components/forms/tk-form-chips-autocomplete-field/tk-form-chips-autocomplete-field.component.html","../../../projects/design-system/components/forms/tekus-design-system-components-forms.ts"],"sourcesContent":["import {\n  Input,\n  OnInit,\n  Output,\n  Component,\n  OnChanges,\n  EventEmitter,\n  SimpleChanges,\n} from '@angular/core';\nimport {\n  FormControl,\n  FormsModule,\n  ValidatorFn,\n  AsyncValidatorFn,\n  ValidationErrors,\n  ReactiveFormsModule,\n} from '@angular/forms';\nimport { merge } from 'rxjs';\nimport {\n  FloatLabelType,\n  SubscriptSizing,\n  MatFormFieldModule,\n  MatFormFieldAppearance,\n} from '@angular/material/form-field';\nimport { NgStyle } from '@angular/common';\nimport { ThemePalette } from '@angular/material/core';\nimport { MatInputModule } from '@angular/material/input';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { ValidatorWithMessage } from './models/validator-with-message.model';\n\n@Component({\n  selector: 'lib-tk-form-input-field',\n  standalone: true,\n  imports: [\n    NgStyle,\n    FormsModule,\n    MatInputModule,\n    MatFormFieldModule,\n    ReactiveFormsModule,\n  ],\n  templateUrl: './tk-form-input-field.component.html',\n  styleUrl: './tk-form-input-field.component.scss',\n})\nexport class TkFormInputFieldComponent implements OnInit, OnChanges {\n  /**\n   * Optional input field width\n   * @default 100%\n   */\n  @Input()\n  public fieldWidth?: string;\n\n  /**\n   * Optional input field title\n   * @default null\n   */\n  @Input()\n  public fieldTitle?: string;\n\n  /**\n   * What color palette to use\n   * @default 'accent'\n   */\n  @Input()\n  public theme?: ThemePalette = 'accent';\n\n  /**\n   * Optional field input type\n   * @default 'text'\n   */\n  @Input()\n  public type = 'text';\n\n  /**\n   * Whether the field is required\n   * @default true\n   */\n  @Input()\n  public required = true;\n\n  /**\n   * Form field label behavior\n   * @default 'auto'\n   */\n  @Input()\n  public floatLabel: FloatLabelType = 'auto';\n\n  /**\n   * Form field appearance\n   * @default 'fill'\n   */\n  @Input()\n  public appearance: MatFormFieldAppearance = 'fill';\n\n  /**\n   * Form field reserved space for one line by default.\n   * @default 'dynamic'\n   */\n  @Input()\n  public subscriptSizing: SubscriptSizing = 'dynamic';\n\n  /**\n   * Input field label\n   */\n  @Input()\n  public fieldLabel = '';\n\n  /**\n   * Input field placeholder\n   * @default ''\n   */\n  @Input()\n  public placeHolder = '';\n\n  /**\n   * Optional Input field text prefix\n   * @default ''\n   */\n  @Input()\n  public inputPrefix?: string;\n\n  /**\n   * Optional Input field text suffix\n   * @default ''\n   */\n  @Input()\n  public inputSuffix?: string;\n\n  /**\n   * Input field control\n   * @ignore\n   */\n  public formControl = new FormControl('');\n\n  /**\n   * Input field error message\n   * @ignore\n   */\n  public errorMessage: string = '';\n\n  /**\n   * Optional validators for the field\n   * @default ''\n   */\n  @Input()\n  public validatorsWithMessages: { [key: string]: ValidatorWithMessage } = {};\n\n  /**\n   * Optional async validators for the field\n   * @default ''\n   */\n  @Input()\n  public asyncValidatorsWithMessages: { [key: string]: ValidatorWithMessage } =\n    {};\n\n  /**\n   * Input field changes handler\n   */\n  @Output()\n  public inputStatus = new EventEmitter<FormControl>();\n\n  /**\n   * @ignore\n   * Class constructor\n   */\n  constructor() {\n    merge(this.formControl.statusChanges, this.formControl.valueChanges)\n      .pipe(takeUntilDestroyed())\n      .subscribe(() => {\n        this.updateErrorMessage();\n      });\n  }\n\n  /**\n   * Component lifecycle method\n   * @ignore\n   */\n  ngOnInit(): void {\n    this.applyValidators();\n  }\n\n  /**\n   * Component lifecycle method\n   * @ignore\n   */\n  ngOnChanges(changes: SimpleChanges): void {\n    if (\n      changes['validatorsWithMessages'] ||\n      changes['asyncValidatorsWithMessages']\n    ) {\n      this.applyValidators();\n    }\n  }\n\n  /**\n   * @ignore\n   * Component lifecycle method\n   */\n  private isThereAnyValidator(validatorsWithMessages: {\n    [key: string]: ValidatorWithMessage;\n  }): boolean {\n    return Object.keys(validatorsWithMessages).length > 0;\n  }\n\n  /**\n   * Applies all the passed validators\n   * @ignore\n   */\n  private applyValidators(): void {\n    const hasSyncValidators = this.isThereAnyValidator(\n      this.validatorsWithMessages\n    );\n\n    const hasAsyncValidators = this.isThereAnyValidator(\n      this.asyncValidatorsWithMessages\n    );\n\n    const activeValidators: ValidatorFn[] = hasSyncValidators\n      ? Object.values(this.validatorsWithMessages).map(\n          validatorWithMessage => validatorWithMessage.validator\n        )\n      : [];\n\n    const activeAsyncValidators: AsyncValidatorFn[] = hasAsyncValidators\n      ? Object.values(this.asyncValidatorsWithMessages).map(\n          validatorWithMessage =>\n            validatorWithMessage.validator as AsyncValidatorFn\n        )\n      : [];\n\n    if (hasSyncValidators || hasAsyncValidators) {\n      this.formControl.setValidators(activeValidators);\n      this.formControl.setAsyncValidators(activeAsyncValidators);\n      this.formControl.updateValueAndValidity();\n    }\n  }\n\n  /**\n   * Checks if there is any validation error\n   * @ignore\n   */\n  private checkValidationErrors(\n    errors: ValidationErrors | null,\n    validatorsWithMessages: {\n      [key: string]: ValidatorWithMessage;\n    }\n  ): void {\n    for (const errorKey in errors) {\n      if (validatorsWithMessages[errorKey]) {\n        this.errorMessage = validatorsWithMessages[errorKey].message;\n      }\n    }\n  }\n\n  /**\n   * Emits the formControl variable every time the field value changes\n   * @ignore\n   */\n  public onInputChanged(): void {\n    this.inputStatus.emit(this.formControl);\n  }\n\n  /**\n   * Updates the error message every time the input value changes\n   * @ignore\n   */\n  public updateErrorMessage(): void {\n    this.errorMessage = '';\n    const errors = this.formControl.errors;\n\n    if (!errors) {\n      this.errorMessage = '';\n      return;\n    }\n\n    this.checkValidationErrors(errors, this.validatorsWithMessages);\n    this.checkValidationErrors(errors, this.asyncValidatorsWithMessages);\n    this.onInputChanged();\n  }\n}\n","<div class=\"section\" [ngStyle]=\"{ width: fieldWidth ? 'fit-content' : '100%' }\">\n  @if (fieldTitle) {\n    <h1 class=\"field__title\">{{ fieldTitle }}</h1>\n  }\n  <mat-form-field\n    class=\"form__field\"\n    [color]=\"theme\"\n    [appearance]=\"appearance\"\n    [floatLabel]=\"floatLabel\"\n    [subscriptSizing]=\"subscriptSizing\"\n    [ngStyle]=\"{ width: fieldWidth ? fieldWidth : '100%' }\">\n    <mat-label class=\"form__field__label\">{{ fieldLabel }}</mat-label>\n    <input\n      matInput\n      [type]=\"type\"\n      [required]=\"required\"\n      (input)=\"onInputChanged()\"\n      [placeholder]=\"placeHolder\"\n      [formControl]=\"formControl\"\n      (blur)=\"updateErrorMessage()\" />\n    @if (inputPrefix) {\n      <span class=\"form__field__label\" matTextPrefix\n        >{{ inputPrefix }}&nbsp;</span\n      >\n    }\n    @if (inputSuffix) {\n      <span class=\"form__field__label\" matTextSuffix>{{ inputSuffix }}</span>\n    }\n    @if (formControl.invalid) {\n      <mat-error class=\"form__field__error\">{{ errorMessage }}</mat-error>\n    }\n  </mat-form-field>\n</div>\n","import {\n  Input,\n  Output,\n  OnInit,\n  Component,\n  ViewChild,\n  OnDestroy,\n  EventEmitter,\n  AfterViewInit,\n} from '@angular/core';\nimport {\n  SubscriptSizing,\n  MatFormFieldModule,\n  MatFormFieldAppearance,\n} from '@angular/material/form-field';\nimport {\n  MatAutocomplete,\n  MatAutocompleteModule,\n} from '@angular/material/autocomplete';\nimport { Option } from './models/option.model';\nimport { AsyncPipe, NgStyle } from '@angular/common';\nimport { ThemePalette } from '@angular/material/core';\nimport { MatInputModule } from '@angular/material/input';\nimport { map, Observable, startWith, Subscription } from 'rxjs';\nimport { FormControl, FormsModule, ReactiveFormsModule } from '@angular/forms';\n\n@Component({\n  selector: 'lib-tk-form-autocomplete-field',\n  standalone: true,\n  imports: [\n    NgStyle,\n    AsyncPipe,\n    FormsModule,\n    MatInputModule,\n    MatFormFieldModule,\n    ReactiveFormsModule,\n    MatAutocompleteModule,\n  ],\n  templateUrl: './tk-form-autocomplete-field.component.html',\n  styleUrl: './tk-form-autocomplete-field.component.scss',\n})\nexport class TkFormAutocompleteFieldComponent\n  implements OnInit, OnDestroy, AfterViewInit\n{\n  /**\n   * Input field control\n   * @ignore\n   */\n  public formControl = new FormControl<string | Option>('');\n\n  /**\n   * Optional input field width\n   * @default 100%\n   */\n  @Input()\n  public fieldWidth?: string;\n\n  /**\n   * What color palette to use\n   * @default 'accent'\n   */\n  @Input()\n  public theme?: ThemePalette = 'accent';\n\n  /**\n   * Form field appearance\n   * @default 'fill'\n   */\n  @Input()\n  public appearance: MatFormFieldAppearance = 'fill';\n\n  /**\n   * Form field reserved space for one line by default.\n   * @default 'dynamic'\n   */\n  @Input()\n  public subscriptSizing: SubscriptSizing = 'dynamic';\n\n  /**\n   * Whether the first option should be highlighted when the autocomplete panel is opened\n   * @default true\n   */\n  @Input()\n  public autoActiveFirstOption?: boolean = true;\n\n  /**\n   * Whether the active option should be selected as the user is navigating.\n   * @default true\n   */\n  @Input()\n  public autoSelectActiveOption?: boolean = true;\n\n  /**\n   * Optional field input type\n   * @default 'text'\n   */\n  @Input()\n  public type = 'text';\n\n  /**\n   * Whether the field is required\n   * @default true\n   */\n  @Input()\n  public required = true;\n\n  /**\n   * Optional input field title\n   * @default null\n   */\n  @Input()\n  public fieldTitle?: string;\n\n  /**\n   * Input field label\n   */\n  @Input()\n  public fieldLabel = '';\n\n  /**\n   * Input field placeholder\n   * @default ''\n   */\n  @Input()\n  public placeHolder = '';\n\n  /**\n   * Filtered options\n   * @ignore\n   */\n  public filteredOptions!: Observable<Option[]>;\n\n  /**\n   * Options to be displayed\n   * @ignore\n   */\n  @Input()\n  public options: Option[] = [];\n\n  /**\n   * Option changes handler\n   */\n  @Output()\n  public optionSelected = new EventEmitter<string | number>();\n\n  /**\n   * Input field changes handler\n   */\n  @Output()\n  public inputStatus = new EventEmitter<FormControl>();\n\n  /**\n   * Autocomplete bottom reached handler\n   */\n  @Output()\n  public bottomReached = new EventEmitter<void>();\n\n  /**\n   * Subscriptions property to handle all subscriptions\n   * @ignore\n   */\n  private subscriptions: Subscription = new Subscription();\n\n  /**\n   * Mat-autocomplete reference\n   * @ignore\n   */\n  @ViewChild('auto') matAutocomplete!: MatAutocomplete;\n\n  /**\n   * Component lifecycle method\n   * @ignore\n   */\n  ngOnInit(): void {\n    this.filteredOptions = this.formControl.valueChanges.pipe(\n      startWith(''),\n      map(value => {\n        const option = typeof value === 'string' ? value : value?.ViewValue;\n        return option ? this._filterOptions(option) : this.options.slice();\n      })\n    );\n  }\n\n  /**\n   * Component lifecycle method\n   * @ignore\n   */\n  ngAfterViewInit(): void {\n    this.initAutocompleteListener();\n  }\n\n  /**\n   * Starts the autocomplete subscriptions\n   * @ignore\n   */\n  public initAutocompleteListener(): void {\n    const openedSubscription = this.onAutocompleteOpened();\n    const closedSubscription = this.onAutocompleteClosed();\n\n    this.subscriptions.add(openedSubscription);\n    this.subscriptions.add(closedSubscription);\n  }\n\n  /**\n   * Handles the autocomplete opened event\n   * @ignore\n   */\n  private onAutocompleteOpened(): Subscription {\n    return this.matAutocomplete.opened.subscribe(() => {\n      setTimeout(() => {\n        const panel = this.matAutocomplete.panel?.nativeElement;\n        if (panel) {\n          panel.addEventListener('scroll', this.onScroll.bind(this));\n        }\n      });\n    });\n  }\n\n  /**\n   * Handles the autocomplete closed event\n   * @ignore\n   */\n  private onAutocompleteClosed(): Subscription {\n    return this.matAutocomplete.closed.subscribe(() => {\n      const panel = this.matAutocomplete.panel?.nativeElement;\n      if (panel) {\n        panel.removeEventListener('scroll', this.onScroll.bind(this));\n      }\n    });\n  }\n\n  /**\n   * Handles the scrolling event\n   * @ignore\n   */\n  private onScroll(event: Event) {\n    const panel = event.target as HTMLElement;\n    const scrollTop = panel.scrollTop;\n    const scrollHeight = panel.scrollHeight;\n    const offsetHeight = panel.offsetHeight;\n\n    if (scrollTop + offsetHeight >= scrollHeight) {\n      this.onScrolledToEnd();\n    }\n  }\n\n  /**\n   * Emits the bottomReached when the user reaches the end of the autocomplete panel\n   * @ignore\n   */\n  private onScrolledToEnd(): void {\n    this.bottomReached.emit();\n  }\n\n  /**\n   * Conditions the options' view to display the view value\n   * @ignore\n   */\n  public displayFn(option: Option | null): string {\n    return option?.ViewValue ? option.ViewValue : '';\n  }\n\n  /**\n   * Filters the options according to the input value\n   * @ignore\n   */\n  private _filterOptions(value: string): Option[] {\n    const filterValue = value.toLowerCase();\n\n    return this.options.filter(option =>\n      option.ViewValue.toLowerCase().includes(filterValue)\n    );\n  }\n\n  /**\n   * Emits the selected option every time it changes\n   * @ignore\n   */\n  public onSelectionChanged(option: Option): void {\n    this.optionSelected.emit(option.Value);\n  }\n\n  /**\n   * Emits the formControl variable every time the input value changes\n   * @ignore\n   */\n  public onInputChanged(): void {\n    this.inputStatus.emit(this.formControl);\n  }\n\n  /**\n   * Unsubscribe from all subscriptions when the component is destroyed\n   * @ignore\n   */\n  ngOnDestroy() {\n    this.subscriptions?.unsubscribe();\n  }\n}\n","<div class=\"section\" [ngStyle]=\"{ width: fieldWidth ? 'fit-content' : '100%' }\">\n  @if (fieldTitle) {\n    <h1 class=\"field__title\">{{ fieldTitle }}</h1>\n  }\n  <mat-form-field\n    class=\"form__field\"\n    [color]=\"theme\"\n    [appearance]=\"appearance\"\n    [subscriptSizing]=\"subscriptSizing\"\n    [ngStyle]=\"{ width: fieldWidth ? fieldWidth : '100%' }\">\n    <mat-label class=\"form__field__label\">{{ fieldLabel }}</mat-label>\n    <input\n      matInput\n      [type]=\"type\"\n      aria-label=\"Option\"\n      [required]=\"required\"\n      [matAutocomplete]=\"auto\"\n      (input)=\"onInputChanged()\"\n      [formControl]=\"formControl\"\n      [placeholder]=\"placeHolder\" />\n    <mat-autocomplete\n      #auto=\"matAutocomplete\"\n      [displayWith]=\"displayFn\"\n      [autoActiveFirstOption]=\"autoActiveFirstOption\"\n      [autoSelectActiveOption]=\"autoSelectActiveOption\"\n      (optionSelected)=\"onSelectionChanged($event.option.value)\">\n      @for (option of filteredOptions | async; track option.Value) {\n        <mat-option [value]=\"option\">\n          <span>{{ option.ViewValue }}</span>\n        </mat-option>\n      }\n    </mat-autocomplete>\n  </mat-form-field>\n</div>\n","import {\n  Input,\n  Output,\n  Component,\n  ViewChild,\n  ElementRef,\n  EventEmitter,\n  ChangeDetectionStrategy,\n} from '@angular/core';\nimport {\n  SubscriptSizing,\n  MatFormFieldModule,\n  MatFormFieldAppearance,\n} from '@angular/material/form-field';\nimport {\n  MatAutocompleteModule,\n  MatAutocompleteSelectedEvent,\n} from '@angular/material/autocomplete';\nimport { Option } from './models/option.model';\nimport { map, Observable, startWith } from 'rxjs';\nimport { AsyncPipe, NgStyle } from '@angular/common';\nimport { COMMA, ENTER } from '@angular/cdk/keycodes';\nimport { ThemePalette } from '@angular/material/core';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatChipsModule } from '@angular/material/chips';\nimport { MatButtonModule } from '@angular/material/button';\nimport { FormControl, FormsModule, ReactiveFormsModule } from '@angular/forms';\n\n@Component({\n  selector: 'lib-tk-form-chips-autocomplete-field',\n  standalone: true,\n  imports: [\n    NgStyle,\n    AsyncPipe,\n    FormsModule,\n    MatIconModule,\n    MatChipsModule,\n    MatButtonModule,\n    MatFormFieldModule,\n    ReactiveFormsModule,\n    MatAutocompleteModule,\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  templateUrl: './tk-form-chips-autocomplete-field.component.html',\n  styleUrl: './tk-form-chips-autocomplete-field.component.scss',\n})\nexport class TkFormChipsAutocompleteFieldComponent {\n  /**\n   * Input field label\n   */\n  @Input()\n  public fieldLabel = '';\n\n  /**\n   * Input field placeholder\n   * @default ''\n   */\n  @Input()\n  public placeHolder = '';\n\n  /**\n   * Optional input field title\n   * @default null\n   */\n  @Input()\n  public fieldTitle?: string;\n\n  /**\n   * What color palette to use\n   * @default 'accent'\n   */\n  @Input()\n  public theme?: ThemePalette = 'accent';\n\n  /**\n   * Form field reserved space for one line by default.\n   * @default 'dynamic'\n   */\n  @Input()\n  public subscriptSizing: SubscriptSizing = 'dynamic';\n\n  /**\n   * Optional input field width\n   * @default 100%\n   */\n  @Input()\n  public fieldWidth?: string;\n\n  /**\n   * Form field appearance\n   * @default 'fill'\n   */\n  @Input()\n  public appearance: MatFormFieldAppearance = 'fill';\n\n  /**\n   * Input field control\n   * @ignore\n   */\n  public formControl = new FormControl('');\n  /**\n   * Selected keywords\n   * @ignore\n   */\n  public keywords: Option[] = [];\n\n  /**\n   * Input field changes handler\n   */\n  @Output()\n  public inputStatus = new EventEmitter<FormControl>();\n\n  /**\n   * Keywords changes handler\n   */\n  @Output()\n  public selectedKeywords = new EventEmitter<(string | number)[]>();\n\n  /**\n   * Separator constants\n   * @ignore\n   */\n  public readonly separatorKeysCodes: number[] = [ENTER, COMMA];\n\n  /**\n   * Options to be displayed\n   * @ignore\n   */\n  @Input()\n  public allKeywords: Option[] = [];\n\n  /**\n   * Filtered keywords after the input field changes\n   * @ignore\n   */\n  public readonly filteredKeywords: Observable<Option[]>;\n\n  /**\n   * Keyword Input element reference\n   * @ignore\n   */\n  @ViewChild('keywordInput') keywordInput!: ElementRef<HTMLInputElement>;\n\n  /**\n   * @ignore\n   * Class constructor\n   */\n  constructor() {\n    this.filteredKeywords = this.formControl.valueChanges.pipe(\n      startWith(null),\n      map((keyword: string | null) =>\n        keyword ? this._filter(String(keyword)) : this.allKeywords.slice()\n      )\n    );\n  }\n\n  /**\n   * Handles every keyword deletion\n   * @ignore\n   */\n  public remove(keyword: Option): void {\n    const index = this.keywords.indexOf(keyword);\n\n    if (index >= 0) {\n      this.keywords.splice(index, 1);\n      this.onKeywordsChanged();\n    }\n  }\n\n  /**\n   * Emits the formControl variable every time the field value changes\n   * @ignore\n   */\n  public onInputChanged(): void {\n    this.inputStatus.emit(this.formControl);\n  }\n\n  /**\n   * Emits the selected keywords every time they changed\n   * @ignore\n   */\n  public onKeywordsChanged(): void {\n    this.selectedKeywords.emit(this.keywords.map(keyword => keyword.Value));\n  }\n\n  /**\n   * Handles the autocomplete selection\n   * @ignore\n   */\n  public selected(event: MatAutocompleteSelectedEvent): void {\n    const value = event.option.value;\n    const selectedKeyword = this.allKeywords.find(\n      option => option.Value === value\n    );\n\n    if (\n      selectedKeyword &&\n      !this.keywords.some(keyword => keyword.Value === selectedKeyword.Value)\n    ) {\n      this.keywords.push(selectedKeyword);\n      this.onKeywordsChanged();\n    }\n\n    this.keywordInput.nativeElement.value = '';\n    this.formControl.setValue(null);\n  }\n\n  /**\n   * Filters the keywords based on the input\n   * @ignore\n   */\n  private _filter(value: string): Option[] {\n    this.onInputChanged();\n    const filterValue = value.toLowerCase();\n\n    return this.allKeywords.filter(keyword =>\n      keyword.ViewValue.toLowerCase().includes(filterValue)\n    );\n  }\n}\n","<div class=\"section\" [ngStyle]=\"{ width: fieldWidth ? 'fit-content' : '100%' }\">\n  @if (fieldTitle) {\n    <h1 class=\"field__title\">{{ fieldTitle }}</h1>\n  }\n  <mat-form-field\n    class=\"form__field\"\n    [color]=\"theme\"\n    [appearance]=\"appearance\"\n    [subscriptSizing]=\"subscriptSizing\"\n    [ngStyle]=\"{ width: fieldWidth ? fieldWidth : '100%' }\">\n    <mat-label class=\"form__field__label\">{{ fieldLabel }}</mat-label>\n    <mat-chip-grid #chipGrid aria-label=\"Keyword selection\">\n      @for (keyword of keywords; track keyword.Value) {\n        <mat-chip-row (removed)=\"remove(keyword)\">\n          {{ keyword.ViewValue }}\n          <button\n            matChipRemove\n            [attr.aria-label]=\"'remove ' + keyword.ViewValue\">\n            <mat-icon>cancel</mat-icon>\n          </button>\n        </mat-chip-row>\n      }\n    </mat-chip-grid>\n    <input\n      #keywordInput\n      [matAutocomplete]=\"auto\"\n      [formControl]=\"formControl\"\n      [placeholder]=\"placeHolder\"\n      [matChipInputFor]=\"chipGrid\"\n      [matChipInputSeparatorKeyCodes]=\"separatorKeysCodes\" />\n    <mat-autocomplete\n      #auto=\"matAutocomplete\"\n      (optionSelected)=\"selected($event)\">\n      @for (keyword of filteredKeywords | async; track keyword.Value) {\n        <mat-option [value]=\"keyword.Value\">{{ keyword.ViewValue }}</mat-option>\n      }\n    </mat-autocomplete>\n  </mat-form-field>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i2","i4","i5","i6"],"mappings":"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"}
+{"version":3,"file":"tekus-design-system-components-forms.mjs","sources":["../../../projects/design-system/components/forms/tk-form-input-field/tk-form-input-field.component.ts","../../../projects/design-system/components/forms/tk-form-input-field/tk-form-input-field.component.html","../../../projects/design-system/components/forms/tk-form-autocomplete-field/tk-form-autocomplete-field.component.ts","../../../projects/design-system/components/forms/tk-form-autocomplete-field/tk-form-autocomplete-field.component.html","../../../projects/design-system/components/forms/tk-form-chips-autocomplete-field/tk-form-chips-autocomplete-field.component.ts","../../../projects/design-system/components/forms/tk-form-chips-autocomplete-field/tk-form-chips-autocomplete-field.component.html","../../../projects/design-system/components/forms/tekus-design-system-components-forms.ts"],"sourcesContent":["import {\n  Input,\n  OnInit,\n  Output,\n  Component,\n  OnChanges,\n  EventEmitter,\n  SimpleChanges,\n} from '@angular/core';\nimport {\n  FormControl,\n  FormsModule,\n  ValidatorFn,\n  AsyncValidatorFn,\n  ValidationErrors,\n  ReactiveFormsModule,\n} from '@angular/forms';\nimport { merge } from 'rxjs';\nimport {\n  FloatLabelType,\n  SubscriptSizing,\n  MatFormFieldModule,\n  MatFormFieldAppearance,\n} from '@angular/material/form-field';\nimport { NgStyle } from '@angular/common';\nimport { ThemePalette } from '@angular/material/core';\nimport { MatInputModule } from '@angular/material/input';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { ValidatorWithMessage } from './models/validator-with-message.model';\n\n@Component({\n  selector: 'lib-tk-form-input-field',\n  standalone: true,\n  imports: [\n    NgStyle,\n    FormsModule,\n    MatInputModule,\n    MatFormFieldModule,\n    ReactiveFormsModule,\n  ],\n  templateUrl: './tk-form-input-field.component.html',\n  styleUrl: './tk-form-input-field.component.scss',\n})\nexport class TkFormInputFieldComponent implements OnInit, OnChanges {\n  /**\n   * Optional input field width\n   * @default 100%\n   */\n  @Input()\n  public fieldWidth?: string;\n\n  /**\n   * Optional input field title\n   * @default null\n   */\n  @Input()\n  public fieldTitle?: string;\n\n  /**\n   * What color palette to use\n   * @default 'accent'\n   */\n  @Input()\n  public theme?: ThemePalette = 'accent';\n\n  /**\n   * Optional field input type\n   * @default 'text'\n   */\n  @Input()\n  public type = 'text';\n\n  /**\n   * Whether the field is required\n   * @default true\n   */\n  @Input()\n  public required = true;\n\n  /**\n   * Form field label behavior\n   * @default 'auto'\n   */\n  @Input()\n  public floatLabel: FloatLabelType = 'auto';\n\n  /**\n   * Form field appearance\n   * @default 'fill'\n   */\n  @Input()\n  public appearance: MatFormFieldAppearance = 'fill';\n\n  /**\n   * Form field reserved space for one line by default.\n   * @default 'dynamic'\n   */\n  @Input()\n  public subscriptSizing: SubscriptSizing = 'dynamic';\n\n  /**\n   * Input field label\n   */\n  @Input()\n  public fieldLabel = '';\n\n  /**\n   * Input field placeholder\n   * @default ''\n   */\n  @Input()\n  public placeHolder = '';\n\n  /**\n   * Optional Input field text prefix\n   * @default ''\n   */\n  @Input()\n  public inputPrefix?: string;\n\n  /**\n   * Optional Input field text suffix\n   * @default ''\n   */\n  @Input()\n  public inputSuffix?: string;\n\n  /**\n   * Input field control\n   * @ignore\n   */\n  public formControl = new FormControl('');\n\n  /**\n   * Input field error message\n   * @ignore\n   */\n  public errorMessage: string = '';\n\n  /**\n   * Optional validators for the field\n   * @default ''\n   */\n  @Input()\n  public validatorsWithMessages: { [key: string]: ValidatorWithMessage } = {};\n\n  /**\n   * Optional async validators for the field\n   * @default ''\n   */\n  @Input()\n  public asyncValidatorsWithMessages: { [key: string]: ValidatorWithMessage } =\n    {};\n\n  /**\n   * Input field changes handler\n   */\n  @Output()\n  public inputStatus = new EventEmitter<FormControl>();\n\n  /**\n   * @ignore\n   * Class constructor\n   */\n  constructor() {\n    merge(this.formControl.statusChanges, this.formControl.valueChanges)\n      .pipe(takeUntilDestroyed())\n      .subscribe(() => {\n        this.updateErrorMessage();\n      });\n  }\n\n  /**\n   * Component lifecycle method\n   * @ignore\n   */\n  ngOnInit(): void {\n    this.applyValidators();\n  }\n\n  /**\n   * Component lifecycle method\n   * @ignore\n   */\n  ngOnChanges(changes: SimpleChanges): void {\n    if (\n      changes['validatorsWithMessages'] ||\n      changes['asyncValidatorsWithMessages']\n    ) {\n      this.applyValidators();\n    }\n  }\n\n  /**\n   * @ignore\n   * Component lifecycle method\n   */\n  private isThereAnyValidator(validatorsWithMessages: {\n    [key: string]: ValidatorWithMessage;\n  }): boolean {\n    return Object.keys(validatorsWithMessages).length > 0;\n  }\n\n  /**\n   * Applies all the passed validators\n   * @ignore\n   */\n  private applyValidators(): void {\n    const hasSyncValidators = this.isThereAnyValidator(\n      this.validatorsWithMessages\n    );\n\n    const hasAsyncValidators = this.isThereAnyValidator(\n      this.asyncValidatorsWithMessages\n    );\n\n    const activeValidators: ValidatorFn[] = hasSyncValidators\n      ? Object.values(this.validatorsWithMessages).map(\n          validatorWithMessage => validatorWithMessage.validator\n        )\n      : [];\n\n    const activeAsyncValidators: AsyncValidatorFn[] = hasAsyncValidators\n      ? Object.values(this.asyncValidatorsWithMessages).map(\n          validatorWithMessage =>\n            validatorWithMessage.validator as AsyncValidatorFn\n        )\n      : [];\n\n    if (hasSyncValidators || hasAsyncValidators) {\n      this.formControl.setValidators(activeValidators);\n      this.formControl.setAsyncValidators(activeAsyncValidators);\n      this.formControl.updateValueAndValidity();\n    }\n  }\n\n  /**\n   * Checks if there is any validation error\n   * @ignore\n   */\n  private checkValidationErrors(\n    errors: ValidationErrors | null,\n    validatorsWithMessages: {\n      [key: string]: ValidatorWithMessage;\n    }\n  ): void {\n    for (const errorKey in errors) {\n      if (validatorsWithMessages[errorKey]) {\n        this.errorMessage = validatorsWithMessages[errorKey].message;\n      }\n    }\n  }\n\n  /**\n   * Emits the formControl variable every time the field value changes\n   * @ignore\n   */\n  public onInputChanged(): void {\n    this.inputStatus.emit(this.formControl);\n  }\n\n  /**\n   * Updates the error message every time the input value changes\n   * @ignore\n   */\n  public updateErrorMessage(): void {\n    this.errorMessage = '';\n    const errors = this.formControl.errors;\n\n    if (!errors) {\n      this.errorMessage = '';\n      return;\n    }\n\n    this.checkValidationErrors(errors, this.validatorsWithMessages);\n    this.checkValidationErrors(errors, this.asyncValidatorsWithMessages);\n    this.onInputChanged();\n  }\n}\n","<div class=\"section\" [ngStyle]=\"{ width: fieldWidth ? 'fit-content' : '100%' }\">\n  @if (fieldTitle) {\n    <h1 class=\"field__title\">{{ fieldTitle }}</h1>\n  }\n  <mat-form-field\n    class=\"form__field\"\n    [color]=\"theme\"\n    [appearance]=\"appearance\"\n    [floatLabel]=\"floatLabel\"\n    [subscriptSizing]=\"subscriptSizing\"\n    [ngStyle]=\"{ width: fieldWidth ? fieldWidth : '100%' }\">\n    <mat-label class=\"form__field__label\">{{ fieldLabel }}</mat-label>\n    <input\n      matInput\n      [type]=\"type\"\n      [required]=\"required\"\n      (input)=\"onInputChanged()\"\n      [placeholder]=\"placeHolder\"\n      [formControl]=\"formControl\"\n      (blur)=\"updateErrorMessage()\" />\n    @if (inputPrefix) {\n      <span class=\"form__field__label\" matTextPrefix\n        >{{ inputPrefix }}&nbsp;</span\n      >\n    }\n    @if (inputSuffix) {\n      <span class=\"form__field__label\" matTextSuffix>{{ inputSuffix }}</span>\n    }\n    @if (formControl.invalid) {\n      <mat-error class=\"form__field__error\">{{ errorMessage }}</mat-error>\n    }\n  </mat-form-field>\n</div>\n","import {\n  Input,\n  Output,\n  OnInit,\n  Component,\n  ViewChild,\n  OnDestroy,\n  OnChanges,\n  EventEmitter,\n  AfterViewInit,\n  SimpleChanges,\n} from '@angular/core';\nimport {\n  SubscriptSizing,\n  MatFormFieldModule,\n  MatFormFieldAppearance,\n} from '@angular/material/form-field';\nimport {\n  MatAutocomplete,\n  MatAutocompleteModule,\n} from '@angular/material/autocomplete';\nimport { Option } from './models/option.model';\nimport { AsyncPipe, NgStyle } from '@angular/common';\nimport { ThemePalette } from '@angular/material/core';\nimport { MatInputModule } from '@angular/material/input';\nimport { map, Observable, startWith, Subscription } from 'rxjs';\nimport { FormControl, FormsModule, ReactiveFormsModule } from '@angular/forms';\n\n@Component({\n  selector: 'lib-tk-form-autocomplete-field',\n  standalone: true,\n  imports: [\n    NgStyle,\n    AsyncPipe,\n    FormsModule,\n    MatInputModule,\n    MatFormFieldModule,\n    ReactiveFormsModule,\n    MatAutocompleteModule,\n  ],\n  templateUrl: './tk-form-autocomplete-field.component.html',\n  styleUrl: './tk-form-autocomplete-field.component.scss',\n})\nexport class TkFormAutocompleteFieldComponent\n  implements OnInit, OnDestroy, AfterViewInit, OnChanges\n{\n  /**\n   * Input field control\n   * @ignore\n   */\n  public formControl = new FormControl<string | Option>('');\n\n  /**\n   * Optional input field width\n   * @default 100%\n   */\n  @Input()\n  public fieldWidth?: string;\n\n  /**\n   * What color palette to use\n   * @default 'accent'\n   */\n  @Input()\n  public theme?: ThemePalette = 'accent';\n\n  /**\n   * Form field appearance\n   * @default 'fill'\n   */\n  @Input()\n  public appearance: MatFormFieldAppearance = 'fill';\n\n  /**\n   * Form field reserved space for one line by default.\n   * @default 'dynamic'\n   */\n  @Input()\n  public subscriptSizing: SubscriptSizing = 'dynamic';\n\n  /**\n   * Whether the first option should be highlighted when the autocomplete panel is opened\n   * @default true\n   */\n  @Input()\n  public autoActiveFirstOption?: boolean = true;\n\n  /**\n   * Whether the active option should be selected as the user is navigating.\n   * @default true\n   */\n  @Input()\n  public autoSelectActiveOption?: boolean = true;\n\n  /**\n   * Optional field input type\n   * @default 'text'\n   */\n  @Input()\n  public type = 'text';\n\n  /**\n   * Whether the field is required\n   * @default true\n   */\n  @Input()\n  public required = true;\n\n  /**\n   * Optional input field title\n   * @default null\n   */\n  @Input()\n  public fieldTitle?: string;\n\n  /**\n   * Input field label\n   */\n  @Input()\n  public fieldLabel = '';\n\n  /**\n   * Input field placeholder\n   * @default ''\n   */\n  @Input()\n  public placeHolder = '';\n\n  /**\n   * Filtered options\n   * @ignore\n   */\n  public filteredOptions!: Observable<Option[]>;\n\n  /**\n   * Options to be displayed\n   * @ignore\n   */\n  @Input()\n  public options: Option[] = [];\n\n  /**\n   * Option changes handler\n   */\n  @Output()\n  public optionSelected = new EventEmitter<string | number>();\n\n  /**\n   * Input field changes handler\n   */\n  @Output()\n  public inputStatus = new EventEmitter<FormControl>();\n\n  /**\n   * Autocomplete bottom reached handler\n   */\n  @Output()\n  public bottomReached = new EventEmitter<void>();\n\n  /**\n   * Subscriptions property to handle all subscriptions\n   * @ignore\n   */\n  private readonly subscriptions: Subscription = new Subscription();\n\n  /**\n   * Mat-autocomplete reference\n   * @ignore\n   */\n  @ViewChild('auto') matAutocomplete!: MatAutocomplete;\n\n  /**\n   * Component lifecycle method\n   * @ignore\n   */\n  ngOnInit(): void {\n    this.updateFilteredOptions();\n  }\n\n  /**\n   * Component lifecycle method\n   * @ignore\n   */\n  ngAfterViewInit(): void {\n    this.initAutocompleteListener();\n  }\n\n  /**\n   * Component lifecycle method\n   * @ignore\n   */\n  ngOnChanges(changes: SimpleChanges): void {\n    if (changes) {\n      this.updateFilteredOptions();\n    }\n  }\n\n  /**\n   * Handles options updates\n   * @ignore\n   */\n  private updateFilteredOptions(): void {\n    this.filteredOptions = this.formControl.valueChanges.pipe(\n      startWith(''),\n      map(value => {\n        const option = typeof value === 'string' ? value : value?.ViewValue;\n        return option\n          ? this._filterOptions(option)\n          : (this.options ?? []).slice();\n      })\n    );\n  }\n\n  /**\n   * Starts the autocomplete subscriptions\n   * @ignore\n   */\n  public initAutocompleteListener(): void {\n    const openedSubscription = this.onAutocompleteOpened();\n    const closedSubscription = this.onAutocompleteClosed();\n\n    this.subscriptions.add(openedSubscription);\n    this.subscriptions.add(closedSubscription);\n  }\n\n  /**\n   * Handles the autocomplete opened event\n   * @ignore\n   */\n  private onAutocompleteOpened(): Subscription {\n    return this.matAutocomplete.opened.subscribe(() => {\n      setTimeout(() => {\n        const panel = this.matAutocomplete.panel?.nativeElement;\n        if (panel) {\n          panel.addEventListener('scroll', this.onScroll.bind(this));\n        }\n      });\n    });\n  }\n\n  /**\n   * Handles the autocomplete closed event\n   * @ignore\n   */\n  private onAutocompleteClosed(): Subscription {\n    return this.matAutocomplete.closed.subscribe(() => {\n      const panel = this.matAutocomplete.panel?.nativeElement;\n      if (panel) {\n        panel.removeEventListener('scroll', this.onScroll.bind(this));\n      }\n    });\n  }\n\n  /**\n   * Handles the scrolling event\n   * @ignore\n   */\n  private onScroll(event: Event) {\n    const panel = event.target as HTMLElement;\n    const scrollTop = panel.scrollTop;\n    const scrollHeight = panel.scrollHeight;\n    const offsetHeight = panel.offsetHeight;\n\n    if (scrollTop + offsetHeight >= scrollHeight) {\n      this.onScrolledToEnd();\n    }\n  }\n\n  /**\n   * Emits the bottomReached when the user reaches the end of the autocomplete panel\n   * @ignore\n   */\n  private onScrolledToEnd(): void {\n    this.bottomReached.emit();\n  }\n\n  /**\n   * Conditions the options' view to display the view value\n   * @ignore\n   */\n  public displayFn(option: Option | null): string {\n    return option?.ViewValue ? option.ViewValue : '';\n  }\n\n  /**\n   * Filters the options according to the input value\n   * @ignore\n   */\n  private _filterOptions(value: string): Option[] {\n    const filterValue = value.toLowerCase();\n\n    return this.options.filter(option =>\n      option.ViewValue.toLowerCase().includes(filterValue)\n    );\n  }\n\n  /**\n   * Emits the selected option every time it changes\n   * @ignore\n   */\n  public onSelectionChanged(option: Option): void {\n    this.optionSelected.emit(option.Value);\n  }\n\n  /**\n   * Emits the formControl variable every time the input value changes\n   * @ignore\n   */\n  public onInputChanged(): void {\n    this.inputStatus.emit(this.formControl);\n  }\n\n  /**\n   * Unsubscribe from all subscriptions when the component is destroyed\n   * @ignore\n   */\n  ngOnDestroy() {\n    this.subscriptions?.unsubscribe();\n  }\n}\n","<div class=\"section\" [ngStyle]=\"{ width: fieldWidth ? 'fit-content' : '100%' }\">\n  @if (fieldTitle) {\n  <h1 class=\"field__title\">{{ fieldTitle }}</h1>\n  }\n  <mat-form-field\n    class=\"form__field\"\n    [color]=\"theme\"\n    [appearance]=\"appearance\"\n    [subscriptSizing]=\"subscriptSizing\"\n    [ngStyle]=\"{ width: fieldWidth ? fieldWidth : '100%' }\">\n    <mat-label class=\"form__field__label\">{{ fieldLabel }}</mat-label>\n    <input\n      matInput\n      [type]=\"type\"\n      aria-label=\"Option\"\n      [required]=\"required\"\n      [matAutocomplete]=\"auto\"\n      (input)=\"onInputChanged()\"\n      [formControl]=\"formControl\"\n      [placeholder]=\"placeHolder\" />\n    <mat-autocomplete\n      requireSelection\n      #auto=\"matAutocomplete\"\n      [displayWith]=\"displayFn\"\n      [autoActiveFirstOption]=\"autoActiveFirstOption\"\n      [autoSelectActiveOption]=\"autoSelectActiveOption\"\n      (optionSelected)=\"onSelectionChanged($event.option.value)\">\n      @for (option of filteredOptions | async; track option.Value) {\n      <mat-option [value]=\"option\">\n        <span>{{ option.ViewValue }}</span>\n      </mat-option>\n      }\n    </mat-autocomplete>\n  </mat-form-field>\n</div>\n","import {\n  Input,\n  Output,\n  OnInit,\n  Component,\n  ViewChild,\n  OnChanges,\n  ElementRef,\n  EventEmitter,\n  SimpleChanges,\n  ChangeDetectionStrategy,\n} from '@angular/core';\nimport {\n  SubscriptSizing,\n  MatFormFieldModule,\n  MatFormFieldAppearance,\n} from '@angular/material/form-field';\nimport {\n  MatAutocompleteModule,\n  MatAutocompleteSelectedEvent,\n} from '@angular/material/autocomplete';\nimport { Option } from './models/option.model';\nimport { map, Observable, startWith } from 'rxjs';\nimport { AsyncPipe, NgStyle } from '@angular/common';\nimport { COMMA, ENTER } from '@angular/cdk/keycodes';\nimport { ThemePalette } from '@angular/material/core';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatChipsModule } from '@angular/material/chips';\nimport { MatButtonModule } from '@angular/material/button';\nimport { FormControl, FormsModule, ReactiveFormsModule } from '@angular/forms';\n\n@Component({\n  selector: 'lib-tk-form-chips-autocomplete-field',\n  standalone: true,\n  imports: [\n    NgStyle,\n    AsyncPipe,\n    FormsModule,\n    MatIconModule,\n    MatChipsModule,\n    MatButtonModule,\n    MatFormFieldModule,\n    ReactiveFormsModule,\n    MatAutocompleteModule,\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  templateUrl: './tk-form-chips-autocomplete-field.component.html',\n  styleUrl: './tk-form-chips-autocomplete-field.component.scss',\n})\nexport class TkFormChipsAutocompleteFieldComponent\n  implements OnInit, OnChanges\n{\n  /**\n   * Input field label\n   */\n  @Input()\n  public fieldLabel = '';\n\n  /**\n   * Input field placeholder\n   * @default ''\n   */\n  @Input()\n  public placeHolder = '';\n\n  /**\n   * Optional input field title\n   * @default null\n   */\n  @Input()\n  public fieldTitle?: string;\n\n  /**\n   * What color palette to use\n   * @default 'accent'\n   */\n  @Input()\n  public theme?: ThemePalette = 'accent';\n\n  /**\n   * Form field reserved space for one line by default.\n   * @default 'dynamic'\n   */\n  @Input()\n  public subscriptSizing: SubscriptSizing = 'dynamic';\n\n  /**\n   * Optional input field width\n   * @default 100%\n   */\n  @Input()\n  public fieldWidth?: string;\n\n  /**\n   * Form field appearance\n   * @default 'fill'\n   */\n  @Input()\n  public appearance: MatFormFieldAppearance = 'fill';\n\n  /**\n   * Input field control\n   * @ignore\n   */\n  public formControl = new FormControl('');\n\n  /**\n   * Selected keywords\n   * @ignore\n   */\n  public keywords: Option[] = [];\n\n  /**\n   * Input field changes handler\n   */\n  @Output()\n  public inputStatus = new EventEmitter<FormControl>();\n\n  /**\n   * Keywords changes handler\n   */\n  @Output()\n  public selectedKeywords = new EventEmitter<(string | number)[]>();\n\n  /**\n   * Separator constants\n   * @ignore\n   */\n  public readonly separatorKeysCodes: number[] = [ENTER, COMMA];\n\n  /**\n   * Options to be displayed\n   * @ignore\n   */\n  @Input()\n  public allKeywords: Option[] = [];\n\n  /**\n   * Filtered keywords after the input field changes\n   * @ignore\n   */\n  public filteredKeywords: Observable<Option[]> | undefined;\n\n  /**\n   * Keyword Input element reference\n   * @ignore\n   */\n  @ViewChild('keywordInput') keywordInput!: ElementRef<HTMLInputElement>;\n\n  /**\n   * @ignore\n   * Lifecycle method\n   */\n  ngOnInit(): void {\n    this.updateFilteredKeywords();\n  }\n\n  /**\n   * @ignore\n   * Lifecycle method\n   */\n  ngOnChanges(changes: SimpleChanges): void {\n    if (changes['allKeywords']) {\n      this.updateFilteredKeywords();\n    }\n  }\n\n  /**\n   * Updates the filtered keywords when allKeywords changes\n   * @ignore\n   */\n  private updateFilteredKeywords(): void {\n    this.filteredKeywords = this.formControl.valueChanges.pipe(\n      startWith(null),\n      map((keyword: string | null) =>\n        keyword\n          ? this._filter(String(keyword))\n          : (this.allKeywords ?? []).slice()\n      )\n    );\n  }\n\n  /**\n   * Handles every keyword deletion\n   * @ignore\n   */\n  public remove(keyword: Option): void {\n    const index = this.keywords.indexOf(keyword);\n\n    if (index >= 0) {\n      this.keywords.splice(index, 1);\n      this.onKeywordsChanged();\n    }\n  }\n\n  /**\n   * Emits the formControl variable every time the field value changes\n   * @ignore\n   */\n  public onInputChanged(): void {\n    this.inputStatus.emit(this.formControl);\n  }\n\n  /**\n   * Emits the selected keywords every time they changed\n   * @ignore\n   */\n  public onKeywordsChanged(): void {\n    this.selectedKeywords.emit(this.keywords.map(keyword => keyword.Value));\n  }\n\n  /**\n   * Handles the autocomplete selection\n   * @ignore\n   */\n  public selected(event: MatAutocompleteSelectedEvent): void {\n    const value = event.option.value;\n    const selectedKeyword = this.allKeywords.find(\n      option => option.Value === value\n    );\n\n    if (\n      selectedKeyword &&\n      !this.keywords.some(keyword => keyword.Value === selectedKeyword.Value)\n    ) {\n      this.keywords.push(selectedKeyword);\n      this.onKeywordsChanged();\n    }\n\n    this.keywordInput.nativeElement.value = '';\n    this.formControl.setValue(null);\n  }\n\n  /**\n   * Filters the keywords based on the input\n   * @ignore\n   */\n  private _filter(value: string): Option[] {\n    this.onInputChanged();\n    const filterValue = value.toLowerCase();\n\n    return this.allKeywords.filter(keyword =>\n      keyword.ViewValue.toLowerCase().includes(filterValue)\n    );\n  }\n}\n","<div class=\"section\" [ngStyle]=\"{ width: fieldWidth ? 'fit-content' : '100%' }\">\n  @if (fieldTitle) {\n    <h1 class=\"field__title\">{{ fieldTitle }}</h1>\n  }\n  <mat-form-field\n    class=\"form__field\"\n    [color]=\"theme\"\n    [appearance]=\"appearance\"\n    [subscriptSizing]=\"subscriptSizing\"\n    [ngStyle]=\"{ width: fieldWidth ? fieldWidth : '100%' }\">\n    <mat-label class=\"form__field__label\">{{ fieldLabel }}</mat-label>\n    <mat-chip-grid #chipGrid aria-label=\"Keyword selection\">\n      @for (keyword of keywords; track keyword.Value) {\n        <mat-chip-row (removed)=\"remove(keyword)\">\n          {{ keyword.ViewValue }}\n          <button\n            matChipRemove\n            [attr.aria-label]=\"'remove ' + keyword.ViewValue\">\n            <mat-icon>cancel</mat-icon>\n          </button>\n        </mat-chip-row>\n      }\n    </mat-chip-grid>\n    <input\n      #keywordInput\n      [matAutocomplete]=\"auto\"\n      [formControl]=\"formControl\"\n      [placeholder]=\"placeHolder\"\n      [matChipInputFor]=\"chipGrid\"\n      [matChipInputSeparatorKeyCodes]=\"separatorKeysCodes\" />\n    <mat-autocomplete\n      #auto=\"matAutocomplete\"\n      (optionSelected)=\"selected($event)\">\n      @for (keyword of filteredKeywords | async; track keyword.Value) {\n        <mat-option [value]=\"keyword.Value\">{{ keyword.ViewValue }}</mat-option>\n      }\n    </mat-autocomplete>\n  </mat-form-field>\n</div>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i2","i4","i5","i6"],"mappings":"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"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@tekus/design-system",
   "description": "Tekus design system library",
-  "version": "4.0.2",
+  "version": "4.0.3",
   "license": "UNLICENSED",
   "peerDependencies": {
     "@angular/core": "^17.3.10",