@progress-chef/platform-shared-components 0.0.32 → 0.0.33

package/fesm2022/progress-chef-platform-shared-components.mjs

@@ -39,6 +39,8 @@ import * as i2$5 from '@progress/kendo-angular-tooltip';
 import { TooltipsModule } from '@progress/kendo-angular-tooltip';
 import * as i2$6 from '@progress/kendo-angular-listview';
 import { ListViewModule } from '@progress/kendo-angular-listview';
+import * as i1$3 from '@progress/kendo-angular-utils';
+import { DragTargetContainerDirective, DropTargetContainerDirective, UtilsModule } from '@progress/kendo-angular-utils';
 import * as i2$7 from '@progress/kendo-angular-dialog';
 import { DialogsModule, DialogModule as DialogModule$1 } from '@progress/kendo-angular-dialog';
 import * as i5 from '@progress/kendo-angular-grid';
@@ -2569,6 +2571,10 @@ class ListViewComponent {
     ngOnInit() {
         this.onScrollBottom();
     }
+    ngOnChanges() {
+        this.view = [];
+        this.onScrollBottom();
+    }
     onScrollBottom() {
         if (this.enableEndlessScroll) {
             const next = this.view.length;
@@ -2580,11 +2586,11 @@ class ListViewComponent {
         this.listItemCount.emit(this.view.length);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ListViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ListViewComponent, selector: "lib-list-view", inputs: { data: "data", customHeader: "customHeader", customFooter: "customFooter", height: "height", enableEndlessScroll: "enableEndlessScroll", noOfListItems: "noOfListItems", listItemStyle: "listItemStyle", loading: "loading", navigable: "navigable", containerStyle: "containerStyle" }, outputs: { scrollBottom: "scrollBottom", pageChange: "pageChange", pageSizeChange: "pageSizeChange", listItemCount: "listItemCount" }, queries: [{ propertyName: "templateHeader", first: true, predicate: ["templateHeader"], descendants: true }, { propertyName: "templateFooter", first: true, predicate: ["templateFooter"], descendants: true }, { propertyName: "tempListItem", first: true, predicate: ["tempListItem"], descendants: true }, { propertyName: "templateLoader", first: true, predicate: ["templateLoader"], descendants: true }], ngImport: i0, template: "<kendo-listview [kendoListViewBinding]=\"view\" [style.height.px]=\"height\"\n  (scrollBottom)=\"onScrollBottom()\" containerClass=\"k-d-flex k-flex-col k-flex-nowrap\" [itemStyle]=\"listItemStyle\" [containerStyle]=\"containerStyle\"\n  [loading]=\"loading\" [navigable]=\"navigable\">\n\n  <ng-template kendoListViewHeaderTemplate *ngIf=\"customHeader\">\n    <ng-container *ngTemplateOutlet=\"templateHeader; \"></ng-container>\n  </ng-template>\n\n  <ng-template kendoListViewItemTemplate let-dataItem *ngIf=\"!loading\">\n    <ng-container *ngTemplateOutlet=\"tempListItem; context: {$implicit: dataItem}\">\n    </ng-container>\n  </ng-template>\n\n  <ng-template *ngIf=\"customFooter\" kendoListViewFooterTemplate>\n    <ng-container *ngTemplateOutlet=\"templateFooter; \"></ng-container>\n  </ng-template>\n\n</kendo-listview>\n", styles: [".footer{display:flex;padding:8px 4px 8px 12px;align-items:center}.footer .meta{flex:1}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2$6.ItemTemplateDirective, selector: "[kendoListViewItemTemplate]" }, { kind: "directive", type: i2$6.HeaderTemplateDirective, selector: "[kendoListViewHeaderTemplate]" }, { kind: "directive", type: i2$6.FooterTemplateDirective, selector: "[kendoListViewFooterTemplate]" }, { kind: "directive", type: i2$6.DataBindingDirective, selector: "[kendoListViewBinding]", inputs: ["kendoListViewBinding"] }, { kind: "component", type: i2$6.ListViewComponent, selector: "kendo-listview", inputs: ["data", "loading", "containerStyle", "itemStyle", "containerClass", "itemClass", "containerLabel", "containerRole", "listItemRole", "navigable", "pageSize", "skip", "pageable", "height"], outputs: ["scrollBottom", "pageChange", "pageSizeChange", "edit", "cancel", "save", "remove", "add"], exportAs: ["kendoListView"] }], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ListViewComponent, selector: "lib-list-view", inputs: { data: "data", customHeader: "customHeader", customFooter: "customFooter", height: "height", enableEndlessScroll: "enableEndlessScroll", noOfListItems: "noOfListItems", listItemStyle: "listItemStyle", loading: "loading", navigable: "navigable", containerStyle: "containerStyle" }, outputs: { scrollBottom: "scrollBottom", pageChange: "pageChange", pageSizeChange: "pageSizeChange", listItemCount: "listItemCount" }, queries: [{ propertyName: "templateHeader", first: true, predicate: ["templateHeader"], descendants: true }, { propertyName: "templateFooter", first: true, predicate: ["templateFooter"], descendants: true }, { propertyName: "tempListItem", first: true, predicate: ["tempListItem"], descendants: true }, { propertyName: "templateLoader", first: true, predicate: ["templateLoader"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<kendo-listview [kendoListViewBinding]=\"view\" [style.height.px]=\"height\"\n  (scrollBottom)=\"onScrollBottom()\" containerClass=\"k-d-flex k-flex-col k-flex-nowrap\" [itemStyle]=\"listItemStyle\" [containerStyle]=\"containerStyle\"\n  [loading]=\"loading\" [navigable]=\"navigable\" data-kendo-listview-index=\"0\">\n\n  <ng-template kendoListViewHeaderTemplate *ngIf=\"customHeader\">\n    <ng-container *ngTemplateOutlet=\"templateHeader; \"></ng-container>\n  </ng-template>\n\n  <ng-template kendoListViewItemTemplate let-dataItem *ngIf=\"!loading\">\n    <ng-container *ngTemplateOutlet=\"tempListItem; context: {$implicit: dataItem}\">\n    </ng-container>\n  </ng-template>\n\n  <ng-template *ngIf=\"customFooter\" kendoListViewFooterTemplate>\n    <ng-container *ngTemplateOutlet=\"templateFooter; \"></ng-container>\n  </ng-template>\n\n</kendo-listview>\n", styles: [".footer{display:flex;padding:8px 4px 8px 12px;align-items:center}.footer .meta{flex:1}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2$6.ItemTemplateDirective, selector: "[kendoListViewItemTemplate]" }, { kind: "directive", type: i2$6.HeaderTemplateDirective, selector: "[kendoListViewHeaderTemplate]" }, { kind: "directive", type: i2$6.FooterTemplateDirective, selector: "[kendoListViewFooterTemplate]" }, { kind: "directive", type: i2$6.DataBindingDirective, selector: "[kendoListViewBinding]", inputs: ["kendoListViewBinding"] }, { kind: "component", type: i2$6.ListViewComponent, selector: "kendo-listview", inputs: ["data", "loading", "containerStyle", "itemStyle", "containerClass", "itemClass", "containerLabel", "containerRole", "listItemRole", "navigable", "pageSize", "skip", "pageable", "height"], outputs: ["scrollBottom", "pageChange", "pageSizeChange", "edit", "cancel", "save", "remove", "add"], exportAs: ["kendoListView"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ListViewComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'lib-list-view', encapsulation: ViewEncapsulation.None, template: "<kendo-listview [kendoListViewBinding]=\"view\" [style.height.px]=\"height\"\n  (scrollBottom)=\"onScrollBottom()\" containerClass=\"k-d-flex k-flex-col k-flex-nowrap\" [itemStyle]=\"listItemStyle\" [containerStyle]=\"containerStyle\"\n  [loading]=\"loading\" [navigable]=\"navigable\">\n\n  <ng-template kendoListViewHeaderTemplate *ngIf=\"customHeader\">\n    <ng-container *ngTemplateOutlet=\"templateHeader; \"></ng-container>\n  </ng-template>\n\n  <ng-template kendoListViewItemTemplate let-dataItem *ngIf=\"!loading\">\n    <ng-container *ngTemplateOutlet=\"tempListItem; context: {$implicit: dataItem}\">\n    </ng-container>\n  </ng-template>\n\n  <ng-template *ngIf=\"customFooter\" kendoListViewFooterTemplate>\n    <ng-container *ngTemplateOutlet=\"templateFooter; \"></ng-container>\n  </ng-template>\n\n</kendo-listview>\n", styles: [".footer{display:flex;padding:8px 4px 8px 12px;align-items:center}.footer .meta{flex:1}\n"] }]
+            args: [{ selector: 'lib-list-view', encapsulation: ViewEncapsulation.None, template: "<kendo-listview [kendoListViewBinding]=\"view\" [style.height.px]=\"height\"\n  (scrollBottom)=\"onScrollBottom()\" containerClass=\"k-d-flex k-flex-col k-flex-nowrap\" [itemStyle]=\"listItemStyle\" [containerStyle]=\"containerStyle\"\n  [loading]=\"loading\" [navigable]=\"navigable\" data-kendo-listview-index=\"0\">\n\n  <ng-template kendoListViewHeaderTemplate *ngIf=\"customHeader\">\n    <ng-container *ngTemplateOutlet=\"templateHeader; \"></ng-container>\n  </ng-template>\n\n  <ng-template kendoListViewItemTemplate let-dataItem *ngIf=\"!loading\">\n    <ng-container *ngTemplateOutlet=\"tempListItem; context: {$implicit: dataItem}\">\n    </ng-container>\n  </ng-template>\n\n  <ng-template *ngIf=\"customFooter\" kendoListViewFooterTemplate>\n    <ng-container *ngTemplateOutlet=\"templateFooter; \"></ng-container>\n  </ng-template>\n\n</kendo-listview>\n", styles: [".footer{display:flex;padding:8px 4px 8px 12px;align-items:center}.footer .meta{flex:1}\n"] }]
         }], propDecorators: { templateHeader: [{
                 type: ContentChild,
                 args: ['templateHeader']
@@ -2673,6 +2679,138 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                 }]
         }] });
 
+class DragAndDropComponent {
+    constructor() {
+        this.dragDropContainerClassSelector = '.k-listview';
+        this.dragDropItemClassSelector = '.k-listview-item';
+        this.dragDropContainerIndexAttribute = 'data-kendo-listview-index';
+        this.dragDropItemIndexAttribute = 'data-kendo-listview-item-index';
+        this.dragHandleClassSelector = '.reorder-icon';
+        this.listData = [];
+        this.emitListChangeEv = new EventEmitter();
+        this.dragData = ({ dragTarget }) => {
+            return {
+                fromElement: this.setElement(dragTarget, this.dragDropContainerClassSelector, this.dragDropContainerIndexAttribute),
+                fromIndex: +dragTarget.getAttribute(this.dragDropItemIndexAttribute),
+            };
+        };
+        this.isDroppedInLowerHalf = (ev) => {
+            const itemCoords = ev.dropTarget.getBoundingClientRect();
+            return ev.dragEvent.clientY > itemCoords.top + itemCoords.height / 2;
+        };
+    }
+    ngAfterViewInit() {
+        this.dragTargetContainer.notify();
+        this.dropTargetContainer.notify();
+    }
+    onDrop(e) {
+        const { fromElement, fromIndex } = e.dragData;
+        let toElement;
+        let destinationIndex = 0;
+        if (e.dragTarget instanceof HTMLDivElement && e.dropTarget instanceof HTMLDivElement) {
+            toElement = this.setElement(e.dropTarget, this.dragDropContainerClassSelector, this.dragDropItemIndexAttribute);
+            destinationIndex = this.calculateDestinationIndex(e, fromElement, fromIndex, toElement);
+            this.updateData(this.listData, fromIndex, destinationIndex, this.listData);
+        }
+        this.listData = [...this.listData];
+        this.emitListChangeEv.emit(this.listData);
+        this.dragTargetContainer.notify();
+        this.dropTargetContainer.notify();
+    }
+    setElement(target, selector, attribute) {
+        return +target.closest(selector).getAttribute(attribute);
+    }
+    updateData(fromCollection, fromIndex, toIndex, dataFromCollection) {
+        const dataItem = fromCollection[fromIndex];
+        fromCollection.splice(fromIndex, 1);
+        dataFromCollection = fromCollection;
+        dataFromCollection.splice(toIndex, 0, dataItem);
+    }
+    calculateDestinationIndex(e, fromElement, fromIndex, toElement) {
+        let toIndex;
+        if (e.dragTarget instanceof HTMLDivElement && e.dropTarget instanceof HTMLDivElement) {
+            toIndex = +e.dropTarget.getAttribute(this.dragDropItemIndexAttribute);
+        }
+        const isInLowerHalf = this.isDroppedInLowerHalf(e);
+        if (fromElement !== toElement) {
+            if (isInLowerHalf) {
+                toIndex += 1;
+            }
+        }
+        else {
+            if (isInLowerHalf && fromIndex > toIndex) {
+                toIndex += 1;
+            }
+            else if (!isInLowerHalf && fromIndex < toIndex) {
+                toIndex -= 1;
+            }
+        }
+        return toIndex;
+    }
+    ;
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DragAndDropComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DragAndDropComponent, selector: "lib-drag-and-drop", inputs: { dragDropContainerClassSelector: "dragDropContainerClassSelector", dragDropItemClassSelector: "dragDropItemClassSelector", dragDropContainerIndexAttribute: "dragDropContainerIndexAttribute", dragDropItemIndexAttribute: "dragDropItemIndexAttribute", dragHandleClassSelector: "dragHandleClassSelector", listData: "listData" }, outputs: { emitListChangeEv: "emitListChangeEv" }, viewQueries: [{ propertyName: "dragTargetContainer", first: true, predicate: ["wrapper"], descendants: true, read: DragTargetContainerDirective }, { propertyName: "dropTargetContainer", first: true, predicate: ["wrapper"], descendants: true, read: DropTargetContainerDirective }], ngImport: i0, template: "<div class=\"demo-container\" #wrapper kendoDragTargetContainer kendoDropTargetContainer\n  [dragTargetFilter]=\"dragDropItemClassSelector\" [dropTargetFilter]=\"dragDropItemClassSelector\" [dragData]=\"dragData\"\n  [hint]=\"{ hintClass: 'rowHint' }\" (onDrop)=\"onDrop($event)\" [dragHandle]=\"dragHandleClassSelector\">\n  <ng-content></ng-content>\n</div>\n", styles: [".demo-container{display:flex;flex-wrap:nowrap;flex-direction:row;gap:1.5em}\n"], dependencies: [{ kind: "directive", type: i1$3.DragTargetContainerDirective, selector: "[kendoDragTargetContainer]", inputs: ["hint", "dragTargetFilter", "dragHandle", "dragDelay", "threshold", "dragTargetId", "dragData", "dragDisabled", "mode"], outputs: ["onDragReady", "onPress", "onDragStart", "onDrag", "onRelease", "onDragEnd"], exportAs: ["kendoDragTargetContainer"] }, { kind: "directive", type: i1$3.DropTargetContainerDirective, selector: "[kendoDropTargetContainer]", inputs: ["dropTargetFilter", "dropDisabled"], outputs: ["onDragEnter", "onDragOver", "onDragLeave", "onDrop"], exportAs: ["kendoDropTargetContainer"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DragAndDropComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-drag-and-drop', template: "<div class=\"demo-container\" #wrapper kendoDragTargetContainer kendoDropTargetContainer\n  [dragTargetFilter]=\"dragDropItemClassSelector\" [dropTargetFilter]=\"dragDropItemClassSelector\" [dragData]=\"dragData\"\n  [hint]=\"{ hintClass: 'rowHint' }\" (onDrop)=\"onDrop($event)\" [dragHandle]=\"dragHandleClassSelector\">\n  <ng-content></ng-content>\n</div>\n", styles: [".demo-container{display:flex;flex-wrap:nowrap;flex-direction:row;gap:1.5em}\n"] }]
+        }], propDecorators: { dragDropContainerClassSelector: [{
+                type: Input
+            }], dragDropItemClassSelector: [{
+                type: Input
+            }], dragDropContainerIndexAttribute: [{
+                type: Input
+            }], dragDropItemIndexAttribute: [{
+                type: Input
+            }], dragHandleClassSelector: [{
+                type: Input
+            }], listData: [{
+                type: Input
+            }], emitListChangeEv: [{
+                type: Output
+            }], dragTargetContainer: [{
+                type: ViewChild,
+                args: ['wrapper', { read: DragTargetContainerDirective }]
+            }], dropTargetContainer: [{
+                type: ViewChild,
+                args: ['wrapper', { read: DropTargetContainerDirective }]
+            }] } });
+
+class DragAndDropModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DragAndDropModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: DragAndDropModule, declarations: [DragAndDropComponent], imports: [CommonModule,
+            ButtonsModule,
+            InputsModule,
+            UtilsModule,
+            ListViewModule,
+            IconsModule], exports: [DragAndDropComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DragAndDropModule, imports: [CommonModule,
+            ButtonsModule,
+            InputsModule,
+            UtilsModule,
+            ListViewModule,
+            IconsModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DragAndDropModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        DragAndDropComponent
+                    ],
+                    imports: [
+                        CommonModule,
+                        ButtonsModule,
+                        InputsModule,
+                        UtilsModule,
+                        ListViewModule,
+                        IconsModule
+                    ],
+                    exports: [
+                        DragAndDropComponent
+                    ]
+                }]
+        }] });
+
 class AtomsModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AtomsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
     static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: AtomsModule, imports: [AlertModule,
@@ -2711,7 +2849,8 @@ class AtomsModule {
             DatepickerModule,
             DateRangeModule,
             StepperModule,
-            ListViewsModule], exports: [AlertModule,
+            ListViewsModule,
+            DragAndDropModule], exports: [AlertModule,
             AngularPopupModule,
             AvatarModule,
             BreadcrumbModule,
@@ -2744,7 +2883,8 @@ class AtomsModule {
             DatepickerModule,
             DateRangeModule,
             StepperModule,
-            ListViewsModule] }); }
+            ListViewsModule,
+            DragAndDropModule] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AtomsModule, imports: [AlertModule,
             AngularPopupModule,
             AvatarModule,
@@ -2781,7 +2921,8 @@ class AtomsModule {
             DatepickerModule,
             DateRangeModule,
             StepperModule,
-            ListViewsModule, AlertModule,
+            ListViewsModule,
+            DragAndDropModule, AlertModule,
             AngularPopupModule,
             AvatarModule,
             BreadcrumbModule,
@@ -2814,7 +2955,8 @@ class AtomsModule {
             DatepickerModule,
             DateRangeModule,
             StepperModule,
-            ListViewsModule] }); }
+            ListViewsModule,
+            DragAndDropModule] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: AtomsModule, decorators: [{
             type: NgModule,
@@ -2856,7 +2998,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                         DatepickerModule,
                         DateRangeModule,
                         StepperModule,
-                        ListViewsModule
+                        ListViewsModule,
+                        DragAndDropModule
                     ],
                     exports: [
                         AlertModule,
@@ -2892,7 +3035,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
                         DatepickerModule,
                         DateRangeModule,
                         StepperModule,
-                        ListViewsModule
+                        ListViewsModule,
+                        DragAndDropModule
                     ],
                 }]
         }] });
@@ -4342,5 +4486,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { ALERT_TYPE, AlertComponent, AlertModule, AngularPopupComponent, AngularPopupModule, AtomsModule, AvatarComponent, AvatarModule, BreadcrumbComponent, BreadcrumbModule, ButtonComponent, ButtonGroupComponent, ButtonGroupModule, ButtonModule, CardActionsComponent, CardBodyComponent, CardComponent, CardFooterComponent, CardHeaderComponent, CardModule, CheckboxComponent, CheckboxModule, ClipboardComponent, ClipboardModule, ContainerComponent, ContainerModule, DateRangeComponent, DateRangeModule, DatepickerComponent, DatepickerModule, DialogActionsComponent, DialogComponent, DialogModule, DialogTitlebarComponent, DropdownComponent, DropdownModule, DropdownTreeModule, DropdowntreeComponent, ExpansionPanelComponent, ExpansionPanelModule, GridFormComponent, GridLayoutComponent, GridLayoutItemComponent, GridLayoutModule, GridPaginationComponent, GridPaginationModule, GridPaginationSpacerComponent, GridSpacerComponent, GridsModule, IconComponent, IconModule, LabelComponent, LabelsModule, LibGridComponent, ListViewComponent, ListViewsModule, LoaderComponent, LoaderModule, LoaderSize, LoaderThemeColor, LoaderType, LoadingSpinnerComponent, LoadingSpinnerModule, MoleculesModule, MultiSelectDropdownComponent, MultiSelectDropdownModule, NotificationComponent, NotificationModule, NumericTextboxComponent, NumericTextboxModule, ProgressBarComponent, ProgressBarsModule, RadioButtonComponent, RadioButtonModule, SearchBoxComponent, SearchBoxModule, SharedComponent, SharedModule, SharedService, SliderComponent, SliderModule, StepperComponent, StepperModule, StyleTokensModule, TabstripComponent, TabstripModule, TabstripTabComponent, TextAreaComponent, TextAreaModule, TextboxComponent, TextboxModule, TimeSchedulerModule, TimeschedulerComponent, ToastNotificationModule, ToastNotificationService, TooltipComponent, TooltipModule, Type, TypographyComponent, TypographyModule };
+export { ALERT_TYPE, AlertComponent, AlertModule, AngularPopupComponent, AngularPopupModule, AtomsModule, AvatarComponent, AvatarModule, BreadcrumbComponent, BreadcrumbModule, ButtonComponent, ButtonGroupComponent, ButtonGroupModule, ButtonModule, CardActionsComponent, CardBodyComponent, CardComponent, CardFooterComponent, CardHeaderComponent, CardModule, CheckboxComponent, CheckboxModule, ClipboardComponent, ClipboardModule, ContainerComponent, ContainerModule, DateRangeComponent, DateRangeModule, DatepickerComponent, DatepickerModule, DialogActionsComponent, DialogComponent, DialogModule, DialogTitlebarComponent, DragAndDropComponent, DragAndDropModule, DropdownComponent, DropdownModule, DropdownTreeModule, DropdowntreeComponent, ExpansionPanelComponent, ExpansionPanelModule, GridFormComponent, GridLayoutComponent, GridLayoutItemComponent, GridLayoutModule, GridPaginationComponent, GridPaginationModule, GridPaginationSpacerComponent, GridSpacerComponent, GridsModule, IconComponent, IconModule, LabelComponent, LabelsModule, LibGridComponent, ListViewComponent, ListViewsModule, LoaderComponent, LoaderModule, LoaderSize, LoaderThemeColor, LoaderType, LoadingSpinnerComponent, LoadingSpinnerModule, MoleculesModule, MultiSelectDropdownComponent, MultiSelectDropdownModule, NotificationComponent, NotificationModule, NumericTextboxComponent, NumericTextboxModule, ProgressBarComponent, ProgressBarsModule, RadioButtonComponent, RadioButtonModule, SearchBoxComponent, SearchBoxModule, SharedComponent, SharedModule, SharedService, SliderComponent, SliderModule, StepperComponent, StepperModule, StyleTokensModule, TabstripComponent, TabstripModule, TabstripTabComponent, TextAreaComponent, TextAreaModule, TextboxComponent, TextboxModule, TimeSchedulerModule, TimeschedulerComponent, ToastNotificationModule, ToastNotificationService, TooltipComponent, TooltipModule, Type, TypographyComponent, TypographyModule };
 //# sourceMappingURL=progress-chef-platform-shared-components.mjs.map