@muziehdesign/components 19.2.8-beta.2539 → 19.2.8-beta.2551
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.
- package/fesm2022/muziehdesign-components.mjs +91 -51
- package/fesm2022/muziehdesign-components.mjs.map +1 -1
- package/lib/drawer/container/drawer-container.component.d.ts +22 -0
- package/lib/{dialog/dialog-config.d.ts → drawer/drawer-config.d.ts} +4 -11
- package/lib/drawer/drawer-content/drawer-content.component.d.ts +5 -0
- package/lib/drawer/drawer-footer/drawer-footer.component.d.ts +5 -0
- package/lib/drawer/drawer-header/drawer-header.component.d.ts +11 -0
- package/lib/drawer/drawer-injectors.d.ts +5 -0
- package/lib/{dialog/dialog-ref.d.ts → drawer/drawer-ref.d.ts} +4 -4
- package/lib/{dialog/mz-dialog.service.d.ts → drawer/drawer.d.ts} +10 -10
- package/lib/drawer/drawer.module.d.ts +13 -0
- package/package.json +1 -1
- package/public-api.d.ts +8 -5
- package/styles/design/_base.scss +7 -7
- package/styles/mixins/_utilities.scss +12 -0
- package/styles/theme.scss +8 -0
- package/lib/dialog/container/drawer-container.component.d.ts +0 -25
- package/lib/dialog/dialog-injectors.d.ts +0 -5
- package/lib/dialog/dialog.module.d.ts +0 -10
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { InjectionToken, HostBinding, Input, Inject, Component, Pipe, EventEmitter, Output, Optional, ContentChild, Directive, NgModule, LOCALE_ID, ElementRef, HostListener, Injectable,
|
|
2
|
+
import { InjectionToken, HostBinding, Input, Inject, Component, Pipe, EventEmitter, Output, Optional, ContentChild, Directive, NgModule, LOCALE_ID, ElementRef, HostListener, ViewEncapsulation, Injectable, input, ViewChild, ViewContainerRef, ContentChildren } from '@angular/core';
|
|
3
3
|
import * as i1 from '@angular/common';
|
|
4
4
|
import { CommonModule, DatePipe, DOCUMENT } from '@angular/common';
|
|
5
5
|
import * as i1$1 from '@angular/router';
|
|
@@ -205,11 +205,11 @@ class PaginationComponent {
|
|
|
205
205
|
this.pages = pageNumbers;
|
|
206
206
|
}
|
|
207
207
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: PaginationComponent, deps: [{ token: PAGINATION_DEFAULT_OPTIONS, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
208
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.8", type: PaginationComponent, isStandalone: true, selector: "mz-pagination", inputs: { length: "length", page: "page", pageSize: "pageSize", pageSizeOptions: "pageSizeOptions" }, outputs: { changePage: "changePage" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"pagination-wrapper\">\n <nav class=\"pagination-nav\" aria-label=\"pagination\">\n <button class=\"page-link page-icon-link\" [class.disabled]=\"page === 1\" (click)=\"changePageNumber(page - 1)\">\n <span class=\"sr-only\">Previous page</span>\n <mz-svg-icon key=\"chevron-left-solid\"></mz-svg-icon>\n </button>\n @for(p of pages; track p) {\n @if(isEllipsis(p)) {\n <span class=\"page-ellipsis page-link disabled\">...</span>\n } @else {\n <button class=\"page-link\" [class.active]=\"p === page\" (click)=\"changePageNumber(p)\">{{ p }}</button>\n }\n }\n\n <button class=\"page-link page-icon-link\" [class.disabled]=\"page === pageCount\" (click)=\"changePageNumber(page + 1)\">\n <span class=\"sr-only\">Next page</span>\n <mz-svg-icon key=\"chevron-right-solid\"></mz-svg-icon>\n </button>\n </nav>\n <div class=\"pagination-size\">\n Show\n <select #c (change)=\"changePageSize(c.value)\" name=\"pageSizeControl\" class=\"page-size-control\">\n @for(size of pageSizeOptions; track size) {\n <option [attr.selected]=\"pageSize == size ? true : null\" [value]=\"size\">{{ size }}</option>\n }\n </select>\n per page\n </div>\n</div>\n", styles: [":root{--color-primary: #1d4ed8;--color-secondary: #374151;--color-success: #15803d;--color-danger: #b91c1c;--color-warning: #a16207;--color-neutral-50: #f9fafb;--color-neutral-100: #f3f4f6;--color-neutral-200: #e5e7eb;--color-neutral-300: #d1d5db;--color-neutral-400: #9ca3af;--color-neutral-500: #6b7280;--color-neutral-600: #4b5563;--color-neutral-700: #374151;--color-neutral-800: #1f2937;--color-neutral-900: #111827;--color-neutral-950: #030712;--color-brand-50: #eff6ff;--color-brand-100: #dbeafe;--color-brand-200: #bfdbfe;--color-brand-300: #93c5fd;--color-brand-400: #60a5fa;--color-brand-500: #3b82f6;--color-brand-600: #2563eb;--color-brand-700: #1d4ed8;--color-brand-800: #1e40af;--color-brand-900: #1e3a8a;--color-brand-950: #172554;--color-green-50: #f0fdf4;--color-green-100: #dcfce7;--color-green-200: #bbf7d0;--color-green-300: #86efac;--color-green-400: #4ade80;--color-green-500: #22c55e;--color-green-600: #16a34a;--color-green-700: #15803d;--color-green-800: #166534;--color-green-900: #14532d;--color-green-950: #052e16;--border-radius: 0px;--surface-bg: #fff;--surface-border-radius: 0rem;--button-border-radius: 0rem}.p-0{padding:0rem}.pt-0{padding-top:0rem}.pb-0{padding-bottom:0rem}.pl-0{padding-left:0rem}.pr-0{padding-right:0rem}.px-0{padding-left:0rem;padding-right:0rem}.py-0{padding-top:0rem;padding-bottom:0rem}.p-1{padding:.25rem}.pt-1{padding-top:.25rem}.pb-1{padding-bottom:.25rem}.pl-1{padding-left:.25rem}.pr-1{padding-right:.25rem}.px-1{padding-left:.25rem;padding-right:.25rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.p-2{padding:.5rem}.pt-2{padding-top:.5rem}.pb-2{padding-bottom:.5rem}.pl-2{padding-left:.5rem}.pr-2{padding-right:.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.p-3{padding:.75rem}.pt-3{padding-top:.75rem}.pb-3{padding-bottom:.75rem}.pl-3{padding-left:.75rem}.pr-3{padding-right:.75rem}.px-3{padding-left:.75rem;padding-right:.75rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.p-4{padding:1rem}.pt-4{padding-top:1rem}.pb-4{padding-bottom:1rem}.pl-4{padding-left:1rem}.pr-4{padding-right:1rem}.px-4{padding-left:1rem;padding-right:1rem}.py-4{padding-top:1rem;padding-bottom:1rem}.p-5{padding:1.25rem}.pt-5{padding-top:1.25rem}.pb-5{padding-bottom:1.25rem}.pl-5{padding-left:1.25rem}.pr-5{padding-right:1.25rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.p-6{padding:1.5rem}.pt-6{padding-top:1.5rem}.pb-6{padding-bottom:1.5rem}.pl-6{padding-left:1.5rem}.pr-6{padding-right:1.5rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.p-7{padding:1.75rem}.pt-7{padding-top:1.75rem}.pb-7{padding-bottom:1.75rem}.pl-7{padding-left:1.75rem}.pr-7{padding-right:1.75rem}.px-7{padding-left:1.75rem;padding-right:1.75rem}.py-7{padding-top:1.75rem;padding-bottom:1.75rem}.p-8{padding:2rem}.pt-8{padding-top:2rem}.pb-8{padding-bottom:2rem}.pl-8{padding-left:2rem}.pr-8{padding-right:2rem}.px-8{padding-left:2rem;padding-right:2rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pagination-wrapper{display:
|
|
208
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.8", type: PaginationComponent, isStandalone: true, selector: "mz-pagination", inputs: { length: "length", page: "page", pageSize: "pageSize", pageSizeOptions: "pageSizeOptions" }, outputs: { changePage: "changePage" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"pagination-wrapper\">\n <nav class=\"pagination-nav\" aria-label=\"pagination\">\n <button class=\"page-link page-icon-link\" [class.disabled]=\"page === 1\" (click)=\"changePageNumber(page - 1)\">\n <span class=\"sr-only\">Previous page</span>\n <mz-svg-icon key=\"chevron-left-solid\"></mz-svg-icon>\n </button>\n @for(p of pages; track p) {\n @if(isEllipsis(p)) {\n <span class=\"page-ellipsis page-link disabled\">...</span>\n } @else {\n <button class=\"page-link\" [class.active]=\"p === page\" (click)=\"changePageNumber(p)\">{{ p }}</button>\n }\n }\n\n <button class=\"page-link page-icon-link\" [class.disabled]=\"page === pageCount\" (click)=\"changePageNumber(page + 1)\">\n <span class=\"sr-only\">Next page</span>\n <mz-svg-icon key=\"chevron-right-solid\"></mz-svg-icon>\n </button>\n </nav>\n <div class=\"pagination-size\">\n Show\n <select #c (change)=\"changePageSize(c.value)\" name=\"pageSizeControl\" class=\"page-size-control\">\n @for(size of pageSizeOptions; track size) {\n <option [attr.selected]=\"pageSize == size ? true : null\" [value]=\"size\">{{ size }}</option>\n }\n </select>\n per page\n </div>\n</div>\n", styles: [":root{--color-primary: #1d4ed8;--color-secondary: #374151;--color-success: #15803d;--color-danger: #b91c1c;--color-warning: #a16207;--color-neutral-50: #f9fafb;--color-neutral-100: #f3f4f6;--color-neutral-200: #e5e7eb;--color-neutral-300: #d1d5db;--color-neutral-400: #9ca3af;--color-neutral-500: #6b7280;--color-neutral-600: #4b5563;--color-neutral-700: #374151;--color-neutral-800: #1f2937;--color-neutral-900: #111827;--color-neutral-950: #030712;--color-brand-50: #eff6ff;--color-brand-100: #dbeafe;--color-brand-200: #bfdbfe;--color-brand-300: #93c5fd;--color-brand-400: #60a5fa;--color-brand-500: #3b82f6;--color-brand-600: #2563eb;--color-brand-700: #1d4ed8;--color-brand-800: #1e40af;--color-brand-900: #1e3a8a;--color-brand-950: #172554;--color-green-50: #f0fdf4;--color-green-100: #dcfce7;--color-green-200: #bbf7d0;--color-green-300: #86efac;--color-green-400: #4ade80;--color-green-500: #22c55e;--color-green-600: #16a34a;--color-green-700: #15803d;--color-green-800: #166534;--color-green-900: #14532d;--color-green-950: #052e16;--border-radius: 0px;--surface-bg: #fff;--surface-border-radius: 0rem;--button-border-radius: 0rem}.p-0{padding:0rem}.pt-0{padding-top:0rem}.pb-0{padding-bottom:0rem}.pl-0{padding-left:0rem}.pr-0{padding-right:0rem}.px-0{padding-left:0rem;padding-right:0rem}.py-0{padding-top:0rem;padding-bottom:0rem}.p-1{padding:.25rem}.pt-1{padding-top:.25rem}.pb-1{padding-bottom:.25rem}.pl-1{padding-left:.25rem}.pr-1{padding-right:.25rem}.px-1{padding-left:.25rem;padding-right:.25rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.p-2{padding:.5rem}.pt-2{padding-top:.5rem}.pb-2{padding-bottom:.5rem}.pl-2{padding-left:.5rem}.pr-2{padding-right:.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.p-3{padding:.75rem}.pt-3{padding-top:.75rem}.pb-3{padding-bottom:.75rem}.pl-3{padding-left:.75rem}.pr-3{padding-right:.75rem}.px-3{padding-left:.75rem;padding-right:.75rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.p-4{padding:1rem}.pt-4{padding-top:1rem}.pb-4{padding-bottom:1rem}.pl-4{padding-left:1rem}.pr-4{padding-right:1rem}.px-4{padding-left:1rem;padding-right:1rem}.py-4{padding-top:1rem;padding-bottom:1rem}.p-5{padding:1.25rem}.pt-5{padding-top:1.25rem}.pb-5{padding-bottom:1.25rem}.pl-5{padding-left:1.25rem}.pr-5{padding-right:1.25rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.p-6{padding:1.5rem}.pt-6{padding-top:1.5rem}.pb-6{padding-bottom:1.5rem}.pl-6{padding-left:1.5rem}.pr-6{padding-right:1.5rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.p-7{padding:1.75rem}.pt-7{padding-top:1.75rem}.pb-7{padding-bottom:1.75rem}.pl-7{padding-left:1.75rem}.pr-7{padding-right:1.75rem}.px-7{padding-left:1.75rem;padding-right:1.75rem}.py-7{padding-top:1.75rem;padding-bottom:1.75rem}.p-8{padding:2rem}.pt-8{padding-top:2rem}.pb-8{padding-bottom:2rem}.pl-8{padding-left:2rem}.pr-8{padding-right:2rem}.px-8{padding-left:2rem;padding-right:2rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pagination-wrapper{display:flex;justify-content:center;color:var(--text-subtlest);gap:1.25rem}.pagination-nav{display:flex;justify-content:center;flex-grow:1;padding-left:1rem;padding-right:1rem}.page-link{display:flex;cursor:pointer;padding:1rem;font-weight:500;color:var(--color-neutral-600)}.page-link:hover{color:var(--color-primary)}.page-link.active{color:var(--color-primary);font-weight:bolder;cursor:default}.page-link.disabled{color:var(--color-neutral-400);cursor:default;text-decoration:none}.pagination-size{color:var(--color-neutral-500);padding:1rem;font-size:.875rem;margin-left:auto;display:none;flex-grow:0}@media (min-width: 1024px){.pagination-size{display:inline-block}}.page-size-control{padding:0rem 1.75rem 0rem .125rem;margin-left:.25rem;margin-right:.25rem}\n"], dependencies: [{ kind: "component", type: SvgIconComponent, selector: "mz-svg-icon", inputs: ["key", "type", "size"] }] }); }
|
|
209
209
|
}
|
|
210
210
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: PaginationComponent, decorators: [{
|
|
211
211
|
type: Component,
|
|
212
|
-
args: [{ selector: 'mz-pagination', imports: [SvgIconComponent], template: "<div class=\"pagination-wrapper\">\n <nav class=\"pagination-nav\" aria-label=\"pagination\">\n <button class=\"page-link page-icon-link\" [class.disabled]=\"page === 1\" (click)=\"changePageNumber(page - 1)\">\n <span class=\"sr-only\">Previous page</span>\n <mz-svg-icon key=\"chevron-left-solid\"></mz-svg-icon>\n </button>\n @for(p of pages; track p) {\n @if(isEllipsis(p)) {\n <span class=\"page-ellipsis page-link disabled\">...</span>\n } @else {\n <button class=\"page-link\" [class.active]=\"p === page\" (click)=\"changePageNumber(p)\">{{ p }}</button>\n }\n }\n\n <button class=\"page-link page-icon-link\" [class.disabled]=\"page === pageCount\" (click)=\"changePageNumber(page + 1)\">\n <span class=\"sr-only\">Next page</span>\n <mz-svg-icon key=\"chevron-right-solid\"></mz-svg-icon>\n </button>\n </nav>\n <div class=\"pagination-size\">\n Show\n <select #c (change)=\"changePageSize(c.value)\" name=\"pageSizeControl\" class=\"page-size-control\">\n @for(size of pageSizeOptions; track size) {\n <option [attr.selected]=\"pageSize == size ? true : null\" [value]=\"size\">{{ size }}</option>\n }\n </select>\n per page\n </div>\n</div>\n", styles: [":root{--color-primary: #1d4ed8;--color-secondary: #374151;--color-success: #15803d;--color-danger: #b91c1c;--color-warning: #a16207;--color-neutral-50: #f9fafb;--color-neutral-100: #f3f4f6;--color-neutral-200: #e5e7eb;--color-neutral-300: #d1d5db;--color-neutral-400: #9ca3af;--color-neutral-500: #6b7280;--color-neutral-600: #4b5563;--color-neutral-700: #374151;--color-neutral-800: #1f2937;--color-neutral-900: #111827;--color-neutral-950: #030712;--color-brand-50: #eff6ff;--color-brand-100: #dbeafe;--color-brand-200: #bfdbfe;--color-brand-300: #93c5fd;--color-brand-400: #60a5fa;--color-brand-500: #3b82f6;--color-brand-600: #2563eb;--color-brand-700: #1d4ed8;--color-brand-800: #1e40af;--color-brand-900: #1e3a8a;--color-brand-950: #172554;--color-green-50: #f0fdf4;--color-green-100: #dcfce7;--color-green-200: #bbf7d0;--color-green-300: #86efac;--color-green-400: #4ade80;--color-green-500: #22c55e;--color-green-600: #16a34a;--color-green-700: #15803d;--color-green-800: #166534;--color-green-900: #14532d;--color-green-950: #052e16;--border-radius: 0px;--surface-bg: #fff;--surface-border-radius: 0rem;--button-border-radius: 0rem}.p-0{padding:0rem}.pt-0{padding-top:0rem}.pb-0{padding-bottom:0rem}.pl-0{padding-left:0rem}.pr-0{padding-right:0rem}.px-0{padding-left:0rem;padding-right:0rem}.py-0{padding-top:0rem;padding-bottom:0rem}.p-1{padding:.25rem}.pt-1{padding-top:.25rem}.pb-1{padding-bottom:.25rem}.pl-1{padding-left:.25rem}.pr-1{padding-right:.25rem}.px-1{padding-left:.25rem;padding-right:.25rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.p-2{padding:.5rem}.pt-2{padding-top:.5rem}.pb-2{padding-bottom:.5rem}.pl-2{padding-left:.5rem}.pr-2{padding-right:.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.p-3{padding:.75rem}.pt-3{padding-top:.75rem}.pb-3{padding-bottom:.75rem}.pl-3{padding-left:.75rem}.pr-3{padding-right:.75rem}.px-3{padding-left:.75rem;padding-right:.75rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.p-4{padding:1rem}.pt-4{padding-top:1rem}.pb-4{padding-bottom:1rem}.pl-4{padding-left:1rem}.pr-4{padding-right:1rem}.px-4{padding-left:1rem;padding-right:1rem}.py-4{padding-top:1rem;padding-bottom:1rem}.p-5{padding:1.25rem}.pt-5{padding-top:1.25rem}.pb-5{padding-bottom:1.25rem}.pl-5{padding-left:1.25rem}.pr-5{padding-right:1.25rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.p-6{padding:1.5rem}.pt-6{padding-top:1.5rem}.pb-6{padding-bottom:1.5rem}.pl-6{padding-left:1.5rem}.pr-6{padding-right:1.5rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.p-7{padding:1.75rem}.pt-7{padding-top:1.75rem}.pb-7{padding-bottom:1.75rem}.pl-7{padding-left:1.75rem}.pr-7{padding-right:1.75rem}.px-7{padding-left:1.75rem;padding-right:1.75rem}.py-7{padding-top:1.75rem;padding-bottom:1.75rem}.p-8{padding:2rem}.pt-8{padding-top:2rem}.pb-8{padding-bottom:2rem}.pl-8{padding-left:2rem}.pr-8{padding-right:2rem}.px-8{padding-left:2rem;padding-right:2rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pagination-wrapper{display:
|
|
212
|
+
args: [{ selector: 'mz-pagination', imports: [SvgIconComponent], template: "<div class=\"pagination-wrapper\">\n <nav class=\"pagination-nav\" aria-label=\"pagination\">\n <button class=\"page-link page-icon-link\" [class.disabled]=\"page === 1\" (click)=\"changePageNumber(page - 1)\">\n <span class=\"sr-only\">Previous page</span>\n <mz-svg-icon key=\"chevron-left-solid\"></mz-svg-icon>\n </button>\n @for(p of pages; track p) {\n @if(isEllipsis(p)) {\n <span class=\"page-ellipsis page-link disabled\">...</span>\n } @else {\n <button class=\"page-link\" [class.active]=\"p === page\" (click)=\"changePageNumber(p)\">{{ p }}</button>\n }\n }\n\n <button class=\"page-link page-icon-link\" [class.disabled]=\"page === pageCount\" (click)=\"changePageNumber(page + 1)\">\n <span class=\"sr-only\">Next page</span>\n <mz-svg-icon key=\"chevron-right-solid\"></mz-svg-icon>\n </button>\n </nav>\n <div class=\"pagination-size\">\n Show\n <select #c (change)=\"changePageSize(c.value)\" name=\"pageSizeControl\" class=\"page-size-control\">\n @for(size of pageSizeOptions; track size) {\n <option [attr.selected]=\"pageSize == size ? true : null\" [value]=\"size\">{{ size }}</option>\n }\n </select>\n per page\n </div>\n</div>\n", styles: [":root{--color-primary: #1d4ed8;--color-secondary: #374151;--color-success: #15803d;--color-danger: #b91c1c;--color-warning: #a16207;--color-neutral-50: #f9fafb;--color-neutral-100: #f3f4f6;--color-neutral-200: #e5e7eb;--color-neutral-300: #d1d5db;--color-neutral-400: #9ca3af;--color-neutral-500: #6b7280;--color-neutral-600: #4b5563;--color-neutral-700: #374151;--color-neutral-800: #1f2937;--color-neutral-900: #111827;--color-neutral-950: #030712;--color-brand-50: #eff6ff;--color-brand-100: #dbeafe;--color-brand-200: #bfdbfe;--color-brand-300: #93c5fd;--color-brand-400: #60a5fa;--color-brand-500: #3b82f6;--color-brand-600: #2563eb;--color-brand-700: #1d4ed8;--color-brand-800: #1e40af;--color-brand-900: #1e3a8a;--color-brand-950: #172554;--color-green-50: #f0fdf4;--color-green-100: #dcfce7;--color-green-200: #bbf7d0;--color-green-300: #86efac;--color-green-400: #4ade80;--color-green-500: #22c55e;--color-green-600: #16a34a;--color-green-700: #15803d;--color-green-800: #166534;--color-green-900: #14532d;--color-green-950: #052e16;--border-radius: 0px;--surface-bg: #fff;--surface-border-radius: 0rem;--button-border-radius: 0rem}.p-0{padding:0rem}.pt-0{padding-top:0rem}.pb-0{padding-bottom:0rem}.pl-0{padding-left:0rem}.pr-0{padding-right:0rem}.px-0{padding-left:0rem;padding-right:0rem}.py-0{padding-top:0rem;padding-bottom:0rem}.p-1{padding:.25rem}.pt-1{padding-top:.25rem}.pb-1{padding-bottom:.25rem}.pl-1{padding-left:.25rem}.pr-1{padding-right:.25rem}.px-1{padding-left:.25rem;padding-right:.25rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.p-2{padding:.5rem}.pt-2{padding-top:.5rem}.pb-2{padding-bottom:.5rem}.pl-2{padding-left:.5rem}.pr-2{padding-right:.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.p-3{padding:.75rem}.pt-3{padding-top:.75rem}.pb-3{padding-bottom:.75rem}.pl-3{padding-left:.75rem}.pr-3{padding-right:.75rem}.px-3{padding-left:.75rem;padding-right:.75rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.p-4{padding:1rem}.pt-4{padding-top:1rem}.pb-4{padding-bottom:1rem}.pl-4{padding-left:1rem}.pr-4{padding-right:1rem}.px-4{padding-left:1rem;padding-right:1rem}.py-4{padding-top:1rem;padding-bottom:1rem}.p-5{padding:1.25rem}.pt-5{padding-top:1.25rem}.pb-5{padding-bottom:1.25rem}.pl-5{padding-left:1.25rem}.pr-5{padding-right:1.25rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.p-6{padding:1.5rem}.pt-6{padding-top:1.5rem}.pb-6{padding-bottom:1.5rem}.pl-6{padding-left:1.5rem}.pr-6{padding-right:1.5rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.p-7{padding:1.75rem}.pt-7{padding-top:1.75rem}.pb-7{padding-bottom:1.75rem}.pl-7{padding-left:1.75rem}.pr-7{padding-right:1.75rem}.px-7{padding-left:1.75rem;padding-right:1.75rem}.py-7{padding-top:1.75rem;padding-bottom:1.75rem}.p-8{padding:2rem}.pt-8{padding-top:2rem}.pb-8{padding-bottom:2rem}.pl-8{padding-left:2rem}.pr-8{padding-right:2rem}.px-8{padding-left:2rem;padding-right:2rem}.py-8{padding-top:2rem;padding-bottom:2rem}.pagination-wrapper{display:flex;justify-content:center;color:var(--text-subtlest);gap:1.25rem}.pagination-nav{display:flex;justify-content:center;flex-grow:1;padding-left:1rem;padding-right:1rem}.page-link{display:flex;cursor:pointer;padding:1rem;font-weight:500;color:var(--color-neutral-600)}.page-link:hover{color:var(--color-primary)}.page-link.active{color:var(--color-primary);font-weight:bolder;cursor:default}.page-link.disabled{color:var(--color-neutral-400);cursor:default;text-decoration:none}.pagination-size{color:var(--color-neutral-500);padding:1rem;font-size:.875rem;margin-left:auto;display:none;flex-grow:0}@media (min-width: 1024px){.pagination-size{display:inline-block}}.page-size-control{padding:0rem 1.75rem 0rem .125rem;margin-left:.25rem;margin-right:.25rem}\n"] }]
|
|
213
213
|
}], ctorParameters: () => [{ type: undefined, decorators: [{
|
|
214
214
|
type: Optional
|
|
215
215
|
}, {
|
|
@@ -979,17 +979,16 @@ class ResultTableHarness extends MuziehComponentHarness {
|
|
|
979
979
|
}
|
|
980
980
|
|
|
981
981
|
/** Injection token that can be used to provide default options for the dialog module. */
|
|
982
|
-
const
|
|
983
|
-
const
|
|
982
|
+
const DEFAULT_MZ_DRAWER_CONFIG = new InjectionToken('DefaultMzDrawerConfig');
|
|
983
|
+
const MZ_DRAWER_DATA = new InjectionToken('MzDrawerData');
|
|
984
984
|
|
|
985
985
|
/**
|
|
986
|
-
* Configuration opening a modal dialog with the
|
|
987
|
-
* and with a few additional properties for
|
|
986
|
+
* Configuration opening a modal dialog with the MzDrawer service. Properties here are exposes what's available in @angular/cdk DialogConfig
|
|
987
|
+
* and with a few additional properties for MzDrawer.
|
|
988
988
|
* See https://material.angular.io/cdk/dialog/api#DialogConfig
|
|
989
989
|
*/
|
|
990
|
-
class
|
|
990
|
+
class MzDrawerConfig {
|
|
991
991
|
constructor() {
|
|
992
|
-
this.size = 'md';
|
|
993
992
|
/** The ARIA role of the dialog element. */
|
|
994
993
|
this.role = 'dialog';
|
|
995
994
|
/** Optional CSS class or classes applied to the overlay panel. */
|
|
@@ -1032,9 +1031,10 @@ class MzDialogConfig {
|
|
|
1032
1031
|
}
|
|
1033
1032
|
}
|
|
1034
1033
|
|
|
1035
|
-
class
|
|
1034
|
+
class MzDrawerContainer extends CdkDialogContainer {
|
|
1036
1035
|
constructor(elementRef, focusTrapFactory, dialogConfig, interactivityChecker, ngZone, overlayRef, _document) {
|
|
1037
1036
|
super(elementRef, focusTrapFactory, _document, dialogConfig, interactivityChecker, ngZone, overlayRef);
|
|
1037
|
+
this.elementRef = elementRef;
|
|
1038
1038
|
this.dialogConfig = dialogConfig;
|
|
1039
1039
|
this.interactivityChecker = interactivityChecker;
|
|
1040
1040
|
this.ngZone = ngZone;
|
|
@@ -1044,31 +1044,29 @@ class DrawerContainerComponent extends CdkDialogContainer {
|
|
|
1044
1044
|
associateDialogRef(dialogRef) {
|
|
1045
1045
|
this.dialogRef = dialogRef;
|
|
1046
1046
|
}
|
|
1047
|
-
tryClose(e) {
|
|
1048
|
-
this.dialogRef?.tryClose(undefined, { focusOrigin: e.detail === 0 ? 'keyboard' : 'mouse' });
|
|
1049
|
-
}
|
|
1050
1047
|
onBeforeUnload(event) {
|
|
1051
1048
|
if (!this.dialogRef?.confirmDeactivation()) {
|
|
1052
1049
|
event.preventDefault();
|
|
1053
1050
|
event.returnValue = '';
|
|
1054
1051
|
}
|
|
1055
1052
|
}
|
|
1056
|
-
|
|
1057
|
-
|
|
1058
|
-
|
|
1059
|
-
|
|
1060
|
-
|
|
1053
|
+
_contentAttached() {
|
|
1054
|
+
super._contentAttached();
|
|
1055
|
+
const element = this.elementRef.nativeElement;
|
|
1056
|
+
// for styling purposes
|
|
1057
|
+
element.firstElementChild?.classList.add('mz-drawer-component');
|
|
1058
|
+
// for animation purposes
|
|
1059
|
+
element.classList.add('open');
|
|
1061
1060
|
}
|
|
1062
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type:
|
|
1063
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
1061
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: MzDrawerContainer, deps: [{ token: i0.ElementRef }, { token: i1$4.FocusTrapFactory }, { token: MzDrawerConfig }, { token: i1$4.InteractivityChecker }, { token: i0.NgZone }, { token: i3.OverlayRef }, { token: DOCUMENT, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1062
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.8", type: MzDrawerContainer, isStandalone: true, selector: "mz-drawer-container", host: { listeners: { "window:beforeunload": "onBeforeUnload($event)" }, classAttribute: "mz-drawer-container" }, usesInheritance: true, ngImport: i0, template: "<ng-template cdkPortalOutlet />\n", styles: [".mz-drawer-container{background-color:var(--surface-bg);width:500px;max-width:90%;position:absolute;right:0;top:0;height:100vh;transition:translate .3s ease-out;translate:100%}.mz-drawer-container.open{translate:0%}.mz-drawer-component{display:flex;flex-direction:column;height:100%}\n"], dependencies: [{ kind: "directive", type: CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
1064
1063
|
}
|
|
1065
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type:
|
|
1064
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: MzDrawerContainer, decorators: [{
|
|
1066
1065
|
type: Component,
|
|
1067
|
-
args: [{ selector: 'mz-drawer-container', imports: [CdkPortalOutlet], host: {
|
|
1068
|
-
'class': 'mz-
|
|
1069
|
-
|
|
1070
|
-
|
|
1071
|
-
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1$4.FocusTrapFactory }, { type: MzDialogConfig }, { type: i1$4.InteractivityChecker }, { type: i0.NgZone }, { type: i3.OverlayRef }, { type: undefined, decorators: [{
|
|
1066
|
+
args: [{ selector: 'mz-drawer-container', imports: [CdkPortalOutlet], encapsulation: ViewEncapsulation.None, host: {
|
|
1067
|
+
'class': 'mz-drawer-container'
|
|
1068
|
+
}, template: "<ng-template cdkPortalOutlet />\n", styles: [".mz-drawer-container{background-color:var(--surface-bg);width:500px;max-width:90%;position:absolute;right:0;top:0;height:100vh;transition:translate .3s ease-out;translate:100%}.mz-drawer-container.open{translate:0%}.mz-drawer-component{display:flex;flex-direction:column;height:100%}\n"] }]
|
|
1069
|
+
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1$4.FocusTrapFactory }, { type: MzDrawerConfig }, { type: i1$4.InteractivityChecker }, { type: i0.NgZone }, { type: i3.OverlayRef }, { type: undefined, decorators: [{
|
|
1072
1070
|
type: Optional
|
|
1073
1071
|
}, {
|
|
1074
1072
|
type: Inject,
|
|
@@ -1092,7 +1090,7 @@ function hasModifierKey(event, ...modifiers) {
|
|
|
1092
1090
|
return event.altKey || event.shiftKey || event.ctrlKey || event.metaKey;
|
|
1093
1091
|
}
|
|
1094
1092
|
|
|
1095
|
-
class
|
|
1093
|
+
class MzDrawerRef {
|
|
1096
1094
|
constructor(cdkRef, config, containerInstance) {
|
|
1097
1095
|
this.cdkRef = cdkRef;
|
|
1098
1096
|
this.config = config;
|
|
@@ -1147,7 +1145,7 @@ class MzDialogRef {
|
|
|
1147
1145
|
}
|
|
1148
1146
|
}
|
|
1149
1147
|
|
|
1150
|
-
class
|
|
1148
|
+
class MzDrawer {
|
|
1151
1149
|
constructor(injector, overlay, configuredOptions, viewContainerRef) {
|
|
1152
1150
|
this.injector = injector;
|
|
1153
1151
|
this.overlay = overlay;
|
|
@@ -1157,7 +1155,7 @@ class MzDialog {
|
|
|
1157
1155
|
this.cdkDialog = injector.get(Dialog);
|
|
1158
1156
|
}
|
|
1159
1157
|
open(componentOrTemplateRef, config) {
|
|
1160
|
-
const defaultOptions = new
|
|
1158
|
+
const defaultOptions = new MzDrawerConfig();
|
|
1161
1159
|
const options = { ...(this.configuredOptions || defaultOptions), ...config };
|
|
1162
1160
|
// compute closeOnNavigation if left undefined. dialogs need to be destroyed either via navigation or component destruction
|
|
1163
1161
|
if (options.closeOnNavigation === undefined) {
|
|
@@ -1175,18 +1173,18 @@ class MzDialog {
|
|
|
1175
1173
|
closeOnOverlayDetachments: false,
|
|
1176
1174
|
closeOnNavigation: options.closeOnNavigation,
|
|
1177
1175
|
container: {
|
|
1178
|
-
type:
|
|
1176
|
+
type: MzDrawerContainer,
|
|
1179
1177
|
providers: () => [
|
|
1180
|
-
{ provide:
|
|
1178
|
+
{ provide: MzDrawerConfig, useValue: options },
|
|
1181
1179
|
{ provide: DialogConfig, useValue: options },
|
|
1182
1180
|
],
|
|
1183
1181
|
},
|
|
1184
1182
|
templateContext: () => ({ dialogRef }),
|
|
1185
1183
|
providers: (ref, cdkConfig, dialogContainer) => {
|
|
1186
|
-
dialogRef = new
|
|
1184
|
+
dialogRef = new MzDrawerRef(ref, options, dialogContainer);
|
|
1187
1185
|
return [
|
|
1188
|
-
{ provide:
|
|
1189
|
-
{ provide:
|
|
1186
|
+
{ provide: MZ_DRAWER_DATA, useValue: cdkConfig.data },
|
|
1187
|
+
{ provide: MzDrawerRef, useValue: dialogRef },
|
|
1190
1188
|
];
|
|
1191
1189
|
},
|
|
1192
1190
|
});
|
|
@@ -1195,8 +1193,7 @@ class MzDialog {
|
|
|
1195
1193
|
const i = this.openDialogs.indexOf(dialogRef);
|
|
1196
1194
|
this.openDialogs.splice(i, 1);
|
|
1197
1195
|
});
|
|
1198
|
-
if (cdkRef.containerInstance instanceof
|
|
1199
|
-
cdkRef.containerInstance.enter();
|
|
1196
|
+
if (cdkRef.containerInstance instanceof MzDrawerContainer) {
|
|
1200
1197
|
cdkRef.containerInstance.associateDialogRef(dialogRef);
|
|
1201
1198
|
}
|
|
1202
1199
|
return dialogRef;
|
|
@@ -1227,38 +1224,81 @@ class MzDialog {
|
|
|
1227
1224
|
dialogs[i].close();
|
|
1228
1225
|
}
|
|
1229
1226
|
}
|
|
1230
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type:
|
|
1231
|
-
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type:
|
|
1227
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: MzDrawer, deps: [{ token: i0.Injector }, { token: i3.Overlay }, { token: DEFAULT_MZ_DRAWER_CONFIG, optional: true }, { token: i0.ViewContainerRef, optional: true }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
1228
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: MzDrawer, providedIn: 'root' }); }
|
|
1232
1229
|
}
|
|
1233
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type:
|
|
1230
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: MzDrawer, decorators: [{
|
|
1234
1231
|
type: Injectable,
|
|
1235
1232
|
args: [{
|
|
1236
1233
|
providedIn: 'root',
|
|
1237
1234
|
}]
|
|
1238
|
-
}], ctorParameters: () => [{ type: i0.Injector }, { type: i3.Overlay }, { type:
|
|
1235
|
+
}], ctorParameters: () => [{ type: i0.Injector }, { type: i3.Overlay }, { type: MzDrawerConfig, decorators: [{
|
|
1239
1236
|
type: Optional
|
|
1240
1237
|
}, {
|
|
1241
1238
|
type: Inject,
|
|
1242
|
-
args: [
|
|
1239
|
+
args: [DEFAULT_MZ_DRAWER_CONFIG]
|
|
1243
1240
|
}] }, { type: i0.ViewContainerRef, decorators: [{
|
|
1244
1241
|
type: Optional
|
|
1245
1242
|
}] }] });
|
|
1246
1243
|
|
|
1247
|
-
class
|
|
1248
|
-
|
|
1249
|
-
|
|
1250
|
-
|
|
1251
|
-
|
|
1244
|
+
class MzDrawerHeader {
|
|
1245
|
+
constructor(drawerRef) {
|
|
1246
|
+
this.drawerRef = drawerRef;
|
|
1247
|
+
this.title = input('');
|
|
1248
|
+
}
|
|
1249
|
+
close(e) {
|
|
1250
|
+
this.drawerRef.tryClose(undefined, { focusOrigin: e.detail === 0 ? 'keyboard' : 'mouse' });
|
|
1251
|
+
}
|
|
1252
|
+
get disableClose() {
|
|
1253
|
+
return this.drawerRef.disableClose ?? false;
|
|
1254
|
+
}
|
|
1255
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: MzDrawerHeader, deps: [{ token: MzDrawerRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1256
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.8", type: MzDrawerHeader, isStandalone: true, selector: "mz-drawer-header", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<h2>{{ title() }}</h2>\n<div>\n <button class=\"button-close\" (click)=\"close($event)\">\n <svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M6 18 18 6M6 6l12 12\" />\n </svg>\n </button>\n</div>\n", styles: [":host{display:flex;padding:.75rem 1.5rem}h2{flex:1}.button-close{height:1.5rem;width:1.5rem;display:inline-block}\n"] }); }
|
|
1257
|
+
}
|
|
1258
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: MzDrawerHeader, decorators: [{
|
|
1259
|
+
type: Component,
|
|
1260
|
+
args: [{ selector: 'mz-drawer-header', imports: [], template: "<h2>{{ title() }}</h2>\n<div>\n <button class=\"button-close\" (click)=\"close($event)\">\n <svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"1.5\" stroke=\"currentColor\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M6 18 18 6M6 6l12 12\" />\n </svg>\n </button>\n</div>\n", styles: [":host{display:flex;padding:.75rem 1.5rem}h2{flex:1}.button-close{height:1.5rem;width:1.5rem;display:inline-block}\n"] }]
|
|
1261
|
+
}], ctorParameters: () => [{ type: MzDrawerRef }] });
|
|
1262
|
+
|
|
1263
|
+
class MzDrawerContent {
|
|
1264
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: MzDrawerContent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1265
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.8", type: MzDrawerContent, isStandalone: true, selector: "mz-drawer-content", ngImport: i0, template: "<ng-content></ng-content>", styles: [":host{flex:1;overflow:auto;padding:.5rem 1.5rem}\n"] }); }
|
|
1266
|
+
}
|
|
1267
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: MzDrawerContent, decorators: [{
|
|
1268
|
+
type: Component,
|
|
1269
|
+
args: [{ selector: 'mz-drawer-content', imports: [], template: "<ng-content></ng-content>", styles: [":host{flex:1;overflow:auto;padding:.5rem 1.5rem}\n"] }]
|
|
1270
|
+
}] });
|
|
1271
|
+
|
|
1272
|
+
class MzDrawerFooter {
|
|
1273
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: MzDrawerFooter, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1274
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.8", type: MzDrawerFooter, isStandalone: true, selector: "mz-drawer-footer", ngImport: i0, template: "<ng-content></ng-content>", styles: [":host{display:flex;padding:.75rem 1.5rem}\n"] }); }
|
|
1275
|
+
}
|
|
1276
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: MzDrawerFooter, decorators: [{
|
|
1277
|
+
type: Component,
|
|
1278
|
+
args: [{ selector: 'mz-drawer-footer', imports: [], template: "<ng-content></ng-content>", styles: [":host{display:flex;padding:.75rem 1.5rem}\n"] }]
|
|
1279
|
+
}] });
|
|
1280
|
+
|
|
1281
|
+
class MzDrawerModule {
|
|
1282
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: MzDrawerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
1283
|
+
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.8", ngImport: i0, type: MzDrawerModule, imports: [DialogModule, OverlayModule, PortalModule, MzDrawerContainer, MzDrawerHeader, MzDrawerContent, MzDrawerFooter], exports: [DialogModule,
|
|
1284
|
+
MzDrawerContainer,
|
|
1285
|
+
MzDrawerHeader,
|
|
1286
|
+
MzDrawerContent,
|
|
1287
|
+
MzDrawerFooter] }); }
|
|
1288
|
+
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: MzDrawerModule, providers: [MzDrawer], imports: [DialogModule, OverlayModule, PortalModule, DialogModule] }); }
|
|
1252
1289
|
}
|
|
1253
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type:
|
|
1290
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImport: i0, type: MzDrawerModule, decorators: [{
|
|
1254
1291
|
type: NgModule,
|
|
1255
1292
|
args: [{
|
|
1256
|
-
imports: [DialogModule, OverlayModule, PortalModule,
|
|
1293
|
+
imports: [DialogModule, OverlayModule, PortalModule, MzDrawerContainer, MzDrawerHeader, MzDrawerContent, MzDrawerFooter],
|
|
1257
1294
|
exports: [
|
|
1258
1295
|
DialogModule,
|
|
1259
|
-
|
|
1296
|
+
MzDrawerContainer,
|
|
1297
|
+
MzDrawerHeader,
|
|
1298
|
+
MzDrawerContent,
|
|
1299
|
+
MzDrawerFooter,
|
|
1260
1300
|
],
|
|
1261
|
-
providers: [
|
|
1301
|
+
providers: [MzDrawer]
|
|
1262
1302
|
}]
|
|
1263
1303
|
}] });
|
|
1264
1304
|
|
|
@@ -1429,5 +1469,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.8", ngImpor
|
|
|
1429
1469
|
* Generated bundle index. Do not edit.
|
|
1430
1470
|
*/
|
|
1431
1471
|
|
|
1432
|
-
export { AlertComponent, ButtonDirective, DateDisplayPipe,
|
|
1472
|
+
export { AlertComponent, ButtonDirective, DateDisplayPipe, EnumDisplayPipe, FilterComponent, FilterMenuComponent, InfiniteScrollComponent, MZ_DATE_PIPE_DEFAULT_OPTIONS, MuziehComponentHarness, MuziehComponentsModule, MzDatePipe, MzDrawer, MzDrawerConfig, MzDrawerContainer, MzDrawerContent, MzDrawerFooter, MzDrawerHeader, MzDrawerModule, MzDrawerRef, MzInlineEditComponent, MzSpinner, OptionsFilterComponent, PageHeaderComponent, PageLoadingIndicatorComponent, PaginationComponent, PhoneNumberPipe, ResultTableComponent, ResultTableHarness, SVG_ICON_DEFAULT_OPTIONS, SortDirective, SortKeyDirective, SubjectDisplayPipe, SvgIconComponent, WizardProgressTrackerComponent, hasImplementation };
|
|
1433
1473
|
//# sourceMappingURL=muziehdesign-components.mjs.map
|