primekit 1.0.10 → 1.0.12

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

@@ -0,0 +1,80 @@
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "primeng/inputtext";
+import * as i3 from "@angular/forms";
+import * as i4 from "primeng/tooltip";
+export class AtomixFormInputComponent {
+    controlName;
+    form;
+    label = '';
+    max;
+    min;
+    placeholder = '';
+    type = 'text';
+    tooltip;
+    class;
+    style;
+    isLabelIconData = {
+        iconClass: '',
+        tooltip: '',
+    };
+    isLabelIconRequired = false;
+    isLabelRequired = false;
+    tooltipPosition = 'bottom';
+    buttonText = '';
+    buttonType = 'button';
+    changeValueHandler = new EventEmitter();
+    buttonClick = new EventEmitter();
+    get control() {
+        return this.form.get(this.controlName);
+    }
+    onInput(event) {
+        console.log(this.buttonType);
+        const input = event.target;
+        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", buttonText: "buttonText", buttonType: "buttonType" }, outputs: { changeValueHandler: "changeValueHandler", buttonClick: "buttonClick" }, ngImport: i0, template: "<label *ngIf=\"label\" [for]=\"controlName\"\r\n  >{{ label }} <span *ngIf=\"isLabelRequired\" class=\"error-asterisk\">*</span\r\n  ><i\r\n    *ngIf=\"isLabelIconRequired\"\r\n    [class]=\"isLabelIconData?.iconClass + ' ml-2'\"\r\n    [pTooltip]=\"isLabelIconData?.tooltip\"\r\n  ></i\r\n></label>\r\n<div class=\"input-wrapper\">\r\n  <input\r\n    pInputText\r\n    [id]=\"controlName\"\r\n    [formControl]=\"control\"\r\n    [placeholder]=\"placeholder\"\r\n    [maxlength]=\"max\"\r\n    [min]=\"min\"\r\n    (input)=\"onInput($event)\"\r\n    [pTooltip]=\"tooltip\"\r\n    [type]=\"type\"\r\n    [tooltipPosition]=\"tooltipPosition\"\r\n    [ngClass]=\"class + ' lib-input-field' + (buttonText ? ' with-button' : '')\"\r\n    autocomplete=\"new-password\"\r\n    [style]=\"style\"\r\n  />\r\n  <button\r\n    *ngIf=\"buttonText\"\r\n    (click)=\"buttonClick.emit()\"\r\n    class=\"inline-button\"\r\n    [type]=\"buttonType\"\r\n  >\r\n    {{ buttonText }}\r\n  </button>\r\n</div>\r\n", styles: ["::ng-deep .lib-input-field{border-radius:var(--global-border-radius);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\"\r\n  >{{ label }} <span *ngIf=\"isLabelRequired\" class=\"error-asterisk\">*</span\r\n  ><i\r\n    *ngIf=\"isLabelIconRequired\"\r\n    [class]=\"isLabelIconData?.iconClass + ' ml-2'\"\r\n    [pTooltip]=\"isLabelIconData?.tooltip\"\r\n  ></i\r\n></label>\r\n<div class=\"input-wrapper\">\r\n  <input\r\n    pInputText\r\n    [id]=\"controlName\"\r\n    [formControl]=\"control\"\r\n    [placeholder]=\"placeholder\"\r\n    [maxlength]=\"max\"\r\n    [min]=\"min\"\r\n    (input)=\"onInput($event)\"\r\n    [pTooltip]=\"tooltip\"\r\n    [type]=\"type\"\r\n    [tooltipPosition]=\"tooltipPosition\"\r\n    [ngClass]=\"class + ' lib-input-field' + (buttonText ? ' with-button' : '')\"\r\n    autocomplete=\"new-password\"\r\n    [style]=\"style\"\r\n  />\r\n  <button\r\n    *ngIf=\"buttonText\"\r\n    (click)=\"buttonClick.emit()\"\r\n    class=\"inline-button\"\r\n    [type]=\"buttonType\"\r\n  >\r\n    {{ buttonText }}\r\n  </button>\r\n</div>\r\n", styles: ["::ng-deep .lib-input-field{border-radius:var(--global-border-radius);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: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], max: [{
+                type: Input
+            }], min: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], type: [{
+                type: Input
+            }], tooltip: [{
+                type: Input
+            }], class: [{
+                type: Input
+            }], style: [{
+                type: Input
+            }], isLabelIconData: [{
+                type: Input
+            }], isLabelIconRequired: [{
+                type: Input
+            }], isLabelRequired: [{
+                type: Input
+            }], tooltipPosition: [{
+                type: Input
+            }], buttonText: [{
+                type: Input
+            }], buttonType: [{
+                type: Input
+            }], changeValueHandler: [{
+                type: Output
+            }], buttonClick: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXRvbWl4LWZvcm0taW5wdXQtY29tcG9uZW50LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3ByaW1la2l0L3NyYy9saWIvbGliL2F0b21peC1mb3JtL2F0b21peC1mb3JtLWlucHV0LWNvbXBvbmVudC9hdG9taXgtZm9ybS1pbnB1dC1jb21wb25lbnQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcHJpbWVraXQvc3JjL2xpYi9saWIvYXRvbWl4LWZvcm0vYXRvbWl4LWZvcm0taW5wdXQtY29tcG9uZW50L2F0b21peC1mb3JtLWlucHV0LWNvbXBvbmVudC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7Ozs7QUFTdkUsTUFBTSxPQUFPLHdCQUF3QjtJQUMxQixXQUFXLENBQVU7SUFDckIsSUFBSSxDQUFhO0lBQ2pCLEtBQUssR0FBRyxFQUFFLENBQUM7SUFDWCxHQUFHLENBQWlCO0lBQ3BCLEdBQUcsQ0FBVTtJQUNiLFdBQVcsR0FBRyxFQUFFLENBQUM7SUFDakIsSUFBSSxHQUFHLE1BQU0sQ0FBQztJQUNkLE9BQU8sQ0FBVTtJQUNqQixLQUFLLENBQVU7SUFDZixLQUFLLENBQU07SUFDWCxlQUFlLEdBQWtCO1FBQ3hDLFNBQVMsRUFBRSxFQUFFO1FBQ2IsT0FBTyxFQUFFLEVBQUU7S0FDWixDQUFDO0lBQ08sbUJBQW1CLEdBQVksS0FBSyxDQUFDO0lBQ3JDLGVBQWUsR0FBWSxLQUFLLENBQUM7SUFDakMsZUFBZSxHQUF3QyxRQUFRLENBQUM7SUFDaEUsVUFBVSxHQUFXLEVBQUUsQ0FBQztJQUN4QixVQUFVLEdBQXdCLFFBQVEsQ0FBQztJQUMxQyxrQkFBa0IsR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO0lBQ2hELFdBQVcsR0FBRyxJQUFJLFlBQVksRUFBUSxDQUFDO0lBRWpELElBQUksT0FBTztRQUNULE9BQU8sSUFBSSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBZ0IsQ0FBQztJQUN4RCxDQUFDO0lBQ0QsT0FBTyxDQUFDLEtBQVk7UUFDbEIsT0FBTyxDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLENBQUM7UUFDN0IsTUFBTSxLQUFLLEdBQUcsS0FBSyxDQUFDLE1BQTBCLENBQUM7UUFFL0MsSUFBSSxDQUFDLGtCQUFrQixDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDNUMsQ0FBQzt3R0EvQlUsd0JBQXdCOzRGQUF4Qix3QkFBd0Isb2hCQ1RyQyxxK0JBaUNBOzs0RkR4QmEsd0JBQXdCO2tCQUxwQyxTQUFTOytCQUNFLG1CQUFtQjs4QkFLcEIsV0FBVztzQkFBbkIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLEdBQUc7c0JBQVgsS0FBSztnQkFDRyxHQUFHO3NCQUFYLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csZUFBZTtzQkFBdkIsS0FBSztnQkFJRyxtQkFBbUI7c0JBQTNCLEtBQUs7Z0JBQ0csZUFBZTtzQkFBdkIsS0FBSztnQkFDRyxlQUFlO3NCQUF2QixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDSSxrQkFBa0I7c0JBQTNCLE1BQU07Z0JBQ0csV0FBVztzQkFBcEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IEZvcm1Db250cm9sLCBGb3JtR3JvdXAgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XHJcbmltcG9ydCB7IExhYmVsSWNvbkRhdGEgfSBmcm9tICcuLi9hdG9taXgtZm9ybS1jaGlwcy9mb3JtLmNoaXBzLm1vZGVscyc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2F0b21peC1mb3JtLWlucHV0JyxcclxuICB0ZW1wbGF0ZVVybDogJy4vYXRvbWl4LWZvcm0taW5wdXQtY29tcG9uZW50LmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9hdG9taXgtZm9ybS1pbnB1dC1jb21wb25lbnQuY29tcG9uZW50LnNjc3MnXSxcclxufSlcclxuZXhwb3J0IGNsYXNzIEF0b21peEZvcm1JbnB1dENvbXBvbmVudCB7XHJcbiAgQElucHV0KCkgY29udHJvbE5hbWUhOiBzdHJpbmc7XHJcbiAgQElucHV0KCkgZm9ybSE6IEZvcm1Hcm91cDtcclxuICBASW5wdXQoKSBsYWJlbCA9ICcnO1xyXG4gIEBJbnB1dCgpIG1heCE6IG51bWJlciB8IG51bGw7XHJcbiAgQElucHV0KCkgbWluITogbnVtYmVyO1xyXG4gIEBJbnB1dCgpIHBsYWNlaG9sZGVyID0gJyc7XHJcbiAgQElucHV0KCkgdHlwZSA9ICd0ZXh0JztcclxuICBASW5wdXQoKSB0b29sdGlwITogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIGNsYXNzITogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIHN0eWxlOiBhbnk7XHJcbiAgQElucHV0KCkgaXNMYWJlbEljb25EYXRhOiBMYWJlbEljb25EYXRhID0ge1xyXG4gICAgaWNvbkNsYXNzOiAnJyxcclxuICAgIHRvb2x0aXA6ICcnLFxyXG4gIH07XHJcbiAgQElucHV0KCkgaXNMYWJlbEljb25SZXF1aXJlZDogYm9vbGVhbiA9IGZhbHNlO1xyXG4gIEBJbnB1dCgpIGlzTGFiZWxSZXF1aXJlZDogYm9vbGVhbiA9IGZhbHNlO1xyXG4gIEBJbnB1dCgpIHRvb2x0aXBQb3NpdGlvbjogJ3JpZ2h0JyB8ICdsZWZ0JyB8ICd0b3AnIHwgJ2JvdHRvbScgPSAnYm90dG9tJztcclxuICBASW5wdXQoKSBidXR0b25UZXh0OiBzdHJpbmcgPSAnJztcclxuICBASW5wdXQoKSBidXR0b25UeXBlOiAnYnV0dG9uJyB8ICdzdWJtaXQnID0gJ2J1dHRvbic7XHJcbiAgQE91dHB1dCgpIGNoYW5nZVZhbHVlSGFuZGxlciA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nPigpO1xyXG4gIEBPdXRwdXQoKSBidXR0b25DbGljayA9IG5ldyBFdmVudEVtaXR0ZXI8dm9pZD4oKTtcclxuXHJcbiAgZ2V0IGNvbnRyb2woKSB7XHJcbiAgICByZXR1cm4gdGhpcy5mb3JtLmdldCh0aGlzLmNvbnRyb2xOYW1lKSBhcyBGb3JtQ29udHJvbDtcclxuICB9XHJcbiAgb25JbnB1dChldmVudDogRXZlbnQpOiB2b2lkIHtcclxuICAgIGNvbnNvbGUubG9nKHRoaXMuYnV0dG9uVHlwZSk7XHJcbiAgICBjb25zdCBpbnB1dCA9IGV2ZW50LnRhcmdldCBhcyBIVE1MSW5wdXRFbGVtZW50O1xyXG5cclxuICAgIHRoaXMuY2hhbmdlVmFsdWVIYW5kbGVyLmVtaXQoaW5wdXQudmFsdWUpO1xyXG4gIH1cclxufVxyXG4iLCI8bGFiZWwgKm5nSWY9XCJsYWJlbFwiIFtmb3JdPVwiY29udHJvbE5hbWVcIlxyXG4gID57eyBsYWJlbCB9fSA8c3BhbiAqbmdJZj1cImlzTGFiZWxSZXF1aXJlZFwiIGNsYXNzPVwiZXJyb3ItYXN0ZXJpc2tcIj4qPC9zcGFuXHJcbiAgPjxpXHJcbiAgICAqbmdJZj1cImlzTGFiZWxJY29uUmVxdWlyZWRcIlxyXG4gICAgW2NsYXNzXT1cImlzTGFiZWxJY29uRGF0YT8uaWNvbkNsYXNzICsgJyBtbC0yJ1wiXHJcbiAgICBbcFRvb2x0aXBdPVwiaXNMYWJlbEljb25EYXRhPy50b29sdGlwXCJcclxuICA+PC9pXHJcbj48L2xhYmVsPlxyXG48ZGl2IGNsYXNzPVwiaW5wdXQtd3JhcHBlclwiPlxyXG4gIDxpbnB1dFxyXG4gICAgcElucHV0VGV4dFxyXG4gICAgW2lkXT1cImNvbnRyb2xOYW1lXCJcclxuICAgIFtmb3JtQ29udHJvbF09XCJjb250cm9sXCJcclxuICAgIFtwbGFjZWhvbGRlcl09XCJwbGFjZWhvbGRlclwiXHJcbiAgICBbbWF4bGVuZ3RoXT1cIm1heFwiXHJcbiAgICBbbWluXT1cIm1pblwiXHJcbiAgICAoaW5wdXQpPVwib25JbnB1dCgkZXZlbnQpXCJcclxuICAgIFtwVG9vbHRpcF09XCJ0b29sdGlwXCJcclxuICAgIFt0eXBlXT1cInR5cGVcIlxyXG4gICAgW3Rvb2x0aXBQb3NpdGlvbl09XCJ0b29sdGlwUG9zaXRpb25cIlxyXG4gICAgW25nQ2xhc3NdPVwiY2xhc3MgKyAnIGxpYi1pbnB1dC1maWVsZCcgKyAoYnV0dG9uVGV4dCA/ICcgd2l0aC1idXR0b24nIDogJycpXCJcclxuICAgIGF1dG9jb21wbGV0ZT1cIm5ldy1wYXNzd29yZFwiXHJcbiAgICBbc3R5bGVdPVwic3R5bGVcIlxyXG4gIC8+XHJcbiAgPGJ1dHRvblxyXG4gICAgKm5nSWY9XCJidXR0b25UZXh0XCJcclxuICAgIChjbGljayk9XCJidXR0b25DbGljay5lbWl0KClcIlxyXG4gICAgY2xhc3M9XCJpbmxpbmUtYnV0dG9uXCJcclxuICAgIFt0eXBlXT1cImJ1dHRvblR5cGVcIlxyXG4gID5cclxuICAgIHt7IGJ1dHRvblRleHQgfX1cclxuICA8L2J1dHRvbj5cclxuPC9kaXY+XHJcbiJdfQ==

package/esm2022/lib/lib/atomix-form/atomix-form-inputmask-component/atomix-form-inputmask-component.component.mjs

@@ -0,0 +1,48 @@
+import { Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@angular/forms";
+import * as i3 from "primeng/tooltip";
+import * as i4 from "primeng/inputmask";
+export class AtomixFormInputmaskComponent {
+    controlName;
+    form;
+    mask = 'text';
+    label = '';
+    placeholder = '';
+    slotChar = '';
+    tooltip;
+    tooltipPosition = 'bottom';
+    isLabelRequired = false;
+    class;
+    get control() {
+        return this.form.get(this.controlName);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AtomixFormInputmaskComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: AtomixFormInputmaskComponent, selector: "atomix-form-inputmask", inputs: { controlName: "controlName", form: "form", mask: "mask", label: "label", placeholder: "placeholder", slotChar: "slotChar", tooltip: "tooltip", tooltipPosition: "tooltipPosition", isLabelRequired: "isLabelRequired", class: "class" }, ngImport: i0, template: "<label *ngIf=\"label\" [for]=\"controlName\"\r\n  >{{ label }}\r\n  <span *ngIf=\"isLabelRequired\" class=\"error-asterisk\">*</span></label\r\n>\r\n<p-inputMask\r\n  [formControl]=\"control\"\r\n  [id]=\"controlName\"\r\n  [mask]=\"mask\"\r\n  [placeholder]=\"placeholder\"\r\n  [pTooltip]=\"tooltip\"\r\n  [slotChar]=\"slotChar\"\r\n  [tooltipPosition]=\"tooltipPosition\"\r\n  [ngClass]=\"class\"\r\n/>\r\n", styles: [""], 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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { 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.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i4.InputMask, selector: "p-inputMask", inputs: ["type", "slotChar", "autoClear", "showClear", "style", "inputId", "styleClass", "placeholder", "size", "maxlength", "tabindex", "title", "variant", "ariaLabel", "ariaLabelledBy", "ariaRequired", "disabled", "readonly", "unmask", "name", "required", "characterPattern", "autofocus", "autoFocus", "autocomplete", "keepBuffer", "mask"], outputs: ["onComplete", "onFocus", "onBlur", "onInput", "onKeydown", "onClear"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AtomixFormInputmaskComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'atomix-form-inputmask', template: "<label *ngIf=\"label\" [for]=\"controlName\"\r\n  >{{ label }}\r\n  <span *ngIf=\"isLabelRequired\" class=\"error-asterisk\">*</span></label\r\n>\r\n<p-inputMask\r\n  [formControl]=\"control\"\r\n  [id]=\"controlName\"\r\n  [mask]=\"mask\"\r\n  [placeholder]=\"placeholder\"\r\n  [pTooltip]=\"tooltip\"\r\n  [slotChar]=\"slotChar\"\r\n  [tooltipPosition]=\"tooltipPosition\"\r\n  [ngClass]=\"class\"\r\n/>\r\n" }]
+        }], propDecorators: { controlName: [{
+                type: Input
+            }], form: [{
+                type: Input
+            }], mask: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], slotChar: [{
+                type: Input
+            }], tooltip: [{
+                type: Input
+            }], tooltipPosition: [{
+                type: Input
+            }], isLabelRequired: [{
+                type: Input
+            }], class: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXRvbWl4LWZvcm0taW5wdXRtYXNrLWNvbXBvbmVudC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9wcmltZWtpdC9zcmMvbGliL2xpYi9hdG9taXgtZm9ybS9hdG9taXgtZm9ybS1pbnB1dG1hc2stY29tcG9uZW50L2F0b21peC1mb3JtLWlucHV0bWFzay1jb21wb25lbnQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcHJpbWVraXQvc3JjL2xpYi9saWIvYXRvbWl4LWZvcm0vYXRvbWl4LWZvcm0taW5wdXRtYXNrLWNvbXBvbmVudC9hdG9taXgtZm9ybS1pbnB1dG1hc2stY29tcG9uZW50LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7Ozs7QUFRakQsTUFBTSxPQUFPLDRCQUE0QjtJQUM5QixXQUFXLENBQVU7SUFDckIsSUFBSSxDQUFhO0lBQ2pCLElBQUksR0FBRyxNQUFNLENBQUM7SUFDZCxLQUFLLEdBQUcsRUFBRSxDQUFDO0lBQ1gsV0FBVyxHQUFHLEVBQUUsQ0FBQztJQUNqQixRQUFRLEdBQUcsRUFBRSxDQUFDO0lBQ2QsT0FBTyxDQUFVO0lBQ2pCLGVBQWUsR0FBd0MsUUFBUSxDQUFDO0lBQ2hFLGVBQWUsR0FBWSxLQUFLLENBQUM7SUFDakMsS0FBSyxDQUFVO0lBRXhCLElBQUksT0FBTztRQUNULE9BQU8sSUFBSSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBZ0IsQ0FBQztJQUN4RCxDQUFDO3dHQWRVLDRCQUE0Qjs0RkFBNUIsNEJBQTRCLCtTQ1J6QywyWkFjQTs7NEZETmEsNEJBQTRCO2tCQUx4QyxTQUFTOytCQUNFLHVCQUF1Qjs4QkFLeEIsV0FBVztzQkFBbkIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNHLGVBQWU7c0JBQXZCLEtBQUs7Z0JBQ0csZUFBZTtzQkFBdkIsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IEZvcm1Db250cm9sLCBGb3JtR3JvdXAgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2F0b21peC1mb3JtLWlucHV0bWFzaycsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2F0b21peC1mb3JtLWlucHV0bWFzay1jb21wb25lbnQuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2F0b21peC1mb3JtLWlucHV0bWFzay1jb21wb25lbnQuY29tcG9uZW50LnNjc3MnXSxcclxufSlcclxuZXhwb3J0IGNsYXNzIEF0b21peEZvcm1JbnB1dG1hc2tDb21wb25lbnQge1xyXG4gIEBJbnB1dCgpIGNvbnRyb2xOYW1lITogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIGZvcm0hOiBGb3JtR3JvdXA7XHJcbiAgQElucHV0KCkgbWFzayA9ICd0ZXh0JztcclxuICBASW5wdXQoKSBsYWJlbCA9ICcnO1xyXG4gIEBJbnB1dCgpIHBsYWNlaG9sZGVyID0gJyc7XHJcbiAgQElucHV0KCkgc2xvdENoYXIgPSAnJztcclxuICBASW5wdXQoKSB0b29sdGlwITogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIHRvb2x0aXBQb3NpdGlvbjogJ3JpZ2h0JyB8ICdsZWZ0JyB8ICd0b3AnIHwgJ2JvdHRvbScgPSAnYm90dG9tJztcclxuICBASW5wdXQoKSBpc0xhYmVsUmVxdWlyZWQ6IGJvb2xlYW4gPSBmYWxzZTtcclxuICBASW5wdXQoKSBjbGFzcyE6IHN0cmluZztcclxuXHJcbiAgZ2V0IGNvbnRyb2woKSB7XHJcbiAgICByZXR1cm4gdGhpcy5mb3JtLmdldCh0aGlzLmNvbnRyb2xOYW1lKSBhcyBGb3JtQ29udHJvbDtcclxuICB9XHJcbn1cclxuIiwiPGxhYmVsICpuZ0lmPVwibGFiZWxcIiBbZm9yXT1cImNvbnRyb2xOYW1lXCJcclxuICA+e3sgbGFiZWwgfX1cclxuICA8c3BhbiAqbmdJZj1cImlzTGFiZWxSZXF1aXJlZFwiIGNsYXNzPVwiZXJyb3ItYXN0ZXJpc2tcIj4qPC9zcGFuPjwvbGFiZWxcclxuPlxyXG48cC1pbnB1dE1hc2tcclxuICBbZm9ybUNvbnRyb2xdPVwiY29udHJvbFwiXHJcbiAgW2lkXT1cImNvbnRyb2xOYW1lXCJcclxuICBbbWFza109XCJtYXNrXCJcclxuICBbcGxhY2Vob2xkZXJdPVwicGxhY2Vob2xkZXJcIlxyXG4gIFtwVG9vbHRpcF09XCJ0b29sdGlwXCJcclxuICBbc2xvdENoYXJdPVwic2xvdENoYXJcIlxyXG4gIFt0b29sdGlwUG9zaXRpb25dPVwidG9vbHRpcFBvc2l0aW9uXCJcclxuICBbbmdDbGFzc109XCJjbGFzc1wiXHJcbi8+XHJcbiJdfQ==

package/esm2022/lib/lib/atomix-form/atomix-form-password-component/atomix-form-password-component.component.mjs

@@ -0,0 +1,48 @@
+import { Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@angular/forms";
+import * as i3 from "primeng/tooltip";
+import * as i4 from "primeng/password";
+export class AtomixFormPasswordComponent {
+    controlName;
+    form;
+    label = '';
+    placeholder = '';
+    type = 'text';
+    tooltip;
+    class;
+    feedback = false;
+    isLabelRequired = false;
+    tooltipPosition = 'bottom';
+    get control() {
+        return this.form.get(this.controlName);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AtomixFormPasswordComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: AtomixFormPasswordComponent, selector: "atomix-form-password", inputs: { controlName: "controlName", form: "form", label: "label", placeholder: "placeholder", type: "type", tooltip: "tooltip", class: "class", feedback: "feedback", isLabelRequired: "isLabelRequired", tooltipPosition: "tooltipPosition" }, ngImport: i0, template: "<label *ngIf=\"label\" [for]=\"controlName\"\r\n  >{{ label }}\r\n  <span *ngIf=\"isLabelRequired\" class=\"error-asterisk\">*</span></label\r\n>\r\n<p-password\r\n  [id]=\"controlName\"\r\n  [formControl]=\"control\"\r\n  [placeholder]=\"placeholder\"\r\n  [pTooltip]=\"tooltip\"\r\n  [tooltipPosition]=\"tooltipPosition\"\r\n  [ngClass]=\"class\"\r\n  autocomplete=\"off\"\r\n  [feedback]=\"feedback\"\r\n  [toggleMask]=\"true\"\r\n  autocomplete=\"new-password\"\r\n/>\r\n", styles: [""], 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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { 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.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i4.Password, selector: "p-password", inputs: ["ariaLabel", "ariaLabelledBy", "label", "disabled", "promptLabel", "mediumRegex", "strongRegex", "weakLabel", "mediumLabel", "maxLength", "strongLabel", "inputId", "feedback", "appendTo", "toggleMask", "inputStyleClass", "styleClass", "style", "inputStyle", "showTransitionOptions", "hideTransitionOptions", "autocomplete", "placeholder", "showClear", "autofocus", "variant"], outputs: ["onFocus", "onBlur", "onClear"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AtomixFormPasswordComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'atomix-form-password', template: "<label *ngIf=\"label\" [for]=\"controlName\"\r\n  >{{ label }}\r\n  <span *ngIf=\"isLabelRequired\" class=\"error-asterisk\">*</span></label\r\n>\r\n<p-password\r\n  [id]=\"controlName\"\r\n  [formControl]=\"control\"\r\n  [placeholder]=\"placeholder\"\r\n  [pTooltip]=\"tooltip\"\r\n  [tooltipPosition]=\"tooltipPosition\"\r\n  [ngClass]=\"class\"\r\n  autocomplete=\"off\"\r\n  [feedback]=\"feedback\"\r\n  [toggleMask]=\"true\"\r\n  autocomplete=\"new-password\"\r\n/>\r\n" }]
+        }], propDecorators: { controlName: [{
+                type: Input
+            }], form: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], type: [{
+                type: Input
+            }], tooltip: [{
+                type: Input
+            }], class: [{
+                type: Input
+            }], feedback: [{
+                type: Input
+            }], isLabelRequired: [{
+                type: Input
+            }], tooltipPosition: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXRvbWl4LWZvcm0tcGFzc3dvcmQtY29tcG9uZW50LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3ByaW1la2l0L3NyYy9saWIvbGliL2F0b21peC1mb3JtL2F0b21peC1mb3JtLXBhc3N3b3JkLWNvbXBvbmVudC9hdG9taXgtZm9ybS1wYXNzd29yZC1jb21wb25lbnQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcHJpbWVraXQvc3JjL2xpYi9saWIvYXRvbWl4LWZvcm0vYXRvbWl4LWZvcm0tcGFzc3dvcmQtY29tcG9uZW50L2F0b21peC1mb3JtLXBhc3N3b3JkLWNvbXBvbmVudC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7O0FBUWpELE1BQU0sT0FBTywyQkFBMkI7SUFDN0IsV0FBVyxDQUFVO0lBQ3JCLElBQUksQ0FBYTtJQUNqQixLQUFLLEdBQUcsRUFBRSxDQUFDO0lBQ1gsV0FBVyxHQUFHLEVBQUUsQ0FBQztJQUNqQixJQUFJLEdBQUcsTUFBTSxDQUFDO0lBQ2QsT0FBTyxDQUFVO0lBQ2pCLEtBQUssQ0FBVTtJQUNmLFFBQVEsR0FBWSxLQUFLLENBQUM7SUFDMUIsZUFBZSxHQUFZLEtBQUssQ0FBQztJQUNqQyxlQUFlLEdBQXdDLFFBQVEsQ0FBQztJQUV6RSxJQUFJLE9BQU87UUFDVCxPQUFPLElBQUksQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxXQUFXLENBQWdCLENBQUM7SUFDeEQsQ0FBQzt3R0FkVSwyQkFBMkI7NEZBQTNCLDJCQUEyQiw4U0NSeEMsNmRBZ0JBOzs0RkRSYSwyQkFBMkI7a0JBTHZDLFNBQVM7K0JBQ0Usc0JBQXNCOzhCQUt2QixXQUFXO3NCQUFuQixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLGVBQWU7c0JBQXZCLEtBQUs7Z0JBQ0csZUFBZTtzQkFBdkIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgRm9ybUNvbnRyb2wsIEZvcm1Hcm91cCB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnYXRvbWl4LWZvcm0tcGFzc3dvcmQnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9hdG9taXgtZm9ybS1wYXNzd29yZC1jb21wb25lbnQuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2F0b21peC1mb3JtLXBhc3N3b3JkLWNvbXBvbmVudC5jb21wb25lbnQuc2NzcyddLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgQXRvbWl4Rm9ybVBhc3N3b3JkQ29tcG9uZW50IHtcclxuICBASW5wdXQoKSBjb250cm9sTmFtZSE6IHN0cmluZztcclxuICBASW5wdXQoKSBmb3JtITogRm9ybUdyb3VwO1xyXG4gIEBJbnB1dCgpIGxhYmVsID0gJyc7XHJcbiAgQElucHV0KCkgcGxhY2Vob2xkZXIgPSAnJztcclxuICBASW5wdXQoKSB0eXBlID0gJ3RleHQnO1xyXG4gIEBJbnB1dCgpIHRvb2x0aXAhOiBzdHJpbmc7XHJcbiAgQElucHV0KCkgY2xhc3MhOiBzdHJpbmc7XHJcbiAgQElucHV0KCkgZmVlZGJhY2s6IGJvb2xlYW4gPSBmYWxzZTtcclxuICBASW5wdXQoKSBpc0xhYmVsUmVxdWlyZWQ6IGJvb2xlYW4gPSBmYWxzZTtcclxuICBASW5wdXQoKSB0b29sdGlwUG9zaXRpb246ICdyaWdodCcgfCAnbGVmdCcgfCAndG9wJyB8ICdib3R0b20nID0gJ2JvdHRvbSc7XHJcblxyXG4gIGdldCBjb250cm9sKCkge1xyXG4gICAgcmV0dXJuIHRoaXMuZm9ybS5nZXQodGhpcy5jb250cm9sTmFtZSkgYXMgRm9ybUNvbnRyb2w7XHJcbiAgfVxyXG59XHJcbiIsIjxsYWJlbCAqbmdJZj1cImxhYmVsXCIgW2Zvcl09XCJjb250cm9sTmFtZVwiXHJcbiAgPnt7IGxhYmVsIH19XHJcbiAgPHNwYW4gKm5nSWY9XCJpc0xhYmVsUmVxdWlyZWRcIiBjbGFzcz1cImVycm9yLWFzdGVyaXNrXCI+Kjwvc3Bhbj48L2xhYmVsXHJcbj5cclxuPHAtcGFzc3dvcmRcclxuICBbaWRdPVwiY29udHJvbE5hbWVcIlxyXG4gIFtmb3JtQ29udHJvbF09XCJjb250cm9sXCJcclxuICBbcGxhY2Vob2xkZXJdPVwicGxhY2Vob2xkZXJcIlxyXG4gIFtwVG9vbHRpcF09XCJ0b29sdGlwXCJcclxuICBbdG9vbHRpcFBvc2l0aW9uXT1cInRvb2x0aXBQb3NpdGlvblwiXHJcbiAgW25nQ2xhc3NdPVwiY2xhc3NcIlxyXG4gIGF1dG9jb21wbGV0ZT1cIm9mZlwiXHJcbiAgW2ZlZWRiYWNrXT1cImZlZWRiYWNrXCJcclxuICBbdG9nZ2xlTWFza109XCJ0cnVlXCJcclxuICBhdXRvY29tcGxldGU9XCJuZXctcGFzc3dvcmRcIlxyXG4vPlxyXG4iXX0=

package/esm2022/lib/lib/atomix-form/atomix-form-radio-button/atomix-radio-button.component.mjs

@@ -0,0 +1,46 @@
+import { Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@angular/forms";
+import * as i3 from "primeng/tooltip";
+import * as i4 from "primeng/radiobutton";
+export class AtomixFormRadioButtonComponent {
+    controlName;
+    form;
+    value = { name: '', key: '' };
+    label = '';
+    isLabelRequired = false;
+    radioGroupOptions;
+    labelIconData = {
+        iconClass: '',
+        tooltip: '',
+        required: false,
+    };
+    radioButtonContainerClass = '';
+    get control() {
+        return this.form.get(this.controlName);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AtomixFormRadioButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: AtomixFormRadioButtonComponent, selector: "atomix-form-radio-group", inputs: { controlName: "controlName", form: "form", value: "value", label: "label", isLabelRequired: "isLabelRequired", radioGroupOptions: "radioGroupOptions", labelIconData: "labelIconData", radioButtonContainerClass: "radioButtonContainerClass" }, ngImport: i0, template: "<div>\r\n  <label *ngIf=\"label\" [for]=\"controlName\"\r\n    >{{ label }} <span *ngIf=\"isLabelRequired\" class=\"error-asterisk\">*</span>\r\n    <i\r\n      *ngIf=\"labelIconData?.required\"\r\n      [class]=\"labelIconData?.iconClass + ' ml-2'\"\r\n      [pTooltip]=\"labelIconData?.tooltip\"\r\n    ></i\r\n  ></label>\r\n</div>\r\n<div style=\"margin-top: 0.2rem\" [class]=\"radioButtonContainerClass\">\r\n  <span\r\n    *ngFor=\"let option of radioGroupOptions; let i = index\"\r\n    [ngClass]=\"{ indented: i > 0 }\"\r\n  >\r\n    <p-radioButton\r\n      [formControl]=\"control\"\r\n      [inputId]=\"controlName\"\r\n      [value]=\"option.key\"\r\n    ></p-radioButton>\r\n    <label [for]=\"controlName\" class=\"ml-2\">{{ option.name }}</label>\r\n  </span>\r\n</div>\r\n", styles: [".indented{margin-left:1rem}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { 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.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i4.RadioButton, selector: "p-radioButton", inputs: ["value", "formControlName", "name", "disabled", "label", "variant", "tabindex", "inputId", "ariaLabelledBy", "ariaLabel", "style", "styleClass", "labelStyleClass", "autofocus"], outputs: ["onClick", "onFocus", "onBlur"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AtomixFormRadioButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'atomix-form-radio-group', template: "<div>\r\n  <label *ngIf=\"label\" [for]=\"controlName\"\r\n    >{{ label }} <span *ngIf=\"isLabelRequired\" class=\"error-asterisk\">*</span>\r\n    <i\r\n      *ngIf=\"labelIconData?.required\"\r\n      [class]=\"labelIconData?.iconClass + ' ml-2'\"\r\n      [pTooltip]=\"labelIconData?.tooltip\"\r\n    ></i\r\n  ></label>\r\n</div>\r\n<div style=\"margin-top: 0.2rem\" [class]=\"radioButtonContainerClass\">\r\n  <span\r\n    *ngFor=\"let option of radioGroupOptions; let i = index\"\r\n    [ngClass]=\"{ indented: i > 0 }\"\r\n  >\r\n    <p-radioButton\r\n      [formControl]=\"control\"\r\n      [inputId]=\"controlName\"\r\n      [value]=\"option.key\"\r\n    ></p-radioButton>\r\n    <label [for]=\"controlName\" class=\"ml-2\">{{ option.name }}</label>\r\n  </span>\r\n</div>\r\n", styles: [".indented{margin-left:1rem}\n"] }]
+        }], propDecorators: { controlName: [{
+                type: Input
+            }], form: [{
+                type: Input
+            }], value: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], isLabelRequired: [{
+                type: Input
+            }], radioGroupOptions: [{
+                type: Input
+            }], labelIconData: [{
+                type: Input
+            }], radioButtonContainerClass: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXRvbWl4LXJhZGlvLWJ1dHRvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9wcmltZWtpdC9zcmMvbGliL2xpYi9hdG9taXgtZm9ybS9hdG9taXgtZm9ybS1yYWRpby1idXR0b24vYXRvbWl4LXJhZGlvLWJ1dHRvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9wcmltZWtpdC9zcmMvbGliL2xpYi9hdG9taXgtZm9ybS9hdG9taXgtZm9ybS1yYWRpby1idXR0b24vYXRvbWl4LXJhZGlvLWJ1dHRvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7O0FBU2pELE1BQU0sT0FBTyw4QkFBOEI7SUFDaEMsV0FBVyxDQUFVO0lBQ3JCLElBQUksQ0FBYTtJQUNqQixLQUFLLEdBQWtDLEVBQUUsSUFBSSxFQUFFLEVBQUUsRUFBRSxHQUFHLEVBQUUsRUFBRSxFQUFFLENBQUM7SUFDN0QsS0FBSyxHQUFHLEVBQUUsQ0FBQztJQUNYLGVBQWUsR0FBWSxLQUFLLENBQUM7SUFDakMsaUJBQWlCLENBQU87SUFDeEIsYUFBYSxHQUFrQjtRQUN0QyxTQUFTLEVBQUUsRUFBRTtRQUNiLE9BQU8sRUFBRSxFQUFFO1FBQ1gsUUFBUSxFQUFFLEtBQUs7S0FDaEIsQ0FBQztJQUNPLHlCQUF5QixHQUFHLEVBQUUsQ0FBQztJQUN4QyxJQUFJLE9BQU87UUFDVCxPQUFPLElBQUksQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxXQUFXLENBQWdCLENBQUM7SUFDeEQsQ0FBQzt3R0FmVSw4QkFBOEI7NEZBQTlCLDhCQUE4Qix5VENUM0MscXhCQXVCQTs7NEZEZGEsOEJBQThCO2tCQUwxQyxTQUFTOytCQUNFLHlCQUF5Qjs4QkFLMUIsV0FBVztzQkFBbkIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxlQUFlO3NCQUF2QixLQUFLO2dCQUNHLGlCQUFpQjtzQkFBekIsS0FBSztnQkFDRyxhQUFhO3NCQUFyQixLQUFLO2dCQUtHLHlCQUF5QjtzQkFBakMsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgRm9ybUNvbnRyb2wsIEZvcm1Hcm91cCB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcclxuaW1wb3J0IHsgTGFiZWxJY29uRGF0YSB9IGZyb20gJy4uL2F0b21peC1mb3JtLWNoaXBzL2Zvcm0uY2hpcHMubW9kZWxzJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnYXRvbWl4LWZvcm0tcmFkaW8tZ3JvdXAnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9hdG9taXgtcmFkaW8tYnV0dG9uLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9hdG9taXgtcmFkaW8tYnV0dG9uLmNvbXBvbmVudC5zY3NzJ10sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBBdG9taXhGb3JtUmFkaW9CdXR0b25Db21wb25lbnQge1xyXG4gIEBJbnB1dCgpIGNvbnRyb2xOYW1lITogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIGZvcm0hOiBGb3JtR3JvdXA7XHJcbiAgQElucHV0KCkgdmFsdWU6IHsgbmFtZTogc3RyaW5nOyBrZXk6IHN0cmluZyB9ID0geyBuYW1lOiAnJywga2V5OiAnJyB9O1xyXG4gIEBJbnB1dCgpIGxhYmVsID0gJyc7XHJcbiAgQElucHV0KCkgaXNMYWJlbFJlcXVpcmVkOiBib29sZWFuID0gZmFsc2U7XHJcbiAgQElucHV0KCkgcmFkaW9Hcm91cE9wdGlvbnMhOiBhbnk7XHJcbiAgQElucHV0KCkgbGFiZWxJY29uRGF0YTogTGFiZWxJY29uRGF0YSA9IHtcclxuICAgIGljb25DbGFzczogJycsXHJcbiAgICB0b29sdGlwOiAnJyxcclxuICAgIHJlcXVpcmVkOiBmYWxzZSxcclxuICB9O1xyXG4gIEBJbnB1dCgpIHJhZGlvQnV0dG9uQ29udGFpbmVyQ2xhc3MgPSAnJztcclxuICBnZXQgY29udHJvbCgpIHtcclxuICAgIHJldHVybiB0aGlzLmZvcm0uZ2V0KHRoaXMuY29udHJvbE5hbWUpIGFzIEZvcm1Db250cm9sO1xyXG4gIH1cclxufVxyXG4iLCI8ZGl2PlxyXG4gIDxsYWJlbCAqbmdJZj1cImxhYmVsXCIgW2Zvcl09XCJjb250cm9sTmFtZVwiXHJcbiAgICA+e3sgbGFiZWwgfX0gPHNwYW4gKm5nSWY9XCJpc0xhYmVsUmVxdWlyZWRcIiBjbGFzcz1cImVycm9yLWFzdGVyaXNrXCI+Kjwvc3Bhbj5cclxuICAgIDxpXHJcbiAgICAgICpuZ0lmPVwibGFiZWxJY29uRGF0YT8ucmVxdWlyZWRcIlxyXG4gICAgICBbY2xhc3NdPVwibGFiZWxJY29uRGF0YT8uaWNvbkNsYXNzICsgJyBtbC0yJ1wiXHJcbiAgICAgIFtwVG9vbHRpcF09XCJsYWJlbEljb25EYXRhPy50b29sdGlwXCJcclxuICAgID48L2lcclxuICA+PC9sYWJlbD5cclxuPC9kaXY+XHJcbjxkaXYgc3R5bGU9XCJtYXJnaW4tdG9wOiAwLjJyZW1cIiBbY2xhc3NdPVwicmFkaW9CdXR0b25Db250YWluZXJDbGFzc1wiPlxyXG4gIDxzcGFuXHJcbiAgICAqbmdGb3I9XCJsZXQgb3B0aW9uIG9mIHJhZGlvR3JvdXBPcHRpb25zOyBsZXQgaSA9IGluZGV4XCJcclxuICAgIFtuZ0NsYXNzXT1cInsgaW5kZW50ZWQ6IGkgPiAwIH1cIlxyXG4gID5cclxuICAgIDxwLXJhZGlvQnV0dG9uXHJcbiAgICAgIFtmb3JtQ29udHJvbF09XCJjb250cm9sXCJcclxuICAgICAgW2lucHV0SWRdPVwiY29udHJvbE5hbWVcIlxyXG4gICAgICBbdmFsdWVdPVwib3B0aW9uLmtleVwiXHJcbiAgICA+PC9wLXJhZGlvQnV0dG9uPlxyXG4gICAgPGxhYmVsIFtmb3JdPVwiY29udHJvbE5hbWVcIiBjbGFzcz1cIm1sLTJcIj57eyBvcHRpb24ubmFtZSB9fTwvbGFiZWw+XHJcbiAgPC9zcGFuPlxyXG48L2Rpdj5cclxuIl19

package/esm2022/lib/lib/atomix-form/atomix-form-textarea/atomix-form-textarea.component.mjs

@@ -0,0 +1,46 @@
+import { Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@angular/forms";
+export class AtomixFormTextareaComponent {
+    controlName;
+    form;
+    label = '';
+    rows = 5;
+    cols = 30;
+    placeholder = '';
+    disabled = false;
+    class;
+    isLabelRequired = false;
+    height = '';
+    get control() {
+        return this.form.get(this.controlName);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AtomixFormTextareaComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: AtomixFormTextareaComponent, selector: "atomix-form-textarea", inputs: { controlName: "controlName", form: "form", label: "label", rows: "rows", cols: "cols", placeholder: "placeholder", disabled: "disabled", class: "class", isLabelRequired: "isLabelRequired", height: "height" }, ngImport: i0, template: "<label *ngIf=\"label\"\r\n  >{{ label }}\r\n  <span *ngIf=\"isLabelRequired\" class=\"error-asterisk\">*</span></label\r\n>\r\n<textarea\r\n  variant=\"filled\"\r\n  pInputTextarea\r\n  [rows]=\"rows\"\r\n  [id]=\"controlName\"\r\n  [cols]=\"cols\"\r\n  [ngClass]=\"class + ' atomix-form-textarea'\"\r\n  [disabled]=\"disabled\"\r\n  autocomplete=\"new-password\"\r\n  [formControl]=\"control\"\r\n  [placeholder]=\"placeholder\"\r\n  [style.height]=\"height\"\r\n></textarea>\r\n", styles: ["::ng-deep .atomix-form-textarea{border-radius:var(--global-border-radius);margin-top:.2rem;font-family:Inter var,sans-serif;padding:.5rem}\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.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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AtomixFormTextareaComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'atomix-form-textarea', template: "<label *ngIf=\"label\"\r\n  >{{ label }}\r\n  <span *ngIf=\"isLabelRequired\" class=\"error-asterisk\">*</span></label\r\n>\r\n<textarea\r\n  variant=\"filled\"\r\n  pInputTextarea\r\n  [rows]=\"rows\"\r\n  [id]=\"controlName\"\r\n  [cols]=\"cols\"\r\n  [ngClass]=\"class + ' atomix-form-textarea'\"\r\n  [disabled]=\"disabled\"\r\n  autocomplete=\"new-password\"\r\n  [formControl]=\"control\"\r\n  [placeholder]=\"placeholder\"\r\n  [style.height]=\"height\"\r\n></textarea>\r\n", styles: ["::ng-deep .atomix-form-textarea{border-radius:var(--global-border-radius);margin-top:.2rem;font-family:Inter var,sans-serif;padding:.5rem}\n"] }]
+        }], propDecorators: { controlName: [{
+                type: Input
+            }], form: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], rows: [{
+                type: Input
+            }], cols: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], class: [{
+                type: Input
+            }], isLabelRequired: [{
+                type: Input
+            }], height: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXRvbWl4LWZvcm0tdGV4dGFyZWEuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcHJpbWVraXQvc3JjL2xpYi9saWIvYXRvbWl4LWZvcm0vYXRvbWl4LWZvcm0tdGV4dGFyZWEvYXRvbWl4LWZvcm0tdGV4dGFyZWEuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcHJpbWVraXQvc3JjL2xpYi9saWIvYXRvbWl4LWZvcm0vYXRvbWl4LWZvcm0tdGV4dGFyZWEvYXRvbWl4LWZvcm0tdGV4dGFyZWEuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7QUFRakQsTUFBTSxPQUFPLDJCQUEyQjtJQUM3QixXQUFXLENBQVU7SUFDckIsSUFBSSxDQUFhO0lBQ2pCLEtBQUssR0FBRyxFQUFFLENBQUM7SUFDWCxJQUFJLEdBQVcsQ0FBQyxDQUFDO0lBQ2pCLElBQUksR0FBVyxFQUFFLENBQUM7SUFDbEIsV0FBVyxHQUFHLEVBQUUsQ0FBQztJQUNqQixRQUFRLEdBQVksS0FBSyxDQUFDO0lBQzFCLEtBQUssQ0FBVTtJQUNmLGVBQWUsR0FBWSxLQUFLLENBQUM7SUFDakMsTUFBTSxHQUFXLEVBQUUsQ0FBQztJQUU3QixJQUFJLE9BQU87UUFDVCxPQUFPLElBQUksQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxXQUFXLENBQWdCLENBQUM7SUFDeEQsQ0FBQzt3R0FkVSwyQkFBMkI7NEZBQTNCLDJCQUEyQixzUkNSeEMsa2VBaUJBOzs0RkRUYSwyQkFBMkI7a0JBTHZDLFNBQVM7K0JBQ0Usc0JBQXNCOzhCQUt2QixXQUFXO3NCQUFuQixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLGVBQWU7c0JBQXZCLEtBQUs7Z0JBQ0csTUFBTTtzQkFBZCxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBGb3JtQ29udHJvbCwgRm9ybUdyb3VwIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdhdG9taXgtZm9ybS10ZXh0YXJlYScsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2F0b21peC1mb3JtLXRleHRhcmVhLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9hdG9taXgtZm9ybS10ZXh0YXJlYS5jb21wb25lbnQuc2NzcyddLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgQXRvbWl4Rm9ybVRleHRhcmVhQ29tcG9uZW50IHtcclxuICBASW5wdXQoKSBjb250cm9sTmFtZSE6IHN0cmluZztcclxuICBASW5wdXQoKSBmb3JtITogRm9ybUdyb3VwO1xyXG4gIEBJbnB1dCgpIGxhYmVsID0gJyc7XHJcbiAgQElucHV0KCkgcm93czogbnVtYmVyID0gNTtcclxuICBASW5wdXQoKSBjb2xzOiBudW1iZXIgPSAzMDtcclxuICBASW5wdXQoKSBwbGFjZWhvbGRlciA9ICcnO1xyXG4gIEBJbnB1dCgpIGRpc2FibGVkOiBib29sZWFuID0gZmFsc2U7XHJcbiAgQElucHV0KCkgY2xhc3MhOiBzdHJpbmc7XHJcbiAgQElucHV0KCkgaXNMYWJlbFJlcXVpcmVkOiBib29sZWFuID0gZmFsc2U7XHJcbiAgQElucHV0KCkgaGVpZ2h0OiBzdHJpbmcgPSAnJztcclxuXHJcbiAgZ2V0IGNvbnRyb2woKSB7XHJcbiAgICByZXR1cm4gdGhpcy5mb3JtLmdldCh0aGlzLmNvbnRyb2xOYW1lKSBhcyBGb3JtQ29udHJvbDtcclxuICB9XHJcbn1cclxuIiwiPGxhYmVsICpuZ0lmPVwibGFiZWxcIlxyXG4gID57eyBsYWJlbCB9fVxyXG4gIDxzcGFuICpuZ0lmPVwiaXNMYWJlbFJlcXVpcmVkXCIgY2xhc3M9XCJlcnJvci1hc3Rlcmlza1wiPio8L3NwYW4+PC9sYWJlbFxyXG4+XHJcbjx0ZXh0YXJlYVxyXG4gIHZhcmlhbnQ9XCJmaWxsZWRcIlxyXG4gIHBJbnB1dFRleHRhcmVhXHJcbiAgW3Jvd3NdPVwicm93c1wiXHJcbiAgW2lkXT1cImNvbnRyb2xOYW1lXCJcclxuICBbY29sc109XCJjb2xzXCJcclxuICBbbmdDbGFzc109XCJjbGFzcyArICcgYXRvbWl4LWZvcm0tdGV4dGFyZWEnXCJcclxuICBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIlxyXG4gIGF1dG9jb21wbGV0ZT1cIm5ldy1wYXNzd29yZFwiXHJcbiAgW2Zvcm1Db250cm9sXT1cImNvbnRyb2xcIlxyXG4gIFtwbGFjZWhvbGRlcl09XCJwbGFjZWhvbGRlclwiXHJcbiAgW3N0eWxlLmhlaWdodF09XCJoZWlnaHRcIlxyXG4+PC90ZXh0YXJlYT5cclxuIl19

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

@@ -0,0 +1,94 @@
+import { Component, Input, Output, EventEmitter, ViewChild, } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "primeng/inputtext";
+export class AtomixInputComponent {
+    inputEl;
+    value = '';
+    name = '';
+    type = 'text';
+    placeholder = '';
+    valueChange = new EventEmitter();
+    withSearchIcon = false;
+    searchIconPosition = 'right';
+    iconName = '';
+    containerClass = '';
+    class = '';
+    disabled = false;
+    isCrossRequired = true;
+    label = '';
+    isLabelRequired = false;
+    autofocus = false;
+    changeValueHandler = new EventEmitter();
+    ngAfterViewInit() {
+        if (this.autofocus) {
+            // Timeout ensures input is available in the DOM
+            setTimeout(() => this.inputEl?.nativeElement?.focus());
+        }
+    }
+    onInput(event) {
+        const input = event.target;
+        this.value = input.value;
+        this.changeValueHandler.emit(this.value);
+    }
+    onEnter() {
+        this.valueChange.emit(this.value);
+    }
+    clearValue() {
+        this.value = '';
+        this.changeValueHandler.emit(this.value);
+        this.onEnter();
+    }
+    onSearchClear(event) {
+        const input = event.target;
+        if (input.value === '') {
+            this.value = '';
+            this.valueChange.emit('');
+        }
+    }
+    focus() {
+        this.inputEl?.nativeElement?.focus();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AtomixInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", 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\"\r\n  >{{ label }}\r\n  <span *ngIf=\"isLabelRequired\" class=\"lib-error-asterisk\">*</span></label\r\n>\r\n\r\n<i\r\n  class=\"pi pi-search search-icon\"\r\n  [ngClass]=\"\r\n    (searchIconPosition === 'left' ? 'search-icon-left' : 'search-icon-right') +\r\n    (label ? ' with-label' : '')\r\n  \"\r\n  *ngIf=\"withSearchIcon\"\r\n  (click)=\"onEnter()\"\r\n></i>\r\n\r\n<input\r\n  [id]=\"name\"\r\n  type=\"text\"\r\n  pInputText\r\n  [value]=\"value\"\r\n  [attr.placeholder]=\"placeholder\"\r\n  (input)=\"onInput($event)\"\r\n  (keydown.enter)=\"onEnter()\"\r\n  [ngClass]=\"\r\n    class +\r\n    ' lib-input-field' +\r\n    (withSearchIcon ? ' with-search-icon-' + searchIconPosition : '') +\r\n    (isCrossRequired ? ' with-cross-icon' : '')\r\n  \"\r\n  autocomplete=\"new-password\"\r\n  [disabled]=\"disabled\"\r\n  [type]=\"type\"\r\n  #inputEl\r\n/>\r\n<i\r\n  class=\"pi pi-times filter-dropdown-icon\"\r\n  [ngClass]=\"\r\n    (withSearchIcon && searchIconPosition === 'right'\r\n      ? 'filter-dropdown-icon-left'\r\n      : '') + (label ? ' with-label' : '')\r\n  \"\r\n  style=\"cursor: pointer\"\r\n  (click)=\"clearValue()\"\r\n  *ngIf=\"isCrossRequired && value !== ''\"\r\n></i>\r\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:var(--primary-text-color)!important;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:var(--global-border-radius)}\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.13", ngImport: i0, type: AtomixInputComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'atomix-input', template: "<label *ngIf=\"label\" for=\"name\"\r\n  >{{ label }}\r\n  <span *ngIf=\"isLabelRequired\" class=\"lib-error-asterisk\">*</span></label\r\n>\r\n\r\n<i\r\n  class=\"pi pi-search search-icon\"\r\n  [ngClass]=\"\r\n    (searchIconPosition === 'left' ? 'search-icon-left' : 'search-icon-right') +\r\n    (label ? ' with-label' : '')\r\n  \"\r\n  *ngIf=\"withSearchIcon\"\r\n  (click)=\"onEnter()\"\r\n></i>\r\n\r\n<input\r\n  [id]=\"name\"\r\n  type=\"text\"\r\n  pInputText\r\n  [value]=\"value\"\r\n  [attr.placeholder]=\"placeholder\"\r\n  (input)=\"onInput($event)\"\r\n  (keydown.enter)=\"onEnter()\"\r\n  [ngClass]=\"\r\n    class +\r\n    ' lib-input-field' +\r\n    (withSearchIcon ? ' with-search-icon-' + searchIconPosition : '') +\r\n    (isCrossRequired ? ' with-cross-icon' : '')\r\n  \"\r\n  autocomplete=\"new-password\"\r\n  [disabled]=\"disabled\"\r\n  [type]=\"type\"\r\n  #inputEl\r\n/>\r\n<i\r\n  class=\"pi pi-times filter-dropdown-icon\"\r\n  [ngClass]=\"\r\n    (withSearchIcon && searchIconPosition === 'right'\r\n      ? 'filter-dropdown-icon-left'\r\n      : '') + (label ? ' with-label' : '')\r\n  \"\r\n  style=\"cursor: pointer\"\r\n  (click)=\"clearValue()\"\r\n  *ngIf=\"isCrossRequired && value !== ''\"\r\n></i>\r\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:var(--primary-text-color)!important;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:var(--global-border-radius)}\n"] }]
+        }], propDecorators: { inputEl: [{
+                type: ViewChild,
+                args: ['inputEl']
+            }], value: [{
+                type: Input
+            }], name: [{
+                type: Input
+            }], type: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], valueChange: [{
+                type: Output
+            }], withSearchIcon: [{
+                type: Input
+            }], searchIconPosition: [{
+                type: Input
+            }], iconName: [{
+                type: Input
+            }], containerClass: [{
+                type: Input
+            }], class: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], isCrossRequired: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], isLabelRequired: [{
+                type: Input
+            }], autofocus: [{
+                type: Input
+            }], changeValueHandler: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXRvbWl4LWlucHV0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3ByaW1la2l0L3NyYy9saWIvbGliL2F0b21peC1pbnB1dC9hdG9taXgtaW5wdXQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcHJpbWVraXQvc3JjL2xpYi9saWIvYXRvbWl4LWlucHV0L2F0b21peC1pbnB1dC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUNULEtBQUssRUFDTCxNQUFNLEVBQ04sWUFBWSxFQUVaLFNBQVMsR0FDVixNQUFNLGVBQWUsQ0FBQzs7OztBQU92QixNQUFNLE9BQU8sb0JBQW9CO0lBQ1QsT0FBTyxDQUFnQztJQUNwRCxLQUFLLEdBQVcsRUFBRSxDQUFDO0lBQ25CLElBQUksR0FBVyxFQUFFLENBQUM7SUFDbEIsSUFBSSxHQUFXLE1BQU0sQ0FBQztJQUN0QixXQUFXLEdBQVcsRUFBRSxDQUFDO0lBQ3hCLFdBQVcsR0FBRyxJQUFJLFlBQVksRUFBVSxDQUFDO0lBQzFDLGNBQWMsR0FBWSxLQUFLLENBQUM7SUFDaEMsa0JBQWtCLEdBQXFCLE9BQU8sQ0FBQztJQUMvQyxRQUFRLEdBQVcsRUFBRSxDQUFDO0lBQ3RCLGNBQWMsR0FBVyxFQUFFLENBQUM7SUFDNUIsS0FBSyxHQUFXLEVBQUUsQ0FBQztJQUNuQixRQUFRLEdBQVksS0FBSyxDQUFDO0lBQzFCLGVBQWUsR0FBWSxJQUFJLENBQUM7SUFDaEMsS0FBSyxHQUFXLEVBQUUsQ0FBQztJQUNuQixlQUFlLEdBQVksS0FBSyxDQUFDO0lBQ2pDLFNBQVMsR0FBWSxLQUFLLENBQUM7SUFDMUIsa0JBQWtCLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztJQUUxRCxlQUFlO1FBQ2IsSUFBSSxJQUFJLENBQUMsU0FBUyxFQUFFLENBQUM7WUFDbkIsZ0RBQWdEO1lBQ2hELFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMsT0FBTyxFQUFFLGFBQWEsRUFBRSxLQUFLLEVBQUUsQ0FBQyxDQUFDO1FBQ3pELENBQUM7SUFDSCxDQUFDO0lBRUQsT0FBTyxDQUFDLEtBQVk7UUFDbEIsTUFBTSxLQUFLLEdBQUcsS0FBSyxDQUFDLE1BQTBCLENBQUM7UUFDL0MsSUFBSSxDQUFDLEtBQUssR0FBRyxLQUFLLENBQUMsS0FBSyxDQUFDO1FBQ3pCLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQzNDLENBQUM7SUFDRCxPQUFPO1FBQ0wsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ3BDLENBQUM7SUFDRCxVQUFVO1FBQ1IsSUFBSSxDQUFDLEtBQUssR0FBRyxFQUFFLENBQUM7UUFDaEIsSUFBSSxDQUFDLGtCQUFrQixDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDekMsSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFDO0lBQ2pCLENBQUM7SUFDRCxhQUFhLENBQUMsS0FBWTtRQUN4QixNQUFNLEtBQUssR0FBRyxLQUFLLENBQUMsTUFBMEIsQ0FBQztRQUMvQyxJQUFJLEtBQUssQ0FBQyxLQUFLLEtBQUssRUFBRSxFQUFFLENBQUM7WUFDdkIsSUFBSSxDQUFDLEtBQUssR0FBRyxFQUFFLENBQUM7WUFDaEIsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsRUFBRSxDQUFDLENBQUM7UUFDNUIsQ0FBQztJQUNILENBQUM7SUFDRCxLQUFLO1FBQ0gsSUFBSSxDQUFDLE9BQU8sRUFBRSxhQUFhLEVBQUUsS0FBSyxFQUFFLENBQUM7SUFDdkMsQ0FBQzt3R0FoRFUsb0JBQW9COzRGQUFwQixvQkFBb0IseWxCQ2RqQyw4dENBNkNBOzs0RkQvQmEsb0JBQW9CO2tCQUxoQyxTQUFTOytCQUNFLGNBQWM7OEJBS0YsT0FBTztzQkFBNUIsU0FBUzt1QkFBQyxTQUFTO2dCQUNYLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0ksV0FBVztzQkFBcEIsTUFBTTtnQkFDRSxjQUFjO3NCQUF0QixLQUFLO2dCQUNHLGtCQUFrQjtzQkFBMUIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLGNBQWM7c0JBQXRCLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csZUFBZTtzQkFBdkIsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csZUFBZTtzQkFBdkIsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNJLGtCQUFrQjtzQkFBM0IsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XHJcbiAgQ29tcG9uZW50LFxyXG4gIElucHV0LFxyXG4gIE91dHB1dCxcclxuICBFdmVudEVtaXR0ZXIsXHJcbiAgRWxlbWVudFJlZixcclxuICBWaWV3Q2hpbGQsXHJcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ2F0b21peC1pbnB1dCcsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2F0b21peC1pbnB1dC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vYXRvbWl4LWlucHV0LmNvbXBvbmVudC5jc3MnXSxcclxufSlcclxuZXhwb3J0IGNsYXNzIEF0b21peElucHV0Q29tcG9uZW50IHtcclxuICBAVmlld0NoaWxkKCdpbnB1dEVsJykgaW5wdXRFbCE6IEVsZW1lbnRSZWY8SFRNTElucHV0RWxlbWVudD47XHJcbiAgQElucHV0KCkgdmFsdWU6IHN0cmluZyA9ICcnO1xyXG4gIEBJbnB1dCgpIG5hbWU6IHN0cmluZyA9ICcnO1xyXG4gIEBJbnB1dCgpIHR5cGU6IHN0cmluZyA9ICd0ZXh0JztcclxuICBASW5wdXQoKSBwbGFjZWhvbGRlcjogc3RyaW5nID0gJyc7XHJcbiAgQE91dHB1dCgpIHZhbHVlQ2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmc+KCk7XHJcbiAgQElucHV0KCkgd2l0aFNlYXJjaEljb246IGJvb2xlYW4gPSBmYWxzZTtcclxuICBASW5wdXQoKSBzZWFyY2hJY29uUG9zaXRpb246ICdsZWZ0JyB8ICdyaWdodCcgPSAncmlnaHQnO1xyXG4gIEBJbnB1dCgpIGljb25OYW1lOiBzdHJpbmcgPSAnJztcclxuICBASW5wdXQoKSBjb250YWluZXJDbGFzczogc3RyaW5nID0gJyc7XHJcbiAgQElucHV0KCkgY2xhc3M6IHN0cmluZyA9ICcnO1xyXG4gIEBJbnB1dCgpIGRpc2FibGVkOiBib29sZWFuID0gZmFsc2U7XHJcbiAgQElucHV0KCkgaXNDcm9zc1JlcXVpcmVkOiBib29sZWFuID0gdHJ1ZTtcclxuICBASW5wdXQoKSBsYWJlbDogc3RyaW5nID0gJyc7XHJcbiAgQElucHV0KCkgaXNMYWJlbFJlcXVpcmVkOiBib29sZWFuID0gZmFsc2U7XHJcbiAgQElucHV0KCkgYXV0b2ZvY3VzOiBib29sZWFuID0gZmFsc2U7XHJcbiAgQE91dHB1dCgpIGNoYW5nZVZhbHVlSGFuZGxlciA9IG5ldyBFdmVudEVtaXR0ZXI8c3RyaW5nPigpO1xyXG5cclxuICBuZ0FmdGVyVmlld0luaXQoKTogdm9pZCB7XHJcbiAgICBpZiAodGhpcy5hdXRvZm9jdXMpIHtcclxuICAgICAgLy8gVGltZW91dCBlbnN1cmVzIGlucHV0IGlzIGF2YWlsYWJsZSBpbiB0aGUgRE9NXHJcbiAgICAgIHNldFRpbWVvdXQoKCkgPT4gdGhpcy5pbnB1dEVsPy5uYXRpdmVFbGVtZW50Py5mb2N1cygpKTtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIG9uSW5wdXQoZXZlbnQ6IEV2ZW50KTogdm9pZCB7XHJcbiAgICBjb25zdCBpbnB1dCA9IGV2ZW50LnRhcmdldCBhcyBIVE1MSW5wdXRFbGVtZW50O1xyXG4gICAgdGhpcy52YWx1ZSA9IGlucHV0LnZhbHVlO1xyXG4gICAgdGhpcy5jaGFuZ2VWYWx1ZUhhbmRsZXIuZW1pdCh0aGlzLnZhbHVlKTtcclxuICB9XHJcbiAgb25FbnRlcigpOiB2b2lkIHtcclxuICAgIHRoaXMudmFsdWVDaGFuZ2UuZW1pdCh0aGlzLnZhbHVlKTtcclxuICB9XHJcbiAgY2xlYXJWYWx1ZSgpOiB2b2lkIHtcclxuICAgIHRoaXMudmFsdWUgPSAnJztcclxuICAgIHRoaXMuY2hhbmdlVmFsdWVIYW5kbGVyLmVtaXQodGhpcy52YWx1ZSk7XHJcbiAgICB0aGlzLm9uRW50ZXIoKTtcclxuICB9XHJcbiAgb25TZWFyY2hDbGVhcihldmVudDogRXZlbnQpIHtcclxuICAgIGNvbnN0IGlucHV0ID0gZXZlbnQudGFyZ2V0IGFzIEhUTUxJbnB1dEVsZW1lbnQ7XHJcbiAgICBpZiAoaW5wdXQudmFsdWUgPT09ICcnKSB7XHJcbiAgICAgIHRoaXMudmFsdWUgPSAnJztcclxuICAgICAgdGhpcy52YWx1ZUNoYW5nZS5lbWl0KCcnKTtcclxuICAgIH1cclxuICB9XHJcbiAgZm9jdXMoKTogdm9pZCB7XHJcbiAgICB0aGlzLmlucHV0RWw/Lm5hdGl2ZUVsZW1lbnQ/LmZvY3VzKCk7XHJcbiAgfVxyXG59XHJcbiIsIjxsYWJlbCAqbmdJZj1cImxhYmVsXCIgZm9yPVwibmFtZVwiXHJcbiAgPnt7IGxhYmVsIH19XHJcbiAgPHNwYW4gKm5nSWY9XCJpc0xhYmVsUmVxdWlyZWRcIiBjbGFzcz1cImxpYi1lcnJvci1hc3Rlcmlza1wiPio8L3NwYW4+PC9sYWJlbFxyXG4+XHJcblxyXG48aVxyXG4gIGNsYXNzPVwicGkgcGktc2VhcmNoIHNlYXJjaC1pY29uXCJcclxuICBbbmdDbGFzc109XCJcclxuICAgIChzZWFyY2hJY29uUG9zaXRpb24gPT09ICdsZWZ0JyA/ICdzZWFyY2gtaWNvbi1sZWZ0JyA6ICdzZWFyY2gtaWNvbi1yaWdodCcpICtcclxuICAgIChsYWJlbCA/ICcgd2l0aC1sYWJlbCcgOiAnJylcclxuICBcIlxyXG4gICpuZ0lmPVwid2l0aFNlYXJjaEljb25cIlxyXG4gIChjbGljayk9XCJvbkVudGVyKClcIlxyXG4+PC9pPlxyXG5cclxuPGlucHV0XHJcbiAgW2lkXT1cIm5hbWVcIlxyXG4gIHR5cGU9XCJ0ZXh0XCJcclxuICBwSW5wdXRUZXh0XHJcbiAgW3ZhbHVlXT1cInZhbHVlXCJcclxuICBbYXR0ci5wbGFjZWhvbGRlcl09XCJwbGFjZWhvbGRlclwiXHJcbiAgKGlucHV0KT1cIm9uSW5wdXQoJGV2ZW50KVwiXHJcbiAgKGtleWRvd24uZW50ZXIpPVwib25FbnRlcigpXCJcclxuICBbbmdDbGFzc109XCJcclxuICAgIGNsYXNzICtcclxuICAgICcgbGliLWlucHV0LWZpZWxkJyArXHJcbiAgICAod2l0aFNlYXJjaEljb24gPyAnIHdpdGgtc2VhcmNoLWljb24tJyArIHNlYXJjaEljb25Qb3NpdGlvbiA6ICcnKSArXHJcbiAgICAoaXNDcm9zc1JlcXVpcmVkID8gJyB3aXRoLWNyb3NzLWljb24nIDogJycpXHJcbiAgXCJcclxuICBhdXRvY29tcGxldGU9XCJuZXctcGFzc3dvcmRcIlxyXG4gIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiXHJcbiAgW3R5cGVdPVwidHlwZVwiXHJcbiAgI2lucHV0RWxcclxuLz5cclxuPGlcclxuICBjbGFzcz1cInBpIHBpLXRpbWVzIGZpbHRlci1kcm9wZG93bi1pY29uXCJcclxuICBbbmdDbGFzc109XCJcclxuICAgICh3aXRoU2VhcmNoSWNvbiAmJiBzZWFyY2hJY29uUG9zaXRpb24gPT09ICdyaWdodCdcclxuICAgICAgPyAnZmlsdGVyLWRyb3Bkb3duLWljb24tbGVmdCdcclxuICAgICAgOiAnJykgKyAobGFiZWwgPyAnIHdpdGgtbGFiZWwnIDogJycpXHJcbiAgXCJcclxuICBzdHlsZT1cImN1cnNvcjogcG9pbnRlclwiXHJcbiAgKGNsaWNrKT1cImNsZWFyVmFsdWUoKVwiXHJcbiAgKm5nSWY9XCJpc0Nyb3NzUmVxdWlyZWQgJiYgdmFsdWUgIT09ICcnXCJcclxuPjwvaT5cclxuIl19

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

@@ -0,0 +1,85 @@
+import { Component, Input, forwardRef } from '@angular/core';
+import { NG_VALUE_ACCESSOR, } from '@angular/forms';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/forms";
+import * as i2 from "primeng/inputswitch";
+export class AtomixInputSwitchComponent {
+    style;
+    styleClass;
+    tabindex;
+    inputId;
+    name;
+    disabled = false;
+    readonly = false;
+    trueValue = true;
+    falseValue = false;
+    ariaLabel;
+    ariaLabelledBy;
+    autofocus = false;
+    formControl;
+    value = false;
+    onChange = (_) => { };
+    onTouched = () => { };
+    writeValue(value) {
+        this.value = value ?? this.falseValue;
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    setDisabledState(disabled) {
+        this.disabled = disabled;
+    }
+    handleChange(event) {
+        this.value = event.checked ? this.trueValue : this.falseValue;
+        this.onChange(this.value);
+        this.onTouched();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AtomixInputSwitchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: AtomixInputSwitchComponent, selector: "atomix-inputSwitch", inputs: { style: "style", styleClass: "styleClass", tabindex: "tabindex", inputId: "inputId", name: "name", disabled: "disabled", readonly: "readonly", trueValue: "trueValue", falseValue: "falseValue", ariaLabel: "ariaLabel", ariaLabelledBy: "ariaLabelledBy", autofocus: "autofocus", formControl: "formControl" }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => AtomixInputSwitchComponent),
+                multi: true,
+            },
+        ], ngImport: i0, template: "<p-inputSwitch\r\n  [(ngModel)]=\"value\"\r\n  [trueValue]=\"trueValue\"\r\n  [falseValue]=\"falseValue\"\r\n  [style]=\"style\"\r\n  [styleClass]=\"styleClass\"\r\n  [tabindex]=\"tabindex\"\r\n  [inputId]=\"inputId\"\r\n  [attr.name]=\"name\"\r\n  [disabled]=\"disabled\"\r\n  [readonly]=\"readonly\"\r\n  [ariaLabel]=\"ariaLabel\"\r\n  [ariaLabelledBy]=\"ariaLabelledBy\"\r\n  [autofocus]=\"autofocus\"\r\n  (onChange)=\"handleChange($event)\"\r\n  (onBlur)=\"onTouched()\"\r\n></p-inputSwitch>\r\n", styles: [".input-switch-wrapper{display:flex;align-items:center;gap:.5rem}.atomix-switch-button{height:30px;padding:0 12px;font-size:14px;cursor:pointer}\n"], dependencies: [{ kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i2.InputSwitch, selector: "p-inputSwitch", inputs: ["style", "styleClass", "tabindex", "inputId", "name", "disabled", "readonly", "trueValue", "falseValue", "ariaLabel", "ariaLabelledBy", "autofocus"], outputs: ["onChange"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AtomixInputSwitchComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'atomix-inputSwitch', providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => AtomixInputSwitchComponent),
+                            multi: true,
+                        },
+                    ], template: "<p-inputSwitch\r\n  [(ngModel)]=\"value\"\r\n  [trueValue]=\"trueValue\"\r\n  [falseValue]=\"falseValue\"\r\n  [style]=\"style\"\r\n  [styleClass]=\"styleClass\"\r\n  [tabindex]=\"tabindex\"\r\n  [inputId]=\"inputId\"\r\n  [attr.name]=\"name\"\r\n  [disabled]=\"disabled\"\r\n  [readonly]=\"readonly\"\r\n  [ariaLabel]=\"ariaLabel\"\r\n  [ariaLabelledBy]=\"ariaLabelledBy\"\r\n  [autofocus]=\"autofocus\"\r\n  (onChange)=\"handleChange($event)\"\r\n  (onBlur)=\"onTouched()\"\r\n></p-inputSwitch>\r\n", styles: [".input-switch-wrapper{display:flex;align-items:center;gap:.5rem}.atomix-switch-button{height:30px;padding:0 12px;font-size:14px;cursor:pointer}\n"] }]
+        }], propDecorators: { style: [{
+                type: Input
+            }], styleClass: [{
+                type: Input
+            }], tabindex: [{
+                type: Input
+            }], inputId: [{
+                type: Input
+            }], name: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], readonly: [{
+                type: Input
+            }], trueValue: [{
+                type: Input
+            }], falseValue: [{
+                type: Input
+            }], ariaLabel: [{
+                type: Input
+            }], ariaLabelledBy: [{
+                type: Input
+            }], autofocus: [{
+                type: Input
+            }], formControl: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXRvbWl4LWlucHV0LXN3aXRjaC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9wcmltZWtpdC9zcmMvbGliL2xpYi9hdG9taXgtaW5wdXQtc3dpdGNoL2F0b21peC1pbnB1dC1zd2l0Y2guY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcHJpbWVraXQvc3JjL2xpYi9saWIvYXRvbWl4LWlucHV0LXN3aXRjaC9hdG9taXgtaW5wdXQtc3dpdGNoLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLFVBQVUsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUM3RCxPQUFPLEVBRUwsaUJBQWlCLEdBRWxCLE1BQU0sZ0JBQWdCLENBQUM7Ozs7QUFleEIsTUFBTSxPQUFPLDBCQUEwQjtJQUM1QixLQUFLLENBQTBCO0lBQy9CLFVBQVUsQ0FBVTtJQUNwQixRQUFRLENBQVU7SUFDbEIsT0FBTyxDQUFVO0lBQ2pCLElBQUksQ0FBVTtJQUNkLFFBQVEsR0FBRyxLQUFLLENBQUM7SUFDakIsUUFBUSxHQUFHLEtBQUssQ0FBQztJQUNqQixTQUFTLEdBQVEsSUFBSSxDQUFDO0lBQ3RCLFVBQVUsR0FBUSxLQUFLLENBQUM7SUFDeEIsU0FBUyxDQUFVO0lBQ25CLGNBQWMsQ0FBVTtJQUN4QixTQUFTLEdBQUcsS0FBSyxDQUFDO0lBQ2xCLFdBQVcsQ0FBZTtJQUVuQyxLQUFLLEdBQVEsS0FBSyxDQUFDO0lBRW5CLFFBQVEsR0FBRyxDQUFDLENBQU0sRUFBRSxFQUFFLEdBQUUsQ0FBQyxDQUFDO0lBQzFCLFNBQVMsR0FBRyxHQUFHLEVBQUUsR0FBRSxDQUFDLENBQUM7SUFFckIsVUFBVSxDQUFDLEtBQVU7UUFDbkIsSUFBSSxDQUFDLEtBQUssR0FBRyxLQUFLLElBQUksSUFBSSxDQUFDLFVBQVUsQ0FBQztJQUN4QyxDQUFDO0lBRUQsZ0JBQWdCLENBQUMsRUFBTztRQUN0QixJQUFJLENBQUMsUUFBUSxHQUFHLEVBQUUsQ0FBQztJQUNyQixDQUFDO0lBRUQsaUJBQWlCLENBQUMsRUFBTztRQUN2QixJQUFJLENBQUMsU0FBUyxHQUFHLEVBQUUsQ0FBQztJQUN0QixDQUFDO0lBRUQsZ0JBQWdCLENBQUMsUUFBaUI7UUFDaEMsSUFBSSxDQUFDLFFBQVEsR0FBRyxRQUFRLENBQUM7SUFDM0IsQ0FBQztJQUVELFlBQVksQ0FBQyxLQUE2QjtRQUN4QyxJQUFJLENBQUMsS0FBSyxHQUFHLEtBQUssQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUM7UUFDOUQsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDMUIsSUFBSSxDQUFDLFNBQVMsRUFBRSxDQUFDO0lBQ25CLENBQUM7d0dBeENVLDBCQUEwQjs0RkFBMUIsMEJBQTBCLHVXQVIxQjtZQUNUO2dCQUNFLE9BQU8sRUFBRSxpQkFBaUI7Z0JBQzFCLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsMEJBQTBCLENBQUM7Z0JBQ3pELEtBQUssRUFBRSxJQUFJO2FBQ1o7U0FDRiwwQkNsQkgsc2ZBaUJBOzs0RkRHYSwwQkFBMEI7a0JBWnRDLFNBQVM7K0JBQ0Usb0JBQW9CLGFBR25CO3dCQUNUOzRCQUNFLE9BQU8sRUFBRSxpQkFBaUI7NEJBQzFCLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLDJCQUEyQixDQUFDOzRCQUN6RCxLQUFLLEVBQUUsSUFBSTt5QkFDWjtxQkFDRjs4QkFHUSxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLGNBQWM7c0JBQXRCLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgZm9yd2FyZFJlZiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQge1xyXG4gIENvbnRyb2xWYWx1ZUFjY2Vzc29yLFxyXG4gIE5HX1ZBTFVFX0FDQ0VTU09SLFxyXG4gIEZvcm1Db250cm9sLFxyXG59IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcclxuaW1wb3J0IHsgSW5wdXRTd2l0Y2hDaGFuZ2VFdmVudCB9IGZyb20gJ3ByaW1lbmcvaW5wdXRzd2l0Y2gnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdhdG9taXgtaW5wdXRTd2l0Y2gnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9hdG9taXgtaW5wdXQtc3dpdGNoLmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9hdG9taXgtaW5wdXQtc3dpdGNoLmNvbXBvbmVudC5jc3MnXSxcclxuICBwcm92aWRlcnM6IFtcclxuICAgIHtcclxuICAgICAgcHJvdmlkZTogTkdfVkFMVUVfQUNDRVNTT1IsXHJcbiAgICAgIHVzZUV4aXN0aW5nOiBmb3J3YXJkUmVmKCgpID0+IEF0b21peElucHV0U3dpdGNoQ29tcG9uZW50KSxcclxuICAgICAgbXVsdGk6IHRydWUsXHJcbiAgICB9LFxyXG4gIF0sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBBdG9taXhJbnB1dFN3aXRjaENvbXBvbmVudCBpbXBsZW1lbnRzIENvbnRyb2xWYWx1ZUFjY2Vzc29yIHtcclxuICBASW5wdXQoKSBzdHlsZT86IHsgW2tleTogc3RyaW5nXTogYW55IH07XHJcbiAgQElucHV0KCkgc3R5bGVDbGFzcz86IHN0cmluZztcclxuICBASW5wdXQoKSB0YWJpbmRleD86IG51bWJlcjtcclxuICBASW5wdXQoKSBpbnB1dElkPzogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIG5hbWU/OiBzdHJpbmc7XHJcbiAgQElucHV0KCkgZGlzYWJsZWQgPSBmYWxzZTtcclxuICBASW5wdXQoKSByZWFkb25seSA9IGZhbHNlO1xyXG4gIEBJbnB1dCgpIHRydWVWYWx1ZTogYW55ID0gdHJ1ZTtcclxuICBASW5wdXQoKSBmYWxzZVZhbHVlOiBhbnkgPSBmYWxzZTtcclxuICBASW5wdXQoKSBhcmlhTGFiZWw/OiBzdHJpbmc7XHJcbiAgQElucHV0KCkgYXJpYUxhYmVsbGVkQnk/OiBzdHJpbmc7XHJcbiAgQElucHV0KCkgYXV0b2ZvY3VzID0gZmFsc2U7XHJcbiAgQElucHV0KCkgZm9ybUNvbnRyb2w/OiBGb3JtQ29udHJvbDtcclxuXHJcbiAgdmFsdWU6IGFueSA9IGZhbHNlO1xyXG5cclxuICBvbkNoYW5nZSA9IChfOiBhbnkpID0+IHt9O1xyXG4gIG9uVG91Y2hlZCA9ICgpID0+IHt9O1xyXG5cclxuICB3cml0ZVZhbHVlKHZhbHVlOiBhbnkpOiB2b2lkIHtcclxuICAgIHRoaXMudmFsdWUgPSB2YWx1ZSA/PyB0aGlzLmZhbHNlVmFsdWU7XHJcbiAgfVxyXG5cclxuICByZWdpc3Rlck9uQ2hhbmdlKGZuOiBhbnkpOiB2b2lkIHtcclxuICAgIHRoaXMub25DaGFuZ2UgPSBmbjtcclxuICB9XHJcblxyXG4gIHJlZ2lzdGVyT25Ub3VjaGVkKGZuOiBhbnkpOiB2b2lkIHtcclxuICAgIHRoaXMub25Ub3VjaGVkID0gZm47XHJcbiAgfVxyXG5cclxuICBzZXREaXNhYmxlZFN0YXRlKGRpc2FibGVkOiBib29sZWFuKTogdm9pZCB7XHJcbiAgICB0aGlzLmRpc2FibGVkID0gZGlzYWJsZWQ7XHJcbiAgfVxyXG5cclxuICBoYW5kbGVDaGFuZ2UoZXZlbnQ6IElucHV0U3dpdGNoQ2hhbmdlRXZlbnQpIHtcclxuICAgIHRoaXMudmFsdWUgPSBldmVudC5jaGVja2VkID8gdGhpcy50cnVlVmFsdWUgOiB0aGlzLmZhbHNlVmFsdWU7XHJcbiAgICB0aGlzLm9uQ2hhbmdlKHRoaXMudmFsdWUpO1xyXG4gICAgdGhpcy5vblRvdWNoZWQoKTtcclxuICB9XHJcbn1cclxuIiwiPHAtaW5wdXRTd2l0Y2hcclxuICBbKG5nTW9kZWwpXT1cInZhbHVlXCJcclxuICBbdHJ1ZVZhbHVlXT1cInRydWVWYWx1ZVwiXHJcbiAgW2ZhbHNlVmFsdWVdPVwiZmFsc2VWYWx1ZVwiXHJcbiAgW3N0eWxlXT1cInN0eWxlXCJcclxuICBbc3R5bGVDbGFzc109XCJzdHlsZUNsYXNzXCJcclxuICBbdGFiaW5kZXhdPVwidGFiaW5kZXhcIlxyXG4gIFtpbnB1dElkXT1cImlucHV0SWRcIlxyXG4gIFthdHRyLm5hbWVdPVwibmFtZVwiXHJcbiAgW2Rpc2FibGVkXT1cImRpc2FibGVkXCJcclxuICBbcmVhZG9ubHldPVwicmVhZG9ubHlcIlxyXG4gIFthcmlhTGFiZWxdPVwiYXJpYUxhYmVsXCJcclxuICBbYXJpYUxhYmVsbGVkQnldPVwiYXJpYUxhYmVsbGVkQnlcIlxyXG4gIFthdXRvZm9jdXNdPVwiYXV0b2ZvY3VzXCJcclxuICAob25DaGFuZ2UpPVwiaGFuZGxlQ2hhbmdlKCRldmVudClcIlxyXG4gIChvbkJsdXIpPVwib25Ub3VjaGVkKClcIlxyXG4+PC9wLWlucHV0U3dpdGNoPlxyXG4iXX0=

package/esm2022/lib/lib/atomix-loading-overlay/atomix-loading-overlay.component.mjs

@@ -0,0 +1,44 @@
+import { Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "primeng/progressspinner";
+import * as i3 from "primeng/blockui";
+export class AtomixLoadingOverlayComponent {
+    loading = false;
+    target;
+    message = 'Processing...';
+    icon = 'pi pi-spin pi-spinner';
+    iconSize = '3rem';
+    customClass = '';
+    fullscreen = false;
+    transparent = false;
+    blocked = false;
+    ngOnChanges(changes) {
+        if (changes['loading']) {
+            this.blocked = this.loading;
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AtomixLoadingOverlayComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: AtomixLoadingOverlayComponent, selector: "atomix-loading-overlay", inputs: { loading: "loading", target: "target", message: "message", icon: "icon", iconSize: "iconSize", customClass: "customClass", fullscreen: "fullscreen", transparent: "transparent" }, usesOnChanges: true, ngImport: i0, template: "<ng-container *ngIf=\"target && !fullscreen\">\r\n  <p-blockUI [blocked]=\"blocked\" [target]=\"target\">\r\n    <div\r\n      class=\"flex flex-column align-items-center justify-content-center p-3 {{\r\n        customClass\r\n      }}\"\r\n    >\r\n      <p-progressSpinner\r\n        *ngIf=\"icon === 'pi pi-spin pi-spinner'\"\r\n        styleClass=\"w-{{ iconSize }} h-{{ iconSize }}\"\r\n        strokeWidth=\"4\"\r\n        animationDuration=\".5s\"\r\n      >\r\n      </p-progressSpinner>\r\n\r\n      <i\r\n        *ngIf=\"icon !== 'pi pi-spin pi-spinner'\"\r\n        class=\"{{ icon }} text-{{ iconSize }} mb-3\"\r\n      >\r\n      </i>\r\n\r\n      <span *ngIf=\"message\" class=\"mt-3 font-bold text-lg\">{{ message }}</span>\r\n    </div>\r\n  </p-blockUI>\r\n</ng-container>\r\n\r\n<div\r\n  *ngIf=\"fullscreen && blocked\"\r\n  class=\"atomix-loading-overlay-fullscreen flex flex-column align-items-center justify-content-center\"\r\n  [ngClass]=\"{ 'atomix-loading-overlay-transparent': transparent }\"\r\n>\r\n  <p-progressSpinner\r\n    *ngIf=\"icon === 'pi pi-spin pi-spinner'\"\r\n    styleClass=\"w-{{ iconSize }} h-{{ iconSize }}\"\r\n    strokeWidth=\"4\"\r\n    animationDuration=\".5s\"\r\n  >\r\n  </p-progressSpinner>\r\n\r\n  <i\r\n    *ngIf=\"icon !== 'pi pi-spin pi-spinner'\"\r\n    class=\"{{ icon }} text-{{ iconSize }} mb-3\"\r\n  >\r\n  </i>\r\n\r\n  <span *ngIf=\"message\" class=\"mt-3 font-bold text-lg\">{{ message }}</span>\r\n</div>\r\n", styles: [".atomix-loading-overlay-fullscreen{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:9999;color:#fff}.atomix-loading-overlay-transparent{background-color:#0003}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.ProgressSpinner, selector: "p-progressSpinner", inputs: ["styleClass", "style", "strokeWidth", "fill", "animationDuration", "ariaLabel"] }, { kind: "component", type: i3.BlockUI, selector: "p-blockUI", inputs: ["target", "autoZIndex", "baseZIndex", "styleClass", "blocked"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AtomixLoadingOverlayComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'atomix-loading-overlay', template: "<ng-container *ngIf=\"target && !fullscreen\">\r\n  <p-blockUI [blocked]=\"blocked\" [target]=\"target\">\r\n    <div\r\n      class=\"flex flex-column align-items-center justify-content-center p-3 {{\r\n        customClass\r\n      }}\"\r\n    >\r\n      <p-progressSpinner\r\n        *ngIf=\"icon === 'pi pi-spin pi-spinner'\"\r\n        styleClass=\"w-{{ iconSize }} h-{{ iconSize }}\"\r\n        strokeWidth=\"4\"\r\n        animationDuration=\".5s\"\r\n      >\r\n      </p-progressSpinner>\r\n\r\n      <i\r\n        *ngIf=\"icon !== 'pi pi-spin pi-spinner'\"\r\n        class=\"{{ icon }} text-{{ iconSize }} mb-3\"\r\n      >\r\n      </i>\r\n\r\n      <span *ngIf=\"message\" class=\"mt-3 font-bold text-lg\">{{ message }}</span>\r\n    </div>\r\n  </p-blockUI>\r\n</ng-container>\r\n\r\n<div\r\n  *ngIf=\"fullscreen && blocked\"\r\n  class=\"atomix-loading-overlay-fullscreen flex flex-column align-items-center justify-content-center\"\r\n  [ngClass]=\"{ 'atomix-loading-overlay-transparent': transparent }\"\r\n>\r\n  <p-progressSpinner\r\n    *ngIf=\"icon === 'pi pi-spin pi-spinner'\"\r\n    styleClass=\"w-{{ iconSize }} h-{{ iconSize }}\"\r\n    strokeWidth=\"4\"\r\n    animationDuration=\".5s\"\r\n  >\r\n  </p-progressSpinner>\r\n\r\n  <i\r\n    *ngIf=\"icon !== 'pi pi-spin pi-spinner'\"\r\n    class=\"{{ icon }} text-{{ iconSize }} mb-3\"\r\n  >\r\n  </i>\r\n\r\n  <span *ngIf=\"message\" class=\"mt-3 font-bold text-lg\">{{ message }}</span>\r\n</div>\r\n", styles: [".atomix-loading-overlay-fullscreen{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:9999;color:#fff}.atomix-loading-overlay-transparent{background-color:#0003}\n"] }]
+        }], propDecorators: { loading: [{
+                type: Input
+            }], target: [{
+                type: Input
+            }], message: [{
+                type: Input
+            }], icon: [{
+                type: Input
+            }], iconSize: [{
+                type: Input
+            }], customClass: [{
+                type: Input
+            }], fullscreen: [{
+                type: Input
+            }], transparent: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXRvbWl4LWxvYWRpbmctb3ZlcmxheS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9wcmltZWtpdC9zcmMvbGliL2xpYi9hdG9taXgtbG9hZGluZy1vdmVybGF5L2F0b21peC1sb2FkaW5nLW92ZXJsYXkuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcHJpbWVraXQvc3JjL2xpYi9saWIvYXRvbWl4LWxvYWRpbmctb3ZlcmxheS9hdG9taXgtbG9hZGluZy1vdmVybGF5LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUE0QixNQUFNLGVBQWUsQ0FBQzs7Ozs7QUFPM0UsTUFBTSxPQUFPLDZCQUE2QjtJQUMvQixPQUFPLEdBQUcsS0FBSyxDQUFDO0lBQ2hCLE1BQU0sQ0FBTTtJQUNaLE9BQU8sR0FBRyxlQUFlLENBQUM7SUFDMUIsSUFBSSxHQUFHLHVCQUF1QixDQUFDO0lBQy9CLFFBQVEsR0FBRyxNQUFNLENBQUM7SUFDbEIsV0FBVyxHQUFHLEVBQUUsQ0FBQztJQUNqQixVQUFVLEdBQUcsS0FBSyxDQUFDO0lBQ25CLFdBQVcsR0FBRyxLQUFLLENBQUM7SUFFN0IsT0FBTyxHQUFHLEtBQUssQ0FBQztJQUVoQixXQUFXLENBQUMsT0FBc0I7UUFDaEMsSUFBSSxPQUFPLENBQUMsU0FBUyxDQUFDLEVBQUUsQ0FBQztZQUN2QixJQUFJLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUM7UUFDOUIsQ0FBQztJQUNILENBQUM7d0dBaEJVLDZCQUE2Qjs0RkFBN0IsNkJBQTZCLCtRQ1AxQyx3OENBK0NBOzs0RkR4Q2EsNkJBQTZCO2tCQUx6QyxTQUFTOytCQUNFLHdCQUF3Qjs4QkFLekIsT0FBTztzQkFBZixLQUFLO2dCQUNHLE1BQU07c0JBQWQsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPbkNoYW5nZXMsIFNpbXBsZUNoYW5nZXMgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnYXRvbWl4LWxvYWRpbmctb3ZlcmxheScsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2F0b21peC1sb2FkaW5nLW92ZXJsYXkuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2F0b21peC1sb2FkaW5nLW92ZXJsYXkuY29tcG9uZW50LnNjc3MnXSxcclxufSlcclxuZXhwb3J0IGNsYXNzIEF0b21peExvYWRpbmdPdmVybGF5Q29tcG9uZW50IGltcGxlbWVudHMgT25DaGFuZ2VzIHtcclxuICBASW5wdXQoKSBsb2FkaW5nID0gZmFsc2U7XHJcbiAgQElucHV0KCkgdGFyZ2V0OiBhbnk7XHJcbiAgQElucHV0KCkgbWVzc2FnZSA9ICdQcm9jZXNzaW5nLi4uJztcclxuICBASW5wdXQoKSBpY29uID0gJ3BpIHBpLXNwaW4gcGktc3Bpbm5lcic7XHJcbiAgQElucHV0KCkgaWNvblNpemUgPSAnM3JlbSc7XHJcbiAgQElucHV0KCkgY3VzdG9tQ2xhc3MgPSAnJztcclxuICBASW5wdXQoKSBmdWxsc2NyZWVuID0gZmFsc2U7XHJcbiAgQElucHV0KCkgdHJhbnNwYXJlbnQgPSBmYWxzZTtcclxuXHJcbiAgYmxvY2tlZCA9IGZhbHNlO1xyXG5cclxuICBuZ09uQ2hhbmdlcyhjaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzKTogdm9pZCB7XHJcbiAgICBpZiAoY2hhbmdlc1snbG9hZGluZyddKSB7XHJcbiAgICAgIHRoaXMuYmxvY2tlZCA9IHRoaXMubG9hZGluZztcclxuICAgIH1cclxuICB9XHJcbn1cclxuIiwiPG5nLWNvbnRhaW5lciAqbmdJZj1cInRhcmdldCAmJiAhZnVsbHNjcmVlblwiPlxyXG4gIDxwLWJsb2NrVUkgW2Jsb2NrZWRdPVwiYmxvY2tlZFwiIFt0YXJnZXRdPVwidGFyZ2V0XCI+XHJcbiAgICA8ZGl2XHJcbiAgICAgIGNsYXNzPVwiZmxleCBmbGV4LWNvbHVtbiBhbGlnbi1pdGVtcy1jZW50ZXIganVzdGlmeS1jb250ZW50LWNlbnRlciBwLTMge3tcclxuICAgICAgICBjdXN0b21DbGFzc1xyXG4gICAgICB9fVwiXHJcbiAgICA+XHJcbiAgICAgIDxwLXByb2dyZXNzU3Bpbm5lclxyXG4gICAgICAgICpuZ0lmPVwiaWNvbiA9PT0gJ3BpIHBpLXNwaW4gcGktc3Bpbm5lcidcIlxyXG4gICAgICAgIHN0eWxlQ2xhc3M9XCJ3LXt7IGljb25TaXplIH19IGgte3sgaWNvblNpemUgfX1cIlxyXG4gICAgICAgIHN0cm9rZVdpZHRoPVwiNFwiXHJcbiAgICAgICAgYW5pbWF0aW9uRHVyYXRpb249XCIuNXNcIlxyXG4gICAgICA+XHJcbiAgICAgIDwvcC1wcm9ncmVzc1NwaW5uZXI+XHJcblxyXG4gICAgICA8aVxyXG4gICAgICAgICpuZ0lmPVwiaWNvbiAhPT0gJ3BpIHBpLXNwaW4gcGktc3Bpbm5lcidcIlxyXG4gICAgICAgIGNsYXNzPVwie3sgaWNvbiB9fSB0ZXh0LXt7IGljb25TaXplIH19IG1iLTNcIlxyXG4gICAgICA+XHJcbiAgICAgIDwvaT5cclxuXHJcbiAgICAgIDxzcGFuICpuZ0lmPVwibWVzc2FnZVwiIGNsYXNzPVwibXQtMyBmb250LWJvbGQgdGV4dC1sZ1wiPnt7IG1lc3NhZ2UgfX08L3NwYW4+XHJcbiAgICA8L2Rpdj5cclxuICA8L3AtYmxvY2tVST5cclxuPC9uZy1jb250YWluZXI+XHJcblxyXG48ZGl2XHJcbiAgKm5nSWY9XCJmdWxsc2NyZWVuICYmIGJsb2NrZWRcIlxyXG4gIGNsYXNzPVwiYXRvbWl4LWxvYWRpbmctb3ZlcmxheS1mdWxsc2NyZWVuIGZsZXggZmxleC1jb2x1bW4gYWxpZ24taXRlbXMtY2VudGVyIGp1c3RpZnktY29udGVudC1jZW50ZXJcIlxyXG4gIFtuZ0NsYXNzXT1cInsgJ2F0b21peC1sb2FkaW5nLW92ZXJsYXktdHJhbnNwYXJlbnQnOiB0cmFuc3BhcmVudCB9XCJcclxuPlxyXG4gIDxwLXByb2dyZXNzU3Bpbm5lclxyXG4gICAgKm5nSWY9XCJpY29uID09PSAncGkgcGktc3BpbiBwaS1zcGlubmVyJ1wiXHJcbiAgICBzdHlsZUNsYXNzPVwidy17eyBpY29uU2l6ZSB9fSBoLXt7IGljb25TaXplIH19XCJcclxuICAgIHN0cm9rZVdpZHRoPVwiNFwiXHJcbiAgICBhbmltYXRpb25EdXJhdGlvbj1cIi41c1wiXHJcbiAgPlxyXG4gIDwvcC1wcm9ncmVzc1NwaW5uZXI+XHJcblxyXG4gIDxpXHJcbiAgICAqbmdJZj1cImljb24gIT09ICdwaSBwaS1zcGluIHBpLXNwaW5uZXInXCJcclxuICAgIGNsYXNzPVwie3sgaWNvbiB9fSB0ZXh0LXt7IGljb25TaXplIH19IG1iLTNcIlxyXG4gID5cclxuICA8L2k+XHJcblxyXG4gIDxzcGFuICpuZ0lmPVwibWVzc2FnZVwiIGNsYXNzPVwibXQtMyBmb250LWJvbGQgdGV4dC1sZ1wiPnt7IG1lc3NhZ2UgfX08L3NwYW4+XHJcbjwvZGl2PlxyXG4iXX0=