primekit 0.0.35 → 0.0.37

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';
@@ -37,6 +37,10 @@ import * as i2$4 from 'primeng/radiobutton';
 import { RadioButtonModule } from 'primeng/radiobutton';
 import * as i3$1 from 'primeng/toast';
 import { ToastModule } from 'primeng/toast';
+import * as i1$5 from 'primeng/messages';
+import { MessagesModule } from 'primeng/messages';
+import * as i1$6 from 'primeng/progressspinner';
+import { ProgressSpinnerModule } from 'primeng/progressspinner';
 import * as i1$1 from 'primeng/dynamicdialog';
 import { Subject, debounceTime, distinctUntilChanged, Subscription } from 'rxjs';
 import * as i1$4 from 'primeng/api';
@@ -359,11 +363,11 @@ class AtomixDropdownComponent {
         this.filerValue.next(event);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AtomixDropdownComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: AtomixDropdownComponent, selector: "atomix-dropdown", inputs: { options: "options", selectedValues: "selectedValues", optionValue: "optionValue", placeholder: "placeholder", optionLabel: "optionLabel", filter: "filter", name: "name", dropDownStyleClass: "dropDownStyleClass", withIcon: "withIcon", disabled: "disabled", showClear: "showClear", iconName: "iconName", containerClass: "containerClass", label: "label", isLabelRequired: "isLabelRequired" }, outputs: { handleDropdownValueChange: "handleDropdownValueChange", handleOnFilter: "handleOnFilter" }, ngImport: i0, template: "<label *ngIf=\"label\"\n  >{{ label }}\n  <span *ngIf=\"isLabelRequired\" class=\"error-asterisk\">*</span></label\n>\n<p-dropdown\n  [options]=\"options\"\n  [(ngModel)]=\"selectedValues\"\n  (onChange)=\"onChange($event)\"\n  [optionValue]=\"optionValue\"\n  [optionLabel]=\"optionLabel\"\n  [showClear]=\"showClear\"\n  [filter]=\"filter\"\n  [filterBy]=\"optionLabel\"\n  appendTo=\"body\"\n  [disabled]=\"disabled\"\n  [styleClass]=\"dropDownStyleClass\"\n  (onFilter)=\"onFilter($event)\"\n  [placeholder]=\"placeholder\"\n>\n  <ng-template let-option pTemplate=\"item\">\n    <div class=\"custom-item\">\n      <i\n        [ngClass]=\"option.dropdownIcon\"\n        class=\"dropdown-logo\"\n        *ngIf=\"option.dropdownIcon\"\n      ></i>\n      <img\n        [alt]=\"option.dropdownImage\"\n        [src]=\"option.dropdownImage\"\n        *ngIf=\"option.dropdownImage\"\n        class=\"dropdown-image\"\n      />\n\n      <span>{{ option[optionLabel] }}</span>\n    </div>\n  </ng-template>\n</p-dropdown>\n", styles: ["::ng-deep .p-dropdown-panel{margin-top:5px!important}.dropdown-image{width:25px;margin-right:.7rem}.dropdown-logo{text-align:center;font-size:25px;margin-right:.7rem}\n"], dependencies: [{ kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$4.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i2$3.Dropdown, selector: "p-dropdown", inputs: ["id", "scrollHeight", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "variant", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "autoDisplayFirst", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "maxlength", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "autoShowPanelOnPrintableCharacterKeyDown", "disabled", "itemSize", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "filterValue", "options"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "directive", type: i2$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: AtomixDropdownComponent, selector: "atomix-dropdown", inputs: { options: "options", selectedValues: "selectedValues", optionValue: "optionValue", placeholder: "placeholder", optionLabel: "optionLabel", filter: "filter", name: "name", dropDownStyleClass: "dropDownStyleClass", withIcon: "withIcon", disabled: "disabled", showClear: "showClear", iconName: "iconName", containerClass: "containerClass", label: "label", isLabelRequired: "isLabelRequired" }, outputs: { handleDropdownValueChange: "handleDropdownValueChange", handleOnFilter: "handleOnFilter" }, ngImport: i0, template: "<label *ngIf=\"label\"\n  >{{ label }}\n  <span *ngIf=\"isLabelRequired\" class=\"error-asterisk\">*</span></label\n>\n<p-dropdown\n  [options]=\"options\"\n  [(ngModel)]=\"selectedValues\"\n  (onChange)=\"onChange($event)\"\n  [optionValue]=\"optionValue\"\n  [optionLabel]=\"optionLabel\"\n  [showClear]=\"showClear\"\n  [filter]=\"filter\"\n  [filterBy]=\"optionLabel\"\n  appendTo=\"body\"\n  [disabled]=\"disabled\"\n  [styleClass]=\"dropDownStyleClass + ' dropdown'\"\n  (onFilter)=\"onFilter($event)\"\n  [placeholder]=\"placeholder\"\n>\n  <ng-template let-option pTemplate=\"item\">\n    <div class=\"custom-item\">\n      <i\n        [ngClass]=\"option.dropdownIcon\"\n        class=\"dropdown-logo\"\n        *ngIf=\"option.dropdownIcon\"\n      ></i>\n      <img\n        [alt]=\"option.dropdownImage\"\n        [src]=\"option.dropdownImage\"\n        *ngIf=\"option.dropdownImage\"\n        class=\"dropdown-image\"\n      />\n\n      <span>{{ option[optionLabel] }}</span>\n    </div>\n  </ng-template>\n</p-dropdown>\n", styles: ["::ng-deep .p-dropdown-panel{margin-top:5px!important}.dropdown-image{width:25px;margin-right:.7rem}.dropdown-logo{text-align:center;font-size:25px;margin-right:.7rem}::ng-deep .dropdown{margin-top:.2rem!important}:is() .p-inputtext{padding:1rem!important}\n"], dependencies: [{ kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$4.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i2$3.Dropdown, selector: "p-dropdown", inputs: ["id", "scrollHeight", "filter", "name", "style", "panelStyle", "styleClass", "panelStyleClass", "readonly", "required", "editable", "appendTo", "tabindex", "placeholder", "loadingIcon", "filterPlaceholder", "filterLocale", "variant", "inputId", "dataKey", "filterBy", "filterFields", "autofocus", "resetFilterOnHide", "checkmark", "dropdownIcon", "loading", "optionLabel", "optionValue", "optionDisabled", "optionGroupLabel", "optionGroupChildren", "autoDisplayFirst", "group", "showClear", "emptyFilterMessage", "emptyMessage", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "overlayOptions", "ariaFilterLabel", "ariaLabel", "ariaLabelledBy", "filterMatchMode", "maxlength", "tooltip", "tooltipPosition", "tooltipPositionStyle", "tooltipStyleClass", "focusOnHover", "selectOnFocus", "autoOptionFocus", "autofocusFilter", "autoShowPanelOnPrintableCharacterKeyDown", "disabled", "itemSize", "autoZIndex", "baseZIndex", "showTransitionOptions", "hideTransitionOptions", "filterValue", "options"], outputs: ["onChange", "onFilter", "onFocus", "onBlur", "onClick", "onShow", "onHide", "onClear", "onLazyLoad"] }, { kind: "directive", type: i2$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AtomixDropdownComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'atomix-dropdown', template: "<label *ngIf=\"label\"\n  >{{ label }}\n  <span *ngIf=\"isLabelRequired\" class=\"error-asterisk\">*</span></label\n>\n<p-dropdown\n  [options]=\"options\"\n  [(ngModel)]=\"selectedValues\"\n  (onChange)=\"onChange($event)\"\n  [optionValue]=\"optionValue\"\n  [optionLabel]=\"optionLabel\"\n  [showClear]=\"showClear\"\n  [filter]=\"filter\"\n  [filterBy]=\"optionLabel\"\n  appendTo=\"body\"\n  [disabled]=\"disabled\"\n  [styleClass]=\"dropDownStyleClass\"\n  (onFilter)=\"onFilter($event)\"\n  [placeholder]=\"placeholder\"\n>\n  <ng-template let-option pTemplate=\"item\">\n    <div class=\"custom-item\">\n      <i\n        [ngClass]=\"option.dropdownIcon\"\n        class=\"dropdown-logo\"\n        *ngIf=\"option.dropdownIcon\"\n      ></i>\n      <img\n        [alt]=\"option.dropdownImage\"\n        [src]=\"option.dropdownImage\"\n        *ngIf=\"option.dropdownImage\"\n        class=\"dropdown-image\"\n      />\n\n      <span>{{ option[optionLabel] }}</span>\n    </div>\n  </ng-template>\n</p-dropdown>\n", styles: ["::ng-deep .p-dropdown-panel{margin-top:5px!important}.dropdown-image{width:25px;margin-right:.7rem}.dropdown-logo{text-align:center;font-size:25px;margin-right:.7rem}\n"] }]
+            args: [{ selector: 'atomix-dropdown', template: "<label *ngIf=\"label\"\n  >{{ label }}\n  <span *ngIf=\"isLabelRequired\" class=\"error-asterisk\">*</span></label\n>\n<p-dropdown\n  [options]=\"options\"\n  [(ngModel)]=\"selectedValues\"\n  (onChange)=\"onChange($event)\"\n  [optionValue]=\"optionValue\"\n  [optionLabel]=\"optionLabel\"\n  [showClear]=\"showClear\"\n  [filter]=\"filter\"\n  [filterBy]=\"optionLabel\"\n  appendTo=\"body\"\n  [disabled]=\"disabled\"\n  [styleClass]=\"dropDownStyleClass + ' dropdown'\"\n  (onFilter)=\"onFilter($event)\"\n  [placeholder]=\"placeholder\"\n>\n  <ng-template let-option pTemplate=\"item\">\n    <div class=\"custom-item\">\n      <i\n        [ngClass]=\"option.dropdownIcon\"\n        class=\"dropdown-logo\"\n        *ngIf=\"option.dropdownIcon\"\n      ></i>\n      <img\n        [alt]=\"option.dropdownImage\"\n        [src]=\"option.dropdownImage\"\n        *ngIf=\"option.dropdownImage\"\n        class=\"dropdown-image\"\n      />\n\n      <span>{{ option[optionLabel] }}</span>\n    </div>\n  </ng-template>\n</p-dropdown>\n", styles: ["::ng-deep .p-dropdown-panel{margin-top:5px!important}.dropdown-image{width:25px;margin-right:.7rem}.dropdown-logo{text-align:center;font-size:25px;margin-right:.7rem}::ng-deep .dropdown{margin-top:.2rem!important}:is() .p-inputtext{padding:1rem!important}\n"] }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.NgZone }], propDecorators: { options: [{
                 type: Input
             }], selectedValues: [{
@@ -608,7 +612,6 @@ class AtomixTableComponent {
     }
     dropdownHandler(event) {
         this.pageDropdownChange.emit(event?.value);
-        this.size = event?.value;
     }
     handleActionClick(action, rowData) {
         if (action.click) {
@@ -711,25 +714,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 type: Input
             }] } });
 
-class AtomixTableSkeletonComponent {
-    columns = [];
-    rows = 10;
-    placeholderArray = [];
-    ngOnChanges() {
-        this.placeholderArray = Array(this.rows).fill({}); // Update placeholderArray when rows change
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AtomixTableSkeletonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: AtomixTableSkeletonComponent, selector: "app-table-skeleton", inputs: { columns: "columns", rows: "rows" }, usesOnChanges: true, ngImport: i0, template: "<p-table\n  [value]=\"placeholderArray\"\n  class=\"p-datatable-skeleton\"\n  [paginator]=\"false\"\n  [scrollable]=\"true\"\n  [rows]=\"rows\"\n>\n  <ng-template pTemplate=\"header\">\n    <tr>\n      <th *ngFor=\"let col of columns\" [pSortableColumn]=\"col.field\">\n        <div class=\"header-content\">\n          <span [title]=\"col?.name\">\n            {{ col?.name }}\n          </span>\n        </div>\n      </th>\n    </tr>\n  </ng-template>\n\n  <ng-template pTemplate=\"body\">\n    <tr>\n      <td *ngFor=\"let col of columns\">\n        <p-skeleton width=\"100px\" height=\"2rem\"></p-skeleton>\n      </td>\n    </tr>\n  </ng-template>\n</p-table>\n", styles: [".header-content{color:#374151;font-weight:600}\n"], dependencies: [{ kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$4.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i7.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "groupRowsByOrder", "responsiveLayout", "breakpoint", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "selectAll", "virtualRowHeight"], outputs: ["contextMenuSelectionChange", "selectAllChange", "selectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i7.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "component", type: i8.Skeleton, selector: "p-skeleton", inputs: ["styleClass", "style", "shape", "animation", "borderRadius", "size", "width", "height"] }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AtomixTableSkeletonComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'app-table-skeleton', template: "<p-table\n  [value]=\"placeholderArray\"\n  class=\"p-datatable-skeleton\"\n  [paginator]=\"false\"\n  [scrollable]=\"true\"\n  [rows]=\"rows\"\n>\n  <ng-template pTemplate=\"header\">\n    <tr>\n      <th *ngFor=\"let col of columns\" [pSortableColumn]=\"col.field\">\n        <div class=\"header-content\">\n          <span [title]=\"col?.name\">\n            {{ col?.name }}\n          </span>\n        </div>\n      </th>\n    </tr>\n  </ng-template>\n\n  <ng-template pTemplate=\"body\">\n    <tr>\n      <td *ngFor=\"let col of columns\">\n        <p-skeleton width=\"100px\" height=\"2rem\"></p-skeleton>\n      </td>\n    </tr>\n  </ng-template>\n</p-table>\n", styles: [".header-content{color:#374151;font-weight:600}\n"] }]
-        }], propDecorators: { columns: [{
-                type: Input
-            }], rows: [{
-                type: Input
-            }] } });
-
 class AtomixPaginationComponent {
     dataLength = 0;
     totalRecords = 0;
@@ -845,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: [{
@@ -1193,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: [{
@@ -1222,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) {
@@ -1245,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,
@@ -1265,6 +1244,101 @@ 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 {
+    value = [];
+    closable = true;
+    severity = '';
+    escape = true;
+    enableService = true;
+    styleClass = '';
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AtomixMessagesComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: AtomixMessagesComponent, selector: "atomix-messages", inputs: { value: "value", closable: "closable", severity: "severity", escape: "escape", enableService: "enableService", styleClass: "styleClass" }, ngImport: i0, template: "<p-messages\n  [(value)]=\"value\"\n  [enableService]=\"false\"\n  [closable]=\"closable\"\n  [severity]=\"severity\"\n  [escape]=\"escape\"\n  [enableService]=\"enableService\"\n  [styleClass]=\"styleClass\"\n/>\n", styles: [""], dependencies: [{ kind: "component", type: i1$5.Messages, selector: "p-messages", inputs: ["value", "closable", "style", "styleClass", "enableService", "key", "escape", "severity", "showTransitionOptions", "hideTransitionOptions"], outputs: ["valueChange", "onClose"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AtomixMessagesComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'atomix-messages', template: "<p-messages\n  [(value)]=\"value\"\n  [enableService]=\"false\"\n  [closable]=\"closable\"\n  [severity]=\"severity\"\n  [escape]=\"escape\"\n  [enableService]=\"enableService\"\n  [styleClass]=\"styleClass\"\n/>\n" }]
+        }], propDecorators: { value: [{
+                type: Input
+            }], closable: [{
+                type: Input
+            }], severity: [{
+                type: Input
+            }], escape: [{
+                type: Input
+            }], enableService: [{
+                type: Input
+            }], styleClass: [{
+                type: Input
+            }] } });
+
+class AtomixSpinnerComponent {
+    animationDuration = '2s';
+    styleClass = '';
+    strokeWidth = '2';
+    fill = 'none';
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AtomixSpinnerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: AtomixSpinnerComponent, selector: "atomix-atomix-spinner", inputs: { animationDuration: "animationDuration", styleClass: "styleClass", strokeWidth: "strokeWidth", fill: "fill" }, ngImport: i0, template: "<p-progressSpinner\n  ariaLabel=\"loading\"\n  [animationDuration]=\"animationDuration\"\n  [styleClass]=\"styleClass\"\n  [strokeWidth]=\"strokeWidth\"\n  [fill]=\"fill\"\n/>\n", styles: [""], dependencies: [{ kind: "component", type: i1$6.ProgressSpinner, selector: "p-progressSpinner", inputs: ["styleClass", "style", "strokeWidth", "fill", "animationDuration", "ariaLabel"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AtomixSpinnerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'atomix-atomix-spinner', template: "<p-progressSpinner\n  ariaLabel=\"loading\"\n  [animationDuration]=\"animationDuration\"\n  [styleClass]=\"styleClass\"\n  [strokeWidth]=\"strokeWidth\"\n  [fill]=\"fill\"\n/>\n" }]
+        }], propDecorators: { animationDuration: [{
+                type: Input
+            }], styleClass: [{
+                type: Input
+            }], strokeWidth: [{
+                type: Input
+            }], fill: [{
+                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 {
@@ -1277,7 +1351,6 @@ class PrimekitModule {
             AtomixDropdownComponent,
             AtomixTableComponent,
             AtomixSnackbarComponent,
-            AtomixTableSkeletonComponent,
             AtomixPaginationComponent,
             AtomixFormAutocompleteComponent,
             AtomixFormCalendarComponent,
@@ -1288,8 +1361,11 @@ class PrimekitModule {
             AtomixFormInputmaskComponent,
             AtomixFormPasswordComponent,
             AtomixFormTextareaComponent,
-            AtomixRadioButtonComponent,
-            AtomixToastComponent], imports: [CommonModule,
+            AtomixFormRadioButtonComponent,
+            AtomixToastComponent,
+            AtomixMessagesComponent,
+            AtomixSpinnerComponent,
+            AtomixRadioButtonComponent], imports: [CommonModule,
             ButtonModule,
             CardModule,
             DialogModule,
@@ -1308,7 +1384,9 @@ class PrimekitModule {
             InputMaskModule,
             PasswordModule,
             RadioButtonModule,
-            ToastModule], exports: [AtomixButtonComponent,
+            ToastModule,
+            MessagesModule,
+            ProgressSpinnerModule], exports: [AtomixButtonComponent,
             AtomixCardComponent,
             AtomixConfirmationDialogComponent,
             AtomixInputComponent,
@@ -1316,7 +1394,6 @@ class PrimekitModule {
             AtomixDropdownComponent,
             AtomixTableComponent,
             AtomixSnackbarComponent,
-            AtomixTableSkeletonComponent,
             AtomixPaginationComponent,
             AtomixFormAutocompleteComponent,
             ReactiveFormsModule,
@@ -1328,8 +1405,11 @@ class PrimekitModule {
             AtomixFormInputmaskComponent,
             AtomixFormPasswordComponent,
             AtomixFormTextareaComponent,
-            AtomixRadioButtonComponent,
-            AtomixToastComponent] });
+            AtomixFormRadioButtonComponent,
+            AtomixToastComponent,
+            AtomixMessagesComponent,
+            AtomixSpinnerComponent,
+            AtomixRadioButtonComponent] });
     static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PrimekitModule, imports: [CommonModule,
             ButtonModule,
             CardModule,
@@ -1349,7 +1429,9 @@ class PrimekitModule {
             InputMaskModule,
             PasswordModule,
             RadioButtonModule,
-            ToastModule, ReactiveFormsModule] });
+            ToastModule,
+            MessagesModule,
+            ProgressSpinnerModule, ReactiveFormsModule] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PrimekitModule, decorators: [{
             type: NgModule,
@@ -1363,7 +1445,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         AtomixDropdownComponent,
                         AtomixTableComponent,
                         AtomixSnackbarComponent,
-                        AtomixTableSkeletonComponent,
                         AtomixPaginationComponent,
                         AtomixFormAutocompleteComponent,
                         AtomixFormCalendarComponent,
@@ -1374,8 +1455,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         AtomixFormInputmaskComponent,
                         AtomixFormPasswordComponent,
                         AtomixFormTextareaComponent,
-                        AtomixRadioButtonComponent,
+                        AtomixFormRadioButtonComponent,
                         AtomixToastComponent,
+                        AtomixMessagesComponent,
+                        AtomixSpinnerComponent,
+                        AtomixRadioButtonComponent
                     ],
                     imports: [
                         CommonModule,
@@ -1398,6 +1482,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         PasswordModule,
                         RadioButtonModule,
                         ToastModule,
+                        MessagesModule,
+                        ProgressSpinnerModule
                     ], // Import the PrimeNG Module here
                     exports: [
                         AtomixButtonComponent,
@@ -1408,7 +1494,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         AtomixDropdownComponent,
                         AtomixTableComponent,
                         AtomixSnackbarComponent,
-                        AtomixTableSkeletonComponent,
                         AtomixPaginationComponent,
                         AtomixFormAutocompleteComponent,
                         ReactiveFormsModule,
@@ -1420,8 +1505,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         AtomixFormInputmaskComponent,
                         AtomixFormPasswordComponent,
                         AtomixFormTextareaComponent,
-                        AtomixRadioButtonComponent,
+                        AtomixFormRadioButtonComponent,
                         AtomixToastComponent,
+                        AtomixMessagesComponent,
+                        AtomixSpinnerComponent,
+                        AtomixRadioButtonComponent
                     ], // Export your component
                 }]
         }] });
@@ -1444,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, AtomixPaginationComponent, AtomixRadioButtonComponent, AtomixSnackbarComponent, AtomixTableComponent, AtomixTableSkeletonComponent, 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