primekit 0.0.87 → 0.0.88

package/esm2022/lib/lib/atomix-input/atomix-input.component.mjs

@@ -50,11 +50,11 @@ export class AtomixInputComponent {
         this.inputEl?.nativeElement?.focus();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AtomixInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: AtomixInputComponent, selector: "atomix-input", inputs: { value: "value", name: "name", type: "type", placeholder: "placeholder", withSearchIcon: "withSearchIcon", searchIconPosition: "searchIconPosition", iconName: "iconName", containerClass: "containerClass", class: "class", disabled: "disabled", isCrossRequired: "isCrossRequired", label: "label", isLabelRequired: "isLabelRequired", autofocus: "autofocus" }, outputs: { valueChange: "valueChange", changeValueHandler: "changeValueHandler" }, viewQueries: [{ propertyName: "inputEl", first: true, predicate: ["inputEl"], descendants: true }], ngImport: i0, template: "<label *ngIf=\"label\" for=\"name\"\n  >{{ label }}\n  <span *ngIf=\"isLabelRequired\" class=\"lib-error-asterisk\">*</span></label\n>\n\n<i\n  class=\"pi pi-search search-icon\"\n  [ngClass]=\"(searchIconPosition === 'left' ? 'search-icon-left' : 'search-icon-right') + (label ? ' with-label' : '')\"\n  *ngIf=\"withSearchIcon\"\n  (click)=\"onEnter()\"\n></i>\n\n<input\n  [id]=\"name\"\n  type=\"text\"\n  pInputText\n  [value]=\"value\"\n  [attr.placeholder]=\"placeholder\"\n  (input)=\"onInput($event)\"\n  (keydown.enter)=\"onEnter()\"\n  [ngClass]=\"class + ' lib-input-field' + (withSearchIcon ? ' with-search-icon-' + searchIconPosition : '') + (isCrossRequired ? ' with-cross-icon' : '')\"\n  autocomplete=\"new-password\"\n  [disabled]=\"disabled\"\n  [type]=\"type\"\n  #inputEl\n/>\n<i\n  class=\"pi pi-times filter-dropdown-icon\"\n  [ngClass]=\"(withSearchIcon && searchIconPosition === 'right' ? 'filter-dropdown-icon-left' : '') + (label ? ' with-label' : '')\"\n  style=\"cursor: pointer\"\n  (click)=\"clearValue()\"\n  *ngIf=\"isCrossRequired && value !== ''\"\n\n></i>\n", styles: [".lib-error-asterisk{color:red}.filter-dropdown-icon{position:absolute;top:50%;right:10px;transform:translateY(-50%);z-index:1;cursor:pointer;color:#6c757d}.filter-dropdown-icon-left{right:40px}.search-icon.with-label,.filter-dropdown-icon.with-label{top:88%}.search-icon{position:absolute;top:50%;transform:translateY(-50%);z-index:1;color:#000000de;font-size:1rem}.search-icon-left{left:10px}.search-icon-right{right:10px}.with-search-icon-left{padding-left:30px!important;padding-right:30px!important}.with-search-icon-right{padding-right:60px}::ng-deep .lib-input-field{border-radius:30px}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.InputText, selector: "[pInputText]", inputs: ["variant"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: AtomixInputComponent, selector: "atomix-input", inputs: { value: "value", name: "name", type: "type", placeholder: "placeholder", withSearchIcon: "withSearchIcon", searchIconPosition: "searchIconPosition", iconName: "iconName", containerClass: "containerClass", class: "class", disabled: "disabled", isCrossRequired: "isCrossRequired", label: "label", isLabelRequired: "isLabelRequired", autofocus: "autofocus" }, outputs: { valueChange: "valueChange", changeValueHandler: "changeValueHandler" }, viewQueries: [{ propertyName: "inputEl", first: true, predicate: ["inputEl"], descendants: true }], ngImport: i0, template: "<label *ngIf=\"label\" for=\"name\"\n  >{{ label }}\n  <span *ngIf=\"isLabelRequired\" class=\"lib-error-asterisk\">*</span></label\n>\n\n<i\n  class=\"pi pi-search search-icon\"\n  [ngClass]=\"(searchIconPosition === 'left' ? 'search-icon-left' : 'search-icon-right') + (label ? ' with-label' : '')\"\n  *ngIf=\"withSearchIcon\"\n  (click)=\"onEnter()\"\n></i>\n\n<input\n  [id]=\"name\"\n  type=\"text\"\n  pInputText\n  [value]=\"value\"\n  [attr.placeholder]=\"placeholder\"\n  (input)=\"onInput($event)\"\n  (keydown.enter)=\"onEnter()\"\n  [ngClass]=\"class + ' lib-input-field' + (withSearchIcon ? ' with-search-icon-' + searchIconPosition : '') + (isCrossRequired ? ' with-cross-icon' : '')\"\n  autocomplete=\"new-password\"\n  [disabled]=\"disabled\"\n  [type]=\"type\"\n  #inputEl\n/>\n<i\n  class=\"pi pi-times filter-dropdown-icon\"\n  [ngClass]=\"(withSearchIcon && searchIconPosition === 'right' ? 'filter-dropdown-icon-left' : '') + (label ? ' with-label' : '')\"\n  style=\"cursor: pointer\"\n  (click)=\"clearValue()\"\n  *ngIf=\"isCrossRequired && value !== ''\"\n\n></i>\n", styles: [".lib-error-asterisk{color:red}.filter-dropdown-icon{position:absolute;top:50%;right:10px;transform:translateY(-50%);z-index:1;cursor:pointer;color:#6c757d}.filter-dropdown-icon-left{right:40px}.search-icon.with-label,.filter-dropdown-icon.with-label{top:88%}.search-icon{position:absolute;top:50%;transform:translateY(-50%);z-index:1;color:#000000de;font-size:1rem}.search-icon-left{left:10px}.search-icon-right{right:0}.with-search-icon-left{padding-left:30px!important;padding-right:30px!important}.with-search-icon-right{padding-right:60px}::ng-deep .lib-input-field{border-radius:30px}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.InputText, selector: "[pInputText]", inputs: ["variant"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AtomixInputComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'atomix-input', template: "<label *ngIf=\"label\" for=\"name\"\n  >{{ label }}\n  <span *ngIf=\"isLabelRequired\" class=\"lib-error-asterisk\">*</span></label\n>\n\n<i\n  class=\"pi pi-search search-icon\"\n  [ngClass]=\"(searchIconPosition === 'left' ? 'search-icon-left' : 'search-icon-right') + (label ? ' with-label' : '')\"\n  *ngIf=\"withSearchIcon\"\n  (click)=\"onEnter()\"\n></i>\n\n<input\n  [id]=\"name\"\n  type=\"text\"\n  pInputText\n  [value]=\"value\"\n  [attr.placeholder]=\"placeholder\"\n  (input)=\"onInput($event)\"\n  (keydown.enter)=\"onEnter()\"\n  [ngClass]=\"class + ' lib-input-field' + (withSearchIcon ? ' with-search-icon-' + searchIconPosition : '') + (isCrossRequired ? ' with-cross-icon' : '')\"\n  autocomplete=\"new-password\"\n  [disabled]=\"disabled\"\n  [type]=\"type\"\n  #inputEl\n/>\n<i\n  class=\"pi pi-times filter-dropdown-icon\"\n  [ngClass]=\"(withSearchIcon && searchIconPosition === 'right' ? 'filter-dropdown-icon-left' : '') + (label ? ' with-label' : '')\"\n  style=\"cursor: pointer\"\n  (click)=\"clearValue()\"\n  *ngIf=\"isCrossRequired && value !== ''\"\n\n></i>\n", styles: [".lib-error-asterisk{color:red}.filter-dropdown-icon{position:absolute;top:50%;right:10px;transform:translateY(-50%);z-index:1;cursor:pointer;color:#6c757d}.filter-dropdown-icon-left{right:40px}.search-icon.with-label,.filter-dropdown-icon.with-label{top:88%}.search-icon{position:absolute;top:50%;transform:translateY(-50%);z-index:1;color:#000000de;font-size:1rem}.search-icon-left{left:10px}.search-icon-right{right:10px}.with-search-icon-left{padding-left:30px!important;padding-right:30px!important}.with-search-icon-right{padding-right:60px}::ng-deep .lib-input-field{border-radius:30px}\n"] }]
+            args: [{ selector: 'atomix-input', template: "<label *ngIf=\"label\" for=\"name\"\n  >{{ label }}\n  <span *ngIf=\"isLabelRequired\" class=\"lib-error-asterisk\">*</span></label\n>\n\n<i\n  class=\"pi pi-search search-icon\"\n  [ngClass]=\"(searchIconPosition === 'left' ? 'search-icon-left' : 'search-icon-right') + (label ? ' with-label' : '')\"\n  *ngIf=\"withSearchIcon\"\n  (click)=\"onEnter()\"\n></i>\n\n<input\n  [id]=\"name\"\n  type=\"text\"\n  pInputText\n  [value]=\"value\"\n  [attr.placeholder]=\"placeholder\"\n  (input)=\"onInput($event)\"\n  (keydown.enter)=\"onEnter()\"\n  [ngClass]=\"class + ' lib-input-field' + (withSearchIcon ? ' with-search-icon-' + searchIconPosition : '') + (isCrossRequired ? ' with-cross-icon' : '')\"\n  autocomplete=\"new-password\"\n  [disabled]=\"disabled\"\n  [type]=\"type\"\n  #inputEl\n/>\n<i\n  class=\"pi pi-times filter-dropdown-icon\"\n  [ngClass]=\"(withSearchIcon && searchIconPosition === 'right' ? 'filter-dropdown-icon-left' : '') + (label ? ' with-label' : '')\"\n  style=\"cursor: pointer\"\n  (click)=\"clearValue()\"\n  *ngIf=\"isCrossRequired && value !== ''\"\n\n></i>\n", styles: [".lib-error-asterisk{color:red}.filter-dropdown-icon{position:absolute;top:50%;right:10px;transform:translateY(-50%);z-index:1;cursor:pointer;color:#6c757d}.filter-dropdown-icon-left{right:40px}.search-icon.with-label,.filter-dropdown-icon.with-label{top:88%}.search-icon{position:absolute;top:50%;transform:translateY(-50%);z-index:1;color:#000000de;font-size:1rem}.search-icon-left{left:10px}.search-icon-right{right:0}.with-search-icon-left{padding-left:30px!important;padding-right:30px!important}.with-search-icon-right{padding-right:60px}::ng-deep .lib-input-field{border-radius:30px}\n"] }]
         }], propDecorators: { inputEl: [{
                 type: ViewChild,
                 args: ['inputEl']

package/esm2022/lib/lib/atomix-search-dropdown/atomix-search-dropdown.component.mjs

@@ -77,11 +77,11 @@ export class AtomixSearchDropdownComponent {
         this.searchInputEl?.nativeElement?.focus();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AtomixSearchDropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: AtomixSearchDropdownComponent, selector: "atomix-search-dropdown", inputs: { searchValue: "searchValue", searchPlaceholder: "searchPlaceholder", searchType: "searchType", searchDisabled: "searchDisabled", searchLabel: "searchLabel", searchIsLabelRequired: "searchIsLabelRequired", searchClass: "searchClass", searchIsCrossRequired: "searchIsCrossRequired", searchName: "searchName", dropdownOptions: "dropdownOptions", dropdownSelected: "dropdownSelected", dropdownPlaceholder: "dropdownPlaceholder", dropdownOptionLabel: "dropdownOptionLabel", dropdownOptionValue: "dropdownOptionValue", dropdownDisabled: "dropdownDisabled", dropdownShowClear: "dropdownShowClear", dropdownFilter: "dropdownFilter", dropdownLabel: "dropdownLabel", dropdownIsLabelRequired: "dropdownIsLabelRequired", dropdownStyleClass: "dropdownStyleClass", dropdownName: "dropdownName", label: "label", isLabelRequired: "isLabelRequired", containerClass: "containerClass" }, outputs: { searchValueChange: "searchValueChange", dropdownValueChange: "dropdownValueChange", dropdownFilterChange: "dropdownFilterChange" }, viewQueries: [{ propertyName: "searchInputEl", first: true, predicate: ["searchInputEl"], descendants: true }], ngImport: i0, template: "<label *ngIf=\"label\" for=\"searchName\">\n  {{ label }}\n  <span *ngIf=\"isLabelRequired\" class=\"lib-error-asterisk\">*</span>\n</label>\n\n<div [ngClass]=\"containerClass\">\n    <div class=\"search-dropdown-container\">\n        <input\n          [id]=\"searchName\"\n          type=\"text\"\n          pInputText\n          [value]=\"searchValue\"\n          [attr.placeholder]=\"searchPlaceholder\"\n          (input)=\"onSearchInput($event)\"\n          (keydown.enter)=\"onSearchEnter()\"\n          [ngClass]=\"searchClass + ' lib-input-field'\"\n          autocomplete=\"new-password\"\n          [disabled]=\"searchDisabled\"\n          [type]=\"searchType\"\n          #searchInputEl\n          class=\"search-input\"\n        />\n        <span>\n      \n            <i\n              class=\"pi pi-times filter-dropdown-icon\"\n              style=\"cursor: pointer\"\n              (click)=\"clearSearchValue()\"\n              *ngIf=\"searchIsCrossRequired && searchValue !== ''\"\n            ></i>\n        </span>\n    </div>\n\n  <p-dropdown\n    [options]=\"dropdownOptions\"\n    [(ngModel)]=\"dropdownSelected\"\n    (onChange)=\"onDropdownChange($event)\"\n    [name]=\"dropdownName\"\n    [optionValue]=\"dropdownOptionValue\"\n    [optionLabel]=\"dropdownOptionLabel\"\n    [showClear]=\"dropdownShowClear\"\n    [filter]=\"dropdownFilter\"\n    [filterBy]=\"dropdownOptionLabel\"\n    appendTo=\"body\"\n    [disabled]=\"dropdownDisabled\"\n    [styleClass]=\"dropdownStyleClass\"\n    (onFilter)=\"onDropdownFilter($event)\"\n    [placeholder]=\"dropdownPlaceholder\"\n    class=\"search-dropdown\"\n  >\n    <ng-template let-option pTemplate=\"item\">\n      <div class=\"custom-item\">\n        <i\n          [ngClass]=\"option.dropdownIcon\"\n          class=\"dropdown-logo\"\n          *ngIf=\"option.dropdownIcon\"\n        ></i>\n        <img\n          [alt]=\"option.dropdownImage\"\n          [src]=\"option.dropdownImage\"\n          *ngIf=\"option.dropdownImage\"\n          class=\"dropdown-image\"\n        />\n\n        <span>{{ option[dropdownOptionLabel] }}</span>\n      </div>\n    </ng-template>\n  </p-dropdown>\n</div>", styles: ["input[type=search]::-webkit-search-cancel-button{display:none}input[type=search]::-moz-search-cancel-button{display:none}input[type=search]::-ms-clear{display:none}.lib-error-asterisk{color:red}.billing-input-column-container{display:flex}.filter-dropdown-icon{position:absolute;top:50%;transform:translateY(-50%);z-index:1;cursor:pointer;color:#6c757d;right:10px}.search-dropdown{border-top-left-radius:0!important;border-bottom-left-radius:0!important;width:max-content!important}.search-input{margin-top:0!important;border-right:none!important;padding-right:30px}.search-dropdown-container{position:relative;flex:1}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i3.InputText, selector: "[pInputText]", inputs: ["variant"] }, { kind: "component", type: i4.Dropdown, selector: "p-dropdown", inputs: ["id", "scrollHeight", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "variant", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "autoDisplayFirst", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "maxlength", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "autoShowPanelOnPrintableCharacterKeyDown", "disabled", "itemSize", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "filterValue", "options"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: AtomixSearchDropdownComponent, selector: "atomix-search-dropdown", inputs: { searchValue: "searchValue", searchPlaceholder: "searchPlaceholder", searchType: "searchType", searchDisabled: "searchDisabled", searchLabel: "searchLabel", searchIsLabelRequired: "searchIsLabelRequired", searchClass: "searchClass", searchIsCrossRequired: "searchIsCrossRequired", searchName: "searchName", dropdownOptions: "dropdownOptions", dropdownSelected: "dropdownSelected", dropdownPlaceholder: "dropdownPlaceholder", dropdownOptionLabel: "dropdownOptionLabel", dropdownOptionValue: "dropdownOptionValue", dropdownDisabled: "dropdownDisabled", dropdownShowClear: "dropdownShowClear", dropdownFilter: "dropdownFilter", dropdownLabel: "dropdownLabel", dropdownIsLabelRequired: "dropdownIsLabelRequired", dropdownStyleClass: "dropdownStyleClass", dropdownName: "dropdownName", label: "label", isLabelRequired: "isLabelRequired", containerClass: "containerClass" }, outputs: { searchValueChange: "searchValueChange", dropdownValueChange: "dropdownValueChange", dropdownFilterChange: "dropdownFilterChange" }, viewQueries: [{ propertyName: "searchInputEl", first: true, predicate: ["searchInputEl"], descendants: true }], ngImport: i0, template: "<label *ngIf=\"label\" for=\"searchName\">\n  {{ label }}\n  <span *ngIf=\"isLabelRequired\" class=\"lib-error-asterisk\">*</span>\n</label>\n\n<div [ngClass]=\"containerClass\">\n    <div class=\"search-dropdown-container\">\n        <input\n          [id]=\"searchName\"\n          type=\"text\"\n          pInputText\n          [value]=\"searchValue\"\n          [attr.placeholder]=\"searchPlaceholder\"\n          (input)=\"onSearchInput($event)\"\n          (keydown.enter)=\"onSearchEnter()\"\n          [ngClass]=\"searchClass + ' lib-input-field'\"\n          autocomplete=\"new-password\"\n          [disabled]=\"searchDisabled\"\n          [type]=\"searchType\"\n          #searchInputEl\n          class=\"search-input\"\n        />\n        <span>\n      \n            <i\n              class=\"pi pi-times filter-dropdown-icon\"\n              style=\"cursor: pointer\"\n              (click)=\"clearSearchValue()\"\n              *ngIf=\"searchIsCrossRequired && searchValue !== ''\"\n            ></i>\n        </span>\n    </div>\n\n  <p-dropdown\n    [options]=\"dropdownOptions\"\n    [(ngModel)]=\"dropdownSelected\"\n    (onChange)=\"onDropdownChange($event)\"\n    [name]=\"dropdownName\"\n    [optionValue]=\"dropdownOptionValue\"\n    [optionLabel]=\"dropdownOptionLabel\"\n    [showClear]=\"dropdownShowClear\"\n    [filter]=\"dropdownFilter\"\n    [filterBy]=\"dropdownOptionLabel\"\n    appendTo=\"body\"\n    [disabled]=\"dropdownDisabled\"\n    [styleClass]=\"dropdownStyleClass\"\n    (onFilter)=\"onDropdownFilter($event)\"\n    [placeholder]=\"dropdownPlaceholder\"\n    class=\"search-dropdown\"\n  >\n    <ng-template let-option pTemplate=\"item\">\n      <div class=\"custom-item\">\n        <i\n          [ngClass]=\"option.dropdownIcon\"\n          class=\"dropdown-logo\"\n          *ngIf=\"option.dropdownIcon\"\n        ></i>\n        <img\n          [alt]=\"option.dropdownImage\"\n          [src]=\"option.dropdownImage\"\n          *ngIf=\"option.dropdownImage\"\n          class=\"dropdown-image\"\n        />\n\n        <span>{{ option[dropdownOptionLabel] }}</span>\n      </div>\n    </ng-template>\n  </p-dropdown>\n</div>", styles: ["input[type=search]::-webkit-search-cancel-button{display:none}input[type=search]::-moz-search-cancel-button{display:none}input[type=search]::-ms-clear{display:none}.lib-error-asterisk{color:red}.billing-input-column-container{display:flex}.filter-dropdown-icon{position:absolute;top:50%;transform:translateY(-50%);z-index:1;cursor:pointer;color:#6c757d;right:10px}.search-dropdown{border-top-left-radius:0!important;border-bottom-left-radius:0!important;width:max-content!important}.search-input{background-color:var(--filter-inventory-bg);border:1px solid var(--border-color)!important;margin-top:0!important;border-right:none!important;padding-right:30px}.search-dropdown-container{position:relative;flex:1}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i3.InputText, selector: "[pInputText]", inputs: ["variant"] }, { kind: "component", type: i4.Dropdown, selector: "p-dropdown", inputs: ["id", "scrollHeight", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "variant", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "autoDisplayFirst", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "maxlength", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "autoShowPanelOnPrintableCharacterKeyDown", "disabled", "itemSize", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "filterValue", "options"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "directive", type: i5.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i5.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AtomixSearchDropdownComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'atomix-search-dropdown', template: "<label *ngIf=\"label\" for=\"searchName\">\n  {{ label }}\n  <span *ngIf=\"isLabelRequired\" class=\"lib-error-asterisk\">*</span>\n</label>\n\n<div [ngClass]=\"containerClass\">\n    <div class=\"search-dropdown-container\">\n        <input\n          [id]=\"searchName\"\n          type=\"text\"\n          pInputText\n          [value]=\"searchValue\"\n          [attr.placeholder]=\"searchPlaceholder\"\n          (input)=\"onSearchInput($event)\"\n          (keydown.enter)=\"onSearchEnter()\"\n          [ngClass]=\"searchClass + ' lib-input-field'\"\n          autocomplete=\"new-password\"\n          [disabled]=\"searchDisabled\"\n          [type]=\"searchType\"\n          #searchInputEl\n          class=\"search-input\"\n        />\n        <span>\n      \n            <i\n              class=\"pi pi-times filter-dropdown-icon\"\n              style=\"cursor: pointer\"\n              (click)=\"clearSearchValue()\"\n              *ngIf=\"searchIsCrossRequired && searchValue !== ''\"\n            ></i>\n        </span>\n    </div>\n\n  <p-dropdown\n    [options]=\"dropdownOptions\"\n    [(ngModel)]=\"dropdownSelected\"\n    (onChange)=\"onDropdownChange($event)\"\n    [name]=\"dropdownName\"\n    [optionValue]=\"dropdownOptionValue\"\n    [optionLabel]=\"dropdownOptionLabel\"\n    [showClear]=\"dropdownShowClear\"\n    [filter]=\"dropdownFilter\"\n    [filterBy]=\"dropdownOptionLabel\"\n    appendTo=\"body\"\n    [disabled]=\"dropdownDisabled\"\n    [styleClass]=\"dropdownStyleClass\"\n    (onFilter)=\"onDropdownFilter($event)\"\n    [placeholder]=\"dropdownPlaceholder\"\n    class=\"search-dropdown\"\n  >\n    <ng-template let-option pTemplate=\"item\">\n      <div class=\"custom-item\">\n        <i\n          [ngClass]=\"option.dropdownIcon\"\n          class=\"dropdown-logo\"\n          *ngIf=\"option.dropdownIcon\"\n        ></i>\n        <img\n          [alt]=\"option.dropdownImage\"\n          [src]=\"option.dropdownImage\"\n          *ngIf=\"option.dropdownImage\"\n          class=\"dropdown-image\"\n        />\n\n        <span>{{ option[dropdownOptionLabel] }}</span>\n      </div>\n    </ng-template>\n  </p-dropdown>\n</div>", styles: ["input[type=search]::-webkit-search-cancel-button{display:none}input[type=search]::-moz-search-cancel-button{display:none}input[type=search]::-ms-clear{display:none}.lib-error-asterisk{color:red}.billing-input-column-container{display:flex}.filter-dropdown-icon{position:absolute;top:50%;transform:translateY(-50%);z-index:1;cursor:pointer;color:#6c757d;right:10px}.search-dropdown{border-top-left-radius:0!important;border-bottom-left-radius:0!important;width:max-content!important}.search-input{margin-top:0!important;border-right:none!important;padding-right:30px}.search-dropdown-container{position:relative;flex:1}\n"] }]
+            args: [{ selector: 'atomix-search-dropdown', template: "<label *ngIf=\"label\" for=\"searchName\">\n  {{ label }}\n  <span *ngIf=\"isLabelRequired\" class=\"lib-error-asterisk\">*</span>\n</label>\n\n<div [ngClass]=\"containerClass\">\n    <div class=\"search-dropdown-container\">\n        <input\n          [id]=\"searchName\"\n          type=\"text\"\n          pInputText\n          [value]=\"searchValue\"\n          [attr.placeholder]=\"searchPlaceholder\"\n          (input)=\"onSearchInput($event)\"\n          (keydown.enter)=\"onSearchEnter()\"\n          [ngClass]=\"searchClass + ' lib-input-field'\"\n          autocomplete=\"new-password\"\n          [disabled]=\"searchDisabled\"\n          [type]=\"searchType\"\n          #searchInputEl\n          class=\"search-input\"\n        />\n        <span>\n      \n            <i\n              class=\"pi pi-times filter-dropdown-icon\"\n              style=\"cursor: pointer\"\n              (click)=\"clearSearchValue()\"\n              *ngIf=\"searchIsCrossRequired && searchValue !== ''\"\n            ></i>\n        </span>\n    </div>\n\n  <p-dropdown\n    [options]=\"dropdownOptions\"\n    [(ngModel)]=\"dropdownSelected\"\n    (onChange)=\"onDropdownChange($event)\"\n    [name]=\"dropdownName\"\n    [optionValue]=\"dropdownOptionValue\"\n    [optionLabel]=\"dropdownOptionLabel\"\n    [showClear]=\"dropdownShowClear\"\n    [filter]=\"dropdownFilter\"\n    [filterBy]=\"dropdownOptionLabel\"\n    appendTo=\"body\"\n    [disabled]=\"dropdownDisabled\"\n    [styleClass]=\"dropdownStyleClass\"\n    (onFilter)=\"onDropdownFilter($event)\"\n    [placeholder]=\"dropdownPlaceholder\"\n    class=\"search-dropdown\"\n  >\n    <ng-template let-option pTemplate=\"item\">\n      <div class=\"custom-item\">\n        <i\n          [ngClass]=\"option.dropdownIcon\"\n          class=\"dropdown-logo\"\n          *ngIf=\"option.dropdownIcon\"\n        ></i>\n        <img\n          [alt]=\"option.dropdownImage\"\n          [src]=\"option.dropdownImage\"\n          *ngIf=\"option.dropdownImage\"\n          class=\"dropdown-image\"\n        />\n\n        <span>{{ option[dropdownOptionLabel] }}</span>\n      </div>\n    </ng-template>\n  </p-dropdown>\n</div>", styles: ["input[type=search]::-webkit-search-cancel-button{display:none}input[type=search]::-moz-search-cancel-button{display:none}input[type=search]::-ms-clear{display:none}.lib-error-asterisk{color:red}.billing-input-column-container{display:flex}.filter-dropdown-icon{position:absolute;top:50%;transform:translateY(-50%);z-index:1;cursor:pointer;color:#6c757d;right:10px}.search-dropdown{border-top-left-radius:0!important;border-bottom-left-radius:0!important;width:max-content!important}.search-input{background-color:var(--filter-inventory-bg);border:1px solid var(--border-color)!important;margin-top:0!important;border-right:none!important;padding-right:30px}.search-dropdown-container{position:relative;flex:1}\n"] }]
         }], ctorParameters: () => [], propDecorators: { searchInputEl: [{
                 type: ViewChild,
                 args: ['searchInputEl']

package/fesm2022/primekit.mjs

@@ -225,11 +225,11 @@ class AtomixInputComponent {
         this.inputEl?.nativeElement?.focus();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AtomixInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: AtomixInputComponent, selector: "atomix-input", inputs: { value: "value", name: "name", type: "type", placeholder: "placeholder", withSearchIcon: "withSearchIcon", searchIconPosition: "searchIconPosition", iconName: "iconName", containerClass: "containerClass", class: "class", disabled: "disabled", isCrossRequired: "isCrossRequired", label: "label", isLabelRequired: "isLabelRequired", autofocus: "autofocus" }, outputs: { valueChange: "valueChange", changeValueHandler: "changeValueHandler" }, viewQueries: [{ propertyName: "inputEl", first: true, predicate: ["inputEl"], descendants: true }], ngImport: i0, template: "<label *ngIf=\"label\" for=\"name\"\n  >{{ label }}\n  <span *ngIf=\"isLabelRequired\" class=\"lib-error-asterisk\">*</span></label\n>\n\n<i\n  class=\"pi pi-search search-icon\"\n  [ngClass]=\"(searchIconPosition === 'left' ? 'search-icon-left' : 'search-icon-right') + (label ? ' with-label' : '')\"\n  *ngIf=\"withSearchIcon\"\n  (click)=\"onEnter()\"\n></i>\n\n<input\n  [id]=\"name\"\n  type=\"text\"\n  pInputText\n  [value]=\"value\"\n  [attr.placeholder]=\"placeholder\"\n  (input)=\"onInput($event)\"\n  (keydown.enter)=\"onEnter()\"\n  [ngClass]=\"class + ' lib-input-field' + (withSearchIcon ? ' with-search-icon-' + searchIconPosition : '') + (isCrossRequired ? ' with-cross-icon' : '')\"\n  autocomplete=\"new-password\"\n  [disabled]=\"disabled\"\n  [type]=\"type\"\n  #inputEl\n/>\n<i\n  class=\"pi pi-times filter-dropdown-icon\"\n  [ngClass]=\"(withSearchIcon && searchIconPosition === 'right' ? 'filter-dropdown-icon-left' : '') + (label ? ' with-label' : '')\"\n  style=\"cursor: pointer\"\n  (click)=\"clearValue()\"\n  *ngIf=\"isCrossRequired && value !== ''\"\n\n></i>\n", styles: [".lib-error-asterisk{color:red}.filter-dropdown-icon{position:absolute;top:50%;right:10px;transform:translateY(-50%);z-index:1;cursor:pointer;color:#6c757d}.filter-dropdown-icon-left{right:40px}.search-icon.with-label,.filter-dropdown-icon.with-label{top:88%}.search-icon{position:absolute;top:50%;transform:translateY(-50%);z-index:1;color:#000000de;font-size:1rem}.search-icon-left{left:10px}.search-icon-right{right:10px}.with-search-icon-left{padding-left:30px!important;padding-right:30px!important}.with-search-icon-right{padding-right:60px}::ng-deep .lib-input-field{border-radius:30px}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.InputText, selector: "[pInputText]", inputs: ["variant"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: AtomixInputComponent, selector: "atomix-input", inputs: { value: "value", name: "name", type: "type", placeholder: "placeholder", withSearchIcon: "withSearchIcon", searchIconPosition: "searchIconPosition", iconName: "iconName", containerClass: "containerClass", class: "class", disabled: "disabled", isCrossRequired: "isCrossRequired", label: "label", isLabelRequired: "isLabelRequired", autofocus: "autofocus" }, outputs: { valueChange: "valueChange", changeValueHandler: "changeValueHandler" }, viewQueries: [{ propertyName: "inputEl", first: true, predicate: ["inputEl"], descendants: true }], ngImport: i0, template: "<label *ngIf=\"label\" for=\"name\"\n  >{{ label }}\n  <span *ngIf=\"isLabelRequired\" class=\"lib-error-asterisk\">*</span></label\n>\n\n<i\n  class=\"pi pi-search search-icon\"\n  [ngClass]=\"(searchIconPosition === 'left' ? 'search-icon-left' : 'search-icon-right') + (label ? ' with-label' : '')\"\n  *ngIf=\"withSearchIcon\"\n  (click)=\"onEnter()\"\n></i>\n\n<input\n  [id]=\"name\"\n  type=\"text\"\n  pInputText\n  [value]=\"value\"\n  [attr.placeholder]=\"placeholder\"\n  (input)=\"onInput($event)\"\n  (keydown.enter)=\"onEnter()\"\n  [ngClass]=\"class + ' lib-input-field' + (withSearchIcon ? ' with-search-icon-' + searchIconPosition : '') + (isCrossRequired ? ' with-cross-icon' : '')\"\n  autocomplete=\"new-password\"\n  [disabled]=\"disabled\"\n  [type]=\"type\"\n  #inputEl\n/>\n<i\n  class=\"pi pi-times filter-dropdown-icon\"\n  [ngClass]=\"(withSearchIcon && searchIconPosition === 'right' ? 'filter-dropdown-icon-left' : '') + (label ? ' with-label' : '')\"\n  style=\"cursor: pointer\"\n  (click)=\"clearValue()\"\n  *ngIf=\"isCrossRequired && value !== ''\"\n\n></i>\n", styles: [".lib-error-asterisk{color:red}.filter-dropdown-icon{position:absolute;top:50%;right:10px;transform:translateY(-50%);z-index:1;cursor:pointer;color:#6c757d}.filter-dropdown-icon-left{right:40px}.search-icon.with-label,.filter-dropdown-icon.with-label{top:88%}.search-icon{position:absolute;top:50%;transform:translateY(-50%);z-index:1;color:#000000de;font-size:1rem}.search-icon-left{left:10px}.search-icon-right{right:0}.with-search-icon-left{padding-left:30px!important;padding-right:30px!important}.with-search-icon-right{padding-right:60px}::ng-deep .lib-input-field{border-radius:30px}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.InputText, selector: "[pInputText]", inputs: ["variant"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AtomixInputComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'atomix-input', template: "<label *ngIf=\"label\" for=\"name\"\n  >{{ label }}\n  <span *ngIf=\"isLabelRequired\" class=\"lib-error-asterisk\">*</span></label\n>\n\n<i\n  class=\"pi pi-search search-icon\"\n  [ngClass]=\"(searchIconPosition === 'left' ? 'search-icon-left' : 'search-icon-right') + (label ? ' with-label' : '')\"\n  *ngIf=\"withSearchIcon\"\n  (click)=\"onEnter()\"\n></i>\n\n<input\n  [id]=\"name\"\n  type=\"text\"\n  pInputText\n  [value]=\"value\"\n  [attr.placeholder]=\"placeholder\"\n  (input)=\"onInput($event)\"\n  (keydown.enter)=\"onEnter()\"\n  [ngClass]=\"class + ' lib-input-field' + (withSearchIcon ? ' with-search-icon-' + searchIconPosition : '') + (isCrossRequired ? ' with-cross-icon' : '')\"\n  autocomplete=\"new-password\"\n  [disabled]=\"disabled\"\n  [type]=\"type\"\n  #inputEl\n/>\n<i\n  class=\"pi pi-times filter-dropdown-icon\"\n  [ngClass]=\"(withSearchIcon && searchIconPosition === 'right' ? 'filter-dropdown-icon-left' : '') + (label ? ' with-label' : '')\"\n  style=\"cursor: pointer\"\n  (click)=\"clearValue()\"\n  *ngIf=\"isCrossRequired && value !== ''\"\n\n></i>\n", styles: [".lib-error-asterisk{color:red}.filter-dropdown-icon{position:absolute;top:50%;right:10px;transform:translateY(-50%);z-index:1;cursor:pointer;color:#6c757d}.filter-dropdown-icon-left{right:40px}.search-icon.with-label,.filter-dropdown-icon.with-label{top:88%}.search-icon{position:absolute;top:50%;transform:translateY(-50%);z-index:1;color:#000000de;font-size:1rem}.search-icon-left{left:10px}.search-icon-right{right:10px}.with-search-icon-left{padding-left:30px!important;padding-right:30px!important}.with-search-icon-right{padding-right:60px}::ng-deep .lib-input-field{border-radius:30px}\n"] }]
+            args: [{ selector: 'atomix-input', template: "<label *ngIf=\"label\" for=\"name\"\n  >{{ label }}\n  <span *ngIf=\"isLabelRequired\" class=\"lib-error-asterisk\">*</span></label\n>\n\n<i\n  class=\"pi pi-search search-icon\"\n  [ngClass]=\"(searchIconPosition === 'left' ? 'search-icon-left' : 'search-icon-right') + (label ? ' with-label' : '')\"\n  *ngIf=\"withSearchIcon\"\n  (click)=\"onEnter()\"\n></i>\n\n<input\n  [id]=\"name\"\n  type=\"text\"\n  pInputText\n  [value]=\"value\"\n  [attr.placeholder]=\"placeholder\"\n  (input)=\"onInput($event)\"\n  (keydown.enter)=\"onEnter()\"\n  [ngClass]=\"class + ' lib-input-field' + (withSearchIcon ? ' with-search-icon-' + searchIconPosition : '') + (isCrossRequired ? ' with-cross-icon' : '')\"\n  autocomplete=\"new-password\"\n  [disabled]=\"disabled\"\n  [type]=\"type\"\n  #inputEl\n/>\n<i\n  class=\"pi pi-times filter-dropdown-icon\"\n  [ngClass]=\"(withSearchIcon && searchIconPosition === 'right' ? 'filter-dropdown-icon-left' : '') + (label ? ' with-label' : '')\"\n  style=\"cursor: pointer\"\n  (click)=\"clearValue()\"\n  *ngIf=\"isCrossRequired && value !== ''\"\n\n></i>\n", styles: [".lib-error-asterisk{color:red}.filter-dropdown-icon{position:absolute;top:50%;right:10px;transform:translateY(-50%);z-index:1;cursor:pointer;color:#6c757d}.filter-dropdown-icon-left{right:40px}.search-icon.with-label,.filter-dropdown-icon.with-label{top:88%}.search-icon{position:absolute;top:50%;transform:translateY(-50%);z-index:1;color:#000000de;font-size:1rem}.search-icon-left{left:10px}.search-icon-right{right:0}.with-search-icon-left{padding-left:30px!important;padding-right:30px!important}.with-search-icon-right{padding-right:60px}::ng-deep .lib-input-field{border-radius:30px}\n"] }]
         }], propDecorators: { inputEl: [{
                 type: ViewChild,
                 args: ['inputEl']
@@ -2400,11 +2400,11 @@ class AtomixSearchDropdownComponent {
         this.searchInputEl?.nativeElement?.focus();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AtomixSearchDropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: AtomixSearchDropdownComponent, selector: "atomix-search-dropdown", inputs: { searchValue: "searchValue", searchPlaceholder: "searchPlaceholder", searchType: "searchType", searchDisabled: "searchDisabled", searchLabel: "searchLabel", searchIsLabelRequired: "searchIsLabelRequired", searchClass: "searchClass", searchIsCrossRequired: "searchIsCrossRequired", searchName: "searchName", dropdownOptions: "dropdownOptions", dropdownSelected: "dropdownSelected", dropdownPlaceholder: "dropdownPlaceholder", dropdownOptionLabel: "dropdownOptionLabel", dropdownOptionValue: "dropdownOptionValue", dropdownDisabled: "dropdownDisabled", dropdownShowClear: "dropdownShowClear", dropdownFilter: "dropdownFilter", dropdownLabel: "dropdownLabel", dropdownIsLabelRequired: "dropdownIsLabelRequired", dropdownStyleClass: "dropdownStyleClass", dropdownName: "dropdownName", label: "label", isLabelRequired: "isLabelRequired", containerClass: "containerClass" }, outputs: { searchValueChange: "searchValueChange", dropdownValueChange: "dropdownValueChange", dropdownFilterChange: "dropdownFilterChange" }, viewQueries: [{ propertyName: "searchInputEl", first: true, predicate: ["searchInputEl"], descendants: true }], ngImport: i0, template: "<label *ngIf=\"label\" for=\"searchName\">\n  {{ label }}\n  <span *ngIf=\"isLabelRequired\" class=\"lib-error-asterisk\">*</span>\n</label>\n\n<div [ngClass]=\"containerClass\">\n    <div class=\"search-dropdown-container\">\n        <input\n          [id]=\"searchName\"\n          type=\"text\"\n          pInputText\n          [value]=\"searchValue\"\n          [attr.placeholder]=\"searchPlaceholder\"\n          (input)=\"onSearchInput($event)\"\n          (keydown.enter)=\"onSearchEnter()\"\n          [ngClass]=\"searchClass + ' lib-input-field'\"\n          autocomplete=\"new-password\"\n          [disabled]=\"searchDisabled\"\n          [type]=\"searchType\"\n          #searchInputEl\n          class=\"search-input\"\n        />\n        <span>\n      \n            <i\n              class=\"pi pi-times filter-dropdown-icon\"\n              style=\"cursor: pointer\"\n              (click)=\"clearSearchValue()\"\n              *ngIf=\"searchIsCrossRequired && searchValue !== ''\"\n            ></i>\n        </span>\n    </div>\n\n  <p-dropdown\n    [options]=\"dropdownOptions\"\n    [(ngModel)]=\"dropdownSelected\"\n    (onChange)=\"onDropdownChange($event)\"\n    [name]=\"dropdownName\"\n    [optionValue]=\"dropdownOptionValue\"\n    [optionLabel]=\"dropdownOptionLabel\"\n    [showClear]=\"dropdownShowClear\"\n    [filter]=\"dropdownFilter\"\n    [filterBy]=\"dropdownOptionLabel\"\n    appendTo=\"body\"\n    [disabled]=\"dropdownDisabled\"\n    [styleClass]=\"dropdownStyleClass\"\n    (onFilter)=\"onDropdownFilter($event)\"\n    [placeholder]=\"dropdownPlaceholder\"\n    class=\"search-dropdown\"\n  >\n    <ng-template let-option pTemplate=\"item\">\n      <div class=\"custom-item\">\n        <i\n          [ngClass]=\"option.dropdownIcon\"\n          class=\"dropdown-logo\"\n          *ngIf=\"option.dropdownIcon\"\n        ></i>\n        <img\n          [alt]=\"option.dropdownImage\"\n          [src]=\"option.dropdownImage\"\n          *ngIf=\"option.dropdownImage\"\n          class=\"dropdown-image\"\n        />\n\n        <span>{{ option[dropdownOptionLabel] }}</span>\n      </div>\n    </ng-template>\n  </p-dropdown>\n</div>", styles: ["input[type=search]::-webkit-search-cancel-button{display:none}input[type=search]::-moz-search-cancel-button{display:none}input[type=search]::-ms-clear{display:none}.lib-error-asterisk{color:red}.billing-input-column-container{display:flex}.filter-dropdown-icon{position:absolute;top:50%;transform:translateY(-50%);z-index:1;cursor:pointer;color:#6c757d;right:10px}.search-dropdown{border-top-left-radius:0!important;border-bottom-left-radius:0!important;width:max-content!important}.search-input{margin-top:0!important;border-right:none!important;padding-right:30px}.search-dropdown-container{position:relative;flex:1}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i2$1.InputText, selector: "[pInputText]", inputs: ["variant"] }, { kind: "component", type: i2$3.Dropdown, selector: "p-dropdown", inputs: ["id", "scrollHeight", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "variant", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "autoDisplayFirst", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "maxlength", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "autoShowPanelOnPrintableCharacterKeyDown", "disabled", "itemSize", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "filterValue", "options"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "directive", type: i2$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: AtomixSearchDropdownComponent, selector: "atomix-search-dropdown", inputs: { searchValue: "searchValue", searchPlaceholder: "searchPlaceholder", searchType: "searchType", searchDisabled: "searchDisabled", searchLabel: "searchLabel", searchIsLabelRequired: "searchIsLabelRequired", searchClass: "searchClass", searchIsCrossRequired: "searchIsCrossRequired", searchName: "searchName", dropdownOptions: "dropdownOptions", dropdownSelected: "dropdownSelected", dropdownPlaceholder: "dropdownPlaceholder", dropdownOptionLabel: "dropdownOptionLabel", dropdownOptionValue: "dropdownOptionValue", dropdownDisabled: "dropdownDisabled", dropdownShowClear: "dropdownShowClear", dropdownFilter: "dropdownFilter", dropdownLabel: "dropdownLabel", dropdownIsLabelRequired: "dropdownIsLabelRequired", dropdownStyleClass: "dropdownStyleClass", dropdownName: "dropdownName", label: "label", isLabelRequired: "isLabelRequired", containerClass: "containerClass" }, outputs: { searchValueChange: "searchValueChange", dropdownValueChange: "dropdownValueChange", dropdownFilterChange: "dropdownFilterChange" }, viewQueries: [{ propertyName: "searchInputEl", first: true, predicate: ["searchInputEl"], descendants: true }], ngImport: i0, template: "<label *ngIf=\"label\" for=\"searchName\">\n  {{ label }}\n  <span *ngIf=\"isLabelRequired\" class=\"lib-error-asterisk\">*</span>\n</label>\n\n<div [ngClass]=\"containerClass\">\n    <div class=\"search-dropdown-container\">\n        <input\n          [id]=\"searchName\"\n          type=\"text\"\n          pInputText\n          [value]=\"searchValue\"\n          [attr.placeholder]=\"searchPlaceholder\"\n          (input)=\"onSearchInput($event)\"\n          (keydown.enter)=\"onSearchEnter()\"\n          [ngClass]=\"searchClass + ' lib-input-field'\"\n          autocomplete=\"new-password\"\n          [disabled]=\"searchDisabled\"\n          [type]=\"searchType\"\n          #searchInputEl\n          class=\"search-input\"\n        />\n        <span>\n      \n            <i\n              class=\"pi pi-times filter-dropdown-icon\"\n              style=\"cursor: pointer\"\n              (click)=\"clearSearchValue()\"\n              *ngIf=\"searchIsCrossRequired && searchValue !== ''\"\n            ></i>\n        </span>\n    </div>\n\n  <p-dropdown\n    [options]=\"dropdownOptions\"\n    [(ngModel)]=\"dropdownSelected\"\n    (onChange)=\"onDropdownChange($event)\"\n    [name]=\"dropdownName\"\n    [optionValue]=\"dropdownOptionValue\"\n    [optionLabel]=\"dropdownOptionLabel\"\n    [showClear]=\"dropdownShowClear\"\n    [filter]=\"dropdownFilter\"\n    [filterBy]=\"dropdownOptionLabel\"\n    appendTo=\"body\"\n    [disabled]=\"dropdownDisabled\"\n    [styleClass]=\"dropdownStyleClass\"\n    (onFilter)=\"onDropdownFilter($event)\"\n    [placeholder]=\"dropdownPlaceholder\"\n    class=\"search-dropdown\"\n  >\n    <ng-template let-option pTemplate=\"item\">\n      <div class=\"custom-item\">\n        <i\n          [ngClass]=\"option.dropdownIcon\"\n          class=\"dropdown-logo\"\n          *ngIf=\"option.dropdownIcon\"\n        ></i>\n        <img\n          [alt]=\"option.dropdownImage\"\n          [src]=\"option.dropdownImage\"\n          *ngIf=\"option.dropdownImage\"\n          class=\"dropdown-image\"\n        />\n\n        <span>{{ option[dropdownOptionLabel] }}</span>\n      </div>\n    </ng-template>\n  </p-dropdown>\n</div>", styles: ["input[type=search]::-webkit-search-cancel-button{display:none}input[type=search]::-moz-search-cancel-button{display:none}input[type=search]::-ms-clear{display:none}.lib-error-asterisk{color:red}.billing-input-column-container{display:flex}.filter-dropdown-icon{position:absolute;top:50%;transform:translateY(-50%);z-index:1;cursor:pointer;color:#6c757d;right:10px}.search-dropdown{border-top-left-radius:0!important;border-bottom-left-radius:0!important;width:max-content!important}.search-input{background-color:var(--filter-inventory-bg);border:1px solid var(--border-color)!important;margin-top:0!important;border-right:none!important;padding-right:30px}.search-dropdown-container{position:relative;flex:1}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$3.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "directive", type: i2$1.InputText, selector: "[pInputText]", inputs: ["variant"] }, { kind: "component", type: i2$3.Dropdown, selector: "p-dropdown", inputs: ["id", "scrollHeight", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "variant", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "autoDisplayFirst", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "maxlength", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "autoShowPanelOnPrintableCharacterKeyDown", "disabled", "itemSize", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "filterValue", "options"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "directive", type: i2$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AtomixSearchDropdownComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'atomix-search-dropdown', template: "<label *ngIf=\"label\" for=\"searchName\">\n  {{ label }}\n  <span *ngIf=\"isLabelRequired\" class=\"lib-error-asterisk\">*</span>\n</label>\n\n<div [ngClass]=\"containerClass\">\n    <div class=\"search-dropdown-container\">\n        <input\n          [id]=\"searchName\"\n          type=\"text\"\n          pInputText\n          [value]=\"searchValue\"\n          [attr.placeholder]=\"searchPlaceholder\"\n          (input)=\"onSearchInput($event)\"\n          (keydown.enter)=\"onSearchEnter()\"\n          [ngClass]=\"searchClass + ' lib-input-field'\"\n          autocomplete=\"new-password\"\n          [disabled]=\"searchDisabled\"\n          [type]=\"searchType\"\n          #searchInputEl\n          class=\"search-input\"\n        />\n        <span>\n      \n            <i\n              class=\"pi pi-times filter-dropdown-icon\"\n              style=\"cursor: pointer\"\n              (click)=\"clearSearchValue()\"\n              *ngIf=\"searchIsCrossRequired && searchValue !== ''\"\n            ></i>\n        </span>\n    </div>\n\n  <p-dropdown\n    [options]=\"dropdownOptions\"\n    [(ngModel)]=\"dropdownSelected\"\n    (onChange)=\"onDropdownChange($event)\"\n    [name]=\"dropdownName\"\n    [optionValue]=\"dropdownOptionValue\"\n    [optionLabel]=\"dropdownOptionLabel\"\n    [showClear]=\"dropdownShowClear\"\n    [filter]=\"dropdownFilter\"\n    [filterBy]=\"dropdownOptionLabel\"\n    appendTo=\"body\"\n    [disabled]=\"dropdownDisabled\"\n    [styleClass]=\"dropdownStyleClass\"\n    (onFilter)=\"onDropdownFilter($event)\"\n    [placeholder]=\"dropdownPlaceholder\"\n    class=\"search-dropdown\"\n  >\n    <ng-template let-option pTemplate=\"item\">\n      <div class=\"custom-item\">\n        <i\n          [ngClass]=\"option.dropdownIcon\"\n          class=\"dropdown-logo\"\n          *ngIf=\"option.dropdownIcon\"\n        ></i>\n        <img\n          [alt]=\"option.dropdownImage\"\n          [src]=\"option.dropdownImage\"\n          *ngIf=\"option.dropdownImage\"\n          class=\"dropdown-image\"\n        />\n\n        <span>{{ option[dropdownOptionLabel] }}</span>\n      </div>\n    </ng-template>\n  </p-dropdown>\n</div>", styles: ["input[type=search]::-webkit-search-cancel-button{display:none}input[type=search]::-moz-search-cancel-button{display:none}input[type=search]::-ms-clear{display:none}.lib-error-asterisk{color:red}.billing-input-column-container{display:flex}.filter-dropdown-icon{position:absolute;top:50%;transform:translateY(-50%);z-index:1;cursor:pointer;color:#6c757d;right:10px}.search-dropdown{border-top-left-radius:0!important;border-bottom-left-radius:0!important;width:max-content!important}.search-input{margin-top:0!important;border-right:none!important;padding-right:30px}.search-dropdown-container{position:relative;flex:1}\n"] }]
+            args: [{ selector: 'atomix-search-dropdown', template: "<label *ngIf=\"label\" for=\"searchName\">\n  {{ label }}\n  <span *ngIf=\"isLabelRequired\" class=\"lib-error-asterisk\">*</span>\n</label>\n\n<div [ngClass]=\"containerClass\">\n    <div class=\"search-dropdown-container\">\n        <input\n          [id]=\"searchName\"\n          type=\"text\"\n          pInputText\n          [value]=\"searchValue\"\n          [attr.placeholder]=\"searchPlaceholder\"\n          (input)=\"onSearchInput($event)\"\n          (keydown.enter)=\"onSearchEnter()\"\n          [ngClass]=\"searchClass + ' lib-input-field'\"\n          autocomplete=\"new-password\"\n          [disabled]=\"searchDisabled\"\n          [type]=\"searchType\"\n          #searchInputEl\n          class=\"search-input\"\n        />\n        <span>\n      \n            <i\n              class=\"pi pi-times filter-dropdown-icon\"\n              style=\"cursor: pointer\"\n              (click)=\"clearSearchValue()\"\n              *ngIf=\"searchIsCrossRequired && searchValue !== ''\"\n            ></i>\n        </span>\n    </div>\n\n  <p-dropdown\n    [options]=\"dropdownOptions\"\n    [(ngModel)]=\"dropdownSelected\"\n    (onChange)=\"onDropdownChange($event)\"\n    [name]=\"dropdownName\"\n    [optionValue]=\"dropdownOptionValue\"\n    [optionLabel]=\"dropdownOptionLabel\"\n    [showClear]=\"dropdownShowClear\"\n    [filter]=\"dropdownFilter\"\n    [filterBy]=\"dropdownOptionLabel\"\n    appendTo=\"body\"\n    [disabled]=\"dropdownDisabled\"\n    [styleClass]=\"dropdownStyleClass\"\n    (onFilter)=\"onDropdownFilter($event)\"\n    [placeholder]=\"dropdownPlaceholder\"\n    class=\"search-dropdown\"\n  >\n    <ng-template let-option pTemplate=\"item\">\n      <div class=\"custom-item\">\n        <i\n          [ngClass]=\"option.dropdownIcon\"\n          class=\"dropdown-logo\"\n          *ngIf=\"option.dropdownIcon\"\n        ></i>\n        <img\n          [alt]=\"option.dropdownImage\"\n          [src]=\"option.dropdownImage\"\n          *ngIf=\"option.dropdownImage\"\n          class=\"dropdown-image\"\n        />\n\n        <span>{{ option[dropdownOptionLabel] }}</span>\n      </div>\n    </ng-template>\n  </p-dropdown>\n</div>", styles: ["input[type=search]::-webkit-search-cancel-button{display:none}input[type=search]::-moz-search-cancel-button{display:none}input[type=search]::-ms-clear{display:none}.lib-error-asterisk{color:red}.billing-input-column-container{display:flex}.filter-dropdown-icon{position:absolute;top:50%;transform:translateY(-50%);z-index:1;cursor:pointer;color:#6c757d;right:10px}.search-dropdown{border-top-left-radius:0!important;border-bottom-left-radius:0!important;width:max-content!important}.search-input{background-color:var(--filter-inventory-bg);border:1px solid var(--border-color)!important;margin-top:0!important;border-right:none!important;padding-right:30px}.search-dropdown-container{position:relative;flex:1}\n"] }]
         }], ctorParameters: () => [], propDecorators: { searchInputEl: [{
                 type: ViewChild,
                 args: ['searchInputEl']