@muziehdesign/components 19.2.8-beta.2539 → 19.2.8-beta.2551

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

@@ -0,0 +1,22 @@
+import { CdkDialogContainer } from '@angular/cdk/dialog';
+import { ElementRef, NgZone } from '@angular/core';
+import { OverlayRef } from '@angular/cdk/overlay';
+import { FocusTrapFactory, InteractivityChecker } from '@angular/cdk/a11y';
+import { MzDrawerConfig } from '../drawer-config';
+import { MzDrawerRef } from '../drawer-ref';
+import * as i0 from "@angular/core";
+export declare class MzDrawerContainer extends CdkDialogContainer<MzDrawerConfig> {
+    private elementRef;
+    readonly dialogConfig: MzDrawerConfig;
+    protected interactivityChecker: InteractivityChecker;
+    protected ngZone: NgZone;
+    protected overlayRef: OverlayRef;
+    private dialogRef?;
+    protected open: boolean;
+    constructor(elementRef: ElementRef, focusTrapFactory: FocusTrapFactory, dialogConfig: MzDrawerConfig, interactivityChecker: InteractivityChecker, ngZone: NgZone, overlayRef: OverlayRef, _document: any);
+    associateDialogRef(dialogRef: MzDrawerRef<any>): void;
+    onBeforeUnload(event: BeforeUnloadEvent): void;
+    protected _contentAttached(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MzDrawerContainer, [null, null, null, null, null, null, { optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MzDrawerContainer, "mz-drawer-container", never, {}, {}, never, never, true, never>;
+}

package/lib/{dialog/dialog-config.d.ts → drawer/drawer-config.d.ts}

@@ -2,14 +2,13 @@ import { Direction } from "@angular/cdk/bidi";
 import { AutoFocusTarget, DialogRole } from "@angular/cdk/dialog";
 import { PositionStrategy, ScrollStrategy } from "@angular/cdk/overlay";
 import { BasePortalOutlet } from "@angular/cdk/portal";
-import { Injector, Type, ViewContainerRef } from "@angular/core";
+import { Injector, ViewContainerRef } from "@angular/core";
 /**
- * Configuration opening a modal dialog with the MzDialog service. Properties here are exposes what's available in @angular/cdk DialogConfig
- * and with a few additional properties for MzDialog.
+ * Configuration opening a modal dialog with the MzDrawer service. Properties here are exposes what's available in @angular/cdk DialogConfig
+ * and with a few additional properties for MzDrawer.
  * See https://material.angular.io/cdk/dialog/api#DialogConfig
  */
-export declare class MzDialogConfig<D = any, C extends BasePortalOutlet = BasePortalOutlet> {
-    size?: 'sm' | 'md' | 'lg' | 'xl';
+export declare class MzDrawerConfig<D = any, C extends BasePortalOutlet = BasePortalOutlet> {
     /**
      * Where the attached component should live in Angular's *logical* component tree.
      * This affects what is available for injection and the change detection order for the
@@ -84,10 +83,4 @@ export declare class MzDialogConfig<D = any, C extends BasePortalOutlet = BasePo
      * Whether the dialog should close when the user goes backwards/forwards in history.
      */
     closeOnNavigation?: boolean;
-    /**
-     * Component into which the dialog content will be rendered. Defaults to `CdkDialogContainer`.
-     * A configuration object can be passed in to customize the providers that will be exposed
-     * to the dialog container.
-     */
-    container?: Type<C>;
 }

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

@@ -0,0 +1,5 @@
+import * as i0 from "@angular/core";
+export declare class MzDrawerContent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<MzDrawerContent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MzDrawerContent, "mz-drawer-content", never, {}, {}, never, ["*"], true, never>;
+}

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

@@ -0,0 +1,5 @@
+import * as i0 from "@angular/core";
+export declare class MzDrawerFooter {
+    static ɵfac: i0.ɵɵFactoryDeclaration<MzDrawerFooter, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MzDrawerFooter, "mz-drawer-footer", never, {}, {}, never, ["*"], true, never>;
+}

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

@@ -0,0 +1,11 @@
+import { MzDrawerRef } from '../drawer-ref';
+import * as i0 from "@angular/core";
+export declare class MzDrawerHeader {
+    private drawerRef;
+    title: import("@angular/core").InputSignal<string>;
+    constructor(drawerRef: MzDrawerRef<any>);
+    protected close(e: UIEvent): void;
+    protected get disableClose(): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MzDrawerHeader, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MzDrawerHeader, "mz-drawer-header", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/lib/drawer/drawer-injectors.d.ts

@@ -0,0 +1,5 @@
+import { InjectionToken } from "@angular/core";
+import { MzDrawerConfig } from "./drawer-config";
+/** Injection token that can be used to provide default options for the dialog module. */
+export declare const DEFAULT_MZ_DRAWER_CONFIG: InjectionToken<MzDrawerConfig<any, import("@angular/cdk/portal-directives.d-C698lRc2").BasePortalOutlet>>;
+export declare const MZ_DRAWER_DATA: InjectionToken<any>;

package/lib/{dialog/dialog-ref.d.ts → drawer/drawer-ref.d.ts}

@@ -1,15 +1,15 @@
 import { DialogCloseOptions, DialogRef } from "@angular/cdk/dialog";
-import { MzDialogConfig } from "./dialog-config";
+import { MzDrawerConfig } from "./drawer-config";
 import { BasePortalOutlet } from "@angular/cdk/portal";
 import { Observable } from "rxjs";
-export declare class MzDialogRef<R, C = any> {
+export declare class MzDrawerRef<R, C = any> {
     readonly cdkRef: DialogRef<R, C>;
-    readonly config: MzDialogConfig;
+    readonly config: MzDrawerConfig;
     readonly containerInstance: BasePortalOutlet;
     /** Whether the user is allowed to close the dialog. */
     readonly disableClose: boolean | undefined;
     readonly id: string;
-    constructor(cdkRef: DialogRef<R, C>, config: MzDialogConfig, containerInstance: BasePortalOutlet);
+    constructor(cdkRef: DialogRef<R, C>, config: MzDrawerConfig, containerInstance: BasePortalOutlet);
     get componentInstance(): C | null;
     get closed(): Observable<R | undefined>;
     /**

package/lib/{dialog/mz-dialog.service.d.ts → drawer/drawer.d.ts}

@@ -1,39 +1,39 @@
 import { ComponentType, Overlay } from '@angular/cdk/overlay';
 import { Injector, OnDestroy, TemplateRef, ViewContainerRef } from '@angular/core';
-import { MzDialogConfig } from './dialog-config';
-import { MzDialogRef } from './dialog-ref';
+import { MzDrawerConfig } from './drawer-config';
+import { MzDrawerRef } from './drawer-ref';
 import * as i0 from "@angular/core";
-export declare class MzDialog implements OnDestroy {
+export declare class MzDrawer implements OnDestroy {
     private injector;
     private overlay;
     private configuredOptions;
     private viewContainerRef?;
     private cdkDialog;
     private openDialogs;
-    constructor(injector: Injector, overlay: Overlay, configuredOptions: MzDialogConfig, viewContainerRef?: (ViewContainerRef | null) | undefined);
+    constructor(injector: Injector, overlay: Overlay, configuredOptions: MzDrawerConfig, viewContainerRef?: (ViewContainerRef | null) | undefined);
     /**
      * Opens a modal dialog containing the given component.
      * @param component Type of the component to load into the dialog.
      * @param config Extra configuration options.
      * @returns Reference to the newly-opened dialog.
      */
-    open<R = any, D = any, T = any>(component: ComponentType<T>, config?: MzDialogConfig<D>): MzDialogRef<R, T>;
+    open<R = any, D = any, T = any>(component: ComponentType<T>, config?: MzDrawerConfig<D>): MzDrawerRef<R, T>;
     /**
      * Opens a modal dialog containing the given template.
      * @param template TemplateRef to instantiate as the dialog content.
      * @param config Extra configuration options.
      * @returns Reference to the newly-opened dialog.
      */
-    open<R = any, D = any, T = any>(template: TemplateRef<T>, config?: MzDialogConfig<D>): MzDialogRef<R, T>;
-    open<R = any, D = any, T = any>(componentOrTemplateRef: ComponentType<T> | TemplateRef<T>, config?: MzDialogConfig<D>): MzDialogRef<R, T>;
+    open<R = any, D = any, T = any>(template: TemplateRef<T>, config?: MzDrawerConfig<D>): MzDrawerRef<R, T>;
+    open<R = any, D = any, T = any>(componentOrTemplateRef: ComponentType<T> | TemplateRef<T>, config?: MzDrawerConfig<D>): MzDrawerRef<R, T>;
     /**
      * Gets an array of currently opened dialogs that were opened with this instance of service.
      */
-    getDialogs(): MzDialogRef<any>[];
+    getDialogs(): MzDrawerRef<any>[];
     confirmDeactivation(): boolean;
     closeAll(): void;
     ngOnDestroy(): void;
     private closeDialogs;
-    static ɵfac: i0.ɵɵFactoryDeclaration<MzDialog, [null, null, { optional: true; }, { optional: true; }]>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<MzDialog>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MzDrawer, [null, null, { optional: true; }, { optional: true; }]>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<MzDrawer>;
 }

package/lib/drawer/drawer.module.d.ts

@@ -0,0 +1,13 @@
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/cdk/dialog";
+import * as i2 from "@angular/cdk/overlay";
+import * as i3 from "@angular/cdk/portal";
+import * as i4 from "./container/drawer-container.component";
+import * as i5 from "./drawer-header/drawer-header.component";
+import * as i6 from "./drawer-content/drawer-content.component";
+import * as i7 from "./drawer-footer/drawer-footer.component";
+export declare class MzDrawerModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<MzDrawerModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<MzDrawerModule, never, [typeof i1.DialogModule, typeof i2.OverlayModule, typeof i3.PortalModule, typeof i4.MzDrawerContainer, typeof i5.MzDrawerHeader, typeof i6.MzDrawerContent, typeof i7.MzDrawerFooter], [typeof i1.DialogModule, typeof i4.MzDrawerContainer, typeof i5.MzDrawerHeader, typeof i6.MzDrawerContent, typeof i7.MzDrawerFooter]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<MzDrawerModule>;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@muziehdesign/components",
-  "version": "19.2.8-beta.2539",
+  "version": "19.2.8-beta.2551",
   "peerDependencies": {
     "@angular/common": "^19.2.8",
     "@angular/core": "^19.2.8",

package/public-api.d.ts

@@ -27,11 +27,14 @@ 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 { MzDialog } from './lib/dialog/mz-dialog.service';
-export { MzDialogConfig } from './lib/dialog/dialog-config';
-export { MzDialogRef } from './lib/dialog/dialog-ref';
-export { DrawerContainerComponent } from './lib/dialog/container/drawer-container.component';
-export { MzDialogModule } from './lib/dialog/dialog.module';
+export { MzDrawer } from './lib/drawer/drawer';
+export { MzDrawerConfig } from './lib/drawer/drawer-config';
+export { MzDrawerRef } from './lib/drawer/drawer-ref';
+export { MzDrawerContainer } from './lib/drawer/container/drawer-container.component';
+export { MzDrawerModule } from './lib/drawer/drawer.module';
+export { MzDrawerHeader } from './lib/drawer/drawer-header/drawer-header.component';
+export { MzDrawerContent } from './lib/drawer/drawer-content/drawer-content.component';
+export { MzDrawerFooter } from './lib/drawer/drawer-footer/drawer-footer.component';
 export { FilterComponent } from './lib/filter/filter.component';
 export { FilterOptionModel } from './lib/filter/filter-option.model';
 export { OptionsFilterComponent } from './lib/options-filter/options-filter.component';

package/styles/design/_base.scss

@@ -1,14 +1,14 @@
 @layer base {
     h1 {
-        @apply text-2xl font-medium mt-8;
+        @apply text-2xl font-medium;
     }
 
     h2 {
-        @apply text-xl font-medium mt-8;
+        @apply text-xl font-medium;
     }
 
     h3 {
-        @apply text-lg font-medium mt-8;
+        @apply text-lg font-medium;
     }
 
     h4 {
@@ -16,11 +16,11 @@
     }
 
     h5 {
-        @apply text-sm font-semibold mt-5;
+        @apply text-sm font-semibold;
     }
 
     h6 {
-        @apply text-sm font-semibold mt-5;
+        @apply text-sm font-semibold;
     }
 
     h1,
@@ -33,7 +33,7 @@
     }
 
     a {
-        @apply text-blue-500 hover:text-blue-900 hover:underline;
+        @apply text-primary hover:underline;
     }
 
     p {
@@ -51,4 +51,4 @@
     strong {
         @apply font-medium;
     }
-}
+}

package/styles/mixins/_utilities.scss

@@ -103,3 +103,15 @@
         @include py($i);
     }
 }
+
+@mixin respond($breakpoint) {
+  $size: map-get($breakpoints, $breakpoint);
+
+  @if $size {
+    @media (min-width: #{$size}) {
+      @content;
+    }
+  } @else {
+    @warn "No value found for breakpoint: #{$breakpoint}";
+  }
+}

package/styles/theme.scss

@@ -88,4 +88,12 @@ $color: (
         disabled: var(--color-neutral-400)
         //link: var(--text-link)
     ),
+);
+
+$breakpoints: (
+    sm: 640px,
+    md: 768px,
+    lg: 1024px,
+    xl: 1280px,
+    '2xl': 1536px
 );

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

@@ -1,25 +0,0 @@
-import { CdkDialogContainer } from '@angular/cdk/dialog';
-import { ElementRef, NgZone } from '@angular/core';
-import { OverlayRef } from '@angular/cdk/overlay';
-import { FocusTrapFactory, InteractivityChecker } from '@angular/cdk/a11y';
-import { MzDialogConfig } from '../dialog-config';
-import { MzDialogRef } from '../dialog-ref';
-import * as i0 from "@angular/core";
-export declare class DrawerContainerComponent extends CdkDialogContainer<MzDialogConfig> {
-    readonly dialogConfig: MzDialogConfig;
-    protected interactivityChecker: InteractivityChecker;
-    protected ngZone: NgZone;
-    protected overlayRef: OverlayRef;
-    private dialogRef?;
-    protected open: boolean;
-    constructor(elementRef: ElementRef, focusTrapFactory: FocusTrapFactory, dialogConfig: MzDialogConfig, interactivityChecker: InteractivityChecker, ngZone: NgZone, overlayRef: OverlayRef, _document: any);
-    associateDialogRef(dialogRef: MzDialogRef<any>): void;
-    protected tryClose(e: UIEvent): void;
-    onBeforeUnload(event: BeforeUnloadEvent): void;
-    /**
-     * Marks state of container for animation purposes.
-     */
-    enter(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<DrawerContainerComponent, [null, null, null, null, null, null, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DrawerContainerComponent, "mz-drawer-container", never, {}, {}, never, never, true, never>;
-}

package/lib/dialog/dialog-injectors.d.ts

@@ -1,5 +0,0 @@
-import { InjectionToken } from "@angular/core";
-import { MzDialogConfig } from "./dialog-config";
-/** Injection token that can be used to provide default options for the dialog module. */
-export declare const DEFAULT_MZ_DIALOG_CONFIG: InjectionToken<MzDialogConfig<any, import("@angular/cdk/portal-directives.d-C698lRc2").BasePortalOutlet>>;
-export declare const MZ_DIALOG_DATA: InjectionToken<any>;

package/lib/dialog/dialog.module.d.ts

@@ -1,10 +0,0 @@
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/cdk/dialog";
-import * as i2 from "@angular/cdk/overlay";
-import * as i3 from "@angular/cdk/portal";
-import * as i4 from "./container/drawer-container.component";
-export declare class MzDialogModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<MzDialogModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<MzDialogModule, never, [typeof i1.DialogModule, typeof i2.OverlayModule, typeof i3.PortalModule, typeof i4.DrawerContainerComponent], [typeof i1.DialogModule, typeof i4.DrawerContainerComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<MzDialogModule>;
-}