@muziehdesign/components 18.2.0-beta.2096 → 18.2.0-beta.2114

package/fesm2022/muziehdesign-components.mjs

@@ -1,21 +1,20 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, Component, Inject, Input, Pipe, EventEmitter, Optional, Output, ContentChild, Directive, HostListener, HostBinding, forwardRef, ViewChild, NgModule, LOCALE_ID, ElementRef } from '@angular/core';
+import { InjectionToken, Component, Inject, Input, Pipe, EventEmitter, Optional, Output, ContentChild, Directive, HostListener, HostBinding, forwardRef, ViewChild, NgModule, ElementRef, ViewEncapsulation, ChangeDetectionStrategy } from '@angular/core';
 import * as i1 from '@angular/common';
 import { CommonModule, DatePipe } from '@angular/common';
 import * as i1$1 from '@angular/router';
-import { NavigationEnd, NavigationCancel, NavigationError, NavigationStart, RouterModule } from '@angular/router';
+import { NavigationEnd, NavigationCancel, NavigationError, NavigationStart } from '@angular/router';
 import { race, BehaviorSubject, Subscription, fromEvent } from 'rxjs';
 import { filter, delay, take, repeat } from 'rxjs/operators';
 import { SubSink } from 'subsink';
 import * as i1$2 from '@angular/platform-browser';
 import { By } from '@angular/platform-browser';
-import * as i1$5 from '@angular/forms';
+import * as i1$4 from '@angular/forms';
 import { NG_VALUE_ACCESSOR, NG_VALIDATORS, FormsModule, NgModel } from '@angular/forms';
 import * as i1$3 from '@angular/material/datepicker';
 import { MatDatepickerModule } from '@angular/material/datepicker';
-import * as i1$4 from '@angular/cdk/dialog';
-import { DIALOG_DATA, DialogModule } from '@angular/cdk/dialog';
-import { MatCommonModule } from '@angular/material/core';
+import { CdkDialogContainer } from '@angular/cdk/dialog';
+import { CdkPortalOutlet } from '@angular/cdk/portal';
 
 const SVG_ICON_DEFAULT_OPTIONS = new InjectionToken('MzSvgIconOptions', {
     providedIn: 'root',
@@ -429,9 +428,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImpor
                 }]
         }] });
 
-/**
- * @deprecated use mzDate instead
- */
 class DateDisplayPipe {
     constructor(datePipe) {
         this.datePipe = datePipe;
@@ -838,47 +834,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImpor
                 type: Input
             }] } });
 
-class InlineMessageDialogComponent {
-    constructor(data) {
-        this.data = data;
-    }
-    ngOnInit() {
-        this.body = this.data.body;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: InlineMessageDialogComponent, deps: [{ token: DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.1", type: InlineMessageDialogComponent, isStandalone: true, selector: "mz-inline-message-dialog", ngImport: i0, template: "<div class=\"body\" *ngIf=\"body\">\n    <ng-content *ngTemplateOutlet=\"body\"></ng-content>\n</div>", styles: [":host{display:block;background:#fff;border-radius:8px;padding:8px 16px}\n"], dependencies: [{ kind: "ngmodule", type: MatCommonModule }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: RouterModule }, { kind: "ngmodule", type: DialogModule }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: InlineMessageDialogComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'mz-inline-message-dialog', imports: [MatCommonModule, CommonModule, RouterModule, DialogModule], standalone: true, template: "<div class=\"body\" *ngIf=\"body\">\n    <ng-content *ngTemplateOutlet=\"body\"></ng-content>\n</div>", styles: [":host{display:block;background:#fff;border-radius:8px;padding:8px 16px}\n"] }]
-        }], ctorParameters: () => [{ type: undefined, decorators: [{
-                    type: Inject,
-                    args: [DIALOG_DATA]
-                }] }] });
-
-class InlineMessageComponent {
-    constructor(dialog) {
-        this.dialog = dialog;
-    }
-    ngOnInit() { }
-    openDialog() {
-        this.dialog.open(InlineMessageDialogComponent, {
-            minWidth: '300px',
-            data: {
-                body: this.body,
-            },
-        });
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: InlineMessageComponent, deps: [{ token: i1$4.Dialog }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.1", type: InlineMessageComponent, isStandalone: true, selector: "mz-inline-message", inputs: { body: "body" }, ngImport: i0, template: "<div class=\"wrapper\">\n    <button type=\"button\" (click)=\"openDialog()\" class=\"inline-message-btn\">i</button>\n</div>", styles: [".wrapper,.title{display:inline}.inline-message-btn{cursor:pointer;border-radius:50%;color:#fff;background-color:#4b5563;width:20px;height:20px;text-align:center;margin:0 5px}\n"], dependencies: [{ kind: "ngmodule", type: MatCommonModule }, { kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: RouterModule }, { kind: "ngmodule", type: DialogModule }] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: InlineMessageComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'mz-inline-message', imports: [MatCommonModule, CommonModule, RouterModule, DialogModule], standalone: true, template: "<div class=\"wrapper\">\n    <button type=\"button\" (click)=\"openDialog()\" class=\"inline-message-btn\">i</button>\n</div>", styles: [".wrapper,.title{display:inline}.inline-message-btn{cursor:pointer;border-radius:50%;color:#fff;background-color:#4b5563;width:20px;height:20px;text-align:center;margin:0 5px}\n"] }]
-        }], ctorParameters: () => [{ type: i1$4.Dialog }], propDecorators: { body: [{
-                type: Input
-            }] } });
-
 class TimeValueValidatorDirective {
     constructor() { }
     validate(control) {
@@ -975,8 +930,6 @@ class MuziehComponentsModule {
             SortDirective,
             SubjectDisplayPipe,
             DateTimeComponent,
-            InlineMessageComponent,
-            InlineMessageDialogComponent,
             TimeValueValidatorDirective], exports: [EnumDisplayPipe,
             SpinnerComponent,
             SvgIconComponent,
@@ -995,8 +948,6 @@ class MuziehComponentsModule {
             ButtonDirective,
             WizardProgressTrackerComponent,
             DateTimeComponent,
-            InlineMessageComponent,
-            InlineMessageDialogComponent,
             TimeValueValidatorDirective] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: MuziehComponentsModule, providers: [
             DatePipe,
@@ -1009,9 +960,7 @@ class MuziehComponentsModule {
             InfiniteScrollComponent,
             PaginationComponent,
             PageLoadingIndicatorComponent,
-            DateTimeComponent,
-            InlineMessageComponent,
-            InlineMessageDialogComponent] }); }
+            DateTimeComponent] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: MuziehComponentsModule, decorators: [{
             type: NgModule,
@@ -1037,8 +986,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImpor
                         SortDirective,
                         SubjectDisplayPipe,
                         DateTimeComponent,
-                        InlineMessageComponent,
-                        InlineMessageDialogComponent,
                         TimeValueValidatorDirective,
                     ],
                     exports: [
@@ -1060,8 +1007,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImpor
                         ButtonDirective,
                         WizardProgressTrackerComponent,
                         DateTimeComponent,
-                        InlineMessageComponent,
-                        InlineMessageDialogComponent,
                         TimeValueValidatorDirective,
                     ],
                     providers: [
@@ -1070,54 +1015,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImpor
                 }]
         }] });
 
-const DATE_PIPE_CONFIG_OPTIONS = Object.freeze({
-    formats: new Map([
-        ['short', 'MM/dd/yyyy hh:mm a'],
-        ['medium', 'MMM d y h:mm:ss a'],
-        ['shortDate', 'MM/dd/yyyy'],
-        ['mediumDate', 'MMM d y']
-    ]),
-    dateFormat: 'short'
-});
-const MZ_DATE_PIPE_DEFAULT_OPTIONS = new InjectionToken('MzDateDisplayDefaultOptions');
-
-class MzDatePipe extends DatePipe {
-    constructor(locale, defaultMzOptions) {
-        const o = defaultMzOptions || DATE_PIPE_CONFIG_OPTIONS;
-        super(locale, null, o);
-        this.options = o;
-    }
-    transform(value, format, timezone, locale) {
-        let translatedFormat = format;
-        let translatedTimezone = timezone;
-        if (format) {
-            translatedFormat = this.options.formats.get(format) || format;
-        }
-        if (timezone === 'original' && typeof value === 'string') {
-            const match = value.match(/([+-]\d{2}:\d{2})$/);
-            translatedTimezone = match ? match[1] : '+00:00';
-        }
-        return super.transform(value, translatedFormat, translatedTimezone, locale);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: MzDatePipe, deps: [{ token: LOCALE_ID }, { token: MZ_DATE_PIPE_DEFAULT_OPTIONS, optional: true }], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.1.1", ngImport: i0, type: MzDatePipe, isStandalone: true, name: "mzDate" }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: MzDatePipe, decorators: [{
-            type: Pipe,
-            args: [{
-                    name: 'mzDate',
-                    standalone: true,
-                }]
-        }], ctorParameters: () => [{ type: undefined, decorators: [{
-                    type: Inject,
-                    args: [LOCALE_ID]
-                }] }, { type: undefined, decorators: [{
-                    type: Optional
-                }, {
-                    type: Inject,
-                    args: [MZ_DATE_PIPE_DEFAULT_OPTIONS]
-                }] }] });
-
 class MzInlineEditComponent {
     constructor(renderer) {
         this.renderer = renderer;
@@ -1157,7 +1054,7 @@ class MzInlineEditComponent {
         this.busy = false;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: MzInlineEditComponent, deps: [{ token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.1", type: MzInlineEditComponent, isStandalone: true, selector: "mz-inline-edit", inputs: { label: "label", layout: "layout" }, outputs: { save: "save" }, queries: [{ propertyName: "ngModel", first: true, predicate: NgModel, descendants: true }, { propertyName: "ngModelElement", first: true, predicate: NgModel, descendants: true, read: ElementRef }], ngImport: i0, template: "<form class=\"mz-inline-edit\" [ngClass]=\"{ 'horizontal': layout === 'horizontal', 'vertical': layout === 'vertical' }\">\n    @if (isEditing || !label) {\n    <ng-content></ng-content>\n    } @else if (label && !isEditing) {\n    <button type=\"button\" class=\"label-button\" (click)=\"activate()\">\n        <span>\n            {{ label }}\n        </span>\n        <span class=\"text-secondary label-button-icon\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n                <path d=\"M21.731 2.269a2.625 2.625 0 0 0-3.712 0l-1.157 1.157 3.712 3.712 1.157-1.157a2.625 2.625 0 0 0 0-3.712ZM19.513 8.199l-3.712-3.712-12.15 12.15a5.25 5.25 0 0 0-1.32 2.214l-.8 2.685a.75.75 0 0 0 .933.933l2.685-.8a5.25 5.25 0 0 0 2.214-1.32L19.513 8.2Z\" />\n            </svg>\n        </span>\n    </button>\n    } @if (isEditing) {\n    <div class=\"edit-buttons\">\n        <button type=\"submit\" mzButton [busy]=\"busy\" (click)=\"submitForm()\">Save</button>\n        <button type=\"button\" class=\"button button-tertiary\" (click)=\"cancelEdit()\">Cancel</button>\n        <!--<button mzButton [busy]=\"busy\" type=\"submit\" (click)=\"submitForm()\">\n                    <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"h-5 w-5\" viewBox=\"0 0 20 20\" fill=\"currentColor\">\n                        <path fill-rule=\"evenodd\" d=\"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z\" clip-rule=\"evenodd\" />\n                    </svg>\n                </button>\n                <button type=\"button\" mzButton variant=\"tertiary\" (click)=\"cancelEdit()\">\n                    <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"h-5 w-5\" viewBox=\"0 0 20 20\" fill=\"currentColor\">\n                        <path fill-rule=\"evenodd\" d=\"M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z\" clip-rule=\"evenodd\" />\n                    </svg>\n                </button>-->\n    </div>\n    }\n</form>\n", styles: [".mz-inline-edit{display:flex}.mz-inline-edit.horizontal{flex-direction:row;gap:1rem}.mz-inline-edit.vertical{flex-direction:column;gap:.5rem}.label-button{display:flex;gap:1rem;cursor:pointer}.label-button-icon{width:1rem;height:1rem}.edit-buttons{display:flex;gap:.5rem}\n"], dependencies: [{ kind: "directive", type: ButtonDirective, selector: "[mzButton]", inputs: ["variant", "busy"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$5.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$5.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$5.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.1", type: MzInlineEditComponent, isStandalone: true, selector: "mz-inline-edit", inputs: { label: "label", layout: "layout" }, outputs: { save: "save" }, queries: [{ propertyName: "ngModel", first: true, predicate: NgModel, descendants: true }, { propertyName: "ngModelElement", first: true, predicate: NgModel, descendants: true, read: ElementRef }], ngImport: i0, template: "<form class=\"mz-inline-edit\" [ngClass]=\"{ 'horizontal': layout === 'horizontal', 'vertical': layout === 'vertical' }\">\n    @if (isEditing || !label) {\n    <ng-content></ng-content>\n    } @else if (label && !isEditing) {\n    <button type=\"button\" class=\"label-button\" (click)=\"activate()\">\n        <span>\n            {{ label }}\n        </span>\n        <span class=\"text-secondary label-button-icon\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n                <path d=\"M21.731 2.269a2.625 2.625 0 0 0-3.712 0l-1.157 1.157 3.712 3.712 1.157-1.157a2.625 2.625 0 0 0 0-3.712ZM19.513 8.199l-3.712-3.712-12.15 12.15a5.25 5.25 0 0 0-1.32 2.214l-.8 2.685a.75.75 0 0 0 .933.933l2.685-.8a5.25 5.25 0 0 0 2.214-1.32L19.513 8.2Z\" />\n            </svg>\n        </span>\n    </button>\n    } @if (isEditing) {\n    <div class=\"edit-buttons\">\n        <button type=\"submit\" mzButton [busy]=\"busy\" (click)=\"submitForm()\">Save</button>\n        <button type=\"button\" class=\"button button-tertiary\" (click)=\"cancelEdit()\">Cancel</button>\n        <!--<button mzButton [busy]=\"busy\" type=\"submit\" (click)=\"submitForm()\">\n                    <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"h-5 w-5\" viewBox=\"0 0 20 20\" fill=\"currentColor\">\n                        <path fill-rule=\"evenodd\" d=\"M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z\" clip-rule=\"evenodd\" />\n                    </svg>\n                </button>\n                <button type=\"button\" mzButton variant=\"tertiary\" (click)=\"cancelEdit()\">\n                    <svg xmlns=\"http://www.w3.org/2000/svg\" class=\"h-5 w-5\" viewBox=\"0 0 20 20\" fill=\"currentColor\">\n                        <path fill-rule=\"evenodd\" d=\"M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z\" clip-rule=\"evenodd\" />\n                    </svg>\n                </button>-->\n    </div>\n    }\n</form>\n", styles: [".mz-inline-edit{display:flex}.mz-inline-edit.horizontal{flex-direction:row;gap:1rem}.mz-inline-edit.vertical{flex-direction:column;gap:.5rem}.label-button{display:flex;gap:1rem;cursor:pointer}.label-button-icon{width:1rem;height:1rem}.edit-buttons{display:flex;gap:.5rem}\n"], dependencies: [{ kind: "directive", type: ButtonDirective, selector: "[mzButton]", inputs: ["variant", "busy"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$4.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$4.NgForm, selector: "form:not([ngNoForm]):not([formGroup]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: MzInlineEditComponent, decorators: [{
             type: Component,
@@ -1242,6 +1139,23 @@ class ResultTableHarness extends MuziehComponentHarness {
     }
 }
 
+class DrawerContainerComponent extends CdkDialogContainer {
+    constructor() {
+        super(...arguments);
+        this.open = false;
+    }
+    _contentAttached() {
+        super._contentAttached();
+        this.open = true;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: DrawerContainerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.1.1", type: DrawerContainerComponent, isStandalone: true, selector: "mz-drawer-container", usesInheritance: true, ngImport: i0, template: "<div class=\"drawer-container\" [class.open]=\"open\">\n    <ng-template cdkPortalOutlet />\n</div>", styles: [".drawer-container{background-color:#fff;min-width:300px;max-width:90%;padding:.5rem 1rem;overflow:auto;height:100vh;position:absolute;right:0;top:0;transition:translate .3s ease-out;translate:100%}.drawer-container.open{translate:0%}\n"], dependencies: [{ kind: "directive", type: CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.Default, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: DrawerContainerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'mz-drawer-container', standalone: true, imports: [CdkPortalOutlet], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.Default, template: "<div class=\"drawer-container\" [class.open]=\"open\">\n    <ng-template cdkPortalOutlet />\n</div>", styles: [".drawer-container{background-color:#fff;min-width:300px;max-width:90%;padding:.5rem 1rem;overflow:auto;height:100vh;position:absolute;right:0;top:0;transition:translate .3s ease-out;translate:100%}.drawer-container.open{translate:0%}\n"] }]
+        }] });
+
 /*
  * Public API Surface of components
  */
@@ -1250,5 +1164,5 @@ class ResultTableHarness extends MuziehComponentHarness {
  * Generated bundle index. Do not edit.
  */
 
-export { AlertComponent, ButtonDirective, DateDisplayPipe, DateTimeComponent, EnumDisplayPipe, InfiniteScrollComponent, InlineMessageComponent, InlineMessageDialogComponent, MuziehComponentHarness, MuziehComponentsModule, MzDatePipe, MzInlineEditComponent, PageHeaderComponent, PageLoadingIndicatorComponent, PaginationComponent, PhoneNumberPipe, ResultTableComponent, ResultTableHarness, SVG_ICON_DEFAULT_OPTIONS, SortDirective, SortKeyDirective, SpinnerComponent, SubjectDisplayPipe, SvgIconComponent, TimeValueAccessorDirective, TimeValueValidatorDirective, WizardProgressTrackerComponent };
+export { AlertComponent, ButtonDirective, DateDisplayPipe, DateTimeComponent, DrawerContainerComponent, EnumDisplayPipe, InfiniteScrollComponent, MuziehComponentHarness, MuziehComponentsModule, MzInlineEditComponent, PageHeaderComponent, PageLoadingIndicatorComponent, PaginationComponent, PhoneNumberPipe, ResultTableComponent, ResultTableHarness, SVG_ICON_DEFAULT_OPTIONS, SortDirective, SortKeyDirective, SpinnerComponent, SubjectDisplayPipe, SvgIconComponent, TimeValueAccessorDirective, TimeValueValidatorDirective, WizardProgressTrackerComponent };
 //# sourceMappingURL=muziehdesign-components.mjs.map