@breadstone/mosaik-elements-angular 0.1.22 → 0.1.25
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
|
@@ -1,3 +1,15 @@
|
|
|
1
|
+
## 0.1.25 (2026-06-22)
|
|
2
|
+
|
|
3
|
+
This was a version bump only for mosaik-elements-angular to align it with other projects, there were no code changes.
|
|
4
|
+
|
|
5
|
+
## 0.1.24 (2026-06-20)
|
|
6
|
+
|
|
7
|
+
This was a version bump only for mosaik-elements-angular to align it with other projects, there were no code changes.
|
|
8
|
+
|
|
9
|
+
## 0.1.23 (2026-06-20)
|
|
10
|
+
|
|
11
|
+
This was a version bump only for mosaik-elements-angular to align it with other projects, there were no code changes.
|
|
12
|
+
|
|
1
13
|
## 0.1.22 (2026-06-20)
|
|
2
14
|
|
|
3
15
|
### 🚀 Features
|
|
@@ -5952,7 +5952,10 @@ function ensureGetItemDefinitionsPatched(element) {
|
|
|
5952
5952
|
return definitions.map((def) => {
|
|
5953
5953
|
const override = overrides.get(def.key);
|
|
5954
5954
|
if (override) {
|
|
5955
|
-
return {
|
|
5955
|
+
return {
|
|
5956
|
+
...def,
|
|
5957
|
+
...override
|
|
5958
|
+
};
|
|
5956
5959
|
}
|
|
5957
5960
|
return def;
|
|
5958
5961
|
});
|
|
@@ -6041,10 +6044,10 @@ class ItemDefDirective {
|
|
|
6041
6044
|
*/
|
|
6042
6045
|
itemKey;
|
|
6043
6046
|
/**
|
|
6044
|
-
|
|
6045
|
-
|
|
6046
|
-
|
|
6047
|
-
|
|
6047
|
+
* The item cell template directive.
|
|
6048
|
+
*
|
|
6049
|
+
* @public
|
|
6050
|
+
*/
|
|
6048
6051
|
itemCellDef;
|
|
6049
6052
|
// #endregion
|
|
6050
6053
|
// #region Methods
|
|
@@ -6074,7 +6077,7 @@ class ItemDefDirective {
|
|
|
6074
6077
|
* @private
|
|
6075
6078
|
*/
|
|
6076
6079
|
applyTemplates() {
|
|
6077
|
-
this._nativeElement = this._dataList.
|
|
6080
|
+
this._nativeElement = this._dataList.elementRef.nativeElement;
|
|
6078
6081
|
const overrides = {};
|
|
6079
6082
|
if (this.itemCellDef) {
|
|
6080
6083
|
overrides.itemTemplate = this.createItemTemplateCallback(this.itemCellDef);
|
|
@@ -6127,6 +6130,7 @@ class ItemDefDirective {
|
|
|
6127
6130
|
*/
|
|
6128
6131
|
cleanupDisconnectedViews() {
|
|
6129
6132
|
let writeIndex = 0;
|
|
6133
|
+
// eslint-disable-next-line @typescript-eslint/prefer-for-of
|
|
6130
6134
|
for (let readIndex = 0; readIndex < this._views.length; readIndex++) {
|
|
6131
6135
|
const view = this._views[readIndex];
|
|
6132
6136
|
const isConnected = view.rootNodes.some((node) => node.isConnected);
|
|
@@ -6150,7 +6154,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImpor
|
|
|
6150
6154
|
}]
|
|
6151
6155
|
}], ctorParameters: () => [], propDecorators: { itemKey: [{
|
|
6152
6156
|
type: Input,
|
|
6153
|
-
args: [{
|
|
6157
|
+
args: [{
|
|
6158
|
+
required: true,
|
|
6159
|
+
alias: 'mosaikItemDef'
|
|
6160
|
+
}]
|
|
6154
6161
|
}], itemCellDef: [{
|
|
6155
6162
|
type: ContentChild,
|
|
6156
6163
|
args: [ItemCellDefDirective]
|
|
@@ -6802,7 +6809,10 @@ function ensureGetColumnsPatched(element) {
|
|
|
6802
6809
|
return columns.map((col) => {
|
|
6803
6810
|
const override = overrides.get(col.key);
|
|
6804
6811
|
if (override) {
|
|
6805
|
-
return {
|
|
6812
|
+
return {
|
|
6813
|
+
...col,
|
|
6814
|
+
...override
|
|
6815
|
+
};
|
|
6806
6816
|
}
|
|
6807
6817
|
return col;
|
|
6808
6818
|
});
|
|
@@ -6895,16 +6905,16 @@ class ColumnDefDirective {
|
|
|
6895
6905
|
*/
|
|
6896
6906
|
columnKey;
|
|
6897
6907
|
/**
|
|
6898
|
-
|
|
6899
|
-
|
|
6900
|
-
|
|
6901
|
-
|
|
6908
|
+
* The cell template directive for body cells.
|
|
6909
|
+
*
|
|
6910
|
+
* @public
|
|
6911
|
+
*/
|
|
6902
6912
|
cellDef;
|
|
6903
6913
|
/**
|
|
6904
|
-
|
|
6905
|
-
|
|
6906
|
-
|
|
6907
|
-
|
|
6914
|
+
* The header cell template directive.
|
|
6915
|
+
*
|
|
6916
|
+
* @public
|
|
6917
|
+
*/
|
|
6908
6918
|
headerCellDef;
|
|
6909
6919
|
// #endregion
|
|
6910
6920
|
// #region Methods
|
|
@@ -6934,7 +6944,7 @@ class ColumnDefDirective {
|
|
|
6934
6944
|
* @private
|
|
6935
6945
|
*/
|
|
6936
6946
|
applyTemplates() {
|
|
6937
|
-
this._nativeElement = this._dataTable.
|
|
6947
|
+
this._nativeElement = this._dataTable.elementRef.nativeElement;
|
|
6938
6948
|
const overrides = {};
|
|
6939
6949
|
if (this.cellDef) {
|
|
6940
6950
|
overrides.cellTemplate = this.createCellTemplateCallback(this.cellDef);
|
|
@@ -7011,6 +7021,7 @@ class ColumnDefDirective {
|
|
|
7011
7021
|
*/
|
|
7012
7022
|
cleanupDisconnectedViews() {
|
|
7013
7023
|
let writeIndex = 0;
|
|
7024
|
+
// eslint-disable-next-line @typescript-eslint/prefer-for-of
|
|
7014
7025
|
for (let readIndex = 0; readIndex < this._views.length; readIndex++) {
|
|
7015
7026
|
const view = this._views[readIndex];
|
|
7016
7027
|
const isConnected = view.rootNodes.some((node) => node.isConnected);
|
|
@@ -7034,7 +7045,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImpor
|
|
|
7034
7045
|
}]
|
|
7035
7046
|
}], ctorParameters: () => [], propDecorators: { columnKey: [{
|
|
7036
7047
|
type: Input,
|
|
7037
|
-
args: [{
|
|
7048
|
+
args: [{
|
|
7049
|
+
required: true,
|
|
7050
|
+
alias: 'mosaikColumnDef'
|
|
7051
|
+
}]
|
|
7038
7052
|
}], cellDef: [{
|
|
7039
7053
|
type: ContentChild,
|
|
7040
7054
|
args: [CellDefDirective]
|
|
@@ -12122,7 +12136,7 @@ class DialogPortalComponent extends PortalComponent$1 {
|
|
|
12122
12136
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: DialogPortalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
12123
12137
|
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
12138
|
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(--
|
|
12139
|
+
], 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
12140
|
}
|
|
12127
12141
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: DialogPortalComponent, decorators: [{
|
|
12128
12142
|
type: Component,
|
|
@@ -12143,7 +12157,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImpor
|
|
|
12143
12157
|
DialogActionsComponent,
|
|
12144
12158
|
DialogFooterComponent,
|
|
12145
12159
|
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(--
|
|
12160
|
+
], 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
12161
|
}], ctorParameters: () => [], propDecorators: { _portal: [{
|
|
12148
12162
|
type: ViewChild,
|
|
12149
12163
|
args: [CdkPortalOutlet, { static: true }]
|
|
@@ -15471,7 +15485,7 @@ class DrawerPortalComponent extends PortalComponent$1 {
|
|
|
15471
15485
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: DrawerPortalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
15472
15486
|
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
15487
|
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(--
|
|
15488
|
+
], 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
15489
|
}
|
|
15476
15490
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: DrawerPortalComponent, decorators: [{
|
|
15477
15491
|
type: Component,
|
|
@@ -15494,7 +15508,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImpor
|
|
|
15494
15508
|
DismissComponent,
|
|
15495
15509
|
ButtonComponent,
|
|
15496
15510
|
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(--
|
|
15511
|
+
], 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
15512
|
}], ctorParameters: () => [], propDecorators: { _portal: [{
|
|
15499
15513
|
type: ViewChild,
|
|
15500
15514
|
args: [CdkPortalOutlet, { static: true }]
|
|
@@ -16626,7 +16640,7 @@ class MessageBoxPortalComponent extends PortalComponent$1 {
|
|
|
16626
16640
|
return this._config;
|
|
16627
16641
|
}
|
|
16628
16642
|
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(--
|
|
16643
|
+
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
16644
|
}
|
|
16631
16645
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: MessageBoxPortalComponent, decorators: [{
|
|
16632
16646
|
type: Component,
|
|
@@ -16635,7 +16649,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImpor
|
|
|
16635
16649
|
}, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [
|
|
16636
16650
|
CdkPortalOutlet,
|
|
16637
16651
|
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(--
|
|
16652
|
+
], 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
16653
|
}], ctorParameters: () => [], propDecorators: { _portal: [{
|
|
16640
16654
|
type: ViewChild,
|
|
16641
16655
|
args: [CdkPortalOutlet, { static: true }]
|
|
@@ -18226,7 +18240,7 @@ class SheetPortalComponent extends PortalComponent$1 {
|
|
|
18226
18240
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: SheetPortalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
18227
18241
|
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
18242
|
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(--
|
|
18243
|
+
], 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
18244
|
}
|
|
18231
18245
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: SheetPortalComponent, decorators: [{
|
|
18232
18246
|
type: Component,
|
|
@@ -18246,7 +18260,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImpor
|
|
|
18246
18260
|
SheetHeaderSubTextComponent,
|
|
18247
18261
|
SheetContentComponent,
|
|
18248
18262
|
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(--
|
|
18263
|
+
], 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
18264
|
}], ctorParameters: () => [], propDecorators: { _portal: [{
|
|
18251
18265
|
type: ViewChild,
|
|
18252
18266
|
args: [CdkPortalOutlet, { static: true }]
|
|
@@ -19099,7 +19113,7 @@ class ToastPortalComponent extends PortalComponent$1 {
|
|
|
19099
19113
|
return this._config;
|
|
19100
19114
|
}
|
|
19101
19115
|
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(--
|
|
19116
|
+
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
19117
|
}
|
|
19104
19118
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImport: i0, type: ToastPortalComponent, decorators: [{
|
|
19105
19119
|
type: Component,
|
|
@@ -19108,7 +19122,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.2", ngImpor
|
|
|
19108
19122
|
}, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, imports: [
|
|
19109
19123
|
CdkPortalOutlet,
|
|
19110
19124
|
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(--
|
|
19125
|
+
], 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
19126
|
}], ctorParameters: () => [], propDecorators: { _portal: [{
|
|
19113
19127
|
type: ViewChild,
|
|
19114
19128
|
args: [CdkPortalOutlet, { static: true }]
|