@muziehdesign/components 18.2.0-beta.2334 → 18.2.0-beta.2345

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (55) hide show
  1. package/esm2022/lib/alert/alert.component.mjs +4 -4
  2. package/esm2022/lib/button.directive.mjs +4 -4
  3. package/esm2022/lib/components.module.mjs +5 -5
  4. package/esm2022/lib/date-display/date-display.pipe.mjs +4 -4
  5. package/esm2022/lib/date-display/date.pipe.mjs +4 -4
  6. package/esm2022/lib/date-time/date-time.component.mjs +4 -4
  7. package/esm2022/lib/dialog/container/drawer-container.component.mjs +57 -0
  8. package/esm2022/lib/dialog/dialog-config.mjs +50 -0
  9. package/esm2022/lib/dialog/dialog-injectors.mjs +5 -0
  10. package/esm2022/lib/dialog/dialog-ref.mjs +57 -0
  11. package/esm2022/lib/dialog/dialog.module.mjs +25 -0
  12. package/esm2022/lib/dialog/mz-dialog.service.mjs +108 -0
  13. package/esm2022/lib/dropdown/dropdown-item.directive.mjs +5 -5
  14. package/esm2022/lib/dropdown/dropdown.component.mjs +5 -5
  15. package/esm2022/lib/dropdown/dropdown.module.mjs +5 -5
  16. package/esm2022/lib/enum-display/enum-display.pipe.mjs +4 -4
  17. package/esm2022/lib/filter/filter.component.mjs +5 -5
  18. package/esm2022/lib/guard-deactivate.mjs +14 -0
  19. package/esm2022/lib/infinite-scroll/infinite-scroll.component.mjs +4 -4
  20. package/esm2022/lib/inline-edit/inline-edit.component.mjs +4 -4
  21. package/esm2022/lib/options-filter/options-filter.component.mjs +5 -5
  22. package/esm2022/lib/page-header/page-header.component.mjs +4 -4
  23. package/esm2022/lib/page-loading-indicator/page-loading-indicator.component.mjs +8 -11
  24. package/esm2022/lib/pagination/pagination.component.mjs +4 -4
  25. package/esm2022/lib/phone-number/phone-number.pipe.mjs +4 -4
  26. package/esm2022/lib/result-table/result-table.component.mjs +4 -4
  27. package/esm2022/lib/sort-key.directive.mjs +4 -4
  28. package/esm2022/lib/sort.directive.mjs +4 -4
  29. package/esm2022/lib/spinner/spinner.component.mjs +4 -4
  30. package/esm2022/lib/subject-display/subject-display.pipe.mjs +4 -4
  31. package/esm2022/lib/svg-icon/svg-icon.component.mjs +4 -4
  32. package/esm2022/lib/time-value-accessor.directive.mjs +4 -4
  33. package/esm2022/lib/time-value-validator.directive.mjs +4 -4
  34. package/esm2022/lib/wizard-progress-tracker/wizard-progress-tracker.component.mjs +4 -6
  35. package/esm2022/public-api.mjs +11 -4
  36. package/fesm2022/muziehdesign-components.mjs +408 -143
  37. package/fesm2022/muziehdesign-components.mjs.map +1 -1
  38. package/lib/dialog/container/drawer-container.component.d.ts +25 -0
  39. package/lib/dialog/dialog-config.d.ts +93 -0
  40. package/lib/dialog/dialog-injectors.d.ts +5 -0
  41. package/lib/dialog/dialog-ref.d.ts +30 -0
  42. package/lib/dialog/dialog.module.d.ts +10 -0
  43. package/lib/dialog/mz-dialog.service.d.ts +39 -0
  44. package/lib/guard-deactivate.d.ts +11 -0
  45. package/lib/page-loading-indicator/page-loading-indicator.component.d.ts +2 -4
  46. package/lib/wizard-progress-tracker/wizard-progress-tracker.component.d.ts +0 -2
  47. package/package.json +2 -3
  48. package/public-api.d.ts +7 -2
  49. package/styles/design/_dialog.scss +2 -2
  50. package/styles/design/_utilities.scss +27 -0
  51. package/styles/mixins/_dialog.scss +5 -3
  52. package/styles/mixins/_icon.scss +0 -1
  53. package/styles/mixins/_layout.scss +0 -0
  54. package/esm2022/lib/drawer/drawer-container.component.mjs +0 -21
  55. package/lib/drawer/drawer-container.component.d.ts +0 -8
@@ -0,0 +1,25 @@
1
+ import { CdkDialogContainer } from '@angular/cdk/dialog';
2
+ import { ElementRef, NgZone } from '@angular/core';
3
+ import { OverlayRef } from '@angular/cdk/overlay';
4
+ import { FocusTrapFactory, InteractivityChecker } from '@angular/cdk/a11y';
5
+ import { MzDialogConfig } from '../dialog-config';
6
+ import { MzDialogRef } from '../dialog-ref';
7
+ import * as i0 from "@angular/core";
8
+ export declare class DrawerContainerComponent extends CdkDialogContainer<MzDialogConfig> {
9
+ readonly dialogConfig: MzDialogConfig;
10
+ protected interactivityChecker: InteractivityChecker;
11
+ protected ngZone: NgZone;
12
+ protected overlayRef: OverlayRef;
13
+ private dialogRef?;
14
+ protected open: boolean;
15
+ constructor(elementRef: ElementRef, focusTrapFactory: FocusTrapFactory, dialogConfig: MzDialogConfig, interactivityChecker: InteractivityChecker, ngZone: NgZone, overlayRef: OverlayRef, _document: any);
16
+ associateDialogRef(dialogRef: MzDialogRef<any>): void;
17
+ protected tryClose(e: UIEvent): void;
18
+ onBeforeUnload(event: BeforeUnloadEvent): void;
19
+ /**
20
+ * Marks state of container for animation purposes.
21
+ */
22
+ enter(): void;
23
+ static ɵfac: i0.ɵɵFactoryDeclaration<DrawerContainerComponent, [null, null, null, null, null, null, { optional: true; }]>;
24
+ static ɵcmp: i0.ɵɵComponentDeclaration<DrawerContainerComponent, "mz-drawer-container", never, {}, {}, never, never, true, never>;
25
+ }
@@ -0,0 +1,93 @@
1
+ import { Direction } from "@angular/cdk/bidi";
2
+ import { AutoFocusTarget, DialogRole } from "@angular/cdk/dialog";
3
+ import { PositionStrategy, ScrollStrategy } from "@angular/cdk/overlay";
4
+ import { BasePortalOutlet } from "@angular/cdk/portal";
5
+ import { Injector, Type, ViewContainerRef } from "@angular/core";
6
+ /**
7
+ * Configuration opening a modal dialog with the MzDialog service. Properties here are exposes what's available in @angular/cdk DialogConfig
8
+ * and with a few additional properties for MzDialog.
9
+ * See https://material.angular.io/cdk/dialog/api#DialogConfig
10
+ */
11
+ export declare class MzDialogConfig<D = any, C extends BasePortalOutlet = BasePortalOutlet> {
12
+ size?: 'sm' | 'md' | 'lg' | 'xl';
13
+ /**
14
+ * Where the attached component should live in Angular's *logical* component tree.
15
+ * This affects what is available for injection and the change detection order for the
16
+ * component instantiated inside of the dialog. This does not affect where the dialog
17
+ * content will be rendered.
18
+ */
19
+ viewContainerRef?: ViewContainerRef;
20
+ /**
21
+ * Injector used for the instantiation of the component to be attached. If provided,
22
+ * takes precedence over the injector indirectly provided by `ViewContainerRef`.
23
+ */
24
+ injector?: Injector;
25
+ /** ID for the dialog. If omitted, a unique one will be generated. */
26
+ id?: string;
27
+ /** The ARIA role of the dialog element. */
28
+ role?: DialogRole;
29
+ /** Optional CSS class or classes applied to the overlay panel. */
30
+ panelClass?: string | string[];
31
+ /** Whether the dialog has a backdrop. */
32
+ hasBackdrop?: boolean;
33
+ /** Optional CSS class or classes applied to the overlay backdrop. */
34
+ backdropClass?: string | string[];
35
+ /** Whether the dialog closes with the escape key or pointer events outside the panel element. */
36
+ disableClose?: boolean;
37
+ /** Width of the dialog. */
38
+ width?: string;
39
+ /** Height of the dialog. */
40
+ height?: string;
41
+ /** Min-width of the dialog. If a number is provided, assumes pixel units. */
42
+ minWidth?: number | string;
43
+ /** Min-height of the dialog. If a number is provided, assumes pixel units. */
44
+ minHeight?: number | string;
45
+ /** Max-width of the dialog. If a number is provided, assumes pixel units. Defaults to 80vw. */
46
+ maxWidth?: number | string;
47
+ /** Max-height of the dialog. If a number is provided, assumes pixel units. */
48
+ maxHeight?: number | string;
49
+ /** Strategy to use when positioning the dialog. Defaults to centering it on the page. */
50
+ positionStrategy?: PositionStrategy;
51
+ /** Data being injected into the child component. */
52
+ data?: D | null;
53
+ /** Layout direction for the dialog's content. */
54
+ direction?: Direction;
55
+ /** ID of the element that describes the dialog. */
56
+ ariaDescribedBy?: string | null;
57
+ /** ID of the element that labels the dialog. */
58
+ ariaLabelledBy?: string | null;
59
+ /** Dialog label applied via `aria-label` */
60
+ ariaLabel?: string | null;
61
+ /** Whether this is a modal dialog. Used to set the `aria-modal` attribute. */
62
+ ariaModal?: boolean;
63
+ /**
64
+ * Where the dialog should focus on open.
65
+ * @breaking-change 14.0.0 Remove boolean option from autoFocus. Use string or
66
+ * AutoFocusTarget instead.
67
+ */
68
+ autoFocus?: AutoFocusTarget | string | boolean;
69
+ /**
70
+ * Whether the dialog should restore focus to the previously-focused element upon closing.
71
+ * Has the following behavior based on the type that is passed in:
72
+ * - `boolean` - when true, will return focus to the element that was focused before the dialog
73
+ * was opened, otherwise won't restore focus at all.
74
+ * - `string` - focus will be restored to the first element that matches the CSS selector.
75
+ * - `HTMLElement` - focus will be restored to the specific element.
76
+ */
77
+ restoreFocus?: boolean | string | HTMLElement;
78
+ /**
79
+ * Scroll strategy to be used for the dialog. This determines how
80
+ * the dialog responds to scrolling underneath the panel element.
81
+ */
82
+ scrollStrategy?: ScrollStrategy;
83
+ /**
84
+ * Whether the dialog should close when the user goes backwards/forwards in history.
85
+ */
86
+ closeOnNavigation?: boolean;
87
+ /**
88
+ * Component into which the dialog content will be rendered. Defaults to `CdkDialogContainer`.
89
+ * A configuration object can be passed in to customize the providers that will be exposed
90
+ * to the dialog container.
91
+ */
92
+ container?: Type<C>;
93
+ }
@@ -0,0 +1,5 @@
1
+ import { InjectionToken } from "@angular/core";
2
+ import { MzDialogConfig } from "./dialog-config";
3
+ /** Injection token that can be used to provide default options for the dialog module. */
4
+ export declare const DEFAULT_MZ_DIALOG_CONFIG: InjectionToken<MzDialogConfig<any, import("@angular/cdk/portal").BasePortalOutlet>>;
5
+ export declare const MZ_DIALOG_DATA: InjectionToken<any>;
@@ -0,0 +1,30 @@
1
+ import { DialogCloseOptions, DialogRef } from "@angular/cdk/dialog";
2
+ import { MzDialogConfig } from "./dialog-config";
3
+ import { BasePortalOutlet } from "@angular/cdk/portal";
4
+ import { Observable } from "rxjs";
5
+ export declare class MzDialogRef<R, C = any> {
6
+ readonly cdkRef: DialogRef<R, C>;
7
+ readonly config: MzDialogConfig;
8
+ readonly containerInstance: BasePortalOutlet;
9
+ /** Whether the user is allowed to close the dialog. */
10
+ readonly disableClose: boolean | undefined;
11
+ readonly id: string;
12
+ constructor(cdkRef: DialogRef<R, C>, config: MzDialogConfig, containerInstance: BasePortalOutlet);
13
+ get componentInstance(): C | null;
14
+ get closed(): Observable<R | undefined>;
15
+ /**
16
+ * Confirms the component's deactivation then closes the dialog.
17
+ * @param result
18
+ * @param options
19
+ * @returns
20
+ */
21
+ tryClose(result?: R, options?: DialogCloseOptions): boolean;
22
+ /**
23
+ * Closes the dialog without confirmation.
24
+ * @param result
25
+ * @param options
26
+ */
27
+ close(result?: R, options?: DialogCloseOptions): void;
28
+ confirmDeactivation(): boolean;
29
+ canDeactivate(): boolean;
30
+ }
@@ -0,0 +1,10 @@
1
+ import * as i0 from "@angular/core";
2
+ import * as i1 from "@angular/cdk/dialog";
3
+ import * as i2 from "@angular/cdk/overlay";
4
+ import * as i3 from "@angular/cdk/portal";
5
+ import * as i4 from "./container/drawer-container.component";
6
+ export declare class MzDialogModule {
7
+ static ɵfac: i0.ɵɵFactoryDeclaration<MzDialogModule, never>;
8
+ static ɵmod: i0.ɵɵNgModuleDeclaration<MzDialogModule, never, [typeof i1.DialogModule, typeof i2.OverlayModule, typeof i3.PortalModule, typeof i4.DrawerContainerComponent], [typeof i1.DialogModule, typeof i4.DrawerContainerComponent]>;
9
+ static ɵinj: i0.ɵɵInjectorDeclaration<MzDialogModule>;
10
+ }
@@ -0,0 +1,39 @@
1
+ import { ComponentType, Overlay } from '@angular/cdk/overlay';
2
+ import { Injector, OnDestroy, TemplateRef, ViewContainerRef } from '@angular/core';
3
+ import { MzDialogConfig } from './dialog-config';
4
+ import { MzDialogRef } from './dialog-ref';
5
+ import * as i0 from "@angular/core";
6
+ export declare class MzDialog implements OnDestroy {
7
+ private injector;
8
+ private overlay;
9
+ private configuredOptions;
10
+ private viewContainerRef?;
11
+ private cdkDialog;
12
+ private openDialogs;
13
+ constructor(injector: Injector, overlay: Overlay, configuredOptions: MzDialogConfig, viewContainerRef?: (ViewContainerRef | null) | undefined);
14
+ /**
15
+ * Opens a modal dialog containing the given component.
16
+ * @param component Type of the component to load into the dialog.
17
+ * @param config Extra configuration options.
18
+ * @returns Reference to the newly-opened dialog.
19
+ */
20
+ open<R = any, D = any, T = any>(component: ComponentType<T>, config?: MzDialogConfig<D>): MzDialogRef<R, T>;
21
+ /**
22
+ * Opens a modal dialog containing the given template.
23
+ * @param template TemplateRef to instantiate as the dialog content.
24
+ * @param config Extra configuration options.
25
+ * @returns Reference to the newly-opened dialog.
26
+ */
27
+ open<R = any, D = any, T = any>(template: TemplateRef<T>, config?: MzDialogConfig<D>): MzDialogRef<R, T>;
28
+ open<R = any, D = any, T = any>(componentOrTemplateRef: ComponentType<T> | TemplateRef<T>, config?: MzDialogConfig<D>): MzDialogRef<R, T>;
29
+ /**
30
+ * Gets an array of currently opened dialogs that were opened with this instance of service.
31
+ */
32
+ getDialogs(): MzDialogRef<any>[];
33
+ confirmDeactivation(): boolean;
34
+ closeAll(): void;
35
+ ngOnDestroy(): void;
36
+ private closeDialogs;
37
+ static ɵfac: i0.ɵɵFactoryDeclaration<MzDialog, [null, null, { optional: true; }, { optional: true; }]>;
38
+ static ɵprov: i0.ɵɵInjectableDeclaration<MzDialog>;
39
+ }
@@ -0,0 +1,11 @@
1
+ export interface CanDeactivateComponent {
2
+ canDeactivate(): boolean;
3
+ confirmDeactivation(): boolean;
4
+ }
5
+ export declare const hasImplementation: <T>(obj: any, func: keyof T) => obj is T;
6
+ export type ModifierKey = 'altKey' | 'shiftKey' | 'ctrlKey' | 'metaKey';
7
+ /**
8
+ * Checks whether a modifier key is pressed.
9
+ * @param event Event to be checked.
10
+ */
11
+ export declare function hasModifierKey(event: KeyboardEvent, ...modifiers: ModifierKey[]): boolean;
@@ -1,14 +1,12 @@
1
- import { OnDestroy, OnInit } from '@angular/core';
1
+ import { OnInit } from '@angular/core';
2
2
  import { Router } from '@angular/router';
3
3
  import * as i0 from "@angular/core";
4
- export declare class PageLoadingIndicatorComponent implements OnInit, OnDestroy {
4
+ export declare class PageLoadingIndicatorComponent implements OnInit {
5
5
  private router;
6
6
  isLoading: boolean;
7
7
  expectedMilisecondsDelay: number;
8
- private subs;
9
8
  constructor(router: Router);
10
9
  ngOnInit(): void;
11
- ngOnDestroy(): void;
12
10
  static ɵfac: i0.ɵɵFactoryDeclaration<PageLoadingIndicatorComponent, never>;
13
11
  static ɵcmp: i0.ɵɵComponentDeclaration<PageLoadingIndicatorComponent, "mz-page-loading-indicator", never, { "isLoading": { "alias": "isLoading"; "required": false; }; }, {}, never, never, true, never>;
14
12
  }
@@ -1,5 +1,4 @@
1
1
  import { EventEmitter } from '@angular/core';
2
- import { SubSink } from 'subsink';
3
2
  import { WizardStepLink } from '../models/wizard-step-link';
4
3
  import * as i0 from "@angular/core";
5
4
  export declare class WizardProgressTrackerComponent {
@@ -7,7 +6,6 @@ export declare class WizardProgressTrackerComponent {
7
6
  currentStep: number;
8
7
  stepChange: EventEmitter<WizardStepLink>;
9
8
  toggled: boolean;
10
- subs: SubSink;
11
9
  goToStep(step: WizardStepLink): void;
12
10
  toggle(): void;
13
11
  static ɵfac: i0.ɵɵFactoryDeclaration<WizardProgressTrackerComponent, never>;
package/package.json CHANGED
@@ -1,11 +1,10 @@
1
1
  {
2
2
  "name": "@muziehdesign/components",
3
- "version": "18.2.0-beta.2334",
3
+ "version": "18.2.0-beta.2345",
4
4
  "peerDependencies": {
5
5
  "@angular/common": "^18.1.1",
6
6
  "@angular/core": "^18.1.1",
7
- "@angular/cdk": "^18.1.1",
8
- "subsink": "^1.0.2"
7
+ "@angular/cdk": "^18.1.1"
9
8
  },
10
9
  "dependencies": {
11
10
  "tslib": "^2.3.0"
package/public-api.d.ts CHANGED
@@ -31,10 +31,15 @@ export { ButtonDirective } from './lib/button.directive';
31
31
  export { SortEvent } from './lib/models/sort-event';
32
32
  export { WizardStepLink } from './lib/models/wizard-step-link';
33
33
  export { WizardProgressTrackerComponent } from './lib/wizard-progress-tracker/wizard-progress-tracker.component';
34
- export { DrawerContainerComponent } from './lib/drawer/drawer-container.component';
34
+ export { MzDialog } from './lib/dialog/mz-dialog.service';
35
+ export { MzDialogConfig } from './lib/dialog/dialog-config';
36
+ export { MzDialogRef } from './lib/dialog/dialog-ref';
37
+ export { DrawerContainerComponent } from './lib/dialog/container/drawer-container.component';
38
+ export { MzDialogModule } from './lib/dialog/dialog.module';
35
39
  export { MzDropdownComponent } from './lib/dropdown/dropdown.component';
36
40
  export { MzDropdownItemDirective } from './lib/dropdown/dropdown-item.directive';
37
41
  export { MzDropdownModule } from './lib/dropdown/dropdown.module';
42
+ export { FilterComponent } from './lib/filter/filter.component';
38
43
  export { FilterOptionModel } from './lib/filter/filter-option.model';
39
44
  export { OptionsFilterComponent } from './lib/options-filter/options-filter.component';
40
- export { FilterComponent } from './lib/filter/filter.component';
45
+ export { CanDeactivateComponent, hasImplementation } from './lib/guard-deactivate';
@@ -1,7 +1,7 @@
1
1
  @use './mixins/dialog' as dialog;
2
2
 
3
3
  @layer utilities {
4
- .dialog-content:not(:has( > .dialog-content)) {
5
- @include dialog.dialog-content();
4
+ .mz-dialog-container .article {
5
+ @include dialog.dialog-article();
6
6
  }
7
7
  }
@@ -15,4 +15,31 @@
15
15
  .text-subtlest {
16
16
  @apply text-gray-500;
17
17
  }
18
+
19
+ .structured-article {
20
+ display: flex;
21
+ flex-direction: column;
22
+ padding: 1rem;
23
+ height:100%;
24
+ overflow-y: auto;
25
+
26
+ & > *:not(header, footer) {
27
+ flex-grow: 1;
28
+ padding: 0.5rem 0;
29
+ }
30
+
31
+ header, footer {
32
+ padding: 0.75rem 0;
33
+ position: sticky;
34
+ background-color: var(--surface-bg, #fff);
35
+ }
36
+
37
+ header {
38
+ top: 0px;
39
+ }
40
+
41
+ footer {
42
+ bottom: 0px;
43
+ }
44
+ }
18
45
  }
@@ -1,17 +1,19 @@
1
- @mixin dialog-content() {
1
+ @mixin dialog-article() {
2
2
  display: flex;
3
3
  flex-direction: column;
4
- padding: 0.5rem 1rem 0 1rem;
4
+ padding: 0 1rem 0 1rem;
5
5
  height:100vh;
6
+ overflow-y: auto;
6
7
 
7
8
  & > *:not(header, footer) {
8
9
  flex-grow: 1;
10
+ padding: 0.5rem 0;
9
11
  }
10
12
 
11
13
  header, footer {
12
14
  padding: 0.75rem 0;
13
15
  position: sticky;
14
- background-color: white;
16
+ background-color: var(--surface-bg, #fff);
15
17
  }
16
18
 
17
19
  header {
@@ -2,5 +2,4 @@
2
2
  height:1.5rem;
3
3
  width:1.5rem;
4
4
  display: inline-block;
5
- padding-left: 0.5rem;
6
5
  }
File without changes
@@ -1,21 +0,0 @@
1
- import { CdkDialogContainer } from '@angular/cdk/dialog';
2
- import { CdkPortalOutlet } from '@angular/cdk/portal';
3
- import { ChangeDetectionStrategy, Component } from '@angular/core';
4
- import * as i0 from "@angular/core";
5
- export class DrawerContainerComponent extends CdkDialogContainer {
6
- constructor() {
7
- super(...arguments);
8
- this.open = false;
9
- }
10
- _contentAttached() {
11
- super._contentAttached();
12
- this.open = true;
13
- }
14
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DrawerContainerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
15
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: DrawerContainerComponent, isStandalone: true, selector: "mz-drawer-container", usesInheritance: true, ngImport: i0, template: "<div class=\"drawer-container\" [class.open]=\"open\">\n <article class=\"dialog-content\">\n <ng-template cdkPortalOutlet />\n </article>\n</div>", styles: [".drawer-container{background-color:#fff;width:500px;max-width:90%;overflow:auto;height:100vh;position:absolute;right:0;top:0;transition:translate .3s ease-out;translate:100%}.drawer-container.open{translate:0%}.dialog-content>:first-child{display:flex;flex-direction:column;padding:.5rem 1rem 0;height:100vh}.dialog-content>:first-child>*:not(header,footer){flex-grow:1}.dialog-content>:first-child header,.dialog-content>:first-child footer{padding:.75rem 0;position:sticky;background-color:#fff}.dialog-content>:first-child header{top:0}.dialog-content>:first-child footer{bottom:0}\n"], dependencies: [{ kind: "directive", type: CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.Default }); }
16
- }
17
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DrawerContainerComponent, decorators: [{
18
- type: Component,
19
- args: [{ selector: 'mz-drawer-container', standalone: true, imports: [CdkPortalOutlet], changeDetection: ChangeDetectionStrategy.Default, template: "<div class=\"drawer-container\" [class.open]=\"open\">\n <article class=\"dialog-content\">\n <ng-template cdkPortalOutlet />\n </article>\n</div>", styles: [".drawer-container{background-color:#fff;width:500px;max-width:90%;overflow:auto;height:100vh;position:absolute;right:0;top:0;transition:translate .3s ease-out;translate:100%}.drawer-container.open{translate:0%}.dialog-content>:first-child{display:flex;flex-direction:column;padding:.5rem 1rem 0;height:100vh}.dialog-content>:first-child>*:not(header,footer){flex-grow:1}.dialog-content>:first-child header,.dialog-content>:first-child footer{padding:.75rem 0;position:sticky;background-color:#fff}.dialog-content>:first-child header{top:0}.dialog-content>:first-child footer{bottom:0}\n"] }]
20
- }] });
21
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJhd2VyLWNvbnRhaW5lci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb21wb25lbnRzL3NyYy9saWIvZHJhd2VyL2RyYXdlci1jb250YWluZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29tcG9uZW50cy9zcmMvbGliL2RyYXdlci9kcmF3ZXItY29udGFpbmVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxrQkFBa0IsRUFBZ0IsTUFBTSxxQkFBcUIsQ0FBQztBQUN2RSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDdEQsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFVbkUsTUFBTSxPQUFPLHdCQUF5QixTQUFRLGtCQUFnQztJQVI5RTs7UUFTRSxTQUFJLEdBQUcsS0FBSyxDQUFDO0tBTWQ7SUFKb0IsZ0JBQWdCO1FBQ2pDLEtBQUssQ0FBQyxnQkFBZ0IsRUFBRSxDQUFDO1FBQ3pCLElBQUksQ0FBQyxJQUFJLEdBQUcsSUFBSSxDQUFDO0lBQ25CLENBQUM7K0dBTlUsd0JBQXdCO21HQUF4Qix3QkFBd0Isc0dDWnJDLGlLQUlNLG9vQkRHTSxlQUFlOzs0RkFLZCx3QkFBd0I7a0JBUnBDLFNBQVM7K0JBQ0UscUJBQXFCLGNBQ25CLElBQUksV0FDUCxDQUFDLGVBQWUsQ0FBQyxtQkFDVCx1QkFBdUIsQ0FBQyxPQUFPIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2RrRGlhbG9nQ29udGFpbmVyLCBEaWFsb2dDb25maWcgfSBmcm9tICdAYW5ndWxhci9jZGsvZGlhbG9nJztcbmltcG9ydCB7IENka1BvcnRhbE91dGxldCB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9wb3J0YWwnO1xuaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdtei1kcmF3ZXItY29udGFpbmVyJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW0Nka1BvcnRhbE91dGxldF0sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuRGVmYXVsdCxcbiAgdGVtcGxhdGVVcmw6ICcuL2RyYXdlci1jb250YWluZXIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybDogJy4vZHJhd2VyLWNvbnRhaW5lci5jb21wb25lbnQuc2Nzcydcbn0pXG5leHBvcnQgY2xhc3MgRHJhd2VyQ29udGFpbmVyQ29tcG9uZW50IGV4dGVuZHMgQ2RrRGlhbG9nQ29udGFpbmVyPERpYWxvZ0NvbmZpZz57XG4gIG9wZW4gPSBmYWxzZTtcblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgX2NvbnRlbnRBdHRhY2hlZCgpOiB2b2lkIHtcbiAgICBzdXBlci5fY29udGVudEF0dGFjaGVkKCk7XG4gICAgdGhpcy5vcGVuID0gdHJ1ZTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cImRyYXdlci1jb250YWluZXJcIiBbY2xhc3Mub3Blbl09XCJvcGVuXCI+XG4gICAgPGFydGljbGUgY2xhc3M9XCJkaWFsb2ctY29udGVudFwiPlxuICAgICAgICA8bmctdGVtcGxhdGUgY2RrUG9ydGFsT3V0bGV0IC8+XG4gICAgPC9hcnRpY2xlPlxuPC9kaXY+Il19
@@ -1,8 +0,0 @@
1
- import { CdkDialogContainer, DialogConfig } from '@angular/cdk/dialog';
2
- import * as i0 from "@angular/core";
3
- export declare class DrawerContainerComponent extends CdkDialogContainer<DialogConfig> {
4
- open: boolean;
5
- protected _contentAttached(): void;
6
- static ɵfac: i0.ɵɵFactoryDeclaration<DrawerContainerComponent, never>;
7
- static ɵcmp: i0.ɵɵComponentDeclaration<DrawerContainerComponent, "mz-drawer-container", never, {}, {}, never, never, true, never>;
8
- }