@baloise/ds-core 19.3.0-nightly.20250704 → 19.3.0

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

@@ -3,18 +3,6 @@ import { BEM } from "../../utils/bem";
 import * as BaloiseDesignToken from "@baloise/ds-tokens";
 export class Shape {
     constructor() {
-        /**
-         * The shape variation
-         */
-        this.variation = '1';
-        /**
-         * The shape color
-         */
-        this.color = 'green';
-        /**
-         * The shape rotation
-         */
-        this.rotation = '0';
         this.getHex = () => {
             let color;
             switch (this.color) {
@@ -47,6 +35,9 @@ export class Shape {
             }
             return color;
         };
+        this.variation = '1';
+        this.color = 'green';
+        this.rotation = '0';
     }
     render() {
         const block = BEM.block('shape');
@@ -72,7 +63,6 @@ export class Shape {
         return {
             "variation": {
                 "type": "string",
-                "attribute": "variation",
                 "mutable": false,
                 "complexType": {
                     "original": "BalProps.BalShapeVariation",
@@ -92,12 +82,12 @@ export class Shape {
                 },
                 "getter": false,
                 "setter": false,
+                "attribute": "variation",
                 "reflect": false,
                 "defaultValue": "'1'"
             },
             "color": {
                 "type": "string",
-                "attribute": "color",
                 "mutable": false,
                 "complexType": {
                     "original": "BalProps.BalShapeColor",
@@ -117,12 +107,12 @@ export class Shape {
                 },
                 "getter": false,
                 "setter": false,
+                "attribute": "color",
                 "reflect": false,
                 "defaultValue": "'green'"
             },
             "rotation": {
                 "type": "string",
-                "attribute": "rotation",
                 "mutable": false,
                 "complexType": {
                     "original": "BalProps.BalShapeRotation",
@@ -142,6 +132,7 @@ export class Shape {
                 },
                 "getter": false,
                 "setter": false,
+                "attribute": "rotation",
                 "reflect": false,
                 "defaultValue": "'0'"
             }

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

@@ -2,9 +2,6 @@ import { h, Host } from "@stencil/core";
 import { BEM } from "../../utils/bem";
 export class Sheet {
     constructor() {
-        /**
-         * Defines content width of the stage
-         */
         this.containerSize = '';
     }
     render() {
@@ -29,7 +26,6 @@ export class Sheet {
         return {
             "containerSize": {
                 "type": "string",
-                "attribute": "container-size",
                 "mutable": false,
                 "complexType": {
                     "original": "BalProps.BalSheetContainer",
@@ -49,6 +45,7 @@ export class Sheet {
                 },
                 "getter": false,
                 "setter": false,
+                "attribute": "container-size",
                 "reflect": false,
                 "defaultValue": "''"
             }

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

@@ -3,47 +3,20 @@ import { BEM } from "../../utils/bem";
 export class Snackbar {
     constructor() {
         this.snackbarId = `bal-snackbar-${snackbarIds++}`;
-        /**
-         * The theme type of the snackbar.
-         */
+        this.onActionHandler = () => {
+            this.balAction.emit(this.snackbarId);
+            this.actionHandler();
+        };
         this.color = '';
-        /**
-         * The duration of the snackbar
-         */
         this.duration = 0;
-        /**
-         * The subject of the snackbar header
-         */
         this.subject = '';
-        /**
-         * The message of the snackbar as html content
-         */
         this.message = '';
-        /**
-         * The icon of the snackbar header
-         */
         this.icon = '';
-        /**
-         * Label text for the action button
-         */
         this.action = '';
-        /**
-         * @internal Handler for on close event
-         */
         this.closeHandler = () => void 0;
-        /**
-         * @internal Handler for on action button click event
-         */
         this.actionHandler = () => void 0;
-        /**
-         * Specifies where to display the linked URL.
-         * Only applies when an `href` is provided.
-         */
+        this.href = undefined;
         this.target = '_self';
-        this.onActionHandler = () => {
-            this.balAction.emit(this.snackbarId);
-            this.actionHandler();
-        };
     }
     async componentWillLoad() {
         if (this.duration > 0) {
@@ -112,7 +85,6 @@ export class Snackbar {
         return {
             "color": {
                 "type": "string",
-                "attribute": "color",
                 "mutable": false,
                 "complexType": {
                     "original": "BalProps.BalSnackbarColor",
@@ -132,12 +104,12 @@ export class Snackbar {
                 },
                 "getter": false,
                 "setter": false,
+                "attribute": "color",
                 "reflect": false,
                 "defaultValue": "''"
             },
             "duration": {
                 "type": "number",
-                "attribute": "duration",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -152,12 +124,12 @@ export class Snackbar {
                 },
                 "getter": false,
                 "setter": false,
+                "attribute": "duration",
                 "reflect": false,
                 "defaultValue": "0"
             },
             "subject": {
                 "type": "string",
-                "attribute": "subject",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -172,12 +144,12 @@ export class Snackbar {
                 },
                 "getter": false,
                 "setter": false,
+                "attribute": "subject",
                 "reflect": false,
                 "defaultValue": "''"
             },
             "message": {
                 "type": "string",
-                "attribute": "message",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -192,12 +164,12 @@ export class Snackbar {
                 },
                 "getter": false,
                 "setter": false,
+                "attribute": "message",
                 "reflect": false,
                 "defaultValue": "''"
             },
             "icon": {
                 "type": "string",
-                "attribute": "icon",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -212,12 +184,12 @@ export class Snackbar {
                 },
                 "getter": false,
                 "setter": false,
+                "attribute": "icon",
                 "reflect": false,
                 "defaultValue": "''"
             },
             "action": {
                 "type": "string",
-                "attribute": "action",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -232,12 +204,12 @@ export class Snackbar {
                 },
                 "getter": false,
                 "setter": false,
+                "attribute": "action",
                 "reflect": false,
                 "defaultValue": "''"
             },
             "closeHandler": {
                 "type": "unknown",
-                "attribute": "close-handler",
                 "mutable": false,
                 "complexType": {
                     "original": "() => void",
@@ -259,7 +231,6 @@ export class Snackbar {
             },
             "actionHandler": {
                 "type": "unknown",
-                "attribute": "action-handler",
                 "mutable": false,
                 "complexType": {
                     "original": "() => void",
@@ -281,7 +252,6 @@ export class Snackbar {
             },
             "href": {
                 "type": "string",
-                "attribute": "href",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -296,11 +266,11 @@ export class Snackbar {
                 },
                 "getter": false,
                 "setter": false,
+                "attribute": "href",
                 "reflect": false
             },
             "target": {
                 "type": "string",
-                "attribute": "target",
                 "mutable": false,
                 "complexType": {
                     "original": "BalProps.BalButtonTarget",
@@ -320,6 +290,7 @@ export class Snackbar {
                 },
                 "getter": false,
                 "setter": false,
+                "attribute": "target",
                 "reflect": false,
                 "defaultValue": "'_self'"
             }

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

@@ -7,31 +7,6 @@ import { BEM } from "../../utils/bem";
 import { ListenToConfig, defaultConfig } from "../../utils/config";
 export class Spinner {
     constructor() {
-        this.animated = defaultConfig.animated;
-        /**
-         * PUBLIC PROPERTY API
-         * ------------------------------------------------------
-         */
-        /**
-         * If `true` the component can be used on dark background
-         */
-        this.inverted = false;
-        /**
-         * If `true` the component will not add the spinner animation svg
-         */
-        this.deactivated = false;
-        /**
-         * Defines the color of the spinner.
-         */
-        this.color = 'blue';
-        /**
-         * If `true` the component is smaller
-         */
-        this.small = false;
-        /**
-         * Defines the look of the spinner
-         */
-        this.variation = 'logo';
         /**
          * PRIVATE METHODS
          * ------------------------------------------------------
@@ -89,6 +64,12 @@ export class Spinner {
                 }
             });
         };
+        this.animated = defaultConfig.animated;
+        this.inverted = false;
+        this.deactivated = false;
+        this.color = 'blue';
+        this.small = false;
+        this.variation = 'logo';
     }
     createLogger(log) {
         this.log = log;
@@ -170,7 +151,6 @@ export class Spinner {
         return {
             "inverted": {
                 "type": "boolean",
-                "attribute": "inverted",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -185,12 +165,12 @@ export class Spinner {
                 },
                 "getter": false,
                 "setter": false,
+                "attribute": "inverted",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "deactivated": {
                 "type": "boolean",
-                "attribute": "deactivated",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -205,12 +185,12 @@ export class Spinner {
                 },
                 "getter": false,
                 "setter": false,
+                "attribute": "deactivated",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "color": {
                 "type": "string",
-                "attribute": "color",
                 "mutable": false,
                 "complexType": {
                     "original": "BalProps.BalSpinnerColor",
@@ -230,12 +210,12 @@ export class Spinner {
                 },
                 "getter": false,
                 "setter": false,
+                "attribute": "color",
                 "reflect": false,
                 "defaultValue": "'blue'"
             },
             "small": {
                 "type": "boolean",
-                "attribute": "small",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -250,12 +230,12 @@ export class Spinner {
                 },
                 "getter": false,
                 "setter": false,
+                "attribute": "small",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "variation": {
                 "type": "string",
-                "attribute": "variation",
                 "mutable": false,
                 "complexType": {
                     "original": "BalProps.BalSpinnerVariation",
@@ -275,6 +255,7 @@ export class Spinner {
                 },
                 "getter": false,
                 "setter": false,
+                "attribute": "variation",
                 "reflect": false,
                 "defaultValue": "'logo'"
             }

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

@@ -4,50 +4,16 @@ import { BEM } from "../../utils/bem";
 import { Logger } from "../../utils/log";
 export class Stack {
     constructor() {
-        /**
-         * PUBLIC PROPERTY API
-         * ------------------------------------------------------
-         */
-        /**
-         * Defines the position of the child elements if they
-         * are showed verticaly or horizontally. Default is horizontally.
-         */
         this.layout = 'horizontal';
-        /**
-         * Defines the text positioning like center, right or
-         * default to start.
-         */
         this.align = '';
-        /**
-         * Defines the space between the child elements. Default is normal.
-         */
         this.space = 'normal';
-        /**
-         * Defines the horizontal padding left and right of the stack element.
-         */
+        this.spaceRow = undefined;
+        this.spaceColumn = undefined;
         this.px = '';
-        /**
-         * Defines the vertical padding top and bottom of the stack element.
-         */
         this.py = '';
-        /**
-         * Defines if the child elements will wrap to the next line if there
-         * is not enough space left
-         */
         this.useWrap = false;
-        /**
-         * Defines the width of the stack to be exactly the with of the content.
-         */
         this.fitContent = false;
-        /**
-         * @internal
-         * Please use layout instead.
-         */
         this.direction = '';
-        /**
-         * @internal
-         * Please use align instead.
-         */
         this.alignment = '';
     }
     createLogger(log) {
@@ -95,7 +61,6 @@ export class Stack {
         return {
             "layout": {
                 "type": "string",
-                "attribute": "layout",
                 "mutable": false,
                 "complexType": {
                     "original": "BalProps.BalStackLayout",
@@ -115,12 +80,12 @@ export class Stack {
                 },
                 "getter": false,
                 "setter": false,
+                "attribute": "layout",
                 "reflect": false,
                 "defaultValue": "'horizontal'"
             },
             "align": {
                 "type": "string",
-                "attribute": "align",
                 "mutable": false,
                 "complexType": {
                     "original": "BalProps.BalStackAlignment",
@@ -140,12 +105,12 @@ export class Stack {
                 },
                 "getter": false,
                 "setter": false,
+                "attribute": "align",
                 "reflect": false,
                 "defaultValue": "''"
             },
             "space": {
                 "type": "string",
-                "attribute": "space",
                 "mutable": false,
                 "complexType": {
                     "original": "BalProps.BalStackSpace",
@@ -165,12 +130,12 @@ export class Stack {
                 },
                 "getter": false,
                 "setter": false,
+                "attribute": "space",
                 "reflect": false,
                 "defaultValue": "'normal'"
             },
             "spaceRow": {
                 "type": "string",
-                "attribute": "space-row",
                 "mutable": false,
                 "complexType": {
                     "original": "BalProps.BalStackSpace",
@@ -190,11 +155,11 @@ export class Stack {
                 },
                 "getter": false,
                 "setter": false,
+                "attribute": "space-row",
                 "reflect": false
             },
             "spaceColumn": {
                 "type": "string",
-                "attribute": "space-column",
                 "mutable": false,
                 "complexType": {
                     "original": "BalProps.BalStackSpace",
@@ -214,11 +179,11 @@ export class Stack {
                 },
                 "getter": false,
                 "setter": false,
+                "attribute": "space-column",
                 "reflect": false
             },
             "px": {
                 "type": "string",
-                "attribute": "px",
                 "mutable": false,
                 "complexType": {
                     "original": "BalProps.BalStackPadding",
@@ -238,12 +203,12 @@ export class Stack {
                 },
                 "getter": false,
                 "setter": false,
+                "attribute": "px",
                 "reflect": false,
                 "defaultValue": "''"
             },
             "py": {
                 "type": "string",
-                "attribute": "py",
                 "mutable": false,
                 "complexType": {
                     "original": "BalProps.BalStackPadding",
@@ -263,12 +228,12 @@ export class Stack {
                 },
                 "getter": false,
                 "setter": false,
+                "attribute": "py",
                 "reflect": false,
                 "defaultValue": "''"
             },
             "useWrap": {
                 "type": "boolean",
-                "attribute": "use-wrap",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -283,12 +248,12 @@ export class Stack {
                 },
                 "getter": false,
                 "setter": false,
+                "attribute": "use-wrap",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "fitContent": {
                 "type": "boolean",
-                "attribute": "fit-content",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -303,12 +268,12 @@ export class Stack {
                 },
                 "getter": false,
                 "setter": false,
+                "attribute": "fit-content",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "direction": {
                 "type": "string",
-                "attribute": "direction",
                 "mutable": false,
                 "complexType": {
                     "original": "BalProps.BalStackDirection",
@@ -331,12 +296,12 @@ export class Stack {
                 },
                 "getter": false,
                 "setter": false,
+                "attribute": "direction",
                 "reflect": false,
                 "defaultValue": "''"
             },
             "alignment": {
                 "type": "string",
-                "attribute": "alignment",
                 "mutable": false,
                 "complexType": {
                     "original": "BalProps.BalStackAlignment",
@@ -359,6 +324,7 @@ export class Stack {
                 },
                 "getter": false,
                 "setter": false,
+                "attribute": "alignment",
                 "reflect": false,
                 "defaultValue": "''"
             }

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

@@ -2,13 +2,9 @@ import { h, Host } from "@stencil/core";
 import { BEM } from "../../../utils/bem";
 export class StageBackLink {
     constructor() {
-        /**
-         * If `true` adds a text shadow to improve readability on image background
-         * */
+        this.href = undefined;
+        this.rel = undefined;
         this.shadow = false;
-        /**
-         * If `true` the color gets inverted for dark backgrounds
-         */
         this.inverted = false;
     }
     render() {
@@ -23,7 +19,6 @@ export class StageBackLink {
         return {
             "href": {
                 "type": "string",
-                "attribute": "href",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -38,11 +33,11 @@ export class StageBackLink {
                 },
                 "getter": false,
                 "setter": false,
+                "attribute": "href",
                 "reflect": false
             },
             "rel": {
                 "type": "string",
-                "attribute": "rel",
                 "mutable": false,
                 "complexType": {
                     "original": "string | undefined",
@@ -57,11 +52,11 @@ export class StageBackLink {
                 },
                 "getter": false,
                 "setter": false,
+                "attribute": "rel",
                 "reflect": false
             },
             "shadow": {
                 "type": "boolean",
-                "attribute": "shadow",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -76,12 +71,12 @@ export class StageBackLink {
                 },
                 "getter": false,
                 "setter": false,
+                "attribute": "shadow",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "inverted": {
                 "type": "boolean",
-                "attribute": "inverted",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -96,6 +91,7 @@ export class StageBackLink {
                 },
                 "getter": false,
                 "setter": false,
+                "attribute": "inverted",
                 "reflect": false,
                 "defaultValue": "false"
             }