@breadstone/mosaik-elements-angular 0.1.22 → 0.1.23
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/CHANGELOG.md
CHANGED
|
@@ -12122,7 +12122,7 @@ class DialogPortalComponent extends PortalComponent$1 {
|
|
|
12122
12122
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: DialogPortalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
12123
12123
|
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.2", type: DialogPortalComponent, isStandalone: true, selector: "mosaik-dialog-portal", host: { classAttribute: "dialog-portal" }, providers: [
|
|
12124
12124
|
provideDialogSlots()
|
|
12125
|
-
], viewQueries: [{ propertyName: "_portal", first: true, predicate: CdkPortalOutlet, descendants: true, static: true }, { propertyName: "_component", first: true, predicate: DialogComponent, descendants: true, static: true }], exportAs: ["mosaikDialogPortal"], usesInheritance: true, ngImport: i0, template: "<mosaik-dialog [closeable]=\"this.dialogConfig?.closeable ?? false\"\n [appearance]=\"this.dialogConfig?.appearance ?? 'default'\"\n [isDraggable]=\"this.dialogConfig?.isDraggable ?? false\"\n [enter]=\"this.dialogConfig?.enter ?? null\"\n [exit]=\"this.dialogConfig?.exit ?? null\"\n [width]=\"this.dialogConfig?.size?.width ?? 'auto'\"\n [height]=\"this.dialogConfig?.size?.height ?? 'auto'\">\n @if (this.headerTemplate; as template) {\n <ng-container [ngTemplateOutlet]=\"template\" />\n } @else if ((this.dialogConfig?.header | of | async) || this.dialogConfig?.closeable) {\n <mosaik-dialog-header>\n <mosaik-dialog-header-text [text]=\"(this.dialogConfig?.header | of | async) ?? ''\" />\n <mosaik-dialog-header-sub-text [text]=\"(this.dialogConfig?.subheader | of | async) ?? ''\" />\n </mosaik-dialog-header>\n }\n <mosaik-dialog-content cdkScrollable>\n @if (this.contentTemplate; as template) {\n <ng-container [ngTemplateOutlet]=\"template\" />\n }\n <ng-template cdkPortalOutlet />\n </mosaik-dialog-content>\n @if (this.actionsTemplate; as template) {\n <ng-container [ngTemplateOutlet]=\"template\" />\n } @else if (this.dialogConfig?.actions) {\n <mosaik-dialog-actions>\n @for (action of this.dialogConfig?.actions; track action.label) {\n @if ((action?.visible | of | async) ?? true) {\n <mosaik-button [appearance]=\"action?.kind === 'primary' ? 'solid' : 'plain'\"\n [label]=\"(action?.label | of | async) ?? ''\"\n [disabled]=\"(action?.disabled | of | async) ?? false\"\n [variant]=\"'primary'\"\n (click)=\"action?.handler()\" />\n }\n }\n </mosaik-dialog-actions>\n }\n @if (this.footerTemplate; as template) {\n <mosaik-dialog-footer>\n <ng-container [ngTemplateOutlet]=\"template\" />\n </mosaik-dialog-footer>\n }\n</mosaik-dialog>", styles: [".cdk-overlay-backdrop.mosaik-cdk-backdrop{--backdrop-background-color: var(--joy-scheme-semi-transparent);--backdrop-blur: 4px;--backdrop-transition-duration: var(--
|
|
12125
|
+
], viewQueries: [{ propertyName: "_portal", first: true, predicate: CdkPortalOutlet, descendants: true, static: true }, { propertyName: "_component", first: true, predicate: DialogComponent, descendants: true, static: true }], exportAs: ["mosaikDialogPortal"], usesInheritance: true, ngImport: i0, template: "<mosaik-dialog [closeable]=\"this.dialogConfig?.closeable ?? false\"\n [appearance]=\"this.dialogConfig?.appearance ?? 'default'\"\n [isDraggable]=\"this.dialogConfig?.isDraggable ?? false\"\n [enter]=\"this.dialogConfig?.enter ?? null\"\n [exit]=\"this.dialogConfig?.exit ?? null\"\n [width]=\"this.dialogConfig?.size?.width ?? 'auto'\"\n [height]=\"this.dialogConfig?.size?.height ?? 'auto'\">\n @if (this.headerTemplate; as template) {\n <ng-container [ngTemplateOutlet]=\"template\" />\n } @else if ((this.dialogConfig?.header | of | async) || this.dialogConfig?.closeable) {\n <mosaik-dialog-header>\n <mosaik-dialog-header-text [text]=\"(this.dialogConfig?.header | of | async) ?? ''\" />\n <mosaik-dialog-header-sub-text [text]=\"(this.dialogConfig?.subheader | of | async) ?? ''\" />\n </mosaik-dialog-header>\n }\n <mosaik-dialog-content cdkScrollable>\n @if (this.contentTemplate; as template) {\n <ng-container [ngTemplateOutlet]=\"template\" />\n }\n <ng-template cdkPortalOutlet />\n </mosaik-dialog-content>\n @if (this.actionsTemplate; as template) {\n <ng-container [ngTemplateOutlet]=\"template\" />\n } @else if (this.dialogConfig?.actions) {\n <mosaik-dialog-actions>\n @for (action of this.dialogConfig?.actions; track action.label) {\n @if ((action?.visible | of | async) ?? true) {\n <mosaik-button [appearance]=\"action?.kind === 'primary' ? 'solid' : 'plain'\"\n [label]=\"(action?.label | of | async) ?? ''\"\n [disabled]=\"(action?.disabled | of | async) ?? false\"\n [variant]=\"'primary'\"\n (click)=\"action?.handler()\" />\n }\n }\n </mosaik-dialog-actions>\n }\n @if (this.footerTemplate; as template) {\n <mosaik-dialog-footer>\n <ng-container [ngTemplateOutlet]=\"template\" />\n </mosaik-dialog-footer>\n }\n</mosaik-dialog>", styles: [".cdk-overlay-backdrop.mosaik-cdk-backdrop{--backdrop-background-color: var(--joy-scheme-semi-transparent);--backdrop-blur: 4px;--backdrop-transition-duration: var(--mosaik-duration-short);--backdrop-transition-mode: ease;--backdrop-transition-property: opacity, backdrop-filter;background:var(--backdrop-background-color);-webkit-backdrop-filter:blur(var(--backdrop-blur));backdrop-filter:blur(var(--backdrop-blur));opacity:1;transition-duration:var(--backdrop-transition-duration);transition-timing-function:var(--backdrop-transition-mode);transition-property:var(--backdrop-transition-property)}:root[theme=joy] .cdk-overlay-backdrop.mosaik-cdk-backdrop{--backdrop-background-color: var(--joy-scheme-semi-transparent);--backdrop-blur: 4px;--backdrop-transition-duration: var(--mosaik-duration-short);--backdrop-transition-mode: ease;--backdrop-transition-property: opacity, backdrop-filter}:root[theme=memphis] .cdk-overlay-backdrop.mosaik-cdk-backdrop{--backdrop-background-color: var(--memphis-scheme-semi-transparent);--backdrop-blur: none;--backdrop-transition-duration: .2s;--backdrop-transition-mode: ease;--backdrop-transition-property: opacity}:root[theme=cosmopolitan] .cdk-overlay-backdrop.mosaik-cdk-backdrop{--backdrop-background-color: var(--cosmopolitan-scheme-semi-transparent);--backdrop-blur: none;--backdrop-transition-duration: .2s;--backdrop-transition-mode: ease;--backdrop-transition-property: opacity}@media screen and (prefers-reduced-motion:reduce){.cdk-overlay-backdrop.mosaik-cdk-backdrop{transition-duration:.01ms}}.cdk-overlay-pane.mosaik-cdk-overlay-pane{pointer-events:none}.mosaik-cdk-overlay-pane mosaik-dialog::part(backdrop),.mosaik-cdk-overlay-pane mosaik-drawer::part(backdrop),.mosaik-cdk-overlay-pane mosaik-message-box::part(backdrop),.mosaik-cdk-overlay-pane mosaik-sheet::part(backdrop),.mosaik-cdk-overlay-pane mosaik-toast::part(backdrop){opacity:0;pointer-events:none;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: CdkScrollable, selector: "[cdk-scrollable], [cdkScrollable]" }, { kind: "directive", type: CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { kind: "component", type: DialogComponent, selector: "mosaik-dialog", inputs: ["dragging", "offsetX", "offsetY", "isFullScreen", "isDraggable", "themeName", "animationTarget", "enter", "exit", "width", "height", "elevation", "appearance", "isOpen", "hasBackdrop", "pressEscapeToClose", "clickOutsideToClose", "closeable", "dir", "lang"], outputs: ["opened", "closed", "connected", "disconnected", "changed"] }, { kind: "component", type: DialogHeaderComponent, selector: "mosaik-dialog-header", inputs: ["text", "subText", "themeName", "formatter", "dir", "lang"], outputs: ["connected", "disconnected", "changed"] }, { kind: "component", type: DialogHeaderTextComponent, selector: "mosaik-dialog-header-text", inputs: ["text", "themeName", "formatter", "dir", "lang"], outputs: ["connected", "disconnected", "changed"] }, { kind: "component", type: DialogHeaderSubTextComponent, selector: "mosaik-dialog-header-sub-text", inputs: ["text", "themeName", "formatter", "dir", "lang"], outputs: ["connected", "disconnected", "changed"] }, { kind: "component", type: DialogActionsComponent, selector: "mosaik-dialog-actions", inputs: ["themeName", "dir", "lang"], outputs: ["connected", "disconnected", "changed"] }, { kind: "component", type: DialogFooterComponent, selector: "mosaik-dialog-footer", inputs: ["themeName", "dir", "lang"], outputs: ["connected", "disconnected", "changed"] }, { kind: "component", type: ButtonComponent, selector: "mosaik-button", inputs: ["download", "href", "rel", "target", "themeName", "reverse", "orientation", "horizontalContentAlignment", "verticalContentAlignment", "fit", "isBusy", "label", "icon", "iconPosition", "iconSize", "type", "ripple", "variant", "appearance", "size", "value", "disabled", "isFocused", "dir", "lang"], outputs: ["connected", "disconnected", "changed"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: OfPipe, name: "of" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
12126
12126
|
}
|
|
12127
12127
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: DialogPortalComponent, decorators: [{
|
|
12128
12128
|
type: Component,
|
|
@@ -12143,7 +12143,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImpor
|
|
|
12143
12143
|
DialogActionsComponent,
|
|
12144
12144
|
DialogFooterComponent,
|
|
12145
12145
|
ButtonComponent
|
|
12146
|
-
], template: "<mosaik-dialog [closeable]=\"this.dialogConfig?.closeable ?? false\"\n [appearance]=\"this.dialogConfig?.appearance ?? 'default'\"\n [isDraggable]=\"this.dialogConfig?.isDraggable ?? false\"\n [enter]=\"this.dialogConfig?.enter ?? null\"\n [exit]=\"this.dialogConfig?.exit ?? null\"\n [width]=\"this.dialogConfig?.size?.width ?? 'auto'\"\n [height]=\"this.dialogConfig?.size?.height ?? 'auto'\">\n @if (this.headerTemplate; as template) {\n <ng-container [ngTemplateOutlet]=\"template\" />\n } @else if ((this.dialogConfig?.header | of | async) || this.dialogConfig?.closeable) {\n <mosaik-dialog-header>\n <mosaik-dialog-header-text [text]=\"(this.dialogConfig?.header | of | async) ?? ''\" />\n <mosaik-dialog-header-sub-text [text]=\"(this.dialogConfig?.subheader | of | async) ?? ''\" />\n </mosaik-dialog-header>\n }\n <mosaik-dialog-content cdkScrollable>\n @if (this.contentTemplate; as template) {\n <ng-container [ngTemplateOutlet]=\"template\" />\n }\n <ng-template cdkPortalOutlet />\n </mosaik-dialog-content>\n @if (this.actionsTemplate; as template) {\n <ng-container [ngTemplateOutlet]=\"template\" />\n } @else if (this.dialogConfig?.actions) {\n <mosaik-dialog-actions>\n @for (action of this.dialogConfig?.actions; track action.label) {\n @if ((action?.visible | of | async) ?? true) {\n <mosaik-button [appearance]=\"action?.kind === 'primary' ? 'solid' : 'plain'\"\n [label]=\"(action?.label | of | async) ?? ''\"\n [disabled]=\"(action?.disabled | of | async) ?? false\"\n [variant]=\"'primary'\"\n (click)=\"action?.handler()\" />\n }\n }\n </mosaik-dialog-actions>\n }\n @if (this.footerTemplate; as template) {\n <mosaik-dialog-footer>\n <ng-container [ngTemplateOutlet]=\"template\" />\n </mosaik-dialog-footer>\n }\n</mosaik-dialog>", styles: [".cdk-overlay-backdrop.mosaik-cdk-backdrop{--backdrop-background-color: var(--joy-scheme-semi-transparent);--backdrop-blur: 4px;--backdrop-transition-duration: var(--
|
|
12146
|
+
], template: "<mosaik-dialog [closeable]=\"this.dialogConfig?.closeable ?? false\"\n [appearance]=\"this.dialogConfig?.appearance ?? 'default'\"\n [isDraggable]=\"this.dialogConfig?.isDraggable ?? false\"\n [enter]=\"this.dialogConfig?.enter ?? null\"\n [exit]=\"this.dialogConfig?.exit ?? null\"\n [width]=\"this.dialogConfig?.size?.width ?? 'auto'\"\n [height]=\"this.dialogConfig?.size?.height ?? 'auto'\">\n @if (this.headerTemplate; as template) {\n <ng-container [ngTemplateOutlet]=\"template\" />\n } @else if ((this.dialogConfig?.header | of | async) || this.dialogConfig?.closeable) {\n <mosaik-dialog-header>\n <mosaik-dialog-header-text [text]=\"(this.dialogConfig?.header | of | async) ?? ''\" />\n <mosaik-dialog-header-sub-text [text]=\"(this.dialogConfig?.subheader | of | async) ?? ''\" />\n </mosaik-dialog-header>\n }\n <mosaik-dialog-content cdkScrollable>\n @if (this.contentTemplate; as template) {\n <ng-container [ngTemplateOutlet]=\"template\" />\n }\n <ng-template cdkPortalOutlet />\n </mosaik-dialog-content>\n @if (this.actionsTemplate; as template) {\n <ng-container [ngTemplateOutlet]=\"template\" />\n } @else if (this.dialogConfig?.actions) {\n <mosaik-dialog-actions>\n @for (action of this.dialogConfig?.actions; track action.label) {\n @if ((action?.visible | of | async) ?? true) {\n <mosaik-button [appearance]=\"action?.kind === 'primary' ? 'solid' : 'plain'\"\n [label]=\"(action?.label | of | async) ?? ''\"\n [disabled]=\"(action?.disabled | of | async) ?? false\"\n [variant]=\"'primary'\"\n (click)=\"action?.handler()\" />\n }\n }\n </mosaik-dialog-actions>\n }\n @if (this.footerTemplate; as template) {\n <mosaik-dialog-footer>\n <ng-container [ngTemplateOutlet]=\"template\" />\n </mosaik-dialog-footer>\n }\n</mosaik-dialog>", styles: [".cdk-overlay-backdrop.mosaik-cdk-backdrop{--backdrop-background-color: var(--joy-scheme-semi-transparent);--backdrop-blur: 4px;--backdrop-transition-duration: var(--mosaik-duration-short);--backdrop-transition-mode: ease;--backdrop-transition-property: opacity, backdrop-filter;background:var(--backdrop-background-color);-webkit-backdrop-filter:blur(var(--backdrop-blur));backdrop-filter:blur(var(--backdrop-blur));opacity:1;transition-duration:var(--backdrop-transition-duration);transition-timing-function:var(--backdrop-transition-mode);transition-property:var(--backdrop-transition-property)}:root[theme=joy] .cdk-overlay-backdrop.mosaik-cdk-backdrop{--backdrop-background-color: var(--joy-scheme-semi-transparent);--backdrop-blur: 4px;--backdrop-transition-duration: var(--mosaik-duration-short);--backdrop-transition-mode: ease;--backdrop-transition-property: opacity, backdrop-filter}:root[theme=memphis] .cdk-overlay-backdrop.mosaik-cdk-backdrop{--backdrop-background-color: var(--memphis-scheme-semi-transparent);--backdrop-blur: none;--backdrop-transition-duration: .2s;--backdrop-transition-mode: ease;--backdrop-transition-property: opacity}:root[theme=cosmopolitan] .cdk-overlay-backdrop.mosaik-cdk-backdrop{--backdrop-background-color: var(--cosmopolitan-scheme-semi-transparent);--backdrop-blur: none;--backdrop-transition-duration: .2s;--backdrop-transition-mode: ease;--backdrop-transition-property: opacity}@media screen and (prefers-reduced-motion:reduce){.cdk-overlay-backdrop.mosaik-cdk-backdrop{transition-duration:.01ms}}.cdk-overlay-pane.mosaik-cdk-overlay-pane{pointer-events:none}.mosaik-cdk-overlay-pane mosaik-dialog::part(backdrop),.mosaik-cdk-overlay-pane mosaik-drawer::part(backdrop),.mosaik-cdk-overlay-pane mosaik-message-box::part(backdrop),.mosaik-cdk-overlay-pane mosaik-sheet::part(backdrop),.mosaik-cdk-overlay-pane mosaik-toast::part(backdrop){opacity:0;pointer-events:none;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}\n"] }]
|
|
12147
12147
|
}], ctorParameters: () => [], propDecorators: { _portal: [{
|
|
12148
12148
|
type: ViewChild,
|
|
12149
12149
|
args: [CdkPortalOutlet, { static: true }]
|
|
@@ -15471,7 +15471,7 @@ class DrawerPortalComponent extends PortalComponent$1 {
|
|
|
15471
15471
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: DrawerPortalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
15472
15472
|
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.2", type: DrawerPortalComponent, isStandalone: true, selector: "mosaik-drawer-portal", host: { classAttribute: "drawer-portal" }, providers: [
|
|
15473
15473
|
provideDrawerSlots()
|
|
15474
|
-
], viewQueries: [{ propertyName: "_portal", first: true, predicate: CdkPortalOutlet, descendants: true, static: true }, { propertyName: "_component", first: true, predicate: DrawerComponent, descendants: true, static: true }], exportAs: ["mosaikDrawerPortal"], usesInheritance: true, ngImport: i0, template: "<mosaik-drawer [closeable]=\"(this.drawerConfig?.closeable | of | async) ?? false\"\n [enter]=\"this.drawerConfig?.enter ?? null\"\n [exit]=\"this.drawerConfig?.exit ?? null\"\n [width]=\"this.drawerConfig?.size?.width ?? 'auto'\"\n [height]=\"this.drawerConfig?.size?.height ?? 'auto'\">\n @if (this.headerTemplate; as template) {\n <ng-container [ngTemplateOutlet]=\"template\" />\n } @else if ((this.drawerConfig?.header | of | async) || (this.drawerConfig?.subheader | of | async) || this.drawerConfig?.closeable) {\n <mosaik-drawer-header>\n <mosaik-drawer-header-text [text]=\"(this.drawerConfig?.header | of | async) ?? ''\" />\n <mosaik-drawer-header-sub-text [text]=\"(this.drawerConfig?.subheader | of | async) ?? ''\" />\n @if (this.drawerConfig?.closeable) {\n <mosaik-dismiss slot=\"suffix\"\n (click)=\"this.drawer.invoke('close')\" />\n }\n </mosaik-drawer-header>\n }\n <mosaik-drawer-content cdkScrollable>\n @if (this.contentTemplate; as template) {\n <ng-container [ngTemplateOutlet]=\"template\" />\n } @else { }\n <ng-template cdkPortalOutlet />\n </mosaik-drawer-content>\n @if (this.actionsTemplate; as template) {\n <mosaik-drawer-actions>\n <ng-container [ngTemplateOutlet]=\"template\" />\n </mosaik-drawer-actions>\n } @else if (this.drawerConfig?.actions) {\n <mosaik-drawer-actions>\n @for (action of this.drawerConfig?.actions; track action.label) {\n @if ((action?.visible | of | async) ?? true) {\n <mosaik-button [appearance]=\"action?.kind === 'primary' ? 'solid' : 'plain'\"\n [label]=\"(action?.label | of | async) ?? ''\"\n [disabled]=\"(action?.disabled | of | async) ?? false\"\n [variant]=\"'primary'\"\n (click)=\"action?.handler()\" />\n }\n }\n </mosaik-drawer-actions>\n }\n @if (this.footerTemplate; as template) {\n <mosaik-drawer-footer>\n <ng-container [ngTemplateOutlet]=\"template\" />\n </mosaik-drawer-footer>\n }\n</mosaik-drawer>", styles: [".cdk-overlay-backdrop.mosaik-cdk-backdrop{--backdrop-background-color: var(--joy-scheme-semi-transparent);--backdrop-blur: 4px;--backdrop-transition-duration: var(--
|
|
15474
|
+
], viewQueries: [{ propertyName: "_portal", first: true, predicate: CdkPortalOutlet, descendants: true, static: true }, { propertyName: "_component", first: true, predicate: DrawerComponent, descendants: true, static: true }], exportAs: ["mosaikDrawerPortal"], usesInheritance: true, ngImport: i0, template: "<mosaik-drawer [closeable]=\"(this.drawerConfig?.closeable | of | async) ?? false\"\n [enter]=\"this.drawerConfig?.enter ?? null\"\n [exit]=\"this.drawerConfig?.exit ?? null\"\n [width]=\"this.drawerConfig?.size?.width ?? 'auto'\"\n [height]=\"this.drawerConfig?.size?.height ?? 'auto'\">\n @if (this.headerTemplate; as template) {\n <ng-container [ngTemplateOutlet]=\"template\" />\n } @else if ((this.drawerConfig?.header | of | async) || (this.drawerConfig?.subheader | of | async) || this.drawerConfig?.closeable) {\n <mosaik-drawer-header>\n <mosaik-drawer-header-text [text]=\"(this.drawerConfig?.header | of | async) ?? ''\" />\n <mosaik-drawer-header-sub-text [text]=\"(this.drawerConfig?.subheader | of | async) ?? ''\" />\n @if (this.drawerConfig?.closeable) {\n <mosaik-dismiss slot=\"suffix\"\n (click)=\"this.drawer.invoke('close')\" />\n }\n </mosaik-drawer-header>\n }\n <mosaik-drawer-content cdkScrollable>\n @if (this.contentTemplate; as template) {\n <ng-container [ngTemplateOutlet]=\"template\" />\n } @else { }\n <ng-template cdkPortalOutlet />\n </mosaik-drawer-content>\n @if (this.actionsTemplate; as template) {\n <mosaik-drawer-actions>\n <ng-container [ngTemplateOutlet]=\"template\" />\n </mosaik-drawer-actions>\n } @else if (this.drawerConfig?.actions) {\n <mosaik-drawer-actions>\n @for (action of this.drawerConfig?.actions; track action.label) {\n @if ((action?.visible | of | async) ?? true) {\n <mosaik-button [appearance]=\"action?.kind === 'primary' ? 'solid' : 'plain'\"\n [label]=\"(action?.label | of | async) ?? ''\"\n [disabled]=\"(action?.disabled | of | async) ?? false\"\n [variant]=\"'primary'\"\n (click)=\"action?.handler()\" />\n }\n }\n </mosaik-drawer-actions>\n }\n @if (this.footerTemplate; as template) {\n <mosaik-drawer-footer>\n <ng-container [ngTemplateOutlet]=\"template\" />\n </mosaik-drawer-footer>\n }\n</mosaik-drawer>", styles: [".cdk-overlay-backdrop.mosaik-cdk-backdrop{--backdrop-background-color: var(--joy-scheme-semi-transparent);--backdrop-blur: 4px;--backdrop-transition-duration: var(--mosaik-duration-short);--backdrop-transition-mode: ease;--backdrop-transition-property: opacity, backdrop-filter;background:var(--backdrop-background-color);-webkit-backdrop-filter:blur(var(--backdrop-blur));backdrop-filter:blur(var(--backdrop-blur));opacity:1;transition-duration:var(--backdrop-transition-duration);transition-timing-function:var(--backdrop-transition-mode);transition-property:var(--backdrop-transition-property)}:root[theme=joy] .cdk-overlay-backdrop.mosaik-cdk-backdrop{--backdrop-background-color: var(--joy-scheme-semi-transparent);--backdrop-blur: 4px;--backdrop-transition-duration: var(--mosaik-duration-short);--backdrop-transition-mode: ease;--backdrop-transition-property: opacity, backdrop-filter}:root[theme=memphis] .cdk-overlay-backdrop.mosaik-cdk-backdrop{--backdrop-background-color: var(--memphis-scheme-semi-transparent);--backdrop-blur: none;--backdrop-transition-duration: .2s;--backdrop-transition-mode: ease;--backdrop-transition-property: opacity}:root[theme=cosmopolitan] .cdk-overlay-backdrop.mosaik-cdk-backdrop{--backdrop-background-color: var(--cosmopolitan-scheme-semi-transparent);--backdrop-blur: none;--backdrop-transition-duration: .2s;--backdrop-transition-mode: ease;--backdrop-transition-property: opacity}@media screen and (prefers-reduced-motion:reduce){.cdk-overlay-backdrop.mosaik-cdk-backdrop{transition-duration:.01ms}}.cdk-overlay-pane.mosaik-cdk-overlay-pane{pointer-events:none}.mosaik-cdk-overlay-pane mosaik-dialog::part(backdrop),.mosaik-cdk-overlay-pane mosaik-drawer::part(backdrop),.mosaik-cdk-overlay-pane mosaik-message-box::part(backdrop),.mosaik-cdk-overlay-pane mosaik-sheet::part(backdrop),.mosaik-cdk-overlay-pane mosaik-toast::part(backdrop){opacity:0;pointer-events:none;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: CdkScrollable, selector: "[cdk-scrollable], [cdkScrollable]" }, { kind: "directive", type: CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { kind: "component", type: DrawerComponent, selector: "mosaik-drawer", inputs: ["isComposed", "isFullScreen", "header", "subHeader", "position", "mode", "hasShadow", "themeName", "animationTarget", "enter", "exit", "width", "height", "elevation", "isOpen", "hasBackdrop", "pressEscapeToClose", "clickOutsideToClose", "closeable", "dir", "lang"], outputs: ["closed", "opened", "connected", "disconnected", "changed"] }, { kind: "component", type: DrawerHeaderComponent, selector: "mosaik-drawer-header", inputs: ["text", "subText", "themeName", "formatter", "dir", "lang"], outputs: ["connected", "disconnected", "changed"] }, { kind: "component", type: DrawerHeaderTextComponent, selector: "mosaik-drawer-header-text", inputs: ["text", "themeName", "formatter", "dir", "lang"], outputs: ["connected", "disconnected", "changed"] }, { kind: "component", type: DrawerHeaderSubTextComponent, selector: "mosaik-drawer-header-sub-text", inputs: ["text", "themeName", "formatter", "dir", "lang"], outputs: ["connected", "disconnected", "changed"] }, { kind: "component", type: DrawerContentComponent, selector: "mosaik-drawer-content", inputs: ["opened", "themeName", "dir", "lang"], outputs: ["connected", "disconnected", "changed"] }, { kind: "component", type: DrawerActionsComponent, selector: "mosaik-drawer-actions", inputs: ["themeName", "dir", "lang"], outputs: ["connected", "disconnected", "changed"] }, { kind: "component", type: DismissComponent, selector: "mosaik-dismiss", inputs: ["themeName", "variant", "appearance", "size", "disabled", "isFocused", "dir", "lang"], outputs: ["connected", "disconnected", "changed"] }, { kind: "component", type: ButtonComponent, selector: "mosaik-button", inputs: ["download", "href", "rel", "target", "themeName", "reverse", "orientation", "horizontalContentAlignment", "verticalContentAlignment", "fit", "isBusy", "label", "icon", "iconPosition", "iconSize", "type", "ripple", "variant", "appearance", "size", "value", "disabled", "isFocused", "dir", "lang"], outputs: ["connected", "disconnected", "changed"] }, { kind: "component", type: DrawerFooterComponent, selector: "mosaik-drawer-footer", inputs: ["themeName", "dir", "lang"], outputs: ["connected", "disconnected", "changed"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: OfPipe, name: "of" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
15475
15475
|
}
|
|
15476
15476
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: DrawerPortalComponent, decorators: [{
|
|
15477
15477
|
type: Component,
|
|
@@ -15494,7 +15494,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImpor
|
|
|
15494
15494
|
DismissComponent,
|
|
15495
15495
|
ButtonComponent,
|
|
15496
15496
|
DrawerFooterComponent
|
|
15497
|
-
], template: "<mosaik-drawer [closeable]=\"(this.drawerConfig?.closeable | of | async) ?? false\"\n [enter]=\"this.drawerConfig?.enter ?? null\"\n [exit]=\"this.drawerConfig?.exit ?? null\"\n [width]=\"this.drawerConfig?.size?.width ?? 'auto'\"\n [height]=\"this.drawerConfig?.size?.height ?? 'auto'\">\n @if (this.headerTemplate; as template) {\n <ng-container [ngTemplateOutlet]=\"template\" />\n } @else if ((this.drawerConfig?.header | of | async) || (this.drawerConfig?.subheader | of | async) || this.drawerConfig?.closeable) {\n <mosaik-drawer-header>\n <mosaik-drawer-header-text [text]=\"(this.drawerConfig?.header | of | async) ?? ''\" />\n <mosaik-drawer-header-sub-text [text]=\"(this.drawerConfig?.subheader | of | async) ?? ''\" />\n @if (this.drawerConfig?.closeable) {\n <mosaik-dismiss slot=\"suffix\"\n (click)=\"this.drawer.invoke('close')\" />\n }\n </mosaik-drawer-header>\n }\n <mosaik-drawer-content cdkScrollable>\n @if (this.contentTemplate; as template) {\n <ng-container [ngTemplateOutlet]=\"template\" />\n } @else { }\n <ng-template cdkPortalOutlet />\n </mosaik-drawer-content>\n @if (this.actionsTemplate; as template) {\n <mosaik-drawer-actions>\n <ng-container [ngTemplateOutlet]=\"template\" />\n </mosaik-drawer-actions>\n } @else if (this.drawerConfig?.actions) {\n <mosaik-drawer-actions>\n @for (action of this.drawerConfig?.actions; track action.label) {\n @if ((action?.visible | of | async) ?? true) {\n <mosaik-button [appearance]=\"action?.kind === 'primary' ? 'solid' : 'plain'\"\n [label]=\"(action?.label | of | async) ?? ''\"\n [disabled]=\"(action?.disabled | of | async) ?? false\"\n [variant]=\"'primary'\"\n (click)=\"action?.handler()\" />\n }\n }\n </mosaik-drawer-actions>\n }\n @if (this.footerTemplate; as template) {\n <mosaik-drawer-footer>\n <ng-container [ngTemplateOutlet]=\"template\" />\n </mosaik-drawer-footer>\n }\n</mosaik-drawer>", styles: [".cdk-overlay-backdrop.mosaik-cdk-backdrop{--backdrop-background-color: var(--joy-scheme-semi-transparent);--backdrop-blur: 4px;--backdrop-transition-duration: var(--
|
|
15497
|
+
], template: "<mosaik-drawer [closeable]=\"(this.drawerConfig?.closeable | of | async) ?? false\"\n [enter]=\"this.drawerConfig?.enter ?? null\"\n [exit]=\"this.drawerConfig?.exit ?? null\"\n [width]=\"this.drawerConfig?.size?.width ?? 'auto'\"\n [height]=\"this.drawerConfig?.size?.height ?? 'auto'\">\n @if (this.headerTemplate; as template) {\n <ng-container [ngTemplateOutlet]=\"template\" />\n } @else if ((this.drawerConfig?.header | of | async) || (this.drawerConfig?.subheader | of | async) || this.drawerConfig?.closeable) {\n <mosaik-drawer-header>\n <mosaik-drawer-header-text [text]=\"(this.drawerConfig?.header | of | async) ?? ''\" />\n <mosaik-drawer-header-sub-text [text]=\"(this.drawerConfig?.subheader | of | async) ?? ''\" />\n @if (this.drawerConfig?.closeable) {\n <mosaik-dismiss slot=\"suffix\"\n (click)=\"this.drawer.invoke('close')\" />\n }\n </mosaik-drawer-header>\n }\n <mosaik-drawer-content cdkScrollable>\n @if (this.contentTemplate; as template) {\n <ng-container [ngTemplateOutlet]=\"template\" />\n } @else { }\n <ng-template cdkPortalOutlet />\n </mosaik-drawer-content>\n @if (this.actionsTemplate; as template) {\n <mosaik-drawer-actions>\n <ng-container [ngTemplateOutlet]=\"template\" />\n </mosaik-drawer-actions>\n } @else if (this.drawerConfig?.actions) {\n <mosaik-drawer-actions>\n @for (action of this.drawerConfig?.actions; track action.label) {\n @if ((action?.visible | of | async) ?? true) {\n <mosaik-button [appearance]=\"action?.kind === 'primary' ? 'solid' : 'plain'\"\n [label]=\"(action?.label | of | async) ?? ''\"\n [disabled]=\"(action?.disabled | of | async) ?? false\"\n [variant]=\"'primary'\"\n (click)=\"action?.handler()\" />\n }\n }\n </mosaik-drawer-actions>\n }\n @if (this.footerTemplate; as template) {\n <mosaik-drawer-footer>\n <ng-container [ngTemplateOutlet]=\"template\" />\n </mosaik-drawer-footer>\n }\n</mosaik-drawer>", styles: [".cdk-overlay-backdrop.mosaik-cdk-backdrop{--backdrop-background-color: var(--joy-scheme-semi-transparent);--backdrop-blur: 4px;--backdrop-transition-duration: var(--mosaik-duration-short);--backdrop-transition-mode: ease;--backdrop-transition-property: opacity, backdrop-filter;background:var(--backdrop-background-color);-webkit-backdrop-filter:blur(var(--backdrop-blur));backdrop-filter:blur(var(--backdrop-blur));opacity:1;transition-duration:var(--backdrop-transition-duration);transition-timing-function:var(--backdrop-transition-mode);transition-property:var(--backdrop-transition-property)}:root[theme=joy] .cdk-overlay-backdrop.mosaik-cdk-backdrop{--backdrop-background-color: var(--joy-scheme-semi-transparent);--backdrop-blur: 4px;--backdrop-transition-duration: var(--mosaik-duration-short);--backdrop-transition-mode: ease;--backdrop-transition-property: opacity, backdrop-filter}:root[theme=memphis] .cdk-overlay-backdrop.mosaik-cdk-backdrop{--backdrop-background-color: var(--memphis-scheme-semi-transparent);--backdrop-blur: none;--backdrop-transition-duration: .2s;--backdrop-transition-mode: ease;--backdrop-transition-property: opacity}:root[theme=cosmopolitan] .cdk-overlay-backdrop.mosaik-cdk-backdrop{--backdrop-background-color: var(--cosmopolitan-scheme-semi-transparent);--backdrop-blur: none;--backdrop-transition-duration: .2s;--backdrop-transition-mode: ease;--backdrop-transition-property: opacity}@media screen and (prefers-reduced-motion:reduce){.cdk-overlay-backdrop.mosaik-cdk-backdrop{transition-duration:.01ms}}.cdk-overlay-pane.mosaik-cdk-overlay-pane{pointer-events:none}.mosaik-cdk-overlay-pane mosaik-dialog::part(backdrop),.mosaik-cdk-overlay-pane mosaik-drawer::part(backdrop),.mosaik-cdk-overlay-pane mosaik-message-box::part(backdrop),.mosaik-cdk-overlay-pane mosaik-sheet::part(backdrop),.mosaik-cdk-overlay-pane mosaik-toast::part(backdrop){opacity:0;pointer-events:none;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}\n"] }]
|
|
15498
15498
|
}], ctorParameters: () => [], propDecorators: { _portal: [{
|
|
15499
15499
|
type: ViewChild,
|
|
15500
15500
|
args: [CdkPortalOutlet, { static: true }]
|
|
@@ -16626,7 +16626,7 @@ class MessageBoxPortalComponent extends PortalComponent$1 {
|
|
|
16626
16626
|
return this._config;
|
|
16627
16627
|
}
|
|
16628
16628
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: MessageBoxPortalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
16629
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.2", type: MessageBoxPortalComponent, isStandalone: true, selector: "mosaik-message-box-portal", host: { classAttribute: "message-box-portal" }, viewQueries: [{ propertyName: "_portal", first: true, predicate: CdkPortalOutlet, descendants: true, static: true }, { propertyName: "_component", first: true, predicate: MessageBoxComponent, descendants: true, static: true }], exportAs: ["mosaikMessageBoxPortal"], usesInheritance: true, ngImport: i0, template: "<mosaik-message-box>\n <ng-template cdkPortalOutlet></ng-template>\n</mosaik-message-box>", styles: [":host{width:100vw;height:100vh}\n", ".cdk-overlay-backdrop.mosaik-cdk-backdrop{--backdrop-background-color: var(--joy-scheme-semi-transparent);--backdrop-blur: 4px;--backdrop-transition-duration: var(--
|
|
16629
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.2", type: MessageBoxPortalComponent, isStandalone: true, selector: "mosaik-message-box-portal", host: { classAttribute: "message-box-portal" }, viewQueries: [{ propertyName: "_portal", first: true, predicate: CdkPortalOutlet, descendants: true, static: true }, { propertyName: "_component", first: true, predicate: MessageBoxComponent, descendants: true, static: true }], exportAs: ["mosaikMessageBoxPortal"], usesInheritance: true, ngImport: i0, template: "<mosaik-message-box>\n <ng-template cdkPortalOutlet></ng-template>\n</mosaik-message-box>", styles: [":host{width:100vw;height:100vh}\n", ".cdk-overlay-backdrop.mosaik-cdk-backdrop{--backdrop-background-color: var(--joy-scheme-semi-transparent);--backdrop-blur: 4px;--backdrop-transition-duration: var(--mosaik-duration-short);--backdrop-transition-mode: ease;--backdrop-transition-property: opacity, backdrop-filter;background:var(--backdrop-background-color);-webkit-backdrop-filter:blur(var(--backdrop-blur));backdrop-filter:blur(var(--backdrop-blur));opacity:1;transition-duration:var(--backdrop-transition-duration);transition-timing-function:var(--backdrop-transition-mode);transition-property:var(--backdrop-transition-property)}:root[theme=joy] .cdk-overlay-backdrop.mosaik-cdk-backdrop{--backdrop-background-color: var(--joy-scheme-semi-transparent);--backdrop-blur: 4px;--backdrop-transition-duration: var(--mosaik-duration-short);--backdrop-transition-mode: ease;--backdrop-transition-property: opacity, backdrop-filter}:root[theme=memphis] .cdk-overlay-backdrop.mosaik-cdk-backdrop{--backdrop-background-color: var(--memphis-scheme-semi-transparent);--backdrop-blur: none;--backdrop-transition-duration: .2s;--backdrop-transition-mode: ease;--backdrop-transition-property: opacity}:root[theme=cosmopolitan] .cdk-overlay-backdrop.mosaik-cdk-backdrop{--backdrop-background-color: var(--cosmopolitan-scheme-semi-transparent);--backdrop-blur: none;--backdrop-transition-duration: .2s;--backdrop-transition-mode: ease;--backdrop-transition-property: opacity}@media screen and (prefers-reduced-motion:reduce){.cdk-overlay-backdrop.mosaik-cdk-backdrop{transition-duration:.01ms}}.cdk-overlay-pane.mosaik-cdk-overlay-pane{pointer-events:none}.mosaik-cdk-overlay-pane mosaik-dialog::part(backdrop),.mosaik-cdk-overlay-pane mosaik-drawer::part(backdrop),.mosaik-cdk-overlay-pane mosaik-message-box::part(backdrop),.mosaik-cdk-overlay-pane mosaik-sheet::part(backdrop),.mosaik-cdk-overlay-pane mosaik-toast::part(backdrop){opacity:0;pointer-events:none;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}\n"], dependencies: [{ kind: "directive", type: CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { kind: "component", type: MessageBoxComponent, selector: "mosaik-message-box", inputs: ["intl", "header", "subHeader", "message", "buttons", "icon", "alignment", "formatter", "variant", "dragging", "offsetX", "offsetY", "isFullScreen", "isDraggable", "themeName", "animationTarget", "enter", "exit", "width", "height", "elevation", "appearance", "isOpen", "hasBackdrop", "pressEscapeToClose", "clickOutsideToClose", "closeable", "dir", "lang"], outputs: ["dialogResult", "opened", "closed", "connected", "disconnected", "changed"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
16630
16630
|
}
|
|
16631
16631
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: MessageBoxPortalComponent, decorators: [{
|
|
16632
16632
|
type: Component,
|
|
@@ -16635,7 +16635,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImpor
|
|
|
16635
16635
|
}, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [
|
|
16636
16636
|
CdkPortalOutlet,
|
|
16637
16637
|
MessageBoxComponent
|
|
16638
|
-
], template: "<mosaik-message-box>\n <ng-template cdkPortalOutlet></ng-template>\n</mosaik-message-box>", styles: [":host{width:100vw;height:100vh}\n", ".cdk-overlay-backdrop.mosaik-cdk-backdrop{--backdrop-background-color: var(--joy-scheme-semi-transparent);--backdrop-blur: 4px;--backdrop-transition-duration: var(--
|
|
16638
|
+
], template: "<mosaik-message-box>\n <ng-template cdkPortalOutlet></ng-template>\n</mosaik-message-box>", styles: [":host{width:100vw;height:100vh}\n", ".cdk-overlay-backdrop.mosaik-cdk-backdrop{--backdrop-background-color: var(--joy-scheme-semi-transparent);--backdrop-blur: 4px;--backdrop-transition-duration: var(--mosaik-duration-short);--backdrop-transition-mode: ease;--backdrop-transition-property: opacity, backdrop-filter;background:var(--backdrop-background-color);-webkit-backdrop-filter:blur(var(--backdrop-blur));backdrop-filter:blur(var(--backdrop-blur));opacity:1;transition-duration:var(--backdrop-transition-duration);transition-timing-function:var(--backdrop-transition-mode);transition-property:var(--backdrop-transition-property)}:root[theme=joy] .cdk-overlay-backdrop.mosaik-cdk-backdrop{--backdrop-background-color: var(--joy-scheme-semi-transparent);--backdrop-blur: 4px;--backdrop-transition-duration: var(--mosaik-duration-short);--backdrop-transition-mode: ease;--backdrop-transition-property: opacity, backdrop-filter}:root[theme=memphis] .cdk-overlay-backdrop.mosaik-cdk-backdrop{--backdrop-background-color: var(--memphis-scheme-semi-transparent);--backdrop-blur: none;--backdrop-transition-duration: .2s;--backdrop-transition-mode: ease;--backdrop-transition-property: opacity}:root[theme=cosmopolitan] .cdk-overlay-backdrop.mosaik-cdk-backdrop{--backdrop-background-color: var(--cosmopolitan-scheme-semi-transparent);--backdrop-blur: none;--backdrop-transition-duration: .2s;--backdrop-transition-mode: ease;--backdrop-transition-property: opacity}@media screen and (prefers-reduced-motion:reduce){.cdk-overlay-backdrop.mosaik-cdk-backdrop{transition-duration:.01ms}}.cdk-overlay-pane.mosaik-cdk-overlay-pane{pointer-events:none}.mosaik-cdk-overlay-pane mosaik-dialog::part(backdrop),.mosaik-cdk-overlay-pane mosaik-drawer::part(backdrop),.mosaik-cdk-overlay-pane mosaik-message-box::part(backdrop),.mosaik-cdk-overlay-pane mosaik-sheet::part(backdrop),.mosaik-cdk-overlay-pane mosaik-toast::part(backdrop){opacity:0;pointer-events:none;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}\n"] }]
|
|
16639
16639
|
}], ctorParameters: () => [], propDecorators: { _portal: [{
|
|
16640
16640
|
type: ViewChild,
|
|
16641
16641
|
args: [CdkPortalOutlet, { static: true }]
|
|
@@ -18226,7 +18226,7 @@ class SheetPortalComponent extends PortalComponent$1 {
|
|
|
18226
18226
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: SheetPortalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
18227
18227
|
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.2", type: SheetPortalComponent, isStandalone: true, selector: "mosaik-sheet-portal", host: { classAttribute: "sheet-portal" }, providers: [
|
|
18228
18228
|
provideSheetSlots()
|
|
18229
|
-
], viewQueries: [{ propertyName: "_portal", first: true, predicate: CdkPortalOutlet, descendants: true, static: true }, { propertyName: "_component", first: true, predicate: SheetComponent, descendants: true, static: true }], exportAs: ["mosaikSheetPortal"], usesInheritance: true, ngImport: i0, template: "<mosaik-sheet [closeable]=\"this.sheetConfig?.closeable ?? false\"\n [height]=\"this.sheetConfig?.height ?? 'auto'\">\n @if (this.headerTemplate; as template) {\n <ng-container [ngTemplateOutlet]=\"template\" />\n } @else if ((this.sheetConfig?.header | of | async) || this.sheetConfig?.closeable) {\n <mosaik-sheet-header>\n <mosaik-sheet-header-text [text]=\"(this.sheetConfig?.header | of | async) ?? ''\" />\n <mosaik-sheet-header-sub-text [text]=\"(this.sheetConfig?.subheader | of | async) ?? ''\" />\n </mosaik-sheet-header>\n }\n <mosaik-sheet-content cdkScrollable>\n @if (this.contentTemplate; as template) {\n <ng-container [ngTemplateOutlet]=\"template\" />\n }\n <ng-template cdkPortalOutlet />\n </mosaik-sheet-content>\n @if (this.footerTemplate; as template) {\n <mosaik-sheet-footer>\n <ng-container [ngTemplateOutlet]=\"template\" />\n </mosaik-sheet-footer>\n }\n</mosaik-sheet>", styles: [".cdk-overlay-backdrop.mosaik-cdk-backdrop{--backdrop-background-color: var(--joy-scheme-semi-transparent);--backdrop-blur: 4px;--backdrop-transition-duration: var(--
|
|
18229
|
+
], viewQueries: [{ propertyName: "_portal", first: true, predicate: CdkPortalOutlet, descendants: true, static: true }, { propertyName: "_component", first: true, predicate: SheetComponent, descendants: true, static: true }], exportAs: ["mosaikSheetPortal"], usesInheritance: true, ngImport: i0, template: "<mosaik-sheet [closeable]=\"this.sheetConfig?.closeable ?? false\"\n [height]=\"this.sheetConfig?.height ?? 'auto'\">\n @if (this.headerTemplate; as template) {\n <ng-container [ngTemplateOutlet]=\"template\" />\n } @else if ((this.sheetConfig?.header | of | async) || this.sheetConfig?.closeable) {\n <mosaik-sheet-header>\n <mosaik-sheet-header-text [text]=\"(this.sheetConfig?.header | of | async) ?? ''\" />\n <mosaik-sheet-header-sub-text [text]=\"(this.sheetConfig?.subheader | of | async) ?? ''\" />\n </mosaik-sheet-header>\n }\n <mosaik-sheet-content cdkScrollable>\n @if (this.contentTemplate; as template) {\n <ng-container [ngTemplateOutlet]=\"template\" />\n }\n <ng-template cdkPortalOutlet />\n </mosaik-sheet-content>\n @if (this.footerTemplate; as template) {\n <mosaik-sheet-footer>\n <ng-container [ngTemplateOutlet]=\"template\" />\n </mosaik-sheet-footer>\n }\n</mosaik-sheet>", styles: [".cdk-overlay-backdrop.mosaik-cdk-backdrop{--backdrop-background-color: var(--joy-scheme-semi-transparent);--backdrop-blur: 4px;--backdrop-transition-duration: var(--mosaik-duration-short);--backdrop-transition-mode: ease;--backdrop-transition-property: opacity, backdrop-filter;background:var(--backdrop-background-color);-webkit-backdrop-filter:blur(var(--backdrop-blur));backdrop-filter:blur(var(--backdrop-blur));opacity:1;transition-duration:var(--backdrop-transition-duration);transition-timing-function:var(--backdrop-transition-mode);transition-property:var(--backdrop-transition-property)}:root[theme=joy] .cdk-overlay-backdrop.mosaik-cdk-backdrop{--backdrop-background-color: var(--joy-scheme-semi-transparent);--backdrop-blur: 4px;--backdrop-transition-duration: var(--mosaik-duration-short);--backdrop-transition-mode: ease;--backdrop-transition-property: opacity, backdrop-filter}:root[theme=memphis] .cdk-overlay-backdrop.mosaik-cdk-backdrop{--backdrop-background-color: var(--memphis-scheme-semi-transparent);--backdrop-blur: none;--backdrop-transition-duration: .2s;--backdrop-transition-mode: ease;--backdrop-transition-property: opacity}:root[theme=cosmopolitan] .cdk-overlay-backdrop.mosaik-cdk-backdrop{--backdrop-background-color: var(--cosmopolitan-scheme-semi-transparent);--backdrop-blur: none;--backdrop-transition-duration: .2s;--backdrop-transition-mode: ease;--backdrop-transition-property: opacity}@media screen and (prefers-reduced-motion:reduce){.cdk-overlay-backdrop.mosaik-cdk-backdrop{transition-duration:.01ms}}.cdk-overlay-pane.mosaik-cdk-overlay-pane{pointer-events:none}.mosaik-cdk-overlay-pane mosaik-dialog::part(backdrop),.mosaik-cdk-overlay-pane mosaik-drawer::part(backdrop),.mosaik-cdk-overlay-pane mosaik-message-box::part(backdrop),.mosaik-cdk-overlay-pane mosaik-sheet::part(backdrop),.mosaik-cdk-overlay-pane mosaik-toast::part(backdrop){opacity:0;pointer-events:none;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: CdkScrollable, selector: "[cdk-scrollable], [cdkScrollable]" }, { kind: "directive", type: CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { kind: "component", type: SheetComponent, selector: "mosaik-sheet", inputs: ["height", "themeName", "isOpen", "hasBackdrop", "pressEscapeToClose", "clickOutsideToClose", "closeable", "dir", "lang"], outputs: ["opened", "closed", "connected", "disconnected", "changed"] }, { kind: "component", type: SheetHeaderComponent, selector: "mosaik-sheet-header", inputs: ["text", "subText", "themeName", "formatter", "dir", "lang"], outputs: ["connected", "disconnected", "changed"] }, { kind: "component", type: SheetHeaderTextComponent, selector: "mosaik-sheet-header-text", inputs: ["text", "themeName", "formatter", "dir", "lang"], outputs: ["connected", "disconnected", "changed"] }, { kind: "component", type: SheetHeaderSubTextComponent, selector: "mosaik-sheet-header-sub-text", inputs: ["text", "themeName", "formatter", "dir", "lang"], outputs: ["connected", "disconnected", "changed"] }, { kind: "component", type: SheetContentComponent, selector: "mosaik-sheet-content", inputs: ["text", "themeName", "formatter", "dir", "lang"], outputs: ["connected", "disconnected", "changed"] }, { kind: "component", type: SheetFooterComponent, selector: "mosaik-sheet-footer", inputs: ["themeName", "dir", "lang"], outputs: ["connected", "disconnected", "changed"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: OfPipe, name: "of" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
18230
18230
|
}
|
|
18231
18231
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: SheetPortalComponent, decorators: [{
|
|
18232
18232
|
type: Component,
|
|
@@ -18246,7 +18246,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImpor
|
|
|
18246
18246
|
SheetHeaderSubTextComponent,
|
|
18247
18247
|
SheetContentComponent,
|
|
18248
18248
|
SheetFooterComponent
|
|
18249
|
-
], template: "<mosaik-sheet [closeable]=\"this.sheetConfig?.closeable ?? false\"\n [height]=\"this.sheetConfig?.height ?? 'auto'\">\n @if (this.headerTemplate; as template) {\n <ng-container [ngTemplateOutlet]=\"template\" />\n } @else if ((this.sheetConfig?.header | of | async) || this.sheetConfig?.closeable) {\n <mosaik-sheet-header>\n <mosaik-sheet-header-text [text]=\"(this.sheetConfig?.header | of | async) ?? ''\" />\n <mosaik-sheet-header-sub-text [text]=\"(this.sheetConfig?.subheader | of | async) ?? ''\" />\n </mosaik-sheet-header>\n }\n <mosaik-sheet-content cdkScrollable>\n @if (this.contentTemplate; as template) {\n <ng-container [ngTemplateOutlet]=\"template\" />\n }\n <ng-template cdkPortalOutlet />\n </mosaik-sheet-content>\n @if (this.footerTemplate; as template) {\n <mosaik-sheet-footer>\n <ng-container [ngTemplateOutlet]=\"template\" />\n </mosaik-sheet-footer>\n }\n</mosaik-sheet>", styles: [".cdk-overlay-backdrop.mosaik-cdk-backdrop{--backdrop-background-color: var(--joy-scheme-semi-transparent);--backdrop-blur: 4px;--backdrop-transition-duration: var(--
|
|
18249
|
+
], template: "<mosaik-sheet [closeable]=\"this.sheetConfig?.closeable ?? false\"\n [height]=\"this.sheetConfig?.height ?? 'auto'\">\n @if (this.headerTemplate; as template) {\n <ng-container [ngTemplateOutlet]=\"template\" />\n } @else if ((this.sheetConfig?.header | of | async) || this.sheetConfig?.closeable) {\n <mosaik-sheet-header>\n <mosaik-sheet-header-text [text]=\"(this.sheetConfig?.header | of | async) ?? ''\" />\n <mosaik-sheet-header-sub-text [text]=\"(this.sheetConfig?.subheader | of | async) ?? ''\" />\n </mosaik-sheet-header>\n }\n <mosaik-sheet-content cdkScrollable>\n @if (this.contentTemplate; as template) {\n <ng-container [ngTemplateOutlet]=\"template\" />\n }\n <ng-template cdkPortalOutlet />\n </mosaik-sheet-content>\n @if (this.footerTemplate; as template) {\n <mosaik-sheet-footer>\n <ng-container [ngTemplateOutlet]=\"template\" />\n </mosaik-sheet-footer>\n }\n</mosaik-sheet>", styles: [".cdk-overlay-backdrop.mosaik-cdk-backdrop{--backdrop-background-color: var(--joy-scheme-semi-transparent);--backdrop-blur: 4px;--backdrop-transition-duration: var(--mosaik-duration-short);--backdrop-transition-mode: ease;--backdrop-transition-property: opacity, backdrop-filter;background:var(--backdrop-background-color);-webkit-backdrop-filter:blur(var(--backdrop-blur));backdrop-filter:blur(var(--backdrop-blur));opacity:1;transition-duration:var(--backdrop-transition-duration);transition-timing-function:var(--backdrop-transition-mode);transition-property:var(--backdrop-transition-property)}:root[theme=joy] .cdk-overlay-backdrop.mosaik-cdk-backdrop{--backdrop-background-color: var(--joy-scheme-semi-transparent);--backdrop-blur: 4px;--backdrop-transition-duration: var(--mosaik-duration-short);--backdrop-transition-mode: ease;--backdrop-transition-property: opacity, backdrop-filter}:root[theme=memphis] .cdk-overlay-backdrop.mosaik-cdk-backdrop{--backdrop-background-color: var(--memphis-scheme-semi-transparent);--backdrop-blur: none;--backdrop-transition-duration: .2s;--backdrop-transition-mode: ease;--backdrop-transition-property: opacity}:root[theme=cosmopolitan] .cdk-overlay-backdrop.mosaik-cdk-backdrop{--backdrop-background-color: var(--cosmopolitan-scheme-semi-transparent);--backdrop-blur: none;--backdrop-transition-duration: .2s;--backdrop-transition-mode: ease;--backdrop-transition-property: opacity}@media screen and (prefers-reduced-motion:reduce){.cdk-overlay-backdrop.mosaik-cdk-backdrop{transition-duration:.01ms}}.cdk-overlay-pane.mosaik-cdk-overlay-pane{pointer-events:none}.mosaik-cdk-overlay-pane mosaik-dialog::part(backdrop),.mosaik-cdk-overlay-pane mosaik-drawer::part(backdrop),.mosaik-cdk-overlay-pane mosaik-message-box::part(backdrop),.mosaik-cdk-overlay-pane mosaik-sheet::part(backdrop),.mosaik-cdk-overlay-pane mosaik-toast::part(backdrop){opacity:0;pointer-events:none;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}\n"] }]
|
|
18250
18250
|
}], ctorParameters: () => [], propDecorators: { _portal: [{
|
|
18251
18251
|
type: ViewChild,
|
|
18252
18252
|
args: [CdkPortalOutlet, { static: true }]
|
|
@@ -19099,7 +19099,7 @@ class ToastPortalComponent extends PortalComponent$1 {
|
|
|
19099
19099
|
return this._config;
|
|
19100
19100
|
}
|
|
19101
19101
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: ToastPortalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
19102
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.2", type: ToastPortalComponent, isStandalone: true, selector: "mosaik-toast-portal", host: { classAttribute: "toast-portal" }, viewQueries: [{ propertyName: "_portal", first: true, predicate: CdkPortalOutlet, descendants: true, static: true }, { propertyName: "_component", first: true, predicate: ToastComponent, descendants: true, static: true }], exportAs: ["mosaikToastPortal"], usesInheritance: true, ngImport: i0, template: "<mosaik-toast [variant]=\"this.config?.variant ?? 'default'\"\n [closeable]=\"this.config?.closeable ?? false\"\n [enter]=\"this.config?.enter ?? null\"\n [exit]=\"this.config?.exit ?? null\">\n <ng-template cdkPortalOutlet></ng-template>\n</mosaik-toast>", styles: [".cdk-overlay-backdrop.mosaik-cdk-backdrop{--backdrop-background-color: var(--joy-scheme-semi-transparent);--backdrop-blur: 4px;--backdrop-transition-duration: var(--
|
|
19102
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.2", type: ToastPortalComponent, isStandalone: true, selector: "mosaik-toast-portal", host: { classAttribute: "toast-portal" }, viewQueries: [{ propertyName: "_portal", first: true, predicate: CdkPortalOutlet, descendants: true, static: true }, { propertyName: "_component", first: true, predicate: ToastComponent, descendants: true, static: true }], exportAs: ["mosaikToastPortal"], usesInheritance: true, ngImport: i0, template: "<mosaik-toast [variant]=\"this.config?.variant ?? 'default'\"\n [closeable]=\"this.config?.closeable ?? false\"\n [enter]=\"this.config?.enter ?? null\"\n [exit]=\"this.config?.exit ?? null\">\n <ng-template cdkPortalOutlet></ng-template>\n</mosaik-toast>", styles: [".cdk-overlay-backdrop.mosaik-cdk-backdrop{--backdrop-background-color: var(--joy-scheme-semi-transparent);--backdrop-blur: 4px;--backdrop-transition-duration: var(--mosaik-duration-short);--backdrop-transition-mode: ease;--backdrop-transition-property: opacity, backdrop-filter;background:var(--backdrop-background-color);-webkit-backdrop-filter:blur(var(--backdrop-blur));backdrop-filter:blur(var(--backdrop-blur));opacity:1;transition-duration:var(--backdrop-transition-duration);transition-timing-function:var(--backdrop-transition-mode);transition-property:var(--backdrop-transition-property)}:root[theme=joy] .cdk-overlay-backdrop.mosaik-cdk-backdrop{--backdrop-background-color: var(--joy-scheme-semi-transparent);--backdrop-blur: 4px;--backdrop-transition-duration: var(--mosaik-duration-short);--backdrop-transition-mode: ease;--backdrop-transition-property: opacity, backdrop-filter}:root[theme=memphis] .cdk-overlay-backdrop.mosaik-cdk-backdrop{--backdrop-background-color: var(--memphis-scheme-semi-transparent);--backdrop-blur: none;--backdrop-transition-duration: .2s;--backdrop-transition-mode: ease;--backdrop-transition-property: opacity}:root[theme=cosmopolitan] .cdk-overlay-backdrop.mosaik-cdk-backdrop{--backdrop-background-color: var(--cosmopolitan-scheme-semi-transparent);--backdrop-blur: none;--backdrop-transition-duration: .2s;--backdrop-transition-mode: ease;--backdrop-transition-property: opacity}@media screen and (prefers-reduced-motion:reduce){.cdk-overlay-backdrop.mosaik-cdk-backdrop{transition-duration:.01ms}}.cdk-overlay-pane.mosaik-cdk-overlay-pane{pointer-events:none}.mosaik-cdk-overlay-pane mosaik-dialog::part(backdrop),.mosaik-cdk-overlay-pane mosaik-drawer::part(backdrop),.mosaik-cdk-overlay-pane mosaik-message-box::part(backdrop),.mosaik-cdk-overlay-pane mosaik-sheet::part(backdrop),.mosaik-cdk-overlay-pane mosaik-toast::part(backdrop){opacity:0;pointer-events:none;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}\n"], dependencies: [{ kind: "directive", type: CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { kind: "component", type: ToastComponent, selector: "mosaik-toast", inputs: ["header", "content", "timeout", "position", "showProgress", "themeName", "animationTarget", "enter", "exit", "variant", "formatter", "isBusy", "isOpen", "hasBackdrop", "pressEscapeToClose", "clickOutsideToClose", "closeable", "dir", "lang"], outputs: ["opened", "closed", "connected", "disconnected", "changed"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
19103
19103
|
}
|
|
19104
19104
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: ToastPortalComponent, decorators: [{
|
|
19105
19105
|
type: Component,
|
|
@@ -19108,7 +19108,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImpor
|
|
|
19108
19108
|
}, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [
|
|
19109
19109
|
CdkPortalOutlet,
|
|
19110
19110
|
ToastComponent
|
|
19111
|
-
], template: "<mosaik-toast [variant]=\"this.config?.variant ?? 'default'\"\n [closeable]=\"this.config?.closeable ?? false\"\n [enter]=\"this.config?.enter ?? null\"\n [exit]=\"this.config?.exit ?? null\">\n <ng-template cdkPortalOutlet></ng-template>\n</mosaik-toast>", styles: [".cdk-overlay-backdrop.mosaik-cdk-backdrop{--backdrop-background-color: var(--joy-scheme-semi-transparent);--backdrop-blur: 4px;--backdrop-transition-duration: var(--
|
|
19111
|
+
], template: "<mosaik-toast [variant]=\"this.config?.variant ?? 'default'\"\n [closeable]=\"this.config?.closeable ?? false\"\n [enter]=\"this.config?.enter ?? null\"\n [exit]=\"this.config?.exit ?? null\">\n <ng-template cdkPortalOutlet></ng-template>\n</mosaik-toast>", styles: [".cdk-overlay-backdrop.mosaik-cdk-backdrop{--backdrop-background-color: var(--joy-scheme-semi-transparent);--backdrop-blur: 4px;--backdrop-transition-duration: var(--mosaik-duration-short);--backdrop-transition-mode: ease;--backdrop-transition-property: opacity, backdrop-filter;background:var(--backdrop-background-color);-webkit-backdrop-filter:blur(var(--backdrop-blur));backdrop-filter:blur(var(--backdrop-blur));opacity:1;transition-duration:var(--backdrop-transition-duration);transition-timing-function:var(--backdrop-transition-mode);transition-property:var(--backdrop-transition-property)}:root[theme=joy] .cdk-overlay-backdrop.mosaik-cdk-backdrop{--backdrop-background-color: var(--joy-scheme-semi-transparent);--backdrop-blur: 4px;--backdrop-transition-duration: var(--mosaik-duration-short);--backdrop-transition-mode: ease;--backdrop-transition-property: opacity, backdrop-filter}:root[theme=memphis] .cdk-overlay-backdrop.mosaik-cdk-backdrop{--backdrop-background-color: var(--memphis-scheme-semi-transparent);--backdrop-blur: none;--backdrop-transition-duration: .2s;--backdrop-transition-mode: ease;--backdrop-transition-property: opacity}:root[theme=cosmopolitan] .cdk-overlay-backdrop.mosaik-cdk-backdrop{--backdrop-background-color: var(--cosmopolitan-scheme-semi-transparent);--backdrop-blur: none;--backdrop-transition-duration: .2s;--backdrop-transition-mode: ease;--backdrop-transition-property: opacity}@media screen and (prefers-reduced-motion:reduce){.cdk-overlay-backdrop.mosaik-cdk-backdrop{transition-duration:.01ms}}.cdk-overlay-pane.mosaik-cdk-overlay-pane{pointer-events:none}.mosaik-cdk-overlay-pane mosaik-dialog::part(backdrop),.mosaik-cdk-overlay-pane mosaik-drawer::part(backdrop),.mosaik-cdk-overlay-pane mosaik-message-box::part(backdrop),.mosaik-cdk-overlay-pane mosaik-sheet::part(backdrop),.mosaik-cdk-overlay-pane mosaik-toast::part(backdrop){opacity:0;pointer-events:none;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}\n"] }]
|
|
19112
19112
|
}], ctorParameters: () => [], propDecorators: { _portal: [{
|
|
19113
19113
|
type: ViewChild,
|
|
19114
19114
|
args: [CdkPortalOutlet, { static: true }]
|