@libs-ui/components-dropdown 0.2.306 → 0.2.308-0

package/esm2022/index.mjs

@@ -1,3 +1,3 @@
 export * from './dropdown.component';
 export * from './interfaces';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzLXVpL2NvbXBvbmVudHMvZHJvcGRvd24vc3JjL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsc0JBQXNCLENBQUM7QUFDckMsY0FBYyxjQUFjLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL2Ryb3Bkb3duLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2ludGVyZmFjZXMnOyJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzLXVpL2NvbXBvbmVudHMvZHJvcGRvd24vc3JjL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsc0JBQXNCLENBQUM7QUFDckMsY0FBYyxjQUFjLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL2Ryb3Bkb3duLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2ludGVyZmFjZXMnO1xuIl19

package/esm2022/interfaces/dropdown.interface.mjs

@@ -1,2 +1,2 @@
 export {};
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJvcGRvd24uaW50ZXJmYWNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy11aS9jb21wb25lbnRzL2Ryb3Bkb3duL3NyYy9pbnRlcmZhY2VzL2Ryb3Bkb3duLmludGVyZmFjZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiLyogZXNsaW50LWRpc2FibGUgQHR5cGVzY3JpcHQtZXNsaW50L25vLWV4cGxpY2l0LWFueSAqL1xuaW1wb3J0IHsgSUxpc3RDb25maWdJdGVtIH0gZnJvbSBcIkBsaWJzLXVpL2NvbXBvbmVudHMtbGlzdFwiO1xuaW1wb3J0IHsgVFlQRV9QT1BPVkVSX0RJUkVDVElPTiwgVFlQRV9QT1BPVkVSX1BPU0lUSU9OX01PREUgfSBmcm9tIFwiQGxpYnMtdWkvY29tcG9uZW50cy1wb3BvdmVyXCI7XG5pbXBvcnQgeyBJTWVzc2FnZVRyYW5zbGF0ZSB9IGZyb20gXCJAbGlicy11aS9pbnRlcmZhY2VzLXR5cGVzXCI7XG5pbXBvcnQgeyBJSHR0cFJlcXVlc3RDb25maWcgfSBmcm9tIFwiQGxpYnMtdWkvc2VydmljZXMtaHR0cC1yZXF1ZXN0XCI7XG5cbmV4cG9ydCBpbnRlcmZhY2UgSUVtaXRTZWxlY3RLZXkge1xuICBrZXk/OiB1bmtub3duO1xuICBpdGVtPzogYW55O1xuICBpc0NsaWNrTWFudWFsPzogYm9vbGVhbjtcbiAgdGFiS2V5QWN0aXZlPzogc3RyaW5nO1xufVxuXG5leHBvcnQgaW50ZXJmYWNlIElFbWl0TXVsdGlLZXkge1xuICBrZXlzPzogQXJyYXk8dW5rbm93bj47XG4gIG1hcEtleXM/OiBBcnJheTxJRW1pdFNlbGVjdEtleT47XG4gIGlzQ2xpY2tNYW51YWw/OiBib29sZWFuO1xuICB0YWJLZXlBY3RpdmU/OiBzdHJpbmc7XG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgSVBvcG92ZXJDdXN0b21Db25maWcge1xuICB3aWR0aEJ5UGFyZW50PzogYm9vbGVhbjtcbiAgcGFyZW50Qm9yZGVyV2lkdGg/OiBudW1iZXI7XG4gIG1heEhlaWdodD86IG51bWJlcjtcbiAgbWF4V2lkdGg/OiBudW1iZXI7XG4gIGRpcmVjdGlvbj86IFRZUEVfUE9QT1ZFUl9ESVJFQ1RJT047XG4gIGlnbm9yZUFycm93PzogYm9vbGVhbjtcbiAgY2xhc3NJbmNsdWRlPzogc3RyaW5nO1xuICBkaXNhYmxlPzogYm9vbGVhbjtcbiAgY2xpY2tFeGFjdGx5PzogYm9vbGVhbjtcbiAgcGFkZGluZ0xlZnRJdGVtPzogYm9vbGVhbjtcbiAgdGltZXJEZXN0cm95PzogbnVtYmVyO1xuICBwb3NpdGlvbj86IHtcbiAgICBtb2RlOiBUWVBFX1BPUE9WRVJfUE9TSVRJT05fTU9ERTtcbiAgICBkaXN0YW5jZTogbnVtYmVyO1xuICB9O1xuICBhbmltYXRpb25Db25maWc/OiB7XG4gICAgdGltZT86IG51bWJlcjtcbiAgICBkaXN0YW5jZT86IG51bWJlcjtcbiAgfTtcbiAgd2lkdGg/OiBudW1iZXI7XG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgSURyb3Bkb3duVGFic0l0ZW0ge1xuICBrZXk6IHN0cmluZztcbiAgbmFtZTogc3RyaW5nO1xuICBodHRwUmVxdWVzdERhdGE/OiBJSHR0cFJlcXVlc3RDb25maWc7XG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgSVZhbGlkTWF4SXRlbVNlbGVjdGVkIGV4dGVuZHMgSU1lc3NhZ2VUcmFuc2xhdGUge1xuICB2YWx1ZTogbnVtYmVyO1xufVxuXG5leHBvcnQgaW50ZXJmYWNlIElEcm9wZG93biB7XG4gIGxpc3RDb25maWc6IElMaXN0Q29uZmlnSXRlbTtcbiAgbGlzdEJhY2tncm91bmRMaXN0Q3VzdG9tPzogc3RyaW5nIHwgdW5kZWZpbmVkO1xuICBsaXN0TWF4SXRlbVNob3c/OiBudW1iZXIgfCB1bmRlZmluZWQ7XG4gIGNsYXNzSW5jbHVkZVBvcHVwPzogc3RyaW5nO1xuICBwYWRkaW5nTGVmdEl0ZW0/OiBib29sZWFuO1xuICBjbGlja0V4YWN0bHk/OiBib29sZWFuO1xuICB6SW5kZXg/OiBudW1iZXI7XG4gIHBvcG92ZXJDdXN0b21Db25maWc/OiBJUG9wb3ZlckN1c3RvbUNvbmZpZztcbiAgZGlzYWJsZT86IGJvb2xlYW47XG59Il19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJvcGRvd24uaW50ZXJmYWNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy11aS9jb21wb25lbnRzL2Ryb3Bkb3duL3NyYy9pbnRlcmZhY2VzL2Ryb3Bkb3duLmludGVyZmFjZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiLyogZXNsaW50LWRpc2FibGUgQHR5cGVzY3JpcHQtZXNsaW50L25vLWV4cGxpY2l0LWFueSAqL1xuaW1wb3J0IHsgSUxpc3RDb25maWdJdGVtIH0gZnJvbSAnQGxpYnMtdWkvY29tcG9uZW50cy1saXN0JztcbmltcG9ydCB7IFRZUEVfUE9QT1ZFUl9ESVJFQ1RJT04sIFRZUEVfUE9QT1ZFUl9QT1NJVElPTl9NT0RFIH0gZnJvbSAnQGxpYnMtdWkvY29tcG9uZW50cy1wb3BvdmVyJztcbmltcG9ydCB7IElNZXNzYWdlVHJhbnNsYXRlIH0gZnJvbSAnQGxpYnMtdWkvaW50ZXJmYWNlcy10eXBlcyc7XG5pbXBvcnQgeyBJSHR0cFJlcXVlc3RDb25maWcgfSBmcm9tICdAbGlicy11aS9zZXJ2aWNlcy1odHRwLXJlcXVlc3QnO1xuXG5leHBvcnQgaW50ZXJmYWNlIElFbWl0U2VsZWN0S2V5IHtcbiAga2V5PzogdW5rbm93bjtcbiAgaXRlbT86IGFueTtcbiAgaXNDbGlja01hbnVhbD86IGJvb2xlYW47XG4gIHRhYktleUFjdGl2ZT86IHN0cmluZztcbn1cblxuZXhwb3J0IGludGVyZmFjZSBJRW1pdE11bHRpS2V5IHtcbiAga2V5cz86IEFycmF5PHVua25vd24+O1xuICBtYXBLZXlzPzogQXJyYXk8SUVtaXRTZWxlY3RLZXk+O1xuICBpc0NsaWNrTWFudWFsPzogYm9vbGVhbjtcbiAgdGFiS2V5QWN0aXZlPzogc3RyaW5nO1xufVxuXG5leHBvcnQgaW50ZXJmYWNlIElQb3BvdmVyQ3VzdG9tQ29uZmlnIHtcbiAgd2lkdGhCeVBhcmVudD86IGJvb2xlYW47XG4gIHBhcmVudEJvcmRlcldpZHRoPzogbnVtYmVyO1xuICBtYXhIZWlnaHQ/OiBudW1iZXI7XG4gIG1heFdpZHRoPzogbnVtYmVyO1xuICBkaXJlY3Rpb24/OiBUWVBFX1BPUE9WRVJfRElSRUNUSU9OO1xuICBpZ25vcmVBcnJvdz86IGJvb2xlYW47XG4gIGNsYXNzSW5jbHVkZT86IHN0cmluZztcbiAgZGlzYWJsZT86IGJvb2xlYW47XG4gIGNsaWNrRXhhY3RseT86IGJvb2xlYW47XG4gIHBhZGRpbmdMZWZ0SXRlbT86IGJvb2xlYW47XG4gIHRpbWVyRGVzdHJveT86IG51bWJlcjtcbiAgcG9zaXRpb24/OiB7XG4gICAgbW9kZTogVFlQRV9QT1BPVkVSX1BPU0lUSU9OX01PREU7XG4gICAgZGlzdGFuY2U6IG51bWJlcjtcbiAgfTtcbiAgYW5pbWF0aW9uQ29uZmlnPzoge1xuICAgIHRpbWU/OiBudW1iZXI7XG4gICAgZGlzdGFuY2U/OiBudW1iZXI7XG4gIH07XG4gIHdpZHRoPzogbnVtYmVyO1xufVxuXG5leHBvcnQgaW50ZXJmYWNlIElEcm9wZG93blRhYnNJdGVtIHtcbiAga2V5OiBzdHJpbmc7XG4gIG5hbWU6IHN0cmluZztcbiAgaHR0cFJlcXVlc3REYXRhPzogSUh0dHBSZXF1ZXN0Q29uZmlnO1xufVxuXG5leHBvcnQgaW50ZXJmYWNlIElWYWxpZE1heEl0ZW1TZWxlY3RlZCBleHRlbmRzIElNZXNzYWdlVHJhbnNsYXRlIHtcbiAgdmFsdWU6IG51bWJlcjtcbn1cblxuZXhwb3J0IGludGVyZmFjZSBJRHJvcGRvd24ge1xuICBsaXN0Q29uZmlnOiBJTGlzdENvbmZpZ0l0ZW07XG4gIGxpc3RCYWNrZ3JvdW5kTGlzdEN1c3RvbT86IHN0cmluZyB8IHVuZGVmaW5lZDtcbiAgbGlzdE1heEl0ZW1TaG93PzogbnVtYmVyIHwgdW5kZWZpbmVkO1xuICBjbGFzc0luY2x1ZGVQb3B1cD86IHN0cmluZztcbiAgcGFkZGluZ0xlZnRJdGVtPzogYm9vbGVhbjtcbiAgY2xpY2tFeGFjdGx5PzogYm9vbGVhbjtcbiAgekluZGV4PzogbnVtYmVyO1xuICBwb3BvdmVyQ3VzdG9tQ29uZmlnPzogSVBvcG92ZXJDdXN0b21Db25maWc7XG4gIGRpc2FibGU/OiBib29sZWFuO1xufVxuIl19

package/esm2022/interfaces/index.mjs

@@ -1,3 +1,3 @@
 export * from './dropdown.interface';
 export * from './function-control-event.interface';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzLXVpL2NvbXBvbmVudHMvZHJvcGRvd24vc3JjL2ludGVyZmFjZXMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxzQkFBc0IsQ0FBQztBQUNyQyxjQUFjLG9DQUFvQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9kcm9wZG93bi5pbnRlcmZhY2UnO1xuZXhwb3J0ICogZnJvbSAnLi9mdW5jdGlvbi1jb250cm9sLWV2ZW50LmludGVyZmFjZSc7Il19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzLXVpL2NvbXBvbmVudHMvZHJvcGRvd24vc3JjL2ludGVyZmFjZXMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxzQkFBc0IsQ0FBQztBQUNyQyxjQUFjLG9DQUFvQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9kcm9wZG93bi5pbnRlcmZhY2UnO1xuZXhwb3J0ICogZnJvbSAnLi9mdW5jdGlvbi1jb250cm9sLWV2ZW50LmludGVyZmFjZSc7XG4iXX0=

package/esm2022/tabs/tabs.component.mjs

@@ -1,5 +1,5 @@
-import { ChangeDetectionStrategy, Component, input, model, output } from "@angular/core";
-import { TranslateModule } from "@ngx-translate/core";
+import { ChangeDetectionStrategy, Component, input, model, output } from '@angular/core';
+import { TranslateModule } from '@ngx-translate/core';
 import * as i0 from "@angular/core";
 import * as i1 from "@ngx-translate/core";
 export class LibsUiComponentsDropdownTabsComponent {
@@ -14,10 +14,10 @@ export class LibsUiComponentsDropdownTabsComponent {
         this.outChange.emit();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LibsUiComponentsDropdownTabsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: LibsUiComponentsDropdownTabsComponent, isStandalone: true, selector: "libs_ui-components-dropdown-tabs", inputs: { ignoreBorderBottom: { classPropertyName: "ignoreBorderBottom", publicName: "ignoreBorderBottom", isSignal: true, isRequired: false, transformFunction: null }, tabsConfig: { classPropertyName: "tabsConfig", publicName: "tabsConfig", isSignal: true, isRequired: false, transformFunction: null }, tabKeyActive: { classPropertyName: "tabKeyActive", publicName: "tabKeyActive", isSignal: true, isRequired: false, transformFunction: null }, disable: { classPropertyName: "disable", publicName: "disable", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { tabKeyActive: "tabKeyActiveChange", outChange: "outChange" }, ngImport: i0, template: "<div class=\"libs-ui-dropdown-tab-container\"\n  [class.libs-ui-border-bottom-general]=\"!ignoreBorderBottom()\">\n  @for (tab of tabsConfig(); track tab) {\n    <div class=\"libs-ui-dropdown-tab-container-item libs-ui-font-h6m\"\n      [class.libs-ui-dropdown-tab-container-item-active]=\"tabKeyActive() === tab.key\"\n      [class.libs-ui-disable]=\"disable()\"\n      [class.pointer-events-none]=\"disable()\"\n      (click)=\"handlerSelectTab($event,tab.key)\">\n      {{ tab.name | translate }}\n    </div>\n  }\n</div>\n", styles: [".libs-ui--tab-container{display:flex;width:100%;height:40px}.libs-ui--tab-container .libs-ui--tab-container-item{height:100%;display:flex;align-items:center;justify-content:center;margin:0 16px;position:relative;color:#6a7383;cursor:pointer}.libs-ui--tab-container .libs-ui--tab-container-item:hover:before{position:absolute;content:\"\";width:100%;height:2px;background-color:#6a7383;left:0;bottom:0}.libs-ui--tab-container .libs-ui--tab-container-item.libs-ui--tab-container-item-active:before{position:absolute;content:\"\";width:100%;height:2px;background-color:var(--libs-ui-color-default, #226ff5);left:0;bottom:0}\n"], dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: LibsUiComponentsDropdownTabsComponent, isStandalone: true, selector: "libs_ui-components-dropdown-tabs", inputs: { ignoreBorderBottom: { classPropertyName: "ignoreBorderBottom", publicName: "ignoreBorderBottom", isSignal: true, isRequired: false, transformFunction: null }, tabsConfig: { classPropertyName: "tabsConfig", publicName: "tabsConfig", isSignal: true, isRequired: false, transformFunction: null }, tabKeyActive: { classPropertyName: "tabKeyActive", publicName: "tabKeyActive", isSignal: true, isRequired: false, transformFunction: null }, disable: { classPropertyName: "disable", publicName: "disable", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { tabKeyActive: "tabKeyActiveChange", outChange: "outChange" }, ngImport: i0, template: "<div\n  class=\"libs-ui-dropdown-tab-container\"\n  [class.libs-ui-border-bottom-general]=\"!ignoreBorderBottom()\">\n  @for (tab of tabsConfig(); track tab) {\n    <div\n      class=\"libs-ui-dropdown-tab-container-item libs-ui-font-h6m\"\n      [class.libs-ui-dropdown-tab-container-item-active]=\"tabKeyActive() === tab.key\"\n      [class.libs-ui-disable]=\"disable()\"\n      [class.pointer-events-none]=\"disable()\"\n      (click)=\"handlerSelectTab($event, tab.key)\">\n      {{ tab.name | translate }}\n    </div>\n  }\n</div>\n", styles: [".libs-ui--tab-container{display:flex;width:100%;height:40px}.libs-ui--tab-container .libs-ui--tab-container-item{height:100%;display:flex;align-items:center;justify-content:center;margin:0 16px;position:relative;color:#6a7383;cursor:pointer}.libs-ui--tab-container .libs-ui--tab-container-item:hover:before{position:absolute;content:\"\";width:100%;height:2px;background-color:#6a7383;left:0;bottom:0}.libs-ui--tab-container .libs-ui--tab-container-item.libs-ui--tab-container-item-active:before{position:absolute;content:\"\";width:100%;height:2px;background-color:var(--libs-ui-color-default, #226ff5);left:0;bottom:0}\n"], dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LibsUiComponentsDropdownTabsComponent, decorators: [{
             type: Component,
-            args: [{ selector: "libs_ui-components-dropdown-tabs", standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [TranslateModule], template: "<div class=\"libs-ui-dropdown-tab-container\"\n  [class.libs-ui-border-bottom-general]=\"!ignoreBorderBottom()\">\n  @for (tab of tabsConfig(); track tab) {\n    <div class=\"libs-ui-dropdown-tab-container-item libs-ui-font-h6m\"\n      [class.libs-ui-dropdown-tab-container-item-active]=\"tabKeyActive() === tab.key\"\n      [class.libs-ui-disable]=\"disable()\"\n      [class.pointer-events-none]=\"disable()\"\n      (click)=\"handlerSelectTab($event,tab.key)\">\n      {{ tab.name | translate }}\n    </div>\n  }\n</div>\n", styles: [".libs-ui--tab-container{display:flex;width:100%;height:40px}.libs-ui--tab-container .libs-ui--tab-container-item{height:100%;display:flex;align-items:center;justify-content:center;margin:0 16px;position:relative;color:#6a7383;cursor:pointer}.libs-ui--tab-container .libs-ui--tab-container-item:hover:before{position:absolute;content:\"\";width:100%;height:2px;background-color:#6a7383;left:0;bottom:0}.libs-ui--tab-container .libs-ui--tab-container-item.libs-ui--tab-container-item-active:before{position:absolute;content:\"\";width:100%;height:2px;background-color:var(--libs-ui-color-default, #226ff5);left:0;bottom:0}\n"] }]
+            args: [{ selector: 'libs_ui-components-dropdown-tabs', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [TranslateModule], template: "<div\n  class=\"libs-ui-dropdown-tab-container\"\n  [class.libs-ui-border-bottom-general]=\"!ignoreBorderBottom()\">\n  @for (tab of tabsConfig(); track tab) {\n    <div\n      class=\"libs-ui-dropdown-tab-container-item libs-ui-font-h6m\"\n      [class.libs-ui-dropdown-tab-container-item-active]=\"tabKeyActive() === tab.key\"\n      [class.libs-ui-disable]=\"disable()\"\n      [class.pointer-events-none]=\"disable()\"\n      (click)=\"handlerSelectTab($event, tab.key)\">\n      {{ tab.name | translate }}\n    </div>\n  }\n</div>\n", styles: [".libs-ui--tab-container{display:flex;width:100%;height:40px}.libs-ui--tab-container .libs-ui--tab-container-item{height:100%;display:flex;align-items:center;justify-content:center;margin:0 16px;position:relative;color:#6a7383;cursor:pointer}.libs-ui--tab-container .libs-ui--tab-container-item:hover:before{position:absolute;content:\"\";width:100%;height:2px;background-color:#6a7383;left:0;bottom:0}.libs-ui--tab-container .libs-ui--tab-container-item.libs-ui--tab-container-item-active:before{position:absolute;content:\"\";width:100%;height:2px;background-color:var(--libs-ui-color-default, #226ff5);left:0;bottom:0}\n"] }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFicy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzLXVpL2NvbXBvbmVudHMvZHJvcGRvd24vc3JjL3RhYnMvdGFicy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzLXVpL2NvbXBvbmVudHMvZHJvcGRvd24vc3JjL3RhYnMvdGFicy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pGLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQzs7O0FBWXRELE1BQU0sT0FBTyxxQ0FBcUM7SUFFdkMsa0JBQWtCLEdBQUcsS0FBSyxFQUFXLENBQUM7SUFDdEMsVUFBVSxHQUFHLEtBQUssRUFBNEIsQ0FBQztJQUMvQyxZQUFZLEdBQUcsS0FBSyxFQUFVLENBQUM7SUFDL0IsT0FBTyxHQUFHLEtBQUssRUFBVyxDQUFDO0lBRTNCLFNBQVMsR0FBRyxNQUFNLEVBQVEsQ0FBQztJQUUxQixnQkFBZ0IsQ0FBQyxLQUFZLEVBQUUsR0FBVztRQUNsRCxLQUFLLENBQUMsZUFBZSxFQUFFLENBQUM7UUFDeEIsSUFBSSxDQUFDLFlBQVksQ0FBQyxHQUFHLENBQUMsR0FBRyxDQUFDLENBQUM7UUFDM0IsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUN4QixDQUFDO3dHQWJVLHFDQUFxQzs0RkFBckMscUNBQXFDLGt1QkNibEQsZ2hCQVlBLHVxQkREWSxlQUFlOzs0RkFFZCxxQ0FBcUM7a0JBVGpELFNBQVM7K0JBRUUsa0NBQWtDLGNBR2hDLElBQUksbUJBQ0MsdUJBQXVCLENBQUMsTUFBTSxXQUN0QyxDQUFDLGVBQWUsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIGlucHV0LCBtb2RlbCwgb3V0cHV0IH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcbmltcG9ydCB7IFRyYW5zbGF0ZU1vZHVsZSB9IGZyb20gXCJAbmd4LXRyYW5zbGF0ZS9jb3JlXCI7XG5pbXBvcnQgeyBJRHJvcGRvd25UYWJzSXRlbSB9IGZyb20gXCIuLi9pbnRlcmZhY2VzL2Ryb3Bkb3duLmludGVyZmFjZVwiO1xuXG5AQ29tcG9uZW50KHtcbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEBhbmd1bGFyLWVzbGludC9jb21wb25lbnQtc2VsZWN0b3JcbiAgc2VsZWN0b3I6IFwibGlic191aS1jb21wb25lbnRzLWRyb3Bkb3duLXRhYnNcIixcbiAgdGVtcGxhdGVVcmw6IFwiLi90YWJzLmNvbXBvbmVudC5odG1sXCIsXG4gIHN0eWxlVXJsOiBcIi4vdGFicy5jb21wb25lbnQuc2Nzc1wiLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgaW1wb3J0czogW1RyYW5zbGF0ZU1vZHVsZV1cbn0pXG5leHBvcnQgY2xhc3MgTGlic1VpQ29tcG9uZW50c0Ryb3Bkb3duVGFic0NvbXBvbmVudCB7XG5cbiAgcmVhZG9ubHkgaWdub3JlQm9yZGVyQm90dG9tID0gaW5wdXQ8Ym9vbGVhbj4oKTtcbiAgcmVhZG9ubHkgdGFic0NvbmZpZyA9IGlucHV0PEFycmF5PElEcm9wZG93blRhYnNJdGVtPj4oKTtcbiAgcmVhZG9ubHkgdGFiS2V5QWN0aXZlID0gbW9kZWw8c3RyaW5nPigpO1xuICByZWFkb25seSBkaXNhYmxlID0gaW5wdXQ8Ym9vbGVhbj4oKTtcblxuICByZWFkb25seSBvdXRDaGFuZ2UgPSBvdXRwdXQ8dm9pZD4oKTtcblxuICBwcm90ZWN0ZWQgaGFuZGxlclNlbGVjdFRhYihldmVudDogRXZlbnQsIGtleTogc3RyaW5nKSB7XG4gICAgZXZlbnQuc3RvcFByb3BhZ2F0aW9uKCk7XG4gICAgdGhpcy50YWJLZXlBY3RpdmUuc2V0KGtleSk7XG4gICAgdGhpcy5vdXRDaGFuZ2UuZW1pdCgpO1xuICB9XG5cbn0iLCI8ZGl2IGNsYXNzPVwibGlicy11aS1kcm9wZG93bi10YWItY29udGFpbmVyXCJcbiAgW2NsYXNzLmxpYnMtdWktYm9yZGVyLWJvdHRvbS1nZW5lcmFsXT1cIiFpZ25vcmVCb3JkZXJCb3R0b20oKVwiPlxuICBAZm9yICh0YWIgb2YgdGFic0NvbmZpZygpOyB0cmFjayB0YWIpIHtcbiAgICA8ZGl2IGNsYXNzPVwibGlicy11aS1kcm9wZG93bi10YWItY29udGFpbmVyLWl0ZW0gbGlicy11aS1mb250LWg2bVwiXG4gICAgICBbY2xhc3MubGlicy11aS1kcm9wZG93bi10YWItY29udGFpbmVyLWl0ZW0tYWN0aXZlXT1cInRhYktleUFjdGl2ZSgpID09PSB0YWIua2V5XCJcbiAgICAgIFtjbGFzcy5saWJzLXVpLWRpc2FibGVdPVwiZGlzYWJsZSgpXCJcbiAgICAgIFtjbGFzcy5wb2ludGVyLWV2ZW50cy1ub25lXT1cImRpc2FibGUoKVwiXG4gICAgICAoY2xpY2spPVwiaGFuZGxlclNlbGVjdFRhYigkZXZlbnQsdGFiLmtleSlcIj5cbiAgICAgIHt7IHRhYi5uYW1lIHwgdHJhbnNsYXRlIH19XG4gICAgPC9kaXY+XG4gIH1cbjwvZGl2PlxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFicy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzLXVpL2NvbXBvbmVudHMvZHJvcGRvd24vc3JjL3RhYnMvdGFicy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9saWJzLXVpL2NvbXBvbmVudHMvZHJvcGRvd24vc3JjL3RhYnMvdGFicy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pGLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQzs7O0FBWXRELE1BQU0sT0FBTyxxQ0FBcUM7SUFDdkMsa0JBQWtCLEdBQUcsS0FBSyxFQUFXLENBQUM7SUFDdEMsVUFBVSxHQUFHLEtBQUssRUFBNEIsQ0FBQztJQUMvQyxZQUFZLEdBQUcsS0FBSyxFQUFVLENBQUM7SUFDL0IsT0FBTyxHQUFHLEtBQUssRUFBVyxDQUFDO0lBRTNCLFNBQVMsR0FBRyxNQUFNLEVBQVEsQ0FBQztJQUUxQixnQkFBZ0IsQ0FBQyxLQUFZLEVBQUUsR0FBVztRQUNsRCxLQUFLLENBQUMsZUFBZSxFQUFFLENBQUM7UUFDeEIsSUFBSSxDQUFDLFlBQVksQ0FBQyxHQUFHLENBQUMsR0FBRyxDQUFDLENBQUM7UUFDM0IsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUN4QixDQUFDO3dHQVpVLHFDQUFxQzs0RkFBckMscUNBQXFDLGt1QkNibEQsMmhCQWNBLHVxQkRIWSxlQUFlOzs0RkFFZCxxQ0FBcUM7a0JBVGpELFNBQVM7K0JBRUUsa0NBQWtDLGNBR2hDLElBQUksbUJBQ0MsdUJBQXVCLENBQUMsTUFBTSxXQUN0QyxDQUFDLGVBQWUsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIGlucHV0LCBtb2RlbCwgb3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBUcmFuc2xhdGVNb2R1bGUgfSBmcm9tICdAbmd4LXRyYW5zbGF0ZS9jb3JlJztcbmltcG9ydCB7IElEcm9wZG93blRhYnNJdGVtIH0gZnJvbSAnLi4vaW50ZXJmYWNlcy9kcm9wZG93bi5pbnRlcmZhY2UnO1xuXG5AQ29tcG9uZW50KHtcbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEBhbmd1bGFyLWVzbGludC9jb21wb25lbnQtc2VsZWN0b3JcbiAgc2VsZWN0b3I6ICdsaWJzX3VpLWNvbXBvbmVudHMtZHJvcGRvd24tdGFicycsXG4gIHRlbXBsYXRlVXJsOiAnLi90YWJzLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmw6ICcuL3RhYnMuY29tcG9uZW50LnNjc3MnLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgaW1wb3J0czogW1RyYW5zbGF0ZU1vZHVsZV0sXG59KVxuZXhwb3J0IGNsYXNzIExpYnNVaUNvbXBvbmVudHNEcm9wZG93blRhYnNDb21wb25lbnQge1xuICByZWFkb25seSBpZ25vcmVCb3JkZXJCb3R0b20gPSBpbnB1dDxib29sZWFuPigpO1xuICByZWFkb25seSB0YWJzQ29uZmlnID0gaW5wdXQ8QXJyYXk8SURyb3Bkb3duVGFic0l0ZW0+PigpO1xuICByZWFkb25seSB0YWJLZXlBY3RpdmUgPSBtb2RlbDxzdHJpbmc+KCk7XG4gIHJlYWRvbmx5IGRpc2FibGUgPSBpbnB1dDxib29sZWFuPigpO1xuXG4gIHJlYWRvbmx5IG91dENoYW5nZSA9IG91dHB1dDx2b2lkPigpO1xuXG4gIHByb3RlY3RlZCBoYW5kbGVyU2VsZWN0VGFiKGV2ZW50OiBFdmVudCwga2V5OiBzdHJpbmcpIHtcbiAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICB0aGlzLnRhYktleUFjdGl2ZS5zZXQoa2V5KTtcbiAgICB0aGlzLm91dENoYW5nZS5lbWl0KCk7XG4gIH1cbn1cbiIsIjxkaXZcbiAgY2xhc3M9XCJsaWJzLXVpLWRyb3Bkb3duLXRhYi1jb250YWluZXJcIlxuICBbY2xhc3MubGlicy11aS1ib3JkZXItYm90dG9tLWdlbmVyYWxdPVwiIWlnbm9yZUJvcmRlckJvdHRvbSgpXCI+XG4gIEBmb3IgKHRhYiBvZiB0YWJzQ29uZmlnKCk7IHRyYWNrIHRhYikge1xuICAgIDxkaXZcbiAgICAgIGNsYXNzPVwibGlicy11aS1kcm9wZG93bi10YWItY29udGFpbmVyLWl0ZW0gbGlicy11aS1mb250LWg2bVwiXG4gICAgICBbY2xhc3MubGlicy11aS1kcm9wZG93bi10YWItY29udGFpbmVyLWl0ZW0tYWN0aXZlXT1cInRhYktleUFjdGl2ZSgpID09PSB0YWIua2V5XCJcbiAgICAgIFtjbGFzcy5saWJzLXVpLWRpc2FibGVdPVwiZGlzYWJsZSgpXCJcbiAgICAgIFtjbGFzcy5wb2ludGVyLWV2ZW50cy1ub25lXT1cImRpc2FibGUoKVwiXG4gICAgICAoY2xpY2spPVwiaGFuZGxlclNlbGVjdFRhYigkZXZlbnQsIHRhYi5rZXkpXCI+XG4gICAgICB7eyB0YWIubmFtZSB8IHRyYW5zbGF0ZSB9fVxuICAgIDwvZGl2PlxuICB9XG48L2Rpdj5cbiJdfQ==

package/fesm2022/libs-ui-components-dropdown.mjs

@@ -1,6 +1,6 @@
 import { AsyncPipe } from '@angular/common';
 import * as i0 from '@angular/core';
-import { input, model, output, Component, ChangeDetectionStrategy, signal, computed, inject, effect, untracked } from '@angular/core';
+import { input, model, output, ChangeDetectionStrategy, Component, signal, computed, inject, effect, untracked } from '@angular/core';
 import { LibsUiComponentsAvatarComponent } from '@libs-ui/components-avatar';
 import { LibsUiComponentsLabelComponent } from '@libs-ui/components-label';
 import { getFieldKeyByType, LibsUiComponentsListComponent } from '@libs-ui/components-list';
@@ -23,11 +23,11 @@ class LibsUiComponentsDropdownTabsComponent {
         this.outChange.emit();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LibsUiComponentsDropdownTabsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: LibsUiComponentsDropdownTabsComponent, isStandalone: true, selector: "libs_ui-components-dropdown-tabs", inputs: { ignoreBorderBottom: { classPropertyName: "ignoreBorderBottom", publicName: "ignoreBorderBottom", isSignal: true, isRequired: false, transformFunction: null }, tabsConfig: { classPropertyName: "tabsConfig", publicName: "tabsConfig", isSignal: true, isRequired: false, transformFunction: null }, tabKeyActive: { classPropertyName: "tabKeyActive", publicName: "tabKeyActive", isSignal: true, isRequired: false, transformFunction: null }, disable: { classPropertyName: "disable", publicName: "disable", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { tabKeyActive: "tabKeyActiveChange", outChange: "outChange" }, ngImport: i0, template: "<div class=\"libs-ui-dropdown-tab-container\"\n  [class.libs-ui-border-bottom-general]=\"!ignoreBorderBottom()\">\n  @for (tab of tabsConfig(); track tab) {\n    <div class=\"libs-ui-dropdown-tab-container-item libs-ui-font-h6m\"\n      [class.libs-ui-dropdown-tab-container-item-active]=\"tabKeyActive() === tab.key\"\n      [class.libs-ui-disable]=\"disable()\"\n      [class.pointer-events-none]=\"disable()\"\n      (click)=\"handlerSelectTab($event,tab.key)\">\n      {{ tab.name | translate }}\n    </div>\n  }\n</div>\n", styles: [".libs-ui--tab-container{display:flex;width:100%;height:40px}.libs-ui--tab-container .libs-ui--tab-container-item{height:100%;display:flex;align-items:center;justify-content:center;margin:0 16px;position:relative;color:#6a7383;cursor:pointer}.libs-ui--tab-container .libs-ui--tab-container-item:hover:before{position:absolute;content:\"\";width:100%;height:2px;background-color:#6a7383;left:0;bottom:0}.libs-ui--tab-container .libs-ui--tab-container-item.libs-ui--tab-container-item-active:before{position:absolute;content:\"\";width:100%;height:2px;background-color:var(--libs-ui-color-default, #226ff5);left:0;bottom:0}\n"], dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: LibsUiComponentsDropdownTabsComponent, isStandalone: true, selector: "libs_ui-components-dropdown-tabs", inputs: { ignoreBorderBottom: { classPropertyName: "ignoreBorderBottom", publicName: "ignoreBorderBottom", isSignal: true, isRequired: false, transformFunction: null }, tabsConfig: { classPropertyName: "tabsConfig", publicName: "tabsConfig", isSignal: true, isRequired: false, transformFunction: null }, tabKeyActive: { classPropertyName: "tabKeyActive", publicName: "tabKeyActive", isSignal: true, isRequired: false, transformFunction: null }, disable: { classPropertyName: "disable", publicName: "disable", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { tabKeyActive: "tabKeyActiveChange", outChange: "outChange" }, ngImport: i0, template: "<div\n  class=\"libs-ui-dropdown-tab-container\"\n  [class.libs-ui-border-bottom-general]=\"!ignoreBorderBottom()\">\n  @for (tab of tabsConfig(); track tab) {\n    <div\n      class=\"libs-ui-dropdown-tab-container-item libs-ui-font-h6m\"\n      [class.libs-ui-dropdown-tab-container-item-active]=\"tabKeyActive() === tab.key\"\n      [class.libs-ui-disable]=\"disable()\"\n      [class.pointer-events-none]=\"disable()\"\n      (click)=\"handlerSelectTab($event, tab.key)\">\n      {{ tab.name | translate }}\n    </div>\n  }\n</div>\n", styles: [".libs-ui--tab-container{display:flex;width:100%;height:40px}.libs-ui--tab-container .libs-ui--tab-container-item{height:100%;display:flex;align-items:center;justify-content:center;margin:0 16px;position:relative;color:#6a7383;cursor:pointer}.libs-ui--tab-container .libs-ui--tab-container-item:hover:before{position:absolute;content:\"\";width:100%;height:2px;background-color:#6a7383;left:0;bottom:0}.libs-ui--tab-container .libs-ui--tab-container-item.libs-ui--tab-container-item-active:before{position:absolute;content:\"\";width:100%;height:2px;background-color:var(--libs-ui-color-default, #226ff5);left:0;bottom:0}\n"], dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LibsUiComponentsDropdownTabsComponent, decorators: [{
             type: Component,
-            args: [{ selector: "libs_ui-components-dropdown-tabs", standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [TranslateModule], template: "<div class=\"libs-ui-dropdown-tab-container\"\n  [class.libs-ui-border-bottom-general]=\"!ignoreBorderBottom()\">\n  @for (tab of tabsConfig(); track tab) {\n    <div class=\"libs-ui-dropdown-tab-container-item libs-ui-font-h6m\"\n      [class.libs-ui-dropdown-tab-container-item-active]=\"tabKeyActive() === tab.key\"\n      [class.libs-ui-disable]=\"disable()\"\n      [class.pointer-events-none]=\"disable()\"\n      (click)=\"handlerSelectTab($event,tab.key)\">\n      {{ tab.name | translate }}\n    </div>\n  }\n</div>\n", styles: [".libs-ui--tab-container{display:flex;width:100%;height:40px}.libs-ui--tab-container .libs-ui--tab-container-item{height:100%;display:flex;align-items:center;justify-content:center;margin:0 16px;position:relative;color:#6a7383;cursor:pointer}.libs-ui--tab-container .libs-ui--tab-container-item:hover:before{position:absolute;content:\"\";width:100%;height:2px;background-color:#6a7383;left:0;bottom:0}.libs-ui--tab-container .libs-ui--tab-container-item.libs-ui--tab-container-item-active:before{position:absolute;content:\"\";width:100%;height:2px;background-color:var(--libs-ui-color-default, #226ff5);left:0;bottom:0}\n"] }]
+            args: [{ selector: 'libs_ui-components-dropdown-tabs', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [TranslateModule], template: "<div\n  class=\"libs-ui-dropdown-tab-container\"\n  [class.libs-ui-border-bottom-general]=\"!ignoreBorderBottom()\">\n  @for (tab of tabsConfig(); track tab) {\n    <div\n      class=\"libs-ui-dropdown-tab-container-item libs-ui-font-h6m\"\n      [class.libs-ui-dropdown-tab-container-item-active]=\"tabKeyActive() === tab.key\"\n      [class.libs-ui-disable]=\"disable()\"\n      [class.pointer-events-none]=\"disable()\"\n      (click)=\"handlerSelectTab($event, tab.key)\">\n      {{ tab.name | translate }}\n    </div>\n  }\n</div>\n", styles: [".libs-ui--tab-container{display:flex;width:100%;height:40px}.libs-ui--tab-container .libs-ui--tab-container-item{height:100%;display:flex;align-items:center;justify-content:center;margin:0 16px;position:relative;color:#6a7383;cursor:pointer}.libs-ui--tab-container .libs-ui--tab-container-item:hover:before{position:absolute;content:\"\";width:100%;height:2px;background-color:#6a7383;left:0;bottom:0}.libs-ui--tab-container .libs-ui--tab-container-item.libs-ui--tab-container-item-active:before{position:absolute;content:\"\";width:100%;height:2px;background-color:var(--libs-ui-color-default, #226ff5);left:0;bottom:0}\n"] }]
         }] });
 
 /* eslint-disable @typescript-eslint/no-explicit-any */
@@ -63,7 +63,7 @@ class LibsUiComponentsDropdownComponent {
     textDisplayWhenNoSelect = input('i18n_select_information');
     textDisplayWhenMultiSelect = input('i18n_selecting_options');
     classIncludeTextDisplayWhenNoSelect = input('libs-ui-font-h5r');
-    fieldLabel = input('labelDisplay', { transform: value => value || 'labelDisplay' });
+    fieldLabel = input('labelDisplay', { transform: (value) => value || 'labelDisplay' });
     fieldGetLabel = input();
     labelPopoverConfig = input();
     labelPopoverFullWidth = input(true);
@@ -75,7 +75,7 @@ class LibsUiComponentsDropdownComponent {
     fieldGetIcon = input();
     fieldGetTextAvatar = input('username');
     fieldGetColorAvatar = input();
-    classAvatarInclude = input('mr-[8px]', { transform: value => value || 'mr-[8px]' });
+    classAvatarInclude = input('mr-[8px]', { transform: (value) => value || 'mr-[8px]' });
     getLastTextAfterSpace = input();
     linkImageError = input();
     showError = input(true);
@@ -84,7 +84,7 @@ class LibsUiComponentsDropdownComponent {
     readonly = input();
     labelConfig = input();
     disableLabel = input();
-    listSearchConfig = input({ noBorder: true }, { transform: value => value || { noBorder: true } });
+    listSearchConfig = input({ noBorder: true }, { transform: (value) => value || { noBorder: true } });
     isSearchOnline = input(false);
     listHiddenInputSearch = input();
     listSearchPadding = input();
@@ -108,7 +108,7 @@ class LibsUiComponentsDropdownComponent {
     onlyEmitDataWhenReset = input(); // true khi muốn emit sự kiện thay đổi key
     resetKeyWhenSelectAllKey = input();
     listConfigHasDivider = input(true);
-    classIncludeIcon = input('ml-[8px]', { transform: value => value || 'ml-[8px]' });
+    classIncludeIcon = input('ml-[8px]', { transform: (value) => value || 'ml-[8px]' });
     classIncludeContent = input();
     listIgnoreClassDisableDefaultWhenUseKeysDisableItem = input(); // bỏ chế độ disable item trên html list view để disable từng phần trong rows
     tabKeyActive = model();
@@ -185,20 +185,23 @@ class LibsUiComponentsDropdownComponent {
             }
             this.outDataChange.emit(this.items());
         }
-        this.outFunctionsControl.emit({
+        this.outFunctionsControl.emit(this.FunctionsControl);
+        this.checkValid(true);
+    }
+    /* FUNCTIONS */
+    get FunctionsControl() {
+        return {
             reset: this.reset.bind(this),
             checkIsValid: this.valid.bind(this),
             resetError: this.resetError.bind(this),
             setError: this.setError.bind(this),
             removeList: async () => this.popoverFunctionControl()?.removePopoverOverlay(),
             getDisable: async () => this.disable() ?? false,
-            updateLabelItemSelected: async (label) => this.itemsSelected.update(value => ({ ...value, [this.fieldLabel()]: this.translate.instant(label) })),
+            updateLabelItemSelected: async (label) => this.itemsSelected.update((value) => ({ ...value, [this.fieldLabel()]: this.translate.instant(label) })),
             refreshList: async () => this.listFunctionControl()?.refresh(),
-            setItemSelectedByKey: this.setItemSelectedByKey.bind(this)
-        });
-        this.checkValid(true);
+            setItemSelectedByKey: this.setItemSelectedByKey.bind(this),
+        };
     }
-    /* FUNCTIONS */
     defaultConvertItemSelected(item) {
         if (!item) {
             return;
@@ -246,7 +249,7 @@ class LibsUiComponentsDropdownComponent {
         }
         const keys = [];
         const mapKeys = [];
-        items.forEach(item => {
+        items.forEach((item) => {
             const key = get(item, this.fieldKey());
             if (isNil(key)) {
                 return;
@@ -305,7 +308,7 @@ class LibsUiComponentsDropdownComponent {
             if (!itemSelected) {
                 itemSelected = {
                     [this.fieldKey()]: key,
-                    [this.fieldLabel()]: CHARACTER_DATA_EMPTY
+                    [this.fieldLabel()]: CHARACTER_DATA_EMPTY,
                 };
                 this.itemsSelected.set(itemSelected);
             }
@@ -321,9 +324,9 @@ class LibsUiComponentsDropdownComponent {
     }
     async handlerSelectMultiKey(event, isClickManual = false) {
         if (this.listConfig()?.configTemplateGroup?.()?.singleSelectItem && event?.mapKeys?.length) {
-            const itemClickManual = event.mapKeys.find(mapKey => mapKey.item && mapKey.item.isCheckManual);
+            const itemClickManual = event.mapKeys.find((mapKey) => mapKey.item && mapKey.item.isCheckManual);
             if (itemClickManual) {
-                setTimeout(() => itemClickManual.item.isCheckManual = false);
+                setTimeout(() => (itemClickManual.item.isCheckManual = false));
                 event.keys = [itemClickManual.key];
                 event.mapKeys = [itemClickManual];
                 this.popoverFunctionControl()?.removePopoverOverlay();
@@ -338,7 +341,7 @@ class LibsUiComponentsDropdownComponent {
             return;
         }
         const key = event?.keys[0];
-        let item = event?.mapKeys?.find(item => item.key === key)?.item;
+        let item = event?.mapKeys?.find((item) => item.key === key)?.item;
         if (this.lengthKeys() && !item && this.httpRequestDetailItemById()) {
             item = await this.setItemSelectedByKey(key);
             this.outSelectMultiKey.emit({ keys: [key], mapKeys: [{ key, item }], isClickManual, tabKeyActive: this.tabKeyActive() });
@@ -454,16 +457,11 @@ class LibsUiComponentsDropdownComponent {
         this.outChangStageFlagMouse.emit(flag);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LibsUiComponentsDropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: LibsUiComponentsDropdownComponent, isStandalone: true, selector: "libs_ui-components-dropdown", inputs: { useXssFilter: { classPropertyName: "useXssFilter", publicName: "useXssFilter", isSignal: true, isRequired: false, transformFunction: null }, popoverElementRefCustom: { classPropertyName: "popoverElementRefCustom", publicName: "popoverElementRefCustom", isSignal: true, isRequired: false, transformFunction: null }, classInclude: { classPropertyName: "classInclude", publicName: "classInclude", isSignal: true, isRequired: false, transformFunction: null }, ignoreStopPropagationEvent: { classPropertyName: "ignoreStopPropagationEvent", publicName: "ignoreStopPropagationEvent", isSignal: true, isRequired: false, transformFunction: null }, flagMouse: { classPropertyName: "flagMouse", publicName: "flagMouse", isSignal: true, isRequired: false, transformFunction: null }, flagMouseContent: { classPropertyName: "flagMouseContent", publicName: "flagMouseContent", isSignal: true, isRequired: false, transformFunction: null }, popoverCustomConfig: { classPropertyName: "popoverCustomConfig", publicName: "popoverCustomConfig", isSignal: true, isRequired: false, transformFunction: null }, isNgContent: { classPropertyName: "isNgContent", publicName: "isNgContent", isSignal: true, isRequired: false, transformFunction: null }, zIndex: { classPropertyName: "zIndex", publicName: "zIndex", isSignal: true, isRequired: false, transformFunction: null }, convertItemSelected: { classPropertyName: "convertItemSelected", publicName: "convertItemSelected", isSignal: true, isRequired: false, transformFunction: null }, getPopoverItemSelected: { classPropertyName: "getPopoverItemSelected", publicName: "getPopoverItemSelected", isSignal: true, isRequired: false, transformFunction: null }, httpRequestDetailItemById: { classPropertyName: "httpRequestDetailItemById", publicName: "httpRequestDetailItemById", isSignal: true, isRequired: false, transformFunction: null }, lengthKeys: { classPropertyName: "lengthKeys", publicName: "lengthKeys", isSignal: true, isRequired: false, transformFunction: null }, textDisplayWhenNoSelect: { classPropertyName: "textDisplayWhenNoSelect", publicName: "textDisplayWhenNoSelect", isSignal: true, isRequired: false, transformFunction: null }, textDisplayWhenMultiSelect: { classPropertyName: "textDisplayWhenMultiSelect", publicName: "textDisplayWhenMultiSelect", isSignal: true, isRequired: false, transformFunction: null }, classIncludeTextDisplayWhenNoSelect: { classPropertyName: "classIncludeTextDisplayWhenNoSelect", publicName: "classIncludeTextDisplayWhenNoSelect", isSignal: true, isRequired: false, transformFunction: null }, fieldLabel: { classPropertyName: "fieldLabel", publicName: "fieldLabel", isSignal: true, isRequired: false, transformFunction: null }, fieldGetLabel: { classPropertyName: "fieldGetLabel", publicName: "fieldGetLabel", isSignal: true, isRequired: false, transformFunction: null }, labelPopoverConfig: { classPropertyName: "labelPopoverConfig", publicName: "labelPopoverConfig", isSignal: true, isRequired: false, transformFunction: null }, labelPopoverFullWidth: { classPropertyName: "labelPopoverFullWidth", publicName: "labelPopoverFullWidth", isSignal: true, isRequired: false, transformFunction: null }, hasContentUnitRight: { classPropertyName: "hasContentUnitRight", publicName: "hasContentUnitRight", isSignal: true, isRequired: false, transformFunction: null }, listSearchNoDataTemplateRef: { classPropertyName: "listSearchNoDataTemplateRef", publicName: "listSearchNoDataTemplateRef", isSignal: true, isRequired: false, transformFunction: null }, fieldGetImage: { classPropertyName: "fieldGetImage", publicName: "fieldGetImage", isSignal: true, isRequired: false, transformFunction: null }, imageSize: { classPropertyName: "imageSize", publicName: "imageSize", isSignal: true, isRequired: false, transformFunction: null }, typeShape: { classPropertyName: "typeShape", publicName: "typeShape", isSignal: true, isRequired: false, transformFunction: null }, fieldGetIcon: { classPropertyName: "fieldGetIcon", publicName: "fieldGetIcon", isSignal: true, isRequired: false, transformFunction: null }, fieldGetTextAvatar: { classPropertyName: "fieldGetTextAvatar", publicName: "fieldGetTextAvatar", isSignal: true, isRequired: false, transformFunction: null }, fieldGetColorAvatar: { classPropertyName: "fieldGetColorAvatar", publicName: "fieldGetColorAvatar", isSignal: true, isRequired: false, transformFunction: null }, classAvatarInclude: { classPropertyName: "classAvatarInclude", publicName: "classAvatarInclude", isSignal: true, isRequired: false, transformFunction: null }, getLastTextAfterSpace: { classPropertyName: "getLastTextAfterSpace", publicName: "getLastTextAfterSpace", isSignal: true, isRequired: false, transformFunction: null }, linkImageError: { classPropertyName: "linkImageError", publicName: "linkImageError", isSignal: true, isRequired: false, transformFunction: null }, showError: { classPropertyName: "showError", publicName: "showError", isSignal: true, isRequired: false, transformFunction: null }, showBorderError: { classPropertyName: "showBorderError", publicName: "showBorderError", isSignal: true, isRequired: false, transformFunction: null }, disable: { classPropertyName: "disable", publicName: "disable", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, labelConfig: { classPropertyName: "labelConfig", publicName: "labelConfig", isSignal: true, isRequired: false, transformFunction: null }, disableLabel: { classPropertyName: "disableLabel", publicName: "disableLabel", isSignal: true, isRequired: false, transformFunction: null }, listSearchConfig: { classPropertyName: "listSearchConfig", publicName: "listSearchConfig", isSignal: true, isRequired: false, transformFunction: null }, isSearchOnline: { classPropertyName: "isSearchOnline", publicName: "isSearchOnline", isSignal: true, isRequired: false, transformFunction: null }, listHiddenInputSearch: { classPropertyName: "listHiddenInputSearch", publicName: "listHiddenInputSearch", isSignal: true, isRequired: false, transformFunction: null }, listSearchPadding: { classPropertyName: "listSearchPadding", publicName: "listSearchPadding", isSignal: true, isRequired: false, transformFunction: null }, listKeySearch: { classPropertyName: "listKeySearch", publicName: "listKeySearch", isSignal: true, isRequired: false, transformFunction: null }, listDividerClassInclude: { classPropertyName: "listDividerClassInclude", publicName: "listDividerClassInclude", isSignal: true, isRequired: false, transformFunction: null }, listConfig: { classPropertyName: "listConfig", publicName: "listConfig", isSignal: true, isRequired: false, transformFunction: null }, listButtonsOther: { classPropertyName: "listButtonsOther", publicName: "listButtonsOther", isSignal: true, isRequired: false, transformFunction: null }, listHasButtonUnSelectOption: { classPropertyName: "listHasButtonUnSelectOption", publicName: "listHasButtonUnSelectOption", isSignal: true, isRequired: false, transformFunction: null }, listClickExactly: { classPropertyName: "listClickExactly", publicName: "listClickExactly", isSignal: true, isRequired: false, transformFunction: null }, listBackgroundCustom: { classPropertyName: "listBackgroundCustom", publicName: "listBackgroundCustom", isSignal: true, isRequired: false, transformFunction: null }, listMaxItemShow: { classPropertyName: "listMaxItemShow", publicName: "listMaxItemShow", isSignal: true, isRequired: false, transformFunction: null }, listKeySelected: { classPropertyName: "listKeySelected", publicName: "listKeySelected", isSignal: true, isRequired: false, transformFunction: null }, listMultiKeySelected: { classPropertyName: "listMultiKeySelected", publicName: "listMultiKeySelected", isSignal: true, isRequired: false, transformFunction: null }, listKeysDisable: { classPropertyName: "listKeysDisable", publicName: "listKeysDisable", isSignal: true, isRequired: false, transformFunction: null }, listKeysHidden: { classPropertyName: "listKeysHidden", publicName: "listKeysHidden", isSignal: true, isRequired: false, transformFunction: null }, validRequired: { classPropertyName: "validRequired", publicName: "validRequired", isSignal: true, isRequired: false, transformFunction: null }, validMaxItemSelected: { classPropertyName: "validMaxItemSelected", publicName: "validMaxItemSelected", isSignal: true, isRequired: false, transformFunction: null }, changeValidUndefinedResetError: { classPropertyName: "changeValidUndefinedResetError", publicName: "changeValidUndefinedResetError", isSignal: true, isRequired: false, transformFunction: null }, allowSelectItemMultiple: { classPropertyName: "allowSelectItemMultiple", publicName: "allowSelectItemMultiple", isSignal: true, isRequired: false, transformFunction: null }, focusInputSearch: { classPropertyName: "focusInputSearch", publicName: "focusInputSearch", isSignal: true, isRequired: false, transformFunction: null }, onlyEmitDataWhenReset: { classPropertyName: "onlyEmitDataWhenReset", publicName: "onlyEmitDataWhenReset", isSignal: true, isRequired: false, transformFunction: null }, resetKeyWhenSelectAllKey: { classPropertyName: "resetKeyWhenSelectAllKey", publicName: "resetKeyWhenSelectAllKey", isSignal: true, isRequired: false, transformFunction: null }, listConfigHasDivider: { classPropertyName: "listConfigHasDivider", publicName: "listConfigHasDivider", isSignal: true, isRequired: false, transformFunction: null }, classIncludeIcon: { classPropertyName: "classIncludeIcon", publicName: "classIncludeIcon", isSignal: true, isRequired: false, transformFunction: null }, classIncludeContent: { classPropertyName: "classIncludeContent", publicName: "classIncludeContent", isSignal: true, isRequired: false, transformFunction: null }, listIgnoreClassDisableDefaultWhenUseKeysDisableItem: { classPropertyName: "listIgnoreClassDisableDefaultWhenUseKeysDisableItem", publicName: "listIgnoreClassDisableDefaultWhenUseKeysDisableItem", isSignal: true, isRequired: false, transformFunction: null }, tabKeyActive: { classPropertyName: "tabKeyActive", publicName: "tabKeyActive", isSignal: true, isRequired: false, transformFunction: null }, tabsConfig: { classPropertyName: "tabsConfig", publicName: "tabsConfig", isSignal: true, isRequired: false, transformFunction: null }, ignoreBorderBottom: { classPropertyName: "ignoreBorderBottom", publicName: "ignoreBorderBottom", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { flagMouse: "flagMouseChange", flagMouseContent: "flagMouseContentChange", lengthKeys: "lengthKeysChange", showBorderError: "showBorderErrorChange", listKeySelected: "listKeySelectedChange", listMultiKeySelected: "listMultiKeySelectedChange", tabKeyActive: "tabKeyActiveChange", outSelectKey: "outSelectKey", outSelectMultiKey: "outSelectMultiKey", outFunctionsControl: "outFunctionsControl", outValidEvent: "outValidEvent", outChangStageFlagMouse: "outChangStageFlagMouse", outDataChange: "outDataChange", outClickButtonOther: "outClickButtonOther", outShowList: "outShowList", outChangeTabKeyActive: "outChangeTabKeyActive" }, ngImport: i0, template: "<div class=\"flex flex-col w-full\">\n  @if (labelConfig(); as label) {\n    <libs_ui-components-label [classInclude]=\"label.classInclude\"\n      [labelLeft]=\"label.labelLeft\"\n      [labelLeftClass]=\"label.labelLeftClass\"\n      [required]=\"label.required \"\n      [description]=\"label.description\"\n      [descriptionClass]=\"label.descriptionClass\"\n      [labelRight]=\"label.labelRight\"\n      [labelRightClass]=\"label.labelRightClass\"\n      [onlyShowCount]=\"label.onlyShowCount\"\n      [buttonsLeft]=\"label.buttonsLeft\"\n      [buttonsRight]=\"label.buttonsRight\"\n      [disableButtonsLeft]=\"label.disableButtonsLeft || disable() || loadingDetail()\"\n      [disableButtonsRight]=\"label.disableButtonsRight || disable() || loadingDetail()\"\n      [hasToggle]=\"label.hasToggle\"\n      [toggleActive]=\"label.toggleActive\"\n      [toggleDisable]=\"label.toggleDisable || disable() || loadingDetail()\"\n      [popover]=\"label.popover\"\n      [iconPopoverClass]=\"label.iconPopoverClass\"\n      [onlyShowCount]=\"label.onlyShowCount\"\n      [limitLength]=\"label.limitLength\"\n      [buttonsDescription]=\"label.buttonsDescription\"\n      [disableButtonsDescription]=\"label.disableButtonsDescription || disable()\"\n      [buttonsDescriptionContainerClass]=\"label.buttonsDescriptionContainerClass\"\n      [count]=\"label.count\" />\n  }\n  <libs_ui-components-popover [ignoreShowPopover]=\"disable() || readonly() || loadingDetail()\"\n    [class]=\"classInclude() || 'w-full'\"\n    [mode]=\"'click-toggle'\"\n    [flagMouse]=\"flagMouse()\"\n    [ignoreHiddenPopoverContentWhenMouseLeave]=\"true\"\n    [ignoreCursorPointerModeLikeClick]=\"true\"\n    [ignoreStopPropagationEvent]=\"ignoreStopPropagationEvent()\"\n    [elementRefCustom]=\"popoverElementRefCustom()\"\n    [config]=\"{\n      animationConfig: popoverCustomConfig()?.animationConfig || {},\n      zIndex: zIndex() ?? 1000,\n      widthByParent: popoverCustomConfig()?.widthByParent ?? true,\n      parentBorderWidth: popoverCustomConfig()?.parentBorderWidth ?? 0,\n      maxHeight: popoverCustomConfig()?.maxHeight ?? 2048,\n      maxWidth: popoverCustomConfig()?.maxWidth ?? 2048,\n      direction: popoverCustomConfig()?.direction ?? 'bottom',\n      template: listViewEl,\n      whiteTheme: true,\n      timerDestroy: popoverCustomConfig()?.timerDestroy ?? 0,\n      ignoreArrow: popoverCustomConfig()?.ignoreArrow ?? true,\n      directionDistance: 2,\n      classInclude: '!rounded-[4px] overflow-hidden ' + (popoverCustomConfig()?.classInclude ?? 'libs-ui-border-general '),\n      position: popoverCustomConfig()?.position || { mode: 'start', distance: 0 },\n      width: popoverCustomConfig()?.width\n    }\"\n    (outFunctionsControl)=\"handlerPopoverControlEvent($event)\"\n    (outEvent)=\"handlerEvent($event)\"\n    (outChangStageFlagMouse)=\"handlerChangeFlagMouse($event)\">\n    @if (!isNgContent()) {\n      <div [class]=\"'libs-ui-dropdown ' + (classIncludeContent() || '')\"\n        [class.libs-ui-border-general]=\"!error() && !showBorderError() && !showList()\"\n        [class.libs-ui-border-primary-focus-general]=\"!error() && !showBorderError() && showList()\"\n        [class.libs-ui-border-error-general]=\"error() || showBorderError()\"\n        [class.libs-ui-readonly]=\"readonly()\"\n        [class.libs-ui-readonly-background]=\"readonly()\"\n        [class.cursor-pointer]=\"!(disable() || loadingDetail() || readonly())\"\n        [class.libs-ui-disable]=\"disable() || loadingDetail()\"\n        [class.libs-ui-disable-background]=\"disable() || loadingDetail()\"\n        [class.pointer-events-none]=\"loadingDetail()\"\n        [class.rounded-tr-0]=\"hasContentUnitRight()\"\n        [class.rounded-br-0]=\"hasContentUnitRight()\">\n        <div class=\"flex items-center w-full\">\n          <div class=\"flex items-center w-full relative\">\n            <div class=\"flex items-center w-full absolute\"\n              [class.libs-ui-dropdown-placeholder]=\"!lengthKeys()\">\n              @if (lengthKeys() === 1) {\n                @if (itemsSelected(); as itemsSelected) {\n                  @if (fieldGetImage(); as fieldGetImage) {\n                    <libs_ui-components-avatar [classInclude]=\"classAvatarInclude()\"\n                      [typeShape]=\"typeShape()\"\n                      [size]=\"imageSize()\"\n                      [linkAvatar]=\"itemsSelected[fieldGetImage]\"\n                      [linkAvatarError]=\"linkImageError()\"\n                      [idGenColor]=\"itemsSelected[fieldGetColorAvatar() || fieldGetTextAvatar()]\"\n                      [getLastTextAfterSpace]=\"getLastTextAfterSpace()\"\n                      [textAvatar]=\"itemsSelected[fieldGetTextAvatar()]\"/>\n                  }\n                  @if (fieldGetIcon(); as fieldGetIcon) {\n                    <i [class]=\"itemsSelected[fieldGetIcon] + ' mr-[8px]'\"></i>\n                  }\n                }\n              }\n              <libs_ui-components-popover [type]=\"'text'\"\n                [classInclude]=\"(labelPopoverFullWidth() ? 'w-100 ' : '') + classIncludeTextDisplayWhenNoSelect()\"\n                [innerHTML]=\"labelItemSelectedComputed() | translate:{value: lengthKeys()} | LibsUiPipesSecurityTrustPipe:'html':useXssFilter() | async\"\n                [config]=\"{maxWidth: labelPopoverConfig()?.maxWidth || 250, direction: 'top', zIndex: labelPopoverConfig()?.zIndex, timerDestroy: labelPopoverConfig()?.timerDestroy || 0}\"\n                [ignoreStopPropagationEvent]=\"true\" />\n\n              @if (popoverItemSelected(); as popoverItemSelected) {\n                <libs_ui-components-popover [type]=\"popoverItemSelected.type || 'other'\"\n                  [config]=\"popoverItemSelected.config || {}\">\n                  @if (popoverItemSelected.dataView) {\n                    <div [innerHtml]=\"popoverItemSelected.dataView | translate\"></div>\n                  } @else {\n                    <i class=\"libs-ui-icon-tooltip-outline text-[16px] mx-[8px]\"> </i>\n                  }\n                </libs_ui-components-popover>\n              }\n            </div>\n          </div>\n          <i class=\"text-[16px] libs-ui-icon-move-right rotate-90 text-[#6a7383] {{ classIncludeIcon() }}\"\n            [class.libs-ui-disable]=\"readonly() || disable()\"></i>\n        </div>\n      </div>\n    } @else {\n      <ng-content></ng-content>\n    }\n  </libs_ui-components-popover>\n  @if (showError()) {\n    @if (error(); as error) {\n      <div class=\"mt-[8px] libs-ui-text-error libs-ui-font-h7r\"\n        [innerHtml]=\"(error.message || ' ') | translate:(error.interpolateParams || {})\">\n      </div>\n    }\n  }\n</div>\n<ng-template #listViewEl>\n  <div style=\"display: flex; flex-direction: column;\">\n    @if (tabsConfig(); as tabsConfig) {\n      <libs_ui-components-dropdown-tabs [tabsConfig]=\"tabsConfig\"\n        [(tabKeyActive)]=\"tabKeyActive\"\n        [ignoreBorderBottom]=\"ignoreBorderBottom()\"\n        [disable]=\"disable() || loadingDetail() || loadingList()\"\n        (outChange)=\"handlerChangeTab()\" />\n    }\n    <libs_ui-components-list [searchConfig]=\"listSearchConfig()\"\n      [isSearchOnline]=\"isSearchOnline()\"\n      [dropdownTabKeyActive]=\"tabKeyActive()\"\n      [keySearch]=\"listKeySearch()\"\n      [config]=\"listConfig()\"\n      [autoSelectedFirstItemCallOutsideBefore]=\"autoSelectedFirstItemCallOutsideBefore()\"\n      [paddingLeftItem]=\"popoverCustomConfig()?.paddingLeftItem ?? false\"\n      [disable]=\"disable() || loadingDetail()\"\n      [disableLabel]=\"disableLabel()\"\n      [hiddenInputSearch]=\"listHiddenInputSearch()\"\n      [searchPadding]=\"listSearchPadding()\"\n      [maxItemShow]=\"listMaxItemShow()\"\n      [keySelected]=\"listKeySelected()\"\n      [multiKeySelected]=\"listMultiKeySelected()\"\n      [clickExactly]=\"popoverCustomConfig()?.clickExactly ?? false\"\n      [dividerClassInclude]=\"listSearchConfig() ? listDividerClassInclude() : 'hidden'\"\n      [buttonsOther]=\"listButtonsOther()\"\n      [backgroundListCustom]=\"listBackgroundCustom()\"\n      [keysDisableItem]=\"listKeysDisable()\"\n      [keysHiddenItem]=\"listKeysHidden()\"\n      [hasButtonUnSelectOption]=\"listHasButtonUnSelectOption() ?? (!popoverCustomConfig() && !labelConfig()?.required && (listConfig()?.type === 'text' || listConfig()?.type === 'radio'))\"\n      [templateRefSearchNoData]=\"listSearchNoDataTemplateRef()\"\n      [focusInputSearch]=\"focusInputSearch()\"\n      [zIndex]=\"zIndex()\"\n      [resetKeyWhenSelectAllKeyDropdown]=\"resetKeyWhenSelectAllKey()\"\n      [ignoreClassDisableDefaultWhenUseKeysDisableItem]=\"listIgnoreClassDisableDefaultWhenUseKeysDisableItem()\"\n      [hasDivider]=\"listConfigHasDivider()\"\n      (outSelectKey)=\"handlerSelectedKey($event)\"\n      (outSelectMultiKey)=\"handlerSelectMultiKey($event, true)\"\n      (outChangeView)=\"handlerDataChange($event)\"\n      (outClickButtonOther)=\"handlerClickButtonOther($event)\"\n      (outFunctionsControl)=\"handlerListFunctionsControl($event)\"\n      (outChangStageFlagMousePopover)=\"handlerChangStageFlagMouse($event)\"\n      (outLoading)=\"handlerLoadingList($event)\" />\n  </div>\n</ng-template>\n", styles: [":host{width:100%;display:flex;flex-direction:column}:host .libs-ui-dropdown{position:relative;width:100%;min-height:32px;display:flex;align-items:center;background-color:#fff;padding:0 16px;border-radius:4px;cursor:pointer}\n"], dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }, { kind: "pipe", type: LibsUiPipesSecurityTrustPipe, name: "LibsUiPipesSecurityTrustPipe" }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "component", type: LibsUiComponentsLabelComponent, selector: "libs_ui-components-label", inputs: ["iconPopoverClass", "classInclude", "labelLeft", "labelLeftClass", "labelLeftBehindToggleButton", "popover", "required", "buttonsLeft", "disableButtonsLeft", "buttonsRight", "disableButtonsRight", "labelRight", "labelRightClass", "labelRightRequired", "hasToggle", "toggleSize", "toggleActive", "toggleDisable", "description", "descriptionClass", "buttonsDescription", "disableButtonsDescription", "buttonsDescriptionContainerClass", "onlyShowCount", "zIndexPopover", "timerDestroyPopover", "count", "limitLength"], outputs: ["outClickButton", "outSwitchEvent", "outLabelRightClick", "outLabelLeftClick"] }, { kind: "component", type: LibsUiComponentsPopoverComponent, selector: "libs_ui-components-popover,[LibsUiComponentsPopoverDirective]", inputs: ["debugId", "flagMouse", "type", "mode", "config", "ignoreShowPopover", "elementRefCustom", "initEventInElementRefCustom", "classInclude", "ignoreHiddenPopoverContentWhenMouseLeave", "ignoreStopPropagationEvent", "ignoreCursorPointerModeLikeClick", "isAddContentToParentDocument", "ignoreClickOutside"], outputs: ["outEvent", "outChangStageFlagMouse", "outEventPopoverContent", "outFunctionsControl"] }, { kind: "component", type: LibsUiComponentsAvatarComponent, selector: "libs_ui-components-avatar", inputs: ["typeShape", "classInclude", "size", "linkAvatar", "linkAvatarError", "classImageInclude", "zIndexPreviewImage", "clickPreviewImage", "idGenColor", "getLastTextAfterSpace", "textAvatar", "textAvatarClassInclude", "containertextAvatarClassInclude"], outputs: ["outAvatarError", "outEventPreviewImage"] }, { kind: "component", type: LibsUiComponentsListComponent, selector: "libs_ui-components-list", inputs: ["hiddenInputSearch", "dropdownTabKeyActive", "keySearch", "paddingLeftItem", "config", "autoSelectedFirstItemCallOutsideBefore", "isSearchOnline", "disable", "disableLabel", "labelConfig", "searchConfig", "searchPadding", "dividerClassInclude", "hasDivider", "buttonsOther", "hasButtonUnSelectOption", "clickExactly", "backgroundListCustom", "maxItemShow", "keySelected", "multiKeySelected", "keysDisableItem", "keysHiddenItem", "focusInputSearch", "skipFocusInputWhenKeySearchStoreUndefined", "functionGetItemsAutoAddList", "validRequired", "showValidateBottom", "zIndex", "loadingIconSize", "templateRefSearchNoData", "resetKeyWhenSelectAllKeyDropdown", "ignoreClassDisableDefaultWhenUseKeysDisableItem"], outputs: ["outSelectKey", "outSelectMultiKey", "outUnSelectMultiKey", "outClickButtonOther", "outFieldKey", "outChangeView", "outKeySearch", "outLoading", "outFunctionsControl", "outChangStageFlagMousePopover", "outLoadItemsComplete"] }, { kind: "component", type: LibsUiComponentsDropdownTabsComponent, selector: "libs_ui-components-dropdown-tabs", inputs: ["ignoreBorderBottom", "tabsConfig", "tabKeyActive", "disable"], outputs: ["tabKeyActiveChange", "outChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: LibsUiComponentsDropdownComponent, isStandalone: true, selector: "libs_ui-components-dropdown", inputs: { useXssFilter: { classPropertyName: "useXssFilter", publicName: "useXssFilter", isSignal: true, isRequired: false, transformFunction: null }, popoverElementRefCustom: { classPropertyName: "popoverElementRefCustom", publicName: "popoverElementRefCustom", isSignal: true, isRequired: false, transformFunction: null }, classInclude: { classPropertyName: "classInclude", publicName: "classInclude", isSignal: true, isRequired: false, transformFunction: null }, ignoreStopPropagationEvent: { classPropertyName: "ignoreStopPropagationEvent", publicName: "ignoreStopPropagationEvent", isSignal: true, isRequired: false, transformFunction: null }, flagMouse: { classPropertyName: "flagMouse", publicName: "flagMouse", isSignal: true, isRequired: false, transformFunction: null }, flagMouseContent: { classPropertyName: "flagMouseContent", publicName: "flagMouseContent", isSignal: true, isRequired: false, transformFunction: null }, popoverCustomConfig: { classPropertyName: "popoverCustomConfig", publicName: "popoverCustomConfig", isSignal: true, isRequired: false, transformFunction: null }, isNgContent: { classPropertyName: "isNgContent", publicName: "isNgContent", isSignal: true, isRequired: false, transformFunction: null }, zIndex: { classPropertyName: "zIndex", publicName: "zIndex", isSignal: true, isRequired: false, transformFunction: null }, convertItemSelected: { classPropertyName: "convertItemSelected", publicName: "convertItemSelected", isSignal: true, isRequired: false, transformFunction: null }, getPopoverItemSelected: { classPropertyName: "getPopoverItemSelected", publicName: "getPopoverItemSelected", isSignal: true, isRequired: false, transformFunction: null }, httpRequestDetailItemById: { classPropertyName: "httpRequestDetailItemById", publicName: "httpRequestDetailItemById", isSignal: true, isRequired: false, transformFunction: null }, lengthKeys: { classPropertyName: "lengthKeys", publicName: "lengthKeys", isSignal: true, isRequired: false, transformFunction: null }, textDisplayWhenNoSelect: { classPropertyName: "textDisplayWhenNoSelect", publicName: "textDisplayWhenNoSelect", isSignal: true, isRequired: false, transformFunction: null }, textDisplayWhenMultiSelect: { classPropertyName: "textDisplayWhenMultiSelect", publicName: "textDisplayWhenMultiSelect", isSignal: true, isRequired: false, transformFunction: null }, classIncludeTextDisplayWhenNoSelect: { classPropertyName: "classIncludeTextDisplayWhenNoSelect", publicName: "classIncludeTextDisplayWhenNoSelect", isSignal: true, isRequired: false, transformFunction: null }, fieldLabel: { classPropertyName: "fieldLabel", publicName: "fieldLabel", isSignal: true, isRequired: false, transformFunction: null }, fieldGetLabel: { classPropertyName: "fieldGetLabel", publicName: "fieldGetLabel", isSignal: true, isRequired: false, transformFunction: null }, labelPopoverConfig: { classPropertyName: "labelPopoverConfig", publicName: "labelPopoverConfig", isSignal: true, isRequired: false, transformFunction: null }, labelPopoverFullWidth: { classPropertyName: "labelPopoverFullWidth", publicName: "labelPopoverFullWidth", isSignal: true, isRequired: false, transformFunction: null }, hasContentUnitRight: { classPropertyName: "hasContentUnitRight", publicName: "hasContentUnitRight", isSignal: true, isRequired: false, transformFunction: null }, listSearchNoDataTemplateRef: { classPropertyName: "listSearchNoDataTemplateRef", publicName: "listSearchNoDataTemplateRef", isSignal: true, isRequired: false, transformFunction: null }, fieldGetImage: { classPropertyName: "fieldGetImage", publicName: "fieldGetImage", isSignal: true, isRequired: false, transformFunction: null }, imageSize: { classPropertyName: "imageSize", publicName: "imageSize", isSignal: true, isRequired: false, transformFunction: null }, typeShape: { classPropertyName: "typeShape", publicName: "typeShape", isSignal: true, isRequired: false, transformFunction: null }, fieldGetIcon: { classPropertyName: "fieldGetIcon", publicName: "fieldGetIcon", isSignal: true, isRequired: false, transformFunction: null }, fieldGetTextAvatar: { classPropertyName: "fieldGetTextAvatar", publicName: "fieldGetTextAvatar", isSignal: true, isRequired: false, transformFunction: null }, fieldGetColorAvatar: { classPropertyName: "fieldGetColorAvatar", publicName: "fieldGetColorAvatar", isSignal: true, isRequired: false, transformFunction: null }, classAvatarInclude: { classPropertyName: "classAvatarInclude", publicName: "classAvatarInclude", isSignal: true, isRequired: false, transformFunction: null }, getLastTextAfterSpace: { classPropertyName: "getLastTextAfterSpace", publicName: "getLastTextAfterSpace", isSignal: true, isRequired: false, transformFunction: null }, linkImageError: { classPropertyName: "linkImageError", publicName: "linkImageError", isSignal: true, isRequired: false, transformFunction: null }, showError: { classPropertyName: "showError", publicName: "showError", isSignal: true, isRequired: false, transformFunction: null }, showBorderError: { classPropertyName: "showBorderError", publicName: "showBorderError", isSignal: true, isRequired: false, transformFunction: null }, disable: { classPropertyName: "disable", publicName: "disable", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, labelConfig: { classPropertyName: "labelConfig", publicName: "labelConfig", isSignal: true, isRequired: false, transformFunction: null }, disableLabel: { classPropertyName: "disableLabel", publicName: "disableLabel", isSignal: true, isRequired: false, transformFunction: null }, listSearchConfig: { classPropertyName: "listSearchConfig", publicName: "listSearchConfig", isSignal: true, isRequired: false, transformFunction: null }, isSearchOnline: { classPropertyName: "isSearchOnline", publicName: "isSearchOnline", isSignal: true, isRequired: false, transformFunction: null }, listHiddenInputSearch: { classPropertyName: "listHiddenInputSearch", publicName: "listHiddenInputSearch", isSignal: true, isRequired: false, transformFunction: null }, listSearchPadding: { classPropertyName: "listSearchPadding", publicName: "listSearchPadding", isSignal: true, isRequired: false, transformFunction: null }, listKeySearch: { classPropertyName: "listKeySearch", publicName: "listKeySearch", isSignal: true, isRequired: false, transformFunction: null }, listDividerClassInclude: { classPropertyName: "listDividerClassInclude", publicName: "listDividerClassInclude", isSignal: true, isRequired: false, transformFunction: null }, listConfig: { classPropertyName: "listConfig", publicName: "listConfig", isSignal: true, isRequired: false, transformFunction: null }, listButtonsOther: { classPropertyName: "listButtonsOther", publicName: "listButtonsOther", isSignal: true, isRequired: false, transformFunction: null }, listHasButtonUnSelectOption: { classPropertyName: "listHasButtonUnSelectOption", publicName: "listHasButtonUnSelectOption", isSignal: true, isRequired: false, transformFunction: null }, listClickExactly: { classPropertyName: "listClickExactly", publicName: "listClickExactly", isSignal: true, isRequired: false, transformFunction: null }, listBackgroundCustom: { classPropertyName: "listBackgroundCustom", publicName: "listBackgroundCustom", isSignal: true, isRequired: false, transformFunction: null }, listMaxItemShow: { classPropertyName: "listMaxItemShow", publicName: "listMaxItemShow", isSignal: true, isRequired: false, transformFunction: null }, listKeySelected: { classPropertyName: "listKeySelected", publicName: "listKeySelected", isSignal: true, isRequired: false, transformFunction: null }, listMultiKeySelected: { classPropertyName: "listMultiKeySelected", publicName: "listMultiKeySelected", isSignal: true, isRequired: false, transformFunction: null }, listKeysDisable: { classPropertyName: "listKeysDisable", publicName: "listKeysDisable", isSignal: true, isRequired: false, transformFunction: null }, listKeysHidden: { classPropertyName: "listKeysHidden", publicName: "listKeysHidden", isSignal: true, isRequired: false, transformFunction: null }, validRequired: { classPropertyName: "validRequired", publicName: "validRequired", isSignal: true, isRequired: false, transformFunction: null }, validMaxItemSelected: { classPropertyName: "validMaxItemSelected", publicName: "validMaxItemSelected", isSignal: true, isRequired: false, transformFunction: null }, changeValidUndefinedResetError: { classPropertyName: "changeValidUndefinedResetError", publicName: "changeValidUndefinedResetError", isSignal: true, isRequired: false, transformFunction: null }, allowSelectItemMultiple: { classPropertyName: "allowSelectItemMultiple", publicName: "allowSelectItemMultiple", isSignal: true, isRequired: false, transformFunction: null }, focusInputSearch: { classPropertyName: "focusInputSearch", publicName: "focusInputSearch", isSignal: true, isRequired: false, transformFunction: null }, onlyEmitDataWhenReset: { classPropertyName: "onlyEmitDataWhenReset", publicName: "onlyEmitDataWhenReset", isSignal: true, isRequired: false, transformFunction: null }, resetKeyWhenSelectAllKey: { classPropertyName: "resetKeyWhenSelectAllKey", publicName: "resetKeyWhenSelectAllKey", isSignal: true, isRequired: false, transformFunction: null }, listConfigHasDivider: { classPropertyName: "listConfigHasDivider", publicName: "listConfigHasDivider", isSignal: true, isRequired: false, transformFunction: null }, classIncludeIcon: { classPropertyName: "classIncludeIcon", publicName: "classIncludeIcon", isSignal: true, isRequired: false, transformFunction: null }, classIncludeContent: { classPropertyName: "classIncludeContent", publicName: "classIncludeContent", isSignal: true, isRequired: false, transformFunction: null }, listIgnoreClassDisableDefaultWhenUseKeysDisableItem: { classPropertyName: "listIgnoreClassDisableDefaultWhenUseKeysDisableItem", publicName: "listIgnoreClassDisableDefaultWhenUseKeysDisableItem", isSignal: true, isRequired: false, transformFunction: null }, tabKeyActive: { classPropertyName: "tabKeyActive", publicName: "tabKeyActive", isSignal: true, isRequired: false, transformFunction: null }, tabsConfig: { classPropertyName: "tabsConfig", publicName: "tabsConfig", isSignal: true, isRequired: false, transformFunction: null }, ignoreBorderBottom: { classPropertyName: "ignoreBorderBottom", publicName: "ignoreBorderBottom", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { flagMouse: "flagMouseChange", flagMouseContent: "flagMouseContentChange", lengthKeys: "lengthKeysChange", showBorderError: "showBorderErrorChange", listKeySelected: "listKeySelectedChange", listMultiKeySelected: "listMultiKeySelectedChange", tabKeyActive: "tabKeyActiveChange", outSelectKey: "outSelectKey", outSelectMultiKey: "outSelectMultiKey", outFunctionsControl: "outFunctionsControl", outValidEvent: "outValidEvent", outChangStageFlagMouse: "outChangStageFlagMouse", outDataChange: "outDataChange", outClickButtonOther: "outClickButtonOther", outShowList: "outShowList", outChangeTabKeyActive: "outChangeTabKeyActive" }, ngImport: i0, template: "<div class=\"flex flex-col w-full\">\n  @if (labelConfig(); as label) {\n    <libs_ui-components-label\n      [classInclude]=\"label.classInclude\"\n      [labelLeft]=\"label.labelLeft\"\n      [labelLeftClass]=\"label.labelLeftClass\"\n      [required]=\"label.required\"\n      [description]=\"label.description\"\n      [descriptionClass]=\"label.descriptionClass\"\n      [labelRight]=\"label.labelRight\"\n      [labelRightClass]=\"label.labelRightClass\"\n      [onlyShowCount]=\"label.onlyShowCount\"\n      [buttonsLeft]=\"label.buttonsLeft\"\n      [buttonsRight]=\"label.buttonsRight\"\n      [disableButtonsLeft]=\"label.disableButtonsLeft || disable() || loadingDetail()\"\n      [disableButtonsRight]=\"label.disableButtonsRight || disable() || loadingDetail()\"\n      [hasToggle]=\"label.hasToggle\"\n      [toggleActive]=\"label.toggleActive\"\n      [toggleDisable]=\"label.toggleDisable || disable() || loadingDetail()\"\n      [popover]=\"label.popover\"\n      [iconPopoverClass]=\"label.iconPopoverClass\"\n      [onlyShowCount]=\"label.onlyShowCount\"\n      [limitLength]=\"label.limitLength\"\n      [buttonsDescription]=\"label.buttonsDescription\"\n      [disableButtonsDescription]=\"label.disableButtonsDescription || disable()\"\n      [buttonsDescriptionContainerClass]=\"label.buttonsDescriptionContainerClass\"\n      [count]=\"label.count\" />\n  }\n  <libs_ui-components-popover\n    [ignoreShowPopover]=\"disable() || readonly() || loadingDetail()\"\n    [class]=\"classInclude() || 'w-full'\"\n    [mode]=\"'click-toggle'\"\n    [flagMouse]=\"flagMouse()\"\n    [ignoreHiddenPopoverContentWhenMouseLeave]=\"true\"\n    [ignoreCursorPointerModeLikeClick]=\"true\"\n    [ignoreStopPropagationEvent]=\"ignoreStopPropagationEvent()\"\n    [elementRefCustom]=\"popoverElementRefCustom()\"\n    [config]=\"{\n      animationConfig: popoverCustomConfig()?.animationConfig || {},\n      zIndex: zIndex() ?? 1000,\n      widthByParent: popoverCustomConfig()?.widthByParent ?? true,\n      parentBorderWidth: popoverCustomConfig()?.parentBorderWidth ?? 0,\n      maxHeight: popoverCustomConfig()?.maxHeight ?? 2048,\n      maxWidth: popoverCustomConfig()?.maxWidth ?? 2048,\n      direction: popoverCustomConfig()?.direction ?? 'bottom',\n      template: listViewEl,\n      whiteTheme: true,\n      timerDestroy: popoverCustomConfig()?.timerDestroy ?? 0,\n      ignoreArrow: popoverCustomConfig()?.ignoreArrow ?? true,\n      directionDistance: 2,\n      classInclude: '!rounded-[4px] overflow-hidden ' + (popoverCustomConfig()?.classInclude ?? 'libs-ui-border-general '),\n      position: popoverCustomConfig()?.position || { mode: 'start', distance: 0 },\n      width: popoverCustomConfig()?.width,\n    }\"\n    (outFunctionsControl)=\"handlerPopoverControlEvent($event)\"\n    (outEvent)=\"handlerEvent($event)\"\n    (outChangStageFlagMouse)=\"handlerChangeFlagMouse($event)\">\n    @if (!isNgContent()) {\n      <div\n        [class]=\"'libs-ui-dropdown ' + (classIncludeContent() || '')\"\n        [class.libs-ui-border-general]=\"!error() && !showBorderError() && !showList()\"\n        [class.libs-ui-border-primary-focus-general]=\"!error() && !showBorderError() && showList()\"\n        [class.libs-ui-border-error-general]=\"error() || showBorderError()\"\n        [class.libs-ui-readonly]=\"readonly()\"\n        [class.libs-ui-readonly-background]=\"readonly()\"\n        [class.cursor-pointer]=\"!(disable() || loadingDetail() || readonly())\"\n        [class.libs-ui-disable]=\"disable() || loadingDetail()\"\n        [class.libs-ui-disable-background]=\"disable() || loadingDetail()\"\n        [class.pointer-events-none]=\"loadingDetail()\"\n        [class.rounded-tr-0]=\"hasContentUnitRight()\"\n        [class.rounded-br-0]=\"hasContentUnitRight()\">\n        <div class=\"flex items-center w-full\">\n          <div class=\"flex items-center w-full relative\">\n            <div\n              class=\"flex items-center w-full absolute\"\n              [class.libs-ui-dropdown-placeholder]=\"!lengthKeys()\">\n              @if (lengthKeys() === 1) {\n                @if (itemsSelected(); as itemsSelected) {\n                  @if (fieldGetImage(); as fieldGetImage) {\n                    <libs_ui-components-avatar\n                      [classInclude]=\"classAvatarInclude()\"\n                      [typeShape]=\"typeShape()\"\n                      [size]=\"imageSize()\"\n                      [linkAvatar]=\"itemsSelected[fieldGetImage]\"\n                      [linkAvatarError]=\"linkImageError()\"\n                      [idGenColor]=\"itemsSelected[fieldGetColorAvatar() || fieldGetTextAvatar()]\"\n                      [getLastTextAfterSpace]=\"getLastTextAfterSpace()\"\n                      [textAvatar]=\"itemsSelected[fieldGetTextAvatar()]\" />\n                  }\n                  @if (fieldGetIcon(); as fieldGetIcon) {\n                    <i [class]=\"itemsSelected[fieldGetIcon] + ' mr-[8px]'\"></i>\n                  }\n                }\n              }\n              <libs_ui-components-popover\n                [type]=\"'text'\"\n                [classInclude]=\"(labelPopoverFullWidth() ? 'w-100 ' : '') + classIncludeTextDisplayWhenNoSelect()\"\n                [innerHTML]=\"labelItemSelectedComputed() | translate: { value: lengthKeys() } | LibsUiPipesSecurityTrustPipe: 'html' : useXssFilter() | async\"\n                [config]=\"{ maxWidth: labelPopoverConfig()?.maxWidth || 250, direction: 'top', zIndex: labelPopoverConfig()?.zIndex, timerDestroy: labelPopoverConfig()?.timerDestroy || 0 }\"\n                [ignoreStopPropagationEvent]=\"true\" />\n\n              @if (popoverItemSelected(); as popoverItemSelected) {\n                <libs_ui-components-popover\n                  [type]=\"popoverItemSelected.type || 'other'\"\n                  [config]=\"popoverItemSelected.config || {}\">\n                  @if (popoverItemSelected.dataView) {\n                    <div [innerHtml]=\"popoverItemSelected.dataView | translate\"></div>\n                  } @else {\n                    <i class=\"libs-ui-icon-tooltip-outline text-[16px] mx-[8px]\"></i>\n                  }\n                </libs_ui-components-popover>\n              }\n            </div>\n          </div>\n          <i\n            class=\"text-[16px] libs-ui-icon-move-right rotate-90 text-[#6a7383] {{ classIncludeIcon() }}\"\n            [class.libs-ui-disable]=\"readonly() || disable()\"></i>\n        </div>\n      </div>\n    } @else {\n      <ng-content></ng-content>\n    }\n  </libs_ui-components-popover>\n  @if (showError()) {\n    @if (error(); as error) {\n      <div\n        class=\"mt-[8px] libs-ui-text-error libs-ui-font-h7r\"\n        [innerHtml]=\"error.message || ' ' | translate: error.interpolateParams || {}\"></div>\n    }\n  }\n</div>\n<ng-template #listViewEl>\n  <div style=\"display: flex; flex-direction: column\">\n    @if (tabsConfig(); as tabsConfig) {\n      <libs_ui-components-dropdown-tabs\n        [tabsConfig]=\"tabsConfig\"\n        [(tabKeyActive)]=\"tabKeyActive\"\n        [ignoreBorderBottom]=\"ignoreBorderBottom()\"\n        [disable]=\"disable() || loadingDetail() || loadingList()\"\n        (outChange)=\"handlerChangeTab()\" />\n    }\n    <libs_ui-components-list\n      [searchConfig]=\"listSearchConfig()\"\n      [isSearchOnline]=\"isSearchOnline()\"\n      [dropdownTabKeyActive]=\"tabKeyActive()\"\n      [keySearch]=\"listKeySearch()\"\n      [config]=\"listConfig()\"\n      [autoSelectedFirstItemCallOutsideBefore]=\"autoSelectedFirstItemCallOutsideBefore()\"\n      [paddingLeftItem]=\"popoverCustomConfig()?.paddingLeftItem ?? false\"\n      [disable]=\"disable() || loadingDetail()\"\n      [disableLabel]=\"disableLabel()\"\n      [hiddenInputSearch]=\"listHiddenInputSearch()\"\n      [searchPadding]=\"listSearchPadding()\"\n      [maxItemShow]=\"listMaxItemShow()\"\n      [keySelected]=\"listKeySelected()\"\n      [multiKeySelected]=\"listMultiKeySelected()\"\n      [clickExactly]=\"popoverCustomConfig()?.clickExactly ?? false\"\n      [dividerClassInclude]=\"listSearchConfig() ? listDividerClassInclude() : 'hidden'\"\n      [buttonsOther]=\"listButtonsOther()\"\n      [backgroundListCustom]=\"listBackgroundCustom()\"\n      [keysDisableItem]=\"listKeysDisable()\"\n      [keysHiddenItem]=\"listKeysHidden()\"\n      [hasButtonUnSelectOption]=\"listHasButtonUnSelectOption() ?? (!popoverCustomConfig() && !labelConfig()?.required && (listConfig()?.type === 'text' || listConfig()?.type === 'radio'))\"\n      [templateRefSearchNoData]=\"listSearchNoDataTemplateRef()\"\n      [focusInputSearch]=\"focusInputSearch()\"\n      [zIndex]=\"zIndex()\"\n      [resetKeyWhenSelectAllKeyDropdown]=\"resetKeyWhenSelectAllKey()\"\n      [ignoreClassDisableDefaultWhenUseKeysDisableItem]=\"listIgnoreClassDisableDefaultWhenUseKeysDisableItem()\"\n      [hasDivider]=\"listConfigHasDivider()\"\n      (outSelectKey)=\"handlerSelectedKey($event)\"\n      (outSelectMultiKey)=\"handlerSelectMultiKey($event, true)\"\n      (outChangeView)=\"handlerDataChange($event)\"\n      (outClickButtonOther)=\"handlerClickButtonOther($event)\"\n      (outFunctionsControl)=\"handlerListFunctionsControl($event)\"\n      (outChangStageFlagMousePopover)=\"handlerChangStageFlagMouse($event)\"\n      (outLoading)=\"handlerLoadingList($event)\" />\n  </div>\n</ng-template>\n", styles: [":host{width:100%;display:flex;flex-direction:column}:host .libs-ui-dropdown{position:relative;width:100%;min-height:32px;display:flex;align-items:center;background-color:#fff;padding:0 16px;border-radius:4px;cursor:pointer}\n"], dependencies: [{ kind: "ngmodule", type: TranslateModule }, { kind: "pipe", type: i1.TranslatePipe, name: "translate" }, { kind: "pipe", type: LibsUiPipesSecurityTrustPipe, name: "LibsUiPipesSecurityTrustPipe" }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "component", type: LibsUiComponentsLabelComponent, selector: "libs_ui-components-label", inputs: ["iconPopoverClass", "classInclude", "labelLeft", "labelLeftClass", "labelLeftBehindToggleButton", "popover", "required", "buttonsLeft", "disableButtonsLeft", "buttonsRight", "disableButtonsRight", "labelRight", "labelRightClass", "labelRightRequired", "hasToggle", "toggleSize", "toggleActive", "toggleDisable", "description", "descriptionClass", "buttonsDescription", "disableButtonsDescription", "buttonsDescriptionContainerClass", "onlyShowCount", "zIndexPopover", "timerDestroyPopover", "count", "limitLength"], outputs: ["outClickButton", "outSwitchEvent", "outLabelRightClick", "outLabelLeftClick"] }, { kind: "component", type: LibsUiComponentsPopoverComponent, selector: "libs_ui-components-popover,[LibsUiComponentsPopoverDirective]", inputs: ["debugId", "flagMouse", "type", "mode", "config", "ignoreShowPopover", "elementRefCustom", "initEventInElementRefCustom", "classInclude", "ignoreHiddenPopoverContentWhenMouseLeave", "ignoreStopPropagationEvent", "ignoreCursorPointerModeLikeClick", "isAddContentToParentDocument", "ignoreClickOutside"], outputs: ["outEvent", "outChangStageFlagMouse", "outEventPopoverContent", "outFunctionsControl"] }, { kind: "component", type: LibsUiComponentsAvatarComponent, selector: "libs_ui-components-avatar", inputs: ["typeShape", "classInclude", "size", "linkAvatar", "linkAvatarError", "classImageInclude", "zIndexPreviewImage", "clickPreviewImage", "idGenColor", "getLastTextAfterSpace", "textAvatar", "textAvatarClassInclude", "containertextAvatarClassInclude"], outputs: ["outAvatarError", "outEventPreviewImage"] }, { kind: "component", type: LibsUiComponentsListComponent, selector: "libs_ui-components-list", inputs: ["hiddenInputSearch", "dropdownTabKeyActive", "keySearch", "paddingLeftItem", "config", "autoSelectedFirstItemCallOutsideBefore", "isSearchOnline", "disable", "disableLabel", "labelConfig", "searchConfig", "searchPadding", "dividerClassInclude", "hasDivider", "buttonsOther", "hasButtonUnSelectOption", "clickExactly", "backgroundListCustom", "maxItemShow", "keySelected", "multiKeySelected", "keysDisableItem", "keysHiddenItem", "focusInputSearch", "skipFocusInputWhenKeySearchStoreUndefined", "functionGetItemsAutoAddList", "validRequired", "showValidateBottom", "zIndex", "loadingIconSize", "templateRefSearchNoData", "resetKeyWhenSelectAllKeyDropdown", "ignoreClassDisableDefaultWhenUseKeysDisableItem"], outputs: ["outSelectKey", "outSelectMultiKey", "outUnSelectMultiKey", "outClickButtonOther", "outFieldKey", "outChangeView", "outKeySearch", "outLoading", "outFunctionsControl", "outChangStageFlagMousePopover", "outLoadItemsComplete"] }, { kind: "component", type: LibsUiComponentsDropdownTabsComponent, selector: "libs_ui-components-dropdown-tabs", inputs: ["ignoreBorderBottom", "tabsConfig", "tabKeyActive", "disable"], outputs: ["tabKeyActiveChange", "outChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: LibsUiComponentsDropdownComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'libs_ui-components-dropdown', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [
-                        TranslateModule, LibsUiPipesSecurityTrustPipe, AsyncPipe,
-                        LibsUiComponentsLabelComponent, LibsUiComponentsPopoverComponent,
-                        LibsUiComponentsAvatarComponent, LibsUiComponentsListComponent,
-                        LibsUiComponentsDropdownTabsComponent
-                    ], template: "<div class=\"flex flex-col w-full\">\n  @if (labelConfig(); as label) {\n    <libs_ui-components-label [classInclude]=\"label.classInclude\"\n      [labelLeft]=\"label.labelLeft\"\n      [labelLeftClass]=\"label.labelLeftClass\"\n      [required]=\"label.required \"\n      [description]=\"label.description\"\n      [descriptionClass]=\"label.descriptionClass\"\n      [labelRight]=\"label.labelRight\"\n      [labelRightClass]=\"label.labelRightClass\"\n      [onlyShowCount]=\"label.onlyShowCount\"\n      [buttonsLeft]=\"label.buttonsLeft\"\n      [buttonsRight]=\"label.buttonsRight\"\n      [disableButtonsLeft]=\"label.disableButtonsLeft || disable() || loadingDetail()\"\n      [disableButtonsRight]=\"label.disableButtonsRight || disable() || loadingDetail()\"\n      [hasToggle]=\"label.hasToggle\"\n      [toggleActive]=\"label.toggleActive\"\n      [toggleDisable]=\"label.toggleDisable || disable() || loadingDetail()\"\n      [popover]=\"label.popover\"\n      [iconPopoverClass]=\"label.iconPopoverClass\"\n      [onlyShowCount]=\"label.onlyShowCount\"\n      [limitLength]=\"label.limitLength\"\n      [buttonsDescription]=\"label.buttonsDescription\"\n      [disableButtonsDescription]=\"label.disableButtonsDescription || disable()\"\n      [buttonsDescriptionContainerClass]=\"label.buttonsDescriptionContainerClass\"\n      [count]=\"label.count\" />\n  }\n  <libs_ui-components-popover [ignoreShowPopover]=\"disable() || readonly() || loadingDetail()\"\n    [class]=\"classInclude() || 'w-full'\"\n    [mode]=\"'click-toggle'\"\n    [flagMouse]=\"flagMouse()\"\n    [ignoreHiddenPopoverContentWhenMouseLeave]=\"true\"\n    [ignoreCursorPointerModeLikeClick]=\"true\"\n    [ignoreStopPropagationEvent]=\"ignoreStopPropagationEvent()\"\n    [elementRefCustom]=\"popoverElementRefCustom()\"\n    [config]=\"{\n      animationConfig: popoverCustomConfig()?.animationConfig || {},\n      zIndex: zIndex() ?? 1000,\n      widthByParent: popoverCustomConfig()?.widthByParent ?? true,\n      parentBorderWidth: popoverCustomConfig()?.parentBorderWidth ?? 0,\n      maxHeight: popoverCustomConfig()?.maxHeight ?? 2048,\n      maxWidth: popoverCustomConfig()?.maxWidth ?? 2048,\n      direction: popoverCustomConfig()?.direction ?? 'bottom',\n      template: listViewEl,\n      whiteTheme: true,\n      timerDestroy: popoverCustomConfig()?.timerDestroy ?? 0,\n      ignoreArrow: popoverCustomConfig()?.ignoreArrow ?? true,\n      directionDistance: 2,\n      classInclude: '!rounded-[4px] overflow-hidden ' + (popoverCustomConfig()?.classInclude ?? 'libs-ui-border-general '),\n      position: popoverCustomConfig()?.position || { mode: 'start', distance: 0 },\n      width: popoverCustomConfig()?.width\n    }\"\n    (outFunctionsControl)=\"handlerPopoverControlEvent($event)\"\n    (outEvent)=\"handlerEvent($event)\"\n    (outChangStageFlagMouse)=\"handlerChangeFlagMouse($event)\">\n    @if (!isNgContent()) {\n      <div [class]=\"'libs-ui-dropdown ' + (classIncludeContent() || '')\"\n        [class.libs-ui-border-general]=\"!error() && !showBorderError() && !showList()\"\n        [class.libs-ui-border-primary-focus-general]=\"!error() && !showBorderError() && showList()\"\n        [class.libs-ui-border-error-general]=\"error() || showBorderError()\"\n        [class.libs-ui-readonly]=\"readonly()\"\n        [class.libs-ui-readonly-background]=\"readonly()\"\n        [class.cursor-pointer]=\"!(disable() || loadingDetail() || readonly())\"\n        [class.libs-ui-disable]=\"disable() || loadingDetail()\"\n        [class.libs-ui-disable-background]=\"disable() || loadingDetail()\"\n        [class.pointer-events-none]=\"loadingDetail()\"\n        [class.rounded-tr-0]=\"hasContentUnitRight()\"\n        [class.rounded-br-0]=\"hasContentUnitRight()\">\n        <div class=\"flex items-center w-full\">\n          <div class=\"flex items-center w-full relative\">\n            <div class=\"flex items-center w-full absolute\"\n              [class.libs-ui-dropdown-placeholder]=\"!lengthKeys()\">\n              @if (lengthKeys() === 1) {\n                @if (itemsSelected(); as itemsSelected) {\n                  @if (fieldGetImage(); as fieldGetImage) {\n                    <libs_ui-components-avatar [classInclude]=\"classAvatarInclude()\"\n                      [typeShape]=\"typeShape()\"\n                      [size]=\"imageSize()\"\n                      [linkAvatar]=\"itemsSelected[fieldGetImage]\"\n                      [linkAvatarError]=\"linkImageError()\"\n                      [idGenColor]=\"itemsSelected[fieldGetColorAvatar() || fieldGetTextAvatar()]\"\n                      [getLastTextAfterSpace]=\"getLastTextAfterSpace()\"\n                      [textAvatar]=\"itemsSelected[fieldGetTextAvatar()]\"/>\n                  }\n                  @if (fieldGetIcon(); as fieldGetIcon) {\n                    <i [class]=\"itemsSelected[fieldGetIcon] + ' mr-[8px]'\"></i>\n                  }\n                }\n              }\n              <libs_ui-components-popover [type]=\"'text'\"\n                [classInclude]=\"(labelPopoverFullWidth() ? 'w-100 ' : '') + classIncludeTextDisplayWhenNoSelect()\"\n                [innerHTML]=\"labelItemSelectedComputed() | translate:{value: lengthKeys()} | LibsUiPipesSecurityTrustPipe:'html':useXssFilter() | async\"\n                [config]=\"{maxWidth: labelPopoverConfig()?.maxWidth || 250, direction: 'top', zIndex: labelPopoverConfig()?.zIndex, timerDestroy: labelPopoverConfig()?.timerDestroy || 0}\"\n                [ignoreStopPropagationEvent]=\"true\" />\n\n              @if (popoverItemSelected(); as popoverItemSelected) {\n                <libs_ui-components-popover [type]=\"popoverItemSelected.type || 'other'\"\n                  [config]=\"popoverItemSelected.config || {}\">\n                  @if (popoverItemSelected.dataView) {\n                    <div [innerHtml]=\"popoverItemSelected.dataView | translate\"></div>\n                  } @else {\n                    <i class=\"libs-ui-icon-tooltip-outline text-[16px] mx-[8px]\"> </i>\n                  }\n                </libs_ui-components-popover>\n              }\n            </div>\n          </div>\n          <i class=\"text-[16px] libs-ui-icon-move-right rotate-90 text-[#6a7383] {{ classIncludeIcon() }}\"\n            [class.libs-ui-disable]=\"readonly() || disable()\"></i>\n        </div>\n      </div>\n    } @else {\n      <ng-content></ng-content>\n    }\n  </libs_ui-components-popover>\n  @if (showError()) {\n    @if (error(); as error) {\n      <div class=\"mt-[8px] libs-ui-text-error libs-ui-font-h7r\"\n        [innerHtml]=\"(error.message || ' ') | translate:(error.interpolateParams || {})\">\n      </div>\n    }\n  }\n</div>\n<ng-template #listViewEl>\n  <div style=\"display: flex; flex-direction: column;\">\n    @if (tabsConfig(); as tabsConfig) {\n      <libs_ui-components-dropdown-tabs [tabsConfig]=\"tabsConfig\"\n        [(tabKeyActive)]=\"tabKeyActive\"\n        [ignoreBorderBottom]=\"ignoreBorderBottom()\"\n        [disable]=\"disable() || loadingDetail() || loadingList()\"\n        (outChange)=\"handlerChangeTab()\" />\n    }\n    <libs_ui-components-list [searchConfig]=\"listSearchConfig()\"\n      [isSearchOnline]=\"isSearchOnline()\"\n      [dropdownTabKeyActive]=\"tabKeyActive()\"\n      [keySearch]=\"listKeySearch()\"\n      [config]=\"listConfig()\"\n      [autoSelectedFirstItemCallOutsideBefore]=\"autoSelectedFirstItemCallOutsideBefore()\"\n      [paddingLeftItem]=\"popoverCustomConfig()?.paddingLeftItem ?? false\"\n      [disable]=\"disable() || loadingDetail()\"\n      [disableLabel]=\"disableLabel()\"\n      [hiddenInputSearch]=\"listHiddenInputSearch()\"\n      [searchPadding]=\"listSearchPadding()\"\n      [maxItemShow]=\"listMaxItemShow()\"\n      [keySelected]=\"listKeySelected()\"\n      [multiKeySelected]=\"listMultiKeySelected()\"\n      [clickExactly]=\"popoverCustomConfig()?.clickExactly ?? false\"\n      [dividerClassInclude]=\"listSearchConfig() ? listDividerClassInclude() : 'hidden'\"\n      [buttonsOther]=\"listButtonsOther()\"\n      [backgroundListCustom]=\"listBackgroundCustom()\"\n      [keysDisableItem]=\"listKeysDisable()\"\n      [keysHiddenItem]=\"listKeysHidden()\"\n      [hasButtonUnSelectOption]=\"listHasButtonUnSelectOption() ?? (!popoverCustomConfig() && !labelConfig()?.required && (listConfig()?.type === 'text' || listConfig()?.type === 'radio'))\"\n      [templateRefSearchNoData]=\"listSearchNoDataTemplateRef()\"\n      [focusInputSearch]=\"focusInputSearch()\"\n      [zIndex]=\"zIndex()\"\n      [resetKeyWhenSelectAllKeyDropdown]=\"resetKeyWhenSelectAllKey()\"\n      [ignoreClassDisableDefaultWhenUseKeysDisableItem]=\"listIgnoreClassDisableDefaultWhenUseKeysDisableItem()\"\n      [hasDivider]=\"listConfigHasDivider()\"\n      (outSelectKey)=\"handlerSelectedKey($event)\"\n      (outSelectMultiKey)=\"handlerSelectMultiKey($event, true)\"\n      (outChangeView)=\"handlerDataChange($event)\"\n      (outClickButtonOther)=\"handlerClickButtonOther($event)\"\n      (outFunctionsControl)=\"handlerListFunctionsControl($event)\"\n      (outChangStageFlagMousePopover)=\"handlerChangStageFlagMouse($event)\"\n      (outLoading)=\"handlerLoadingList($event)\" />\n  </div>\n</ng-template>\n", styles: [":host{width:100%;display:flex;flex-direction:column}:host .libs-ui-dropdown{position:relative;width:100%;min-height:32px;display:flex;align-items:center;background-color:#fff;padding:0 16px;border-radius:4px;cursor:pointer}\n"] }]
+            args: [{ selector: 'libs_ui-components-dropdown', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [TranslateModule, LibsUiPipesSecurityTrustPipe, AsyncPipe, LibsUiComponentsLabelComponent, LibsUiComponentsPopoverComponent, LibsUiComponentsAvatarComponent, LibsUiComponentsListComponent, LibsUiComponentsDropdownTabsComponent], template: "<div class=\"flex flex-col w-full\">\n  @if (labelConfig(); as label) {\n    <libs_ui-components-label\n      [classInclude]=\"label.classInclude\"\n      [labelLeft]=\"label.labelLeft\"\n      [labelLeftClass]=\"label.labelLeftClass\"\n      [required]=\"label.required\"\n      [description]=\"label.description\"\n      [descriptionClass]=\"label.descriptionClass\"\n      [labelRight]=\"label.labelRight\"\n      [labelRightClass]=\"label.labelRightClass\"\n      [onlyShowCount]=\"label.onlyShowCount\"\n      [buttonsLeft]=\"label.buttonsLeft\"\n      [buttonsRight]=\"label.buttonsRight\"\n      [disableButtonsLeft]=\"label.disableButtonsLeft || disable() || loadingDetail()\"\n      [disableButtonsRight]=\"label.disableButtonsRight || disable() || loadingDetail()\"\n      [hasToggle]=\"label.hasToggle\"\n      [toggleActive]=\"label.toggleActive\"\n      [toggleDisable]=\"label.toggleDisable || disable() || loadingDetail()\"\n      [popover]=\"label.popover\"\n      [iconPopoverClass]=\"label.iconPopoverClass\"\n      [onlyShowCount]=\"label.onlyShowCount\"\n      [limitLength]=\"label.limitLength\"\n      [buttonsDescription]=\"label.buttonsDescription\"\n      [disableButtonsDescription]=\"label.disableButtonsDescription || disable()\"\n      [buttonsDescriptionContainerClass]=\"label.buttonsDescriptionContainerClass\"\n      [count]=\"label.count\" />\n  }\n  <libs_ui-components-popover\n    [ignoreShowPopover]=\"disable() || readonly() || loadingDetail()\"\n    [class]=\"classInclude() || 'w-full'\"\n    [mode]=\"'click-toggle'\"\n    [flagMouse]=\"flagMouse()\"\n    [ignoreHiddenPopoverContentWhenMouseLeave]=\"true\"\n    [ignoreCursorPointerModeLikeClick]=\"true\"\n    [ignoreStopPropagationEvent]=\"ignoreStopPropagationEvent()\"\n    [elementRefCustom]=\"popoverElementRefCustom()\"\n    [config]=\"{\n      animationConfig: popoverCustomConfig()?.animationConfig || {},\n      zIndex: zIndex() ?? 1000,\n      widthByParent: popoverCustomConfig()?.widthByParent ?? true,\n      parentBorderWidth: popoverCustomConfig()?.parentBorderWidth ?? 0,\n      maxHeight: popoverCustomConfig()?.maxHeight ?? 2048,\n      maxWidth: popoverCustomConfig()?.maxWidth ?? 2048,\n      direction: popoverCustomConfig()?.direction ?? 'bottom',\n      template: listViewEl,\n      whiteTheme: true,\n      timerDestroy: popoverCustomConfig()?.timerDestroy ?? 0,\n      ignoreArrow: popoverCustomConfig()?.ignoreArrow ?? true,\n      directionDistance: 2,\n      classInclude: '!rounded-[4px] overflow-hidden ' + (popoverCustomConfig()?.classInclude ?? 'libs-ui-border-general '),\n      position: popoverCustomConfig()?.position || { mode: 'start', distance: 0 },\n      width: popoverCustomConfig()?.width,\n    }\"\n    (outFunctionsControl)=\"handlerPopoverControlEvent($event)\"\n    (outEvent)=\"handlerEvent($event)\"\n    (outChangStageFlagMouse)=\"handlerChangeFlagMouse($event)\">\n    @if (!isNgContent()) {\n      <div\n        [class]=\"'libs-ui-dropdown ' + (classIncludeContent() || '')\"\n        [class.libs-ui-border-general]=\"!error() && !showBorderError() && !showList()\"\n        [class.libs-ui-border-primary-focus-general]=\"!error() && !showBorderError() && showList()\"\n        [class.libs-ui-border-error-general]=\"error() || showBorderError()\"\n        [class.libs-ui-readonly]=\"readonly()\"\n        [class.libs-ui-readonly-background]=\"readonly()\"\n        [class.cursor-pointer]=\"!(disable() || loadingDetail() || readonly())\"\n        [class.libs-ui-disable]=\"disable() || loadingDetail()\"\n        [class.libs-ui-disable-background]=\"disable() || loadingDetail()\"\n        [class.pointer-events-none]=\"loadingDetail()\"\n        [class.rounded-tr-0]=\"hasContentUnitRight()\"\n        [class.rounded-br-0]=\"hasContentUnitRight()\">\n        <div class=\"flex items-center w-full\">\n          <div class=\"flex items-center w-full relative\">\n            <div\n              class=\"flex items-center w-full absolute\"\n              [class.libs-ui-dropdown-placeholder]=\"!lengthKeys()\">\n              @if (lengthKeys() === 1) {\n                @if (itemsSelected(); as itemsSelected) {\n                  @if (fieldGetImage(); as fieldGetImage) {\n                    <libs_ui-components-avatar\n                      [classInclude]=\"classAvatarInclude()\"\n                      [typeShape]=\"typeShape()\"\n                      [size]=\"imageSize()\"\n                      [linkAvatar]=\"itemsSelected[fieldGetImage]\"\n                      [linkAvatarError]=\"linkImageError()\"\n                      [idGenColor]=\"itemsSelected[fieldGetColorAvatar() || fieldGetTextAvatar()]\"\n                      [getLastTextAfterSpace]=\"getLastTextAfterSpace()\"\n                      [textAvatar]=\"itemsSelected[fieldGetTextAvatar()]\" />\n                  }\n                  @if (fieldGetIcon(); as fieldGetIcon) {\n                    <i [class]=\"itemsSelected[fieldGetIcon] + ' mr-[8px]'\"></i>\n                  }\n                }\n              }\n              <libs_ui-components-popover\n                [type]=\"'text'\"\n                [classInclude]=\"(labelPopoverFullWidth() ? 'w-100 ' : '') + classIncludeTextDisplayWhenNoSelect()\"\n                [innerHTML]=\"labelItemSelectedComputed() | translate: { value: lengthKeys() } | LibsUiPipesSecurityTrustPipe: 'html' : useXssFilter() | async\"\n                [config]=\"{ maxWidth: labelPopoverConfig()?.maxWidth || 250, direction: 'top', zIndex: labelPopoverConfig()?.zIndex, timerDestroy: labelPopoverConfig()?.timerDestroy || 0 }\"\n                [ignoreStopPropagationEvent]=\"true\" />\n\n              @if (popoverItemSelected(); as popoverItemSelected) {\n                <libs_ui-components-popover\n                  [type]=\"popoverItemSelected.type || 'other'\"\n                  [config]=\"popoverItemSelected.config || {}\">\n                  @if (popoverItemSelected.dataView) {\n                    <div [innerHtml]=\"popoverItemSelected.dataView | translate\"></div>\n                  } @else {\n                    <i class=\"libs-ui-icon-tooltip-outline text-[16px] mx-[8px]\"></i>\n                  }\n                </libs_ui-components-popover>\n              }\n            </div>\n          </div>\n          <i\n            class=\"text-[16px] libs-ui-icon-move-right rotate-90 text-[#6a7383] {{ classIncludeIcon() }}\"\n            [class.libs-ui-disable]=\"readonly() || disable()\"></i>\n        </div>\n      </div>\n    } @else {\n      <ng-content></ng-content>\n    }\n  </libs_ui-components-popover>\n  @if (showError()) {\n    @if (error(); as error) {\n      <div\n        class=\"mt-[8px] libs-ui-text-error libs-ui-font-h7r\"\n        [innerHtml]=\"error.message || ' ' | translate: error.interpolateParams || {}\"></div>\n    }\n  }\n</div>\n<ng-template #listViewEl>\n  <div style=\"display: flex; flex-direction: column\">\n    @if (tabsConfig(); as tabsConfig) {\n      <libs_ui-components-dropdown-tabs\n        [tabsConfig]=\"tabsConfig\"\n        [(tabKeyActive)]=\"tabKeyActive\"\n        [ignoreBorderBottom]=\"ignoreBorderBottom()\"\n        [disable]=\"disable() || loadingDetail() || loadingList()\"\n        (outChange)=\"handlerChangeTab()\" />\n    }\n    <libs_ui-components-list\n      [searchConfig]=\"listSearchConfig()\"\n      [isSearchOnline]=\"isSearchOnline()\"\n      [dropdownTabKeyActive]=\"tabKeyActive()\"\n      [keySearch]=\"listKeySearch()\"\n      [config]=\"listConfig()\"\n      [autoSelectedFirstItemCallOutsideBefore]=\"autoSelectedFirstItemCallOutsideBefore()\"\n      [paddingLeftItem]=\"popoverCustomConfig()?.paddingLeftItem ?? false\"\n      [disable]=\"disable() || loadingDetail()\"\n      [disableLabel]=\"disableLabel()\"\n      [hiddenInputSearch]=\"listHiddenInputSearch()\"\n      [searchPadding]=\"listSearchPadding()\"\n      [maxItemShow]=\"listMaxItemShow()\"\n      [keySelected]=\"listKeySelected()\"\n      [multiKeySelected]=\"listMultiKeySelected()\"\n      [clickExactly]=\"popoverCustomConfig()?.clickExactly ?? false\"\n      [dividerClassInclude]=\"listSearchConfig() ? listDividerClassInclude() : 'hidden'\"\n      [buttonsOther]=\"listButtonsOther()\"\n      [backgroundListCustom]=\"listBackgroundCustom()\"\n      [keysDisableItem]=\"listKeysDisable()\"\n      [keysHiddenItem]=\"listKeysHidden()\"\n      [hasButtonUnSelectOption]=\"listHasButtonUnSelectOption() ?? (!popoverCustomConfig() && !labelConfig()?.required && (listConfig()?.type === 'text' || listConfig()?.type === 'radio'))\"\n      [templateRefSearchNoData]=\"listSearchNoDataTemplateRef()\"\n      [focusInputSearch]=\"focusInputSearch()\"\n      [zIndex]=\"zIndex()\"\n      [resetKeyWhenSelectAllKeyDropdown]=\"resetKeyWhenSelectAllKey()\"\n      [ignoreClassDisableDefaultWhenUseKeysDisableItem]=\"listIgnoreClassDisableDefaultWhenUseKeysDisableItem()\"\n      [hasDivider]=\"listConfigHasDivider()\"\n      (outSelectKey)=\"handlerSelectedKey($event)\"\n      (outSelectMultiKey)=\"handlerSelectMultiKey($event, true)\"\n      (outChangeView)=\"handlerDataChange($event)\"\n      (outClickButtonOther)=\"handlerClickButtonOther($event)\"\n      (outFunctionsControl)=\"handlerListFunctionsControl($event)\"\n      (outChangStageFlagMousePopover)=\"handlerChangStageFlagMouse($event)\"\n      (outLoading)=\"handlerLoadingList($event)\" />\n  </div>\n</ng-template>\n", styles: [":host{width:100%;display:flex;flex-direction:column}:host .libs-ui-dropdown{position:relative;width:100%;min-height:32px;display:flex;align-items:center;background-color:#fff;padding:0 16px;border-radius:4px;cursor:pointer}\n"] }]
         }], ctorParameters: () => [] });
 
 /**