@baloise/ds-core 18.1.0 → 18.2.0-nightly.20250326

package/dist/collection/components/bal-stage/bal-stage-back-link/bal-stage-back-link.js

@@ -3,15 +3,16 @@ import { BEM } from "../../../utils/bem";
 export class StageBackLink {
     constructor() {
         this.href = undefined;
+        this.rel = undefined;
         this.shadow = false;
         this.inverted = false;
     }
     render() {
         const block = BEM.block('stage-back-link');
-        return (h(Host, { key: '694c383572bafaa4202bba16706281834fb48b2c', class: Object.assign(Object.assign({}, block.class()), block.modifier('shadow').class(this.shadow)) }, h("a", { key: 'a8b7bc405efac0263298ed194ee0a90153b16a32', class: {
+        return (h(Host, { key: '5158c9c4cff372138c88a8af2997d6f85bd8d885', class: Object.assign(Object.assign({}, block.class()), block.modifier('shadow').class(this.shadow)) }, h("a", { key: '205e1ae01e652fb595e088879287d9b25315b234', class: {
                 'link': true,
                 'is-inverted': this.inverted,
-            }, href: this.href }, h("bal-icon", { key: '786b949805a3ae3c99bfc7c713bcd4d8872f94a5', class: "mr-x-small", name: "caret-left", size: "x-small", inverted: this.inverted, shadow: this.shadow }), h("slot", { key: 'e7c639e47c25370416eade21dd2e67f82588fe6b' }))));
+            }, href: this.href, rel: this.rel }, h("bal-icon", { key: 'db43094884a07ab6e079b3ac6f89d7c2f927b1b6', class: "mr-x-small", name: "caret-left", size: "x-small", inverted: this.inverted, shadow: this.shadow }), h("slot", { key: 'a680c6fac50060190d267890f6c7d7ccbec1f3f4' }))));
     }
     static get is() { return "bal-stage-back-link"; }
     static get properties() {
@@ -35,6 +36,25 @@ export class StageBackLink {
                 "attribute": "href",
                 "reflect": false
             },
+            "rel": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string | undefined",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Specifies the relationship of the target object to the link object.\nThe value is a space-separated list of [link types](https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types)."
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "rel",
+                "reflect": false
+            },
             "shadow": {
                 "type": "boolean",
                 "mutable": false,

package/dist/collection/components/bal-steps/bal-step-item/bal-step-item.js

@@ -1,4 +1,4 @@
-import { Host, h } from "@stencil/core";
+import { h, Host } from "@stencil/core";
 import { inheritTrackingAttributes } from "../../../utils/attributes";
 export class StepItem {
     constructor() {
@@ -8,6 +8,7 @@ export class StepItem {
         this.value = '';
         this.label = '';
         this.href = '';
+        this.rel = undefined;
         this.target = '_self';
         this.disabled = false;
         this.done = false;
@@ -35,6 +36,7 @@ export class StepItem {
             value: this.value,
             label: this.label,
             href: this.href,
+            rel: this.rel,
             target: this.target,
             active: this.active,
             disabled: this.disabled,
@@ -48,10 +50,10 @@ export class StepItem {
         };
     }
     render() {
-        return (h(Host, { key: '84503710841441b7a06efcdddd6c424ce2b59443', role: "tabpanel", class: {
+        return (h(Host, { key: '6d93a7d6ac124b26f15803167945b1316915f303', role: "tabpanel", class: {
                 'bal-step-item': true,
                 'bal-step-item--active': this.isActive,
-            } }, h("slot", { key: '3fa668162fb4bb1a96b1dc08352ade05c301f756' })));
+            } }, h("slot", { key: '563c4d2ea864f40885618e92743d44656d469067' })));
     }
     static get is() { return "bal-step-item"; }
     static get properties() {
@@ -136,6 +138,25 @@ export class StepItem {
                 "reflect": true,
                 "defaultValue": "''"
             },
+            "rel": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string | undefined",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Specifies the relationship of the target object to the link object.\nThe value is a space-separated list of [link types](https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types)."
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "rel",
+                "reflect": false
+            },
             "target": {
                 "type": "string",
                 "mutable": false,

package/dist/collection/components/bal-steps/components/step-button.js

@@ -7,5 +7,5 @@ export const StepButton = ({ item, color, isMobile, clickable, onSelectTab }) =>
     if (item.invisible) {
         return;
     }
-    return (h("a", { role: "tab", class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, bemEl.class()), bemEl.modifier(`color-${color}`).class()), bemEl.modifier('done').class(item.done)), bemEl.modifier('active').class(item.active)), bemEl.modifier('failed').class(item.failed)), bemEl.modifier('disabled').class(item.disabled)), bemEl.modifier('clickable').class(clickable)), bemEl.modifier('passed').class(item.passed)), { 'bal-focusable': !item.disabled && !item.invisible }), "data-label": item.label, "data-value": item.value, "data-index": item.index, "data-testid": "bal-steps-option", "aria-disabled": `${item.disabled}`, href: item.href === '' ? 'javascript:;' : item.href, target: item.target, onClick: (ev) => onSelectTab(ev, item) }, h(StepIcon, { item: item, isMobile: isMobile }), h(StepLabel, { item: item })));
+    return (h("a", { role: "tab", class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, bemEl.class()), bemEl.modifier(`color-${color}`).class()), bemEl.modifier('done').class(item.done)), bemEl.modifier('active').class(item.active)), bemEl.modifier('failed').class(item.failed)), bemEl.modifier('disabled').class(item.disabled)), bemEl.modifier('clickable').class(clickable)), bemEl.modifier('passed').class(item.passed)), { 'bal-focusable': !item.disabled && !item.invisible }), "data-label": item.label, "data-value": item.value, "data-index": item.index, "data-testid": "bal-steps-option", "aria-disabled": `${item.disabled}`, href: item.href === '' ? 'javascript:;' : item.href, rel: item.rel, target: item.target, onClick: (ev) => onSelectTab(ev, item) }, h(StepIcon, { item: item, isMobile: isMobile }), h(StepLabel, { item: item })));
 };