npm - primekit - Versions diffs - 0.0.69 → 0.0.71 - Mend

primekit 0.0.69 → 0.0.71

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (7) hide show

package/esm2022/lib/lib/atomix-form/atomix-form-input-component/atomix-form-input-component.component.mjs CHANGED Viewed

@@ -22,7 +22,9 @@ export class AtomixFormInputComponent {
     isLabelIconRequired = false;
     isLabelRequired = false;
     tooltipPosition = 'bottom';
+    buttonText = '';
     changeValueHandler = new EventEmitter();
+    buttonClick = new EventEmitter();
     get control() {
         return this.form.get(this.controlName);
     }
@@ -31,11 +33,11 @@ export class AtomixFormInputComponent {
         this.changeValueHandler.emit(input.value);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AtomixFormInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: AtomixFormInputComponent, selector: "atomix-form-input", inputs: { controlName: "controlName", form: "form", label: "label", max: "max", min: "min", placeholder: "placeholder", type: "type", tooltip: "tooltip", class: "class", style: "style", isLabelIconData: "isLabelIconData", isLabelIconRequired: "isLabelIconRequired", isLabelRequired: "isLabelRequired", tooltipPosition: "tooltipPosition" }, outputs: { changeValueHandler: "changeValueHandler" }, ngImport: i0, template: "<label *ngIf=\"label\" [for]=\"controlName\" class=\"ml-2\"\n  >{{ label }} <span *ngIf=\"isLabelRequired\" class=\"error-asterisk\">*</span\n  ><i\n    *ngIf=\"isLabelIconRequired\"\n    [class]=\"isLabelIconData?.iconClass + ' ml-2'\"\n    [pTooltip]=\"isLabelIconData?.tooltip\"\n  ></i\n></label>\n<input\n  pInputText\n  [id]=\"controlName\"\n  [formControl]=\"control\"\n  [placeholder]=\"placeholder\"\n  [maxlength]=\"max\"\n  [min]=\"min\"\n  (input)=\"onInput($event)\"\n  [pTooltip]=\"tooltip\"\n  [type]=\"type\"\n  [tooltipPosition]=\"tooltipPosition\"\n  [ngClass]=\"class + ' lib-input-field'\"\n  autocomplete=\"new-password\"\n  [style]=\"style\"\n/>\n", styles: ["::ng-deep .lib-input-field{border-radius:30px;margin-top:.2rem}.error-asterisk{color:red}\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"] }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i4.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: AtomixFormInputComponent, selector: "atomix-form-input", inputs: { controlName: "controlName", form: "form", label: "label", max: "max", min: "min", placeholder: "placeholder", type: "type", tooltip: "tooltip", class: "class", style: "style", isLabelIconData: "isLabelIconData", isLabelIconRequired: "isLabelIconRequired", isLabelRequired: "isLabelRequired", tooltipPosition: "tooltipPosition", buttonText: "buttonText" }, outputs: { changeValueHandler: "changeValueHandler", buttonClick: "buttonClick" }, ngImport: i0, template: "<label *ngIf=\"label\" [for]=\"controlName\" class=\"ml-2\"\n  >{{ label }} <span *ngIf=\"isLabelRequired\" class=\"error-asterisk\">*</span\n  ><i\n    *ngIf=\"isLabelIconRequired\"\n    [class]=\"isLabelIconData?.iconClass + ' ml-2'\"\n    [pTooltip]=\"isLabelIconData?.tooltip\"\n  ></i\n></label>\n<div class=\"input-wrapper\">\n  <input\n    pInputText\n    [id]=\"controlName\"\n    [formControl]=\"control\"\n    [placeholder]=\"placeholder\"\n    [maxlength]=\"max\"\n    [min]=\"min\"\n    (input)=\"onInput($event)\"\n    [pTooltip]=\"tooltip\"\n    [type]=\"type\"\n    [tooltipPosition]=\"tooltipPosition\"\n    [ngClass]=\"class + ' lib-input-field' + (buttonText ? ' with-button' : '')\"\n    autocomplete=\"new-password\"\n    [style]=\"style\"\n  />\n  <button *ngIf=\"buttonText\" (click)=\"buttonClick.emit()\" class=\"inline-button\">{{ buttonText }}</button>\n</div>\n", styles: ["::ng-deep .lib-input-field{border-radius:30px;margin-top:.2rem}::ng-deep .lib-input-field.with-button{padding-right:6rem}.error-asterisk{color:red}.input-wrapper{position:relative}.inline-button{position:absolute;right:5px;background-color:transparent;color:#63b77e;font-weight:700;border:none;cursor:pointer;font-size:.875rem;height:95%;margin-top:.2rem;border-left:1px solid grey}.inline-button:focus{outline:none}.inline-button:hover{background-color:transparent}\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"] }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i4.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AtomixFormInputComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'atomix-form-input', template: "<label *ngIf=\"label\" [for]=\"controlName\" class=\"ml-2\"\n  >{{ label }} <span *ngIf=\"isLabelRequired\" class=\"error-asterisk\">*</span\n  ><i\n    *ngIf=\"isLabelIconRequired\"\n    [class]=\"isLabelIconData?.iconClass + ' ml-2'\"\n    [pTooltip]=\"isLabelIconData?.tooltip\"\n  ></i\n></label>\n<input\n  pInputText\n  [id]=\"controlName\"\n  [formControl]=\"control\"\n  [placeholder]=\"placeholder\"\n  [maxlength]=\"max\"\n  [min]=\"min\"\n  (input)=\"onInput($event)\"\n  [pTooltip]=\"tooltip\"\n  [type]=\"type\"\n  [tooltipPosition]=\"tooltipPosition\"\n  [ngClass]=\"class + ' lib-input-field'\"\n  autocomplete=\"new-password\"\n  [style]=\"style\"\n/>\n", styles: ["::ng-deep .lib-input-field{border-radius:30px;margin-top:.2rem}.error-asterisk{color:red}\n"] }]
+            args: [{ selector: 'atomix-form-input', template: "<label *ngIf=\"label\" [for]=\"controlName\" class=\"ml-2\"\n  >{{ label }} <span *ngIf=\"isLabelRequired\" class=\"error-asterisk\">*</span\n  ><i\n    *ngIf=\"isLabelIconRequired\"\n    [class]=\"isLabelIconData?.iconClass + ' ml-2'\"\n    [pTooltip]=\"isLabelIconData?.tooltip\"\n  ></i\n></label>\n<div class=\"input-wrapper\">\n  <input\n    pInputText\n    [id]=\"controlName\"\n    [formControl]=\"control\"\n    [placeholder]=\"placeholder\"\n    [maxlength]=\"max\"\n    [min]=\"min\"\n    (input)=\"onInput($event)\"\n    [pTooltip]=\"tooltip\"\n    [type]=\"type\"\n    [tooltipPosition]=\"tooltipPosition\"\n    [ngClass]=\"class + ' lib-input-field' + (buttonText ? ' with-button' : '')\"\n    autocomplete=\"new-password\"\n    [style]=\"style\"\n  />\n  <button *ngIf=\"buttonText\" (click)=\"buttonClick.emit()\" class=\"inline-button\">{{ buttonText }}</button>\n</div>\n", styles: ["::ng-deep .lib-input-field{border-radius:30px;margin-top:.2rem}::ng-deep .lib-input-field.with-button{padding-right:6rem}.error-asterisk{color:red}.input-wrapper{position:relative}.inline-button{position:absolute;right:5px;background-color:transparent;color:#63b77e;font-weight:700;border:none;cursor:pointer;font-size:.875rem;height:95%;margin-top:.2rem;border-left:1px solid grey}.inline-button:focus{outline:none}.inline-button:hover{background-color:transparent}\n"] }]
         }], propDecorators: { controlName: [{
                 type: Input
             }], form: [{
@@ -64,7 +66,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 type: Input
             }], tooltipPosition: [{
                 type: Input
+            }], buttonText: [{
+                type: Input
             }], changeValueHandler: [{
                 type: Output
+            }], buttonClick: [{
+                type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXRvbWl4LWZvcm0taW5wdXQtY29tcG9uZW50LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3ByaW1la2l0L3NyYy9saWIvbGliL2F0b21peC1mb3JtL2F0b21peC1mb3JtLWlucHV0LWNvbXBvbmVudC9hdG9taXgtZm9ybS1pbnB1dC1jb21wb25lbnQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcHJpbWVraXQvc3JjL2xpYi9saWIvYXRvbWl4LWZvcm0vYXRvbWl4LWZvcm0taW5wdXQtY29tcG9uZW50L2F0b21peC1mb3JtLWlucHV0LWNvbXBvbmVudC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7Ozs7QUFTdkUsTUFBTSxPQUFPLHdCQUF3QjtJQUMxQixXQUFXLENBQVU7SUFDckIsSUFBSSxDQUFhO0lBQ2pCLEtBQUssR0FBRyxFQUFFLENBQUM7SUFDWCxHQUFHLENBQWlCO0lBQ3BCLEdBQUcsQ0FBVTtJQUNiLFdBQVcsR0FBRyxFQUFFLENBQUM7SUFDakIsSUFBSSxHQUFHLE1BQU0sQ0FBQztJQUNkLE9BQU8sQ0FBVTtJQUNqQixLQUFLLENBQVU7SUFDZixLQUFLLENBQU07SUFDWCxlQUFlLEdBQWtCO1FBQ3hDLFNBQVMsRUFBRSxFQUFFO1FBQ2IsT0FBTyxFQUFFLEVBQUU7S0FDWixDQUFDO0lBQ08sbUJBQW1CLEdBQVksS0FBSyxDQUFDO0lBQ3JDLGVBQWUsR0FBWSxLQUFLLENBQUM7SUFDakMsZUFBZSxHQUF3QyxRQUFRLENBQUM7SUFDL0Qsa0JBQWtCLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztJQUUxRCxJQUFJLE9BQU87UUFDVCxPQUFPLElBQUksQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxXQUFXLENBQWdCLENBQUM7SUFDeEQsQ0FBQztJQUNELE9BQU8sQ0FBQyxLQUFZO1FBQ2xCLE1BQU0sS0FBSyxHQUFHLEtBQUssQ0FBQyxNQUEwQixDQUFDO1FBRS9DLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQzVDLENBQUM7d0dBM0JVLHdCQUF3Qjs0RkFBeEIsd0JBQXdCLG9jQ1RyQywrcEJBdUJBOzs0RkRkYSx3QkFBd0I7a0JBTHBDLFNBQVM7K0JBQ0UsbUJBQW1COzhCQUtwQixXQUFXO3NCQUFuQixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csR0FBRztzQkFBWCxLQUFLO2dCQUNHLEdBQUc7c0JBQVgsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxlQUFlO3NCQUF2QixLQUFLO2dCQUlHLG1CQUFtQjtzQkFBM0IsS0FBSztnQkFDRyxlQUFlO3NCQUF2QixLQUFLO2dCQUNHLGVBQWU7c0JBQXZCLEtBQUs7Z0JBQ0ksa0JBQWtCO3NCQUEzQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEZvcm1Db250cm9sLCBGb3JtR3JvdXAgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBMYWJlbEljb25EYXRhIH0gZnJvbSAnLi4vYXRvbWl4LWZvcm0tY2hpcHMvZm9ybS5jaGlwcy5tb2RlbHMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdhdG9taXgtZm9ybS1pbnB1dCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9hdG9taXgtZm9ybS1pbnB1dC1jb21wb25lbnQuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9hdG9taXgtZm9ybS1pbnB1dC1jb21wb25lbnQuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgQXRvbWl4Rm9ybUlucHV0Q29tcG9uZW50IHtcbiAgQElucHV0KCkgY29udHJvbE5hbWUhOiBzdHJpbmc7XG4gIEBJbnB1dCgpIGZvcm0hOiBGb3JtR3JvdXA7XG4gIEBJbnB1dCgpIGxhYmVsID0gJyc7XG4gIEBJbnB1dCgpIG1heCE6IG51bWJlciB8IG51bGw7XG4gIEBJbnB1dCgpIG1pbiE6IG51bWJlcjtcbiAgQElucHV0KCkgcGxhY2Vob2xkZXIgPSAnJztcbiAgQElucHV0KCkgdHlwZSA9ICd0ZXh0JztcbiAgQElucHV0KCkgdG9vbHRpcCE6IHN0cmluZztcbiAgQElucHV0KCkgY2xhc3MhOiBzdHJpbmc7XG4gIEBJbnB1dCgpIHN0eWxlOiBhbnk7XG4gIEBJbnB1dCgpIGlzTGFiZWxJY29uRGF0YTogTGFiZWxJY29uRGF0YSA9IHtcbiAgICBpY29uQ2xhc3M6ICcnLFxuICAgIHRvb2x0aXA6ICcnLFxuICB9O1xuICBASW5wdXQoKSBpc0xhYmVsSWNvblJlcXVpcmVkOiBib29sZWFuID0gZmFsc2U7XG4gIEBJbnB1dCgpIGlzTGFiZWxSZXF1aXJlZDogYm9vbGVhbiA9IGZhbHNlO1xuICBASW5wdXQoKSB0b29sdGlwUG9zaXRpb246ICdyaWdodCcgfCAnbGVmdCcgfCAndG9wJyB8ICdib3R0b20nID0gJ2JvdHRvbSc7XG4gIEBPdXRwdXQoKSBjaGFuZ2VWYWx1ZUhhbmRsZXIgPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcblxuICBnZXQgY29udHJvbCgpIHtcbiAgICByZXR1cm4gdGhpcy5mb3JtLmdldCh0aGlzLmNvbnRyb2xOYW1lKSBhcyBGb3JtQ29udHJvbDtcbiAgfVxuICBvbklucHV0KGV2ZW50OiBFdmVudCk6IHZvaWQge1xuICAgIGNvbnN0IGlucHV0ID0gZXZlbnQudGFyZ2V0IGFzIEhUTUxJbnB1dEVsZW1lbnQ7XG5cbiAgICB0aGlzLmNoYW5nZVZhbHVlSGFuZGxlci5lbWl0KGlucHV0LnZhbHVlKTtcbiAgfVxufVxuIiwiPGxhYmVsICpuZ0lmPVwibGFiZWxcIiBbZm9yXT1cImNvbnRyb2xOYW1lXCIgY2xhc3M9XCJtbC0yXCJcbiAgPnt7IGxhYmVsIH19IDxzcGFuICpuZ0lmPVwiaXNMYWJlbFJlcXVpcmVkXCIgY2xhc3M9XCJlcnJvci1hc3Rlcmlza1wiPio8L3NwYW5cbiAgPjxpXG4gICAgKm5nSWY9XCJpc0xhYmVsSWNvblJlcXVpcmVkXCJcbiAgICBbY2xhc3NdPVwiaXNMYWJlbEljb25EYXRhPy5pY29uQ2xhc3MgKyAnIG1sLTInXCJcbiAgICBbcFRvb2x0aXBdPVwiaXNMYWJlbEljb25EYXRhPy50b29sdGlwXCJcbiAgPjwvaVxuPjwvbGFiZWw+XG48aW5wdXRcbiAgcElucHV0VGV4dFxuICBbaWRdPVwiY29udHJvbE5hbWVcIlxuICBbZm9ybUNvbnRyb2xdPVwiY29udHJvbFwiXG4gIFtwbGFjZWhvbGRlcl09XCJwbGFjZWhvbGRlclwiXG4gIFttYXhsZW5ndGhdPVwibWF4XCJcbiAgW21pbl09XCJtaW5cIlxuICAoaW5wdXQpPVwib25JbnB1dCgkZXZlbnQpXCJcbiAgW3BUb29sdGlwXT1cInRvb2x0aXBcIlxuICBbdHlwZV09XCJ0eXBlXCJcbiAgW3Rvb2x0aXBQb3NpdGlvbl09XCJ0b29sdGlwUG9zaXRpb25cIlxuICBbbmdDbGFzc109XCJjbGFzcyArICcgbGliLWlucHV0LWZpZWxkJ1wiXG4gIGF1dG9jb21wbGV0ZT1cIm5ldy1wYXNzd29yZFwiXG4gIFtzdHlsZV09XCJzdHlsZVwiXG4vPlxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXRvbWl4LWZvcm0taW5wdXQtY29tcG9uZW50LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3ByaW1la2l0L3NyYy9saWIvbGliL2F0b21peC1mb3JtL2F0b21peC1mb3JtLWlucHV0LWNvbXBvbmVudC9hdG9taXgtZm9ybS1pbnB1dC1jb21wb25lbnQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcHJpbWVraXQvc3JjL2xpYi9saWIvYXRvbWl4LWZvcm0vYXRvbWl4LWZvcm0taW5wdXQtY29tcG9uZW50L2F0b21peC1mb3JtLWlucHV0LWNvbXBvbmVudC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7Ozs7QUFTdkUsTUFBTSxPQUFPLHdCQUF3QjtJQUMxQixXQUFXLENBQVU7SUFDckIsSUFBSSxDQUFhO0lBQ2pCLEtBQUssR0FBRyxFQUFFLENBQUM7SUFDWCxHQUFHLENBQWlCO0lBQ3BCLEdBQUcsQ0FBVTtJQUNiLFdBQVcsR0FBRyxFQUFFLENBQUM7SUFDakIsSUFBSSxHQUFHLE1BQU0sQ0FBQztJQUNkLE9BQU8sQ0FBVTtJQUNqQixLQUFLLENBQVU7SUFDZixLQUFLLENBQU07SUFDWCxlQUFlLEdBQWtCO1FBQ3hDLFNBQVMsRUFBRSxFQUFFO1FBQ2IsT0FBTyxFQUFFLEVBQUU7S0FDWixDQUFDO0lBQ08sbUJBQW1CLEdBQVksS0FBSyxDQUFDO0lBQ3JDLGVBQWUsR0FBWSxLQUFLLENBQUM7SUFDakMsZUFBZSxHQUF3QyxRQUFRLENBQUM7SUFDaEUsVUFBVSxHQUFXLEVBQUUsQ0FBQztJQUN2QixrQkFBa0IsR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO0lBQ2hELFdBQVcsR0FBRyxJQUFJLFlBQVksRUFBUSxDQUFDO0lBRWpELElBQUksT0FBTztRQUNULE9BQU8sSUFBSSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBZ0IsQ0FBQztJQUN4RCxDQUFDO0lBQ0QsT0FBTyxDQUFDLEtBQVk7UUFDbEIsTUFBTSxLQUFLLEdBQUcsS0FBSyxDQUFDLE1BQTBCLENBQUM7UUFFL0MsSUFBSSxDQUFDLGtCQUFrQixDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDNUMsQ0FBQzt3R0E3QlUsd0JBQXdCOzRGQUF4Qix3QkFBd0IsMGZDVHJDLDAzQkEwQkE7OzRGRGpCYSx3QkFBd0I7a0JBTHBDLFNBQVM7K0JBQ0UsbUJBQW1COzhCQUtwQixXQUFXO3NCQUFuQixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csR0FBRztzQkFBWCxLQUFLO2dCQUNHLEdBQUc7c0JBQVgsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxlQUFlO3NCQUF2QixLQUFLO2dCQUlHLG1CQUFtQjtzQkFBM0IsS0FBSztnQkFDRyxlQUFlO3NCQUF2QixLQUFLO2dCQUNHLGVBQWU7c0JBQXZCLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDSSxrQkFBa0I7c0JBQTNCLE1BQU07Z0JBQ0csV0FBVztzQkFBcEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBGb3JtQ29udHJvbCwgRm9ybUdyb3VwIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgTGFiZWxJY29uRGF0YSB9IGZyb20gJy4uL2F0b21peC1mb3JtLWNoaXBzL2Zvcm0uY2hpcHMubW9kZWxzJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXRvbWl4LWZvcm0taW5wdXQnLFxuICB0ZW1wbGF0ZVVybDogJy4vYXRvbWl4LWZvcm0taW5wdXQtY29tcG9uZW50LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vYXRvbWl4LWZvcm0taW5wdXQtY29tcG9uZW50LmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIEF0b21peEZvcm1JbnB1dENvbXBvbmVudCB7XG4gIEBJbnB1dCgpIGNvbnRyb2xOYW1lITogc3RyaW5nO1xuICBASW5wdXQoKSBmb3JtITogRm9ybUdyb3VwO1xuICBASW5wdXQoKSBsYWJlbCA9ICcnO1xuICBASW5wdXQoKSBtYXghOiBudW1iZXIgfCBudWxsO1xuICBASW5wdXQoKSBtaW4hOiBudW1iZXI7XG4gIEBJbnB1dCgpIHBsYWNlaG9sZGVyID0gJyc7XG4gIEBJbnB1dCgpIHR5cGUgPSAndGV4dCc7XG4gIEBJbnB1dCgpIHRvb2x0aXAhOiBzdHJpbmc7XG4gIEBJbnB1dCgpIGNsYXNzITogc3RyaW5nO1xuICBASW5wdXQoKSBzdHlsZTogYW55O1xuICBASW5wdXQoKSBpc0xhYmVsSWNvbkRhdGE6IExhYmVsSWNvbkRhdGEgPSB7XG4gICAgaWNvbkNsYXNzOiAnJyxcbiAgICB0b29sdGlwOiAnJyxcbiAgfTtcbiAgQElucHV0KCkgaXNMYWJlbEljb25SZXF1aXJlZDogYm9vbGVhbiA9IGZhbHNlO1xuICBASW5wdXQoKSBpc0xhYmVsUmVxdWlyZWQ6IGJvb2xlYW4gPSBmYWxzZTtcbiAgQElucHV0KCkgdG9vbHRpcFBvc2l0aW9uOiAncmlnaHQnIHwgJ2xlZnQnIHwgJ3RvcCcgfCAnYm90dG9tJyA9ICdib3R0b20nO1xuICBASW5wdXQoKSBidXR0b25UZXh0OiBzdHJpbmcgPSAnJztcbiAgQE91dHB1dCgpIGNoYW5nZVZhbHVlSGFuZGxlciA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nPigpO1xuICBAT3V0cHV0KCkgYnV0dG9uQ2xpY2sgPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XG5cbiAgZ2V0IGNvbnRyb2woKSB7XG4gICAgcmV0dXJuIHRoaXMuZm9ybS5nZXQodGhpcy5jb250cm9sTmFtZSkgYXMgRm9ybUNvbnRyb2w7XG4gIH1cbiAgb25JbnB1dChldmVudDogRXZlbnQpOiB2b2lkIHtcbiAgICBjb25zdCBpbnB1dCA9IGV2ZW50LnRhcmdldCBhcyBIVE1MSW5wdXRFbGVtZW50O1xuXG4gICAgdGhpcy5jaGFuZ2VWYWx1ZUhhbmRsZXIuZW1pdChpbnB1dC52YWx1ZSk7XG4gIH1cbn1cbiIsIjxsYWJlbCAqbmdJZj1cImxhYmVsXCIgW2Zvcl09XCJjb250cm9sTmFtZVwiIGNsYXNzPVwibWwtMlwiXG4gID57eyBsYWJlbCB9fSA8c3BhbiAqbmdJZj1cImlzTGFiZWxSZXF1aXJlZFwiIGNsYXNzPVwiZXJyb3ItYXN0ZXJpc2tcIj4qPC9zcGFuXG4gID48aVxuICAgICpuZ0lmPVwiaXNMYWJlbEljb25SZXF1aXJlZFwiXG4gICAgW2NsYXNzXT1cImlzTGFiZWxJY29uRGF0YT8uaWNvbkNsYXNzICsgJyBtbC0yJ1wiXG4gICAgW3BUb29sdGlwXT1cImlzTGFiZWxJY29uRGF0YT8udG9vbHRpcFwiXG4gID48L2lcbj48L2xhYmVsPlxuPGRpdiBjbGFzcz1cImlucHV0LXdyYXBwZXJcIj5cbiAgPGlucHV0XG4gICAgcElucHV0VGV4dFxuICAgIFtpZF09XCJjb250cm9sTmFtZVwiXG4gICAgW2Zvcm1Db250cm9sXT1cImNvbnRyb2xcIlxuICAgIFtwbGFjZWhvbGRlcl09XCJwbGFjZWhvbGRlclwiXG4gICAgW21heGxlbmd0aF09XCJtYXhcIlxuICAgIFttaW5dPVwibWluXCJcbiAgICAoaW5wdXQpPVwib25JbnB1dCgkZXZlbnQpXCJcbiAgICBbcFRvb2x0aXBdPVwidG9vbHRpcFwiXG4gICAgW3R5cGVdPVwidHlwZVwiXG4gICAgW3Rvb2x0aXBQb3NpdGlvbl09XCJ0b29sdGlwUG9zaXRpb25cIlxuICAgIFtuZ0NsYXNzXT1cImNsYXNzICsgJyBsaWItaW5wdXQtZmllbGQnICsgKGJ1dHRvblRleHQgPyAnIHdpdGgtYnV0dG9uJyA6ICcnKVwiXG4gICAgYXV0b2NvbXBsZXRlPVwibmV3LXBhc3N3b3JkXCJcbiAgICBbc3R5bGVdPVwic3R5bGVcIlxuICAvPlxuICA8YnV0dG9uICpuZ0lmPVwiYnV0dG9uVGV4dFwiIChjbGljayk9XCJidXR0b25DbGljay5lbWl0KClcIiBjbGFzcz1cImlubGluZS1idXR0b25cIj57eyBidXR0b25UZXh0IH19PC9idXR0b24+XG48L2Rpdj5cbiJdfQ==

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

@@ -29,6 +29,8 @@ export class AtomixSearchDropdownComponent {
     dropdownIsLabelRequired = false;
     dropdownStyleClass = '';
     dropdownName = '';
+    label = '';
+    isLabelRequired = false;
     containerClass = 'billing-input-column-container search-filter-container';
     searchValueChange = new EventEmitter();
     dropdownValueChange = new EventEmitter();
@@ -76,11 +78,11 @@ export class AtomixSearchDropdownComponent {
         this.searchInputEl?.nativeElement?.focus();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AtomixSearchDropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", 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", containerClass: "containerClass" }, outputs: { searchValueChange: "searchValueChange", dropdownValueChange: "dropdownValueChange", dropdownFilterChange: "dropdownFilterChange" }, viewQueries: [{ propertyName: "searchInputEl", first: true, predicate: ["searchInputEl"], descendants: true }], ngImport: i0, template: "<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    [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}.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}\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.13", 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    [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"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AtomixSearchDropdownComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'atomix-search-dropdown', template: "<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    [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}.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}\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    [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"] }]
         }], ctorParameters: () => [], propDecorators: { searchInputEl: [{
                 type: ViewChild,
                 args: ['searchInputEl']
@@ -126,6 +128,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 type: Input
             }], dropdownName: [{
                 type: Input
+            }], label: [{
+                type: Input
+            }], isLabelRequired: [{
+                type: Input
             }], containerClass: [{
                 type: Input
             }], searchValueChange: [{
@@ -135,4 +141,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             }], dropdownFilterChange: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXRvbWl4LXNlYXJjaC1kcm9wZG93bi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9wcmltZWtpdC9zcmMvbGliL2xpYi9hdG9taXgtc2VhcmNoLWRyb3Bkb3duL2F0b21peC1zZWFyY2gtZHJvcGRvd24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcHJpbWVraXQvc3JjL2xpYi9saWIvYXRvbWl4LXNlYXJjaC1kcm9wZG93bi9hdG9taXgtc2VhcmNoLWRyb3Bkb3duLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxZQUFZLEVBQWMsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRTlGLE9BQU8sRUFDTCxZQUFZLEVBQ1osb0JBQW9CLEVBQ3BCLE9BQU8sRUFDUCxZQUFZLEdBQ2IsTUFBTSxNQUFNLENBQUM7Ozs7Ozs7QUFPZCxNQUFNLE9BQU8sNkJBQTZCO0lBQ1osYUFBYSxDQUFnQztJQUVoRSxXQUFXLEdBQVcsRUFBRSxDQUFDO0lBQ3pCLGlCQUFpQixHQUFXLFFBQVEsQ0FBQztJQUNyQyxVQUFVLEdBQVcsUUFBUSxDQUFDO0lBQzlCLGNBQWMsR0FBWSxLQUFLLENBQUM7SUFDaEMsV0FBVyxHQUFXLEVBQUUsQ0FBQztJQUN6QixxQkFBcUIsR0FBWSxLQUFLLENBQUM7SUFDdkMsV0FBVyxHQUFXLEVBQUUsQ0FBQztJQUN6QixxQkFBcUIsR0FBWSxJQUFJLENBQUM7SUFDdEMsVUFBVSxHQUFXLEVBQUUsQ0FBQztJQUV4QixlQUFlLEdBQVUsRUFBRSxDQUFDO0lBQzVCLGdCQUFnQixDQUFNO0lBQ3RCLG1CQUFtQixHQUFXLFFBQVEsQ0FBQztJQUN2QyxtQkFBbUIsR0FBVyxTQUFTLENBQUM7SUFDeEMsbUJBQW1CLEdBQVcsRUFBRSxDQUFDO0lBQ2pD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QWdCO3NCQUF4QixLQUFLO2dCQUNHLG1CQUFtQjtzQkFBM0IsS0FBSztnQkFDRyxtQkFBbUI7c0JBQTNCLEtBQUs7Z0JBQ0csbUJBQW1CO3NCQUEzQixLQUFLO2dCQUNHLGdCQUFnQjtzQkFBeEIsS0FBSztnQkFDRyxpQkFBaUI7c0JBQXpCLEtBQUs7Z0JBQ0csY0FBYztzQkFBdEIsS0FBSztnQkFDRyxhQUFhO3NCQUFyQixLQUFLO2dCQUNHLHVCQUF1QjtzQkFBL0IsS0FBSztnQkFDRyxrQkFBa0I7c0JBQTFCLEtBQUs7Z0JBQ0csWUFBWTtzQkFBcEIsS0FBSztnQkFFRyxjQUFjO3NCQUF0QixLQUFLO2dCQUVJLGlCQUFpQjtzQkFBMUIsTUFBTTtnQkFDRyxtQkFBbUI7c0JBQTVCLE1BQU07Z0JBQ0csb0JBQW9CO3NCQUE3QixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT3V0cHV0LCBFdmVudEVtaXR0ZXIsIEVsZW1lbnRSZWYsIFZpZXdDaGlsZCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRHJvcGRvd25GaWx0ZXJFdmVudCB9IGZyb20gJ3ByaW1lbmcvZHJvcGRvd24nO1xuaW1wb3J0IHtcbiAgZGVib3VuY2VUaW1lLFxuICBkaXN0aW5jdFVudGlsQ2hhbmdlZCxcbiAgU3ViamVjdCxcbiAgU3Vic2NyaXB0aW9uLFxufSBmcm9tICdyeGpzJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXRvbWl4LXNlYXJjaC1kcm9wZG93bicsXG4gIHRlbXBsYXRlVXJsOiAnLi9hdG9taXgtc2VhcmNoLWRyb3Bkb3duLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vYXRvbWl4LXNlYXJjaC1kcm9wZG93bi5jb21wb25lbnQuY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIEF0b21peFNlYXJjaERyb3Bkb3duQ29tcG9uZW50IHtcbiAgQFZpZXdDaGlsZCgnc2VhcmNoSW5wdXRFbCcpIHNlYXJjaElucHV0RWwhOiBFbGVtZW50UmVmPEhUTUxJbnB1dEVsZW1lbnQ+O1xuXG4gIEBJbnB1dCgpIHNlYXJjaFZhbHVlOiBzdHJpbmcgPSAnJztcbiAgQElucHV0KCkgc2VhcmNoUGxhY2Vob2xkZXI6IHN0cmluZyA9ICdTZWFyY2gnO1xuICBASW5wdXQoKSBzZWFyY2hUeXBlOiBzdHJpbmcgPSAnc2VhcmNoJztcbiAgQElucHV0KCkgc2VhcmNoRGlzYWJsZWQ6IGJvb2xlYW4gPSBmYWxzZTtcbiAgQElucHV0KCkgc2VhcmNoTGFiZWw6IHN0cmluZyA9ICcnO1xuICBASW5wdXQoKSBzZWFyY2hJc0xhYmVsUmVxdWlyZWQ6IGJvb2xlYW4gPSBmYWxzZTtcbiAgQElucHV0KCkgc2VhcmNoQ2xhc3M6IHN0cmluZyA9ICcnO1xuICBASW5wdXQoKSBzZWFyY2hJc0Nyb3NzUmVxdWlyZWQ6IGJvb2xlYW4gPSB0cnVlO1xuICBASW5wdXQoKSBzZWFyY2hOYW1lOiBzdHJpbmcgPSAnJztcblxuICBASW5wdXQoKSBkcm9wZG93bk9wdGlvbnM6IGFueVtdID0gW107XG4gIEBJbnB1dCgpIGRyb3Bkb3duU2VsZWN0ZWQ6IGFueTtcbiAgQElucHV0KCkgZHJvcGRvd25QbGFjZWhvbGRlcjogc3RyaW5nID0gJ0NvbHVtbic7XG4gIEBJbnB1dCgpIGRyb3Bkb3duT3B0aW9uTGFiZWw6IHN0cmluZyA9ICdkaXNwbGF5JztcbiAgQElucHV0KCkgZHJvcGRvd25PcHRpb25WYWx1ZTogc3RyaW5nID0gJyc7XG4gIEBJbnB1dCgpIGRyb3Bkb3duRGlzYWJsZWQ6IGJvb2xlYW4gPSBmYWxzZTtcbiAgQElucHV0KCkgZHJvcGRvd25TaG93Q2xlYXI6IGJvb2xlYW4gPSB0cnVlO1xuICBASW5wdXQoKSBkcm9wZG93bkZpbHRlcjogYm9vbGVhbiA9IGZhbHNlO1xuICBASW5wdXQoKSBkcm9wZG93bkxhYmVsOiBzdHJpbmcgPSAnJztcbiAgQElucHV0KCkgZHJvcGRvd25Jc0xhYmVsUmVxdWlyZWQ6IGJvb2xlYW4gPSBmYWxzZTtcbiAgQElucHV0KCkgZHJvcGRvd25TdHlsZUNsYXNzOiBzdHJpbmcgPSAnJztcbiAgQElucHV0KCkgZHJvcGRvd25OYW1lOiBzdHJpbmcgPSAnJztcblxuICBASW5wdXQoKSBjb250YWluZXJDbGFzczogc3RyaW5nID0gJ2JpbGxpbmctaW5wdXQtY29sdW1uLWNvbnRhaW5lciBzZWFyY2gtZmlsdGVyLWNvbnRhaW5lcic7XG5cbiAgQE91dHB1dCgpIHNlYXJjaFZhbHVlQ2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmc+KCk7XG4gIEBPdXRwdXQoKSBkcm9wZG93blZhbHVlQ2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XG4gIEBPdXRwdXQoKSBkcm9wZG93bkZpbHRlckNoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8RHJvcGRvd25GaWx0ZXJFdmVudD4oKTtcblxuICAvKipcbiAgICogVGhlIGlucHV0IGZyb20gdGhlIHVzZXIgdXNlZCB0byBzZWFyY2ggZHJvcGRvd24gbGlzdFxuICAgKi9cbiAgZHJvcGRvd25GaWx0ZXJWYWx1ZSA9IG5ldyBTdWJqZWN0PERyb3Bkb3duRmlsdGVyRXZlbnQ+KCk7XG5cbiAgLyoqXG4gICAqIFRoZSB0aW1lIGluIG1zIHRoYXQgaXQgdGFrZXMgdG8gcmVnaXN0ZXIgd2hlbiB1c2VyIGlzIGRvbmUgdHlwaW5nXG4gICAqL1xuICBkZWJvdW5jZVRpbWUgPSAzMDA7XG5cbiAgLyoqXG4gICAqIFRoZSB0cmlnZ2VyIHRoYXQgdXNlcyB0aGUgZGVib3VuY2UgdGltZSB0byBjcmVhdGUgZGVsYXkgb2Ygd2hlbiB1c2VyIHR5cGVzIHRvIGFjdHVhbCBmaWx0ZXJpbmdcbiAgICovXG4gIGRyb3Bkb3duRmlsdGVyVHJpZ2dlciA9IHRoaXMuZHJvcGRvd25GaWx0ZXJWYWx1ZS5waXBlKFxuICAgIGRlYm91bmNlVGltZSh0aGlzLmRlYm91bmNlVGltZSksXG4gICAgZGlzdGluY3RVbnRpbENoYW5nZWQoKVxuICApO1xuXG4gIC8qKlxuICAgKiBTdWJzY3JpcHRpb24gdG8gdHJpZ2dlclxuICAgKi9cbiAgc3Vic2NyaXB0aW9uOiBTdWJzY3JpcHRpb24gPSBuZXcgU3Vic2NyaXB0aW9uKCk7XG5cbiAgY29uc3RydWN0b3IoKSB7XG4gICAgdGhpcy5zdWJzY3JpcHRpb24uYWRkKFxuICAgICAgdGhpcy5kcm9wZG93bkZpbHRlclRyaWdnZXIuc3Vic2NyaWJlKCgkZXZlbnQpID0+IHtcbiAgICAgICAgdGhpcy5kcm9wZG93bkZpbHRlckNoYW5nZS5lbWl0KCRldmVudCk7XG4gICAgICB9KVxuICAgICk7XG4gIH1cblxuICBvblNlYXJjaElucHV0KGV2ZW50OiBFdmVudCk6IHZvaWQge1xuICAgIGNvbnN0IGlucHV0ID0gZXZlbnQudGFyZ2V0IGFzIEhUTUxJbnB1dEVsZW1lbnQ7XG4gICAgdGhpcy5zZWFyY2hWYWx1ZSA9IGlucHV0LnZhbHVlO1xuICAgIHRoaXMuc2VhcmNoVmFsdWVDaGFuZ2UuZW1pdCh0aGlzLnNlYXJjaFZhbHVlKTtcbiAgfVxuXG4gIG9uU2VhcmNoRW50ZXIoKTogdm9pZCB7XG4gICAgdGhpcy5zZWFyY2hWYWx1ZUNoYW5nZS5lbWl0KHRoaXMuc2VhcmNoVmFsdWUpO1xuICB9XG5cbiAgY2xlYXJTZWFyY2hWYWx1ZSgpOiB2b2lkIHtcbiAgICB0aGlzLnNlYXJjaFZhbHVlID0gJyc7XG4gICAgdGhpcy5zZWFyY2hWYWx1ZUNoYW5nZS5lbWl0KHRoaXMuc2VhcmNoVmFsdWUpO1xuICB9XG5cbiAgb25Ecm9wZG93bkNoYW5nZShldmVudDogYW55KTogdm9pZCB7XG4gICAgdGhpcy5kcm9wZG93blZhbHVlQ2hhbmdlLmVtaXQoW2V2ZW50LnZhbHVlLCB0aGlzLmRyb3Bkb3duTmFtZV0pO1xuICB9XG5cbiAgb25Ecm9wZG93bkZpbHRlcihldmVudDogRHJvcGRvd25GaWx0ZXJFdmVudCk6IHZvaWQge1xuICAgIHRoaXMuZHJvcGRvd25GaWx0ZXJWYWx1ZS5uZXh0KGV2ZW50KTtcbiAgfVxuXG4gIGZvY3VzU2VhcmNoKCk6IHZvaWQge1xuICAgIHRoaXMuc2VhcmNoSW5wdXRFbD8ubmF0aXZlRWxlbWVudD8uZm9jdXMoKTtcbiAgfVxufSIsIjxkaXYgW25nQ2xhc3NdPVwiY29udGFpbmVyQ2xhc3NcIj5cbiAgICA8ZGl2IGNsYXNzPVwic2VhcmNoLWRyb3Bkb3duLWNvbnRhaW5lclwiPlxuICAgICAgICA8aW5wdXRcbiAgICAgICAgICBbaWRdPVwic2VhcmNoTmFtZVwiXG4gICAgICAgICAgdHlwZT1cInRleHRcIlxuICAgICAgICAgIHBJbnB1dFRleHRcbiAgICAgICAgICBbdmFsdWVdPVwic2VhcmNoVmFsdWVcIlxuICAgICAgICAgIFthdHRyLnBsYWNlaG9sZGVyXT1cInNlYXJjaFBsYWNlaG9sZGVyXCJcbiAgICAgICAgICAoaW5wdXQpPVwib25TZWFyY2hJbnB1dCgkZXZlbnQpXCJcbiAgICAgICAgICAoa2V5ZG93bi5lbnRlcik9XCJvblNlYXJjaEVudGVyKClcIlxuICAgICAgICAgIFtuZ0NsYXNzXT1cInNlYXJjaENsYXNzICsgJyBsaWItaW5wdXQtZmllbGQnXCJcbiAgICAgICAgICBhdXRvY29tcGxldGU9XCJuZXctcGFzc3dvcmRcIlxuICAgICAgICAgIFtkaXNhYmxlZF09XCJzZWFyY2hEaXNhYmxlZFwiXG4gICAgICAgICAgW3R5cGVdPVwic2VhcmNoVHlwZVwiXG4gICAgICAgICAgI3NlYXJjaElucHV0RWxcbiAgICAgICAgICBjbGFzcz1cInNlYXJjaC1pbnB1dFwiXG4gICAgICAgIC8+XG4gICAgICAgIDxzcGFuPlxuICAgICAgXG4gICAgICAgICAgICA8aVxuICAgICAgICAgICAgICBjbGFzcz1cInBpIHBpLXRpbWVzIGZpbHRlci1kcm9wZG93bi1pY29uXCJcbiAgICAgICAgICAgICAgc3R5bGU9XCJjdXJzb3I6IHBvaW50ZXJcIlxuICAgICAgICAgICAgICAoY2xpY2spPVwiY2xlYXJTZWFyY2hWYWx1ZSgpXCJcbiAgICAgICAgICAgICAgKm5nSWY9XCJzZWFyY2hJc0Nyb3NzUmVxdWlyZWQgJiYgc2VhcmNoVmFsdWUgIT09ICcnXCJcbiAgICAgICAgICAgID48L2k+XG4gICAgICAgIDwvc3Bhbj5cbiAgICA8L2Rpdj5cblxuICA8cC1kcm9wZG93blxuICAgIFtvcHRpb25zXT1cImRyb3Bkb3duT3B0aW9uc1wiXG4gICAgWyhuZ01vZGVsKV09XCJkcm9wZG93blNlbGVjdGVkXCJcbiAgICAob25DaGFuZ2UpPVwib25Ecm9wZG93bkNoYW5nZSgkZXZlbnQpXCJcbiAgICBbb3B0aW9uVmFsdWVdPVwiZHJvcGRvd25PcHRpb25WYWx1ZVwiXG4gICAgW29wdGlvbkxhYmVsXT1cImRyb3Bkb3duT3B0aW9uTGFiZWxcIlxuICAgIFtzaG93Q2xlYXJdPVwiZHJvcGRvd25TaG93Q2xlYXJcIlxuICAgIFtmaWx0ZXJdPVwiZHJvcGRvd25GaWx0ZXJcIlxuICAgIFtmaWx0ZXJCeV09XCJkcm9wZG93bk9wdGlvbkxhYmVsXCJcbiAgICBhcHBlbmRUbz1cImJvZHlcIlxuICAgIFtkaXNhYmxlZF09XCJkcm9wZG93bkRpc2FibGVkXCJcbiAgICBbc3R5bGVDbGFzc109XCJkcm9wZG93blN0eWxlQ2xhc3NcIlxuICAgIChvbkZpbHRlcik9XCJvbkRyb3Bkb3duRmlsdGVyKCRldmVudClcIlxuICAgIFtwbGFjZWhvbGRlcl09XCJkcm9wZG93blBsYWNlaG9sZGVyXCJcbiAgICBjbGFzcz1cInNlYXJjaC1kcm9wZG93blwiXG4gID5cbiAgICA8bmctdGVtcGxhdGUgbGV0LW9wdGlvbiBwVGVtcGxhdGU9XCJpdGVtXCI+XG4gICAgICA8ZGl2IGNsYXNzPVwiY3VzdG9tLWl0ZW1cIj5cbiAgICAgICAgPGlcbiAgICAgICAgICBbbmdDbGFzc109XCJvcHRpb24uZHJvcGRvd25JY29uXCJcbiAgICAgICAgICBjbGFzcz1cImRyb3Bkb3duLWxvZ29cIlxuICAgICAgICAgICpuZ0lmPVwib3B0aW9uLmRyb3Bkb3duSWNvblwiXG4gICAgICAgID48L2k+XG4gICAgICAgIDxpbWdcbiAgICAgICAgICBbYWx0XT1cIm9wdGlvbi5kcm9wZG93bkltYWdlXCJcbiAgICAgICAgICBbc3JjXT1cIm9wdGlvbi5kcm9wZG93bkltYWdlXCJcbiAgICAgICAgICAqbmdJZj1cIm9wdGlvbi5kcm9wZG93bkltYWdlXCJcbiAgICAgICAgICBjbGFzcz1cImRyb3Bkb3duLWltYWdlXCJcbiAgICAgICAgLz5cblxuICAgICAgICA8c3Bhbj57eyBvcHRpb25bZHJvcGRvd25PcHRpb25MYWJlbF0gfX08L3NwYW4+XG4gICAgICA8L2Rpdj5cbiAgICA8L25nLXRlbXBsYXRlPlxuICA8L3AtZHJvcGRvd24+XG48L2Rpdj4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXRvbWl4LXNlYXJjaC1kcm9wZG93bi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9wcmltZWtpdC9zcmMvbGliL2xpYi9hdG9taXgtc2VhcmNoLWRyb3Bkb3duL2F0b21peC1zZWFyY2gtZHJvcGRvd24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcHJpbWVraXQvc3JjL2xpYi9saWIvYXRvbWl4LXNlYXJjaC1kcm9wZG93bi9hdG9taXgtc2VhcmNoLWRyb3Bkb3duLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxZQUFZLEVBQWMsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRTlGLE9BQU8sRUFDTCxZQUFZLEVBQ1osb0JBQW9CLEVBQ3BCLE9BQU8sRUFDUCxZQUFZLEdBQ2IsTUFBTSxNQUFNLENBQUM7Ozs7Ozs7QUFPZCxNQUFNLE9BQU8sNkJBQTZCO0lBQ1osYUFBYSxDQUFnQztJQUVoRSxXQUFXLEdBQVcsRUFBRSxDQUFDO0lBQ3pCLGlCQUFpQixHQUFXLFFBQVEsQ0FBQztJQUNyQyxVQUFVLEdBQVcsUUFBUSxDQUFDO0lBQzlCLGNBQWMsR0FBWSxLQUFLLENBQUM7SUFDaEMsV0FBVyxHQUFXLEVBQUUsQ0FBQztJQUN6QixxQkFBcUIsR0FBWSxLQUFLLENBQUM7SUFDdkMsV0FBVyxHQUFXLEVBQUUsQ0FBQztJQUN6QixxQkFBcUIsR0FBWSxJQUFJLENBQUM7SUFDdEMsVUFBVSxHQUFXLEVBQUUsQ0FBQztJQUV4QixlQUFlLEdBQVUsRUFBRSxDQUFDO0lBQzVCLGdCQUFnQixDQUFNO0lBQ3RCLG1CQUFtQixHQUFXLFFBQVEsQ0FBQztJQUN2QyxtQkFBbUIsR0FBVyxTQUFTLENBQUM7SUFDeEMsbUJBQW1CLEdBQVcsRUFBRSxDQUFDO0lBQ2pD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Q0csVUFBVTtzQkFBbEIsS0FBSztnQkFFRyxlQUFlO3NCQUF2QixLQUFLO2dCQUNHLGdCQUFnQjtzQkFBeEIsS0FBSztnQkFDRyxtQkFBbUI7c0JBQTNCLEtBQUs7Z0JBQ0csbUJBQW1CO3NCQUEzQixLQUFLO2dCQUNHLG1CQUFtQjtzQkFBM0IsS0FBSztnQkFDRyxnQkFBZ0I7c0JBQXhCLEtBQUs7Z0JBQ0csaUJBQWlCO3NCQUF6QixLQUFLO2dCQUNHLGNBQWM7c0JBQXRCLEtBQUs7Z0JBQ0csYUFBYTtzQkFBckIsS0FBSztnQkFDRyx1QkFBdUI7c0JBQS9CLEtBQUs7Z0JBQ0csa0JBQWtCO3NCQUExQixLQUFLO2dCQUNHLFlBQVk7c0JBQXBCLEtBQUs7Z0JBRUcsS0FBSztzQkFBYixLQUFLO2dCQUNHLGVBQWU7c0JBQXZCLEtBQUs7Z0JBRUcsY0FBYztzQkFBdEIsS0FBSztnQkFFSSxpQkFBaUI7c0JBQTFCLE1BQU07Z0JBQ0csbUJBQW1CO3NCQUE1QixNQUFNO2dCQUNHLG9CQUFvQjtzQkFBN0IsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE91dHB1dCwgRXZlbnRFbWl0dGVyLCBFbGVtZW50UmVmLCBWaWV3Q2hpbGQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IERyb3Bkb3duRmlsdGVyRXZlbnQgfSBmcm9tICdwcmltZW5nL2Ryb3Bkb3duJztcbmltcG9ydCB7XG4gIGRlYm91bmNlVGltZSxcbiAgZGlzdGluY3RVbnRpbENoYW5nZWQsXG4gIFN1YmplY3QsXG4gIFN1YnNjcmlwdGlvbixcbn0gZnJvbSAncnhqcyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2F0b21peC1zZWFyY2gtZHJvcGRvd24nLFxuICB0ZW1wbGF0ZVVybDogJy4vYXRvbWl4LXNlYXJjaC1kcm9wZG93bi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2F0b21peC1zZWFyY2gtZHJvcGRvd24uY29tcG9uZW50LmNzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBBdG9taXhTZWFyY2hEcm9wZG93bkNvbXBvbmVudCB7XG4gIEBWaWV3Q2hpbGQoJ3NlYXJjaElucHV0RWwnKSBzZWFyY2hJbnB1dEVsITogRWxlbWVudFJlZjxIVE1MSW5wdXRFbGVtZW50PjtcblxuICBASW5wdXQoKSBzZWFyY2hWYWx1ZTogc3RyaW5nID0gJyc7XG4gIEBJbnB1dCgpIHNlYXJjaFBsYWNlaG9sZGVyOiBzdHJpbmcgPSAnU2VhcmNoJztcbiAgQElucHV0KCkgc2VhcmNoVHlwZTogc3RyaW5nID0gJ3NlYXJjaCc7XG4gIEBJbnB1dCgpIHNlYXJjaERpc2FibGVkOiBib29sZWFuID0gZmFsc2U7XG4gIEBJbnB1dCgpIHNlYXJjaExhYmVsOiBzdHJpbmcgPSAnJztcbiAgQElucHV0KCkgc2VhcmNoSXNMYWJlbFJlcXVpcmVkOiBib29sZWFuID0gZmFsc2U7XG4gIEBJbnB1dCgpIHNlYXJjaENsYXNzOiBzdHJpbmcgPSAnJztcbiAgQElucHV0KCkgc2VhcmNoSXNDcm9zc1JlcXVpcmVkOiBib29sZWFuID0gdHJ1ZTtcbiAgQElucHV0KCkgc2VhcmNoTmFtZTogc3RyaW5nID0gJyc7XG5cbiAgQElucHV0KCkgZHJvcGRvd25PcHRpb25zOiBhbnlbXSA9IFtdO1xuICBASW5wdXQoKSBkcm9wZG93blNlbGVjdGVkOiBhbnk7XG4gIEBJbnB1dCgpIGRyb3Bkb3duUGxhY2Vob2xkZXI6IHN0cmluZyA9ICdDb2x1bW4nO1xuICBASW5wdXQoKSBkcm9wZG93bk9wdGlvbkxhYmVsOiBzdHJpbmcgPSAnZGlzcGxheSc7XG4gIEBJbnB1dCgpIGRyb3Bkb3duT3B0aW9uVmFsdWU6IHN0cmluZyA9ICcnO1xuICBASW5wdXQoKSBkcm9wZG93bkRpc2FibGVkOiBib29sZWFuID0gZmFsc2U7XG4gIEBJbnB1dCgpIGRyb3Bkb3duU2hvd0NsZWFyOiBib29sZWFuID0gdHJ1ZTtcbiAgQElucHV0KCkgZHJvcGRvd25GaWx0ZXI6IGJvb2xlYW4gPSBmYWxzZTtcbiAgQElucHV0KCkgZHJvcGRvd25MYWJlbDogc3RyaW5nID0gJyc7XG4gIEBJbnB1dCgpIGRyb3Bkb3duSXNMYWJlbFJlcXVpcmVkOiBib29sZWFuID0gZmFsc2U7XG4gIEBJbnB1dCgpIGRyb3Bkb3duU3R5bGVDbGFzczogc3RyaW5nID0gJyc7XG4gIEBJbnB1dCgpIGRyb3Bkb3duTmFtZTogc3RyaW5nID0gJyc7XG5cbiAgQElucHV0KCkgbGFiZWw6IHN0cmluZyA9ICcnO1xuICBASW5wdXQoKSBpc0xhYmVsUmVxdWlyZWQ6IGJvb2xlYW4gPSBmYWxzZTtcblxuICBASW5wdXQoKSBjb250YWluZXJDbGFzczogc3RyaW5nID0gJ2JpbGxpbmctaW5wdXQtY29sdW1uLWNvbnRhaW5lciBzZWFyY2gtZmlsdGVyLWNvbnRhaW5lcic7XG5cbiAgQE91dHB1dCgpIHNlYXJjaFZhbHVlQ2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmc+KCk7XG4gIEBPdXRwdXQoKSBkcm9wZG93blZhbHVlQ2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XG4gIEBPdXRwdXQoKSBkcm9wZG93bkZpbHRlckNoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8RHJvcGRvd25GaWx0ZXJFdmVudD4oKTtcblxuICAvKipcbiAgICogVGhlIGlucHV0IGZyb20gdGhlIHVzZXIgdXNlZCB0byBzZWFyY2ggZHJvcGRvd24gbGlzdFxuICAgKi9cbiAgZHJvcGRvd25GaWx0ZXJWYWx1ZSA9IG5ldyBTdWJqZWN0PERyb3Bkb3duRmlsdGVyRXZlbnQ+KCk7XG5cbiAgLyoqXG4gICAqIFRoZSB0aW1lIGluIG1zIHRoYXQgaXQgdGFrZXMgdG8gcmVnaXN0ZXIgd2hlbiB1c2VyIGlzIGRvbmUgdHlwaW5nXG4gICAqL1xuICBkZWJvdW5jZVRpbWUgPSAzMDA7XG5cbiAgLyoqXG4gICAqIFRoZSB0cmlnZ2VyIHRoYXQgdXNlcyB0aGUgZGVib3VuY2UgdGltZSB0byBjcmVhdGUgZGVsYXkgb2Ygd2hlbiB1c2VyIHR5cGVzIHRvIGFjdHVhbCBmaWx0ZXJpbmdcbiAgICovXG4gIGRyb3Bkb3duRmlsdGVyVHJpZ2dlciA9IHRoaXMuZHJvcGRvd25GaWx0ZXJWYWx1ZS5waXBlKFxuICAgIGRlYm91bmNlVGltZSh0aGlzLmRlYm91bmNlVGltZSksXG4gICAgZGlzdGluY3RVbnRpbENoYW5nZWQoKVxuICApO1xuXG4gIC8qKlxuICAgKiBTdWJzY3JpcHRpb24gdG8gdHJpZ2dlclxuICAgKi9cbiAgc3Vic2NyaXB0aW9uOiBTdWJzY3JpcHRpb24gPSBuZXcgU3Vic2NyaXB0aW9uKCk7XG5cbiAgY29uc3RydWN0b3IoKSB7XG4gICAgdGhpcy5zdWJzY3JpcHRpb24uYWRkKFxuICAgICAgdGhpcy5kcm9wZG93bkZpbHRlclRyaWdnZXIuc3Vic2NyaWJlKCgkZXZlbnQpID0+IHtcbiAgICAgICAgdGhpcy5kcm9wZG93bkZpbHRlckNoYW5nZS5lbWl0KCRldmVudCk7XG4gICAgICB9KVxuICAgICk7XG4gIH1cblxuICBvblNlYXJjaElucHV0KGV2ZW50OiBFdmVudCk6IHZvaWQge1xuICAgIGNvbnN0IGlucHV0ID0gZXZlbnQudGFyZ2V0IGFzIEhUTUxJbnB1dEVsZW1lbnQ7XG4gICAgdGhpcy5zZWFyY2hWYWx1ZSA9IGlucHV0LnZhbHVlO1xuICAgIHRoaXMuc2VhcmNoVmFsdWVDaGFuZ2UuZW1pdCh0aGlzLnNlYXJjaFZhbHVlKTtcbiAgfVxuXG4gIG9uU2VhcmNoRW50ZXIoKTogdm9pZCB7XG4gICAgdGhpcy5zZWFyY2hWYWx1ZUNoYW5nZS5lbWl0KHRoaXMuc2VhcmNoVmFsdWUpO1xuICB9XG5cbiAgY2xlYXJTZWFyY2hWYWx1ZSgpOiB2b2lkIHtcbiAgICB0aGlzLnNlYXJjaFZhbHVlID0gJyc7XG4gICAgdGhpcy5zZWFyY2hWYWx1ZUNoYW5nZS5lbWl0KHRoaXMuc2VhcmNoVmFsdWUpO1xuICB9XG5cbiAgb25Ecm9wZG93bkNoYW5nZShldmVudDogYW55KTogdm9pZCB7XG4gICAgdGhpcy5kcm9wZG93blZhbHVlQ2hhbmdlLmVtaXQoW2V2ZW50LnZhbHVlLCB0aGlzLmRyb3Bkb3duTmFtZV0pO1xuICB9XG5cbiAgb25Ecm9wZG93bkZpbHRlcihldmVudDogRHJvcGRvd25GaWx0ZXJFdmVudCk6IHZvaWQge1xuICAgIHRoaXMuZHJvcGRvd25GaWx0ZXJWYWx1ZS5uZXh0KGV2ZW50KTtcbiAgfVxuXG4gIGZvY3VzU2VhcmNoKCk6IHZvaWQge1xuICAgIHRoaXMuc2VhcmNoSW5wdXRFbD8ubmF0aXZlRWxlbWVudD8uZm9jdXMoKTtcbiAgfVxufSIsIjxsYWJlbCAqbmdJZj1cImxhYmVsXCIgZm9yPVwic2VhcmNoTmFtZVwiPlxuICB7eyBsYWJlbCB9fVxuICA8c3BhbiAqbmdJZj1cImlzTGFiZWxSZXF1aXJlZFwiIGNsYXNzPVwibGliLWVycm9yLWFzdGVyaXNrXCI+Kjwvc3Bhbj5cbjwvbGFiZWw+XG5cbjxkaXYgW25nQ2xhc3NdPVwiY29udGFpbmVyQ2xhc3NcIj5cbiAgICA8ZGl2IGNsYXNzPVwic2VhcmNoLWRyb3Bkb3duLWNvbnRhaW5lclwiPlxuICAgICAgICA8aW5wdXRcbiAgICAgICAgICBbaWRdPVwic2VhcmNoTmFtZVwiXG4gICAgICAgICAgdHlwZT1cInRleHRcIlxuICAgICAgICAgIHBJbnB1dFRleHRcbiAgICAgICAgICBbdmFsdWVdPVwic2VhcmNoVmFsdWVcIlxuICAgICAgICAgIFthdHRyLnBsYWNlaG9sZGVyXT1cInNlYXJjaFBsYWNlaG9sZGVyXCJcbiAgICAgICAgICAoaW5wdXQpPVwib25TZWFyY2hJbnB1dCgkZXZlbnQpXCJcbiAgICAgICAgICAoa2V5ZG93bi5lbnRlcik9XCJvblNlYXJjaEVudGVyKClcIlxuICAgICAgICAgIFtuZ0NsYXNzXT1cInNlYXJjaENsYXNzICsgJyBsaWItaW5wdXQtZmllbGQnXCJcbiAgICAgICAgICBhdXRvY29tcGxldGU9XCJuZXctcGFzc3dvcmRcIlxuICAgICAgICAgIFtkaXNhYmxlZF09XCJzZWFyY2hEaXNhYmxlZFwiXG4gICAgICAgICAgW3R5cGVdPVwic2VhcmNoVHlwZVwiXG4gICAgICAgICAgI3NlYXJjaElucHV0RWxcbiAgICAgICAgICBjbGFzcz1cInNlYXJjaC1pbnB1dFwiXG4gICAgICAgIC8+XG4gICAgICAgIDxzcGFuPlxuICAgICAgXG4gICAgICAgICAgICA8aVxuICAgICAgICAgICAgICBjbGFzcz1cInBpIHBpLXRpbWVzIGZpbHRlci1kcm9wZG93bi1pY29uXCJcbiAgICAgICAgICAgICAgc3R5bGU9XCJjdXJzb3I6IHBvaW50ZXJcIlxuICAgICAgICAgICAgICAoY2xpY2spPVwiY2xlYXJTZWFyY2hWYWx1ZSgpXCJcbiAgICAgICAgICAgICAgKm5nSWY9XCJzZWFyY2hJc0Nyb3NzUmVxdWlyZWQgJiYgc2VhcmNoVmFsdWUgIT09ICcnXCJcbiAgICAgICAgICAgID48L2k+XG4gICAgICAgIDwvc3Bhbj5cbiAgICA8L2Rpdj5cblxuICA8cC1kcm9wZG93blxuICAgIFtvcHRpb25zXT1cImRyb3Bkb3duT3B0aW9uc1wiXG4gICAgWyhuZ01vZGVsKV09XCJkcm9wZG93blNlbGVjdGVkXCJcbiAgICAob25DaGFuZ2UpPVwib25Ecm9wZG93bkNoYW5nZSgkZXZlbnQpXCJcbiAgICBbb3B0aW9uVmFsdWVdPVwiZHJvcGRvd25PcHRpb25WYWx1ZVwiXG4gICAgW29wdGlvbkxhYmVsXT1cImRyb3Bkb3duT3B0aW9uTGFiZWxcIlxuICAgIFtzaG93Q2xlYXJdPVwiZHJvcGRvd25TaG93Q2xlYXJcIlxuICAgIFtmaWx0ZXJdPVwiZHJvcGRvd25GaWx0ZXJcIlxuICAgIFtmaWx0ZXJCeV09XCJkcm9wZG93bk9wdGlvbkxhYmVsXCJcbiAgICBhcHBlbmRUbz1cImJvZHlcIlxuICAgIFtkaXNhYmxlZF09XCJkcm9wZG93bkRpc2FibGVkXCJcbiAgICBbc3R5bGVDbGFzc109XCJkcm9wZG93blN0eWxlQ2xhc3NcIlxuICAgIChvbkZpbHRlcik9XCJvbkRyb3Bkb3duRmlsdGVyKCRldmVudClcIlxuICAgIFtwbGFjZWhvbGRlcl09XCJkcm9wZG93blBsYWNlaG9sZGVyXCJcbiAgICBjbGFzcz1cInNlYXJjaC1kcm9wZG93blwiXG4gID5cbiAgICA8bmctdGVtcGxhdGUgbGV0LW9wdGlvbiBwVGVtcGxhdGU9XCJpdGVtXCI+XG4gICAgICA8ZGl2IGNsYXNzPVwiY3VzdG9tLWl0ZW1cIj5cbiAgICAgICAgPGlcbiAgICAgICAgICBbbmdDbGFzc109XCJvcHRpb24uZHJvcGRvd25JY29uXCJcbiAgICAgICAgICBjbGFzcz1cImRyb3Bkb3duLWxvZ29cIlxuICAgICAgICAgICpuZ0lmPVwib3B0aW9uLmRyb3Bkb3duSWNvblwiXG4gICAgICAgID48L2k+XG4gICAgICAgIDxpbWdcbiAgICAgICAgICBbYWx0XT1cIm9wdGlvbi5kcm9wZG93bkltYWdlXCJcbiAgICAgICAgICBbc3JjXT1cIm9wdGlvbi5kcm9wZG93bkltYWdlXCJcbiAgICAgICAgICAqbmdJZj1cIm9wdGlvbi5kcm9wZG93bkltYWdlXCJcbiAgICAgICAgICBjbGFzcz1cImRyb3Bkb3duLWltYWdlXCJcbiAgICAgICAgLz5cblxuICAgICAgICA8c3Bhbj57eyBvcHRpb25bZHJvcGRvd25PcHRpb25MYWJlbF0gfX08L3NwYW4+XG4gICAgICA8L2Rpdj5cbiAgICA8L25nLXRlbXBsYXRlPlxuICA8L3AtZHJvcGRvd24+XG48L2Rpdj4iXX0=

package/fesm2022/primekit.mjs CHANGED Viewed

@@ -1826,7 +1826,9 @@ class AtomixFormInputComponent {
     isLabelIconRequired = false;
     isLabelRequired = false;
     tooltipPosition = 'bottom';
+    buttonText = '';
     changeValueHandler = new EventEmitter();
+    buttonClick = new EventEmitter();
     get control() {
         return this.form.get(this.controlName);
     }
@@ -1835,11 +1837,11 @@ class AtomixFormInputComponent {
         this.changeValueHandler.emit(input.value);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AtomixFormInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: AtomixFormInputComponent, selector: "atomix-form-input", inputs: { controlName: "controlName", form: "form", label: "label", max: "max", min: "min", placeholder: "placeholder", type: "type", tooltip: "tooltip", class: "class", style: "style", isLabelIconData: "isLabelIconData", isLabelIconRequired: "isLabelIconRequired", isLabelRequired: "isLabelRequired", tooltipPosition: "tooltipPosition" }, outputs: { changeValueHandler: "changeValueHandler" }, ngImport: i0, template: "<label *ngIf=\"label\" [for]=\"controlName\" class=\"ml-2\"\n  >{{ label }} <span *ngIf=\"isLabelRequired\" class=\"error-asterisk\">*</span\n  ><i\n    *ngIf=\"isLabelIconRequired\"\n    [class]=\"isLabelIconData?.iconClass + ' ml-2'\"\n    [pTooltip]=\"isLabelIconData?.tooltip\"\n  ></i\n></label>\n<input\n  pInputText\n  [id]=\"controlName\"\n  [formControl]=\"control\"\n  [placeholder]=\"placeholder\"\n  [maxlength]=\"max\"\n  [min]=\"min\"\n  (input)=\"onInput($event)\"\n  [pTooltip]=\"tooltip\"\n  [type]=\"type\"\n  [tooltipPosition]=\"tooltipPosition\"\n  [ngClass]=\"class + ' lib-input-field'\"\n  autocomplete=\"new-password\"\n  [style]=\"style\"\n/>\n", styles: ["::ng-deep .lib-input-field{border-radius:30px;margin-top:.2rem}.error-asterisk{color:red}\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"] }, { kind: "directive", type: i2$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i3.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "directive", type: i2$2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: AtomixFormInputComponent, selector: "atomix-form-input", inputs: { controlName: "controlName", form: "form", label: "label", max: "max", min: "min", placeholder: "placeholder", type: "type", tooltip: "tooltip", class: "class", style: "style", isLabelIconData: "isLabelIconData", isLabelIconRequired: "isLabelIconRequired", isLabelRequired: "isLabelRequired", tooltipPosition: "tooltipPosition", buttonText: "buttonText" }, outputs: { changeValueHandler: "changeValueHandler", buttonClick: "buttonClick" }, ngImport: i0, template: "<label *ngIf=\"label\" [for]=\"controlName\" class=\"ml-2\"\n  >{{ label }} <span *ngIf=\"isLabelRequired\" class=\"error-asterisk\">*</span\n  ><i\n    *ngIf=\"isLabelIconRequired\"\n    [class]=\"isLabelIconData?.iconClass + ' ml-2'\"\n    [pTooltip]=\"isLabelIconData?.tooltip\"\n  ></i\n></label>\n<div class=\"input-wrapper\">\n  <input\n    pInputText\n    [id]=\"controlName\"\n    [formControl]=\"control\"\n    [placeholder]=\"placeholder\"\n    [maxlength]=\"max\"\n    [min]=\"min\"\n    (input)=\"onInput($event)\"\n    [pTooltip]=\"tooltip\"\n    [type]=\"type\"\n    [tooltipPosition]=\"tooltipPosition\"\n    [ngClass]=\"class + ' lib-input-field' + (buttonText ? ' with-button' : '')\"\n    autocomplete=\"new-password\"\n    [style]=\"style\"\n  />\n  <button *ngIf=\"buttonText\" (click)=\"buttonClick.emit()\" class=\"inline-button\">{{ buttonText }}</button>\n</div>\n", styles: ["::ng-deep .lib-input-field{border-radius:30px;margin-top:.2rem}::ng-deep .lib-input-field.with-button{padding-right:6rem}.error-asterisk{color:red}.input-wrapper{position:relative}.inline-button{position:absolute;right:5px;background-color:transparent;color:#63b77e;font-weight:700;border:none;cursor:pointer;font-size:.875rem;height:95%;margin-top:.2rem;border-left:1px solid grey}.inline-button:focus{outline:none}.inline-button:hover{background-color:transparent}\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"] }, { kind: "directive", type: i2$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i3.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "appendTo", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions"] }, { kind: "directive", type: i2$2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AtomixFormInputComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'atomix-form-input', template: "<label *ngIf=\"label\" [for]=\"controlName\" class=\"ml-2\"\n  >{{ label }} <span *ngIf=\"isLabelRequired\" class=\"error-asterisk\">*</span\n  ><i\n    *ngIf=\"isLabelIconRequired\"\n    [class]=\"isLabelIconData?.iconClass + ' ml-2'\"\n    [pTooltip]=\"isLabelIconData?.tooltip\"\n  ></i\n></label>\n<input\n  pInputText\n  [id]=\"controlName\"\n  [formControl]=\"control\"\n  [placeholder]=\"placeholder\"\n  [maxlength]=\"max\"\n  [min]=\"min\"\n  (input)=\"onInput($event)\"\n  [pTooltip]=\"tooltip\"\n  [type]=\"type\"\n  [tooltipPosition]=\"tooltipPosition\"\n  [ngClass]=\"class + ' lib-input-field'\"\n  autocomplete=\"new-password\"\n  [style]=\"style\"\n/>\n", styles: ["::ng-deep .lib-input-field{border-radius:30px;margin-top:.2rem}.error-asterisk{color:red}\n"] }]
+            args: [{ selector: 'atomix-form-input', template: "<label *ngIf=\"label\" [for]=\"controlName\" class=\"ml-2\"\n  >{{ label }} <span *ngIf=\"isLabelRequired\" class=\"error-asterisk\">*</span\n  ><i\n    *ngIf=\"isLabelIconRequired\"\n    [class]=\"isLabelIconData?.iconClass + ' ml-2'\"\n    [pTooltip]=\"isLabelIconData?.tooltip\"\n  ></i\n></label>\n<div class=\"input-wrapper\">\n  <input\n    pInputText\n    [id]=\"controlName\"\n    [formControl]=\"control\"\n    [placeholder]=\"placeholder\"\n    [maxlength]=\"max\"\n    [min]=\"min\"\n    (input)=\"onInput($event)\"\n    [pTooltip]=\"tooltip\"\n    [type]=\"type\"\n    [tooltipPosition]=\"tooltipPosition\"\n    [ngClass]=\"class + ' lib-input-field' + (buttonText ? ' with-button' : '')\"\n    autocomplete=\"new-password\"\n    [style]=\"style\"\n  />\n  <button *ngIf=\"buttonText\" (click)=\"buttonClick.emit()\" class=\"inline-button\">{{ buttonText }}</button>\n</div>\n", styles: ["::ng-deep .lib-input-field{border-radius:30px;margin-top:.2rem}::ng-deep .lib-input-field.with-button{padding-right:6rem}.error-asterisk{color:red}.input-wrapper{position:relative}.inline-button{position:absolute;right:5px;background-color:transparent;color:#63b77e;font-weight:700;border:none;cursor:pointer;font-size:.875rem;height:95%;margin-top:.2rem;border-left:1px solid grey}.inline-button:focus{outline:none}.inline-button:hover{background-color:transparent}\n"] }]
         }], propDecorators: { controlName: [{
                 type: Input
             }], form: [{
@@ -1868,8 +1870,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 type: Input
             }], tooltipPosition: [{
                 type: Input
+            }], buttonText: [{
+                type: Input
             }], changeValueHandler: [{
                 type: Output
+            }], buttonClick: [{
+                type: Output
             }] } });
 class AtomixFormInputmaskComponent {
@@ -2281,6 +2287,8 @@ class AtomixSearchDropdownComponent {
     dropdownIsLabelRequired = false;
     dropdownStyleClass = '';
     dropdownName = '';
+    label = '';
+    isLabelRequired = false;
     containerClass = 'billing-input-column-container search-filter-container';
     searchValueChange = new EventEmitter();
     dropdownValueChange = new EventEmitter();
@@ -2328,11 +2336,11 @@ class AtomixSearchDropdownComponent {
         this.searchInputEl?.nativeElement?.focus();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AtomixSearchDropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", 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", containerClass: "containerClass" }, outputs: { searchValueChange: "searchValueChange", dropdownValueChange: "dropdownValueChange", dropdownFilterChange: "dropdownFilterChange" }, viewQueries: [{ propertyName: "searchInputEl", first: true, predicate: ["searchInputEl"], descendants: true }], ngImport: i0, template: "<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    [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}.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}\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.13", 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    [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"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AtomixSearchDropdownComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'atomix-search-dropdown', template: "<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    [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}.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}\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    [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"] }]
         }], ctorParameters: () => [], propDecorators: { searchInputEl: [{
                 type: ViewChild,
                 args: ['searchInputEl']
@@ -2378,6 +2386,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 type: Input
             }], dropdownName: [{
                 type: Input
+            }], label: [{
+                type: Input
+            }], isLabelRequired: [{
+                type: Input
             }], containerClass: [{
                 type: Input
             }], searchValueChange: [{