@muziehdesign/components 18.2.0-next.2087 → 18.2.0-next.2129

package/lib/drawer/drawer-container.component.d.ts

@@ -0,0 +1,8 @@
+import { CdkDialogContainer, DialogConfig } from '@angular/cdk/dialog';
+import * as i0 from "@angular/core";
+export declare class DrawerContainerComponent extends CdkDialogContainer<DialogConfig> {
+    open: boolean;
+    protected _contentAttached(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DrawerContainerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DrawerContainerComponent, "mz-drawer-container", never, {}, {}, never, never, true, never>;
+}

package/package.json

@@ -1,9 +1,10 @@
 {
   "name": "@muziehdesign/components",
-  "version": "18.2.0-next.2087",
+  "version": "18.2.0-next.2129",
   "peerDependencies": {
     "@angular/common": "^18.1.1",
     "@angular/core": "^18.1.1",
+    "@angular/cdk": "^18.1.1",
     "subsink": "^1.0.2"
   },
   "dependencies": {

package/public-api.d.ts

@@ -7,6 +7,8 @@ export { PageLoadingIndicatorComponent } from './lib/page-loading-indicator/page
 export { PageHeaderComponent } from './lib/page-header/page-header.component';
 export { PhoneNumberPipe } from './lib/phone-number/phone-number.pipe';
 export { DateDisplayPipe } from './lib/date-display/date-display.pipe';
+export { MzDatePipe } from './lib/date-display/date.pipe';
+export { MzDatePipeConfig, MZ_DATE_PIPE_DEFAULT_OPTIONS } from './lib/date-display/date-display-config';
 export { MzInlineEditComponent } from './lib/inline-edit/inline-edit.component';
 export { SubjectDisplayPipe } from './lib/subject-display/subject-display.pipe';
 export { Subject } from './lib/models/subject';
@@ -29,5 +31,4 @@ export { ButtonDirective } from './lib/button.directive';
 export { SortEvent } from './lib/models/sort-event';
 export { WizardStepLink } from './lib/models/wizard-step-link';
 export { WizardProgressTrackerComponent } from './lib/wizard-progress-tracker/wizard-progress-tracker.component';
-export { InlineMessageComponent } from './lib/inline-message/inline-message.component';
-export { InlineMessageDialogComponent } from './lib/inline-message/inline-message-dialog/inline-message-dialog.component';
+export { DrawerContainerComponent } from './lib/drawer/drawer-container.component';

package/design/_material.scss

@@ -1,57 +0,0 @@
-
-// Custom Theming for Angular Material
-// For more information: https://material.angular.io/guide/theming
-@use '@angular/material' as mat;
-// Plus imports for other components in your app.
-
-// Include the common styles for Angular Material. We include this here so that you only
-// have to load a single css file for Angular Material in your app.
-// Be sure that you only ever include this mixin once!
-// TODO(v15): As of v15 mat.legacy-core no longer includes default typography styles.
-//  The following line adds:
-//    1. Default typography styles for all components
-//    2. Styles for typography hierarchy classes (e.g. .mat-headline-1)
-//  If you specify typography styles for the components you use elsewhere, you should delete this line.
-//  If you don't need the default component typographies but still want the hierarchy styles,
-//  you can delete this line and instead use:
-//    `@include mat.legacy-typography-hierarchy(mat.define-typography-config());`
-/* TODO(mdc-migration): Remove all-legacy-component-typographies once all legacy components are migrated*/
-// @include mat.all-legacy-component-typographies();
-@include mat.all-component-typographies();
-/* TODO(mdc-migration): Remove legacy-core once all legacy components are migrated*/
-// @include mat.legacy-core();
-@include mat.core();
-
-// Define the palettes for your theme using the Material Design palettes available in palette.scss
-// (imported above). For each palette, you can optionally specify a default, lighter, and darker
-// hue. Available color palettes: https://material.io/design/color/
-$color-primary: mat.m2-define-palette(mat.$m2-indigo-palette);
-$color-accent: mat.m2-define-palette(mat.$m2-pink-palette, A200, A100, A400);
-
-// The warn palette is optional (defaults to red).
-$color-warn: mat.m2-define-palette(mat.$m2-red-palette);
-
-// Create the theme object. A theme consists of configurations for individual
-// theming systems such as "color" or "typography".
-$muzieh-theme: mat.m2-define-light-theme((
-  color: (
-    primary: $color-primary,
-    accent: $color-accent,
-    warn: $color-warn,
-  )
-));
-
-// Include theme styles for core and each component used in your app.
-// Alternatively, you can import and @include the theme mixins for each component
-// that you are using.
-/* TODO(mdc-migration): Remove all-legacy-component-themes once all legacy components are migrated*/
-// @include mat.all-legacy-component-themes($muzieh-theme);
-@include mat.all-component-themes($muzieh-theme);
-
-.mat-mdc-menu-panel {
-    @apply min-h-0 #{!important};
-}
-
-.mat-mdc-menu-item {
-    @apply text-gray-700 block px-4 py-2 text-sm h-9 leading-3 #{!important};
-}

package/esm2022/lib/inline-message/inline-message-dialog/inline-message-dialog.component.mjs

@@ -1,25 +0,0 @@
-import { DialogModule, DIALOG_DATA } from '@angular/cdk/dialog';
-import { CommonModule } from '@angular/common';
-import { Component, Inject } from '@angular/core';
-import { MatCommonModule } from '@angular/material/core';
-import { RouterModule } from '@angular/router';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-export 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]
-                }] }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5saW5lLW1lc3NhZ2UtZGlhbG9nLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudHMvc3JjL2xpYi9pbmxpbmUtbWVzc2FnZS9pbmxpbmUtbWVzc2FnZS1kaWFsb2cvaW5saW5lLW1lc3NhZ2UtZGlhbG9nLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudHMvc3JjL2xpYi9pbmxpbmUtbWVzc2FnZS9pbmxpbmUtbWVzc2FnZS1kaWFsb2cvaW5saW5lLW1lc3NhZ2UtZGlhbG9nLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsV0FBVyxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDaEUsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUF1QixNQUFNLGVBQWUsQ0FBQztBQUN2RSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDekQsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDOzs7QUFTL0MsTUFBTSxPQUFPLDRCQUE0QjtJQUdyQyxZQUF3QyxJQUFTO1FBQVQsU0FBSSxHQUFKLElBQUksQ0FBSztJQUFJLENBQUM7SUFFdEQsUUFBUTtRQUNKLElBQUksQ0FBQyxJQUFJLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUM7SUFDL0IsQ0FBQzs4R0FQUSw0QkFBNEIsa0JBR2pCLFdBQVc7a0dBSHRCLDRCQUE0QixvRkNiekMsdUdBRU0sa0lEUVEsZUFBZSw4QkFBRSxZQUFZLHlTQUFFLFlBQVksOEJBQUUsWUFBWTs7MkZBRzFELDRCQUE0QjtrQkFQeEMsU0FBUzsrQkFDSSwwQkFBMEIsV0FHM0IsQ0FBQyxlQUFlLEVBQUUsWUFBWSxFQUFFLFlBQVksRUFBRSxZQUFZLENBQUMsY0FDeEQsSUFBSTs7MEJBS0gsTUFBTTsyQkFBQyxXQUFXIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRGlhbG9nTW9kdWxlLCBESUFMT0dfREFUQSB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9kaWFsb2cnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IENvbXBvbmVudCwgSW5qZWN0LCBPbkluaXQsIFRlbXBsYXRlUmVmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBNYXRDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9jb3JlJztcbmltcG9ydCB7IFJvdXRlck1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL3JvdXRlcic7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnbXotaW5saW5lLW1lc3NhZ2UtZGlhbG9nJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vaW5saW5lLW1lc3NhZ2UtZGlhbG9nLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9pbmxpbmUtbWVzc2FnZS1kaWFsb2cuY29tcG9uZW50LnNjc3MnXSxcbiAgICBpbXBvcnRzOiBbTWF0Q29tbW9uTW9kdWxlLCBDb21tb25Nb2R1bGUsIFJvdXRlck1vZHVsZSwgRGlhbG9nTW9kdWxlXSxcbiAgICBzdGFuZGFsb25lOiB0cnVlLFxufSlcbmV4cG9ydCBjbGFzcyBJbmxpbmVNZXNzYWdlRGlhbG9nQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgICBib2R5OiBUZW1wbGF0ZVJlZjxhbnk+IHwgdW5kZWZpbmVkIHwgbnVsbDtcblxuICAgIGNvbnN0cnVjdG9yKEBJbmplY3QoRElBTE9HX0RBVEEpIHB1YmxpYyBkYXRhOiBhbnkpIHsgfVxuXG4gICAgbmdPbkluaXQoKSB7XG4gICAgICAgIHRoaXMuYm9keSA9IHRoaXMuZGF0YS5ib2R5O1xuICAgIH1cblxufSIsIjxkaXYgY2xhc3M9XCJib2R5XCIgKm5nSWY9XCJib2R5XCI+XG4gICAgPG5nLWNvbnRlbnQgKm5nVGVtcGxhdGVPdXRsZXQ9XCJib2R5XCI+PC9uZy1jb250ZW50PlxuPC9kaXY+Il19

package/esm2022/lib/inline-message/inline-message.component.mjs

@@ -1,31 +0,0 @@
-import { Component, Input } from '@angular/core';
-import { Dialog, DialogModule } from '@angular/cdk/dialog';
-import { InlineMessageDialogComponent } from './inline-message-dialog/inline-message-dialog.component';
-import { CommonModule } from '@angular/common';
-import { MatCommonModule } from '@angular/material/core';
-import { RouterModule } from '@angular/router';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/cdk/dialog";
-export 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.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.Dialog }], propDecorators: { body: [{
-                type: Input
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5saW5lLW1lc3NhZ2UuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50cy9zcmMvbGliL2lubGluZS1tZXNzYWdlL2lubGluZS1tZXNzYWdlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudHMvc3JjL2xpYi9pbmxpbmUtbWVzc2FnZS9pbmxpbmUtbWVzc2FnZS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBZSxNQUFNLGVBQWUsQ0FBQztBQUM5RCxPQUFPLEVBQUUsTUFBTSxFQUFFLFlBQVksRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQzNELE9BQU8sRUFBRSw0QkFBNEIsRUFBRSxNQUFNLHlEQUF5RCxDQUFDO0FBQ3ZHLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDekQsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDOzs7QUFTL0MsTUFBTSxPQUFPLHNCQUFzQjtJQUcvQixZQUFtQixNQUFjO1FBQWQsV0FBTSxHQUFOLE1BQU0sQ0FBUTtJQUFHLENBQUM7SUFFckMsUUFBUSxLQUFVLENBQUM7SUFFbkIsVUFBVTtRQUNOLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLDRCQUE0QixFQUFFO1lBQzdDLFFBQVEsRUFBRSxPQUFPO1lBQ2pCLElBQUksRUFBRTtnQkFDSixJQUFJLEVBQUUsSUFBSSxDQUFDLElBQUk7YUFDaEI7U0FDRixDQUFDLENBQUM7SUFDTCxDQUFDOzhHQWRNLHNCQUFzQjtrR0FBdEIsc0JBQXNCLHVHQ2RuQywrSEFFTSx5T0RTUSxlQUFlLDhCQUFFLFlBQVksOEJBQUUsWUFBWSw4QkFBRSxZQUFZOzsyRkFHMUQsc0JBQXNCO2tCQVBsQyxTQUFTOytCQUNJLG1CQUFtQixXQUdwQixDQUFDLGVBQWUsRUFBRSxZQUFZLEVBQUUsWUFBWSxFQUFFLFlBQVksQ0FBQyxjQUN4RCxJQUFJOzJFQUdULElBQUk7c0JBQVosS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIFRlbXBsYXRlUmVmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBEaWFsb2csIERpYWxvZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9kaWFsb2cnO1xuaW1wb3J0IHsgSW5saW5lTWVzc2FnZURpYWxvZ0NvbXBvbmVudCB9IGZyb20gJy4vaW5saW5lLW1lc3NhZ2UtZGlhbG9nL2lubGluZS1tZXNzYWdlLWRpYWxvZy5jb21wb25lbnQnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IE1hdENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2NvcmUnO1xuaW1wb3J0IHsgUm91dGVyTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdtei1pbmxpbmUtbWVzc2FnZScsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2lubGluZS1tZXNzYWdlLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9pbmxpbmUtbWVzc2FnZS5jb21wb25lbnQuc2NzcyddLFxuICAgIGltcG9ydHM6IFtNYXRDb21tb25Nb2R1bGUsIENvbW1vbk1vZHVsZSwgUm91dGVyTW9kdWxlLCBEaWFsb2dNb2R1bGVdLFxuICAgIHN0YW5kYWxvbmU6IHRydWUsXG59KVxuZXhwb3J0IGNsYXNzIElubGluZU1lc3NhZ2VDb21wb25lbnQge1xuICBASW5wdXQoKSBib2R5OiBUZW1wbGF0ZVJlZjxhbnk+IHwgdW5kZWZpbmVkIHwgbnVsbDtcblxuICAgIGNvbnN0cnVjdG9yKHB1YmxpYyBkaWFsb2c6IERpYWxvZykge31cblxuICAgIG5nT25Jbml0KCk6IHZvaWQge31cblxuICAgIG9wZW5EaWFsb2coKSB7XG4gICAgICAgIHRoaXMuZGlhbG9nLm9wZW4oSW5saW5lTWVzc2FnZURpYWxvZ0NvbXBvbmVudCwge1xuICAgICAgICAgIG1pbldpZHRoOiAnMzAwcHgnLFxuICAgICAgICAgIGRhdGE6IHtcbiAgICAgICAgICAgIGJvZHk6IHRoaXMuYm9keSxcbiAgICAgICAgICB9LFxuICAgICAgICB9KTtcbiAgICAgIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJ3cmFwcGVyXCI+XG4gICAgPGJ1dHRvbiB0eXBlPVwiYnV0dG9uXCIgKGNsaWNrKT1cIm9wZW5EaWFsb2coKVwiIGNsYXNzPVwiaW5saW5lLW1lc3NhZ2UtYnRuXCI+aTwvYnV0dG9uPlxuPC9kaXY+Il19

package/lib/inline-message/inline-message-dialog/inline-message-dialog.component.d.ts

@@ -1,10 +0,0 @@
-import { OnInit, TemplateRef } from '@angular/core';
-import * as i0 from "@angular/core";
-export declare class InlineMessageDialogComponent implements OnInit {
-    data: any;
-    body: TemplateRef<any> | undefined | null;
-    constructor(data: any);
-    ngOnInit(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<InlineMessageDialogComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<InlineMessageDialogComponent, "mz-inline-message-dialog", never, {}, {}, never, ["*"], true, never>;
-}

package/lib/inline-message/inline-message.component.d.ts

@@ -1,12 +0,0 @@
-import { TemplateRef } from '@angular/core';
-import { Dialog } from '@angular/cdk/dialog';
-import * as i0 from "@angular/core";
-export declare class InlineMessageComponent {
-    dialog: Dialog;
-    body: TemplateRef<any> | undefined | null;
-    constructor(dialog: Dialog);
-    ngOnInit(): void;
-    openDialog(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<InlineMessageComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<InlineMessageComponent, "mz-inline-message", never, { "body": { "alias": "body"; "required": false; }; }, {}, never, never, true, never>;
-}