@breadstone/mosaik-elements-angular 0.0.117 → 0.0.119
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 +17 -0
- package/fesm2022/mosaik-elements-angular.mjs +29 -5
- package/fesm2022/mosaik-elements-angular.mjs.map +1 -1
- package/index.d.ts +5 -1
- package/index.d.ts.map +1 -1
- package/package.json +3 -3
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,20 @@
|
|
|
1
|
+
## 0.0.119 (2025-08-18)
|
|
2
|
+
|
|
3
|
+
### 🚀 Features
|
|
4
|
+
|
|
5
|
+
- **wizard:** add isFirstStep and isLastStep properties to Wizard component ([b398a839e2](https://github.com/RueDeRennes/mosaik/commit/b398a839e2))
|
|
6
|
+
|
|
7
|
+
### 🩹 Fixes
|
|
8
|
+
|
|
9
|
+
- **release:** update version to 0.0.118 in release script ([4ac4717314](https://github.com/RueDeRennes/mosaik/commit/4ac4717314))
|
|
10
|
+
|
|
11
|
+
## 0.0.118 (2025-08-18)
|
|
12
|
+
|
|
13
|
+
### 🩹 Fixes
|
|
14
|
+
|
|
15
|
+
- **dialog:** add width and height bindings to dialog component ([3f246e26d4](https://github.com/RueDeRennes/mosaik/commit/3f246e26d4))
|
|
16
|
+
- **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))
|
|
17
|
+
|
|
1
18
|
## 0.0.117 (2025-08-18)
|
|
2
19
|
|
|
3
20
|
### 🩹 Fixes
|
|
@@ -54250,6 +54250,26 @@ let WizardComponent = class WizardComponent {
|
|
|
54250
54250
|
this._element.activeIndex = value;
|
|
54251
54251
|
});
|
|
54252
54252
|
}
|
|
54253
|
+
get isFirstStep() {
|
|
54254
|
+
// @ts-ignore - temporary fix for the type error
|
|
54255
|
+
return this._element.isFirstStep;
|
|
54256
|
+
}
|
|
54257
|
+
set isFirstStep(value) {
|
|
54258
|
+
this._zone.runOutsideAngular(() => {
|
|
54259
|
+
// @ts-ignore - temporary fix for the type error
|
|
54260
|
+
this._element.isFirstStep = value;
|
|
54261
|
+
});
|
|
54262
|
+
}
|
|
54263
|
+
get isLastStep() {
|
|
54264
|
+
// @ts-ignore - temporary fix for the type error
|
|
54265
|
+
return this._element.isLastStep;
|
|
54266
|
+
}
|
|
54267
|
+
set isLastStep(value) {
|
|
54268
|
+
this._zone.runOutsideAngular(() => {
|
|
54269
|
+
// @ts-ignore - temporary fix for the type error
|
|
54270
|
+
this._element.isLastStep = value;
|
|
54271
|
+
});
|
|
54272
|
+
}
|
|
54253
54273
|
get themeName() {
|
|
54254
54274
|
// @ts-ignore - temporary fix for the type error
|
|
54255
54275
|
return this._element.themeName;
|
|
@@ -54350,12 +54370,12 @@ let WizardComponent = class WizardComponent {
|
|
|
54350
54370
|
}
|
|
54351
54371
|
}
|
|
54352
54372
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: WizardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
54353
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.6", type: WizardComponent, isStandalone: true, selector: "mosaik-wizard", inputs: { name: "name", activeIndex: "activeIndex", themeName: "themeName", fit: "fit", disabled: "disabled", items: "items", selectedItem: "selectedItem", dir: "dir", lang: "lang" }, outputs: { activeStepChanged: "activeStepChanged", selectionChanged: "selectionChanged", itemsChanged: "itemsChanged", connected: "connected", disconnected: "disconnected", changed: "changed" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
54373
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.6", type: WizardComponent, isStandalone: true, selector: "mosaik-wizard", inputs: { name: "name", activeIndex: "activeIndex", isFirstStep: "isFirstStep", isLastStep: "isLastStep", themeName: "themeName", fit: "fit", disabled: "disabled", items: "items", selectedItem: "selectedItem", dir: "dir", lang: "lang" }, outputs: { activeStepChanged: "activeStepChanged", selectionChanged: "selectionChanged", itemsChanged: "itemsChanged", connected: "connected", disconnected: "disconnected", changed: "changed" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
54354
54374
|
};
|
|
54355
54375
|
WizardComponent = __decorate$1([
|
|
54356
54376
|
ProxyCmp({
|
|
54357
54377
|
defineCustomElementFn: () => customElements.define('mosaik-wizard', WizardElement),
|
|
54358
|
-
inputs: ['name', 'activeIndex', 'themeName', 'fit', 'disabled', 'items', 'selectedItem', 'dir', 'lang'],
|
|
54378
|
+
inputs: ['name', 'activeIndex', 'isFirstStep', 'isLastStep', 'themeName', 'fit', 'disabled', 'items', 'selectedItem', 'dir', 'lang'],
|
|
54359
54379
|
methods: ['assignToSlot', 'getSlotAssignments', 'getSlotAssignmentsOf', 'hasSlotContent', 'hasSlot', 'onSlotChanges', 'select', 'unselect', 'resetSelection', 'selectNext', 'selectPrevious', 'selectFirst', 'selectLast', 'adoptStyle', 'on', 'off', 'emit', 'requestUpdate']
|
|
54360
54380
|
}),
|
|
54361
54381
|
__metadata$1("design:paramtypes", [])
|
|
@@ -54367,13 +54387,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImpor
|
|
|
54367
54387
|
standalone: true,
|
|
54368
54388
|
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
54369
54389
|
template: '<ng-content></ng-content>',
|
|
54370
|
-
inputs: ['name', 'activeIndex', 'themeName', 'fit', 'disabled', 'items', 'selectedItem', 'dir', 'lang'],
|
|
54390
|
+
inputs: ['name', 'activeIndex', 'isFirstStep', 'isLastStep', 'themeName', 'fit', 'disabled', 'items', 'selectedItem', 'dir', 'lang'],
|
|
54371
54391
|
outputs: ['activeStepChanged', 'selectionChanged', 'itemsChanged', 'connected', 'disconnected', 'changed']
|
|
54372
54392
|
}]
|
|
54373
54393
|
}], ctorParameters: () => [], propDecorators: { name: [{
|
|
54374
54394
|
type: Input
|
|
54375
54395
|
}], activeIndex: [{
|
|
54376
54396
|
type: Input
|
|
54397
|
+
}], isFirstStep: [{
|
|
54398
|
+
type: Input
|
|
54399
|
+
}], isLastStep: [{
|
|
54400
|
+
type: Input
|
|
54377
54401
|
}], themeName: [{
|
|
54378
54402
|
type: Input
|
|
54379
54403
|
}], fit: [{
|
|
@@ -55025,7 +55049,7 @@ class DialogPortalComponent extends PortalComponent {
|
|
|
55025
55049
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: DialogPortalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
55026
55050
|
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: [
|
|
55027
55051
|
provideDialogSlots()
|
|
55028
|
-
], 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 });
|
|
55052
|
+
], 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 });
|
|
55029
55053
|
}
|
|
55030
55054
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImport: i0, type: DialogPortalComponent, decorators: [{
|
|
55031
55055
|
type: Component,
|
|
@@ -55046,7 +55070,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.6", ngImpor
|
|
|
55046
55070
|
DialogActionsComponent,
|
|
55047
55071
|
DialogFooterComponent,
|
|
55048
55072
|
ButtonComponent
|
|
55049
|
-
], 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>" }]
|
|
55073
|
+
], 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>" }]
|
|
55050
55074
|
}], ctorParameters: () => [], propDecorators: { _portal: [{
|
|
55051
55075
|
type: ViewChild,
|
|
55052
55076
|
args: [CdkPortalOutlet, { static: true }]
|