primekit 0.0.36 → 0.0.38

package/fesm2022/primekit.mjs

@@ -1,9 +1,9 @@
 import * as i0 from '@angular/core';
-import { Injectable, Component, Input, EventEmitter, Output, TemplateRef, ViewChild, ContentChild, NgModule } from '@angular/core';
+import { Injectable, Component, Input, EventEmitter, Output, TemplateRef, ViewChild, ContentChild, forwardRef, NgModule } from '@angular/core';
 import * as i1$2 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i2$2 from '@angular/forms';
-import { FormsModule, ReactiveFormsModule } from '@angular/forms';
+import { NG_VALUE_ACCESSOR, FormsModule, ReactiveFormsModule } from '@angular/forms';
 import * as i2 from 'primeng/button';
 import { ButtonModule } from 'primeng/button';
 import { DialogModule } from 'primeng/dialog';
@@ -187,15 +187,15 @@ class AtomixButtonComponent {
     iconPos = 'left';
     buttonData;
     buttonClick = new EventEmitter();
-    onButtonClick() {
-        this.buttonClick.emit(this.buttonData); // Emit the event when button is clicked
+    onButtonClick(event) {
+        this.buttonClick.emit(event); // Emit the event when button is clicked
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AtomixButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: AtomixButtonComponent, selector: "atomix-button", inputs: { label: "label", disabled: "disabled", loading: "loading", size: "size", buttonType: "buttonType", type: "type", class: "class", icon: "icon", iconPos: "iconPos", buttonData: "buttonData" }, outputs: { buttonClick: "buttonClick" }, ngImport: i0, template: "<button\n  pButton\n  pRipple\n  [label]=\"label\"\n  [ngClass]=\"{\n    'p-button-primary': buttonType === 'primary',\n    'p-button-outlined': buttonType === 'outlined',\n    'p-button-text': buttonType === 'text',\n    'refresh-button': buttonType === 'refresh',\n  }\"\n  [class]=\"class\"\n  [disabled]=\"disabled\"\n  [loading]=\"loading\"\n  [size]=\"size\"\n  [icon]=\"icon\"\n  [iconPos]=\"iconPos\"\n  (click)=\"onButtonClick()\"\n  [type]=\"type\"\n></button>\n", styles: ["::ng-deep .p-button-primary{background-color:#63b77e;color:#fff!important;border-radius:12px;height:40px;padding:10.5px 17.5px;font-size:14px;font-weight:700;line-height:17px;outline:none;border:none;cursor:pointer}:is():enabled:hover{background-color:#63b77e}:is():disabled .p-button-label{color:#00000061!important}::ng-deep .p-button-outlined{background-color:#fff!important;color:#63b77e!important;border-radius:12px;height:40px;padding:10.5px 17.5px;font-size:14px;font-weight:700;line-height:17px;cursor:pointer}::ng-deep .p-button-text{color:#424242;background:none;border-radius:1px solid gray}:is():disabled{background:none!important}::ng-deep .refresh-button{background-color:#fff!important;border-radius:50%;height:40px;width:40px}\n"], dependencies: [{ kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: AtomixButtonComponent, selector: "atomix-button", inputs: { label: "label", disabled: "disabled", loading: "loading", size: "size", buttonType: "buttonType", type: "type", class: "class", icon: "icon", iconPos: "iconPos", buttonData: "buttonData" }, outputs: { buttonClick: "buttonClick" }, ngImport: i0, template: "<button\n  pButton\n  pRipple\n  [label]=\"label\"\n  [ngClass]=\"[\n  class,\n  buttonType === 'primary' ? 'p-button-primary' : '',\n  buttonType === 'outlined' ? 'p-button-outlined' : '',\n  buttonType === 'text' ? 'p-button-text' : '',\n  buttonType === 'refresh' ? 'refresh-button' : ''\n]\"\n  [disabled]=\"disabled\"\n  [loading]=\"loading\"\n  [size]=\"size\"\n  [icon]=\"icon\"\n  [iconPos]=\"iconPos\"\n  (click)=\"onButtonClick($event)\" \n  [type]=\"type\"\n></button>\n", styles: ["::ng-deep .p-button-primary{background-color:#63b77e;color:#fff!important;border-radius:12px;height:40px;padding:10.5px 17.5px;font-size:14px;font-weight:700;line-height:17px;outline:none;border:none;cursor:pointer}:is():enabled:hover{background-color:#63b77e}:is():disabled .p-button-label{color:#00000061!important}::ng-deep .p-button-outlined{background-color:#fff!important;color:#63b77e!important;border-radius:12px;height:40px;padding:10.5px 17.5px;font-size:14px;font-weight:700;line-height:17px;cursor:pointer}::ng-deep .p-button-text{color:#424242;background:none;border-radius:1px solid gray}:is():disabled{background:none!important}::ng-deep .refresh-button{background-color:#fff!important;border-radius:50%;height:40px;width:40px}\n"], dependencies: [{ kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.ButtonDirective, selector: "[pButton]", inputs: ["iconPos", "loadingIcon", "label", "icon", "loading", "severity", "raised", "rounded", "text", "outlined", "size", "plain"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AtomixButtonComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'atomix-button', template: "<button\n  pButton\n  pRipple\n  [label]=\"label\"\n  [ngClass]=\"{\n    'p-button-primary': buttonType === 'primary',\n    'p-button-outlined': buttonType === 'outlined',\n    'p-button-text': buttonType === 'text',\n    'refresh-button': buttonType === 'refresh',\n  }\"\n  [class]=\"class\"\n  [disabled]=\"disabled\"\n  [loading]=\"loading\"\n  [size]=\"size\"\n  [icon]=\"icon\"\n  [iconPos]=\"iconPos\"\n  (click)=\"onButtonClick()\"\n  [type]=\"type\"\n></button>\n", styles: ["::ng-deep .p-button-primary{background-color:#63b77e;color:#fff!important;border-radius:12px;height:40px;padding:10.5px 17.5px;font-size:14px;font-weight:700;line-height:17px;outline:none;border:none;cursor:pointer}:is():enabled:hover{background-color:#63b77e}:is():disabled .p-button-label{color:#00000061!important}::ng-deep .p-button-outlined{background-color:#fff!important;color:#63b77e!important;border-radius:12px;height:40px;padding:10.5px 17.5px;font-size:14px;font-weight:700;line-height:17px;cursor:pointer}::ng-deep .p-button-text{color:#424242;background:none;border-radius:1px solid gray}:is():disabled{background:none!important}::ng-deep .refresh-button{background-color:#fff!important;border-radius:50%;height:40px;width:40px}\n"] }]
+            args: [{ selector: 'atomix-button', template: "<button\n  pButton\n  pRipple\n  [label]=\"label\"\n  [ngClass]=\"[\n  class,\n  buttonType === 'primary' ? 'p-button-primary' : '',\n  buttonType === 'outlined' ? 'p-button-outlined' : '',\n  buttonType === 'text' ? 'p-button-text' : '',\n  buttonType === 'refresh' ? 'refresh-button' : ''\n]\"\n  [disabled]=\"disabled\"\n  [loading]=\"loading\"\n  [size]=\"size\"\n  [icon]=\"icon\"\n  [iconPos]=\"iconPos\"\n  (click)=\"onButtonClick($event)\" \n  [type]=\"type\"\n></button>\n", styles: ["::ng-deep .p-button-primary{background-color:#63b77e;color:#fff!important;border-radius:12px;height:40px;padding:10.5px 17.5px;font-size:14px;font-weight:700;line-height:17px;outline:none;border:none;cursor:pointer}:is():enabled:hover{background-color:#63b77e}:is():disabled .p-button-label{color:#00000061!important}::ng-deep .p-button-outlined{background-color:#fff!important;color:#63b77e!important;border-radius:12px;height:40px;padding:10.5px 17.5px;font-size:14px;font-weight:700;line-height:17px;cursor:pointer}::ng-deep .p-button-text{color:#424242;background:none;border-radius:1px solid gray}:is():disabled{background:none!important}::ng-deep .refresh-button{background-color:#fff!important;border-radius:50%;height:40px;width:40px}\n"] }]
         }], propDecorators: { label: [{
                 type: Input
             }], disabled: [{
@@ -829,11 +829,11 @@ 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\"\n  appendTo=\"body\"\n  (onSelect)=\"dateChangeHandler.emit($event)\"\n/>\n", styles: [""], dependencies: [{ kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i1$3.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: i2$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: 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$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i1$3.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: i2$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: 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\"\n  appendTo=\"body\"\n  (onSelect)=\"dateChangeHandler.emit($event)\"\n/>\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}\n"] }]
         }], propDecorators: { controlName: [{
                 type: Input
             }], form: [{
@@ -1177,19 +1177,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 type: Input
             }] } });
 
-class AtomixRadioButtonComponent {
+class AtomixFormRadioButtonComponent {
     controlName;
     form;
     value = { name: '', key: '' };
     get control() {
         return this.form.get(this.controlName);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AtomixRadioButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: AtomixRadioButtonComponent, selector: "atomix-radio-button", inputs: { controlName: "controlName", form: "form", value: "value" }, ngImport: i0, template: "<p-radioButton\n  [formControl]=\"control\"\n  [inputId]=\"controlName\"\n  [value]=\"value\"\n></p-radioButton>\n<label [for]=\"controlName\" class=\"ml-2\">{{ value.name }}</label>\n", styles: [""], dependencies: [{ kind: "directive", type: i2$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i2$4.RadioButton, selector: "p-radioButton", inputs: ["value", "formControlName", "name", "disabled", "label", "variant", "tabindex", "inputId", "ariaLabelledBy", "ariaLabel", "style", "styleClass", "labelStyleClass", "autofocus"], outputs: ["onClick", "onFocus", "onBlur"] }] });
+    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-button", inputs: { controlName: "controlName", form: "form", value: "value" }, ngImport: i0, template: "<p-radioButton\n  [formControl]=\"control\"\n  [inputId]=\"controlName\"\n  [value]=\"value\"\n></p-radioButton>\n<label [for]=\"controlName\" class=\"ml-2\">{{ value.name }}</label>\n", styles: [""], dependencies: [{ kind: "directive", type: i2$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i2$4.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: AtomixRadioButtonComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AtomixFormRadioButtonComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'atomix-radio-button', template: "<p-radioButton\n  [formControl]=\"control\"\n  [inputId]=\"controlName\"\n  [value]=\"value\"\n></p-radioButton>\n<label [for]=\"controlName\" class=\"ml-2\">{{ value.name }}</label>\n" }]
+            args: [{ selector: 'atomix-form-radio-button', template: "<p-radioButton\n  [formControl]=\"control\"\n  [inputId]=\"controlName\"\n  [value]=\"value\"\n></p-radioButton>\n<label [for]=\"controlName\" class=\"ml-2\">{{ value.name }}</label>\n" }]
         }], propDecorators: { controlName: [{
                 type: Input
             }], form: [{
@@ -1206,20 +1206,19 @@ class AtomixToastComponent {
         this.router = router;
     }
     toast;
-    showSuccess(title, message, life = 3000) {
+    key = '';
+    showSuccess(title, message) {
         this.messageService.add({
             severity: 'success',
             summary: title,
             detail: message,
-            life,
         });
     }
-    showWarning(title, message, duration = 3000) {
+    showWarning(title, message) {
         this.messageService.add({
             severity: 'warn',
             summary: title,
             detail: message,
-            life: duration,
         });
     }
     showError(title, message) {
@@ -1229,19 +1228,15 @@ class AtomixToastComponent {
             detail: message,
         });
     }
-    showInfo(title, message, life) {
+    showInfo(title, message) {
         this.messageService.add({
             severity: 'info',
             summary: title,
             detail: message,
-            life,
         });
     }
-    onConfirm() {
-        this.router.navigate([`app/account/downloads`]);
-    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AtomixToastComponent, deps: [{ token: i1$4.MessageService }, { token: i2$5.Router }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: AtomixToastComponent, selector: "atomix-toast", viewQueries: [{ propertyName: "toast", first: true, predicate: ["toast"], descendants: true }], ngImport: i0, template: "<p-toast></p-toast>\n", styles: [".custom-download-button{background-color:#4caf50!important;border-color:#4caf50!important;color:#fff!important;padding:8px 16px;border-radius:4px;font-size:14px;font-weight:600}.toast-container{display:flex;flex-direction:column;align-items:flex-start;padding:16px;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.toast-header{margin-bottom:8px}.toast-summary{font-size:18px;font-weight:600;margin-bottom:4px}.toast-detail{font-size:14px;margin-bottom:16px}.download-button-container{display:flex;justify-content:flex-end;width:100%}.custom-download-link{color:#4caf50;cursor:pointer;text-decoration:underline}\n"], dependencies: [{ kind: "component", type: i3$1.Toast, selector: "p-toast", inputs: ["key", "autoZIndex", "baseZIndex", "life", "style", "styleClass", "position", "preventOpenDuplicates", "preventDuplicates", "showTransformOptions", "hideTransformOptions", "showTransitionOptions", "hideTransitionOptions", "breakpoints"], outputs: ["onClose"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: AtomixToastComponent, selector: "atomix-toast", inputs: { key: "key" }, viewQueries: [{ propertyName: "toast", first: true, predicate: ["toast"], descendants: true }], ngImport: i0, template: "<p-toast></p-toast>\n", styles: [".custom-download-button{background-color:#4caf50!important;border-color:#4caf50!important;color:#fff!important;padding:8px 16px;border-radius:4px;font-size:14px;font-weight:600}.toast-container{display:flex;flex-direction:column;align-items:flex-start;padding:16px;background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a}.toast-header{margin-bottom:8px}.toast-summary{font-size:18px;font-weight:600;margin-bottom:4px}.toast-detail{font-size:14px;margin-bottom:16px}.download-button-container{display:flex;justify-content:flex-end;width:100%}.custom-download-link{color:#4caf50;cursor:pointer;text-decoration:underline}\n"], dependencies: [{ kind: "component", type: i3$1.Toast, selector: "p-toast", inputs: ["key", "autoZIndex", "baseZIndex", "life", "style", "styleClass", "position", "preventOpenDuplicates", "preventDuplicates", "showTransformOptions", "hideTransformOptions", "showTransitionOptions", "hideTransitionOptions", "breakpoints"], outputs: ["onClose"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AtomixToastComponent, decorators: [{
             type: Component,
@@ -1249,6 +1244,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
         }], ctorParameters: () => [{ type: i1$4.MessageService }, { type: i2$5.Router }], propDecorators: { toast: [{
                 type: ViewChild,
                 args: ['toast']
+            }], key: [{
+                type: Input
             }] } });
 
 class AtomixMessagesComponent {
@@ -1299,6 +1296,51 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 type: Input
             }] } });
 
+class AtomixRadioButtonComponent {
+    name = '';
+    value = '';
+    selectedValue = '';
+    inputId = '';
+    model;
+    onChange = (_) => { };
+    onTouched = () => { };
+    writeValue(value) {
+        this.selectedValue = value;
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AtomixRadioButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: AtomixRadioButtonComponent, selector: "atomix-radio-button", inputs: { name: "name", value: "value", selectedValue: "selectedValue", inputId: "inputId" }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => AtomixRadioButtonComponent),
+                multi: true,
+            },
+        ], ngImport: i0, template: "<p-radioButton\n[name]=\"name\"\n[value]=\"value\"\n[(ngModel)]=\"selectedValue\"\n[inputId]=\"inputId\"\n(onChange)=\"onChange($event)\"\n/>", styles: [""], dependencies: [{ kind: "directive", type: i2$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i2$4.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: AtomixRadioButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'atomix-radio-button', providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => AtomixRadioButtonComponent),
+                            multi: true,
+                        },
+                    ], template: "<p-radioButton\n[name]=\"name\"\n[value]=\"value\"\n[(ngModel)]=\"selectedValue\"\n[inputId]=\"inputId\"\n(onChange)=\"onChange($event)\"\n/>" }]
+        }], propDecorators: { name: [{
+                type: Input
+            }], value: [{
+                type: Input
+            }], selectedValue: [{
+                type: Input
+            }], inputId: [{
+                type: Input
+            }] } });
+
 class PrimekitModule {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PrimekitModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
     static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: PrimekitModule, declarations: [AtomixButtonComponent,
@@ -1319,10 +1361,11 @@ class PrimekitModule {
             AtomixFormInputmaskComponent,
             AtomixFormPasswordComponent,
             AtomixFormTextareaComponent,
-            AtomixRadioButtonComponent,
+            AtomixFormRadioButtonComponent,
             AtomixToastComponent,
             AtomixMessagesComponent,
-            AtomixSpinnerComponent], imports: [CommonModule,
+            AtomixSpinnerComponent,
+            AtomixRadioButtonComponent], imports: [CommonModule,
             ButtonModule,
             CardModule,
             DialogModule,
@@ -1362,10 +1405,11 @@ class PrimekitModule {
             AtomixFormInputmaskComponent,
             AtomixFormPasswordComponent,
             AtomixFormTextareaComponent,
-            AtomixRadioButtonComponent,
+            AtomixFormRadioButtonComponent,
             AtomixToastComponent,
             AtomixMessagesComponent,
-            AtomixSpinnerComponent] });
+            AtomixSpinnerComponent,
+            AtomixRadioButtonComponent] });
     static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PrimekitModule, imports: [CommonModule,
             ButtonModule,
             CardModule,
@@ -1411,10 +1455,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         AtomixFormInputmaskComponent,
                         AtomixFormPasswordComponent,
                         AtomixFormTextareaComponent,
-                        AtomixRadioButtonComponent,
+                        AtomixFormRadioButtonComponent,
                         AtomixToastComponent,
                         AtomixMessagesComponent,
-                        AtomixSpinnerComponent
+                        AtomixSpinnerComponent,
+                        AtomixRadioButtonComponent
                     ],
                     imports: [
                         CommonModule,
@@ -1460,10 +1505,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         AtomixFormInputmaskComponent,
                         AtomixFormPasswordComponent,
                         AtomixFormTextareaComponent,
-                        AtomixRadioButtonComponent,
+                        AtomixFormRadioButtonComponent,
                         AtomixToastComponent,
                         AtomixMessagesComponent,
-                        AtomixSpinnerComponent
+                        AtomixSpinnerComponent,
+                        AtomixRadioButtonComponent
                     ], // Export your component
                 }]
         }] });
@@ -1486,5 +1532,5 @@ function getPowerOffIcon() {
  * Generated bundle index. Do not edit.
  */
 
-export { AtomixButtonComponent, AtomixCalendarComponent, AtomixCardComponent, AtomixConfirmationDialogComponent, AtomixDropdownComponent, AtomixFormAutocompleteComponent, AtomixFormCalendarComponent, AtomixFormCheckboxComponent, AtomixFormChipsComponent, AtomixFormDropdownComponent, AtomixFormInputComponent, AtomixFormInputmaskComponent, AtomixFormPasswordComponent, AtomixFormTextareaComponent, AtomixInputComponent, AtomixMessagesComponent, AtomixPaginationComponent, AtomixRadioButtonComponent, AtomixSnackbarComponent, AtomixSpinnerComponent, AtomixTableComponent, AtomixToastComponent, PrimekitComponent, PrimekitModule, PrimekitService, getEditIcon, getPowerOffIcon, getTrashIcon };
+export { AtomixButtonComponent, AtomixCalendarComponent, AtomixCardComponent, AtomixConfirmationDialogComponent, AtomixDropdownComponent, AtomixFormAutocompleteComponent, AtomixFormCalendarComponent, AtomixFormCheckboxComponent, AtomixFormChipsComponent, AtomixFormDropdownComponent, AtomixFormInputComponent, AtomixFormInputmaskComponent, AtomixFormPasswordComponent, AtomixFormRadioButtonComponent, AtomixFormTextareaComponent, AtomixInputComponent, AtomixMessagesComponent, AtomixPaginationComponent, AtomixRadioButtonComponent, AtomixSnackbarComponent, AtomixSpinnerComponent, AtomixTableComponent, AtomixToastComponent, PrimekitComponent, PrimekitModule, PrimekitService, getEditIcon, getPowerOffIcon, getTrashIcon };
 //# sourceMappingURL=primekit.mjs.map