@breadstone/mosaik-elements-angular 0.0.116 → 0.0.118

package/CHANGELOG.md

@@ -1,3 +1,16 @@
+## 0.0.118 (2025-08-18)
+
+### 🩹 Fixes
+
+- **dialog:** add width and height bindings to dialog component ([3f246e26d4](https://github.com/RueDeRennes/mosaik/commit/3f246e26d4))
+- **dialog:** update part name from 'scroller' to 'scroll' in dialog content styles chore: update release version to 0.0.117 in package.json ([b6605f00c0](https://github.com/RueDeRennes/mosaik/commit/b6605f00c0))
+
+## 0.0.117 (2025-08-18)
+
+### 🩹 Fixes
+
+- **dialog): correct part name from 'scroller' to 'scroll' in _DialogContentElement.scss chore(release:** update release script version to 0.0.116 in package.json ([549b90aade](https://github.com/RueDeRennes/mosaik/commit/549b90aade))
+
 ## 0.0.116 (2025-08-18)
 
 ### 🚀 Features

package/fesm2022/mosaik-elements-angular.mjs

@@ -55025,7 +55025,7 @@ class DialogPortalComponent extends PortalComponent {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: DialogPortalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.6", type: DialogPortalComponent, isStandalone: true, selector: "mosaik-dialog-portal", host: { classAttribute: "dialog-portal" }, providers: [
             provideDialogSlots()
-        ], 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    @if (this.headerTemplate; as headerTmpl) {\n    <ng-container [ngTemplateOutlet]=\"headerTmpl\" />\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 contentTmpl) {\n        <ng-container [ngTemplateOutlet]=\"contentTmpl\" />\n        } @else { }\n        <ng-template cdkPortalOutlet />\n    </mosaik-dialog-content>\n    @if (this.actionsTemplate; as actionsTmpl) {\n    <ng-container [ngTemplateOutlet]=\"actionsTmpl\" />\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 footerTmpl) {\n    <mosaik-dialog-footer>\n        <ng-container [ngTemplateOutlet]=\"footerTmpl\" />\n    </mosaik-dialog-footer>\n    }\n</mosaik-dialog>", 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", "enter", "exit", "width", "height", "elevation", "appearance", "isOpen", "hasBackdrop", "pressEscapeToClose", "clickOutsideToClose", "closeable", "dir", "lang"], outputs: ["closed", "opened", "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", "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 });
+        ], 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?.width ?? 'auto'\"\n               [height]=\"this.dialogConfig?.height ?? 'auto'\">\n    @if (this.headerTemplate; as headerTmpl) {\n    <ng-container [ngTemplateOutlet]=\"headerTmpl\" />\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 contentTmpl) {\n        <ng-container [ngTemplateOutlet]=\"contentTmpl\" />\n        } @else { }\n        <ng-template cdkPortalOutlet />\n    </mosaik-dialog-content>\n    @if (this.actionsTemplate; as actionsTmpl) {\n    <ng-container [ngTemplateOutlet]=\"actionsTmpl\" />\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 footerTmpl) {\n    <mosaik-dialog-footer>\n        <ng-container [ngTemplateOutlet]=\"footerTmpl\" />\n    </mosaik-dialog-footer>\n    }\n</mosaik-dialog>", 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", "enter", "exit", "width", "height", "elevation", "appearance", "isOpen", "hasBackdrop", "pressEscapeToClose", "clickOutsideToClose", "closeable", "dir", "lang"], outputs: ["closed", "opened", "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", "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 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: DialogPortalComponent, decorators: [{
             type: Component,
@@ -55046,7 +55046,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImpor
                         DialogActionsComponent,
                         DialogFooterComponent,
                         ButtonComponent
-                    ], 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    @if (this.headerTemplate; as headerTmpl) {\n    <ng-container [ngTemplateOutlet]=\"headerTmpl\" />\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 contentTmpl) {\n        <ng-container [ngTemplateOutlet]=\"contentTmpl\" />\n        } @else { }\n        <ng-template cdkPortalOutlet />\n    </mosaik-dialog-content>\n    @if (this.actionsTemplate; as actionsTmpl) {\n    <ng-container [ngTemplateOutlet]=\"actionsTmpl\" />\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 footerTmpl) {\n    <mosaik-dialog-footer>\n        <ng-container [ngTemplateOutlet]=\"footerTmpl\" />\n    </mosaik-dialog-footer>\n    }\n</mosaik-dialog>" }]
+                    ], 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?.width ?? 'auto'\"\n               [height]=\"this.dialogConfig?.height ?? 'auto'\">\n    @if (this.headerTemplate; as headerTmpl) {\n    <ng-container [ngTemplateOutlet]=\"headerTmpl\" />\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 contentTmpl) {\n        <ng-container [ngTemplateOutlet]=\"contentTmpl\" />\n        } @else { }\n        <ng-template cdkPortalOutlet />\n    </mosaik-dialog-content>\n    @if (this.actionsTemplate; as actionsTmpl) {\n    <ng-container [ngTemplateOutlet]=\"actionsTmpl\" />\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 footerTmpl) {\n    <mosaik-dialog-footer>\n        <ng-container [ngTemplateOutlet]=\"footerTmpl\" />\n    </mosaik-dialog-footer>\n    }\n</mosaik-dialog>" }]
         }], ctorParameters: () => [], propDecorators: { _portal: [{
                 type: ViewChild,
                 args: [CdkPortalOutlet, { static: true }]