@baloise/ds-core 19.2.0 → 19.3.0-nightly.20250630

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

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

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

@@ -7,6 +7,31 @@ 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
          * ------------------------------------------------------
@@ -64,12 +89,6 @@ 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;
@@ -151,6 +170,7 @@ export class Spinner {
         return {
             "inverted": {
                 "type": "boolean",
+                "attribute": "inverted",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -165,12 +185,12 @@ export class Spinner {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "inverted",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "deactivated": {
                 "type": "boolean",
+                "attribute": "deactivated",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -185,12 +205,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",
@@ -210,12 +230,12 @@ export class Spinner {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "color",
                 "reflect": false,
                 "defaultValue": "'blue'"
             },
             "small": {
                 "type": "boolean",
+                "attribute": "small",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -230,12 +250,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",
@@ -255,7 +275,6 @@ export class Spinner {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "variation",
                 "reflect": false,
                 "defaultValue": "'logo'"
             }

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

@@ -4,16 +4,50 @@ 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';
-        this.spaceRow = undefined;
-        this.spaceColumn = undefined;
+        /**
+         * Defines the horizontal padding left and right of the stack element.
+         */
         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) {
@@ -61,6 +95,7 @@ export class Stack {
         return {
             "layout": {
                 "type": "string",
+                "attribute": "layout",
                 "mutable": false,
                 "complexType": {
                     "original": "BalProps.BalStackLayout",
@@ -80,12 +115,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",
@@ -105,12 +140,12 @@ export class Stack {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "align",
                 "reflect": false,
                 "defaultValue": "''"
             },
             "space": {
                 "type": "string",
+                "attribute": "space",
                 "mutable": false,
                 "complexType": {
                     "original": "BalProps.BalStackSpace",
@@ -130,12 +165,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",
@@ -155,11 +190,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",
@@ -179,11 +214,11 @@ export class Stack {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "space-column",
                 "reflect": false
             },
             "px": {
                 "type": "string",
+                "attribute": "px",
                 "mutable": false,
                 "complexType": {
                     "original": "BalProps.BalStackPadding",
@@ -203,12 +238,12 @@ export class Stack {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "px",
                 "reflect": false,
                 "defaultValue": "''"
             },
             "py": {
                 "type": "string",
+                "attribute": "py",
                 "mutable": false,
                 "complexType": {
                     "original": "BalProps.BalStackPadding",
@@ -228,12 +263,12 @@ export class Stack {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "py",
                 "reflect": false,
                 "defaultValue": "''"
             },
             "useWrap": {
                 "type": "boolean",
+                "attribute": "use-wrap",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -248,12 +283,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",
@@ -268,12 +303,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",
@@ -296,12 +331,12 @@ export class Stack {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "direction",
                 "reflect": false,
                 "defaultValue": "''"
             },
             "alignment": {
                 "type": "string",
+                "attribute": "alignment",
                 "mutable": false,
                 "complexType": {
                     "original": "BalProps.BalStackAlignment",
@@ -324,7 +359,6 @@ 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,9 +2,13 @@ import { h, Host } from "@stencil/core";
 import { BEM } from "../../../utils/bem";
 export class StageBackLink {
     constructor() {
-        this.href = undefined;
-        this.rel = undefined;
+        /**
+         * If `true` adds a text shadow to improve readability on image background
+         * */
         this.shadow = false;
+        /**
+         * If `true` the color gets inverted for dark backgrounds
+         */
         this.inverted = false;
     }
     render() {
@@ -19,6 +23,7 @@ export class StageBackLink {
         return {
             "href": {
                 "type": "string",
+                "attribute": "href",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -33,11 +38,11 @@ export class StageBackLink {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "href",
                 "reflect": false
             },
             "rel": {
                 "type": "string",
+                "attribute": "rel",
                 "mutable": false,
                 "complexType": {
                     "original": "string | undefined",
@@ -52,11 +57,11 @@ export class StageBackLink {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "rel",
                 "reflect": false
             },
             "shadow": {
                 "type": "boolean",
+                "attribute": "shadow",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -71,12 +76,12 @@ export class StageBackLink {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "shadow",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "inverted": {
                 "type": "boolean",
+                "attribute": "inverted",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -91,7 +96,6 @@ export class StageBackLink {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "inverted",
                 "reflect": false,
                 "defaultValue": "false"
             }

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

@@ -6,8 +6,6 @@ export class StageImage {
     constructor() {
         this.imageInheritAttributes = {};
         this.isOnLoadEventDone = false;
-        this.srcSet = undefined;
-        this.fallback = undefined;
     }
     componentDidLoad() {
         rOnLoad(() => {
@@ -27,6 +25,7 @@ export class StageImage {
         return {
             "srcSet": {
                 "type": "string",
+                "attribute": "src-set",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -41,11 +40,11 @@ export class StageImage {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "src-set",
                 "reflect": false
             },
             "fallback": {
                 "type": "string",
+                "attribute": "fallback",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -60,7 +59,6 @@ export class StageImage {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "fallback",
                 "reflect": false
             }
         };