@tekus/design-system 2.0.1 → 3.0.0

package/components/tk-form-input-field/tk-form-input-field.component.d.ts

@@ -0,0 +1,132 @@
+import { OnInit, OnChanges, EventEmitter, SimpleChanges } from '@angular/core';
+import { FormControl } from '@angular/forms';
+import { FloatLabelType, SubscriptSizing, MatFormFieldAppearance } from '@angular/material/form-field';
+import { ThemePalette } from '@angular/material/core';
+import { ValidatorWithMessage } from './models/validator-with-message.model';
+import * as i0 from "@angular/core";
+export declare class TkFormInputFieldComponent implements OnInit, OnChanges {
+    /**
+     * Optional input field width
+     * @default 100%
+     */
+    fieldWidth?: string;
+    /**
+     * Optional input field title
+     * @default null
+     */
+    fieldTitle?: string;
+    /**
+     * What color palette to use
+     * @default 'accent'
+     */
+    theme?: ThemePalette;
+    /**
+     * Whether the field is required
+     * @default true
+     */
+    required: boolean;
+    /**
+     * Form field label behavior
+     * @default 'auto'
+     */
+    floatLabel: FloatLabelType;
+    /**
+     * Form field appearance
+     * @default 'fill'
+     */
+    appearance: MatFormFieldAppearance;
+    /**
+     * Form field reserved space for one line by default.
+     * @default 'dynamic'
+     */
+    subscriptSizing: SubscriptSizing;
+    /**
+     * Input field label
+     */
+    fieldLabel: string;
+    /**
+     * Input field placeholder
+     * @default ''
+     */
+    placeHolder: string;
+    /**
+     * Optional Input field text prefix
+     * @default ''
+     */
+    inputPrefix?: string;
+    /**
+     * Optional Input field text suffix
+     * @default ''
+     */
+    inputSuffix?: string;
+    /**
+     * Input field control
+     * @ignore
+     */
+    formControl: FormControl<string | null>;
+    /**
+     * Input field error message
+     * @ignore
+     */
+    errorMessage: string;
+    /**
+     * Optional validators for the field
+     * @default ''
+     */
+    validatorsWithMessages: {
+        [key: string]: ValidatorWithMessage;
+    };
+    /**
+     * Optional async validators for the field
+     * @default ''
+     */
+    asyncValidatorsWithMessages: {
+        [key: string]: ValidatorWithMessage;
+    };
+    /**
+     * Input field changes handler
+     */
+    inputStatus: EventEmitter<FormControl<any>>;
+    /**
+     * @ignore
+     * Class constructor
+     */
+    constructor();
+    /**
+     * Component lifecycle method
+     * @ignore
+     */
+    ngOnInit(): void;
+    /**
+     * Component lifecycle method
+     * @ignore
+     */
+    ngOnChanges(changes: SimpleChanges): void;
+    /**
+     * @ignore
+     * Component lifecycle method
+     */
+    private isThereAnyValidator;
+    /**
+     * Applies all the passed validators
+     * @ignore
+     */
+    private applyValidators;
+    /**
+     * Checks if there is any validation error
+     * @ignore
+     */
+    private checkValidationErrors;
+    /**
+     * Emits the formControl variable every time the field value changes
+     * @ignore
+     */
+    onInputChanged(): void;
+    /**
+     * Updates the error message every time the input value changes
+     * @ignore
+     */
+    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>;
+}

package/components/{dropdown-list → tk-search-bar}/index.d.ts

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

package/components/tk-search-bar/public-api.d.ts

@@ -0,0 +1 @@
+export * from './tk-search-bar.component';

package/components/{search-bar/search-bar.component.d.ts → tk-search-bar/tk-search-bar.component.d.ts}

@@ -1,6 +1,6 @@
 import { ElementRef, EventEmitter } from '@angular/core';
 import * as i0 from "@angular/core";
-export declare class SearchBarComponent {
+export declare class TkSearchBarComponent {
     inputValue: string;
     readonly faXmark: import("@fortawesome/fontawesome-common-types").IconDefinition;
     readonly faMagnifyingGlass: import("@fortawesome/fontawesome-common-types").IconDefinition;
@@ -20,6 +20,6 @@ export declare class SearchBarComponent {
     onInputChange(): void;
     onMouseEnter(): void;
     onInputClear(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SearchBarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SearchBarComponent, "lib-tks-search-bar", never, { "hintLabel": { "alias": "hintLabel"; "required": false; }; "backgroundColor": { "alias": "backgroundColor"; "required": false; }; }, { "inputValueChange": "inputValueChange"; }, never, never, true, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TkSearchBarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TkSearchBarComponent, "lib-tk-search-bar", never, { "hintLabel": { "alias": "hintLabel"; "required": false; }; "backgroundColor": { "alias": "backgroundColor"; "required": false; }; }, { "inputValueChange": "inputValueChange"; }, never, never, true, never>;
 }

package/components/tk-typography/index.d.ts

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

package/components/tk-typography/public-api.d.ts

@@ -0,0 +1 @@
+export * from './tk-typography.component';

package/components/tk-typography/tk-typography.component.d.ts

@@ -0,0 +1,10 @@
+import * as i0 from "@angular/core";
+export declare class TkTypographyComponent {
+    size: string;
+    color: string;
+    weight: string;
+    type: 'h1-heading' | 'h2-heading' | 'h3-heading' | 'h4-heading' | 'h5-heading' | 'h6-heading' | 'subtitle1' | 'subtitle2' | 'body1' | 'body2' | 'p1-paragraph' | 'underline-text';
+    lineBreak: boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TkTypographyComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TkTypographyComponent, "lib-tk-typography", never, { "size": { "alias": "size"; "required": false; }; "color": { "alias": "color"; "required": false; }; "weight": { "alias": "weight"; "required": false; }; "type": { "alias": "type"; "required": false; }; "lineBreak": { "alias": "lineBreak"; "required": false; }; }, {}, never, ["*"], true, never>;
+}

package/esm2022/components/tk-dropdown-list/models/dropdown-list-item.model.mjs

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

package/esm2022/components/tk-dropdown-list/public-api.mjs

@@ -0,0 +1,2 @@
+export * from './tk-dropdown-list.component';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Rlc2lnbi1zeXN0ZW0vY29tcG9uZW50cy90ay1kcm9wZG93bi1saXN0L3B1YmxpYy1hcGkudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyw4QkFBOEIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vdGstZHJvcGRvd24tbGlzdC5jb21wb25lbnQnO1xuIl19

package/esm2022/components/tk-dropdown-list/tekus-design-system-components-tk-dropdown-list.mjs

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

package/esm2022/components/tk-dropdown-list/tk-dropdown-list.component.mjs

@@ -0,0 +1,137 @@
+import { faXmark, faCheck, faCaretUp, faCaretDown, } from '@fortawesome/pro-solid-svg-icons';
+import { FormsModule } from '@angular/forms';
+import { NgClass, NgFor, NgIf, NgStyle } from '@angular/common';
+import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
+import { Input, Output, Component, EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/forms";
+import * as i2 from "@fortawesome/angular-fontawesome";
+export class TkDropdownListComponent {
+    constructor() {
+        /**
+         * Search field input value
+         * @ignore
+         */
+        this.inputValue = '';
+        /**
+         * Selected value
+         * @ignore
+         */
+        this.selectedValue = { Value: '', ViewValue: '' };
+        /**
+         * Is dropdown list visible
+         * @ignore
+         */
+        this.isDropDownListVisible = false;
+        /**
+         * Icon
+         * @ignore
+         */
+        this.faXmark = faXmark;
+        /**
+         * Icon
+         * @ignore
+         */
+        this.faCheck = faCheck;
+        /**
+         * Icon
+         * @ignore
+         */
+        this.faCaretUp = faCaretUp;
+        /**
+         * Icon
+         * @ignore
+         */
+        this.faCaretDown = faCaretDown;
+        /**
+         * Dropdown list hint label
+         * @default ''
+         */
+        this.hintLabel = '';
+        /**
+         * Dropdown list search field placeholder
+         * @default ''
+         */
+        this.searchFieldPlaceHolder = '';
+        /**
+         * Selected value changes handler
+         */
+        this.selectedValueChange = new EventEmitter();
+    }
+    /**
+     * @ignore
+     * Component lifecycle method
+     */
+    ngOnInit() {
+        this.loadData();
+    }
+    /**
+     * @ignore
+     * Component method to load data
+     */
+    loadData() {
+        if (this.data && this.data.length > 0) {
+            this.filteredData = this.data.slice();
+        }
+    }
+    /**
+     * @ignore
+     * Component method to handle click on dropdown list
+     */
+    onClickDropDownList() {
+        this.isDropDownListVisible = !this.isDropDownListVisible;
+    }
+    /**
+     * @ignore
+     * Component method to handle click on clear selected value
+     */
+    onClickClearSelectedValue() {
+        this.selectedValue.Value = '';
+        this.selectedValue.ViewValue = '';
+        this.selectedValueChange.emit(this.selectedValue.Value);
+    }
+    /**
+     * @ignore
+     * Component method to handle click on clear input value
+     */
+    onClickClearInputValue() {
+        this.inputValue = '';
+        this.filter();
+    }
+    /**
+     * @ignore
+     * Component method to handle click on dropdown list item
+     */
+    onClickListItem(item) {
+        this.selectedValue.Value = item.Value;
+        this.selectedValue.ViewValue = item.ViewValue;
+        this.selectedValueChange.emit(item.Value);
+    }
+    /**
+     * @ignore
+     * Component method to filter data
+     */
+    filter() {
+        const filterValue = this.inputValue.toLowerCase();
+        this.filteredData = this.data.filter(option => String(option.ViewValue).toLowerCase().trim().includes(filterValue));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: TkDropdownListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: TkDropdownListComponent, isStandalone: true, selector: "lib-tk-dropdown-list", inputs: { data: "data", hintLabel: "hintLabel", searchFieldPlaceHolder: "searchFieldPlaceHolder", width: "width", backgroundColor: "backgroundColor" }, outputs: { selectedValueChange: "selectedValueChange" }, ngImport: i0, template: "<div class=\"dropdown__list\">\n  <div\n    class=\"dropdown__list__selected__item__field\"\n    [ngStyle]=\"{ 'background-color': backgroundColor, width: width }\">\n    <label [attr.aria-label]=\"selectedValue.ViewValue\" for=\"selectedValue\">\n      <input\n        class=\"dropdown__list__selected__item\"\n        type=\"text\"\n        readonly=\"true\"\n        id=\"selectedValue\"\n        name=\"selectedValue\"\n        [value]=\"\n          selectedValue.ViewValue ? selectedValue.ViewValue : hintLabel\n        \" />\n    </label>\n    <fa-icon\n      class=\"dropdown__list__clear__mark__icon\"\n      [icon]=\"faXmark\"\n      *ngIf=\"selectedValue.ViewValue !== ''\"\n      (click)=\"onClickClearSelectedValue()\"></fa-icon>\n    <fa-icon\n      class=\"dropdown__list__caret__icon\"\n      [icon]=\"isDropDownListVisible ? faCaretUp : faCaretDown\"\n      (click)=\"onClickDropDownList()\"></fa-icon>\n  </div>\n  <div\n    [class]=\"\n      isDropDownListVisible\n        ? 'dropdown__list__collapsible--open dropdown__list__collapsible'\n        : 'dropdown__list__collapsible'\n    \"\n    [ngStyle]=\"{ 'background-color': backgroundColor, width: width }\">\n    <div class=\"dropdown__list__search__field\">\n      <input\n        class=\"dropdown__list__search__field__input\"\n        type=\"text\"\n        (input)=\"filter()\"\n        (focus)=\"filter()\"\n        [(ngModel)]=\"inputValue\"\n        [placeholder]=\"searchFieldPlaceHolder\" />\n      <fa-icon\n        class=\"dropdown__list__clear__mark__icon\"\n        [icon]=\"faXmark\"\n        *ngIf=\"inputValue !== ''\"\n        (click)=\"onClickClearInputValue()\"></fa-icon>\n    </div>\n    <ul class=\"dropdown__list__items\">\n      <li\n        [ngClass]=\"\n          filteredValue.ViewValue === selectedValue.ViewValue\n            ? 'dropdown__list__item dropdown__list__item--selected'\n            : 'dropdown__list__item'\n        \"\n        tabindex=\"0\"\n        (click)=\"onClickListItem(filteredValue)\"\n        *ngFor=\"let filteredValue of filteredData\"\n        (keydown.enter)=\"onClickListItem(filteredValue)\">\n        {{ filteredValue.ViewValue }}\n        <fa-icon\n          class=\"dropdown__list__item__checked__icon\"\n          [icon]=\"faCheck\"\n          *ngIf=\"filteredValue.ViewValue === selectedValue.ViewValue\"></fa-icon>\n      </li>\n    </ul>\n  </div>\n</div>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box;font-family:Roboto,sans-serif}.dropdown__list{position:relative}.dropdown__list__selected__item__field{width:13rem;display:flex;align-items:center;padding:.3rem 0rem;flex-flow:row nowrap;justify-content:space-between;border-bottom:1.2px solid black}.dropdown__list__selected__item{width:100%;border:none;outline:none;display:flex;align-items:center;flex-flow:row nowrap;background:transparent;justify-content:flex-start;font-size:clamp(.8rem,.675rem + .333vw,.975rem)}.dropdown__list__caret__icon{margin:0 .5rem}.dropdown__list__caret__icon:hover{scale:1.3;cursor:pointer;transition:all ease-in-out .1s}.dropdown__list__collapsible{top:100%;height:0;opacity:0;gap:.5rem;width:13rem;z-index:100;display:flex;overflow:hidden;position:absolute;align-items:center;padding:.5rem .3rem;justify-content:center;flex-flow:column nowrap;background-color:#fff;transition:all .4s ease-in-out}.dropdown__list__collapsible--open{opacity:1;max-height:10rem;height:fit-content}.dropdown__list__collapsible--open .dropdown__list__search__field,.dropdown__list__collapsible--open .dropdown__list__items{display:flex}.dropdown__list__search__field{width:100%;display:none;align-items:center;border-radius:.5rem;padding:.3rem .5rem;justify-content:center;border:1px solid black}.dropdown__list__search__field__input{width:100%;border:none;outline:none;font-weight:500;background:transparent;font-size:clamp(.8rem,.675rem + .333vw,.975rem)}.dropdown__list__clear__mark__icon{margin:0 .5rem}.dropdown__list__clear__mark__icon:hover{scale:1.3;cursor:pointer;transition:all ease-in-out .1s}.dropdown__list__items{width:100%;height:100%;display:none;overflow-y:auto;padding:.1rem 0;align-items:flex-start;flex-flow:column nowrap}.dropdown__list__item{width:100%;display:flex;cursor:pointer;list-style:none;align-items:center;flex-flow:row nowrap;padding:.3rem .2rem;transition:font-size .3s;justify-content:space-between;font-size:clamp(.8rem,.675rem + .333vw,.975rem)}.dropdown__list__item:hover{font-size:1rem;background-color:#d3d3d3}.dropdown__list__item--selected{background-color:#c1efc3}.dropdown__list__item__checked__icon{color:#2ba130}\n"], dependencies: [{ kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "ngmodule", type: FontAwesomeModule }, { kind: "component", type: i2.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: TkDropdownListComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-tk-dropdown-list', standalone: true, imports: [NgStyle, NgClass, NgFor, NgIf, FormsModule, FontAwesomeModule], template: "<div class=\"dropdown__list\">\n  <div\n    class=\"dropdown__list__selected__item__field\"\n    [ngStyle]=\"{ 'background-color': backgroundColor, width: width }\">\n    <label [attr.aria-label]=\"selectedValue.ViewValue\" for=\"selectedValue\">\n      <input\n        class=\"dropdown__list__selected__item\"\n        type=\"text\"\n        readonly=\"true\"\n        id=\"selectedValue\"\n        name=\"selectedValue\"\n        [value]=\"\n          selectedValue.ViewValue ? selectedValue.ViewValue : hintLabel\n        \" />\n    </label>\n    <fa-icon\n      class=\"dropdown__list__clear__mark__icon\"\n      [icon]=\"faXmark\"\n      *ngIf=\"selectedValue.ViewValue !== ''\"\n      (click)=\"onClickClearSelectedValue()\"></fa-icon>\n    <fa-icon\n      class=\"dropdown__list__caret__icon\"\n      [icon]=\"isDropDownListVisible ? faCaretUp : faCaretDown\"\n      (click)=\"onClickDropDownList()\"></fa-icon>\n  </div>\n  <div\n    [class]=\"\n      isDropDownListVisible\n        ? 'dropdown__list__collapsible--open dropdown__list__collapsible'\n        : 'dropdown__list__collapsible'\n    \"\n    [ngStyle]=\"{ 'background-color': backgroundColor, width: width }\">\n    <div class=\"dropdown__list__search__field\">\n      <input\n        class=\"dropdown__list__search__field__input\"\n        type=\"text\"\n        (input)=\"filter()\"\n        (focus)=\"filter()\"\n        [(ngModel)]=\"inputValue\"\n        [placeholder]=\"searchFieldPlaceHolder\" />\n      <fa-icon\n        class=\"dropdown__list__clear__mark__icon\"\n        [icon]=\"faXmark\"\n        *ngIf=\"inputValue !== ''\"\n        (click)=\"onClickClearInputValue()\"></fa-icon>\n    </div>\n    <ul class=\"dropdown__list__items\">\n      <li\n        [ngClass]=\"\n          filteredValue.ViewValue === selectedValue.ViewValue\n            ? 'dropdown__list__item dropdown__list__item--selected'\n            : 'dropdown__list__item'\n        \"\n        tabindex=\"0\"\n        (click)=\"onClickListItem(filteredValue)\"\n        *ngFor=\"let filteredValue of filteredData\"\n        (keydown.enter)=\"onClickListItem(filteredValue)\">\n        {{ filteredValue.ViewValue }}\n        <fa-icon\n          class=\"dropdown__list__item__checked__icon\"\n          [icon]=\"faCheck\"\n          *ngIf=\"filteredValue.ViewValue === selectedValue.ViewValue\"></fa-icon>\n      </li>\n    </ul>\n  </div>\n</div>\n", styles: ["*{margin:0;padding:0;box-sizing:border-box;font-family:Roboto,sans-serif}.dropdown__list{position:relative}.dropdown__list__selected__item__field{width:13rem;display:flex;align-items:center;padding:.3rem 0rem;flex-flow:row nowrap;justify-content:space-between;border-bottom:1.2px solid black}.dropdown__list__selected__item{width:100%;border:none;outline:none;display:flex;align-items:center;flex-flow:row nowrap;background:transparent;justify-content:flex-start;font-size:clamp(.8rem,.675rem + .333vw,.975rem)}.dropdown__list__caret__icon{margin:0 .5rem}.dropdown__list__caret__icon:hover{scale:1.3;cursor:pointer;transition:all ease-in-out .1s}.dropdown__list__collapsible{top:100%;height:0;opacity:0;gap:.5rem;width:13rem;z-index:100;display:flex;overflow:hidden;position:absolute;align-items:center;padding:.5rem .3rem;justify-content:center;flex-flow:column nowrap;background-color:#fff;transition:all .4s ease-in-out}.dropdown__list__collapsible--open{opacity:1;max-height:10rem;height:fit-content}.dropdown__list__collapsible--open .dropdown__list__search__field,.dropdown__list__collapsible--open .dropdown__list__items{display:flex}.dropdown__list__search__field{width:100%;display:none;align-items:center;border-radius:.5rem;padding:.3rem .5rem;justify-content:center;border:1px solid black}.dropdown__list__search__field__input{width:100%;border:none;outline:none;font-weight:500;background:transparent;font-size:clamp(.8rem,.675rem + .333vw,.975rem)}.dropdown__list__clear__mark__icon{margin:0 .5rem}.dropdown__list__clear__mark__icon:hover{scale:1.3;cursor:pointer;transition:all ease-in-out .1s}.dropdown__list__items{width:100%;height:100%;display:none;overflow-y:auto;padding:.1rem 0;align-items:flex-start;flex-flow:column nowrap}.dropdown__list__item{width:100%;display:flex;cursor:pointer;list-style:none;align-items:center;flex-flow:row nowrap;padding:.3rem .2rem;transition:font-size .3s;justify-content:space-between;font-size:clamp(.8rem,.675rem + .333vw,.975rem)}.dropdown__list__item:hover{font-size:1rem;background-color:#d3d3d3}.dropdown__list__item--selected{background-color:#c1efc3}.dropdown__list__item__checked__icon{color:#2ba130}\n"] }]
+        }], propDecorators: { data: [{
+                type: Input
+            }], hintLabel: [{
+                type: Input
+            }], searchFieldPlaceHolder: [{
+                type: Input
+            }], width: [{
+                type: Input
+            }], backgroundColor: [{
+                type: Input
+            }], selectedValueChange: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGstZHJvcGRvd24tbGlzdC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9kZXNpZ24tc3lzdGVtL2NvbXBvbmVudHMvdGstZHJvcGRvd24tbGlzdC90ay1kcm9wZG93bi1saXN0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Rlc2lnbi1zeXN0ZW0vY29tcG9uZW50cy90ay1kcm9wZG93bi1saXN0L3RrLWRyb3Bkb3duLWxpc3QuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLE9BQU8sRUFDUCxPQUFPLEVBQ1AsU0FBUyxFQUNULFdBQVcsR0FDWixNQUFNLGtDQUFrQyxDQUFDO0FBQzFDLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUM3QyxPQUFPLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBRSxJQUFJLEVBQUUsT0FBTyxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDaEUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sa0NBQWtDLENBQUM7QUFFckUsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQVUsU0FBUyxFQUFFLFlBQVksRUFBRSxNQUFNLGVBQWUsQ0FBQzs7OztBQVMvRSxNQUFNLE9BQU8sdUJBQXVCO0lBUHBDO1FBUUU7OztXQUdHO1FBQ0ksZUFBVSxHQUFHLEVBQUUsQ0FBQztRQUV2Qjs7O1dBR0c7UUFDSSxrQkFBYSxHQUFHLEVBQUUsS0FBSyxFQUFFLEVBQUUsRUFBRSxTQUFTLEVBQUUsRUFBRSxFQUFFLENBQUM7UUFRcEQ7OztXQUdHO1FBQ0ksMEJBQXFCLEdBQUcsS0FBSyxDQUFDO1FBRXJDOzs7V0FHRztRQUNhLFlBQU8sR0FBRyxPQUFPLENBQUM7UUFDbEM7OztXQUdHO1FBQ2EsWUFBTyxHQUFHLE9BQU8sQ0FBQztRQUNsQzs7O1dBR0c7UUFDYSxjQUFTLEdBQUcsU0FBUyxDQUFDO1FBQ3RDOzs7V0FHRztRQUNhLGdCQUFXLEdBQUcsV0FBVyxDQUFDO1FBTzFDOzs7V0FHRztRQUVILGNBQVMsR0FBRyxFQUFFLENBQUM7UUFFZjs7O1dBR0c7UUFFSCwyQkFBc0IsR0FBRyxFQUFFLENBQUM7UUFnQjVCOztXQUVHO1FBRUgsd0JBQW1CLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztLQW1FbEQ7SUFqRUM7OztPQUdHO0lBQ0gsUUFBUTtRQUNOLElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQztJQUNsQixDQUFDO0lBRUQ7OztPQUdHO0lBQ0ssUUFBUTtRQUNkLElBQUksSUFBSSxDQUFDLElBQUksSUFBSSxJQUFJLENBQUMsSUFBSSxDQUFDLE1BQU0sR0FBRyxDQUFDLEVBQUUsQ0FBQztZQUN0QyxJQUFJLENBQUMsWUFBWSxHQUFHLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxFQUFFLENBQUM7UUFDeEMsQ0FBQztJQUNILENBQUM7SUFFRDs7O09BR0c7SUFDSSxtQkFBbUI7UUFDeEIsSUFBSSxDQUFDLHFCQUFxQixHQUFHLENBQUMsSUFBSSxDQUFDLHFCQUFxQixDQUFDO0lBQzNELENBQUM7SUFFRDs7O09BR0c7SUFDSSx5QkFBeUI7UUFDOUIsSUFBSSxDQUFDLGFBQWEsQ0FBQyxLQUFLLEdBQUcsRUFBRSxDQUFDO1FBQzlCLElBQUksQ0FBQyxhQUFhLENBQUMsU0FBUyxHQUFHLEVBQUUsQ0FBQztRQUNsQyxJQUFJLENBQUMsbUJBQW1CLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxhQUFhLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDMUQsQ0FBQztJQUVEOzs7T0FHRztJQUNJLHNCQUFzQjtRQUMzQixJQUFJLENBQUMsVUFBVSxHQUFHLEVBQUUsQ0FBQztRQUNyQixJQUFJLENBQUMsTUFBTSxFQUFFLENBQUM7SUFDaEIsQ0FBQztJQUVEOzs7T0FHRztJQUNJLGVBQWUsQ0FBQyxJQUFzQjtRQUMzQyxJQUFJLENBQUMsYUFBYSxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDO1FBQ3RDLElBQUksQ0FBQyxhQUFhLENBQUMsU0FBUyxHQUFHLElBQUksQ0FBQyxTQUFTLENBQUM7UUFDOUMsSUFBSSxDQUFDLG1CQUFtQixDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDNUMsQ0FBQztJQUVEOzs7T0FHRztJQUNJLE1BQU07UUFDWCxNQUFNLFdBQVcsR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDLFdBQVcsRUFBRSxDQUFDO1FBQ2xELElBQUksQ0FBQyxZQUFZLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsTUFBTSxDQUFDLEVBQUUsQ0FDNUMsTUFBTSxDQUFDLE1BQU0sQ0FBQyxTQUFTLENBQUMsQ0FBQyxXQUFXLEVBQUUsQ0FBQyxJQUFJLEVBQUUsQ0FBQyxRQUFRLENBQUMsV0FBVyxDQUFDLENBQ3BFLENBQUM7SUFDSixDQUFDOytHQXJKVSx1QkFBdUI7bUdBQXZCLHVCQUF1QixpU0NuQnBDLDYxRUFrRUEsK3FFRG5EWSxPQUFPLDJFQUFFLE9BQU8sb0ZBQUUsS0FBSyxtSEFBRSxJQUFJLDRGQUFFLFdBQVcsOG1CQUFFLGlCQUFpQjs7NEZBSTVELHVCQUF1QjtrQkFQbkMsU0FBUzsrQkFDRSxzQkFBc0IsY0FDcEIsSUFBSSxXQUNQLENBQUMsT0FBTyxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsSUFBSSxFQUFFLFdBQVcsRUFBRSxpQkFBaUIsQ0FBQzs4QkFxRC9ELElBQUk7c0JBQVosS0FBSztnQkFPTixTQUFTO3NCQURSLEtBQUs7Z0JBUU4sc0JBQXNCO3NCQURyQixLQUFLO2dCQVFOLEtBQUs7c0JBREosS0FBSztnQkFRTixlQUFlO3NCQURkLEtBQUs7Z0JBT04sbUJBQW1CO3NCQURsQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgZmFYbWFyayxcbiAgZmFDaGVjayxcbiAgZmFDYXJldFVwLFxuICBmYUNhcmV0RG93bixcbn0gZnJvbSAnQGZvcnRhd2Vzb21lL3Byby1zb2xpZC1zdmctaWNvbnMnO1xuaW1wb3J0IHsgRm9ybXNNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBOZ0NsYXNzLCBOZ0ZvciwgTmdJZiwgTmdTdHlsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBGb250QXdlc29tZU1vZHVsZSB9IGZyb20gJ0Bmb3J0YXdlc29tZS9hbmd1bGFyLWZvbnRhd2Vzb21lJztcbmltcG9ydCB7IERyb3Bkb3duTGlzdEl0ZW0gfSBmcm9tICcuL21vZGVscy9kcm9wZG93bi1saXN0LWl0ZW0ubW9kZWwnO1xuaW1wb3J0IHsgSW5wdXQsIE91dHB1dCwgT25Jbml0LCBDb21wb25lbnQsIEV2ZW50RW1pdHRlciB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdsaWItdGstZHJvcGRvd24tbGlzdCcsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtOZ1N0eWxlLCBOZ0NsYXNzLCBOZ0ZvciwgTmdJZiwgRm9ybXNNb2R1bGUsIEZvbnRBd2Vzb21lTW9kdWxlXSxcbiAgdGVtcGxhdGVVcmw6ICcuL3RrLWRyb3Bkb3duLWxpc3QuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi90ay1kcm9wZG93bi1saXN0LmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIFRrRHJvcGRvd25MaXN0Q29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgLyoqXG4gICAqIFNlYXJjaCBmaWVsZCBpbnB1dCB2YWx1ZVxuICAgKiBAaWdub3JlXG4gICAqL1xuICBwdWJsaWMgaW5wdXRWYWx1ZSA9ICcnO1xuXG4gIC8qKlxuICAgKiBTZWxlY3RlZCB2YWx1ZVxuICAgKiBAaWdub3JlXG4gICAqL1xuICBwdWJsaWMgc2VsZWN0ZWRWYWx1ZSA9IHsgVmFsdWU6ICcnLCBWaWV3VmFsdWU6ICcnIH07XG5cbiAgLyoqXG4gICAqIEZpbHRlcmVkIGRhdGFcbiAgICogQGlnbm9yZVxuICAgKi9cbiAgcHVibGljIGZpbHRlcmVkRGF0YSE6IERyb3Bkb3duTGlzdEl0ZW1bXTtcblxuICAvKipcbiAgICogSXMgZHJvcGRvd24gbGlzdCB2aXNpYmxlXG4gICAqIEBpZ25vcmVcbiAgICovXG4gIHB1YmxpYyBpc0Ryb3BEb3duTGlzdFZpc2libGUgPSBmYWxzZTtcblxuICAvKipcbiAgICogSWNvblxuICAgKiBAaWdub3JlXG4gICAqL1xuICBwdWJsaWMgcmVhZG9ubHkgZmFYbWFyayA9IGZhWG1hcms7XG4gIC8qKlxuICAgKiBJY29uXG4gICAqIEBpZ25vcmVcbiAgICovXG4gIHB1YmxpYyByZWFkb25seSBmYUNoZWNrID0gZmFDaGVjaztcbiAgLyoqXG4gICAqIEljb25cbiAgICogQGlnbm9yZVxuICAgKi9cbiAgcHVibGljIHJlYWRvbmx5IGZhQ2FyZXRVcCA9IGZhQ2FyZXRVcDtcbiAgLyoqXG4gICAqIEljb25cbiAgICogQGlnbm9yZVxuICAgKi9cbiAgcHVibGljIHJlYWRvbmx5IGZhQ2FyZXREb3duID0gZmFDYXJldERvd247XG5cbiAgLyoqXG4gICAqIERhdGEgZm9yIGRyb3Bkb3duIGxpc3RcbiAgICovXG4gIEBJbnB1dCgpIGRhdGEhOiBEcm9wZG93bkxpc3RJdGVtW107XG5cbiAgLyoqXG4gICAqIERyb3Bkb3duIGxpc3QgaGludCBsYWJlbFxuICAgKiBAZGVmYXVsdCAnJ1xuICAgKi9cbiAgQElucHV0KClcbiAgaGludExhYmVsID0gJyc7XG5cbiAgLyoqXG4gICAqIERyb3Bkb3duIGxpc3Qgc2VhcmNoIGZpZWxkIHBsYWNlaG9sZGVyXG4gICAqIEBkZWZhdWx0ICcnXG4gICAqL1xuICBASW5wdXQoKVxuICBzZWFyY2hGaWVsZFBsYWNlSG9sZGVyID0gJyc7XG5cbiAgLyoqXG4gICAqIFdpZHRoIG9mIHRoZSBkcm9wZG93biBsaXN0XG4gICAqIEBkZWZhdWx0IDEzcmVtXG4gICAqL1xuICBASW5wdXQoKVxuICB3aWR0aD86IHN0cmluZztcblxuICAvKipcbiAgICogV2hhdCBiYWNrZ3JvdW5kIGNvbG9yIHRvIHVzZVxuICAgKiBAZGVmYXVsdCAjZmZmXG4gICAqL1xuICBASW5wdXQoKVxuICBiYWNrZ3JvdW5kQ29sb3I/OiBzdHJpbmc7XG5cbiAgLyoqXG4gICAqIFNlbGVjdGVkIHZhbHVlIGNoYW5nZXMgaGFuZGxlclxuICAgKi9cbiAgQE91dHB1dCgpXG4gIHNlbGVjdGVkVmFsdWVDaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcblxuICAvKipcbiAgICogQGlnbm9yZVxuICAgKiBDb21wb25lbnQgbGlmZWN5Y2xlIG1ldGhvZFxuICAgKi9cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgdGhpcy5sb2FkRGF0YSgpO1xuICB9XG5cbiAgLyoqXG4gICAqIEBpZ25vcmVcbiAgICogQ29tcG9uZW50IG1ldGhvZCB0byBsb2FkIGRhdGFcbiAgICovXG4gIHByaXZhdGUgbG9hZERhdGEoKTogdm9pZCB7XG4gICAgaWYgKHRoaXMuZGF0YSAmJiB0aGlzLmRhdGEubGVuZ3RoID4gMCkge1xuICAgICAgdGhpcy5maWx0ZXJlZERhdGEgPSB0aGlzLmRhdGEuc2xpY2UoKTtcbiAgICB9XG4gIH1cblxuICAvKipcbiAgICogQGlnbm9yZVxuICAgKiBDb21wb25lbnQgbWV0aG9kIHRvIGhhbmRsZSBjbGljayBvbiBkcm9wZG93biBsaXN0XG4gICAqL1xuICBwdWJsaWMgb25DbGlja0Ryb3BEb3duTGlzdCgpOiB2b2lkIHtcbiAgICB0aGlzLmlzRHJvcERvd25MaXN0VmlzaWJsZSA9ICF0aGlzLmlzRHJvcERvd25MaXN0VmlzaWJsZTtcbiAgfVxuXG4gIC8qKlxuICAgKiBAaWdub3JlXG4gICAqIENvbXBvbmVudCBtZXRob2QgdG8gaGFuZGxlIGNsaWNrIG9uIGNsZWFyIHNlbGVjdGVkIHZhbHVlXG4gICAqL1xuICBwdWJsaWMgb25DbGlja0NsZWFyU2VsZWN0ZWRWYWx1ZSgpOiB2b2lkIHtcbiAgICB0aGlzLnNlbGVjdGVkVmFsdWUuVmFsdWUgPSAnJztcbiAgICB0aGlzLnNlbGVjdGVkVmFsdWUuVmlld1ZhbHVlID0gJyc7XG4gICAgdGhpcy5zZWxlY3RlZFZhbHVlQ2hhbmdlLmVtaXQodGhpcy5zZWxlY3RlZFZhbHVlLlZhbHVlKTtcbiAgfVxuXG4gIC8qKlxuICAgKiBAaWdub3JlXG4gICAqIENvbXBvbmVudCBtZXRob2QgdG8gaGFuZGxlIGNsaWNrIG9uIGNsZWFyIGlucHV0IHZhbHVlXG4gICAqL1xuICBwdWJsaWMgb25DbGlja0NsZWFySW5wdXRWYWx1ZSgpOiB2b2lkIHtcbiAgICB0aGlzLmlucHV0VmFsdWUgPSAnJztcbiAgICB0aGlzLmZpbHRlcigpO1xuICB9XG5cbiAgLyoqXG4gICAqIEBpZ25vcmVcbiAgICogQ29tcG9uZW50IG1ldGhvZCB0byBoYW5kbGUgY2xpY2sgb24gZHJvcGRvd24gbGlzdCBpdGVtXG4gICAqL1xuICBwdWJsaWMgb25DbGlja0xpc3RJdGVtKGl0ZW06IERyb3Bkb3duTGlzdEl0ZW0pOiB2b2lkIHtcbiAgICB0aGlzLnNlbGVjdGVkVmFsdWUuVmFsdWUgPSBpdGVtLlZhbHVlO1xuICAgIHRoaXMuc2VsZWN0ZWRWYWx1ZS5WaWV3VmFsdWUgPSBpdGVtLlZpZXdWYWx1ZTtcbiAgICB0aGlzLnNlbGVjdGVkVmFsdWVDaGFuZ2UuZW1pdChpdGVtLlZhbHVlKTtcbiAgfVxuXG4gIC8qKlxuICAgKiBAaWdub3JlXG4gICAqIENvbXBvbmVudCBtZXRob2QgdG8gZmlsdGVyIGRhdGFcbiAgICovXG4gIHB1YmxpYyBmaWx0ZXIoKTogdm9pZCB7XG4gICAgY29uc3QgZmlsdGVyVmFsdWUgPSB0aGlzLmlucHV0VmFsdWUudG9Mb3dlckNhc2UoKTtcbiAgICB0aGlzLmZpbHRlcmVkRGF0YSA9IHRoaXMuZGF0YS5maWx0ZXIob3B0aW9uID0+XG4gICAgICBTdHJpbmcob3B0aW9uLlZpZXdWYWx1ZSkudG9Mb3dlckNhc2UoKS50cmltKCkuaW5jbHVkZXMoZmlsdGVyVmFsdWUpXG4gICAgKTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cImRyb3Bkb3duX19saXN0XCI+XG4gIDxkaXZcbiAgICBjbGFzcz1cImRyb3Bkb3duX19saXN0X19zZWxlY3RlZF9faXRlbV9fZmllbGRcIlxuICAgIFtuZ1N0eWxlXT1cInsgJ2JhY2tncm91bmQtY29sb3InOiBiYWNrZ3JvdW5kQ29sb3IsIHdpZHRoOiB3aWR0aCB9XCI+XG4gICAgPGxhYmVsIFthdHRyLmFyaWEtbGFiZWxdPVwic2VsZWN0ZWRWYWx1ZS5WaWV3VmFsdWVcIiBmb3I9XCJzZWxlY3RlZFZhbHVlXCI+XG4gICAgICA8aW5wdXRcbiAgICAgICAgY2xhc3M9XCJkcm9wZG93bl9fbGlzdF9fc2VsZWN0ZWRfX2l0ZW1cIlxuICAgICAgICB0eXBlPVwidGV4dFwiXG4gICAgICAgIHJlYWRvbmx5PVwidHJ1ZVwiXG4gICAgICAgIGlkPVwic2VsZWN0ZWRWYWx1ZVwiXG4gICAgICAgIG5hbWU9XCJzZWxlY3RlZFZhbHVlXCJcbiAgICAgICAgW3ZhbHVlXT1cIlxuICAgICAgICAgIHNlbGVjdGVkVmFsdWUuVmlld1ZhbHVlID8gc2VsZWN0ZWRWYWx1ZS5WaWV3VmFsdWUgOiBoaW50TGFiZWxcbiAgICAgICAgXCIgLz5cbiAgICA8L2xhYmVsPlxuICAgIDxmYS1pY29uXG4gICAgICBjbGFzcz1cImRyb3Bkb3duX19saXN0X19jbGVhcl9fbWFya19faWNvblwiXG4gICAgICBbaWNvbl09XCJmYVhtYXJrXCJcbiAgICAgICpuZ0lmPVwic2VsZWN0ZWRWYWx1ZS5WaWV3VmFsdWUgIT09ICcnXCJcbiAgICAgIChjbGljayk9XCJvbkNsaWNrQ2xlYXJTZWxlY3RlZFZhbHVlKClcIj48L2ZhLWljb24+XG4gICAgPGZhLWljb25cbiAgICAgIGNsYXNzPVwiZHJvcGRvd25fX2xpc3RfX2NhcmV0X19pY29uXCJcbiAgICAgIFtpY29uXT1cImlzRHJvcERvd25MaXN0VmlzaWJsZSA/IGZhQ2FyZXRVcCA6IGZhQ2FyZXREb3duXCJcbiAgICAgIChjbGljayk9XCJvbkNsaWNrRHJvcERvd25MaXN0KClcIj48L2ZhLWljb24+XG4gIDwvZGl2PlxuICA8ZGl2XG4gICAgW2NsYXNzXT1cIlxuICAgICAgaXNEcm9wRG93bkxpc3RWaXNpYmxlXG4gICAgICAgID8gJ2Ryb3Bkb3duX19saXN0X19jb2xsYXBzaWJsZS0tb3BlbiBkcm9wZG93bl9fbGlzdF9fY29sbGFwc2libGUnXG4gICAgICAgIDogJ2Ryb3Bkb3duX19saXN0X19jb2xsYXBzaWJsZSdcbiAgICBcIlxuICAgIFtuZ1N0eWxlXT1cInsgJ2JhY2tncm91bmQtY29sb3InOiBiYWNrZ3JvdW5kQ29sb3IsIHdpZHRoOiB3aWR0aCB9XCI+XG4gICAgPGRpdiBjbGFzcz1cImRyb3Bkb3duX19saXN0X19zZWFyY2hfX2ZpZWxkXCI+XG4gICAgICA8aW5wdXRcbiAgICAgICAgY2xhc3M9XCJkcm9wZG93bl9fbGlzdF9fc2VhcmNoX19maWVsZF9faW5wdXRcIlxuICAgICAgICB0eXBlPVwidGV4dFwiXG4gICAgICAgIChpbnB1dCk9XCJmaWx0ZXIoKVwiXG4gICAgICAgIChmb2N1cyk9XCJmaWx0ZXIoKVwiXG4gICAgICAgIFsobmdNb2RlbCldPVwiaW5wdXRWYWx1ZVwiXG4gICAgICAgIFtwbGFjZWhvbGRlcl09XCJzZWFyY2hGaWVsZFBsYWNlSG9sZGVyXCIgLz5cbiAgICAgIDxmYS1pY29uXG4gICAgICAgIGNsYXNzPVwiZHJvcGRvd25fX2xpc3RfX2NsZWFyX19tYXJrX19pY29uXCJcbiAgICAgICAgW2ljb25dPVwiZmFYbWFya1wiXG4gICAgICAgICpuZ0lmPVwiaW5wdXRWYWx1ZSAhPT0gJydcIlxuICAgICAgICAoY2xpY2spPVwib25DbGlja0NsZWFySW5wdXRWYWx1ZSgpXCI+PC9mYS1pY29uPlxuICAgIDwvZGl2PlxuICAgIDx1bCBjbGFzcz1cImRyb3Bkb3duX19saXN0X19pdGVtc1wiPlxuICAgICAgPGxpXG4gICAgICAgIFtuZ0NsYXNzXT1cIlxuICAgICAgICAgIGZpbHRlcmVkVmFsdWUuVmlld1ZhbHVlID09PSBzZWxlY3RlZFZhbHVlLlZpZXdWYWx1ZVxuICAgICAgICAgICAgPyAnZHJvcGRvd25fX2xpc3RfX2l0ZW0gZHJvcGRvd25fX2xpc3RfX2l0ZW0tLXNlbGVjdGVkJ1xuICAgICAgICAgICAgOiAnZHJvcGRvd25fX2xpc3RfX2l0ZW0nXG4gICAgICAgIFwiXG4gICAgICAgIHRhYmluZGV4PVwiMFwiXG4gICAgICAgIChjbGljayk9XCJvbkNsaWNrTGlzdEl0ZW0oZmlsdGVyZWRWYWx1ZSlcIlxuICAgICAgICAqbmdGb3I9XCJsZXQgZmlsdGVyZWRWYWx1ZSBvZiBmaWx0ZXJlZERhdGFcIlxuICAgICAgICAoa2V5ZG93bi5lbnRlcik9XCJvbkNsaWNrTGlzdEl0ZW0oZmlsdGVyZWRWYWx1ZSlcIj5cbiAgICAgICAge3sgZmlsdGVyZWRWYWx1ZS5WaWV3VmFsdWUgfX1cbiAgICAgICAgPGZhLWljb25cbiAgICAgICAgICBjbGFzcz1cImRyb3Bkb3duX19saXN0X19pdGVtX19jaGVja2VkX19pY29uXCJcbiAgICAgICAgICBbaWNvbl09XCJmYUNoZWNrXCJcbiAgICAgICAgICAqbmdJZj1cImZpbHRlcmVkVmFsdWUuVmlld1ZhbHVlID09PSBzZWxlY3RlZFZhbHVlLlZpZXdWYWx1ZVwiPjwvZmEtaWNvbj5cbiAgICAgIDwvbGk+XG4gICAgPC91bD5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==

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

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

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

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

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

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