@acorex/components 16.20.5 → 16.20.6

package/fesm2022/acorex-components.mjs

@@ -8105,6 +8105,7 @@ class AXAutoCompleteComponent extends AXBaseComponent {
     allowNull = input(false, ...(ngDevMode ? [{ debugName: "allowNull" }] : []));
     bufferSize = signal(20, ...(ngDevMode ? [{ debugName: "bufferSize" }] : []));
     isDbClick = signal(false, ...(ngDevMode ? [{ debugName: "isDbClick" }] : []));
+    isFirstLoad = signal(true, ...(ngDevMode ? [{ debugName: "isFirstLoad" }] : []));
     disabledCallback;
     _contentDataSource;
     _dataSource;
@@ -8139,7 +8140,9 @@ class AXAutoCompleteComponent extends AXBaseComponent {
                     take: this.bufferSize(),
                     skip: 0,
                 };
-                this.fetch(params);
+                if (this.isFirstLoad() === false) {
+                    this.fetch(params);
+                }
             },
         });
     }
@@ -8172,12 +8175,6 @@ class AXAutoCompleteComponent extends AXBaseComponent {
             return;
         }
         this.currentfocusedIndex.set(-1);
-        if (this.remoteOperation()) {
-            const params = {};
-            params.skip = this.resolvedItems().length;
-            params.take = this.bufferSize();
-            this.fetch(params);
-        }
         if (this.localShowDropdownWhenClick()) {
             this.dropdown.open();
         }
@@ -8379,12 +8376,26 @@ class AXAutoCompleteComponent extends AXBaseComponent {
             htmlEvent: e,
         });
     }
+    dropdownToggleSelecBox() {
+        if (this.dropdown.isOpen) {
+            this.isFirstLoad.set(false);
+            this.refresh();
+        }
+    }
+    refresh() {
+        const params = {};
+        if (this.remoteOperation()) {
+            params.skip = 0;
+            params.take = this.bufferSize();
+            this.fetch(params);
+        }
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXAutoCompleteComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.3", type: AXAutoCompleteComponent, isStandalone: false, selector: "ax-auto-complete", inputs: { showDropdownWhenClick: { classPropertyName: "showDropdownWhenClick", publicName: "showDropdownWhenClick", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, remoteOperation: { classPropertyName: "remoteOperation", publicName: "remoteOperation", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, allowClear: { classPropertyName: "allowClear", publicName: "allowClear", isSignal: true, isRequired: false, transformFunction: null }, showDropDownButton: { classPropertyName: "showDropDownButton", publicName: "showDropDownButton", isSignal: true, isRequired: false, transformFunction: null }, onDemandTranslate: { classPropertyName: "onDemandTranslate", publicName: "onDemandTranslate", isSignal: true, isRequired: false, transformFunction: null }, rtl: { classPropertyName: "rtl", publicName: "rtl", isSignal: true, isRequired: false, transformFunction: null }, dropdownWidth: { classPropertyName: "dropdownWidth", publicName: "dropdownWidth", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, multiLine: { classPropertyName: "multiLine", publicName: "multiLine", isSignal: true, isRequired: false, transformFunction: null }, fitParent: { classPropertyName: "fitParent", publicName: "fitParent", isSignal: true, isRequired: false, transformFunction: null }, selectedItems: { classPropertyName: "selectedItems", publicName: "selectedItems", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, textAlign: { classPropertyName: "textAlign", publicName: "textAlign", isSignal: true, isRequired: false, transformFunction: null }, textField: { classPropertyName: "textField", publicName: "textField", isSignal: true, isRequired: false, transformFunction: null }, valueField: { classPropertyName: "valueField", publicName: "valueField", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, showCheckBox: { classPropertyName: "showCheckBox", publicName: "showCheckBox", isSignal: true, isRequired: false, transformFunction: null }, disabledField: { classPropertyName: "disabledField", publicName: "disabledField", isSignal: true, isRequired: false, transformFunction: null }, allowNull: { classPropertyName: "allowNull", publicName: "allowNull", isSignal: true, isRequired: false, transformFunction: null }, disabledCallback: { classPropertyName: "disabledCallback", publicName: "disabledCallback", isSignal: false, isRequired: false, transformFunction: null }, dataSource: { classPropertyName: "dataSource", publicName: "dataSource", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { selectedItems: "selectedItemsChange", onValueChanged: "onValueChanged", onItemClick: "onItemClick", onFocus: "onFocus", onBlur: "onBlur" }, queries: [{ propertyName: "_contentDataSource", first: true, predicate: AXDataSourceComponent, descendants: true, static: true }], viewQueries: [{ propertyName: "listContainer", first: true, predicate: ["listContainer"], descendants: true }, { propertyName: "dropdown", first: true, predicate: ["d"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<ax-drop-down\n  #d\n  [readonly]=\"readonly()\"\n  [fitParent]=\"fitParent()\"\n  [disabled]=\"disabled()\"\n  [size]=\"size()\"\n  [showDropDownButton]=\"showDropDownButton()\"\n>\n  <ng-container start>\n    <ng-content select=\"[start]\"> </ng-content>\n  </ng-container>\n  <ng-container header>\n    <ax-text-box\n      #input\n      [textAlign]=\"textAlign()\"\n      [(value)]=\"value\"\n      [disabled]=\"disabled()\"\n      [placeholder]=\"placeholder()\"\n      [size]=\"size()\"\n      (onkey)=\"handleKeyPress($event)\"\n      (click)=\"handleClick()\"\n      (onValueChanged)=\"textChange($event)\"\n      (onFocus)=\"handleFocus($event)\"\n      (onBlur)=\"handleBlur($event)\"\n    ></ax-text-box>\n  </ng-container>\n  <ng-container panel>\n    <div class=\"ax list-container\">\n      <div\n        #listContainer\n        class=\"list-container-items\"\n        (scroll)=\"scrolled($event)\"\n      >\n        @if(resolvedItems().length > 0){ @for (item of resolvedItems(); track\n        $index) {\n        <div\n          class=\"list-item\"\n          [class.focused]=\"$index == currentfocusedIndex()\"\n          [class.selected]=\"isItemSelected(item)\"\n          (click)=\"handleItemClick($event, item)\"\n          (dblclick)=\"handleItemDbClick($event, item)\"\n        >\n          <div style=\"display: flex\">\n            @if (showCheckBox()) {\n            <ax-check-box\n              [size]=\"size()\"\n              [value]=\"isItemSelected(item)\"\n              (onClick)=\"handleItemClick($event, item)\"\n            >\n            </ax-check-box>\n            } @if (rowTemplate) {\n            <div\n              style=\"\n                white-space: nowrap;\n                text-overflow: ellipsis;\n                overflow: hidden;\n                flex: 1;\n              \"\n              [title]=\"item[textField()]\"\n              [ngStyle]=\"\n                showCheckBox() ? { 'padding-inline-start': '0.5rem' } : ''\n              \"\n            >\n              <ng-container\n                *ngTemplateOutlet=\"rowTemplate; context: { $implicit: item }\"\n              >\n              </ng-container>\n            </div>\n            }@else {\n            <div\n              style=\"\n                white-space: nowrap;\n                text-overflow: ellipsis;\n                overflow: hidden;\n                flex: 1;\n              \"\n              [title]=\"item[textField()]\"\n              [ngStyle]=\"\n                showCheckBox() ? { 'padding-inline-start': '0.5rem' } : ''\n              \"\n            >\n              {{ item[textField()] }}\n            </div>\n            }\n          </div>\n        </div>\n        } }@else { @if(showLoading() == true){\n        <div class=\"list-item\">\n          {{ 'common.search' | trans }}\n        </div>\n        }@else {\n        <div class=\"list-item\">\n          {{ 'common.noDataFound' | trans }}\n        </div>\n        } } @if (showLoading()) {\n        <div class=\"ax-pad-sm\" style=\"text-align: center\">\n          <i\n            class=\"far fa-spinner-third fa-pulse fa-2x\"\n            style=\"color: var(--ax-primary-color)\"\n          ></i>\n        </div>\n        }\n      </div>\n    </div></ng-container\n  >\n  <ng-container end>\n    <ng-content select=\"[end]\"> </ng-content>\n  </ng-container>\n</ax-drop-down>\n", styles: [""], dependencies: [{ kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: AXDropdownComponent, selector: "ax-drop-down", inputs: ["rtl", "readonly", "loading", "dropdownWidth"], outputs: ["dropdownToggle", "onButtonClick"] }, { kind: "component", type: AXTextBoxComponent, selector: "ax-text-box", inputs: ["mask", "showMask", "type", "maxLength", "maskGuid", "maskPlaceholder", "maskKeepCharPositions", "leadZeroDateTime"] }, { kind: "component", type: AXCheckBoxComponent, selector: "ax-check-box", inputs: ["readonly", "disabled", "size", "label", "tabIndex", "indeterminate", "value"], outputs: ["onValueChanged", "valueChange", "onClick"] }, { kind: "pipe", type: i1$2.AXTranslatorPipe, name: "trans" }], encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.3", type: AXAutoCompleteComponent, isStandalone: false, selector: "ax-auto-complete", inputs: { showDropdownWhenClick: { classPropertyName: "showDropdownWhenClick", publicName: "showDropdownWhenClick", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, remoteOperation: { classPropertyName: "remoteOperation", publicName: "remoteOperation", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, allowClear: { classPropertyName: "allowClear", publicName: "allowClear", isSignal: true, isRequired: false, transformFunction: null }, showDropDownButton: { classPropertyName: "showDropDownButton", publicName: "showDropDownButton", isSignal: true, isRequired: false, transformFunction: null }, onDemandTranslate: { classPropertyName: "onDemandTranslate", publicName: "onDemandTranslate", isSignal: true, isRequired: false, transformFunction: null }, rtl: { classPropertyName: "rtl", publicName: "rtl", isSignal: true, isRequired: false, transformFunction: null }, dropdownWidth: { classPropertyName: "dropdownWidth", publicName: "dropdownWidth", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, multiLine: { classPropertyName: "multiLine", publicName: "multiLine", isSignal: true, isRequired: false, transformFunction: null }, fitParent: { classPropertyName: "fitParent", publicName: "fitParent", isSignal: true, isRequired: false, transformFunction: null }, selectedItems: { classPropertyName: "selectedItems", publicName: "selectedItems", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, textAlign: { classPropertyName: "textAlign", publicName: "textAlign", isSignal: true, isRequired: false, transformFunction: null }, textField: { classPropertyName: "textField", publicName: "textField", isSignal: true, isRequired: false, transformFunction: null }, valueField: { classPropertyName: "valueField", publicName: "valueField", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, showCheckBox: { classPropertyName: "showCheckBox", publicName: "showCheckBox", isSignal: true, isRequired: false, transformFunction: null }, disabledField: { classPropertyName: "disabledField", publicName: "disabledField", isSignal: true, isRequired: false, transformFunction: null }, allowNull: { classPropertyName: "allowNull", publicName: "allowNull", isSignal: true, isRequired: false, transformFunction: null }, disabledCallback: { classPropertyName: "disabledCallback", publicName: "disabledCallback", isSignal: false, isRequired: false, transformFunction: null }, dataSource: { classPropertyName: "dataSource", publicName: "dataSource", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { selectedItems: "selectedItemsChange", onValueChanged: "onValueChanged", onItemClick: "onItemClick", onFocus: "onFocus", onBlur: "onBlur" }, queries: [{ propertyName: "_contentDataSource", first: true, predicate: AXDataSourceComponent, descendants: true, static: true }], viewQueries: [{ propertyName: "listContainer", first: true, predicate: ["listContainer"], descendants: true }, { propertyName: "dropdown", first: true, predicate: ["d"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<ax-drop-down\n  #d\n  [readonly]=\"readonly()\"\n  [fitParent]=\"fitParent()\"\n  [disabled]=\"disabled()\"\n  [size]=\"size()\"\n  [showDropDownButton]=\"showDropDownButton()\"\n  (dropdownToggle)=\"dropdownToggleSelecBox()\"\n>\n  <ng-container start>\n    <ng-content select=\"[start]\"> </ng-content>\n  </ng-container>\n  <ng-container header>\n    <ax-text-box\n      #input\n      [textAlign]=\"textAlign()\"\n      [(value)]=\"value\"\n      [disabled]=\"disabled()\"\n      [placeholder]=\"placeholder()\"\n      [size]=\"size()\"\n      (onkey)=\"handleKeyPress($event)\"\n      (click)=\"handleClick()\"\n      (onValueChanged)=\"textChange($event)\"\n      (onFocus)=\"handleFocus($event)\"\n      (onBlur)=\"handleBlur($event)\"\n    ></ax-text-box>\n  </ng-container>\n  <ng-container panel>\n    <div class=\"ax list-container\">\n      <div\n        #listContainer\n        class=\"list-container-items\"\n        (scroll)=\"scrolled($event)\"\n      >\n        @if(resolvedItems().length > 0){ @for (item of resolvedItems(); track\n        $index) {\n        <div\n          class=\"list-item\"\n          [class.focused]=\"$index == currentfocusedIndex()\"\n          [class.selected]=\"isItemSelected(item)\"\n          (click)=\"handleItemClick($event, item)\"\n          (dblclick)=\"handleItemDbClick($event, item)\"\n        >\n          <div style=\"display: flex\">\n            @if (showCheckBox()) {\n            <ax-check-box\n              [size]=\"size()\"\n              [value]=\"isItemSelected(item)\"\n              (onClick)=\"handleItemClick($event, item)\"\n            >\n            </ax-check-box>\n            } @if (rowTemplate) {\n            <div\n              style=\"\n                white-space: nowrap;\n                text-overflow: ellipsis;\n                overflow: hidden;\n                flex: 1;\n              \"\n              [title]=\"item[textField()]\"\n              [ngStyle]=\"\n                showCheckBox() ? { 'padding-inline-start': '0.5rem' } : ''\n              \"\n            >\n              <ng-container\n                *ngTemplateOutlet=\"rowTemplate; context: { $implicit: item }\"\n              >\n              </ng-container>\n            </div>\n            }@else {\n            <div\n              style=\"\n                white-space: nowrap;\n                text-overflow: ellipsis;\n                overflow: hidden;\n                flex: 1;\n              \"\n              [title]=\"item[textField()]\"\n              [ngStyle]=\"\n                showCheckBox() ? { 'padding-inline-start': '0.5rem' } : ''\n              \"\n            >\n              {{ item[textField()] }}\n            </div>\n            }\n          </div>\n        </div>\n        } }@else { @if(showLoading() == true){\n        <div class=\"list-item\">\n          {{ 'common.search' | trans }}\n        </div>\n        }@else {\n        <div class=\"list-item\">\n          {{ 'common.noDataFound' | trans }}\n        </div>\n        } } @if (showLoading()) {\n        <div class=\"ax-pad-sm\" style=\"text-align: center\">\n          <i\n            class=\"far fa-spinner-third fa-pulse fa-2x\"\n            style=\"color: var(--ax-primary-color)\"\n          ></i>\n        </div>\n        }\n      </div>\n    </div></ng-container\n  >\n  <ng-container end>\n    <ng-content select=\"[end]\"> </ng-content>\n  </ng-container>\n</ax-drop-down>\n", styles: [""], dependencies: [{ kind: "directive", type: i1$1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: AXDropdownComponent, selector: "ax-drop-down", inputs: ["rtl", "readonly", "loading", "dropdownWidth"], outputs: ["dropdownToggle", "onButtonClick"] }, { kind: "component", type: AXTextBoxComponent, selector: "ax-text-box", inputs: ["mask", "showMask", "type", "maxLength", "maskGuid", "maskPlaceholder", "maskKeepCharPositions", "leadZeroDateTime"] }, { kind: "component", type: AXCheckBoxComponent, selector: "ax-check-box", inputs: ["readonly", "disabled", "size", "label", "tabIndex", "indeterminate", "value"], outputs: ["onValueChanged", "valueChange", "onClick"] }, { kind: "pipe", type: i1$2.AXTranslatorPipe, name: "trans" }], encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.3", ngImport: i0, type: AXAutoCompleteComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ax-auto-complete', encapsulation: ViewEncapsulation.None, standalone: false, template: "<ax-drop-down\n  #d\n  [readonly]=\"readonly()\"\n  [fitParent]=\"fitParent()\"\n  [disabled]=\"disabled()\"\n  [size]=\"size()\"\n  [showDropDownButton]=\"showDropDownButton()\"\n>\n  <ng-container start>\n    <ng-content select=\"[start]\"> </ng-content>\n  </ng-container>\n  <ng-container header>\n    <ax-text-box\n      #input\n      [textAlign]=\"textAlign()\"\n      [(value)]=\"value\"\n      [disabled]=\"disabled()\"\n      [placeholder]=\"placeholder()\"\n      [size]=\"size()\"\n      (onkey)=\"handleKeyPress($event)\"\n      (click)=\"handleClick()\"\n      (onValueChanged)=\"textChange($event)\"\n      (onFocus)=\"handleFocus($event)\"\n      (onBlur)=\"handleBlur($event)\"\n    ></ax-text-box>\n  </ng-container>\n  <ng-container panel>\n    <div class=\"ax list-container\">\n      <div\n        #listContainer\n        class=\"list-container-items\"\n        (scroll)=\"scrolled($event)\"\n      >\n        @if(resolvedItems().length > 0){ @for (item of resolvedItems(); track\n        $index) {\n        <div\n          class=\"list-item\"\n          [class.focused]=\"$index == currentfocusedIndex()\"\n          [class.selected]=\"isItemSelected(item)\"\n          (click)=\"handleItemClick($event, item)\"\n          (dblclick)=\"handleItemDbClick($event, item)\"\n        >\n          <div style=\"display: flex\">\n            @if (showCheckBox()) {\n            <ax-check-box\n              [size]=\"size()\"\n              [value]=\"isItemSelected(item)\"\n              (onClick)=\"handleItemClick($event, item)\"\n            >\n            </ax-check-box>\n            } @if (rowTemplate) {\n            <div\n              style=\"\n                white-space: nowrap;\n                text-overflow: ellipsis;\n                overflow: hidden;\n                flex: 1;\n              \"\n              [title]=\"item[textField()]\"\n              [ngStyle]=\"\n                showCheckBox() ? { 'padding-inline-start': '0.5rem' } : ''\n              \"\n            >\n              <ng-container\n                *ngTemplateOutlet=\"rowTemplate; context: { $implicit: item }\"\n              >\n              </ng-container>\n            </div>\n            }@else {\n            <div\n              style=\"\n                white-space: nowrap;\n                text-overflow: ellipsis;\n                overflow: hidden;\n                flex: 1;\n              \"\n              [title]=\"item[textField()]\"\n              [ngStyle]=\"\n                showCheckBox() ? { 'padding-inline-start': '0.5rem' } : ''\n              \"\n            >\n              {{ item[textField()] }}\n            </div>\n            }\n          </div>\n        </div>\n        } }@else { @if(showLoading() == true){\n        <div class=\"list-item\">\n          {{ 'common.search' | trans }}\n        </div>\n        }@else {\n        <div class=\"list-item\">\n          {{ 'common.noDataFound' | trans }}\n        </div>\n        } } @if (showLoading()) {\n        <div class=\"ax-pad-sm\" style=\"text-align: center\">\n          <i\n            class=\"far fa-spinner-third fa-pulse fa-2x\"\n            style=\"color: var(--ax-primary-color)\"\n          ></i>\n        </div>\n        }\n      </div>\n    </div></ng-container\n  >\n  <ng-container end>\n    <ng-content select=\"[end]\"> </ng-content>\n  </ng-container>\n</ax-drop-down>\n" }]
+            args: [{ selector: 'ax-auto-complete', encapsulation: ViewEncapsulation.None, standalone: false, template: "<ax-drop-down\n  #d\n  [readonly]=\"readonly()\"\n  [fitParent]=\"fitParent()\"\n  [disabled]=\"disabled()\"\n  [size]=\"size()\"\n  [showDropDownButton]=\"showDropDownButton()\"\n  (dropdownToggle)=\"dropdownToggleSelecBox()\"\n>\n  <ng-container start>\n    <ng-content select=\"[start]\"> </ng-content>\n  </ng-container>\n  <ng-container header>\n    <ax-text-box\n      #input\n      [textAlign]=\"textAlign()\"\n      [(value)]=\"value\"\n      [disabled]=\"disabled()\"\n      [placeholder]=\"placeholder()\"\n      [size]=\"size()\"\n      (onkey)=\"handleKeyPress($event)\"\n      (click)=\"handleClick()\"\n      (onValueChanged)=\"textChange($event)\"\n      (onFocus)=\"handleFocus($event)\"\n      (onBlur)=\"handleBlur($event)\"\n    ></ax-text-box>\n  </ng-container>\n  <ng-container panel>\n    <div class=\"ax list-container\">\n      <div\n        #listContainer\n        class=\"list-container-items\"\n        (scroll)=\"scrolled($event)\"\n      >\n        @if(resolvedItems().length > 0){ @for (item of resolvedItems(); track\n        $index) {\n        <div\n          class=\"list-item\"\n          [class.focused]=\"$index == currentfocusedIndex()\"\n          [class.selected]=\"isItemSelected(item)\"\n          (click)=\"handleItemClick($event, item)\"\n          (dblclick)=\"handleItemDbClick($event, item)\"\n        >\n          <div style=\"display: flex\">\n            @if (showCheckBox()) {\n            <ax-check-box\n              [size]=\"size()\"\n              [value]=\"isItemSelected(item)\"\n              (onClick)=\"handleItemClick($event, item)\"\n            >\n            </ax-check-box>\n            } @if (rowTemplate) {\n            <div\n              style=\"\n                white-space: nowrap;\n                text-overflow: ellipsis;\n                overflow: hidden;\n                flex: 1;\n              \"\n              [title]=\"item[textField()]\"\n              [ngStyle]=\"\n                showCheckBox() ? { 'padding-inline-start': '0.5rem' } : ''\n              \"\n            >\n              <ng-container\n                *ngTemplateOutlet=\"rowTemplate; context: { $implicit: item }\"\n              >\n              </ng-container>\n            </div>\n            }@else {\n            <div\n              style=\"\n                white-space: nowrap;\n                text-overflow: ellipsis;\n                overflow: hidden;\n                flex: 1;\n              \"\n              [title]=\"item[textField()]\"\n              [ngStyle]=\"\n                showCheckBox() ? { 'padding-inline-start': '0.5rem' } : ''\n              \"\n            >\n              {{ item[textField()] }}\n            </div>\n            }\n          </div>\n        </div>\n        } }@else { @if(showLoading() == true){\n        <div class=\"list-item\">\n          {{ 'common.search' | trans }}\n        </div>\n        }@else {\n        <div class=\"list-item\">\n          {{ 'common.noDataFound' | trans }}\n        </div>\n        } } @if (showLoading()) {\n        <div class=\"ax-pad-sm\" style=\"text-align: center\">\n          <i\n            class=\"far fa-spinner-third fa-pulse fa-2x\"\n            style=\"color: var(--ax-primary-color)\"\n          ></i>\n        </div>\n        }\n      </div>\n    </div></ng-container\n  >\n  <ng-container end>\n    <ng-content select=\"[end]\"> </ng-content>\n  </ng-container>\n</ax-drop-down>\n" }]
         }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { listContainer: [{
                 type: ViewChild,
                 args: ['listContainer']