primekit 0.0.56 → 0.0.60

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

@@ -22,11 +22,11 @@ export class AtomixFormCalendarComponent {
         return this.form.get(this.controlName);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AtomixFormCalendarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: AtomixFormCalendarComponent, selector: "atomix-form-calendar", inputs: { controlName: "controlName", form: "form", view: "view", dateFormat: "dateFormat", label: "label", isLabelRequired: "isLabelRequired", maxDate: "maxDate", minDate: "minDate", selectionMode: "selectionMode", placeholder: "placeholder", styleClass: "styleClass", inputStyleClass: "inputStyleClass" }, outputs: { dateSelectHandler: "dateSelectHandler", dateChangeHandler: "dateChangeHandler" }, ngImport: i0, template: "<label *ngIf=\"label\" [for]=\"controlName\"\n  >{{ label }}\n  <span *ngIf=\"isLabelRequired\" class=\"error-asterisk\">*</span></label\n>\n<p-calendar\n  [formControl]=\"control\"\n  id=\"calendar\"\n  tooltipPosition=\"top\"\n  [view]=\"view\"\n  [dateFormat]=\"dateFormat\"\n  [maxDate]=\"maxDate\"\n  [minDate]=\"minDate\"\n  [selectionMode]=\"selectionMode\"\n  [readonlyInput]=\"true\"\n  [placeholder]=\"placeholder\"\n  (onClose)=\"dateSelectHandler.emit()\"\n  [inputStyleClass]=\"inputStyleClass\"\n  [styleClass]=\"styleClass+ '  form-calendar'\"\n  appendTo=\"body\"\n  (onSelect)=\"dateChangeHandler.emit($event)\"\n/>\n", styles: ["::ng-deep .form-calendar{width:100%}::ng-deep .form-calendar input{border-radius:30px!important}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.Calendar, selector: "p-calendar", inputs: ["iconDisplay", "style", "styleClass", "inputStyle", "inputId", "name", "inputStyleClass", "placeholder", "ariaLabelledBy", "ariaLabel", "iconAriaLabel", "disabled", "dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "selectOtherMonths", "showIcon", "icon", "appendTo", "readonlyInput", "shortYearCutoff", "monthNavigator", "yearNavigator", "hourFormat", "timeOnly", "stepYearPicker", "stepHour", "stepMinute", "stepSecond", "showSeconds", "required", "showOnFocus", "showWeek", "startWeekFromFirstDayOfYear", "showClear", "dataType", "selectionMode", "maxDateCount", "showButtonBar", "todayButtonStyleClass", "clearButtonStyleClass", "autofocus", "autoZIndex", "baseZIndex", "panelStyleClass", "panelStyle", "keepInvalid", "hideOnDateTimeSelect", "touchUI", "timeSeparator", "focusTrap", "showTransitionOptions", "hideTransitionOptions", "tabindex", "variant", "minDate", "maxDate", "disabledDates", "disabledDays", "yearRange", "showTime", "responsiveOptions", "numberOfMonths", "firstDayOfWeek", "locale", "view", "defaultDate"], outputs: ["onFocus", "onBlur", "onClose", "onSelect", "onClear", "onInput", "onTodayClick", "onClearClick", "onMonthChange", "onYearChange", "onClickOutside", "onShow"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { 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: AtomixFormCalendarComponent, selector: "atomix-form-calendar", inputs: { controlName: "controlName", form: "form", view: "view", dateFormat: "dateFormat", label: "label", isLabelRequired: "isLabelRequired", maxDate: "maxDate", minDate: "minDate", selectionMode: "selectionMode", placeholder: "placeholder", styleClass: "styleClass", inputStyleClass: "inputStyleClass" }, outputs: { dateSelectHandler: "dateSelectHandler", dateChangeHandler: "dateChangeHandler" }, ngImport: i0, template: "<label *ngIf=\"label\" [for]=\"controlName\"\n  >{{ label }}\n  <span *ngIf=\"isLabelRequired\" class=\"error-asterisk\">*</span></label\n>\n<p-calendar\n  [formControl]=\"control\"\n  id=\"calendar\"\n  tooltipPosition=\"top\"\n  [view]=\"view\"\n  [dateFormat]=\"dateFormat\"\n  [maxDate]=\"maxDate\"\n  [minDate]=\"minDate\"\n  [selectionMode]=\"selectionMode\"\n  [readonlyInput]=\"true\"\n  [placeholder]=\"placeholder\"\n  (onClose)=\"dateSelectHandler.emit()\"\n  [inputStyleClass]=\"inputStyleClass\"\n  [styleClass]=\"styleClass+ '  form-calendar'\"\n  appendTo=\"body\"\n  (onSelect)=\"dateChangeHandler.emit($event)\"\n/>\n", styles: ["::ng-deep .form-calendar{width:100%}::ng-deep .form-calendar input{border-radius:30px!important;margin-top:.2rem}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.Calendar, selector: "p-calendar", inputs: ["iconDisplay", "style", "styleClass", "inputStyle", "inputId", "name", "inputStyleClass", "placeholder", "ariaLabelledBy", "ariaLabel", "iconAriaLabel", "disabled", "dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "selectOtherMonths", "showIcon", "icon", "appendTo", "readonlyInput", "shortYearCutoff", "monthNavigator", "yearNavigator", "hourFormat", "timeOnly", "stepYearPicker", "stepHour", "stepMinute", "stepSecond", "showSeconds", "required", "showOnFocus", "showWeek", "startWeekFromFirstDayOfYear", "showClear", "dataType", "selectionMode", "maxDateCount", "showButtonBar", "todayButtonStyleClass", "clearButtonStyleClass", "autofocus", "autoZIndex", "baseZIndex", "panelStyleClass", "panelStyle", "keepInvalid", "hideOnDateTimeSelect", "touchUI", "timeSeparator", "focusTrap", "showTransitionOptions", "hideTransitionOptions", "tabindex", "variant", "minDate", "maxDate", "disabledDates", "disabledDays", "yearRange", "showTime", "responsiveOptions", "numberOfMonths", "firstDayOfWeek", "locale", "view", "defaultDate"], outputs: ["onFocus", "onBlur", "onClose", "onSelect", "onClear", "onInput", "onTodayClick", "onClearClick", "onMonthChange", "onYearChange", "onClickOutside", "onShow"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { 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: AtomixFormCalendarComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'atomix-form-calendar', template: "<label *ngIf=\"label\" [for]=\"controlName\"\n  >{{ label }}\n  <span *ngIf=\"isLabelRequired\" class=\"error-asterisk\">*</span></label\n>\n<p-calendar\n  [formControl]=\"control\"\n  id=\"calendar\"\n  tooltipPosition=\"top\"\n  [view]=\"view\"\n  [dateFormat]=\"dateFormat\"\n  [maxDate]=\"maxDate\"\n  [minDate]=\"minDate\"\n  [selectionMode]=\"selectionMode\"\n  [readonlyInput]=\"true\"\n  [placeholder]=\"placeholder\"\n  (onClose)=\"dateSelectHandler.emit()\"\n  [inputStyleClass]=\"inputStyleClass\"\n  [styleClass]=\"styleClass+ '  form-calendar'\"\n  appendTo=\"body\"\n  (onSelect)=\"dateChangeHandler.emit($event)\"\n/>\n", styles: ["::ng-deep .form-calendar{width:100%}::ng-deep .form-calendar input{border-radius:30px!important}\n"] }]
+            args: [{ selector: 'atomix-form-calendar', template: "<label *ngIf=\"label\" [for]=\"controlName\"\n  >{{ label }}\n  <span *ngIf=\"isLabelRequired\" class=\"error-asterisk\">*</span></label\n>\n<p-calendar\n  [formControl]=\"control\"\n  id=\"calendar\"\n  tooltipPosition=\"top\"\n  [view]=\"view\"\n  [dateFormat]=\"dateFormat\"\n  [maxDate]=\"maxDate\"\n  [minDate]=\"minDate\"\n  [selectionMode]=\"selectionMode\"\n  [readonlyInput]=\"true\"\n  [placeholder]=\"placeholder\"\n  (onClose)=\"dateSelectHandler.emit()\"\n  [inputStyleClass]=\"inputStyleClass\"\n  [styleClass]=\"styleClass+ '  form-calendar'\"\n  appendTo=\"body\"\n  (onSelect)=\"dateChangeHandler.emit($event)\"\n/>\n", styles: ["::ng-deep .form-calendar{width:100%}::ng-deep .form-calendar input{border-radius:30px!important;margin-top:.2rem}\n"] }]
         }], propDecorators: { controlName: [{
                 type: Input
             }], form: [{

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

@@ -31,11 +31,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}\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" }, 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"] }] });
 }
 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}\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<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"] }]
         }], propDecorators: { controlName: [{
                 type: Input
             }], form: [{

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

@@ -16,11 +16,11 @@ export class AtomixFormTextareaComponent {
         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" }, ngImport: i0, template: "<label *ngIf=\"label\"\n  >{{ label }}\n  <span *ngIf=\"isLabelRequired\" class=\"error-asterisk\">*</span></label\n>\n<textarea\n  variant=\"filled\"\n  pInputTextarea\n  [rows]=\"rows\"\n  [id]=\"controlName\"\n  [cols]=\"cols\"\n  [ngClass]=\"class +' atomix-form-textarea'\"\n  [disabled]=\"disabled\"\n  autocomplete=\"new-password\"\n  [formControl]=\"control\"\n  [placeholder]=\"placeholder\"\n></textarea>\n", styles: ["::ng-deep .atomix-form-textarea{border-radius:8px}\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"] }] });
+    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" }, ngImport: i0, template: "<label *ngIf=\"label\"\n  >{{ label }}\n  <span *ngIf=\"isLabelRequired\" class=\"error-asterisk\">*</span></label\n>\n<textarea\n  variant=\"filled\"\n  pInputTextarea\n  [rows]=\"rows\"\n  [id]=\"controlName\"\n  [cols]=\"cols\"\n  [ngClass]=\"class +' atomix-form-textarea'\"\n  [disabled]=\"disabled\"\n  autocomplete=\"new-password\"\n  [formControl]=\"control\"\n  [placeholder]=\"placeholder\"\n></textarea>\n", styles: ["::ng-deep .atomix-form-textarea{border-radius:8px;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\"\n  >{{ label }}\n  <span *ngIf=\"isLabelRequired\" class=\"error-asterisk\">*</span></label\n>\n<textarea\n  variant=\"filled\"\n  pInputTextarea\n  [rows]=\"rows\"\n  [id]=\"controlName\"\n  [cols]=\"cols\"\n  [ngClass]=\"class +' atomix-form-textarea'\"\n  [disabled]=\"disabled\"\n  autocomplete=\"new-password\"\n  [formControl]=\"control\"\n  [placeholder]=\"placeholder\"\n></textarea>\n", styles: ["::ng-deep .atomix-form-textarea{border-radius:8px}\n"] }]
+            args: [{ selector: 'atomix-form-textarea', template: "<label *ngIf=\"label\"\n  >{{ label }}\n  <span *ngIf=\"isLabelRequired\" class=\"error-asterisk\">*</span></label\n>\n<textarea\n  variant=\"filled\"\n  pInputTextarea\n  [rows]=\"rows\"\n  [id]=\"controlName\"\n  [cols]=\"cols\"\n  [ngClass]=\"class +' atomix-form-textarea'\"\n  [disabled]=\"disabled\"\n  autocomplete=\"new-password\"\n  [formControl]=\"control\"\n  [placeholder]=\"placeholder\"\n></textarea>\n", styles: ["::ng-deep .atomix-form-textarea{border-radius:8px;margin-top:.2rem;font-family:Inter var,sans-serif;padding:.5rem}\n"] }]
         }], propDecorators: { controlName: [{
                 type: Input
             }], form: [{

package/esm2022/lib/lib/atomix-select-button/atomix-select-button-models.mjs

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXRvbWl4LXNlbGVjdC1idXR0b24tbW9kZWxzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcHJpbWVraXQvc3JjL2xpYi9saWIvYXRvbWl4LXNlbGVjdC1idXR0b24vYXRvbWl4LXNlbGVjdC1idXR0b24tbW9kZWxzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgaW50ZXJmYWNlIFNlbGVjdEJ1dHRvblN0YXRlT3B0aW9uIHtcbiAgbGFiZWw6IHN0cmluZztcbiAgdmFsdWU6IHN0cmluZztcbn0iXX0=

package/esm2022/lib/lib/atomix-select-button/atomix-select-button.component.mjs

@@ -0,0 +1,25 @@
+import { Component, EventEmitter, Input, Output } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/forms";
+import * as i2 from "primeng/selectbutton";
+export class AtomixSelectButtonComponent {
+    onOptionClick = new EventEmitter();
+    stateOptions = [];
+    value = '';
+    optionClickHandler(event) {
+        this.onOptionClick.emit(event);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AtomixSelectButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: AtomixSelectButtonComponent, selector: "atomix-select-button", inputs: { stateOptions: "stateOptions", value: "value" }, outputs: { onOptionClick: "onOptionClick" }, ngImport: i0, template: "<p-selectButton\n  [options]=\"stateOptions\"\n  [(ngModel)]=\"value\"\n  optionLabel=\"label\"\n  optionValue=\"value\"\n  (onOptionClick)=\"optionClickHandler($event.option.value)\"\n/>\n", styles: ["::ng-deep .p-selectbutton .p-button.p-highlight{background:#63b77e;border-color:#63b77e;color:#fff}\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.SelectButton, selector: "p-selectButton", inputs: ["options", "optionLabel", "optionValue", "optionDisabled", "unselectable", "tabindex", "multiple", "allowEmpty", "style", "styleClass", "ariaLabelledBy", "disabled", "dataKey", "autofocus"], outputs: ["onOptionClick", "onChange"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AtomixSelectButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'atomix-select-button', template: "<p-selectButton\n  [options]=\"stateOptions\"\n  [(ngModel)]=\"value\"\n  optionLabel=\"label\"\n  optionValue=\"value\"\n  (onOptionClick)=\"optionClickHandler($event.option.value)\"\n/>\n", styles: ["::ng-deep .p-selectbutton .p-button.p-highlight{background:#63b77e;border-color:#63b77e;color:#fff}\n"] }]
+        }], propDecorators: { onOptionClick: [{
+                type: Output
+            }], stateOptions: [{
+                type: Input
+            }], value: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXRvbWl4LXNlbGVjdC1idXR0b24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcHJpbWVraXQvc3JjL2xpYi9saWIvYXRvbWl4LXNlbGVjdC1idXR0b24vYXRvbWl4LXNlbGVjdC1idXR0b24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvcHJpbWVraXQvc3JjL2xpYi9saWIvYXRvbWl4LXNlbGVjdC1idXR0b24vYXRvbWl4LXNlbGVjdC1idXR0b24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7OztBQVN2RSxNQUFNLE9BQU8sMkJBQTJCO0lBQzVCLGFBQWEsR0FBRyxJQUFJLFlBQVksRUFBZ0MsQ0FBQztJQUNsRSxZQUFZLEdBQThCLEVBQUUsQ0FBQztJQUU3QyxLQUFLLEdBQVcsRUFBRSxDQUFDO0lBRTVCLGtCQUFrQixDQUFDLEtBQW1DO1FBQ3BELElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ2pDLENBQUM7d0dBUlUsMkJBQTJCOzRGQUEzQiwyQkFBMkIsbUtDVHhDLCtMQU9BOzs0RkRFYSwyQkFBMkI7a0JBTHZDLFNBQVM7K0JBQ0Usc0JBQXNCOzhCQUt0QixhQUFhO3NCQUF0QixNQUFNO2dCQUNFLFlBQVk7c0JBQXBCLEtBQUs7Z0JBRUcsS0FBSztzQkFBYixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFNlbGVjdEJ1dHRvbk9wdGlvbkNsaWNrRXZlbnQgfSBmcm9tICdwcmltZW5nL3NlbGVjdGJ1dHRvbic7XG5pbXBvcnQgeyBTZWxlY3RCdXR0b25TdGF0ZU9wdGlvbiB9IGZyb20gJy4vYXRvbWl4LXNlbGVjdC1idXR0b24tbW9kZWxzJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXRvbWl4LXNlbGVjdC1idXR0b24nLFxuICB0ZW1wbGF0ZVVybDogJy4vYXRvbWl4LXNlbGVjdC1idXR0b24uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9hdG9taXgtc2VsZWN0LWJ1dHRvbi5jb21wb25lbnQuY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIEF0b21peFNlbGVjdEJ1dHRvbkNvbXBvbmVudCB7XG4gIEBPdXRwdXQoKSBvbk9wdGlvbkNsaWNrID0gbmV3IEV2ZW50RW1pdHRlcjxTZWxlY3RCdXR0b25PcHRpb25DbGlja0V2ZW50PigpO1xuICBASW5wdXQoKSBzdGF0ZU9wdGlvbnM6IFNlbGVjdEJ1dHRvblN0YXRlT3B0aW9uW10gPSBbXTtcblxuICBASW5wdXQoKSB2YWx1ZTogc3RyaW5nID0gJyc7XG5cbiAgb3B0aW9uQ2xpY2tIYW5kbGVyKGV2ZW50OiBTZWxlY3RCdXR0b25PcHRpb25DbGlja0V2ZW50KSB7XG4gICAgdGhpcy5vbk9wdGlvbkNsaWNrLmVtaXQoZXZlbnQpO1xuICB9XG59XG4iLCI8cC1zZWxlY3RCdXR0b25cbiAgW29wdGlvbnNdPVwic3RhdGVPcHRpb25zXCJcbiAgWyhuZ01vZGVsKV09XCJ2YWx1ZVwiXG4gIG9wdGlvbkxhYmVsPVwibGFiZWxcIlxuICBvcHRpb25WYWx1ZT1cInZhbHVlXCJcbiAgKG9uT3B0aW9uQ2xpY2spPVwib3B0aW9uQ2xpY2tIYW5kbGVyKCRldmVudC5vcHRpb24udmFsdWUpXCJcbi8+XG4iXX0=