@baloise/ds-core 19.8.2 → 19.8.3-nightly.20251110

package/dist/collection/components/bal-spinner/bal-spinner.js

@@ -1,10 +1,9 @@
 import { __decorate, __metadata } from "tslib";
 import { h, Host } from "@stencil/core";
-import { rOnLoad } from "../../utils/helpers";
-import { Logger } from "../../utils/log";
-import { raf } from "../../utils/helpers";
 import { BEM } from "../../utils/bem";
-import { ListenToConfig, defaultConfig } from "../../utils/config";
+import { defaultConfig, ListenToConfig } from "../../utils/config";
+import { raf, rOnLoad } from "../../utils/helpers";
+import { Logger } from "../../utils/log";
 export class Spinner {
     constructor() {
         this.animated = defaultConfig.animated;
@@ -153,7 +152,7 @@ export class Spinner {
      */
     render() {
         const block = BEM.block('spinner');
-        return (h(Host, { key: '6986ffee4141e4096ad7e62a704697c8dfb31c18', class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, block.class()), block.modifier('circle').class(this.variation === 'circle')), block.modifier('small').class(this.small)), block.modifier('animated').class(this.animated)), block.modifier(`color-${this.color}`).class(this.variation === 'circle')), role: "progressbar", "aria-hidden": "true" }));
+        return (h(Host, { key: '60b00e36e8d9fd1862b3858f47f62265ce95c8f3', class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, block.class()), block.modifier('circle').class(this.variation === 'circle')), block.modifier('small').class(this.small)), block.modifier('animated').class(this.animated)), block.modifier(`color-${this.color}`).class(this.variation === 'circle')), role: "progressbar", "aria-hidden": "true" }));
     }
     static get is() { return "bal-spinner"; }
     static get originalStyleUrls() {
@@ -170,7 +169,6 @@ export class Spinner {
         return {
             "inverted": {
                 "type": "boolean",
-                "attribute": "inverted",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -186,11 +184,11 @@ export class Spinner {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "inverted",
                 "defaultValue": "false"
             },
             "deactivated": {
                 "type": "boolean",
-                "attribute": "deactivated",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -206,11 +204,11 @@ export class Spinner {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "deactivated",
                 "defaultValue": "false"
             },
             "color": {
                 "type": "string",
-                "attribute": "color",
                 "mutable": false,
                 "complexType": {
                     "original": "BalProps.BalSpinnerColor",
@@ -231,11 +229,11 @@ export class Spinner {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "color",
                 "defaultValue": "'blue'"
             },
             "small": {
                 "type": "boolean",
-                "attribute": "small",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -251,11 +249,11 @@ export class Spinner {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "small",
                 "defaultValue": "false"
             },
             "variation": {
                 "type": "string",
-                "attribute": "variation",
                 "mutable": false,
                 "complexType": {
                     "original": "BalProps.BalSpinnerVariation",
@@ -276,6 +274,7 @@ export class Spinner {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "variation",
                 "defaultValue": "'logo'"
             }
         };

package/dist/collection/components/bal-stack/bal-stack.js

@@ -95,7 +95,6 @@ export class Stack {
         return {
             "layout": {
                 "type": "string",
-                "attribute": "layout",
                 "mutable": false,
                 "complexType": {
                     "original": "BalProps.BalStackLayout",
@@ -116,11 +115,11 @@ export class Stack {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "layout",
                 "defaultValue": "'horizontal'"
             },
             "align": {
                 "type": "string",
-                "attribute": "align",
                 "mutable": false,
                 "complexType": {
                     "original": "BalProps.BalStackAlignment",
@@ -141,11 +140,11 @@ export class Stack {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "align",
                 "defaultValue": "''"
             },
             "space": {
                 "type": "string",
-                "attribute": "space",
                 "mutable": false,
                 "complexType": {
                     "original": "BalProps.BalStackSpace",
@@ -166,11 +165,11 @@ export class Stack {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "space",
                 "defaultValue": "'normal'"
             },
             "spaceRow": {
                 "type": "string",
-                "attribute": "space-row",
                 "mutable": false,
                 "complexType": {
                     "original": "BalProps.BalStackSpace",
@@ -190,11 +189,11 @@ export class Stack {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "space-row"
             },
             "spaceColumn": {
                 "type": "string",
-                "attribute": "space-column",
                 "mutable": false,
                 "complexType": {
                     "original": "BalProps.BalStackSpace",
@@ -214,11 +213,11 @@ export class Stack {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "space-column"
             },
             "px": {
                 "type": "string",
-                "attribute": "px",
                 "mutable": false,
                 "complexType": {
                     "original": "BalProps.BalStackPadding",
@@ -239,11 +238,11 @@ export class Stack {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "px",
                 "defaultValue": "''"
             },
             "py": {
                 "type": "string",
-                "attribute": "py",
                 "mutable": false,
                 "complexType": {
                     "original": "BalProps.BalStackPadding",
@@ -264,11 +263,11 @@ export class Stack {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "py",
                 "defaultValue": "''"
             },
             "useWrap": {
                 "type": "boolean",
-                "attribute": "use-wrap",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -284,11 +283,11 @@ export class Stack {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "use-wrap",
                 "defaultValue": "false"
             },
             "fitContent": {
                 "type": "boolean",
-                "attribute": "fit-content",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -304,11 +303,11 @@ export class Stack {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "fit-content",
                 "defaultValue": "false"
             },
             "direction": {
                 "type": "string",
-                "attribute": "direction",
                 "mutable": false,
                 "complexType": {
                     "original": "BalProps.BalStackDirection",
@@ -332,11 +331,11 @@ export class Stack {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "direction",
                 "defaultValue": "''"
             },
             "alignment": {
                 "type": "string",
-                "attribute": "alignment",
                 "mutable": false,
                 "complexType": {
                     "original": "BalProps.BalStackAlignment",
@@ -360,6 +359,7 @@ export class Stack {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "alignment",
                 "defaultValue": "''"
             }
         };

package/dist/collection/components/bal-stack/test/bal-stack.visual.play.js

@@ -0,0 +1,13 @@
+import { expect, screenshot, test } from "../../../../../../playwright/src/index";
+const TAG = 'bal-stack';
+const VARIANTS = ['basic', 'alignment', 'direction', 'space', 'margins'];
+const image = screenshot(TAG);
+test.beforeEach('Setup', async ({ page }) => {
+    await page.setupVisualTest(`/components/${TAG}/test/${TAG}.visual.html`);
+});
+VARIANTS.forEach(variant => {
+    test(variant, async ({ page }) => {
+        const el = page.getByTestId(variant);
+        await expect(el).toHaveScreenshot(image(`${variant}`));
+    });
+});

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

@@ -13,17 +13,16 @@ export class StageBackLink {
     }
     render() {
         const block = BEM.block('stage-back-link');
-        return (h(Host, { key: 'f93d9145487b236e4afdefc9a0ab89aaa7d8890b', class: Object.assign(Object.assign({}, block.class()), block.modifier('shadow').class(this.shadow)) }, h("a", { key: 'ae854184618a0867e9a35a95a789a6510533e3a5', class: {
+        return (h(Host, { key: '4b980500cb525ce37993b2660d3e6f47afee0f4e', class: Object.assign(Object.assign({}, block.class()), block.modifier('shadow').class(this.shadow)) }, h("a", { key: 'afadcd09a4c0c669d387d12a28c712d3de376a41', class: {
                 'link': true,
                 'is-inverted': this.inverted,
-            }, href: this.href, rel: this.rel }, h("bal-icon", { key: '34c4576352710d3b2dbd269d624cfa17e6bf1b90', class: "mr-x-small", name: "caret-left", size: "x-small", inverted: this.inverted, shadow: this.shadow }), h("slot", { key: 'da404610d50081bba83333324ec3974c9ce5061d' }))));
+            }, href: this.href, rel: this.rel }, h("bal-icon", { key: '764fd4ed183e8542d921d2a57e1850adc590b348', class: "mr-x-small", name: "caret-left", size: "x-small", inverted: this.inverted, shadow: this.shadow }), h("slot", { key: 'e3c1b6d3ede82a002ce474cb72ad888586502201' }))));
     }
     static get is() { return "bal-stage-back-link"; }
     static get properties() {
         return {
             "href": {
                 "type": "string",
-                "attribute": "href",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -38,11 +37,11 @@ export class StageBackLink {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "href"
             },
             "rel": {
                 "type": "string",
-                "attribute": "rel",
                 "mutable": false,
                 "complexType": {
                     "original": "string | undefined",
@@ -57,11 +56,11 @@ export class StageBackLink {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "rel"
             },
             "shadow": {
                 "type": "boolean",
-                "attribute": "shadow",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -77,11 +76,11 @@ export class StageBackLink {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "shadow",
                 "defaultValue": "false"
             },
             "inverted": {
                 "type": "boolean",
-                "attribute": "inverted",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -97,6 +96,7 @@ export class StageBackLink {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "inverted",
                 "defaultValue": "false"
             }
         };

package/dist/collection/components/bal-stage/bal-stage-body/bal-stage-body.js

@@ -3,7 +3,7 @@ import { BEM } from "../../../utils/bem";
 export class StageBody {
     render() {
         const block = BEM.block('stage-body');
-        return (h(Host, { key: '8c8f8b7fbdbf9dd9f32c0c561c93f934770b82bc', class: Object.assign({}, block.class()) }, h("slot", { key: 'df028b10599ec9d884c3eb2787f945219dff77e4' })));
+        return (h(Host, { key: '3b059393f680516ee22d093cb77927211f1b2a2a', class: Object.assign({}, block.class()) }, h("slot", { key: '739898aeda435256a9cf052dfe265d6f28115b94' })));
     }
     static get is() { return "bal-stage-body"; }
     static get elementRef() { return "el"; }

package/dist/collection/components/bal-stage/bal-stage-foot/bal-stage-foot.js

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class StageFoot {
     render() {
-        return (h(Host, { key: '580ee910be7fb627379514f23302062cc3ae04cb', class: "hero-foot" }, h("slot", { key: 'cd9bbca66e1bf7773ca9366c00c935c11e4422a1' })));
+        return (h(Host, { key: '351793d066e2d3018a0a4c40cdb2b69495127199', class: "hero-foot" }, h("slot", { key: '76c2593eac606f7aed4c15ac6148780a37555b54' })));
     }
     static get is() { return "bal-stage-foot"; }
     static get elementRef() { return "el"; }

package/dist/collection/components/bal-stage/bal-stage-head/bal-stage-head.js

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class StageHead {
     render() {
-        return (h(Host, { key: '13b87bdc02d0d8aa3c1295422c0f43730258404a', class: "hero-head" }, h("slot", { key: '19edc361f63647081375dad19e4ec33e38623e01' })));
+        return (h(Host, { key: '19fdb481ea37cab182e426f7582270ecdce23147', class: "hero-head" }, h("slot", { key: '69273fb5da2cd217de773a37eb5000adda15bbbf' })));
     }
     static get is() { return "bal-stage-head"; }
     static get elementRef() { return "el"; }

package/dist/collection/components/bal-stage/bal-stage-image/bal-stage-image.js

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
-import { BEM } from "../../../utils/bem";
-import { inheritAttributes } from "../../../utils/attributes";
 import { rOnLoad } from "../../../utils/helpers";
+import { inheritAttributes } from "../../../utils/attributes";
+import { BEM } from "../../../utils/bem";
 export class StageImage {
     constructor() {
         this.imageInheritAttributes = {};
@@ -18,14 +18,13 @@ export class StageImage {
     render() {
         const block = BEM.block('stage-image');
         const imageSrc = this.fallback ? this.fallback : this.srcSet.split(',')[0];
-        return (h(Host, { key: 'bcc5678390b8facb7daf8720f7b26e7af55944fa', class: Object.assign({}, block.class()) }, this.isOnLoadEventDone ? (h("img", Object.assign({ src: imageSrc, srcset: this.srcSet, sizes: "100vw" }, this.imageInheritAttributes))) : ('')));
+        return (h(Host, { key: 'a39983d891acebe4f05e5387445483940d0b29dc', class: Object.assign({}, block.class()) }, this.isOnLoadEventDone ? (h("img", Object.assign({ src: imageSrc, srcset: this.srcSet, sizes: "100vw" }, this.imageInheritAttributes))) : ('')));
     }
     static get is() { return "bal-stage-image"; }
     static get properties() {
         return {
             "srcSet": {
                 "type": "string",
-                "attribute": "src-set",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -40,11 +39,11 @@ export class StageImage {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "src-set"
             },
             "fallback": {
                 "type": "string",
-                "attribute": "fallback",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -59,7 +58,8 @@ export class StageImage {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "fallback"
             }
         };
     }

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

@@ -68,7 +68,6 @@ export class Stage {
         return {
             "containerSize": {
                 "type": "string",
-                "attribute": "container-size",
                 "mutable": false,
                 "complexType": {
                     "original": "BalProps.BalStageContainer",
@@ -89,11 +88,11 @@ export class Stage {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "container-size",
                 "defaultValue": "''"
             },
             "size": {
                 "type": "string",
-                "attribute": "size",
                 "mutable": false,
                 "complexType": {
                     "original": "BalProps.BalStageSize",
@@ -114,11 +113,11 @@ export class Stage {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "size",
                 "defaultValue": "''"
             },
             "color": {
                 "type": "string",
-                "attribute": "color",
                 "mutable": false,
                 "complexType": {
                     "original": "BalProps.BalStageColor",
@@ -139,11 +138,11 @@ export class Stage {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "color",
                 "defaultValue": "'purple'"
             },
             "shape": {
                 "type": "boolean",
-                "attribute": "shape",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -159,11 +158,11 @@ export class Stage {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "shape",
                 "defaultValue": "false"
             },
             "shapeVariation": {
                 "type": "string",
-                "attribute": "shape-variation",
                 "mutable": false,
                 "complexType": {
                     "original": "BalProps.BalShapeVariation",
@@ -183,11 +182,11 @@ export class Stage {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "shape-variation"
             },
             "shapeRotation": {
                 "type": "string",
-                "attribute": "shape-rotation",
                 "mutable": false,
                 "complexType": {
                     "original": "BalProps.BalShapeRotation",
@@ -207,7 +206,8 @@ export class Stage {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "shape-rotation"
             }
         };
     }

package/dist/collection/components/bal-stage/test/bal-stage.visual.play.js

@@ -0,0 +1,11 @@
+import { expect, screenshot, test } from "../../../../../../playwright/src/index";
+const TAG = 'bal-stage';
+const image = screenshot(TAG);
+test('basic', async ({ page }) => {
+    await page.setupVisualTest(`/components/${TAG}/test/${TAG}.visual.html`);
+    await expect(page).toHaveScreenshot(image('basic'), { maxDiffPixelRatio: 0.02, fullPage: true });
+});
+test('large', async ({ page }) => {
+    await page.setupVisualTest(`/components/${TAG}/test/${TAG}-large.visual.html`);
+    await expect(page).toHaveScreenshot(image('large'), { maxDiffPixelRatio: 0.02, fullPage: true });
+});

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

@@ -80,17 +80,16 @@ export class StepItem {
         };
     }
     render() {
-        return (h(Host, { key: '2c4f197cd8d47db462c0262b01080aff16e1e53f', role: "tabpanel", class: {
+        return (h(Host, { key: '4d22b6691427503ce62c4a0846fa1bc8639654a9', role: "tabpanel", class: {
                 'bal-step-item': true,
                 'bal-step-item--active': this.isActive,
-            } }, h("slot", { key: 'a4a68d86354b4c4b14c6e35362cfe5a9b7e79b77' })));
+            } }, h("slot", { key: '087ec315891c96985e14d4a94181563cd57b0b8f' })));
     }
     static get is() { return "bal-step-item"; }
     static get properties() {
         return {
             "active": {
                 "type": "boolean",
-                "attribute": "active",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -106,11 +105,11 @@ export class StepItem {
                 "getter": false,
                 "setter": false,
                 "reflect": true,
+                "attribute": "active",
                 "defaultValue": "false"
             },
             "value": {
                 "type": "string",
-                "attribute": "value",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -126,11 +125,11 @@ export class StepItem {
                 "getter": false,
                 "setter": false,
                 "reflect": true,
+                "attribute": "value",
                 "defaultValue": "''"
             },
             "label": {
                 "type": "string",
-                "attribute": "label",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -146,11 +145,11 @@ export class StepItem {
                 "getter": false,
                 "setter": false,
                 "reflect": true,
+                "attribute": "label",
                 "defaultValue": "''"
             },
             "href": {
                 "type": "string",
-                "attribute": "href",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -166,11 +165,11 @@ export class StepItem {
                 "getter": false,
                 "setter": false,
                 "reflect": true,
+                "attribute": "href",
                 "defaultValue": "''"
             },
             "rel": {
                 "type": "string",
-                "attribute": "rel",
                 "mutable": false,
                 "complexType": {
                     "original": "string | undefined",
@@ -185,11 +184,11 @@ export class StepItem {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "rel"
             },
             "target": {
                 "type": "string",
-                "attribute": "target",
                 "mutable": false,
                 "complexType": {
                     "original": "BalProps.BalButtonTarget",
@@ -210,11 +209,11 @@ export class StepItem {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "target",
                 "defaultValue": "'_self'"
             },
             "disabled": {
                 "type": "boolean",
-                "attribute": "disabled",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -230,11 +229,11 @@ export class StepItem {
                 "getter": false,
                 "setter": false,
                 "reflect": true,
+                "attribute": "disabled",
                 "defaultValue": "false"
             },
             "done": {
                 "type": "boolean",
-                "attribute": "done",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -250,11 +249,11 @@ export class StepItem {
                 "getter": false,
                 "setter": false,
                 "reflect": true,
+                "attribute": "done",
                 "defaultValue": "false"
             },
             "invisible": {
                 "type": "boolean",
-                "attribute": "invisible",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -270,11 +269,11 @@ export class StepItem {
                 "getter": false,
                 "setter": false,
                 "reflect": true,
+                "attribute": "invisible",
                 "defaultValue": "false"
             },
             "failed": {
                 "type": "boolean",
-                "attribute": "failed",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -290,11 +289,11 @@ export class StepItem {
                 "getter": false,
                 "setter": false,
                 "reflect": true,
+                "attribute": "failed",
                 "defaultValue": "false"
             },
             "prevent": {
                 "type": "boolean",
-                "attribute": "prevent",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -310,6 +309,7 @@ export class StepItem {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "prevent",
                 "defaultValue": "false"
             }
         };