@breadstone/mosaik-elements-angular 0.0.106 → 0.0.107

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,9 @@
1
+ ## 0.0.107 (2025-08-15)
2
+
3
+ ### 🚀 Features
4
+
5
+ - **instructions:** add guideline for using "const object + derived union" pattern chore: update release version to 0.0.106 ([28ffdf76fb](https://github.com/RueDeRennes/mosaik/commit/28ffdf76fb))
6
+
1
7
  ## 0.0.106 (2025-08-15)
2
8
 
3
9
  ### 🚀 Features
@@ -54864,7 +54864,7 @@ class DialogPortalComponent extends PortalComponent {
54864
54864
  return this._portalOutlet;
54865
54865
  }
54866
54866
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: DialogPortalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
54867
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.6", type: DialogPortalComponent, isStandalone: true, selector: "mosaik-dialog-portal", host: { classAttribute: "dialog-portal" }, viewQueries: [{ propertyName: "_portalOutlet", first: true, predicate: CdkPortalOutlet, descendants: true, static: true }, { propertyName: "_dialog", first: true, predicate: DialogComponent, descendants: true, static: true }], exportAs: ["mosaikDialogPortal"], usesInheritance: true, ngImport: i0, template: "<mosaik-dialog>\n @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 <ng-template cdkPortalOutlet />\n </mosaik-dialog-content>\n @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' ? 'plain' : 'default'\"\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</mosaik-dialog>", dependencies: [{ 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: 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 });
54867
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.6", type: DialogPortalComponent, isStandalone: true, selector: "mosaik-dialog-portal", host: { classAttribute: "dialog-portal" }, viewQueries: [{ propertyName: "_portalOutlet", first: true, predicate: CdkPortalOutlet, descendants: true, static: true }, { propertyName: "_dialog", 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.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 <ng-template cdkPortalOutlet />\n </mosaik-dialog-content>\n @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</mosaik-dialog>", dependencies: [{ 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: 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 });
54868
54868
  }
54869
54869
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: DialogPortalComponent, decorators: [{
54870
54870
  type: Component,
@@ -54881,7 +54881,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImpor
54881
54881
  DialogHeaderSubTextComponent,
54882
54882
  DialogActionsComponent,
54883
54883
  ButtonComponent
54884
- ], template: "<mosaik-dialog>\n @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 <ng-template cdkPortalOutlet />\n </mosaik-dialog-content>\n @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' ? 'plain' : 'default'\"\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</mosaik-dialog>" }]
54884
+ ], 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.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 <ng-template cdkPortalOutlet />\n </mosaik-dialog-content>\n @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</mosaik-dialog>" }]
54885
54885
  }], ctorParameters: () => [], propDecorators: { _portalOutlet: [{
54886
54886
  type: ViewChild,
54887
54887
  args: [CdkPortalOutlet, { static: true }]
@@ -55172,8 +55172,7 @@ class PortalProvider {
55172
55172
  * @protected
55173
55173
  */
55174
55174
  createComponent(portal, overlayRef, component, config) {
55175
- const containerRef = overlayRef.attach(portal);
55176
- return containerRef;
55175
+ return overlayRef.attach(portal);
55177
55176
  }
55178
55177
  /**
55179
55178
  * @protected
@@ -55351,6 +55350,7 @@ class DialogService extends PortalProvider {
55351
55350
  createPortalInjector(config) {
55352
55351
  return new StatelessInjector(this.injector, [
55353
55352
  [DIALOG_CONFIG, config]
55353
+ // [DIALOG_REF, ref]
55354
55354
  ]);
55355
55355
  }
55356
55356
  /**
@@ -55399,8 +55399,7 @@ class DialogService extends PortalProvider {
55399
55399
  }
55400
55400
  });
55401
55401
  }
55402
- const containerRef = overlayRef.attach(portal);
55403
- return containerRef;
55402
+ return super.createComponent(portal, overlayRef, _component, config);
55404
55403
  }
55405
55404
  /**
55406
55405
  * @private