@breadstone/mosaik-elements-angular 0.1.9 → 0.1.10

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+## 0.1.10 (2026-06-13)
+
+### 🚀 Features
+
+- **stepper:** enhance stepper component with slot handling and styling improvements ([b11dd29f63](https://github.com/RueDeRennes/mosaik/commit/b11dd29f63))
+- **empty-state:** update slots for header and content in EmptyStateElement ([491a61d272](https://github.com/RueDeRennes/mosaik/commit/491a61d272))
+
 ## 0.1.9 (2026-06-10)
 
 This was a version bump only for mosaik-elements-angular to align it with other projects, there were no code changes.

package/fesm2022/mosaik-elements-angular.mjs

@@ -7033,6 +7033,7 @@ const STEPPER_DEFAULT_PROPS = new InjectionToken('MOSAIK_STEPPER_DEFAULT_PROPS')
 /**
  * @public
  *
+ * @slot ${`step-${index}`} - The ${`step-${index}`} slot.
  * @slot footer - Custom footer content below the stepper content
  * @slot steps - The stepper item elements (mosaik-stepper-item)
  * @slot  - Default slot for selector item elements
@@ -7233,7 +7234,7 @@ StepperComponent = __decorate$4x([
     ProxyCmp({
         defineCustomElementFn: () => defineCustomElement('mosaik-stepper', StepperElement),
         inputs: ['activeIndex', 'isFirstStep', 'isLastStep', 'themeName', 'fit', 'disabled', 'orientation', 'items', 'selectedItem', 'dir', 'lang'],
-        methods: ['onStepInvoked', 'assignToSlot', 'getSlotAssignments', 'getSlotAssignmentsOf', 'getSlotContent', 'hasSlotContent', 'hasSlot', 'onSlotChanges', 'select', 'deselect', 'resetSelection', 'selectNext', 'selectPrevious', 'selectFirst', 'selectLast']
+        methods: ['onSlotChanges', 'assignToSlot', 'getSlotAssignments', 'getSlotAssignmentsOf', 'getSlotContent', 'hasSlotContent', 'hasSlot', 'select', 'deselect', 'resetSelection', 'selectNext', 'selectPrevious', 'selectFirst', 'selectLast']
     }),
     __metadata$4x("design:paramtypes", [])
 ], StepperComponent);
@@ -23875,8 +23876,9 @@ const BUSY_STATE_DEFAULT_PROPS = new InjectionToken('MOSAIK_BUSY_STATE_DEFAULT_P
 /**
  * @public
  *
- * @slot  - Default content area for additional loading state information or custom elements
+ * @slot  - The default slot.
  * @slot actions - Action buttons or controls available during loading (e.g., cancel operation, dismiss)
+ * @slot header - The header slot.
  * @slot style - Custom styles injection slot for shadow DOM styling escape hatch
  */
 let BusyStateComponent = class BusyStateComponent {
@@ -45459,8 +45461,9 @@ const EMPTY_STATE_DEFAULT_PROPS = new InjectionToken('MOSAIK_EMPTY_STATE_DEFAULT
 /**
  * @public
  *
- * @slot  - Default content area for additional empty state information or custom elements
+ * @slot  - The default slot.
  * @slot actions - Action buttons or links for user guidance and next steps
+ * @slot header - The header slot.
  * @slot style - Custom styles injection slot for shadow DOM styling escape hatch
  */
 let EmptyStateComponent = class EmptyStateComponent {
@@ -45487,6 +45490,12 @@ let EmptyStateComponent = class EmptyStateComponent {
     get elementRef() {
         return this._elementRef;
     }
+    /**
+     * Signal input for the `iconSize` property.
+     *
+     * @public
+     */
+    iconSize = input(...(ngDevMode ? [undefined, { debugName: "iconSize" }] : /* istanbul ignore next */ []));
     /**
      * Signal input for the `icon` property.
      *
@@ -45538,6 +45547,10 @@ let EmptyStateComponent = class EmptyStateComponent {
      */
     initInputSyncEffect() {
         effect(() => {
+            const iconSizeValue = this.iconSize();
+            if (iconSizeValue !== undefined) {
+                this._elementRef.nativeElement.iconSize = iconSizeValue;
+            }
             const iconValue = this.icon();
             if (iconValue !== undefined) {
                 this._elementRef.nativeElement.icon = iconValue;
@@ -45614,12 +45627,12 @@ let EmptyStateComponent = class EmptyStateComponent {
         this._elementRef.nativeElement[property] = value;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: EmptyStateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.14", type: EmptyStateComponent, isStandalone: true, selector: "mosaik-empty-state", inputs: { icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, header: { classPropertyName: "header", publicName: "header", isSignal: true, isRequired: false, transformFunction: null }, themeName: { classPropertyName: "themeName", publicName: "themeName", isSignal: true, isRequired: false, transformFunction: null }, content: { classPropertyName: "content", publicName: "content", isSignal: true, isRequired: false, transformFunction: null }, formatter: { classPropertyName: "formatter", publicName: "formatter", isSignal: true, isRequired: false, transformFunction: null }, dir: { classPropertyName: "dir", publicName: "dir", isSignal: true, isRequired: false, transformFunction: null }, lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { connected: "connected", disconnected: "disconnected", changed: "changed" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.14", type: EmptyStateComponent, isStandalone: true, selector: "mosaik-empty-state", inputs: { iconSize: { classPropertyName: "iconSize", publicName: "iconSize", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, header: { classPropertyName: "header", publicName: "header", isSignal: true, isRequired: false, transformFunction: null }, themeName: { classPropertyName: "themeName", publicName: "themeName", isSignal: true, isRequired: false, transformFunction: null }, content: { classPropertyName: "content", publicName: "content", isSignal: true, isRequired: false, transformFunction: null }, formatter: { classPropertyName: "formatter", publicName: "formatter", isSignal: true, isRequired: false, transformFunction: null }, dir: { classPropertyName: "dir", publicName: "dir", isSignal: true, isRequired: false, transformFunction: null }, lang: { classPropertyName: "lang", publicName: "lang", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { connected: "connected", disconnected: "disconnected", changed: "changed" }, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 };
 EmptyStateComponent = __decorate$2J([
     ProxyCmp({
         defineCustomElementFn: () => defineCustomElement('mosaik-empty-state', EmptyStateElement),
-        inputs: ['icon', 'header', 'themeName', 'content', 'formatter', 'dir', 'lang'],
+        inputs: ['iconSize', 'icon', 'header', 'themeName', 'content', 'formatter', 'dir', 'lang'],
         methods: ['assignToSlot', 'getSlotAssignments', 'getSlotAssignmentsOf', 'getSlotContent', 'hasSlotContent', 'hasSlot', 'onSlotChanges']
     }),
     __metadata$2J("design:paramtypes", [])
@@ -45632,7 +45645,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>'
                 }]
-        }], ctorParameters: () => [], propDecorators: { icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], header: [{ type: i0.Input, args: [{ isSignal: true, alias: "header", required: false }] }], themeName: [{ type: i0.Input, args: [{ isSignal: true, alias: "themeName", required: false }] }], content: [{ type: i0.Input, args: [{ isSignal: true, alias: "content", required: false }] }], formatter: [{ type: i0.Input, args: [{ isSignal: true, alias: "formatter", required: false }] }], dir: [{ type: i0.Input, args: [{ isSignal: true, alias: "dir", required: false }] }], lang: [{ type: i0.Input, args: [{ isSignal: true, alias: "lang", required: false }] }], connected: [{ type: i0.Output, args: ["connected"] }], disconnected: [{ type: i0.Output, args: ["disconnected"] }], changed: [{ type: i0.Output, args: ["changed"] }] } });
+        }], ctorParameters: () => [], propDecorators: { iconSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconSize", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], header: [{ type: i0.Input, args: [{ isSignal: true, alias: "header", required: false }] }], themeName: [{ type: i0.Input, args: [{ isSignal: true, alias: "themeName", required: false }] }], content: [{ type: i0.Input, args: [{ isSignal: true, alias: "content", required: false }] }], formatter: [{ type: i0.Input, args: [{ isSignal: true, alias: "formatter", required: false }] }], dir: [{ type: i0.Input, args: [{ isSignal: true, alias: "dir", required: false }] }], lang: [{ type: i0.Input, args: [{ isSignal: true, alias: "lang", required: false }] }], connected: [{ type: i0.Output, args: ["connected"] }], disconnected: [{ type: i0.Output, args: ["disconnected"] }], changed: [{ type: i0.Output, args: ["changed"] }] } });
 /**
  * @public
  */
@@ -46496,8 +46509,9 @@ const ERROR_STATE_DEFAULT_PROPS = new InjectionToken('MOSAIK_ERROR_STATE_DEFAULT
 /**
  * @public
  *
- * @slot  - Default content area for additional error information or custom content
+ * @slot  - The default slot.
  * @slot actions - Action buttons for error recovery (retry, refresh, contact support, go back, etc.)
+ * @slot header - The header slot.
  * @slot style - Custom styles injection slot for shadow DOM styling escape hatch
  */
 let ErrorStateComponent = class ErrorStateComponent {
@@ -76977,8 +76991,9 @@ const SUCCESS_STATE_DEFAULT_PROPS = new InjectionToken('MOSAIK_SUCCESS_STATE_DEF
 /**
  * @public
  *
- * @slot  - Default content area for additional success information or custom content
+ * @slot  - The default slot.
  * @slot actions - Action buttons for next steps or related operations after success
+ * @slot header - The header slot.
  * @slot style - Custom styles injection slot for shadow DOM styling escape hatch
  */
 let SuccessStateComponent = class SuccessStateComponent {