@tekus/design-system 3.0.0 → 4.0.1

package/components/{tk-form-input-field → forms}/index.d.ts

@@ -1,5 +1,5 @@
 /**
  * Generated bundle index. Do not edit.
  */
-/// <amd-module name="@tekus/design-system/components/tk-form-input-field" />
+/// <amd-module name="@tekus/design-system/components/forms" />
 export * from './public-api';

package/components/forms/public-api.d.ts

@@ -0,0 +1,3 @@
+export * from './tk-form-input-field/tk-form-input-field.component';
+export * from './tk-form-autocomplete-field/tk-form-autocomplete-field.component';
+export * from './tk-form-chips-autocomplete-field/tk-form-chips-autocomplete-field.component';

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

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@tekus/design-system/components/forms/tk-form-autocomplete-field" />
+export * from './public-api';

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

@@ -42,6 +42,11 @@ export declare class TkFormAutocompleteFieldComponent implements OnInit, OnDestr
      * @default true
      */
     autoSelectActiveOption?: boolean;
+    /**
+     * Optional field input type
+     * @default 'text'
+     */
+    type: string;
     /**
      * Whether the field is required
      * @default true
@@ -154,5 +159,5 @@ export declare class TkFormAutocompleteFieldComponent implements OnInit, OnDestr
      */
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TkFormAutocompleteFieldComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TkFormAutocompleteFieldComponent, "lib-tk-form-autocomplete-field", never, { "fieldWidth": { "alias": "fieldWidth"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "subscriptSizing": { "alias": "subscriptSizing"; "required": false; }; "autoActiveFirstOption": { "alias": "autoActiveFirstOption"; "required": false; }; "autoSelectActiveOption": { "alias": "autoSelectActiveOption"; "required": false; }; "required": { "alias": "required"; "required": false; }; "fieldTitle": { "alias": "fieldTitle"; "required": false; }; "fieldLabel": { "alias": "fieldLabel"; "required": false; }; "placeHolder": { "alias": "placeHolder"; "required": false; }; "options": { "alias": "options"; "required": false; }; }, { "optionSelected": "optionSelected"; "inputStatus": "inputStatus"; "bottomReached": "bottomReached"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TkFormAutocompleteFieldComponent, "lib-tk-form-autocomplete-field", never, { "fieldWidth": { "alias": "fieldWidth"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "subscriptSizing": { "alias": "subscriptSizing"; "required": false; }; "autoActiveFirstOption": { "alias": "autoActiveFirstOption"; "required": false; }; "autoSelectActiveOption": { "alias": "autoSelectActiveOption"; "required": false; }; "type": { "alias": "type"; "required": false; }; "required": { "alias": "required"; "required": false; }; "fieldTitle": { "alias": "fieldTitle"; "required": false; }; "fieldLabel": { "alias": "fieldLabel"; "required": false; }; "placeHolder": { "alias": "placeHolder"; "required": false; }; "options": { "alias": "options"; "required": false; }; }, { "optionSelected": "optionSelected"; "inputStatus": "inputStatus"; "bottomReached": "bottomReached"; }, never, never, true, never>;
 }

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

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@tekus/design-system/components/forms/tk-form-chips-autocomplete-field" />
+export * from './public-api';

package/components/forms/tk-form-input-field/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@tekus/design-system/components/forms/tk-form-input-field" />
+export * from './public-api';

package/components/{tk-form-input-field → forms/tk-form-input-field}/tk-form-input-field.component.d.ts

@@ -20,6 +20,11 @@ export declare class TkFormInputFieldComponent implements OnInit, OnChanges {
      * @default 'accent'
      */
     theme?: ThemePalette;
+    /**
+     * Optional field input type
+     * @default 'text'
+     */
+    type: string;
     /**
      * Whether the field is required
      * @default true
@@ -128,5 +133,5 @@ export declare class TkFormInputFieldComponent implements OnInit, OnChanges {
      */
     updateErrorMessage(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<TkFormInputFieldComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TkFormInputFieldComponent, "lib-tk-form-input-field", never, { "fieldWidth": { "alias": "fieldWidth"; "required": false; }; "fieldTitle": { "alias": "fieldTitle"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "required": { "alias": "required"; "required": false; }; "floatLabel": { "alias": "floatLabel"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "subscriptSizing": { "alias": "subscriptSizing"; "required": false; }; "fieldLabel": { "alias": "fieldLabel"; "required": false; }; "placeHolder": { "alias": "placeHolder"; "required": false; }; "inputPrefix": { "alias": "inputPrefix"; "required": false; }; "inputSuffix": { "alias": "inputSuffix"; "required": false; }; "validatorsWithMessages": { "alias": "validatorsWithMessages"; "required": false; }; "asyncValidatorsWithMessages": { "alias": "asyncValidatorsWithMessages"; "required": false; }; }, { "inputStatus": "inputStatus"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TkFormInputFieldComponent, "lib-tk-form-input-field", never, { "fieldWidth": { "alias": "fieldWidth"; "required": false; }; "fieldTitle": { "alias": "fieldTitle"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "type": { "alias": "type"; "required": false; }; "required": { "alias": "required"; "required": false; }; "floatLabel": { "alias": "floatLabel"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; "subscriptSizing": { "alias": "subscriptSizing"; "required": false; }; "fieldLabel": { "alias": "fieldLabel"; "required": false; }; "placeHolder": { "alias": "placeHolder"; "required": false; }; "inputPrefix": { "alias": "inputPrefix"; "required": false; }; "inputSuffix": { "alias": "inputSuffix"; "required": false; }; "validatorsWithMessages": { "alias": "validatorsWithMessages"; "required": false; }; "asyncValidatorsWithMessages": { "alias": "asyncValidatorsWithMessages"; "required": false; }; }, { "inputStatus": "inputStatus"; }, never, never, true, never>;
 }

package/esm2022/components/forms/public-api.mjs

@@ -0,0 +1,4 @@
+export * from './tk-form-input-field/tk-form-input-field.component';
+export * from './tk-form-autocomplete-field/tk-form-autocomplete-field.component';
+export * from './tk-form-chips-autocomplete-field/tk-form-chips-autocomplete-field.component';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Rlc2lnbi1zeXN0ZW0vY29tcG9uZW50cy9mb3Jtcy9wdWJsaWMtYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMscURBQXFELENBQUM7QUFDcEUsY0FBYyxtRUFBbUUsQ0FBQztBQUNsRixjQUFjLCtFQUErRSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi90ay1mb3JtLWlucHV0LWZpZWxkL3RrLWZvcm0taW5wdXQtZmllbGQuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vdGstZm9ybS1hdXRvY29tcGxldGUtZmllbGQvdGstZm9ybS1hdXRvY29tcGxldGUtZmllbGQuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vdGstZm9ybS1jaGlwcy1hdXRvY29tcGxldGUtZmllbGQvdGstZm9ybS1jaGlwcy1hdXRvY29tcGxldGUtZmllbGQuY29tcG9uZW50JztcbiJdfQ==

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

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './public-api';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGVrdXMtZGVzaWduLXN5c3RlbS1jb21wb25lbnRzLWZvcm1zLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZGVzaWduLXN5c3RlbS9jb21wb25lbnRzL2Zvcm1zL3Rla3VzLWRlc2lnbi1zeXN0ZW0tY29tcG9uZW50cy1mb3Jtcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsY0FBYyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL3B1YmxpYy1hcGknO1xuIl19

package/esm2022/components/forms/tk-form-autocomplete-field/models/option.model.mjs

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib3B0aW9uLm1vZGVsLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZGVzaWduLXN5c3RlbS9jb21wb25lbnRzL2Zvcm1zL3RrLWZvcm0tYXV0b2NvbXBsZXRlLWZpZWxkL21vZGVscy9vcHRpb24ubW9kZWwudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCBpbnRlcmZhY2UgT3B0aW9uIHtcbiAgVmlld1ZhbHVlOiBzdHJpbmc7XG4gIFZhbHVlOiBzdHJpbmcgfCBudW1iZXI7XG59XG4iXX0=

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

@@ -0,0 +1,2 @@
+export * from './tk-form-autocomplete-field.component';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Rlc2lnbi1zeXN0ZW0vY29tcG9uZW50cy9mb3Jtcy90ay1mb3JtLWF1dG9jb21wbGV0ZS1maWVsZC9wdWJsaWMtYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsd0NBQXdDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL3RrLWZvcm0tYXV0b2NvbXBsZXRlLWZpZWxkLmNvbXBvbmVudCc7XG4iXX0=

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

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './public-api';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGVrdXMtZGVzaWduLXN5c3RlbS1jb21wb25lbnRzLWZvcm1zLXRrLWZvcm0tYXV0b2NvbXBsZXRlLWZpZWxkLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZGVzaWduLXN5c3RlbS9jb21wb25lbnRzL2Zvcm1zL3RrLWZvcm0tYXV0b2NvbXBsZXRlLWZpZWxkL3Rla3VzLWRlc2lnbi1zeXN0ZW0tY29tcG9uZW50cy1mb3Jtcy10ay1mb3JtLWF1dG9jb21wbGV0ZS1maWVsZC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsY0FBYyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL3B1YmxpYy1hcGknO1xuIl19

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

@@ -0,0 +1,245 @@
+import { Input, Output, Component, ViewChild, EventEmitter, } from '@angular/core';
+import { MatFormFieldModule, } from '@angular/material/form-field';
+import { MatAutocompleteModule, } from '@angular/material/autocomplete';
+import { AsyncPipe, NgStyle } from '@angular/common';
+import { MatInputModule } from '@angular/material/input';
+import { map, startWith, Subscription } from 'rxjs';
+import { FormControl, FormsModule, ReactiveFormsModule } from '@angular/forms';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/forms";
+import * as i2 from "@angular/material/input";
+import * as i3 from "@angular/material/form-field";
+import * as i4 from "@angular/material/autocomplete";
+import * as i5 from "@angular/material/core";
+export class TkFormAutocompleteFieldComponent {
+    constructor() {
+        /**
+         * Input field control
+         * @ignore
+         */
+        this.formControl = new FormControl('');
+        /**
+         * What color palette to use
+         * @default 'accent'
+         */
+        this.theme = 'accent';
+        /**
+         * Form field appearance
+         * @default 'fill'
+         */
+        this.appearance = 'fill';
+        /**
+         * Form field reserved space for one line by default.
+         * @default 'dynamic'
+         */
+        this.subscriptSizing = 'dynamic';
+        /**
+         * Whether the first option should be highlighted when the autocomplete panel is opened
+         * @default true
+         */
+        this.autoActiveFirstOption = true;
+        /**
+         * Whether the active option should be selected as the user is navigating.
+         * @default true
+         */
+        this.autoSelectActiveOption = true;
+        /**
+         * Optional field input type
+         * @default 'text'
+         */
+        this.type = 'text';
+        /**
+         * Whether the field is required
+         * @default true
+         */
+        this.required = true;
+        /**
+         * Input field label
+         */
+        this.fieldLabel = '';
+        /**
+         * Input field placeholder
+         * @default ''
+         */
+        this.placeHolder = '';
+        /**
+         * Options to be displayed
+         * @ignore
+         */
+        this.options = [];
+        /**
+         * Option changes handler
+         */
+        this.optionSelected = new EventEmitter();
+        /**
+         * Input field changes handler
+         */
+        this.inputStatus = new EventEmitter();
+        /**
+         * Autocomplete bottom reached handler
+         */
+        this.bottomReached = new EventEmitter();
+        /**
+         * Subscriptions property to handle all subscriptions
+         * @ignore
+         */
+        this.subscriptions = new Subscription();
+    }
+    /**
+     * Component lifecycle method
+     * @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();
+        }));
+    }
+    /**
+     * Component lifecycle method
+     * @ignore
+     */
+    ngAfterViewInit() {
+        this.initAutocompleteListener();
+    }
+    /**
+     * Starts the autocomplete subscriptions
+     * @ignore
+     */
+    initAutocompleteListener() {
+        const openedSubscription = this.onAutocompleteOpened();
+        const closedSubscription = this.onAutocompleteClosed();
+        this.subscriptions.add(openedSubscription);
+        this.subscriptions.add(closedSubscription);
+    }
+    /**
+     * Handles the autocomplete opened event
+     * @ignore
+     */
+    onAutocompleteOpened() {
+        return this.matAutocomplete.opened.subscribe(() => {
+            setTimeout(() => {
+                const panel = this.matAutocomplete.panel?.nativeElement;
+                if (panel) {
+                    panel.addEventListener('scroll', this.onScroll.bind(this));
+                }
+            });
+        });
+    }
+    /**
+     * Handles the autocomplete closed event
+     * @ignore
+     */
+    onAutocompleteClosed() {
+        return this.matAutocomplete.closed.subscribe(() => {
+            const panel = this.matAutocomplete.panel?.nativeElement;
+            if (panel) {
+                panel.removeEventListener('scroll', this.onScroll.bind(this));
+            }
+        });
+    }
+    /**
+     * Handles the scrolling event
+     * @ignore
+     */
+    onScroll(event) {
+        const panel = event.target;
+        const scrollTop = panel.scrollTop;
+        const scrollHeight = panel.scrollHeight;
+        const offsetHeight = panel.offsetHeight;
+        if (scrollTop + offsetHeight >= scrollHeight) {
+            this.onScrolledToEnd();
+        }
+    }
+    /**
+     * Emits the bottomReached when the user reaches the end of the autocomplete panel
+     * @ignore
+     */
+    onScrolledToEnd() {
+        this.bottomReached.emit();
+    }
+    /**
+     * Conditions the options' view to display the view value
+     * @ignore
+     */
+    displayFn(option) {
+        return option?.ViewValue ? option.ViewValue : '';
+    }
+    /**
+     * Filters the options according to the input value
+     * @ignore
+     */
+    _filterOptions(value) {
+        const filterValue = value.toLowerCase();
+        return this.options.filter(option => option.ViewValue.toLowerCase().includes(filterValue));
+    }
+    /**
+     * Emits the selected option every time it changes
+     * @ignore
+     */
+    onSelectionChanged(option) {
+        this.optionSelected.emit(option.Value);
+    }
+    /**
+     * Emits the formControl variable every time the input value changes
+     * @ignore
+     */
+    onInputChanged() {
+        this.inputStatus.emit(this.formControl);
+    }
+    /**
+     * Unsubscribe from all subscriptions when the component is destroyed
+     * @ignore
+     */
+    ngOnDestroy() {
+        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: "<section\n  class=\"section\"\n  [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</section>\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,
+            args: [{ selector: 'lib-tk-form-autocomplete-field', standalone: true, imports: [
+                        NgStyle,
+                        AsyncPipe,
+                        FormsModule,
+                        MatInputModule,
+                        MatFormFieldModule,
+                        ReactiveFormsModule,
+                        MatAutocompleteModule,
+                    ], template: "<section\n  class=\"section\"\n  [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</section>\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: [{
+                type: Input
+            }], appearance: [{
+                type: Input
+            }], subscriptSizing: [{
+                type: Input
+            }], autoActiveFirstOption: [{
+                type: Input
+            }], autoSelectActiveOption: [{
+                type: Input
+            }], type: [{
+                type: Input
+            }], required: [{
+                type: Input
+            }], fieldTitle: [{
+                type: Input
+            }], fieldLabel: [{
+                type: Input
+            }], placeHolder: [{
+                type: Input
+            }], options: [{
+                type: Input
+            }], optionSelected: [{
+                type: Output
+            }], inputStatus: [{
+                type: Output
+            }], bottomReached: [{
+                type: Output
+            }], matAutocomplete: [{
+                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/IG9wdGlvbi5WaWV3VmFsdWUgOiAnJztcbiAgfVxuXG4gIC8qKlxuICAgKiBGaWx0ZXJzIHRoZSBvcHRpb25zIGFjY29yZGluZyB0byB0aGUgaW5wdXQgdmFsdWVcbiAgICogQGlnbm9yZVxuICAgKi9cbiAgcHJpdmF0ZSBfZmlsdGVyT3B0aW9ucyh2YWx1ZTogc3RyaW5nKTogT3B0aW9uW10ge1xuICAgIGNvbnN0IGZpbHRlclZhbHVlID0gdmFsdWUudG9Mb3dlckNhc2UoKTtcblxuICAgIHJldHVybiB0aGlzLm9wdGlvbnMuZmlsdGVyKG9wdGlvbiA9PlxuICAgICAgb3B0aW9uLlZpZXdWYWx1ZS50b0xvd2VyQ2FzZSgpLmluY2x1ZGVzKGZpbHRlclZhbHVlKVxuICAgICk7XG4gIH1cblxuICAvKipcbiAgICogRW1pdHMgdGhlIHNlbGVjdGVkIG9wdGlvbiBldmVyeSB0aW1lIGl0IGNoYW5nZXNcbiAgICogQGlnbm9yZVxuICAgKi9cbiAgcHVibGljIG9uU2VsZWN0aW9uQ2hhbmdlZChvcHRpb246IE9wdGlvbik6IHZvaWQge1xuICAgIHRoaXMub3B0aW9uU2VsZWN0ZWQuZW1pdChvcHRpb24uVmFsdWUpO1xuICB9XG5cbiAgLyoqXG4gICAqIEVtaXRzIHRoZSBmb3JtQ29udHJvbCB2YXJpYWJsZSBldmVyeSB0aW1lIHRoZSBpbnB1dCB2YWx1ZSBjaGFuZ2VzXG4gICAqIEBpZ25vcmVcbiAgICovXG4gIHB1YmxpYyBvbklucHV0Q2hhbmdlZCgpOiB2b2lkIHtcbiAgICB0aGlzLmlucHV0U3RhdHVzLmVtaXQodGhpcy5mb3JtQ29udHJvbCk7XG4gIH1cblxuICAvKipcbiAgICogVW5zdWJzY3JpYmUgZnJvbSBhbGwgc3Vic2NyaXB0aW9ucyB3aGVuIHRoZSBjb21wb25lbnQgaXMgZGVzdHJveWVkXG4gICAqIEBpZ25vcmVcbiAgICovXG4gIG5nT25EZXN0cm95KCkge1xuICAgIHRoaXMuc3Vic2NyaXB0aW9ucz8udW5zdWJzY3JpYmUoKTtcbiAgfVxufVxuIiwiPHNlY3Rpb25cbiAgY2xhc3M9XCJzZWN0aW9uXCJcbiAgW25nU3R5bGVdPVwieyB3aWR0aDogZmllbGRXaWR0aCA/ICdmaXQtY29udGVudCcgOiAnMTAwJScgfVwiPlxuICBAaWYgKGZpZWxkVGl0bGUpIHtcbiAgPGgxIGNsYXNzPVwiZmllbGRfX3RpdGxlXCI+e3sgZmllbGRUaXRsZSB9fTwvaDE+XG4gIH1cbiAgPG1hdC1mb3JtLWZpZWxkXG4gICAgY2xhc3M9XCJmb3JtX19maWVsZFwiXG4gICAgW2NvbG9yXT1cInRoZW1lXCJcbiAgICBbYXBwZWFyYW5jZV09XCJhcHBlYXJhbmNlXCJcbiAgICBbc3Vic2NyaXB0U2l6aW5nXT1cInN1YnNjcmlwdFNpemluZ1wiXG4gICAgW25nU3R5bGVdPVwieyB3aWR0aDogZmllbGRXaWR0aCA/IGZpZWxkV2lkdGggOiAnMTAwJScgfVwiPlxuICAgIDxtYXQtbGFiZWwgY2xhc3M9XCJmb3JtX19maWVsZF9fbGFiZWxcIj57eyBmaWVsZExhYmVsIH19PC9tYXQtbGFiZWw+XG4gICAgPGlucHV0XG4gICAgICBtYXRJbnB1dFxuICAgICAgW3R5cGVdPVwidHlwZVwiXG4gICAgICBhcmlhLWxhYmVsPVwiT3B0aW9uXCJcbiAgICAgIFtyZXF1aXJlZF09XCJyZXF1aXJlZFwiXG4gICAgICBbbWF0QXV0b2NvbXBsZXRlXT1cImF1dG9cIlxuICAgICAgKGlucHV0KT1cIm9uSW5wdXRDaGFuZ2VkKClcIlxuICAgICAgW2Zvcm1Db250cm9sXT1cImZvcm1Db250cm9sXCJcbiAgICAgIFtwbGFjZWhvbGRlcl09XCJwbGFjZUhvbGRlclwiIC8+XG4gICAgPG1hdC1hdXRvY29tcGxldGVcbiAgICAgICNhdXRvPVwibWF0QXV0b2NvbXBsZXRlXCJcbiAgICAgIFtkaXNwbGF5V2l0aF09XCJkaXNwbGF5Rm5cIlxuICAgICAgW2F1dG9BY3RpdmVGaXJzdE9wdGlvbl09XCJhdXRvQWN0aXZlRmlyc3RPcHRpb25cIlxuICAgICAgW2F1dG9TZWxlY3RBY3RpdmVPcHRpb25dPVwiYXV0b1NlbGVjdEFjdGl2ZU9wdGlvblwiXG4gICAgICAob3B0aW9uU2VsZWN0ZWQpPVwib25TZWxlY3Rpb25DaGFuZ2VkKCRldmVudC5vcHRpb24udmFsdWUpXCI+XG4gICAgICBAZm9yIChvcHRpb24gb2YgZmlsdGVyZWRPcHRpb25zIHwgYXN5bmM7IHRyYWNrIG9wdGlvbi5WYWx1ZSkge1xuICAgICAgPG1hdC1vcHRpb24gW3ZhbHVlXT1cIm9wdGlvblwiPlxuICAgICAgICA8c3Bhbj57eyBvcHRpb24uVmlld1ZhbHVlIH19PC9zcGFuPlxuICAgICAgPC9tYXQtb3B0aW9uPlxuICAgICAgfVxuICAgIDwvbWF0LWF1dG9jb21wbGV0ZT5cbiAgPC9tYXQtZm9ybS1maWVsZD5cbjwvc2VjdGlvbj5cbiJdfQ==

package/esm2022/components/forms/tk-form-chips-autocomplete-field/models/option.model.mjs

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib3B0aW9uLm1vZGVsLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZGVzaWduLXN5c3RlbS9jb21wb25lbnRzL2Zvcm1zL3RrLWZvcm0tY2hpcHMtYXV0b2NvbXBsZXRlLWZpZWxkL21vZGVscy9vcHRpb24ubW9kZWwudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCBpbnRlcmZhY2UgT3B0aW9uIHtcbiAgVmlld1ZhbHVlOiBzdHJpbmc7XG4gIFZhbHVlOiBzdHJpbmcgfCBudW1iZXI7XG59XG4iXX0=

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

@@ -0,0 +1,2 @@
+export * from './tk-form-chips-autocomplete-field.component';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Rlc2lnbi1zeXN0ZW0vY29tcG9uZW50cy9mb3Jtcy90ay1mb3JtLWNoaXBzLWF1dG9jb21wbGV0ZS1maWVsZC9wdWJsaWMtYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsOENBQThDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL3RrLWZvcm0tY2hpcHMtYXV0b2NvbXBsZXRlLWZpZWxkLmNvbXBvbmVudCc7XG4iXX0=

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

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './public-api';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGVrdXMtZGVzaWduLXN5c3RlbS1jb21wb25lbnRzLWZvcm1zLXRrLWZvcm0tY2hpcHMtYXV0b2NvbXBsZXRlLWZpZWxkLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZGVzaWduLXN5c3RlbS9jb21wb25lbnRzL2Zvcm1zL3RrLWZvcm0tY2hpcHMtYXV0b2NvbXBsZXRlLWZpZWxkL3Rla3VzLWRlc2lnbi1zeXN0ZW0tY29tcG9uZW50cy1mb3Jtcy10ay1mb3JtLWNoaXBzLWF1dG9jb21wbGV0ZS1maWVsZC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsY0FBYyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL3B1YmxpYy1hcGknO1xuIl19

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

@@ -0,0 +1,167 @@
+import { Input, Output, Component, ViewChild, EventEmitter, ChangeDetectionStrategy, } from '@angular/core';
+import { MatFormFieldModule, } from '@angular/material/form-field';
+import { MatAutocompleteModule, } from '@angular/material/autocomplete';
+import { map, startWith } from 'rxjs';
+import { AsyncPipe, NgStyle } from '@angular/common';
+import { COMMA, ENTER } from '@angular/cdk/keycodes';
+import { MatIconModule } from '@angular/material/icon';
+import { MatChipsModule } from '@angular/material/chips';
+import { MatButtonModule } from '@angular/material/button';
+import { FormControl, FormsModule, ReactiveFormsModule } from '@angular/forms';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/forms";
+import * as i2 from "@angular/material/icon";
+import * as i3 from "@angular/material/chips";
+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
+         */
+        this.fieldLabel = '';
+        /**
+         * Input field placeholder
+         * @default ''
+         */
+        this.placeHolder = '';
+        /**
+         * What color palette to use
+         * @default 'accent'
+         */
+        this.theme = 'accent';
+        /**
+         * Form field reserved space for one line by default.
+         * @default 'dynamic'
+         */
+        this.subscriptSizing = 'dynamic';
+        /**
+         * Form field appearance
+         * @default 'fill'
+         */
+        this.appearance = 'fill';
+        /**
+         * Input field control
+         * @ignore
+         */
+        this.formControl = new FormControl('');
+        /**
+         * Selected keywords
+         * @ignore
+         */
+        this.keywords = [];
+        /**
+         * Input field changes handler
+         */
+        this.inputStatus = new EventEmitter();
+        /**
+         * Keywords changes handler
+         */
+        this.selectedKeywords = new EventEmitter();
+        /**
+         * Separator constants
+         * @ignore
+         */
+        this.separatorKeysCodes = [ENTER, COMMA];
+        /**
+         * Options to be displayed
+         * @ignore
+         */
+        this.allKeywords = [];
+        this.filteredKeywords = this.formControl.valueChanges.pipe(startWith(null), map((keyword) => keyword ? this._filter(String(keyword)) : this.allKeywords.slice()));
+    }
+    /**
+     * Handles every keyword deletion
+     * @ignore
+     */
+    remove(keyword) {
+        const index = this.keywords.indexOf(keyword);
+        if (index >= 0) {
+            this.keywords.splice(index, 1);
+            this.onKeywordsChanged();
+        }
+    }
+    /**
+     * Emits the formControl variable every time the field value changes
+     * @ignore
+     */
+    onInputChanged() {
+        this.inputStatus.emit(this.formControl);
+    }
+    /**
+     * Emits the selected keywords every time they changed
+     * @ignore
+     */
+    onKeywordsChanged() {
+        this.selectedKeywords.emit(this.keywords.map(keyword => keyword.Value));
+    }
+    /**
+     * Handles the autocomplete selection
+     * @ignore
+     */
+    selected(event) {
+        const value = event.option.value;
+        const selectedKeyword = this.allKeywords.find(option => option.Value === value);
+        if (selectedKeyword &&
+            !this.keywords.some(keyword => keyword.Value === selectedKeyword.Value)) {
+            this.keywords.push(selectedKeyword);
+            this.onKeywordsChanged();
+        }
+        this.keywordInput.nativeElement.value = '';
+        this.formControl.setValue(null);
+    }
+    /**
+     * Filters the keywords based on the input
+     * @ignore
+     */
+    _filter(value) {
+        this.onInputChanged();
+        const filterValue = value.toLowerCase();
+        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: "<section\n  class=\"section\"\n  [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 matChipRemove [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</section>\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,
+            args: [{ selector: 'lib-tk-form-chips-autocomplete-field', standalone: true, imports: [
+                        NgStyle,
+                        AsyncPipe,
+                        FormsModule,
+                        MatIconModule,
+                        MatChipsModule,
+                        MatButtonModule,
+                        MatFormFieldModule,
+                        ReactiveFormsModule,
+                        MatAutocompleteModule,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: "<section\n  class=\"section\"\n  [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 matChipRemove [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</section>\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: [{
+                type: Input
+            }], placeHolder: [{
+                type: Input
+            }], fieldTitle: [{
+                type: Input
+            }], theme: [{
+                type: Input
+            }], subscriptSizing: [{
+                type: Input
+            }], fieldWidth: [{
+                type: Input
+            }], appearance: [{
+                type: Input
+            }], inputStatus: [{
+                type: Output
+            }], selectedKeywords: [{
+                type: Output
+            }], allKeywords: [{
+                type: Input
+            }], keywordInput: [{
+                type: ViewChild,
+                args: ['keywordInput']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGstZm9ybS1jaGlwcy1hdXRvY29tcGxldGUtZmllbGQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvZGVzaWduLXN5c3RlbS9jb21wb25lbnRzL2Zvcm1zL3RrLWZvcm0tY2hpcHMtYXV0b2NvbXBsZXRlLWZpZWxkL3RrLWZvcm0tY2hpcHMtYXV0b2NvbXBsZXRlLWZpZWxkLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Rlc2lnbi1zeXN0ZW0vY29tcG9uZW50cy9mb3Jtcy90ay1mb3JtLWNoaXBzLWF1dG9jb21wbGV0ZS1maWVsZC90ay1mb3JtLWNoaXBzLWF1dG9jb21wbGV0ZS1maWVsZC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsS0FBSyxFQUNMLE1BQU0sRUFDTixTQUFTLEVBQ1QsU0FBUyxFQUVULFlBQVksRUFDWix1QkFBdUIsR0FDeEIsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUVMLGtCQUFrQixHQUVuQixNQUFNLDhCQUE4QixDQUFDO0FBQ3RDLE9BQU8sRUFDTCxxQkFBcUIsR0FFdEIsTUFBTSxnQ0FBZ0MsQ0FBQztBQUV4QyxPQUFPLEVBQUUsR0FBRyxFQUFjLFNBQVMsRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUNsRCxPQUFPLEVBQUUsU0FBUyxFQUFFLE9BQU8sRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ3JELE9BQU8sRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFFckQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQ3ZELE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUN6RCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDM0QsT0FBTyxFQUFFLFdBQVcsRUFBRSxXQUFX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QUFZO3NCQUF0QyxTQUFTO3VCQUFDLGNBQWMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBJbnB1dCxcbiAgT3V0cHV0LFxuICBDb21wb25lbnQsXG4gIFZpZXdDaGlsZCxcbiAgRWxlbWVudFJlZixcbiAgRXZlbnRFbWl0dGVyLFxuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge1xuICBTdWJzY3JpcHRTaXppbmcsXG4gIE1hdEZvcm1GaWVsZE1vZHVsZSxcbiAgTWF0Rm9ybUZpZWxkQXBwZWFyYW5jZSxcbn0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvZm9ybS1maWVsZCc7XG5pbXBvcnQge1xuICBNYXRBdXRvY29tcGxldGVNb2R1bGUsXG4gIE1hdEF1dG9jb21wbGV0ZVNlbGVjdGVkRXZlbnQsXG59IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2F1dG9jb21wbGV0ZSc7XG5pbXBvcnQgeyBPcHRpb24gfSBmcm9tICcuL21vZGVscy9vcHRpb24ubW9kZWwnO1xuaW1wb3J0IHsgbWFwLCBPYnNlcnZhYmxlLCBzdGFydFdpdGggfSBmcm9tICdyeGpzJztcbmltcG9ydCB7IEFzeW5jUGlwZSwgTmdTdHlsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBDT01NQSwgRU5URVIgfSBmcm9tICdAYW5ndWxhci9jZGsva2V5Y29kZXMnO1xuaW1wb3J0IHsgVGhlbWVQYWxldHRlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvY29yZSc7XG5pbXBvcnQgeyBNYXRJY29uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvaWNvbic7XG5pbXBvcnQgeyBNYXRDaGlwc01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2NoaXBzJztcbmltcG9ydCB7IE1hdEJ1dHRvbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2J1dHRvbic7XG5pbXBvcnQgeyBGb3JtQ29udHJvbCwgRm9ybXNNb2R1bGUsIFJlYWN0aXZlRm9ybXNNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2xpYi10ay1mb3JtLWNoaXBzLWF1dG9jb21wbGV0ZS1maWVsZCcsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtcbiAgICBOZ1N0eWxlLFxuICAgIEFzeW5jUGlwZSxcbiAgICBGb3Jtc01vZHVsZSxcbiAgICBNYXRJY29uTW9kdWxlLFxuICAgIE1hdENoaXBzTW9kdWxlLFxuICAgIE1hdEJ1dHRvbk1vZHVsZSxcbiAgICBNYXRGb3JtRmllbGRNb2R1bGUsXG4gICAgUmVhY3RpdmVGb3Jtc01vZHVsZSxcbiAgICBNYXRBdXRvY29tcGxldGVNb2R1bGUsXG4gIF0sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICB0ZW1wbGF0ZVVybDogJy4vdGstZm9ybS1jaGlwcy1hdXRvY29tcGxldGUtZmllbGQuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybDogJy4vdGstZm9ybS1jaGlwcy1hdXRvY29tcGxldGUtZmllbGQuY29tcG9uZW50LnNjc3MnLFxufSlcbmV4cG9ydCBjbGFzcyBUa0Zvcm1DaGlwc0F1dG9jb21wbGV0ZUZpZWxkQ29tcG9uZW50IHtcbiAgLyoqXG4gICAqIElucHV0IGZpZWxkIGxhYmVsXG4gICAqL1xuICBASW5wdXQoKVxuICBwdWJsaWMgZmllbGRMYWJlbCA9ICcnO1xuXG4gIC8qKlxuICAgKiBJbnB1dCBmaWVsZCBwbGFjZWhvbGRlclxuICAgKiBAZGVmYXVsdCAnJ1xuICAgKi9cbiAgQElucHV0KClcbiAgcHVibGljIHBsYWNlSG9sZGVyID0gJyc7XG5cbiAgLyoqXG4gICAqIE9wdGlvbmFsIGlucHV0IGZpZWxkIHRpdGxlXG4gICAqIEBkZWZhdWx0IG51bGxcbiAgICovXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBmaWVsZFRpdGxlPzogc3RyaW5nO1xuXG4gIC8qKlxuICAgKiBXaGF0IGNvbG9yIHBhbGV0dGUgdG8gdXNlXG4gICAqIEBkZWZhdWx0ICdhY2NlbnQnXG4gICAqL1xuICBASW5wdXQoKVxuICBwdWJsaWMgdGhlbWU/OiBUaGVtZVBhbGV0dGUgPSAnYWNjZW50JztcblxuICAvKipcbiAgICogRm9ybSBmaWVsZCByZXNlcnZlZCBzcGFjZSBmb3Igb25lIGxpbmUgYnkgZGVmYXVsdC5cbiAgICogQGRlZmF1bHQgJ2R5bmFtaWMnXG4gICAqL1xuICBASW5wdXQoKVxuICBwdWJsaWMgc3Vic2NyaXB0U2l6aW5nOiBTdWJzY3JpcHRTaXppbmcgPSAnZHluYW1pYyc7XG5cbiAgLyoqXG4gICAqIE9wdGlvbmFsIGlucHV0IGZpZWxkIHdpZHRoXG4gICAqIEBkZWZhdWx0IDEwMCVcbiAgICovXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBmaWVsZFdpZHRoPzogc3RyaW5nO1xuXG4gIC8qKlxuICAgKiBGb3JtIGZpZWxkIGFwcGVhcmFuY2VcbiAgICogQGRlZmF1bHQgJ2ZpbGwnXG4gICAqL1xuICBASW5wdXQoKVxuICBwdWJsaWMgYXBwZWFyYW5jZTogTWF0Rm9ybUZpZWxkQXBwZWFyYW5jZSA9ICdmaWxsJztcblxuICAvKipcbiAgICogSW5wdXQgZmllbGQgY29udHJvbFxuICAgKiBAaWdub3JlXG4gICAqL1xuICBwdWJsaWMgZm9ybUNvbnRyb2wgPSBuZXcgRm9ybUNvbnRyb2woJycpO1xuICAvKipcbiAgICogU2VsZWN0ZWQga2V5d29yZHNcbiAgICogQGlnbm9yZVxuICAgKi9cbiAgcHVibGljIGtleXdvcmRzOiBPcHRpb25bXSA9IFtdO1xuXG4gIC8qKlxuICAgKiBJbnB1dCBmaWVsZCBjaGFuZ2VzIGhhbmRsZXJcbiAgICovXG4gIEBPdXRwdXQoKVxuICBwdWJsaWMgaW5wdXRTdGF0dXMgPSBuZXcgRXZlbnRFbWl0dGVyPEZvcm1Db250cm9sPigpO1xuXG4gIC8qKlxuICAgKiBLZXl3b3JkcyBjaGFuZ2VzIGhhbmRsZXJcbiAgICovXG4gIEBPdXRwdXQoKVxuICBwdWJsaWMgc2VsZWN0ZWRLZXl3b3JkcyA9IG5ldyBFdmVudEVtaXR0ZXI8KHN0cmluZyB8IG51bWJlcilbXT4oKTtcblxuICAvKipcbiAgICogU2VwYXJhdG9yIGNvbnN0YW50c1xuICAgKiBAaWdub3JlXG4gICAqL1xuICBwdWJsaWMgcmVhZG9ubHkgc2VwYXJhdG9yS2V5c0NvZGVzOiBudW1iZXJbXSA9IFtFTlRFUiwgQ09NTUFdO1xuXG4gIC8qKlxuICAgKiBPcHRpb25zIHRvIGJlIGRpc3BsYXllZFxuICAgKiBAaWdub3JlXG4gICAqL1xuICBASW5wdXQoKVxuICBwdWJsaWMgYWxsS2V5d29yZHM6IE9wdGlvbltdID0gW107XG5cbiAgLyoqXG4gICAqIEZpbHRlcmVkIGtleXdvcmRzIGFmdGVyIHRoZSBpbnB1dCBmaWVsZCBjaGFuZ2VzXG4gICAqIEBpZ25vcmVcbiAgICovXG4gIHB1YmxpYyByZWFkb25seSBmaWx0ZXJlZEtleXdvcmRzOiBPYnNlcnZhYmxlPE9wdGlvbltdPjtcblxuICAvKipcbiAgICogS2V5d29yZCBJbnB1dCBlbGVtZW50IHJlZmVyZW5jZVxuICAgKiBAaWdub3JlXG4gICAqL1xuICBAVmlld0NoaWxkKCdrZXl3b3JkSW5wdXQnKSBrZXl3b3JkSW5wdXQhOiBFbGVtZW50UmVmPEhUTUxJbnB1dEVsZW1lbnQ+O1xuXG4gIC8qKlxuICAgKiBAaWdub3JlXG4gICAqIENsYXNzIGNvbnN0cnVjdG9yXG4gICAqL1xuICBjb25zdHJ1Y3RvcigpIHtcbiAgICB0aGlzLmZpbHRlcmVkS2V5d29yZHMgPSB0aGlzLmZvcm1Db250cm9sLnZhbHVlQ2hhbmdlcy5waXBlKFxuICAgICAgc3RhcnRXaXRoKG51bGwpLFxuICAgICAgbWFwKChrZXl3b3JkOiBzdHJpbmcgfCBudWxsKSA9PlxuICAgICAgICBrZXl3b3JkID8gdGhpcy5fZmlsdGVyKFN0cmluZyhrZXl3b3JkKSkgOiB0aGlzLmFsbEtleXdvcmRzLnNsaWNlKClcbiAgICAgIClcbiAgICApO1xuICB9XG5cbiAgLyoqXG4gICAqIEhhbmRsZXMgZXZlcnkga2V5d29yZCBkZWxldGlvblxuICAgKiBAaWdub3JlXG4gICAqL1xuICBwdWJsaWMgcmVtb3ZlKGtleXdvcmQ6IE9wdGlvbik6IHZvaWQge1xuICAgIGNvbnN0IGluZGV4ID0gdGhpcy5rZXl3b3Jkcy5pbmRleE9mKGtleXdvcmQpO1xuXG4gICAgaWYgKGluZGV4ID49IDApIHtcbiAgICAgIHRoaXMua2V5d29yZHMuc3BsaWNlKGluZGV4LCAxKTtcbiAgICAgIHRoaXMub25LZXl3b3Jkc0NoYW5nZWQoKTtcbiAgICB9XG4gIH1cblxuICAvKipcbiAgICogRW1pdHMgdGhlIGZvcm1Db250cm9sIHZhcmlhYmxlIGV2ZXJ5IHRpbWUgdGhlIGZpZWxkIHZhbHVlIGNoYW5nZXNcbiAgICogQGlnbm9yZVxuICAgKi9cbiAgcHVibGljIG9uSW5wdXRDaGFuZ2VkKCk6IHZvaWQge1xuICAgIHRoaXMuaW5wdXRTdGF0dXMuZW1pdCh0aGlzLmZvcm1Db250cm9sKTtcbiAgfVxuXG4gIC8qKlxuICAgKiBFbWl0cyB0aGUgc2VsZWN0ZWQga2V5d29yZHMgZXZlcnkgdGltZSB0aGV5IGNoYW5nZWRcbiAgICogQGlnbm9yZVxuICAgKi9cbiAgcHVibGljIG9uS2V5d29yZHNDaGFuZ2VkKCk6IHZvaWQge1xuICAgIHRoaXMuc2VsZWN0ZWRLZXl3b3Jkcy5lbWl0KHRoaXMua2V5d29yZHMubWFwKGtleXdvcmQgPT4ga2V5d29yZC5WYWx1ZSkpO1xuICB9XG5cbiAgLyoqXG4gICAqIEhhbmRsZXMgdGhlIGF1dG9jb21wbGV0ZSBzZWxlY3Rpb25cbiAgICogQGlnbm9yZVxuICAgKi9cbiAgcHVibGljIHNlbGVjdGVkKGV2ZW50OiBNYXRBdXRvY29tcGxldGVTZWxlY3RlZEV2ZW50KTogdm9pZCB7XG4gICAgY29uc3QgdmFsdWUgPSBldmVudC5vcHRpb24udmFsdWU7XG4gICAgY29uc3Qgc2VsZWN0ZWRLZXl3b3JkID0gdGhpcy5hbGxLZXl3b3Jkcy5maW5kKFxuICAgICAgb3B0aW9uID0+IG9wdGlvbi5WYWx1ZSA9PT0gdmFsdWVcbiAgICApO1xuXG4gICAgaWYgKFxuICAgICAgc2VsZWN0ZWRLZXl3b3JkICYmXG4gICAgICAhdGhpcy5rZXl3b3Jkcy5zb21lKGtleXdvcmQgPT4ga2V5d29yZC5WYWx1ZSA9PT0gc2VsZWN0ZWRLZXl3b3JkLlZhbHVlKVxuICAgICkge1xuICAgICAgdGhpcy5rZXl3b3Jkcy5wdXNoKHNlbGVjdGVkS2V5d29yZCk7XG4gICAgICB0aGlzLm9uS2V5d29yZHNDaGFuZ2VkKCk7XG4gICAgfVxuXG4gICAgdGhpcy5rZXl3b3JkSW5wdXQubmF0aXZlRWxlbWVudC52YWx1ZSA9ICcnO1xuICAgIHRoaXMuZm9ybUNvbnRyb2wuc2V0VmFsdWUobnVsbCk7XG4gIH1cblxuICAvKipcbiAgICogRmlsdGVycyB0aGUga2V5d29yZHMgYmFzZWQgb24gdGhlIGlucHV0XG4gICAqIEBpZ25vcmVcbiAgICovXG4gIHByaXZhdGUgX2ZpbHRlcih2YWx1ZTogc3RyaW5nKTogT3B0aW9uW10ge1xuICAgIHRoaXMub25JbnB1dENoYW5nZWQoKTtcbiAgICBjb25zdCBmaWx0ZXJWYWx1ZSA9IHZhbHVlLnRvTG93ZXJDYXNlKCk7XG5cbiAgICByZXR1cm4gdGhpcy5hbGxLZXl3b3Jkcy5maWx0ZXIoa2V5d29yZCA9PlxuICAgICAga2V5d29yZC5WaWV3VmFsdWUudG9Mb3dlckNhc2UoKS5pbmNsdWRlcyhmaWx0ZXJWYWx1ZSlcbiAgICApO1xuICB9XG59XG4iLCI8c2VjdGlvblxuICBjbGFzcz1cInNlY3Rpb25cIlxuICBbbmdTdHlsZV09XCJ7IHdpZHRoOiBmaWVsZFdpZHRoID8gJ2ZpdC1jb250ZW50JyA6ICcxMDAlJyB9XCI+XG4gIEBpZiAoZmllbGRUaXRsZSkge1xuICA8aDEgY2xhc3M9XCJmaWVsZF9fdGl0bGVcIj57eyBmaWVsZFRpdGxlIH19PC9oMT5cbiAgfVxuICA8bWF0LWZvcm0tZmllbGRcbiAgICBjbGFzcz1cImZvcm1fX2ZpZWxkXCJcbiAgICBbY29sb3JdPVwidGhlbWVcIlxuICAgIFthcHBlYXJhbmNlXT1cImFwcGVhcmFuY2VcIlxuICAgIFtzdWJzY3JpcHRTaXppbmddPVwic3Vic2NyaXB0U2l6aW5nXCJcbiAgICBbbmdTdHlsZV09XCJ7IHdpZHRoOiBmaWVsZFdpZHRoID8gZmllbGRXaWR0aCA6ICcxMDAlJyB9XCI+XG4gICAgPG1hdC1sYWJlbCBjbGFzcz1cImZvcm1fX2ZpZWxkX19sYWJlbFwiPnt7IGZpZWxkTGFiZWwgfX08L21hdC1sYWJlbD5cbiAgICA8bWF0LWNoaXAtZ3JpZCAjY2hpcEdyaWQgYXJpYS1sYWJlbD1cIktleXdvcmQgc2VsZWN0aW9uXCI+XG4gICAgICBAZm9yIChrZXl3b3JkIG9mIGtleXdvcmRzOyB0cmFjayBrZXl3b3JkLlZhbHVlKSB7XG4gICAgICA8bWF0LWNoaXAtcm93IChyZW1vdmVkKT1cInJlbW92ZShrZXl3b3JkKVwiPlxuICAgICAgICB7eyBrZXl3b3JkLlZpZXdWYWx1ZSB9fVxuICAgICAgICA8YnV0dG9uIG1hdENoaXBSZW1vdmUgW2F0dHIuYXJpYS1sYWJlbF09XCIncmVtb3ZlICcgKyBrZXl3b3JkLlZpZXdWYWx1ZVwiPlxuICAgICAgICAgIDxtYXQtaWNvbj5jYW5jZWw8L21hdC1pY29uPlxuICAgICAgICA8L2J1dHRvbj5cbiAgICAgIDwvbWF0LWNoaXAtcm93PlxuICAgICAgfVxuICAgIDwvbWF0LWNoaXAtZ3JpZD5cbiAgICA8aW5wdXRcbiAgICAgICNrZXl3b3JkSW5wdXRcbiAgICAgIFttYXRBdXRvY29tcGxldGVdPVwiYXV0b1wiXG4gICAgICBbZm9ybUNvbnRyb2xdPVwiZm9ybUNvbnRyb2xcIlxuICAgICAgW3BsYWNlaG9sZGVyXT1cInBsYWNlSG9sZGVyXCJcbiAgICAgIFttYXRDaGlwSW5wdXRGb3JdPVwiY2hpcEdyaWRcIlxuICAgICAgW21hdENoaXBJbnB1dFNlcGFyYXRvcktleUNvZGVzXT1cInNlcGFyYXRvcktleXNDb2Rlc1wiIC8+XG4gICAgPG1hdC1hdXRvY29tcGxldGVcbiAgICAgICNhdXRvPVwibWF0QXV0b2NvbXBsZXRlXCJcbiAgICAgIChvcHRpb25TZWxlY3RlZCk9XCJzZWxlY3RlZCgkZXZlbnQpXCI+XG4gICAgICBAZm9yIChrZXl3b3JkIG9mIGZpbHRlcmVkS2V5d29yZHMgfCBhc3luYzsgdHJhY2sga2V5d29yZC5WYWx1ZSkge1xuICAgICAgPG1hdC1vcHRpb24gW3ZhbHVlXT1cImtleXdvcmQuVmFsdWVcIj57eyBrZXl3b3JkLlZpZXdWYWx1ZSB9fTwvbWF0LW9wdGlvbj5cbiAgICAgIH1cbiAgICA8L21hdC1hdXRvY29tcGxldGU+XG4gIDwvbWF0LWZvcm0tZmllbGQ+XG48L3NlY3Rpb24+XG4iXX0=