@evotor-dev/ui-kit 8.21.0 → 8.21.1

package/fesm2022/evotor-dev-ui-kit.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, Injectable, PLATFORM_ID, ɵstringify as _stringify, Directive, Input, EventEmitter, Output, HostListener, Optional, ViewContainerRef, TemplateRef, Inject, NgModule, CUSTOM_ELEMENTS_SCHEMA, inject, SecurityContext, Component, ChangeDetectionStrategy, HostBinding, Pipe, output, forwardRef, ViewChild, ViewEncapsulation, ContentChild, ElementRef, ComponentRef, input, model, viewChild, signal, computed, DestroyRef, EnvironmentInjector, createComponent, Injector, makeEnvironmentProviders, booleanAttribute, ChangeDetectorRef, NgZone, ApplicationRef, ComponentFactoryResolver, Host, ContentChildren, ViewChildren } from '@angular/core';
+import { InjectionToken, Injectable, PLATFORM_ID, ɵstringify as _stringify, Directive, Input, EventEmitter, Output, HostListener, Optional, ViewContainerRef, TemplateRef, Inject, NgModule, CUSTOM_ELEMENTS_SCHEMA, inject, SecurityContext, Component, ChangeDetectionStrategy, HostBinding, Pipe, output, forwardRef, ViewChild, ViewEncapsulation, ContentChild, DestroyRef, ChangeDetectorRef, ElementRef, ComponentRef, input, model, viewChild, signal, computed, EnvironmentInjector, createComponent, Injector, makeEnvironmentProviders, booleanAttribute, NgZone, ApplicationRef, ComponentFactoryResolver, Host, ContentChildren, ViewChildren } from '@angular/core';
 import * as i2 from '@angular/common';
 import { isPlatformBrowser, CommonModule, AsyncPipe, NgClass, NgTemplateOutlet, NgIf, NgStyle, Location, NgFor } from '@angular/common';
 import * as i1$1 from '@angular/forms';
@@ -19,9 +19,9 @@ import * as i4 from '@ng-select/ng-select';
 import { NgSelectComponent, NgSelectModule } from '@ng-select/ng-select';
 import { isNull, cloneDeep, isEqual, merge as merge$1, isUndefined } from 'lodash-es';
 import * as IMask from 'imask';
+import { takeUntilDestroyed, toObservable } from '@angular/core/rxjs-interop';
 import flatpickr from 'flatpickr';
 import { IMaskDirective } from 'angular-imask';
-import { toObservable, takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { createPopper } from '@popperjs/core';
 import { __decorate } from 'tslib';
 import autobind from 'autobind-decorator';
@@ -1636,7 +1636,6 @@ class EvoAutocompleteComponent {
     }
     // eslint-disable-next-line
     handleChange(value) {
-        this.onChange(value);
         this.changeEvent.emit(value);
     }
     onClearClick() {
@@ -1668,11 +1667,11 @@ class EvoAutocompleteComponent {
         };
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: EvoAutocompleteComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1$1.NgControl }, { token: EvoIconService }, { token: i1.DomSanitizer }, { token: EVO_ICON_RESOLVER }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.10", type: EvoAutocompleteComponent, isStandalone: true, selector: "evo-autocomplete", inputs: { size: "size", isOpen: "isOpen", items: "items", bindLabel: "bindLabel", bindValue: "bindValue", markFirst: "markFirst", placeholder: "placeholder", typeToSearchText: "typeToSearchText", addTagText: "addTagText", loadingText: "loadingText", clearAllText: "clearAllText", dropdownPosition: "dropdownPosition", appendTo: "appendTo", loading: "loading", closeOnSelect: "closeOnSelect", hideSelected: "hideSelected", selectOnTab: "selectOnTab", openOnEnter: "openOnEnter", maxSelectedItems: "maxSelectedItems", groupBy: "groupBy", groupValue: "groupValue", bufferAmount: "bufferAmount", virtualScroll: "virtualScroll", selectableGroup: "selectableGroup", selectableGroupAsModel: "selectableGroupAsModel", searchFn: "searchFn", clearOnBackspace: "clearOnBackspace", typeahead: "typeahead", multiple: "multiple", multipleInline: "multipleInline", addTag: "addTag", clearable: "clearable", errorsMessages: "errorsMessages", compareWith: "compareWith", _notFoundText: ["notFoundText", "_notFoundText"], editQuery: "editQuery", searchable: "searchable", setSelectbox: ["isSelectbox", "setSelectbox"], setTheme: ["theme", "setTheme"] }, outputs: { blurEvent: "blur", focusEvent: "focus", changeEvent: "change", openEvent: "open", closeEvent: "close", searchEvent: "search", clearEvent: "clear", addEvent: "add", removeEvent: "remove", scrollEvent: "scroll", scrollToEndEvent: "scrollToEnd" }, queries: [{ propertyName: "labelTemp", first: true, predicate: ["labelTemp"], descendants: true, read: TemplateRef }, { propertyName: "multiLabelTemp", first: true, predicate: ["multiLabelTemp"], descendants: true, read: TemplateRef }, { propertyName: "optionTemp", first: true, predicate: ["optionTemp"], descendants: true, read: TemplateRef }, { propertyName: "optgroupTemp", first: true, predicate: ["optgroupTemp"], descendants: true, read: TemplateRef }, { propertyName: "headerTemp", first: true, predicate: ["headerTemp"], descendants: true, read: TemplateRef }, { propertyName: "footerTemp", first: true, predicate: ["footerTemp"], descendants: true, read: TemplateRef }, { propertyName: "notFoundTemp", first: true, predicate: ["notFoundTemp"], descendants: true, read: TemplateRef }], viewQueries: [{ propertyName: "ngSelectComponent", first: true, predicate: NgSelectComponent, descendants: true }], ngImport: i0, template: "<div class=\"evo-autocomplete\" [evoUiClass]=\"classes\">\n    <ng-select\n        [items]=\"items\"\n        [bindLabel]=\"bindLabel\"\n        [bindValue]=\"bindValue\"\n        [markFirst]=\"markFirst\"\n        [placeholder]=\"placeholder\"\n        [notFoundText]=\"notFoundText\"\n        [typeToSearchText]=\"typeToSearchText\"\n        [addTagText]=\"addTagText\"\n        [loadingText]=\"loadingText\"\n        [clearAllText]=\"clearAllText\"\n        [dropdownPosition]=\"dropdownPosition\"\n        [appendTo]=\"appendTo\"\n        [loading]=\"loading\"\n        [closeOnSelect]=\"closeOnSelect\"\n        [hideSelected]=\"hideSelected\"\n        [selectOnTab]=\"selectOnTab\"\n        [openOnEnter]=\"openOnEnter\"\n        [maxSelectedItems]=\"maxSelectedItems\"\n        [groupBy]=\"groupBy\"\n        [groupValue]=\"groupValue\"\n        [bufferAmount]=\"bufferAmount\"\n        [virtualScroll]=\"virtualScroll\"\n        [selectableGroup]=\"selectableGroup\"\n        [selectableGroupAsModel]=\"selectableGroupAsModel\"\n        [searchFn]=\"searchFn\"\n        [clearOnBackspace]=\"clearOnBackspace\"\n        [typeahead]=\"typeahead\"\n        [multiple]=\"multiple || multipleInline\"\n        [addTag]=\"addTag\"\n        [searchable]=\"searchable\"\n        [clearable]=\"clearable\"\n        [isOpen]=\"isOpen\"\n        [editableSearchTerm]=\"editQuery\"\n        [disabled]=\"control.disabled\"\n        [compareWith]=\"compareWith\"\n        [(ngModel)]=\"value\"\n        (blur)=\"onBlur($event)\"\n        (focus)=\"onFocus($event)\"\n        (change)=\"handleChange($event)\"\n        (open)=\"openEvent.emit($event)\"\n        (close)=\"closeEvent.emit($event)\"\n        (search)=\"searchEvent.emit($event)\"\n        (clear)=\"clearEvent.emit($event)\"\n        (add)=\"addEvent.emit($event)\"\n        (remove)=\"removeEvent.emit($event)\"\n        (scroll)=\"scrollEvent.emit($event)\"\n        (scrollToEnd)=\"scrollToEndEvent.emit($event)\"\n    >\n        <!-- Selected Item Template -->\n        @if (labelTemp) {\n            <ng-template ng-label-tmp let-item=\"item\">\n                <ng-template *ngTemplateOutlet=\"labelTemp; context: {item: item}\" />\n            </ng-template>\n        }\n\n        <!-- Overall Label For All Selected Items Template -->\n        @if (multiLabelTemp) {\n            <ng-template ng-multi-label-tmp let-items=\"items\" let-clear=\"clear\">\n                <div class=\"evo-autocomplete__label\">\n                    <ng-template *ngTemplateOutlet=\"multiLabelTemp; context: {items: items, clear: clear}\" />\n                </div>\n            </ng-template>\n        }\n        @if (headerTemp) {\n            <!-- Options header template -->\n            <ng-template ng-header-tmp>\n                <ng-template *ngTemplateOutlet=\"headerTemp; context: {items: items}\" />\n            </ng-template>\n        }\n\n        <!-- Option Template -->\n        @if (optionTemp) {\n            <ng-template ng-option-tmp let-item=\"item\" let-index=\"index\" let-search=\"searchTerm\" let-item$=\"item$\">\n                <ng-template\n                    *ngTemplateOutlet=\"\n                        optionTemp;\n                        context: {item: item, index: index, searchTerm: search, item$: item$}\n                    \"\n                />\n            </ng-template>\n        }\n\n        @if (multipleInline && !multiLabelTemp) {\n            <ng-template ng-multi-label-tmp let-items=\"items\">\n                <div class=\"ng-value evo-autocomplete__label\">{{ getMultipleInlineItemsLabels(items) }}</div>\n            </ng-template>\n        }\n\n        @if (optgroupTemp) {\n            <!-- Options group template -->\n            <ng-template ng-optgroup-tmp let-item=\"item\" let-index=\"index\">\n                <ng-template *ngTemplateOutlet=\"optgroupTemp; context: {item: item, index: index}\" />\n            </ng-template>\n        }\n\n        <!-- Search Text Templates -->\n        <ng-template ng-typetosearch-tmp>\n            @if (typeToSearchText) {\n                <div class=\"ng-option disabled\">{{ typeToSearchText }}</div>\n            }\n        </ng-template>\n        <ng-template ng-loadingtext-tmp let-searchTerm=\"searchTerm\">\n            <div class=\"ng-option disabled\">{{ loadingText }}</div>\n        </ng-template>\n\n        @if (notFoundTemp) {\n            <ng-template ng-notfound-tmp let-searchTerm=\"searchTerm\">\n                <ng-template *ngTemplateOutlet=\"notFoundTemp; context: {searchTerm: searchTerm}\" />\n            </ng-template>\n        } @else {\n            <ng-template ng-notfound-tmp>\n                <div class=\"ng-option disabled\">{{ notFoundText }}</div>\n            </ng-template>\n        }\n\n        @if (footerTemp) {\n            <!-- Options footer template -->\n            <ng-template ng-footer-tmp>\n                <ng-template *ngTemplateOutlet=\"footerTemp; context: {items: items}\" />\n            </ng-template>\n        }\n    </ng-select>\n\n    @if (hasErrors && errorsMessages) {\n        <evo-control-error [errors]=\"control.errors\" [errorsMessages]=\"errorsMessages\" />\n    }\n</div>\n", styles: ["@keyframes evo-fx-blink{50%{transform:scale(1);opacity:1}to{opacity:0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes gradient{0%{background-position:0 50%}50%{background-position:50vw 50%}to{background-position:100vw 50%}}@keyframes evo-ellipsis-animation{0%{content:\"\"}25%{content:\".\"}50%{content:\"..\"}75%{content:\"...\"}to{content:\"\"}}evo-autocomplete{--evo-dropdown-max-height: 310px;--evo-autocomplete-option-overflow: hidden;--evo-autocomplete-option-text-overflow: ellipsis;--evo-autocomplete-option-white-space: normal;--evo-autocomplete-optgroup-overflow: hidden;--evo-autocomplete-optgroup-text-overflow: ellipsis;--evo-autocomplete-optgroup-white-space: nowrap;--evo-autocomplete-arrow-icon-color: #91B1B8;--evo-autocomplete-option-v-padding: 12px;--evo-autocomplete-option-h-padding: 16px;--evo-autocomplete-panel-border-radius: 8px;--evo-autocomplete-panel-shadow: 0px 8px 10px rgba(0, 0, 0, .14), 0px 3px 14px rgba(0, 0, 0, .12)}evo-autocomplete .evo-autocomplete{--inner-input-padding-right: 12px;position:relative;display:block}evo-autocomplete .evo-autocomplete__icon{display:block;flex:0 0 24px;width:24px;height:24px}evo-autocomplete .evo-autocomplete__icon_clear{position:absolute;top:12px;right:12px;z-index:1001;cursor:pointer;transition:fill .3s;fill:#91b1b8}evo-autocomplete .evo-autocomplete__icon_clear:hover{fill:#a7c1c6}evo-autocomplete .evo-autocomplete__icon_clear:active{fill:#829fa6}evo-autocomplete .evo-autocomplete__icon_dropdown{fill:#212121}evo-autocomplete .evo-autocomplete .ng-input{padding:0 var(--inner-input-padding-right) 0 12px}evo-autocomplete .evo-autocomplete .ng-placeholder{color:#9b9b9b}evo-autocomplete .evo-autocomplete .ng-value-container{align-items:center;min-width:0;overflow:hidden}evo-autocomplete .evo-autocomplete__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}evo-autocomplete .evo-autocomplete .ng-select-container{--evo-input-height: 40px;--evo-input-border-radius: 4px;--evo-input-font-size: 14px;--evo-input-line-height: 24px;display:flex;height:var(--evo-input-height);color:#212121;font-weight:400;font-size:var(--evo-input-font-size);font-family:var(--evo-font);line-height:var(--evo-input-line-height);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s;position:relative;align-items:center;margin:0;padding:8px var(--inner-input-padding-right) 8px 12px;line-height:var(--evo-input-height)}evo-autocomplete .evo-autocomplete .ng-select-container:hover{border:1px solid #9B9B9B}evo-autocomplete .evo-autocomplete .ng-select-container:has(.ng-clear:not(:empty)){--inner-input-padding-right: 0}evo-autocomplete .evo-autocomplete .ng-select-container.ng-has-value .ng-placeholder{display:none}evo-autocomplete .evo-autocomplete .ng-select .ng-clear-wrapper{display:inline-flex;align-items:center;width:24px;height:100%;margin:0 8px;padding:0;text-align:center;color:#91b1b8;transition:color .3s}evo-autocomplete .evo-autocomplete .ng-select .ng-clear-wrapper:hover{color:#a7c1c6}evo-autocomplete .evo-autocomplete .ng-select .ng-clear-wrapper:active{color:#829fa6}evo-autocomplete .evo-autocomplete .ng-select .ng-clear-wrapper .ng-clear{display:none}evo-autocomplete .evo-autocomplete .ng-select .ng-clear-wrapper .ng-clear_patched{display:block;cursor:pointer}evo-autocomplete .evo-autocomplete .ng-select .ng-clear-wrapper .ng-clear_patched svg{display:block;fill:currentColor}evo-autocomplete .evo-autocomplete .ng-select .ng-spinner-loader{display:flex;justify-content:center;align-items:center;width:16px;height:100%;margin:0 0 0 8px;border:none;transform:none;animation:none}evo-autocomplete .evo-autocomplete .ng-select .ng-spinner-loader:before{content:\"\";display:block;flex:0 0 16px;width:16px;height:16px;border:2px solid #C6C6C6;border-top-color:#21c68b;border-radius:50%;animation:spin .8s linear infinite}evo-autocomplete .evo-autocomplete .ng-optgroup{font-weight:400;--inner-option-text-color: #212121;--inner-option-description-color: #9B9B9B;--inner-option-background: #FFFFFF;display:flex;align-items:center;min-height:48px;white-space:normal;color:var(--inner-option-text-color);background-color:var(--inner-option-background);padding:var(--evo-autocomplete-option-v-padding) var(--evo-autocomplete-option-h-padding);cursor:pointer;font-family:var(--evo-font);font-style:normal;font-size:14px;line-height:24px;font-weight:600}evo-autocomplete .evo-autocomplete .ng-optgroup evo-autocomplete-default-option{--evo-autocomplete-default-option-background: var(--inner-option-background);--evo-autocomplete-default-option-text-color: var(--inner-option-text-color);--evo-autocomplete-default-option-description-color: var(--inner-option-description-color)}evo-autocomplete .evo-autocomplete .ng-optgroup.ng-option-marked{--inner-option-text-color: #212121;--inner-option-description-color: #9B9B9B;--inner-option-background: #F4F6F8}evo-autocomplete .evo-autocomplete .ng-optgroup.ng-option-disabled{--inner-option-text-color: #C6C6C6;--inner-option-description-color: #C6C6C6;--inner-option-background: #FFFFFF;cursor:default}evo-autocomplete .evo-autocomplete .ng-optgroup.ng-option-selected{--inner-option-text-color: #212121;--inner-option-description-color: #9B9B9B;--inner-option-background: #E1ECEF}evo-autocomplete .evo-autocomplete .ng-option{font-family:var(--evo-font);font-style:normal;font-size:14px;line-height:24px;font-weight:400;--inner-option-text-color: #212121;--inner-option-description-color: #9B9B9B;--inner-option-background: #FFFFFF;display:flex;align-items:center;min-height:48px;white-space:normal;color:var(--inner-option-text-color);background-color:var(--inner-option-background);padding:var(--evo-autocomplete-option-v-padding) var(--evo-autocomplete-option-h-padding);cursor:pointer}evo-autocomplete .evo-autocomplete .ng-option evo-autocomplete-default-option{--evo-autocomplete-default-option-background: var(--inner-option-background);--evo-autocomplete-default-option-text-color: var(--inner-option-text-color);--evo-autocomplete-default-option-description-color: var(--inner-option-description-color)}evo-autocomplete .evo-autocomplete .ng-option.ng-option-marked{--inner-option-text-color: #212121;--inner-option-description-color: #9B9B9B;--inner-option-background: #F4F6F8}evo-autocomplete .evo-autocomplete .ng-option.ng-option-disabled{--inner-option-text-color: #C6C6C6;--inner-option-description-color: #C6C6C6;--inner-option-background: #FFFFFF;cursor:default}evo-autocomplete .evo-autocomplete .ng-option.ng-option-selected{--inner-option-text-color: #212121;--inner-option-description-color: #9B9B9B;--inner-option-background: #E1ECEF}evo-autocomplete .evo-autocomplete_is-edit-query .ng-select.ng-select-single:not(.ng-select-focused) .ng-select-container .ng-value-container .ng-value{visibility:visible}evo-autocomplete .evo-autocomplete_is-edit-query .ng-select.ng-select-single.ng-select-focused .ng-select-container .ng-value-container .ng-value{visibility:var(--evo-autocomplete-option-overflow)}evo-autocomplete .evo-autocomplete .ng-dropdown-panel{z-index:3001;display:block;margin:4px 0;background-color:#fff;border-radius:var(--evo-autocomplete-panel-border-radius);box-shadow:var(--evo-autocomplete-panel-shadow);overflow:hidden}evo-autocomplete .evo-autocomplete .ng-dropdown-panel.ng-select-top{bottom:100%}evo-autocomplete .evo-autocomplete .ng-dropdown-panel .ng-dropdown-panel-items{max-height:var(--evo-dropdown-max-height, 310px)}evo-autocomplete .evo-autocomplete .ng-dropdown-panel .ng-dropdown-panel-items .ng-option{overflow:var(--evo-autocomplete-option-overflow);white-space:var(--evo-autocomplete-option-white-space);text-overflow:var(--evo-autocomplete-option-text-overflow)}evo-autocomplete .evo-autocomplete .ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup{overflow:var(--evo-autocomplete-optgroup-overflow);white-space:var(--evo-autocomplete-optgroup-white-space);text-overflow:var(--evo-autocomplete-optgroup-text-overflow)}evo-autocomplete .evo-autocomplete .ng-dropdown-panel .ng-dropdown-panel-items::-webkit-scrollbar{width:16px;background-color:transparent}evo-autocomplete .evo-autocomplete .ng-dropdown-panel .ng-dropdown-panel-items::-webkit-scrollbar-track{background-color:transparent}evo-autocomplete .evo-autocomplete .ng-dropdown-panel .ng-dropdown-panel-items::-webkit-scrollbar-thumb{background-color:#c6c6c6;border:6px solid #FFFFFF;border-radius:16px}evo-autocomplete .evo-autocomplete .ng-dropdown-panel .ng-dropdown-panel-items::-webkit-scrollbar-button{display:none}evo-autocomplete .evo-autocomplete_is-selectbox{--inner-input-padding-right: 0}evo-autocomplete .evo-autocomplete_is-selectbox .ng-select .ng-arrow-wrapper{display:inline-flex;align-items:center;width:24px;height:100%;margin:0 8px;padding:0;text-align:center}evo-autocomplete .evo-autocomplete_is-selectbox .ng-select .ng-arrow-wrapper .ng-arrow{display:block;width:24px;height:24px;background-color:var(--evo-autocomplete-arrow-icon-color);-webkit-mask-image:url('data:image/svg+xml,<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">%0A    <path d=\"M8.81066 10C8.14248 10 7.80786 10.8079 8.28033 11.2803L11.4697 14.4697C11.7626 14.7626 12.2374 14.7626 12.5303 14.4697L15.7197 11.2803C16.1921 10.8079 15.8575 10 15.1893 10H8.81066Z\" />%0A</svg>%0A');mask-image:url('data:image/svg+xml,<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">%0A    <path d=\"M8.81066 10C8.14248 10 7.80786 10.8079 8.28033 11.2803L11.4697 14.4697C11.7626 14.7626 12.2374 14.7626 12.5303 14.4697L15.7197 11.2803C16.1921 10.8079 15.8575 10 15.1893 10H8.81066Z\" />%0A</svg>%0A');background-position:center;transition:transform .25s}evo-autocomplete .evo-autocomplete_is-selectbox .ng-select.ng-select-opened .ng-arrow{transform:rotate(180deg);transform-origin:center center}evo-autocomplete .evo-autocomplete_is-selectbox.ng-select-focused{z-index:11}evo-autocomplete .evo-autocomplete_is-selectbox.ng-select-focused .ng-placeholder{display:none}evo-autocomplete .evo-autocomplete_is-selectbox.ng-select-focused .ng-select-container{box-shadow:0 0 2px #91b1b8}evo-autocomplete .evo-autocomplete_theme-default.evo-autocomplete_size-normal .ng-select-container{--evo-input-height: 40px;--evo-input-border-radius: 4px;--evo-input-font-size: 14px;--evo-input-line-height: 24px;display:flex;align-items:center;height:var(--evo-input-height);color:#212121;font-weight:400;font-size:var(--evo-input-font-size);font-family:var(--evo-font);line-height:var(--evo-input-line-height);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s}evo-autocomplete .evo-autocomplete_theme-default.evo-autocomplete_size-normal .ng-select-container:hover{border:1px solid #9B9B9B}evo-autocomplete .evo-autocomplete_theme-default.evo-autocomplete_size-small .ng-select-container{--evo-input-height: 40px;--evo-input-border-radius: 4px;--evo-input-font-size: 14px;--evo-input-line-height: 24px;--evo-input-height: 32px;display:flex;align-items:center;height:var(--evo-input-height);color:#212121;font-weight:400;font-size:var(--evo-input-font-size);font-family:var(--evo-font);line-height:var(--evo-input-line-height);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s;padding:4px var(--inner-input-padding-right) 4px 12px}evo-autocomplete .evo-autocomplete_theme-default.evo-autocomplete_size-small .ng-select-container:hover{border:1px solid #9B9B9B}evo-autocomplete .evo-autocomplete_theme-rounded.evo-autocomplete_size-normal .ng-select-container{--evo-input-height: 40px;--evo-input-border-radius: 4px;--evo-input-font-size: 14px;--evo-input-line-height: 24px;--evo-input-border-radius: 256px;display:flex;align-items:center;height:var(--evo-input-height);color:#212121;font-weight:400;font-size:var(--evo-input-font-size);font-family:var(--evo-font);line-height:var(--evo-input-line-height);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s}evo-autocomplete .evo-autocomplete_theme-rounded.evo-autocomplete_size-normal .ng-select-container:hover{border:1px solid #9B9B9B}evo-autocomplete .evo-autocomplete_theme-rounded.evo-autocomplete_size-small .ng-select-container{--evo-input-border-radius: 4px;--evo-input-line-height: 24px;--evo-input-font-size: 14px;--evo-input-height: 40px;--evo-input-border-radius: 256px;display:flex;align-items:center;height:var(--evo-input-height);color:#212121;font-weight:400;font-size:var(--evo-input-font-size);font-family:var(--evo-font);line-height:var(--evo-input-line-height);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s}evo-autocomplete .evo-autocomplete_theme-rounded.evo-autocomplete_size-small .ng-select-container:hover{border:1px solid #9B9B9B}evo-autocomplete .evo-autocomplete_is-multiple-inline .ng-select .ng-select-container .ng-value-icon{display:none}evo-autocomplete .evo-autocomplete_is-multiple-inline .ng-select .ng-select-container .ng-input{display:none}evo-autocomplete .evo-autocomplete .ng-select-multiple .ng-option-selected{--inner-option-background: #FFFFFF}evo-autocomplete .evo-autocomplete .ng-select-multiple .ng-option-selected.ng-option-marked{--inner-option-background: #F4F6F8}evo-autocomplete .evo-autocomplete .ng-select.ng-select-focused .ng-select-container,evo-autocomplete .evo-autocomplete .ng-select.ng-select-opened .ng-select-container{border:solid 1px #74706F}evo-autocomplete .evo-autocomplete.evo-autocomplete_touched.evo-autocomplete_invalid .ng-select:not(.ng-select-opened) .ng-select-container{border-color:#ff1817!important}evo-autocomplete .evo-autocomplete.evo-autocomplete_disabled .ng-select-container{color:#b0b0b0!important;background-color:#f9fafb!important;border:1px solid #E3E3E3!important;cursor:default;pointer-events:none}evo-autocomplete .evo-autocomplete.evo-autocomplete_disabled .ng-select-container .ng-arrow{opacity:.3}evo-autocomplete .evo-autocomplete .ng-input>input[readonly]{-webkit-user-select:auto!important;user-select:auto!important}\n"], dependencies: [{ kind: "directive", type: EvoUiClassDirective, selector: "[evoUiClass]", inputs: ["class", "evoUiClass"] }, { kind: "ngmodule", type: NgSelectModule }, { kind: "component", type: i4.NgSelectComponent, selector: "ng-select", inputs: ["bindLabel", "bindValue", "markFirst", "placeholder", "notFoundText", "typeToSearchText", "addTagText", "loadingText", "clearAllText", "appearance", "dropdownPosition", "appendTo", "loading", "closeOnSelect", "hideSelected", "selectOnTab", "openOnEnter", "maxSelectedItems", "groupBy", "groupValue", "bufferAmount", "virtualScroll", "selectableGroup", "selectableGroupAsModel", "searchFn", "trackByFn", "clearOnBackspace", "labelForId", "inputAttrs", "tabIndex", "readonly", "searchWhileComposing", "minTermLength", "editableSearchTerm", "keyDownFn", "typeahead", "multiple", "addTag", "searchable", "clearable", "isOpen", "items", "compareWith", "clearSearchOnAdd", "deselectOnClick"], outputs: ["blur", "focus", "change", "open", "close", "search", "clear", "add", "remove", "scroll", "scrollToEnd"] }, { kind: "directive", type: i4.NgOptgroupTemplateDirective, selector: "[ng-optgroup-tmp]" }, { kind: "directive", type: i4.NgOptionTemplateDirective, selector: "[ng-option-tmp]" }, { kind: "directive", type: i4.NgLabelTemplateDirective, selector: "[ng-label-tmp]" }, { kind: "directive", type: i4.NgMultiLabelTemplateDirective, selector: "[ng-multi-label-tmp]" }, { kind: "directive", type: i4.NgHeaderTemplateDirective, selector: "[ng-header-tmp]" }, { kind: "directive", type: i4.NgFooterTemplateDirective, selector: "[ng-footer-tmp]" }, { kind: "directive", type: i4.NgNotFoundTemplateDirective, selector: "[ng-notfound-tmp]" }, { kind: "directive", type: i4.NgTypeToSearchTemplateDirective, selector: "[ng-typetosearch-tmp]" }, { kind: "directive", type: i4.NgLoadingTextTemplateDirective, selector: "[ng-loadingtext-tmp]" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: EvoControlErrorModule }, { kind: "component", type: EvoControlErrorComponent, selector: "evo-control-error", inputs: ["errors", "errorsMessages", "showCount"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.10", type: EvoAutocompleteComponent, isStandalone: true, selector: "evo-autocomplete", inputs: { size: "size", isOpen: "isOpen", items: "items", bindLabel: "bindLabel", bindValue: "bindValue", markFirst: "markFirst", placeholder: "placeholder", typeToSearchText: "typeToSearchText", addTagText: "addTagText", loadingText: "loadingText", clearAllText: "clearAllText", dropdownPosition: "dropdownPosition", appendTo: "appendTo", loading: "loading", closeOnSelect: "closeOnSelect", hideSelected: "hideSelected", selectOnTab: "selectOnTab", openOnEnter: "openOnEnter", maxSelectedItems: "maxSelectedItems", groupBy: "groupBy", groupValue: "groupValue", bufferAmount: "bufferAmount", virtualScroll: "virtualScroll", selectableGroup: "selectableGroup", selectableGroupAsModel: "selectableGroupAsModel", searchFn: "searchFn", clearOnBackspace: "clearOnBackspace", typeahead: "typeahead", multiple: "multiple", multipleInline: "multipleInline", addTag: "addTag", clearable: "clearable", errorsMessages: "errorsMessages", compareWith: "compareWith", _notFoundText: ["notFoundText", "_notFoundText"], editQuery: "editQuery", searchable: "searchable", setSelectbox: ["isSelectbox", "setSelectbox"], setTheme: ["theme", "setTheme"] }, outputs: { blurEvent: "blur", focusEvent: "focus", changeEvent: "change", openEvent: "open", closeEvent: "close", searchEvent: "search", clearEvent: "clear", addEvent: "add", removeEvent: "remove", scrollEvent: "scroll", scrollToEndEvent: "scrollToEnd" }, queries: [{ propertyName: "labelTemp", first: true, predicate: ["labelTemp"], descendants: true, read: TemplateRef }, { propertyName: "multiLabelTemp", first: true, predicate: ["multiLabelTemp"], descendants: true, read: TemplateRef }, { propertyName: "optionTemp", first: true, predicate: ["optionTemp"], descendants: true, read: TemplateRef }, { propertyName: "optgroupTemp", first: true, predicate: ["optgroupTemp"], descendants: true, read: TemplateRef }, { propertyName: "headerTemp", first: true, predicate: ["headerTemp"], descendants: true, read: TemplateRef }, { propertyName: "footerTemp", first: true, predicate: ["footerTemp"], descendants: true, read: TemplateRef }, { propertyName: "notFoundTemp", first: true, predicate: ["notFoundTemp"], descendants: true, read: TemplateRef }], viewQueries: [{ propertyName: "ngSelectComponent", first: true, predicate: NgSelectComponent, descendants: true }], ngImport: i0, template: "<div class=\"evo-autocomplete\" [evoUiClass]=\"classes\">\n    <ng-select\n        [items]=\"items\"\n        [bindLabel]=\"bindLabel\"\n        [bindValue]=\"bindValue\"\n        [markFirst]=\"markFirst\"\n        [placeholder]=\"placeholder\"\n        [notFoundText]=\"notFoundText\"\n        [typeToSearchText]=\"typeToSearchText\"\n        [addTagText]=\"addTagText\"\n        [loadingText]=\"loadingText\"\n        [clearAllText]=\"clearAllText\"\n        [dropdownPosition]=\"dropdownPosition\"\n        [appendTo]=\"appendTo\"\n        [loading]=\"loading\"\n        [closeOnSelect]=\"closeOnSelect\"\n        [hideSelected]=\"hideSelected\"\n        [selectOnTab]=\"selectOnTab\"\n        [openOnEnter]=\"openOnEnter\"\n        [maxSelectedItems]=\"maxSelectedItems\"\n        [groupBy]=\"groupBy\"\n        [groupValue]=\"groupValue\"\n        [bufferAmount]=\"bufferAmount\"\n        [virtualScroll]=\"virtualScroll\"\n        [selectableGroup]=\"selectableGroup\"\n        [selectableGroupAsModel]=\"selectableGroupAsModel\"\n        [searchFn]=\"searchFn\"\n        [clearOnBackspace]=\"clearOnBackspace\"\n        [typeahead]=\"typeahead\"\n        [multiple]=\"multiple || multipleInline\"\n        [addTag]=\"addTag\"\n        [searchable]=\"searchable\"\n        [clearable]=\"clearable\"\n        [isOpen]=\"isOpen\"\n        [editableSearchTerm]=\"editQuery\"\n        [disabled]=\"control.disabled\"\n        [compareWith]=\"compareWith\"\n        [(ngModel)]=\"value\"\n        (ngModelChange)=\"onChange($event)\"\n        (blur)=\"onBlur($event)\"\n        (focus)=\"onFocus($event)\"\n        (change)=\"handleChange($event)\"\n        (open)=\"openEvent.emit($event)\"\n        (close)=\"closeEvent.emit($event)\"\n        (search)=\"searchEvent.emit($event)\"\n        (clear)=\"clearEvent.emit($event)\"\n        (add)=\"addEvent.emit($event)\"\n        (remove)=\"removeEvent.emit($event)\"\n        (scroll)=\"scrollEvent.emit($event)\"\n        (scrollToEnd)=\"scrollToEndEvent.emit($event)\"\n    >\n        <!-- Selected Item Template -->\n        @if (labelTemp) {\n            <ng-template ng-label-tmp let-item=\"item\">\n                <ng-template *ngTemplateOutlet=\"labelTemp; context: {item: item}\" />\n            </ng-template>\n        }\n\n        <!-- Overall Label For All Selected Items Template -->\n        @if (multiLabelTemp) {\n            <ng-template ng-multi-label-tmp let-items=\"items\" let-clear=\"clear\">\n                <div class=\"evo-autocomplete__label\">\n                    <ng-template *ngTemplateOutlet=\"multiLabelTemp; context: {items: items, clear: clear}\" />\n                </div>\n            </ng-template>\n        }\n        @if (headerTemp) {\n            <!-- Options header template -->\n            <ng-template ng-header-tmp>\n                <ng-template *ngTemplateOutlet=\"headerTemp; context: {items: items}\" />\n            </ng-template>\n        }\n\n        <!-- Option Template -->\n        @if (optionTemp) {\n            <ng-template ng-option-tmp let-item=\"item\" let-index=\"index\" let-search=\"searchTerm\" let-item$=\"item$\">\n                <ng-template\n                    *ngTemplateOutlet=\"\n                        optionTemp;\n                        context: {item: item, index: index, searchTerm: search, item$: item$}\n                    \"\n                />\n            </ng-template>\n        }\n\n        @if (multipleInline && !multiLabelTemp) {\n            <ng-template ng-multi-label-tmp let-items=\"items\">\n                <div class=\"ng-value evo-autocomplete__label\">{{ getMultipleInlineItemsLabels(items) }}</div>\n            </ng-template>\n        }\n\n        @if (optgroupTemp) {\n            <!-- Options group template -->\n            <ng-template ng-optgroup-tmp let-item=\"item\" let-index=\"index\">\n                <ng-template *ngTemplateOutlet=\"optgroupTemp; context: {item: item, index: index}\" />\n            </ng-template>\n        }\n\n        <!-- Search Text Templates -->\n        <ng-template ng-typetosearch-tmp>\n            @if (typeToSearchText) {\n                <div class=\"ng-option disabled\">{{ typeToSearchText }}</div>\n            }\n        </ng-template>\n        <ng-template ng-loadingtext-tmp let-searchTerm=\"searchTerm\">\n            <div class=\"ng-option disabled\">{{ loadingText }}</div>\n        </ng-template>\n\n        @if (notFoundTemp) {\n            <ng-template ng-notfound-tmp let-searchTerm=\"searchTerm\">\n                <ng-template *ngTemplateOutlet=\"notFoundTemp; context: {searchTerm: searchTerm}\" />\n            </ng-template>\n        } @else {\n            <ng-template ng-notfound-tmp>\n                <div class=\"ng-option disabled\">{{ notFoundText }}</div>\n            </ng-template>\n        }\n\n        @if (footerTemp) {\n            <!-- Options footer template -->\n            <ng-template ng-footer-tmp>\n                <ng-template *ngTemplateOutlet=\"footerTemp; context: {items: items}\" />\n            </ng-template>\n        }\n    </ng-select>\n\n    @if (hasErrors && errorsMessages) {\n        <evo-control-error [errors]=\"control.errors\" [errorsMessages]=\"errorsMessages\" />\n    }\n</div>\n", styles: ["@keyframes evo-fx-blink{50%{transform:scale(1);opacity:1}to{opacity:0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes gradient{0%{background-position:0 50%}50%{background-position:50vw 50%}to{background-position:100vw 50%}}@keyframes evo-ellipsis-animation{0%{content:\"\"}25%{content:\".\"}50%{content:\"..\"}75%{content:\"...\"}to{content:\"\"}}evo-autocomplete{--evo-dropdown-max-height: 310px;--evo-autocomplete-option-overflow: hidden;--evo-autocomplete-option-text-overflow: ellipsis;--evo-autocomplete-option-white-space: normal;--evo-autocomplete-optgroup-overflow: hidden;--evo-autocomplete-optgroup-text-overflow: ellipsis;--evo-autocomplete-optgroup-white-space: nowrap;--evo-autocomplete-arrow-icon-color: #91B1B8;--evo-autocomplete-option-v-padding: 12px;--evo-autocomplete-option-h-padding: 16px;--evo-autocomplete-panel-border-radius: 8px;--evo-autocomplete-panel-shadow: 0px 8px 10px rgba(0, 0, 0, .14), 0px 3px 14px rgba(0, 0, 0, .12)}evo-autocomplete .evo-autocomplete{--inner-input-padding-right: 12px;position:relative;display:block}evo-autocomplete .evo-autocomplete__icon{display:block;flex:0 0 24px;width:24px;height:24px}evo-autocomplete .evo-autocomplete__icon_clear{position:absolute;top:12px;right:12px;z-index:1001;cursor:pointer;transition:fill .3s;fill:#91b1b8}evo-autocomplete .evo-autocomplete__icon_clear:hover{fill:#a7c1c6}evo-autocomplete .evo-autocomplete__icon_clear:active{fill:#829fa6}evo-autocomplete .evo-autocomplete__icon_dropdown{fill:#212121}evo-autocomplete .evo-autocomplete .ng-input{padding:0 var(--inner-input-padding-right) 0 12px}evo-autocomplete .evo-autocomplete .ng-placeholder{color:#9b9b9b}evo-autocomplete .evo-autocomplete .ng-value-container{align-items:center;min-width:0;overflow:hidden}evo-autocomplete .evo-autocomplete__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}evo-autocomplete .evo-autocomplete .ng-select-container{--evo-input-height: 40px;--evo-input-border-radius: 4px;--evo-input-font-size: 14px;--evo-input-line-height: 24px;display:flex;height:var(--evo-input-height);color:#212121;font-weight:400;font-size:var(--evo-input-font-size);font-family:var(--evo-font);line-height:var(--evo-input-line-height);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s;position:relative;align-items:center;margin:0;padding:8px var(--inner-input-padding-right) 8px 12px;line-height:var(--evo-input-height)}evo-autocomplete .evo-autocomplete .ng-select-container:hover{border:1px solid #9B9B9B}evo-autocomplete .evo-autocomplete .ng-select-container:has(.ng-clear:not(:empty)){--inner-input-padding-right: 0}evo-autocomplete .evo-autocomplete .ng-select-container.ng-has-value .ng-placeholder{display:none}evo-autocomplete .evo-autocomplete .ng-select .ng-clear-wrapper{display:inline-flex;align-items:center;width:24px;height:100%;margin:0 8px;padding:0;text-align:center;color:#91b1b8;transition:color .3s}evo-autocomplete .evo-autocomplete .ng-select .ng-clear-wrapper:hover{color:#a7c1c6}evo-autocomplete .evo-autocomplete .ng-select .ng-clear-wrapper:active{color:#829fa6}evo-autocomplete .evo-autocomplete .ng-select .ng-clear-wrapper .ng-clear{display:none}evo-autocomplete .evo-autocomplete .ng-select .ng-clear-wrapper .ng-clear_patched{display:block;cursor:pointer}evo-autocomplete .evo-autocomplete .ng-select .ng-clear-wrapper .ng-clear_patched svg{display:block;fill:currentColor}evo-autocomplete .evo-autocomplete .ng-select .ng-spinner-loader{display:flex;justify-content:center;align-items:center;width:16px;height:100%;margin:0 0 0 8px;border:none;transform:none;animation:none}evo-autocomplete .evo-autocomplete .ng-select .ng-spinner-loader:before{content:\"\";display:block;flex:0 0 16px;width:16px;height:16px;border:2px solid #C6C6C6;border-top-color:#21c68b;border-radius:50%;animation:spin .8s linear infinite}evo-autocomplete .evo-autocomplete .ng-optgroup{font-weight:400;--inner-option-text-color: #212121;--inner-option-description-color: #9B9B9B;--inner-option-background: #FFFFFF;display:flex;align-items:center;min-height:48px;white-space:normal;color:var(--inner-option-text-color);background-color:var(--inner-option-background);padding:var(--evo-autocomplete-option-v-padding) var(--evo-autocomplete-option-h-padding);cursor:pointer;font-family:var(--evo-font);font-style:normal;font-size:14px;line-height:24px;font-weight:600}evo-autocomplete .evo-autocomplete .ng-optgroup evo-autocomplete-default-option{--evo-autocomplete-default-option-background: var(--inner-option-background);--evo-autocomplete-default-option-text-color: var(--inner-option-text-color);--evo-autocomplete-default-option-description-color: var(--inner-option-description-color)}evo-autocomplete .evo-autocomplete .ng-optgroup.ng-option-marked{--inner-option-text-color: #212121;--inner-option-description-color: #9B9B9B;--inner-option-background: #F4F6F8}evo-autocomplete .evo-autocomplete .ng-optgroup.ng-option-disabled{--inner-option-text-color: #C6C6C6;--inner-option-description-color: #C6C6C6;--inner-option-background: #FFFFFF;cursor:default}evo-autocomplete .evo-autocomplete .ng-optgroup.ng-option-selected{--inner-option-text-color: #212121;--inner-option-description-color: #9B9B9B;--inner-option-background: #E1ECEF}evo-autocomplete .evo-autocomplete .ng-option{font-family:var(--evo-font);font-style:normal;font-size:14px;line-height:24px;font-weight:400;--inner-option-text-color: #212121;--inner-option-description-color: #9B9B9B;--inner-option-background: #FFFFFF;display:flex;align-items:center;min-height:48px;white-space:normal;color:var(--inner-option-text-color);background-color:var(--inner-option-background);padding:var(--evo-autocomplete-option-v-padding) var(--evo-autocomplete-option-h-padding);cursor:pointer}evo-autocomplete .evo-autocomplete .ng-option evo-autocomplete-default-option{--evo-autocomplete-default-option-background: var(--inner-option-background);--evo-autocomplete-default-option-text-color: var(--inner-option-text-color);--evo-autocomplete-default-option-description-color: var(--inner-option-description-color)}evo-autocomplete .evo-autocomplete .ng-option.ng-option-marked{--inner-option-text-color: #212121;--inner-option-description-color: #9B9B9B;--inner-option-background: #F4F6F8}evo-autocomplete .evo-autocomplete .ng-option.ng-option-disabled{--inner-option-text-color: #C6C6C6;--inner-option-description-color: #C6C6C6;--inner-option-background: #FFFFFF;cursor:default}evo-autocomplete .evo-autocomplete .ng-option.ng-option-selected{--inner-option-text-color: #212121;--inner-option-description-color: #9B9B9B;--inner-option-background: #E1ECEF}evo-autocomplete .evo-autocomplete_is-edit-query .ng-select.ng-select-single:not(.ng-select-focused) .ng-select-container .ng-value-container .ng-value{visibility:visible}evo-autocomplete .evo-autocomplete_is-edit-query .ng-select.ng-select-single.ng-select-focused .ng-select-container .ng-value-container .ng-value{visibility:var(--evo-autocomplete-option-overflow)}evo-autocomplete .evo-autocomplete .ng-dropdown-panel{z-index:3001;display:block;margin:4px 0;background-color:#fff;border-radius:var(--evo-autocomplete-panel-border-radius);box-shadow:var(--evo-autocomplete-panel-shadow);overflow:hidden}evo-autocomplete .evo-autocomplete .ng-dropdown-panel.ng-select-top{bottom:100%}evo-autocomplete .evo-autocomplete .ng-dropdown-panel .ng-dropdown-panel-items{max-height:var(--evo-dropdown-max-height, 310px)}evo-autocomplete .evo-autocomplete .ng-dropdown-panel .ng-dropdown-panel-items .ng-option{overflow:var(--evo-autocomplete-option-overflow);white-space:var(--evo-autocomplete-option-white-space);text-overflow:var(--evo-autocomplete-option-text-overflow)}evo-autocomplete .evo-autocomplete .ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup{overflow:var(--evo-autocomplete-optgroup-overflow);white-space:var(--evo-autocomplete-optgroup-white-space);text-overflow:var(--evo-autocomplete-optgroup-text-overflow)}evo-autocomplete .evo-autocomplete .ng-dropdown-panel .ng-dropdown-panel-items::-webkit-scrollbar{width:16px;background-color:transparent}evo-autocomplete .evo-autocomplete .ng-dropdown-panel .ng-dropdown-panel-items::-webkit-scrollbar-track{background-color:transparent}evo-autocomplete .evo-autocomplete .ng-dropdown-panel .ng-dropdown-panel-items::-webkit-scrollbar-thumb{background-color:#c6c6c6;border:6px solid #FFFFFF;border-radius:16px}evo-autocomplete .evo-autocomplete .ng-dropdown-panel .ng-dropdown-panel-items::-webkit-scrollbar-button{display:none}evo-autocomplete .evo-autocomplete_is-selectbox{--inner-input-padding-right: 0}evo-autocomplete .evo-autocomplete_is-selectbox .ng-select .ng-arrow-wrapper{display:inline-flex;align-items:center;width:24px;height:100%;margin:0 8px;padding:0;text-align:center}evo-autocomplete .evo-autocomplete_is-selectbox .ng-select .ng-arrow-wrapper .ng-arrow{display:block;width:24px;height:24px;background-color:var(--evo-autocomplete-arrow-icon-color);-webkit-mask-image:url('data:image/svg+xml,<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">%0A    <path d=\"M8.81066 10C8.14248 10 7.80786 10.8079 8.28033 11.2803L11.4697 14.4697C11.7626 14.7626 12.2374 14.7626 12.5303 14.4697L15.7197 11.2803C16.1921 10.8079 15.8575 10 15.1893 10H8.81066Z\" />%0A</svg>%0A');mask-image:url('data:image/svg+xml,<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">%0A    <path d=\"M8.81066 10C8.14248 10 7.80786 10.8079 8.28033 11.2803L11.4697 14.4697C11.7626 14.7626 12.2374 14.7626 12.5303 14.4697L15.7197 11.2803C16.1921 10.8079 15.8575 10 15.1893 10H8.81066Z\" />%0A</svg>%0A');background-position:center;transition:transform .25s}evo-autocomplete .evo-autocomplete_is-selectbox .ng-select.ng-select-opened .ng-arrow{transform:rotate(180deg);transform-origin:center center}evo-autocomplete .evo-autocomplete_is-selectbox.ng-select-focused{z-index:11}evo-autocomplete .evo-autocomplete_is-selectbox.ng-select-focused .ng-placeholder{display:none}evo-autocomplete .evo-autocomplete_is-selectbox.ng-select-focused .ng-select-container{box-shadow:0 0 2px #91b1b8}evo-autocomplete .evo-autocomplete_theme-default.evo-autocomplete_size-normal .ng-select-container{--evo-input-height: 40px;--evo-input-border-radius: 4px;--evo-input-font-size: 14px;--evo-input-line-height: 24px;display:flex;align-items:center;height:var(--evo-input-height);color:#212121;font-weight:400;font-size:var(--evo-input-font-size);font-family:var(--evo-font);line-height:var(--evo-input-line-height);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s}evo-autocomplete .evo-autocomplete_theme-default.evo-autocomplete_size-normal .ng-select-container:hover{border:1px solid #9B9B9B}evo-autocomplete .evo-autocomplete_theme-default.evo-autocomplete_size-small .ng-select-container{--evo-input-height: 40px;--evo-input-border-radius: 4px;--evo-input-font-size: 14px;--evo-input-line-height: 24px;--evo-input-height: 32px;display:flex;align-items:center;height:var(--evo-input-height);color:#212121;font-weight:400;font-size:var(--evo-input-font-size);font-family:var(--evo-font);line-height:var(--evo-input-line-height);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s;padding:4px var(--inner-input-padding-right) 4px 12px}evo-autocomplete .evo-autocomplete_theme-default.evo-autocomplete_size-small .ng-select-container:hover{border:1px solid #9B9B9B}evo-autocomplete .evo-autocomplete_theme-rounded.evo-autocomplete_size-normal .ng-select-container{--evo-input-height: 40px;--evo-input-border-radius: 4px;--evo-input-font-size: 14px;--evo-input-line-height: 24px;--evo-input-border-radius: 256px;display:flex;align-items:center;height:var(--evo-input-height);color:#212121;font-weight:400;font-size:var(--evo-input-font-size);font-family:var(--evo-font);line-height:var(--evo-input-line-height);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s}evo-autocomplete .evo-autocomplete_theme-rounded.evo-autocomplete_size-normal .ng-select-container:hover{border:1px solid #9B9B9B}evo-autocomplete .evo-autocomplete_theme-rounded.evo-autocomplete_size-small .ng-select-container{--evo-input-border-radius: 4px;--evo-input-line-height: 24px;--evo-input-font-size: 14px;--evo-input-height: 40px;--evo-input-border-radius: 256px;display:flex;align-items:center;height:var(--evo-input-height);color:#212121;font-weight:400;font-size:var(--evo-input-font-size);font-family:var(--evo-font);line-height:var(--evo-input-line-height);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s}evo-autocomplete .evo-autocomplete_theme-rounded.evo-autocomplete_size-small .ng-select-container:hover{border:1px solid #9B9B9B}evo-autocomplete .evo-autocomplete_is-multiple-inline .ng-select .ng-select-container .ng-value-icon{display:none}evo-autocomplete .evo-autocomplete_is-multiple-inline .ng-select .ng-select-container .ng-input{display:none}evo-autocomplete .evo-autocomplete .ng-select-multiple .ng-option-selected{--inner-option-background: #FFFFFF}evo-autocomplete .evo-autocomplete .ng-select-multiple .ng-option-selected.ng-option-marked{--inner-option-background: #F4F6F8}evo-autocomplete .evo-autocomplete .ng-select.ng-select-focused .ng-select-container,evo-autocomplete .evo-autocomplete .ng-select.ng-select-opened .ng-select-container{border:solid 1px #74706F}evo-autocomplete .evo-autocomplete.evo-autocomplete_touched.evo-autocomplete_invalid .ng-select:not(.ng-select-opened) .ng-select-container{border-color:#ff1817!important}evo-autocomplete .evo-autocomplete.evo-autocomplete_disabled .ng-select-container{color:#b0b0b0!important;background-color:#f9fafb!important;border:1px solid #E3E3E3!important;cursor:default;pointer-events:none}evo-autocomplete .evo-autocomplete.evo-autocomplete_disabled .ng-select-container .ng-arrow{opacity:.3}evo-autocomplete .evo-autocomplete .ng-input>input[readonly]{-webkit-user-select:auto!important;user-select:auto!important}\n"], dependencies: [{ kind: "directive", type: EvoUiClassDirective, selector: "[evoUiClass]", inputs: ["class", "evoUiClass"] }, { kind: "ngmodule", type: NgSelectModule }, { kind: "component", type: i4.NgSelectComponent, selector: "ng-select", inputs: ["bindLabel", "bindValue", "markFirst", "placeholder", "notFoundText", "typeToSearchText", "addTagText", "loadingText", "clearAllText", "appearance", "dropdownPosition", "appendTo", "loading", "closeOnSelect", "hideSelected", "selectOnTab", "openOnEnter", "maxSelectedItems", "groupBy", "groupValue", "bufferAmount", "virtualScroll", "selectableGroup", "selectableGroupAsModel", "searchFn", "trackByFn", "clearOnBackspace", "labelForId", "inputAttrs", "tabIndex", "readonly", "searchWhileComposing", "minTermLength", "editableSearchTerm", "keyDownFn", "typeahead", "multiple", "addTag", "searchable", "clearable", "isOpen", "items", "compareWith", "clearSearchOnAdd", "deselectOnClick"], outputs: ["blur", "focus", "change", "open", "close", "search", "clear", "add", "remove", "scroll", "scrollToEnd"] }, { kind: "directive", type: i4.NgOptgroupTemplateDirective, selector: "[ng-optgroup-tmp]" }, { kind: "directive", type: i4.NgOptionTemplateDirective, selector: "[ng-option-tmp]" }, { kind: "directive", type: i4.NgLabelTemplateDirective, selector: "[ng-label-tmp]" }, { kind: "directive", type: i4.NgMultiLabelTemplateDirective, selector: "[ng-multi-label-tmp]" }, { kind: "directive", type: i4.NgHeaderTemplateDirective, selector: "[ng-header-tmp]" }, { kind: "directive", type: i4.NgFooterTemplateDirective, selector: "[ng-footer-tmp]" }, { kind: "directive", type: i4.NgNotFoundTemplateDirective, selector: "[ng-notfound-tmp]" }, { kind: "directive", type: i4.NgTypeToSearchTemplateDirective, selector: "[ng-typetosearch-tmp]" }, { kind: "directive", type: i4.NgLoadingTextTemplateDirective, selector: "[ng-loadingtext-tmp]" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: EvoControlErrorModule }, { kind: "component", type: EvoControlErrorComponent, selector: "evo-control-error", inputs: ["errors", "errorsMessages", "showCount"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: EvoAutocompleteComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'evo-autocomplete', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, imports: [EvoUiClassDirective, NgSelectModule, FormsModule, NgTemplateOutlet, NgIf, EvoControlErrorModule], template: "<div class=\"evo-autocomplete\" [evoUiClass]=\"classes\">\n    <ng-select\n        [items]=\"items\"\n        [bindLabel]=\"bindLabel\"\n        [bindValue]=\"bindValue\"\n        [markFirst]=\"markFirst\"\n        [placeholder]=\"placeholder\"\n        [notFoundText]=\"notFoundText\"\n        [typeToSearchText]=\"typeToSearchText\"\n        [addTagText]=\"addTagText\"\n        [loadingText]=\"loadingText\"\n        [clearAllText]=\"clearAllText\"\n        [dropdownPosition]=\"dropdownPosition\"\n        [appendTo]=\"appendTo\"\n        [loading]=\"loading\"\n        [closeOnSelect]=\"closeOnSelect\"\n        [hideSelected]=\"hideSelected\"\n        [selectOnTab]=\"selectOnTab\"\n        [openOnEnter]=\"openOnEnter\"\n        [maxSelectedItems]=\"maxSelectedItems\"\n        [groupBy]=\"groupBy\"\n        [groupValue]=\"groupValue\"\n        [bufferAmount]=\"bufferAmount\"\n        [virtualScroll]=\"virtualScroll\"\n        [selectableGroup]=\"selectableGroup\"\n        [selectableGroupAsModel]=\"selectableGroupAsModel\"\n        [searchFn]=\"searchFn\"\n        [clearOnBackspace]=\"clearOnBackspace\"\n        [typeahead]=\"typeahead\"\n        [multiple]=\"multiple || multipleInline\"\n        [addTag]=\"addTag\"\n        [searchable]=\"searchable\"\n        [clearable]=\"clearable\"\n        [isOpen]=\"isOpen\"\n        [editableSearchTerm]=\"editQuery\"\n        [disabled]=\"control.disabled\"\n        [compareWith]=\"compareWith\"\n        [(ngModel)]=\"value\"\n        (blur)=\"onBlur($event)\"\n        (focus)=\"onFocus($event)\"\n        (change)=\"handleChange($event)\"\n        (open)=\"openEvent.emit($event)\"\n        (close)=\"closeEvent.emit($event)\"\n        (search)=\"searchEvent.emit($event)\"\n        (clear)=\"clearEvent.emit($event)\"\n        (add)=\"addEvent.emit($event)\"\n        (remove)=\"removeEvent.emit($event)\"\n        (scroll)=\"scrollEvent.emit($event)\"\n        (scrollToEnd)=\"scrollToEndEvent.emit($event)\"\n    >\n        <!-- Selected Item Template -->\n        @if (labelTemp) {\n            <ng-template ng-label-tmp let-item=\"item\">\n                <ng-template *ngTemplateOutlet=\"labelTemp; context: {item: item}\" />\n            </ng-template>\n        }\n\n        <!-- Overall Label For All Selected Items Template -->\n        @if (multiLabelTemp) {\n            <ng-template ng-multi-label-tmp let-items=\"items\" let-clear=\"clear\">\n                <div class=\"evo-autocomplete__label\">\n                    <ng-template *ngTemplateOutlet=\"multiLabelTemp; context: {items: items, clear: clear}\" />\n                </div>\n            </ng-template>\n        }\n        @if (headerTemp) {\n            <!-- Options header template -->\n            <ng-template ng-header-tmp>\n                <ng-template *ngTemplateOutlet=\"headerTemp; context: {items: items}\" />\n            </ng-template>\n        }\n\n        <!-- Option Template -->\n        @if (optionTemp) {\n            <ng-template ng-option-tmp let-item=\"item\" let-index=\"index\" let-search=\"searchTerm\" let-item$=\"item$\">\n                <ng-template\n                    *ngTemplateOutlet=\"\n                        optionTemp;\n                        context: {item: item, index: index, searchTerm: search, item$: item$}\n                    \"\n                />\n            </ng-template>\n        }\n\n        @if (multipleInline && !multiLabelTemp) {\n            <ng-template ng-multi-label-tmp let-items=\"items\">\n                <div class=\"ng-value evo-autocomplete__label\">{{ getMultipleInlineItemsLabels(items) }}</div>\n            </ng-template>\n        }\n\n        @if (optgroupTemp) {\n            <!-- Options group template -->\n            <ng-template ng-optgroup-tmp let-item=\"item\" let-index=\"index\">\n                <ng-template *ngTemplateOutlet=\"optgroupTemp; context: {item: item, index: index}\" />\n            </ng-template>\n        }\n\n        <!-- Search Text Templates -->\n        <ng-template ng-typetosearch-tmp>\n            @if (typeToSearchText) {\n                <div class=\"ng-option disabled\">{{ typeToSearchText }}</div>\n            }\n        </ng-template>\n        <ng-template ng-loadingtext-tmp let-searchTerm=\"searchTerm\">\n            <div class=\"ng-option disabled\">{{ loadingText }}</div>\n        </ng-template>\n\n        @if (notFoundTemp) {\n            <ng-template ng-notfound-tmp let-searchTerm=\"searchTerm\">\n                <ng-template *ngTemplateOutlet=\"notFoundTemp; context: {searchTerm: searchTerm}\" />\n            </ng-template>\n        } @else {\n            <ng-template ng-notfound-tmp>\n                <div class=\"ng-option disabled\">{{ notFoundText }}</div>\n            </ng-template>\n        }\n\n        @if (footerTemp) {\n            <!-- Options footer template -->\n            <ng-template ng-footer-tmp>\n                <ng-template *ngTemplateOutlet=\"footerTemp; context: {items: items}\" />\n            </ng-template>\n        }\n    </ng-select>\n\n    @if (hasErrors && errorsMessages) {\n        <evo-control-error [errors]=\"control.errors\" [errorsMessages]=\"errorsMessages\" />\n    }\n</div>\n", styles: ["@keyframes evo-fx-blink{50%{transform:scale(1);opacity:1}to{opacity:0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes gradient{0%{background-position:0 50%}50%{background-position:50vw 50%}to{background-position:100vw 50%}}@keyframes evo-ellipsis-animation{0%{content:\"\"}25%{content:\".\"}50%{content:\"..\"}75%{content:\"...\"}to{content:\"\"}}evo-autocomplete{--evo-dropdown-max-height: 310px;--evo-autocomplete-option-overflow: hidden;--evo-autocomplete-option-text-overflow: ellipsis;--evo-autocomplete-option-white-space: normal;--evo-autocomplete-optgroup-overflow: hidden;--evo-autocomplete-optgroup-text-overflow: ellipsis;--evo-autocomplete-optgroup-white-space: nowrap;--evo-autocomplete-arrow-icon-color: #91B1B8;--evo-autocomplete-option-v-padding: 12px;--evo-autocomplete-option-h-padding: 16px;--evo-autocomplete-panel-border-radius: 8px;--evo-autocomplete-panel-shadow: 0px 8px 10px rgba(0, 0, 0, .14), 0px 3px 14px rgba(0, 0, 0, .12)}evo-autocomplete .evo-autocomplete{--inner-input-padding-right: 12px;position:relative;display:block}evo-autocomplete .evo-autocomplete__icon{display:block;flex:0 0 24px;width:24px;height:24px}evo-autocomplete .evo-autocomplete__icon_clear{position:absolute;top:12px;right:12px;z-index:1001;cursor:pointer;transition:fill .3s;fill:#91b1b8}evo-autocomplete .evo-autocomplete__icon_clear:hover{fill:#a7c1c6}evo-autocomplete .evo-autocomplete__icon_clear:active{fill:#829fa6}evo-autocomplete .evo-autocomplete__icon_dropdown{fill:#212121}evo-autocomplete .evo-autocomplete .ng-input{padding:0 var(--inner-input-padding-right) 0 12px}evo-autocomplete .evo-autocomplete .ng-placeholder{color:#9b9b9b}evo-autocomplete .evo-autocomplete .ng-value-container{align-items:center;min-width:0;overflow:hidden}evo-autocomplete .evo-autocomplete__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}evo-autocomplete .evo-autocomplete .ng-select-container{--evo-input-height: 40px;--evo-input-border-radius: 4px;--evo-input-font-size: 14px;--evo-input-line-height: 24px;display:flex;height:var(--evo-input-height);color:#212121;font-weight:400;font-size:var(--evo-input-font-size);font-family:var(--evo-font);line-height:var(--evo-input-line-height);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s;position:relative;align-items:center;margin:0;padding:8px var(--inner-input-padding-right) 8px 12px;line-height:var(--evo-input-height)}evo-autocomplete .evo-autocomplete .ng-select-container:hover{border:1px solid #9B9B9B}evo-autocomplete .evo-autocomplete .ng-select-container:has(.ng-clear:not(:empty)){--inner-input-padding-right: 0}evo-autocomplete .evo-autocomplete .ng-select-container.ng-has-value .ng-placeholder{display:none}evo-autocomplete .evo-autocomplete .ng-select .ng-clear-wrapper{display:inline-flex;align-items:center;width:24px;height:100%;margin:0 8px;padding:0;text-align:center;color:#91b1b8;transition:color .3s}evo-autocomplete .evo-autocomplete .ng-select .ng-clear-wrapper:hover{color:#a7c1c6}evo-autocomplete .evo-autocomplete .ng-select .ng-clear-wrapper:active{color:#829fa6}evo-autocomplete .evo-autocomplete .ng-select .ng-clear-wrapper .ng-clear{display:none}evo-autocomplete .evo-autocomplete .ng-select .ng-clear-wrapper .ng-clear_patched{display:block;cursor:pointer}evo-autocomplete .evo-autocomplete .ng-select .ng-clear-wrapper .ng-clear_patched svg{display:block;fill:currentColor}evo-autocomplete .evo-autocomplete .ng-select .ng-spinner-loader{display:flex;justify-content:center;align-items:center;width:16px;height:100%;margin:0 0 0 8px;border:none;transform:none;animation:none}evo-autocomplete .evo-autocomplete .ng-select .ng-spinner-loader:before{content:\"\";display:block;flex:0 0 16px;width:16px;height:16px;border:2px solid #C6C6C6;border-top-color:#21c68b;border-radius:50%;animation:spin .8s linear infinite}evo-autocomplete .evo-autocomplete .ng-optgroup{font-weight:400;--inner-option-text-color: #212121;--inner-option-description-color: #9B9B9B;--inner-option-background: #FFFFFF;display:flex;align-items:center;min-height:48px;white-space:normal;color:var(--inner-option-text-color);background-color:var(--inner-option-background);padding:var(--evo-autocomplete-option-v-padding) var(--evo-autocomplete-option-h-padding);cursor:pointer;font-family:var(--evo-font);font-style:normal;font-size:14px;line-height:24px;font-weight:600}evo-autocomplete .evo-autocomplete .ng-optgroup evo-autocomplete-default-option{--evo-autocomplete-default-option-background: var(--inner-option-background);--evo-autocomplete-default-option-text-color: var(--inner-option-text-color);--evo-autocomplete-default-option-description-color: var(--inner-option-description-color)}evo-autocomplete .evo-autocomplete .ng-optgroup.ng-option-marked{--inner-option-text-color: #212121;--inner-option-description-color: #9B9B9B;--inner-option-background: #F4F6F8}evo-autocomplete .evo-autocomplete .ng-optgroup.ng-option-disabled{--inner-option-text-color: #C6C6C6;--inner-option-description-color: #C6C6C6;--inner-option-background: #FFFFFF;cursor:default}evo-autocomplete .evo-autocomplete .ng-optgroup.ng-option-selected{--inner-option-text-color: #212121;--inner-option-description-color: #9B9B9B;--inner-option-background: #E1ECEF}evo-autocomplete .evo-autocomplete .ng-option{font-family:var(--evo-font);font-style:normal;font-size:14px;line-height:24px;font-weight:400;--inner-option-text-color: #212121;--inner-option-description-color: #9B9B9B;--inner-option-background: #FFFFFF;display:flex;align-items:center;min-height:48px;white-space:normal;color:var(--inner-option-text-color);background-color:var(--inner-option-background);padding:var(--evo-autocomplete-option-v-padding) var(--evo-autocomplete-option-h-padding);cursor:pointer}evo-autocomplete .evo-autocomplete .ng-option evo-autocomplete-default-option{--evo-autocomplete-default-option-background: var(--inner-option-background);--evo-autocomplete-default-option-text-color: var(--inner-option-text-color);--evo-autocomplete-default-option-description-color: var(--inner-option-description-color)}evo-autocomplete .evo-autocomplete .ng-option.ng-option-marked{--inner-option-text-color: #212121;--inner-option-description-color: #9B9B9B;--inner-option-background: #F4F6F8}evo-autocomplete .evo-autocomplete .ng-option.ng-option-disabled{--inner-option-text-color: #C6C6C6;--inner-option-description-color: #C6C6C6;--inner-option-background: #FFFFFF;cursor:default}evo-autocomplete .evo-autocomplete .ng-option.ng-option-selected{--inner-option-text-color: #212121;--inner-option-description-color: #9B9B9B;--inner-option-background: #E1ECEF}evo-autocomplete .evo-autocomplete_is-edit-query .ng-select.ng-select-single:not(.ng-select-focused) .ng-select-container .ng-value-container .ng-value{visibility:visible}evo-autocomplete .evo-autocomplete_is-edit-query .ng-select.ng-select-single.ng-select-focused .ng-select-container .ng-value-container .ng-value{visibility:var(--evo-autocomplete-option-overflow)}evo-autocomplete .evo-autocomplete .ng-dropdown-panel{z-index:3001;display:block;margin:4px 0;background-color:#fff;border-radius:var(--evo-autocomplete-panel-border-radius);box-shadow:var(--evo-autocomplete-panel-shadow);overflow:hidden}evo-autocomplete .evo-autocomplete .ng-dropdown-panel.ng-select-top{bottom:100%}evo-autocomplete .evo-autocomplete .ng-dropdown-panel .ng-dropdown-panel-items{max-height:var(--evo-dropdown-max-height, 310px)}evo-autocomplete .evo-autocomplete .ng-dropdown-panel .ng-dropdown-panel-items .ng-option{overflow:var(--evo-autocomplete-option-overflow);white-space:var(--evo-autocomplete-option-white-space);text-overflow:var(--evo-autocomplete-option-text-overflow)}evo-autocomplete .evo-autocomplete .ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup{overflow:var(--evo-autocomplete-optgroup-overflow);white-space:var(--evo-autocomplete-optgroup-white-space);text-overflow:var(--evo-autocomplete-optgroup-text-overflow)}evo-autocomplete .evo-autocomplete .ng-dropdown-panel .ng-dropdown-panel-items::-webkit-scrollbar{width:16px;background-color:transparent}evo-autocomplete .evo-autocomplete .ng-dropdown-panel .ng-dropdown-panel-items::-webkit-scrollbar-track{background-color:transparent}evo-autocomplete .evo-autocomplete .ng-dropdown-panel .ng-dropdown-panel-items::-webkit-scrollbar-thumb{background-color:#c6c6c6;border:6px solid #FFFFFF;border-radius:16px}evo-autocomplete .evo-autocomplete .ng-dropdown-panel .ng-dropdown-panel-items::-webkit-scrollbar-button{display:none}evo-autocomplete .evo-autocomplete_is-selectbox{--inner-input-padding-right: 0}evo-autocomplete .evo-autocomplete_is-selectbox .ng-select .ng-arrow-wrapper{display:inline-flex;align-items:center;width:24px;height:100%;margin:0 8px;padding:0;text-align:center}evo-autocomplete .evo-autocomplete_is-selectbox .ng-select .ng-arrow-wrapper .ng-arrow{display:block;width:24px;height:24px;background-color:var(--evo-autocomplete-arrow-icon-color);-webkit-mask-image:url('data:image/svg+xml,<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">%0A    <path d=\"M8.81066 10C8.14248 10 7.80786 10.8079 8.28033 11.2803L11.4697 14.4697C11.7626 14.7626 12.2374 14.7626 12.5303 14.4697L15.7197 11.2803C16.1921 10.8079 15.8575 10 15.1893 10H8.81066Z\" />%0A</svg>%0A');mask-image:url('data:image/svg+xml,<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">%0A    <path d=\"M8.81066 10C8.14248 10 7.80786 10.8079 8.28033 11.2803L11.4697 14.4697C11.7626 14.7626 12.2374 14.7626 12.5303 14.4697L15.7197 11.2803C16.1921 10.8079 15.8575 10 15.1893 10H8.81066Z\" />%0A</svg>%0A');background-position:center;transition:transform .25s}evo-autocomplete .evo-autocomplete_is-selectbox .ng-select.ng-select-opened .ng-arrow{transform:rotate(180deg);transform-origin:center center}evo-autocomplete .evo-autocomplete_is-selectbox.ng-select-focused{z-index:11}evo-autocomplete .evo-autocomplete_is-selectbox.ng-select-focused .ng-placeholder{display:none}evo-autocomplete .evo-autocomplete_is-selectbox.ng-select-focused .ng-select-container{box-shadow:0 0 2px #91b1b8}evo-autocomplete .evo-autocomplete_theme-default.evo-autocomplete_size-normal .ng-select-container{--evo-input-height: 40px;--evo-input-border-radius: 4px;--evo-input-font-size: 14px;--evo-input-line-height: 24px;display:flex;align-items:center;height:var(--evo-input-height);color:#212121;font-weight:400;font-size:var(--evo-input-font-size);font-family:var(--evo-font);line-height:var(--evo-input-line-height);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s}evo-autocomplete .evo-autocomplete_theme-default.evo-autocomplete_size-normal .ng-select-container:hover{border:1px solid #9B9B9B}evo-autocomplete .evo-autocomplete_theme-default.evo-autocomplete_size-small .ng-select-container{--evo-input-height: 40px;--evo-input-border-radius: 4px;--evo-input-font-size: 14px;--evo-input-line-height: 24px;--evo-input-height: 32px;display:flex;align-items:center;height:var(--evo-input-height);color:#212121;font-weight:400;font-size:var(--evo-input-font-size);font-family:var(--evo-font);line-height:var(--evo-input-line-height);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s;padding:4px var(--inner-input-padding-right) 4px 12px}evo-autocomplete .evo-autocomplete_theme-default.evo-autocomplete_size-small .ng-select-container:hover{border:1px solid #9B9B9B}evo-autocomplete .evo-autocomplete_theme-rounded.evo-autocomplete_size-normal .ng-select-container{--evo-input-height: 40px;--evo-input-border-radius: 4px;--evo-input-font-size: 14px;--evo-input-line-height: 24px;--evo-input-border-radius: 256px;display:flex;align-items:center;height:var(--evo-input-height);color:#212121;font-weight:400;font-size:var(--evo-input-font-size);font-family:var(--evo-font);line-height:var(--evo-input-line-height);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s}evo-autocomplete .evo-autocomplete_theme-rounded.evo-autocomplete_size-normal .ng-select-container:hover{border:1px solid #9B9B9B}evo-autocomplete .evo-autocomplete_theme-rounded.evo-autocomplete_size-small .ng-select-container{--evo-input-border-radius: 4px;--evo-input-line-height: 24px;--evo-input-font-size: 14px;--evo-input-height: 40px;--evo-input-border-radius: 256px;display:flex;align-items:center;height:var(--evo-input-height);color:#212121;font-weight:400;font-size:var(--evo-input-font-size);font-family:var(--evo-font);line-height:var(--evo-input-line-height);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s}evo-autocomplete .evo-autocomplete_theme-rounded.evo-autocomplete_size-small .ng-select-container:hover{border:1px solid #9B9B9B}evo-autocomplete .evo-autocomplete_is-multiple-inline .ng-select .ng-select-container .ng-value-icon{display:none}evo-autocomplete .evo-autocomplete_is-multiple-inline .ng-select .ng-select-container .ng-input{display:none}evo-autocomplete .evo-autocomplete .ng-select-multiple .ng-option-selected{--inner-option-background: #FFFFFF}evo-autocomplete .evo-autocomplete .ng-select-multiple .ng-option-selected.ng-option-marked{--inner-option-background: #F4F6F8}evo-autocomplete .evo-autocomplete .ng-select.ng-select-focused .ng-select-container,evo-autocomplete .evo-autocomplete .ng-select.ng-select-opened .ng-select-container{border:solid 1px #74706F}evo-autocomplete .evo-autocomplete.evo-autocomplete_touched.evo-autocomplete_invalid .ng-select:not(.ng-select-opened) .ng-select-container{border-color:#ff1817!important}evo-autocomplete .evo-autocomplete.evo-autocomplete_disabled .ng-select-container{color:#b0b0b0!important;background-color:#f9fafb!important;border:1px solid #E3E3E3!important;cursor:default;pointer-events:none}evo-autocomplete .evo-autocomplete.evo-autocomplete_disabled .ng-select-container .ng-arrow{opacity:.3}evo-autocomplete .evo-autocomplete .ng-input>input[readonly]{-webkit-user-select:auto!important;user-select:auto!important}\n"] }]
+            args: [{ selector: 'evo-autocomplete', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, standalone: true, imports: [EvoUiClassDirective, NgSelectModule, FormsModule, NgTemplateOutlet, NgIf, EvoControlErrorModule], template: "<div class=\"evo-autocomplete\" [evoUiClass]=\"classes\">\n    <ng-select\n        [items]=\"items\"\n        [bindLabel]=\"bindLabel\"\n        [bindValue]=\"bindValue\"\n        [markFirst]=\"markFirst\"\n        [placeholder]=\"placeholder\"\n        [notFoundText]=\"notFoundText\"\n        [typeToSearchText]=\"typeToSearchText\"\n        [addTagText]=\"addTagText\"\n        [loadingText]=\"loadingText\"\n        [clearAllText]=\"clearAllText\"\n        [dropdownPosition]=\"dropdownPosition\"\n        [appendTo]=\"appendTo\"\n        [loading]=\"loading\"\n        [closeOnSelect]=\"closeOnSelect\"\n        [hideSelected]=\"hideSelected\"\n        [selectOnTab]=\"selectOnTab\"\n        [openOnEnter]=\"openOnEnter\"\n        [maxSelectedItems]=\"maxSelectedItems\"\n        [groupBy]=\"groupBy\"\n        [groupValue]=\"groupValue\"\n        [bufferAmount]=\"bufferAmount\"\n        [virtualScroll]=\"virtualScroll\"\n        [selectableGroup]=\"selectableGroup\"\n        [selectableGroupAsModel]=\"selectableGroupAsModel\"\n        [searchFn]=\"searchFn\"\n        [clearOnBackspace]=\"clearOnBackspace\"\n        [typeahead]=\"typeahead\"\n        [multiple]=\"multiple || multipleInline\"\n        [addTag]=\"addTag\"\n        [searchable]=\"searchable\"\n        [clearable]=\"clearable\"\n        [isOpen]=\"isOpen\"\n        [editableSearchTerm]=\"editQuery\"\n        [disabled]=\"control.disabled\"\n        [compareWith]=\"compareWith\"\n        [(ngModel)]=\"value\"\n        (ngModelChange)=\"onChange($event)\"\n        (blur)=\"onBlur($event)\"\n        (focus)=\"onFocus($event)\"\n        (change)=\"handleChange($event)\"\n        (open)=\"openEvent.emit($event)\"\n        (close)=\"closeEvent.emit($event)\"\n        (search)=\"searchEvent.emit($event)\"\n        (clear)=\"clearEvent.emit($event)\"\n        (add)=\"addEvent.emit($event)\"\n        (remove)=\"removeEvent.emit($event)\"\n        (scroll)=\"scrollEvent.emit($event)\"\n        (scrollToEnd)=\"scrollToEndEvent.emit($event)\"\n    >\n        <!-- Selected Item Template -->\n        @if (labelTemp) {\n            <ng-template ng-label-tmp let-item=\"item\">\n                <ng-template *ngTemplateOutlet=\"labelTemp; context: {item: item}\" />\n            </ng-template>\n        }\n\n        <!-- Overall Label For All Selected Items Template -->\n        @if (multiLabelTemp) {\n            <ng-template ng-multi-label-tmp let-items=\"items\" let-clear=\"clear\">\n                <div class=\"evo-autocomplete__label\">\n                    <ng-template *ngTemplateOutlet=\"multiLabelTemp; context: {items: items, clear: clear}\" />\n                </div>\n            </ng-template>\n        }\n        @if (headerTemp) {\n            <!-- Options header template -->\n            <ng-template ng-header-tmp>\n                <ng-template *ngTemplateOutlet=\"headerTemp; context: {items: items}\" />\n            </ng-template>\n        }\n\n        <!-- Option Template -->\n        @if (optionTemp) {\n            <ng-template ng-option-tmp let-item=\"item\" let-index=\"index\" let-search=\"searchTerm\" let-item$=\"item$\">\n                <ng-template\n                    *ngTemplateOutlet=\"\n                        optionTemp;\n                        context: {item: item, index: index, searchTerm: search, item$: item$}\n                    \"\n                />\n            </ng-template>\n        }\n\n        @if (multipleInline && !multiLabelTemp) {\n            <ng-template ng-multi-label-tmp let-items=\"items\">\n                <div class=\"ng-value evo-autocomplete__label\">{{ getMultipleInlineItemsLabels(items) }}</div>\n            </ng-template>\n        }\n\n        @if (optgroupTemp) {\n            <!-- Options group template -->\n            <ng-template ng-optgroup-tmp let-item=\"item\" let-index=\"index\">\n                <ng-template *ngTemplateOutlet=\"optgroupTemp; context: {item: item, index: index}\" />\n            </ng-template>\n        }\n\n        <!-- Search Text Templates -->\n        <ng-template ng-typetosearch-tmp>\n            @if (typeToSearchText) {\n                <div class=\"ng-option disabled\">{{ typeToSearchText }}</div>\n            }\n        </ng-template>\n        <ng-template ng-loadingtext-tmp let-searchTerm=\"searchTerm\">\n            <div class=\"ng-option disabled\">{{ loadingText }}</div>\n        </ng-template>\n\n        @if (notFoundTemp) {\n            <ng-template ng-notfound-tmp let-searchTerm=\"searchTerm\">\n                <ng-template *ngTemplateOutlet=\"notFoundTemp; context: {searchTerm: searchTerm}\" />\n            </ng-template>\n        } @else {\n            <ng-template ng-notfound-tmp>\n                <div class=\"ng-option disabled\">{{ notFoundText }}</div>\n            </ng-template>\n        }\n\n        @if (footerTemp) {\n            <!-- Options footer template -->\n            <ng-template ng-footer-tmp>\n                <ng-template *ngTemplateOutlet=\"footerTemp; context: {items: items}\" />\n            </ng-template>\n        }\n    </ng-select>\n\n    @if (hasErrors && errorsMessages) {\n        <evo-control-error [errors]=\"control.errors\" [errorsMessages]=\"errorsMessages\" />\n    }\n</div>\n", styles: ["@keyframes evo-fx-blink{50%{transform:scale(1);opacity:1}to{opacity:0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes gradient{0%{background-position:0 50%}50%{background-position:50vw 50%}to{background-position:100vw 50%}}@keyframes evo-ellipsis-animation{0%{content:\"\"}25%{content:\".\"}50%{content:\"..\"}75%{content:\"...\"}to{content:\"\"}}evo-autocomplete{--evo-dropdown-max-height: 310px;--evo-autocomplete-option-overflow: hidden;--evo-autocomplete-option-text-overflow: ellipsis;--evo-autocomplete-option-white-space: normal;--evo-autocomplete-optgroup-overflow: hidden;--evo-autocomplete-optgroup-text-overflow: ellipsis;--evo-autocomplete-optgroup-white-space: nowrap;--evo-autocomplete-arrow-icon-color: #91B1B8;--evo-autocomplete-option-v-padding: 12px;--evo-autocomplete-option-h-padding: 16px;--evo-autocomplete-panel-border-radius: 8px;--evo-autocomplete-panel-shadow: 0px 8px 10px rgba(0, 0, 0, .14), 0px 3px 14px rgba(0, 0, 0, .12)}evo-autocomplete .evo-autocomplete{--inner-input-padding-right: 12px;position:relative;display:block}evo-autocomplete .evo-autocomplete__icon{display:block;flex:0 0 24px;width:24px;height:24px}evo-autocomplete .evo-autocomplete__icon_clear{position:absolute;top:12px;right:12px;z-index:1001;cursor:pointer;transition:fill .3s;fill:#91b1b8}evo-autocomplete .evo-autocomplete__icon_clear:hover{fill:#a7c1c6}evo-autocomplete .evo-autocomplete__icon_clear:active{fill:#829fa6}evo-autocomplete .evo-autocomplete__icon_dropdown{fill:#212121}evo-autocomplete .evo-autocomplete .ng-input{padding:0 var(--inner-input-padding-right) 0 12px}evo-autocomplete .evo-autocomplete .ng-placeholder{color:#9b9b9b}evo-autocomplete .evo-autocomplete .ng-value-container{align-items:center;min-width:0;overflow:hidden}evo-autocomplete .evo-autocomplete__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}evo-autocomplete .evo-autocomplete .ng-select-container{--evo-input-height: 40px;--evo-input-border-radius: 4px;--evo-input-font-size: 14px;--evo-input-line-height: 24px;display:flex;height:var(--evo-input-height);color:#212121;font-weight:400;font-size:var(--evo-input-font-size);font-family:var(--evo-font);line-height:var(--evo-input-line-height);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s;position:relative;align-items:center;margin:0;padding:8px var(--inner-input-padding-right) 8px 12px;line-height:var(--evo-input-height)}evo-autocomplete .evo-autocomplete .ng-select-container:hover{border:1px solid #9B9B9B}evo-autocomplete .evo-autocomplete .ng-select-container:has(.ng-clear:not(:empty)){--inner-input-padding-right: 0}evo-autocomplete .evo-autocomplete .ng-select-container.ng-has-value .ng-placeholder{display:none}evo-autocomplete .evo-autocomplete .ng-select .ng-clear-wrapper{display:inline-flex;align-items:center;width:24px;height:100%;margin:0 8px;padding:0;text-align:center;color:#91b1b8;transition:color .3s}evo-autocomplete .evo-autocomplete .ng-select .ng-clear-wrapper:hover{color:#a7c1c6}evo-autocomplete .evo-autocomplete .ng-select .ng-clear-wrapper:active{color:#829fa6}evo-autocomplete .evo-autocomplete .ng-select .ng-clear-wrapper .ng-clear{display:none}evo-autocomplete .evo-autocomplete .ng-select .ng-clear-wrapper .ng-clear_patched{display:block;cursor:pointer}evo-autocomplete .evo-autocomplete .ng-select .ng-clear-wrapper .ng-clear_patched svg{display:block;fill:currentColor}evo-autocomplete .evo-autocomplete .ng-select .ng-spinner-loader{display:flex;justify-content:center;align-items:center;width:16px;height:100%;margin:0 0 0 8px;border:none;transform:none;animation:none}evo-autocomplete .evo-autocomplete .ng-select .ng-spinner-loader:before{content:\"\";display:block;flex:0 0 16px;width:16px;height:16px;border:2px solid #C6C6C6;border-top-color:#21c68b;border-radius:50%;animation:spin .8s linear infinite}evo-autocomplete .evo-autocomplete .ng-optgroup{font-weight:400;--inner-option-text-color: #212121;--inner-option-description-color: #9B9B9B;--inner-option-background: #FFFFFF;display:flex;align-items:center;min-height:48px;white-space:normal;color:var(--inner-option-text-color);background-color:var(--inner-option-background);padding:var(--evo-autocomplete-option-v-padding) var(--evo-autocomplete-option-h-padding);cursor:pointer;font-family:var(--evo-font);font-style:normal;font-size:14px;line-height:24px;font-weight:600}evo-autocomplete .evo-autocomplete .ng-optgroup evo-autocomplete-default-option{--evo-autocomplete-default-option-background: var(--inner-option-background);--evo-autocomplete-default-option-text-color: var(--inner-option-text-color);--evo-autocomplete-default-option-description-color: var(--inner-option-description-color)}evo-autocomplete .evo-autocomplete .ng-optgroup.ng-option-marked{--inner-option-text-color: #212121;--inner-option-description-color: #9B9B9B;--inner-option-background: #F4F6F8}evo-autocomplete .evo-autocomplete .ng-optgroup.ng-option-disabled{--inner-option-text-color: #C6C6C6;--inner-option-description-color: #C6C6C6;--inner-option-background: #FFFFFF;cursor:default}evo-autocomplete .evo-autocomplete .ng-optgroup.ng-option-selected{--inner-option-text-color: #212121;--inner-option-description-color: #9B9B9B;--inner-option-background: #E1ECEF}evo-autocomplete .evo-autocomplete .ng-option{font-family:var(--evo-font);font-style:normal;font-size:14px;line-height:24px;font-weight:400;--inner-option-text-color: #212121;--inner-option-description-color: #9B9B9B;--inner-option-background: #FFFFFF;display:flex;align-items:center;min-height:48px;white-space:normal;color:var(--inner-option-text-color);background-color:var(--inner-option-background);padding:var(--evo-autocomplete-option-v-padding) var(--evo-autocomplete-option-h-padding);cursor:pointer}evo-autocomplete .evo-autocomplete .ng-option evo-autocomplete-default-option{--evo-autocomplete-default-option-background: var(--inner-option-background);--evo-autocomplete-default-option-text-color: var(--inner-option-text-color);--evo-autocomplete-default-option-description-color: var(--inner-option-description-color)}evo-autocomplete .evo-autocomplete .ng-option.ng-option-marked{--inner-option-text-color: #212121;--inner-option-description-color: #9B9B9B;--inner-option-background: #F4F6F8}evo-autocomplete .evo-autocomplete .ng-option.ng-option-disabled{--inner-option-text-color: #C6C6C6;--inner-option-description-color: #C6C6C6;--inner-option-background: #FFFFFF;cursor:default}evo-autocomplete .evo-autocomplete .ng-option.ng-option-selected{--inner-option-text-color: #212121;--inner-option-description-color: #9B9B9B;--inner-option-background: #E1ECEF}evo-autocomplete .evo-autocomplete_is-edit-query .ng-select.ng-select-single:not(.ng-select-focused) .ng-select-container .ng-value-container .ng-value{visibility:visible}evo-autocomplete .evo-autocomplete_is-edit-query .ng-select.ng-select-single.ng-select-focused .ng-select-container .ng-value-container .ng-value{visibility:var(--evo-autocomplete-option-overflow)}evo-autocomplete .evo-autocomplete .ng-dropdown-panel{z-index:3001;display:block;margin:4px 0;background-color:#fff;border-radius:var(--evo-autocomplete-panel-border-radius);box-shadow:var(--evo-autocomplete-panel-shadow);overflow:hidden}evo-autocomplete .evo-autocomplete .ng-dropdown-panel.ng-select-top{bottom:100%}evo-autocomplete .evo-autocomplete .ng-dropdown-panel .ng-dropdown-panel-items{max-height:var(--evo-dropdown-max-height, 310px)}evo-autocomplete .evo-autocomplete .ng-dropdown-panel .ng-dropdown-panel-items .ng-option{overflow:var(--evo-autocomplete-option-overflow);white-space:var(--evo-autocomplete-option-white-space);text-overflow:var(--evo-autocomplete-option-text-overflow)}evo-autocomplete .evo-autocomplete .ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup{overflow:var(--evo-autocomplete-optgroup-overflow);white-space:var(--evo-autocomplete-optgroup-white-space);text-overflow:var(--evo-autocomplete-optgroup-text-overflow)}evo-autocomplete .evo-autocomplete .ng-dropdown-panel .ng-dropdown-panel-items::-webkit-scrollbar{width:16px;background-color:transparent}evo-autocomplete .evo-autocomplete .ng-dropdown-panel .ng-dropdown-panel-items::-webkit-scrollbar-track{background-color:transparent}evo-autocomplete .evo-autocomplete .ng-dropdown-panel .ng-dropdown-panel-items::-webkit-scrollbar-thumb{background-color:#c6c6c6;border:6px solid #FFFFFF;border-radius:16px}evo-autocomplete .evo-autocomplete .ng-dropdown-panel .ng-dropdown-panel-items::-webkit-scrollbar-button{display:none}evo-autocomplete .evo-autocomplete_is-selectbox{--inner-input-padding-right: 0}evo-autocomplete .evo-autocomplete_is-selectbox .ng-select .ng-arrow-wrapper{display:inline-flex;align-items:center;width:24px;height:100%;margin:0 8px;padding:0;text-align:center}evo-autocomplete .evo-autocomplete_is-selectbox .ng-select .ng-arrow-wrapper .ng-arrow{display:block;width:24px;height:24px;background-color:var(--evo-autocomplete-arrow-icon-color);-webkit-mask-image:url('data:image/svg+xml,<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">%0A    <path d=\"M8.81066 10C8.14248 10 7.80786 10.8079 8.28033 11.2803L11.4697 14.4697C11.7626 14.7626 12.2374 14.7626 12.5303 14.4697L15.7197 11.2803C16.1921 10.8079 15.8575 10 15.1893 10H8.81066Z\" />%0A</svg>%0A');mask-image:url('data:image/svg+xml,<svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">%0A    <path d=\"M8.81066 10C8.14248 10 7.80786 10.8079 8.28033 11.2803L11.4697 14.4697C11.7626 14.7626 12.2374 14.7626 12.5303 14.4697L15.7197 11.2803C16.1921 10.8079 15.8575 10 15.1893 10H8.81066Z\" />%0A</svg>%0A');background-position:center;transition:transform .25s}evo-autocomplete .evo-autocomplete_is-selectbox .ng-select.ng-select-opened .ng-arrow{transform:rotate(180deg);transform-origin:center center}evo-autocomplete .evo-autocomplete_is-selectbox.ng-select-focused{z-index:11}evo-autocomplete .evo-autocomplete_is-selectbox.ng-select-focused .ng-placeholder{display:none}evo-autocomplete .evo-autocomplete_is-selectbox.ng-select-focused .ng-select-container{box-shadow:0 0 2px #91b1b8}evo-autocomplete .evo-autocomplete_theme-default.evo-autocomplete_size-normal .ng-select-container{--evo-input-height: 40px;--evo-input-border-radius: 4px;--evo-input-font-size: 14px;--evo-input-line-height: 24px;display:flex;align-items:center;height:var(--evo-input-height);color:#212121;font-weight:400;font-size:var(--evo-input-font-size);font-family:var(--evo-font);line-height:var(--evo-input-line-height);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s}evo-autocomplete .evo-autocomplete_theme-default.evo-autocomplete_size-normal .ng-select-container:hover{border:1px solid #9B9B9B}evo-autocomplete .evo-autocomplete_theme-default.evo-autocomplete_size-small .ng-select-container{--evo-input-height: 40px;--evo-input-border-radius: 4px;--evo-input-font-size: 14px;--evo-input-line-height: 24px;--evo-input-height: 32px;display:flex;align-items:center;height:var(--evo-input-height);color:#212121;font-weight:400;font-size:var(--evo-input-font-size);font-family:var(--evo-font);line-height:var(--evo-input-line-height);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s;padding:4px var(--inner-input-padding-right) 4px 12px}evo-autocomplete .evo-autocomplete_theme-default.evo-autocomplete_size-small .ng-select-container:hover{border:1px solid #9B9B9B}evo-autocomplete .evo-autocomplete_theme-rounded.evo-autocomplete_size-normal .ng-select-container{--evo-input-height: 40px;--evo-input-border-radius: 4px;--evo-input-font-size: 14px;--evo-input-line-height: 24px;--evo-input-border-radius: 256px;display:flex;align-items:center;height:var(--evo-input-height);color:#212121;font-weight:400;font-size:var(--evo-input-font-size);font-family:var(--evo-font);line-height:var(--evo-input-line-height);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s}evo-autocomplete .evo-autocomplete_theme-rounded.evo-autocomplete_size-normal .ng-select-container:hover{border:1px solid #9B9B9B}evo-autocomplete .evo-autocomplete_theme-rounded.evo-autocomplete_size-small .ng-select-container{--evo-input-border-radius: 4px;--evo-input-line-height: 24px;--evo-input-font-size: 14px;--evo-input-height: 40px;--evo-input-border-radius: 256px;display:flex;align-items:center;height:var(--evo-input-height);color:#212121;font-weight:400;font-size:var(--evo-input-font-size);font-family:var(--evo-font);line-height:var(--evo-input-line-height);white-space:nowrap;background-color:#fff;border:1px solid #C6C6C6;border-radius:var(--evo-input-border-radius);outline:none;transition:color .3s,box-shadow .3s,background .3s,border .3s}evo-autocomplete .evo-autocomplete_theme-rounded.evo-autocomplete_size-small .ng-select-container:hover{border:1px solid #9B9B9B}evo-autocomplete .evo-autocomplete_is-multiple-inline .ng-select .ng-select-container .ng-value-icon{display:none}evo-autocomplete .evo-autocomplete_is-multiple-inline .ng-select .ng-select-container .ng-input{display:none}evo-autocomplete .evo-autocomplete .ng-select-multiple .ng-option-selected{--inner-option-background: #FFFFFF}evo-autocomplete .evo-autocomplete .ng-select-multiple .ng-option-selected.ng-option-marked{--inner-option-background: #F4F6F8}evo-autocomplete .evo-autocomplete .ng-select.ng-select-focused .ng-select-container,evo-autocomplete .evo-autocomplete .ng-select.ng-select-opened .ng-select-container{border:solid 1px #74706F}evo-autocomplete .evo-autocomplete.evo-autocomplete_touched.evo-autocomplete_invalid .ng-select:not(.ng-select-opened) .ng-select-container{border-color:#ff1817!important}evo-autocomplete .evo-autocomplete.evo-autocomplete_disabled .ng-select-container{color:#b0b0b0!important;background-color:#f9fafb!important;border:1px solid #E3E3E3!important;cursor:default;pointer-events:none}evo-autocomplete .evo-autocomplete.evo-autocomplete_disabled .ng-select-container .ng-arrow{opacity:.3}evo-autocomplete .evo-autocomplete .ng-input>input[readonly]{-webkit-user-select:auto!important;user-select:auto!important}\n"] }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i1$1.NgControl }, { type: EvoIconService }, { type: i1.DomSanitizer }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [EVO_ICON_RESOLVER]
@@ -2245,25 +2244,24 @@ var EvoChipTheme;
     EvoChipTheme["custom"] = "custom";
 })(EvoChipTheme || (EvoChipTheme = {}));
 class EvoChipComponent extends EvoBaseControl {
-    // eslint-disable-next-line
-    set setInitialValue(value) {
-        this.inheritedValue = value;
-    }
-    constructor(injector, cdr) {
-        super(injector);
-        this.injector = injector;
-        this.cdr = cdr;
+    constructor() {
+        super(...arguments);
         this.closeTitle = '';
         this.close = new EventEmitter();
         this.templateVariables = {
             chipTypes: EvoChipType,
             chipThemes: EvoChipTheme,
         };
-        this.destroy$ = new Subject();
+        this.destroyRef = inject(DestroyRef);
+        this.cdr = inject(ChangeDetectorRef);
         // eslint-disable-next-line
         this.onChange = (_value) => { };
         this.onTouched = () => { };
     }
+    // eslint-disable-next-line
+    set setInitialValue(value) {
+        this.inheritedValue = value;
+    }
     get classes() {
         const states = {
             touched: this.control?.touched,
@@ -2281,15 +2279,11 @@ class EvoChipComponent extends EvoBaseControl {
     }
     ngAfterViewInit() {
         if (this.control) {
-            this.control.valueChanges.pipe(takeUntil(this.destroy$)).subscribe(() => {
+            this.control.valueChanges.pipe(takeUntilDestroyed(this.destroyRef)).subscribe(() => {
                 this.writeValue(this.control.value);
             });
         }
     }
-    ngOnDestroy() {
-        this.destroy$.next();
-        this.destroy$.complete();
-    }
     // eslint-disable-next-line
     writeValue(value) {
         this.value = value;
@@ -2325,7 +2319,7 @@ class EvoChipComponent extends EvoBaseControl {
             this.theme = EvoChipTheme.grey;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: EvoChipComponent, deps: [{ token: i0.Injector }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: EvoChipComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.10", type: EvoChipComponent, isStandalone: true, selector: "evo-chip", inputs: { type: "type", theme: "theme", counter: "counter", disabled: "disabled", name: "name", closable: "closable", closeTitle: "closeTitle", setInitialValue: ["value", "setInitialValue"] }, outputs: { close: "close" }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
@@ -2343,7 +2337,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImpo
                             multi: true,
                         },
                     ], standalone: true, imports: [EvoUiClassDirective, FormsModule, EvoIconComponent], template: "<label class=\"chip\" [evoUiClass]=\"classes\">\n    @switch (type) {\n        @case (templateVariables?.chipTypes.checkbox) {\n            <input\n                type=\"checkbox\"\n                [disabled]=\"disabled\"\n                [ngModel]=\"value\"\n                [value]=\"inheritedValue\"\n                [name]=\"name\"\n                (ngModelChange)=\"onInputChange($event)\"\n            />\n        }\n        @case (templateVariables?.chipTypes.radio) {\n            <input\n                type=\"radio\"\n                [disabled]=\"disabled\"\n                [ngModel]=\"value\"\n                [value]=\"inheritedValue\"\n                [name]=\"name\"\n                (ngModelChange)=\"onInputChange($event)\"\n            />\n        }\n    }\n\n    <div class=\"chip__label\" [evoUiClass]=\"{disabled: disabled}\">\n        <span class=\"chip__text\">\n            <ng-content />\n        </span>\n\n        @if ((type !== templateVariables?.chipTypes.label || !closable) && counter !== undefined) {\n            <div class=\"chip__counter\">\n                <span class=\"chip__counter-value\">\n                    {{ counter }}\n                </span>\n            </div>\n        }\n\n        @if (closable) {\n            <button\n                type=\"button\"\n                class=\"chip__close\"\n                [disabled]=\"disabled\"\n                [title]=\"closeTitle\"\n                (click)=\"onCloseClick($event)\"\n            >\n                <evo-icon shape=\"decline\" />\n            </button>\n        }\n    </div>\n</label>\n", styles: [".chip{position:relative;display:inline-flex;max-width:100%}.chip__label{display:flex;align-items:center;max-width:inherit;height:32px;margin:0;padding:3px 12px;overflow:hidden;color:#0986e2;font-family:var(--evo-font);font-style:normal;font-size:14px;line-height:24px;font-weight:600;background-color:#f4f6f8;border-radius:16px;cursor:pointer;transition:color .3s,background-color .3s;-webkit-user-select:none;user-select:none}.chip input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.chip input:disabled+.chip__label,.chip .chip__label_disabled{color:#fff!important;background-color:#c6c6c6!important}.chip input:checked+.chip__label{color:#fff;background-color:#0986e2}.chip input:checked+.chip__label:focus,.chip input:checked+.chip__label:hover{background-color:#3a9ee8}.chip input:checked+.chip__label:active{background-color:#0879cb}.chip input:not(:checked)+.chip__label{color:#0986e2}.chip_theme-white:not(.chip_type-label) input:not(:checked)+.chip__label{background-color:#fff}.chip_theme-white:not(.chip_type-label) input:not(:checked):focus+.chip__label,.chip_theme-white:not(.chip_type-label) input:not(:checked):hover+.chip__label{background-color:#fdfdfe}.chip_theme-white:not(.chip_type-label) input:not(:checked):active+.chip__label{background-color:#dcdddf}.chip_theme-grey:not(.chip_type-label) input:not(:checked)+.chip__label{background-color:#f4f6f8}.chip_theme-grey:not(.chip_type-label) input:not(:checked):focus+.chip__label,.chip_theme-grey:not(.chip_type-label) input:not(:checked):hover+.chip__label{background-color:#f6f8f9}.chip_theme-grey:not(.chip_type-label) input:not(:checked):active+.chip__label{background-color:#dcdddf}.chip_theme-custom:not(.chip_type-label) input:not(:checked)+.chip__label{color:var(--evo-chip-color, #0986E2);background-color:var(--evo-chip-background-color, #F4F6F8)}.chip_theme-custom:not(.chip_type-label) input:not(:checked):focus+.chip__label,.chip_theme-custom:not(.chip_type-label) input:not(:checked):hover+.chip__label{color:var(--evo-chip-color-hover, #0986E2);background-color:var(--evo-chip-background-color-hover, #F6F8F9)}.chip_theme-custom:not(.chip_type-label) input:not(:checked):active+.chip__label{color:var(--evo-chip-color-active, #0986E2);background-color:var(--evo-chip-background-color-active, #DCDDDF)}.chip_theme-custom:not(.chip_type-label) input:checked+.chip__label{color:var(--evo-chip-checked-color, #FFFFFF)!important;background-color:var(--evo-chip-checked-background-color, #0986E2)!important}.chip_theme-custom:not(.chip_type-label) input:checked:focus+.chip__label,.chip_theme-custom:not(.chip_type-label) input:checked:hover+.chip__label{color:var(--evo-chip-color-hover, #0986E2)!important;background-color:var(--evo-chip-checked-background-color-hover, #3A9EE8)!important}.chip_theme-custom:not(.chip_type-label) input:checked:active+.chip__label{color:var(--evo-chip-color-active, #0986E2)!important;background-color:var(--evo-chip-checked-background-color-active, #0879CB)!important}.chip_type-label .chip__label{color:#fff;background-color:#0986e2;cursor:default}.chip__text{display:inline-block;align-items:center;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.chip__counter{display:flex;justify-content:center;align-items:center;min-width:18px;min-height:18px;margin-right:-5px;margin-left:8px;overflow:hidden;color:#fff;font-weight:700;font-size:12px;background-color:#f05023;border-radius:9px}.chip__counter-value{margin:0 3px;line-height:16px}.chip__close{position:relative;display:block;width:24px;height:24px;margin:0 -9px 0 8px;padding:0;color:#fff;background:none;border:none;cursor:pointer;transition:opacity .3s}.chip__close:not(:disabled):hover{opacity:.8}.chip__close:not(:disabled):active{opacity:.9}.chip__close evo-icon{z-index:1;display:block;width:100%;height:100%;fill:currentColor}:host{display:inline-block;max-width:100%}\n"] }]
-        }], ctorParameters: () => [{ type: i0.Injector }, { type: i0.ChangeDetectorRef }], propDecorators: { type: [{
+        }], propDecorators: { type: [{
                 type: Input
             }], theme: [{
                 type: Input