primekit 0.0.35 → 0.0.36

package/fesm2022/primekit.mjs

@@ -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;
@@ -1267,6 +1251,54 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                 args: ['toast']
             }] } });
 
+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 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,
@@ -1277,7 +1309,6 @@ class PrimekitModule {
             AtomixDropdownComponent,
             AtomixTableComponent,
             AtomixSnackbarComponent,
-            AtomixTableSkeletonComponent,
             AtomixPaginationComponent,
             AtomixFormAutocompleteComponent,
             AtomixFormCalendarComponent,
@@ -1289,7 +1320,9 @@ class PrimekitModule {
             AtomixFormPasswordComponent,
             AtomixFormTextareaComponent,
             AtomixRadioButtonComponent,
-            AtomixToastComponent], imports: [CommonModule,
+            AtomixToastComponent,
+            AtomixMessagesComponent,
+            AtomixSpinnerComponent], imports: [CommonModule,
             ButtonModule,
             CardModule,
             DialogModule,
@@ -1308,7 +1341,9 @@ class PrimekitModule {
             InputMaskModule,
             PasswordModule,
             RadioButtonModule,
-            ToastModule], exports: [AtomixButtonComponent,
+            ToastModule,
+            MessagesModule,
+            ProgressSpinnerModule], exports: [AtomixButtonComponent,
             AtomixCardComponent,
             AtomixConfirmationDialogComponent,
             AtomixInputComponent,
@@ -1316,7 +1351,6 @@ class PrimekitModule {
             AtomixDropdownComponent,
             AtomixTableComponent,
             AtomixSnackbarComponent,
-            AtomixTableSkeletonComponent,
             AtomixPaginationComponent,
             AtomixFormAutocompleteComponent,
             ReactiveFormsModule,
@@ -1329,7 +1363,9 @@ class PrimekitModule {
             AtomixFormPasswordComponent,
             AtomixFormTextareaComponent,
             AtomixRadioButtonComponent,
-            AtomixToastComponent] });
+            AtomixToastComponent,
+            AtomixMessagesComponent,
+            AtomixSpinnerComponent] });
     static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PrimekitModule, imports: [CommonModule,
             ButtonModule,
             CardModule,
@@ -1349,7 +1385,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 +1401,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         AtomixDropdownComponent,
                         AtomixTableComponent,
                         AtomixSnackbarComponent,
-                        AtomixTableSkeletonComponent,
                         AtomixPaginationComponent,
                         AtomixFormAutocompleteComponent,
                         AtomixFormCalendarComponent,
@@ -1376,6 +1413,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         AtomixFormTextareaComponent,
                         AtomixRadioButtonComponent,
                         AtomixToastComponent,
+                        AtomixMessagesComponent,
+                        AtomixSpinnerComponent
                     ],
                     imports: [
                         CommonModule,
@@ -1398,6 +1437,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 +1449,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         AtomixDropdownComponent,
                         AtomixTableComponent,
                         AtomixSnackbarComponent,
-                        AtomixTableSkeletonComponent,
                         AtomixPaginationComponent,
                         AtomixFormAutocompleteComponent,
                         ReactiveFormsModule,
@@ -1422,6 +1462,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                         AtomixFormTextareaComponent,
                         AtomixRadioButtonComponent,
                         AtomixToastComponent,
+                        AtomixMessagesComponent,
+                        AtomixSpinnerComponent
                     ], // Export your component
                 }]
         }] });
@@ -1444,5 +1486,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, AtomixFormTextareaComponent, AtomixInputComponent, AtomixMessagesComponent, AtomixPaginationComponent, AtomixRadioButtonComponent, AtomixSnackbarComponent, AtomixSpinnerComponent, AtomixTableComponent, AtomixToastComponent, PrimekitComponent, PrimekitModule, PrimekitService, getEditIcon, getPowerOffIcon, getTrashIcon };
 //# sourceMappingURL=primekit.mjs.map