@breadstone/mosaik-elements-angular 0.0.237 → 0.0.238

package/CHANGELOG.md

@@ -1,3 +1,9 @@
+## 0.0.238 (2026-04-29)
+
+### 🚀 Features
+
+- **breadcrumb:** enhance breadcrumb and item components with new properties and slots ([2aa158afd2](https://github.com/RueDeRennes/mosaik/commit/2aa158afd2))
+
 ## 0.0.237 (2026-04-28)
 
 ### 🚀 Features

package/fesm2022/mosaik-elements-angular.mjs

@@ -21668,7 +21668,7 @@ const BREADCRUMB_ITEM_DEFAULT_PROPS = new InjectionToken('MOSAIK_BREADCRUMB_ITEM
 /**
  * @public
  *
- * @slot  - The content of the breadcrumb item, typically text or an icon.
+ * @slot label - The label content when using the anchor behavior.
  * @slot style - Custom styles injection slot for shadow DOM styling escape hatch
  */
 let BreadcrumbItemComponent = class BreadcrumbItemComponent {
@@ -21697,12 +21697,60 @@ let BreadcrumbItemComponent = class BreadcrumbItemComponent {
      * @public
      */
     isActive = input(...(ngDevMode ? [undefined, { debugName: "isActive" }] : /* istanbul ignore next */ []));
+    /**
+     * Signal input for the `underline` property.
+     *
+     * @public
+     */
+    underline = input(...(ngDevMode ? [undefined, { debugName: "underline" }] : /* istanbul ignore next */ []));
+    /**
+     * Signal input for the `download` property.
+     *
+     * @public
+     */
+    download = input(...(ngDevMode ? [undefined, { debugName: "download" }] : /* istanbul ignore next */ []));
+    /**
+     * Signal input for the `href` property.
+     *
+     * @public
+     */
+    href = input(...(ngDevMode ? [undefined, { debugName: "href" }] : /* istanbul ignore next */ []));
+    /**
+     * Signal input for the `rel` property.
+     *
+     * @public
+     */
+    rel = input(...(ngDevMode ? [undefined, { debugName: "rel" }] : /* istanbul ignore next */ []));
+    /**
+     * Signal input for the `target` property.
+     *
+     * @public
+     */
+    target = input(...(ngDevMode ? [undefined, { debugName: "target" }] : /* istanbul ignore next */ []));
     /**
      * Signal input for the `themeName` property.
      *
      * @public
      */
     themeName = input(...(ngDevMode ? [undefined, { debugName: "themeName" }] : /* istanbul ignore next */ []));
+    /**
+     * Signal input for the `variant` property.
+     *
+     * @public
+     */
+    variant = input(...(ngDevMode ? [undefined, { debugName: "variant" }] : /* istanbul ignore next */ []));
+    /**
+     * Signal input for the `disabled` property.
+     *
+     * @public
+     */
+    disabled = input(...(ngDevMode ? [undefined, { debugName: "disabled" }] : /* istanbul ignore next */ []));
+    /**
+     * Signal input for the `label` property.
+     *
+     * @public
+     */
+    label = input(...(ngDevMode ? [undefined, { debugName: "label" }] : /* istanbul ignore next */ []));
     /**
      * Signal input for the `dir` property.
      *
@@ -21728,10 +21776,42 @@ let BreadcrumbItemComponent = class BreadcrumbItemComponent {
             if (isActiveValue !== undefined) {
                 this._element.isActive = isActiveValue;
             }
+            const underlineValue = this.underline();
+            if (underlineValue !== undefined) {
+                this._element.underline = underlineValue;
+            }
+            const downloadValue = this.download();
+            if (downloadValue !== undefined) {
+                this._element.download = downloadValue;
+            }
+            const hrefValue = this.href();
+            if (hrefValue !== undefined) {
+                this._element.href = hrefValue;
+            }
+            const relValue = this.rel();
+            if (relValue !== undefined) {
+                this._element.rel = relValue;
+            }
+            const targetValue = this.target();
+            if (targetValue !== undefined) {
+                this._element.target = targetValue;
+            }
             const themeNameValue = this.themeName();
             if (themeNameValue !== undefined) {
                 this._element.themeName = themeNameValue;
             }
+            const variantValue = this.variant();
+            if (variantValue !== undefined) {
+                this._element.variant = variantValue;
+            }
+            const disabledValue = this.disabled();
+            if (disabledValue !== undefined) {
+                this._element.disabled = disabledValue;
+            }
+            const labelValue = this.label();
+            if (labelValue !== undefined) {
+                this._element.label = labelValue;
+            }
             const dirValue = this.dir();
             if (dirValue !== undefined) {
                 this._element.dir = dirValue;
@@ -21788,13 +21868,13 @@ let BreadcrumbItemComponent = class BreadcrumbItemComponent {
         this._element[property] = value;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: BreadcrumbItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.10", type: BreadcrumbItemComponent, isStandalone: true, selector: "mosaik-breadcrumb-item", inputs: { isActive: { classPropertyName: "isActive", publicName: "isActive", isSignal: true, isRequired: false, transformFunction: null }, themeName: { classPropertyName: "themeName", publicName: "themeName", 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.10", type: BreadcrumbItemComponent, isStandalone: true, selector: "mosaik-breadcrumb-item", inputs: { isActive: { classPropertyName: "isActive", publicName: "isActive", isSignal: true, isRequired: false, transformFunction: null }, underline: { classPropertyName: "underline", publicName: "underline", isSignal: true, isRequired: false, transformFunction: null }, download: { classPropertyName: "download", publicName: "download", isSignal: true, isRequired: false, transformFunction: null }, href: { classPropertyName: "href", publicName: "href", isSignal: true, isRequired: false, transformFunction: null }, rel: { classPropertyName: "rel", publicName: "rel", isSignal: true, isRequired: false, transformFunction: null }, target: { classPropertyName: "target", publicName: "target", isSignal: true, isRequired: false, transformFunction: null }, themeName: { classPropertyName: "themeName", publicName: "themeName", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", 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 });
 };
 BreadcrumbItemComponent = __decorate$3Y([
     ProxyCmp({
         defineCustomElementFn: () => customElements.define('mosaik-breadcrumb-item', BreadcrumbItemElement),
-        inputs: ['isActive', 'themeName', 'dir', 'lang'],
-        methods: ['firstItem', 'adoptStyle', 'on', 'off', 'emit', 'requestUpdate']
+        inputs: ['isActive', 'underline', 'download', 'href', 'rel', 'target', 'themeName', 'variant', 'disabled', 'label', 'dir', 'lang'],
+        methods: ['adoptStyle', 'on', 'off', 'emit', 'requestUpdate']
     }),
     __metadata$3Y("design:paramtypes", [])
 ], BreadcrumbItemComponent);
@@ -21806,7 +21886,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImpo
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     template: '<ng-content></ng-content>'
                 }]
-        }], ctorParameters: () => [], propDecorators: { isActive: [{ type: i0.Input, args: [{ isSignal: true, alias: "isActive", required: false }] }], themeName: [{ type: i0.Input, args: [{ isSignal: true, alias: "themeName", 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: { isActive: [{ type: i0.Input, args: [{ isSignal: true, alias: "isActive", required: false }] }], underline: [{ type: i0.Input, args: [{ isSignal: true, alias: "underline", required: false }] }], download: [{ type: i0.Input, args: [{ isSignal: true, alias: "download", required: false }] }], href: [{ type: i0.Input, args: [{ isSignal: true, alias: "href", required: false }] }], rel: [{ type: i0.Input, args: [{ isSignal: true, alias: "rel", required: false }] }], target: [{ type: i0.Input, args: [{ isSignal: true, alias: "target", required: false }] }], themeName: [{ type: i0.Input, args: [{ isSignal: true, alias: "themeName", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", 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
  */
@@ -21841,6 +21921,7 @@ const BREADCRUMB_DEFAULT_PROPS = new InjectionToken('MOSAIK_BREADCRUMB_DEFAULT_P
  * @public
  *
  * @slot  - The default slot.
+ * @slot item-${i} - The item-${i} slot.
  * @slot style - Custom styles injection slot for shadow DOM styling escape hatch
  */
 let BreadcrumbComponent = class BreadcrumbComponent {
@@ -21966,7 +22047,7 @@ BreadcrumbComponent = __decorate$3X([
     ProxyCmp({
         defineCustomElementFn: () => customElements.define('mosaik-breadcrumb', BreadcrumbElement),
         inputs: ['wrap', 'themeName', 'dir', 'lang'],
-        methods: ['onSlotChange', 'adoptStyle', 'on', 'off', 'emit', 'requestUpdate']
+        methods: ['adoptStyle', 'on', 'off', 'emit', 'requestUpdate']
     }),
     __metadata$3X("design:paramtypes", [])
 ], BreadcrumbComponent);