@baloise/ds-core 17.2.1 → 17.2.2-nightly.20250109

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

@@ -295,6 +295,8 @@ export class Accordion {
                     "tags": [],
                     "text": "If `true` the accordion is open."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "active",
                 "reflect": true,
                 "defaultValue": "false"
@@ -313,6 +315,8 @@ export class Accordion {
                     "tags": [],
                     "text": "Set the amount of time, in milliseconds, to wait to trigger the `balChange` event after each keystroke. This also impacts form bindings such as `ngModel` or `v-model`."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "debounce",
                 "reflect": false,
                 "defaultValue": "0"
@@ -331,6 +335,8 @@ export class Accordion {
                     "tags": [],
                     "text": "Label of the open trigger button"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "open-label",
                 "reflect": false,
                 "defaultValue": "''"
@@ -349,6 +355,8 @@ export class Accordion {
                     "tags": [],
                     "text": "BalIcon of the open trigger button"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "open-icon",
                 "reflect": false,
                 "defaultValue": "'plus'"
@@ -367,6 +375,8 @@ export class Accordion {
                     "tags": [],
                     "text": "Label of the close trigger button"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "close-label",
                 "reflect": false,
                 "defaultValue": "''"
@@ -385,6 +395,8 @@ export class Accordion {
                     "tags": [],
                     "text": "BalIcon of the close trigger button"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "close-icon",
                 "reflect": false,
                 "defaultValue": "'close'"
@@ -403,6 +415,8 @@ export class Accordion {
                     "tags": [],
                     "text": "If `true` the accordion is used on the bottom of a card"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "card",
                 "reflect": false,
                 "defaultValue": "false"
@@ -424,6 +438,8 @@ export class Accordion {
                         }],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "version",
                 "reflect": false,
                 "defaultValue": "1"

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

@@ -3,7 +3,7 @@ import { Host, h } from "@stencil/core";
 import { balBrowser } from "../../utils/browser";
 import { balDevice } from "../../utils/device";
 import { updateBalAnimated } from "../../utils/config";
-import { debounce, rIC, rLCP } from "../../utils/helpers";
+import { debounce, rIC, rOnLoad } from "../../utils/helpers";
 import { Logger } from "../../utils/log";
 import { startFocusVisible } from "../../utils/focus-visible";
 export class App {
@@ -35,7 +35,7 @@ export class App {
             this.ready = true;
             startFocusVisible();
         });
-        rLCP(() => {
+        rOnLoad(() => {
             if (balBrowser.hasDocument && balBrowser.hasWindow) {
                 const doc = document.documentElement;
                 doc.classList.add('lcp-ready');
@@ -53,11 +53,11 @@ export class App {
         }
     }
     render() {
-        return (h(Host, { key: '8e124474f0e95f8fdcd4546d7998556764d81d71', class: {
+        return (h(Host, { key: '29fef05a451290e2e20dc6808d1cce03ec1b1c4c', class: {
                 'bal-app': true,
                 'bal-app--safari': balBrowser.isSafari,
                 'bal-app--touch': balDevice.hasTouchScreen,
-            } }, h("slot", { key: 'e4a8974a3f55ec71c4ff7c46f2a9728d7efd4408' })));
+            } }, h("slot", { key: 'd54179394cb4d9882647d497e09495193d57a12d' })));
     }
     static get is() { return "bal-app"; }
     static get originalStyleUrls() {
@@ -86,6 +86,8 @@ export class App {
                     "tags": [],
                     "text": "Disables all animation inside the bal-app. Can be used for simplify e2e testing."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "animated",
                 "reflect": true,
                 "defaultValue": "true"
@@ -107,6 +109,8 @@ export class App {
                         }],
                     "text": ""
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "ready",
                 "reflect": true,
                 "defaultValue": "false"

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

@@ -44,6 +44,8 @@ export class Badge {
                     "tags": [],
                     "text": "Name of the icon to show. If a icon is present text should be hidden."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "icon",
                 "reflect": false
             },
@@ -66,6 +68,8 @@ export class Badge {
                     "tags": [],
                     "text": "Define the size of badge. Small is recommended for tabs."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "size",
                 "reflect": false,
                 "defaultValue": "''"
@@ -89,6 +93,8 @@ export class Badge {
                     "tags": [],
                     "text": "Define the color for the badge."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "color",
                 "reflect": false,
                 "defaultValue": "''"
@@ -112,6 +118,8 @@ export class Badge {
                     "tags": [],
                     "text": "If `true` the badge is added to the top right corner of the card."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "position",
                 "reflect": false,
                 "defaultValue": "''"

package/dist/collection/components/bal-button/bal-button-group/bal-button-group.js

@@ -37,6 +37,8 @@ export class ButtonGroup {
                     "tags": [],
                     "text": "The value of the button, which is submitted with the form data."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "position",
                 "reflect": false,
                 "defaultValue": "''"
@@ -60,6 +62,8 @@ export class ButtonGroup {
                     "tags": [],
                     "text": "`auto` will position the button items vertical and full width.\n`row` will force that the buttons are also horizontal on mobile."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "direction",
                 "reflect": false,
                 "defaultValue": "'auto'"
@@ -78,6 +82,8 @@ export class ButtonGroup {
                     "tags": [],
                     "text": "If `true` the flex direction is used in reverse on mobile."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "reverse",
                 "reflect": false,
                 "defaultValue": "false"

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

@@ -1,8 +1,6 @@
-import { __decorate, __metadata } from "tslib";
-import { h, Host } from "@stencil/core";
+import { h, Host, } from "@stencil/core";
 import { inheritAttributes } from "../../utils/attributes";
-import { rLCP } from "../../utils/helpers";
-import { ListenTo } from "../../utils/listen";
+import { rOnLoad } from "../../utils/helpers";
 export class Button {
     constructor() {
         this.inheritAttributes = {};
@@ -50,7 +48,7 @@ export class Button {
         }
     }
     componentDidLoad() {
-        rLCP(() => (this.isLargestContentPaintDone = true));
+        rOnLoad(() => (this.isLargestContentPaintDone = true));
     }
     componentWillLoad() {
         this.inheritAttributes = inheritAttributes(this.el, [
@@ -190,6 +188,8 @@ export class Button {
                     "tags": [],
                     "text": "The color to use from your application's color palette."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "color",
                 "reflect": false,
                 "defaultValue": "'primary'"
@@ -213,6 +213,8 @@ export class Button {
                     "tags": [],
                     "text": "The type of button."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "element-type",
                 "reflect": false,
                 "defaultValue": "'button'"
@@ -231,6 +233,8 @@ export class Button {
                     "tags": [],
                     "text": "If `true`, the user cannot interact with the button."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "disabled",
                 "reflect": true,
                 "defaultValue": "false"
@@ -254,6 +258,8 @@ export class Button {
                     "tags": [],
                     "text": "Size of the button"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "size",
                 "reflect": true,
                 "defaultValue": "''"
@@ -272,6 +278,8 @@ export class Button {
                     "tags": [],
                     "text": "Specifies the URL of the page the link goes to"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "href",
                 "reflect": false
             },
@@ -294,6 +302,8 @@ export class Button {
                     "tags": [],
                     "text": "Specifies where to display the linked URL.\nOnly applies when an `href` is provided."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "target",
                 "reflect": false,
                 "defaultValue": "'_self'"
@@ -312,6 +322,8 @@ export class Button {
                     "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
             },
@@ -329,6 +341,8 @@ export class Button {
                     "tags": [],
                     "text": "This attribute instructs browsers to download a URL instead of navigating to\nit, so the user will be prompted to save it as a local file. If the attribute\nhas a value, it is used as the pre-filled file name in the Save prompt\n(the user can still change the file name if they want)."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "download",
                 "reflect": false
             },
@@ -346,6 +360,8 @@ export class Button {
                     "tags": [],
                     "text": "If `true` adds a box shadow to improve readability on image background"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "shadow",
                 "reflect": false,
                 "defaultValue": "false"
@@ -364,6 +380,8 @@ export class Button {
                     "tags": [],
                     "text": "If `true` the width of the buttons is limited"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "square",
                 "reflect": false,
                 "defaultValue": "false"
@@ -382,6 +400,8 @@ export class Button {
                     "tags": [],
                     "text": "If `true` the button has a active theme"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "is-active",
                 "reflect": false,
                 "defaultValue": "false"
@@ -400,6 +420,8 @@ export class Button {
                     "tags": [],
                     "text": "If `true` the button has a full width"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "expanded",
                 "reflect": false,
                 "defaultValue": "false"
@@ -418,6 +440,8 @@ export class Button {
                     "tags": [],
                     "text": "If `true` the button has no padding and a reduced height"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "flat",
                 "reflect": false,
                 "defaultValue": "false"
@@ -436,6 +460,8 @@ export class Button {
                     "tags": [],
                     "text": "If `true` the button is outlined"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "outlined",
                 "reflect": false,
                 "defaultValue": "false"
@@ -454,6 +480,8 @@ export class Button {
                     "tags": [],
                     "text": "If `true` the button is inverted"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "inverted",
                 "reflect": false,
                 "defaultValue": "false"
@@ -472,6 +500,8 @@ export class Button {
                     "tags": [],
                     "text": "If `true` the label is hidden and a loading spinner is shown instead."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "loading",
                 "reflect": false,
                 "defaultValue": "false"
@@ -490,6 +520,8 @@ export class Button {
                     "tags": [],
                     "text": "If `true` the button is rounded."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "rounded",
                 "reflect": false,
                 "defaultValue": "false"
@@ -508,6 +540,8 @@ export class Button {
                     "tags": [],
                     "text": "Name of the left button icon"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "icon",
                 "reflect": false,
                 "defaultValue": "''"
@@ -526,6 +560,8 @@ export class Button {
                     "tags": [],
                     "text": "If `true` the icon turns"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "icon-turn",
                 "reflect": false,
                 "defaultValue": "false"
@@ -544,6 +580,8 @@ export class Button {
                     "tags": [],
                     "text": "Name of the right button icon"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "icon-right",
                 "reflect": false,
                 "defaultValue": "''"
@@ -562,6 +600,8 @@ export class Button {
                     "tags": [],
                     "text": "The label of the button will not break"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "no-wrap",
                 "reflect": false,
                 "defaultValue": "false"
@@ -580,6 +620,8 @@ export class Button {
                     "tags": [],
                     "text": "The name of the button, which is submitted with the form data."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "name",
                 "reflect": false,
                 "defaultValue": "''"
@@ -598,6 +640,8 @@ export class Button {
                     "tags": [],
                     "text": "The value of the button, which is submitted with the form data."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "value",
                 "reflect": false,
                 "defaultValue": "''"
@@ -621,6 +665,8 @@ export class Button {
                     "tags": [],
                     "text": "A11y attributes for the native button element."
                 },
+                "getter": false,
+                "setter": false,
                 "defaultValue": "undefined"
             }
         };
@@ -714,10 +760,13 @@ export class Button {
             }];
     }
     static get elementRef() { return "el"; }
+    static get listeners() {
+        return [{
+                "name": "click",
+                "method": "listenOnClick",
+                "target": "document",
+                "capture": true,
+                "passive": false
+            }];
+    }
 }
-__decorate([
-    ListenTo('click', { capture: true, target: 'document' }),
-    __metadata("design:type", Function),
-    __metadata("design:paramtypes", [UIEvent]),
-    __metadata("design:returntype", void 0)
-], Button.prototype, "listenOnClick", null);

package/dist/collection/components/bal-card/bal-card-actions/bal-card-actions.js

@@ -28,6 +28,8 @@ export class CardActions {
                     "tags": [],
                     "text": "The value of the button, which is submitted with the form data."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "position",
                 "reflect": false,
                 "defaultValue": "''"

package/dist/collection/components/bal-card/bal-card-button/bal-card-button.js

@@ -29,6 +29,8 @@ export class CardButton {
                     "tags": [],
                     "text": "Name of the icon like `edit`."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "icon",
                 "reflect": false,
                 "defaultValue": "''"
@@ -52,6 +54,8 @@ export class CardButton {
                     "tags": [],
                     "text": "The type of button."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "element-type",
                 "reflect": false,
                 "defaultValue": "'button'"
@@ -70,6 +74,8 @@ export class CardButton {
                     "tags": [],
                     "text": "If `true`, the user cannot interact with the button."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "disabled",
                 "reflect": true,
                 "defaultValue": "false"
@@ -88,6 +94,8 @@ export class CardButton {
                     "tags": [],
                     "text": "Specifies the URL of the page the link goes to"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "href",
                 "reflect": false
             },
@@ -110,6 +118,8 @@ export class CardButton {
                     "tags": [],
                     "text": "Specifies where to display the linked URL.\nOnly applies when an `href` is provided."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "target",
                 "reflect": false,
                 "defaultValue": "'_self'"
@@ -128,6 +138,8 @@ export class CardButton {
                     "tags": [],
                     "text": "Name of the right button icon"
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "icon-right",
                 "reflect": false,
                 "defaultValue": "''"
@@ -146,6 +158,8 @@ export class CardButton {
                     "tags": [],
                     "text": "If `true` the label is hidden and a loading spinner is shown instead."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "loading",
                 "reflect": false,
                 "defaultValue": "false"

package/dist/collection/components/bal-card/bal-card-subtitle/bal-card-subtitle.js

@@ -25,6 +25,8 @@ export class CardSubtitle {
                     "tags": [],
                     "text": "If `true` the card text color becomes white."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "inverted",
                 "reflect": false,
                 "defaultValue": "false"
@@ -43,6 +45,8 @@ export class CardSubtitle {
                     "tags": [],
                     "text": "If `true` the card text color is bold."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "bold",
                 "reflect": false,
                 "defaultValue": "false"
@@ -66,6 +70,8 @@ export class CardSubtitle {
                     "tags": [],
                     "text": "If `true` the card text color becomes white."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "color",
                 "reflect": false,
                 "defaultValue": "''"

package/dist/collection/components/bal-card/bal-card-title/bal-card-title.js

@@ -23,6 +23,8 @@ export class CardTitle {
                     "tags": [],
                     "text": "If `true` the card text color becomes white."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "inverted",
                 "reflect": false,
                 "defaultValue": "false"

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

@@ -55,6 +55,8 @@ export class Card {
                     "tags": [],
                     "text": "If `true` a light blue border is added to the card."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "border",
                 "reflect": false,
                 "defaultValue": "false"
@@ -73,6 +75,8 @@ export class Card {
                     "tags": [],
                     "text": "If `true` the card loses its shadow."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "flat",
                 "reflect": false,
                 "defaultValue": "false"
@@ -91,6 +95,8 @@ export class Card {
                     "tags": [],
                     "text": "If `true` the card loses its border radius."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "square",
                 "reflect": false,
                 "defaultValue": "false"
@@ -109,6 +115,8 @@ export class Card {
                     "tags": [],
                     "text": "If `true` the card background color becomes blue."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "inverted",
                 "reflect": false,
                 "defaultValue": "false"
@@ -127,6 +135,8 @@ export class Card {
                     "tags": [],
                     "text": "If `true` the card has a hover effect."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "clickable",
                 "reflect": false,
                 "defaultValue": "false"
@@ -145,6 +155,8 @@ export class Card {
                     "tags": [],
                     "text": "If `true` the card gets a light background to indicate a selection."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "selected",
                 "reflect": false,
                 "defaultValue": "false"
@@ -163,6 +175,8 @@ export class Card {
                     "tags": [],
                     "text": "If `true` the card uses 100% of the available height."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "fullheight",
                 "reflect": false,
                 "defaultValue": "false"
@@ -186,6 +200,8 @@ export class Card {
                     "tags": [],
                     "text": "Defines the space of the card content."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "space",
                 "reflect": false,
                 "defaultValue": "''"
@@ -209,6 +225,8 @@ export class Card {
                     "tags": [],
                     "text": "Defines the color of the card."
                 },
+                "getter": false,
+                "setter": false,
                 "attribute": "color",
                 "reflect": false,
                 "defaultValue": "'white'"