@baloise/ds-core 19.8.2 → 19.8.3

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

@@ -124,7 +124,7 @@ export class Option {
      */
     render() {
         const block = BEM.block('option');
-        return (h(Host, { key: 'b1354e891bf0e8daf9dbd51f9f9c0343cb153cd7', class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, block.class()), block.modifier('checkbox').class(this.checkbox)), block.modifier('focused').class(this.focused)), block.modifier('invalid').class(this.invalid)), block.modifier('selected').class(this.selected)), block.modifier('disabled').class(this.disabled)), block.modifier('hidden').class(this.hidden)), role: "option", id: this.inputId, "data-value": this.value, "data-label": this.label, "aria-label": this.label, "aria-hidden": ariaBooleanToString(this.hidden), "aria-selected": ariaBooleanToString(this.selected), "aria-checked": ariaBooleanToString(this.selected), "aria-disabled": ariaBooleanToString(this.disabled), "aria-invalid": ariaBooleanToString(this.invalid), tabIndex: -1, onClick: this.onClick }, h("bal-stack", { key: '86b29daf65cebd3b742841eb2ab3785a74ddf620', py: "small", space: "x-small" }, this.checkbox ? (h("bal-check", { checked: this.selected, disabled: this.disabled, invalid: this.invalid, hovered: this.interactionState.hovered, pressed: this.interactionState.pressed, tabindex: -1 })) : (''), h("div", { key: '59f0e1afb3e543123dd891a5fc439f737c2454e4', class: Object.assign(Object.assign({}, block.element('inner').class()), block.element('inner').modifier('multiline').class(this.multiline)) }, h("slot", { key: 'f817c6d88b07f8113194fbf6ba5f0298c9e99f81' })), this.selected && !this.checkbox ? (h("bal-icon", { name: "check", size: "small", color: this.disabled ? 'grey' : this.invalid ? 'danger' : 'primary' })) : (''))));
+        return (h(Host, { key: '23668a24757ff9d58d8bb3f657bbe500e1a8de4a', class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, block.class()), block.modifier('checkbox').class(this.checkbox)), block.modifier('focused').class(this.focused)), block.modifier('invalid').class(this.invalid)), block.modifier('selected').class(this.selected)), block.modifier('disabled').class(this.disabled)), block.modifier('hidden').class(this.hidden)), role: "option", id: this.inputId, "data-value": this.value, "data-label": this.label, "aria-label": this.label, "aria-hidden": ariaBooleanToString(this.hidden), "aria-selected": ariaBooleanToString(this.selected), "aria-checked": ariaBooleanToString(this.selected), "aria-disabled": ariaBooleanToString(this.disabled), "aria-invalid": ariaBooleanToString(this.invalid), tabIndex: -1, onClick: this.onClick }, h("bal-stack", { key: 'e82b712abed142e6a38b859b35593f54697693a6', py: "small", space: "x-small" }, this.checkbox ? (h("bal-check", { checked: this.selected, disabled: this.disabled, invalid: this.invalid, hovered: this.interactionState.hovered, pressed: this.interactionState.pressed, tabindex: -1 })) : (''), h("div", { key: '6c853f9670f7238a6b05c7ea9999a7d759c410f3', class: Object.assign(Object.assign({}, block.element('inner').class()), block.element('inner').modifier('multiline').class(this.multiline)) }, h("slot", { key: '537b908ffc4b406ae6a60bf34003c8a67e194984' })), this.selected && !this.checkbox ? (h("bal-icon", { name: "check", size: "small", color: this.disabled ? 'grey' : this.invalid ? 'danger' : 'primary' })) : (''))));
     }
     static get is() { return "bal-option"; }
     static get originalStyleUrls() {
@@ -141,7 +141,6 @@ export class Option {
         return {
             "label": {
                 "type": "string",
-                "attribute": "label",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -157,11 +156,11 @@ export class Option {
                 "getter": false,
                 "setter": false,
                 "reflect": true,
+                "attribute": "label",
                 "defaultValue": "''"
             },
             "value": {
                 "type": "string",
-                "attribute": "value",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -177,11 +176,11 @@ export class Option {
                 "getter": false,
                 "setter": false,
                 "reflect": true,
+                "attribute": "value",
                 "defaultValue": "''"
             },
             "disabled": {
                 "type": "boolean",
-                "attribute": "disabled",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -197,11 +196,11 @@ export class Option {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "disabled",
                 "defaultValue": "false"
             },
             "multiline": {
                 "type": "boolean",
-                "attribute": "multiline",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -217,11 +216,11 @@ export class Option {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "multiline",
                 "defaultValue": "false"
             },
             "invalid": {
                 "type": "boolean",
-                "attribute": "invalid",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -237,11 +236,11 @@ export class Option {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "invalid",
                 "defaultValue": "false"
             },
             "selected": {
                 "type": "boolean",
-                "attribute": "selected",
                 "mutable": true,
                 "complexType": {
                     "original": "boolean",
@@ -257,11 +256,11 @@ export class Option {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "selected",
                 "defaultValue": "false"
             },
             "focused": {
                 "type": "boolean",
-                "attribute": "focused",
                 "mutable": true,
                 "complexType": {
                     "original": "boolean",
@@ -277,11 +276,11 @@ export class Option {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "focused",
                 "defaultValue": "false"
             },
             "hidden": {
                 "type": "boolean",
-                "attribute": "hidden",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -297,6 +296,7 @@ export class Option {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "hidden",
                 "defaultValue": "false"
             }
         };

package/dist/collection/components/bal-option-list/bal-option-list.js

@@ -1,13 +1,13 @@
 import { __decorate, __metadata } from "tslib";
 import { h, Host } from "@stencil/core";
 import isNil from "lodash.isnil";
+import { ariaBooleanToString } from "../../utils/aria";
 import { inheritAttributes } from "../../utils/attributes";
 import { BEM } from "../../utils/bem";
+import { defaultBalAriaForm } from "../../utils/form";
 import { raf, waitAfterFramePaint } from "../../utils/helpers";
 import { Logger } from "../../utils/log";
 import { includes, startsWith } from "../bal-select/utils/utils";
-import { defaultBalAriaForm } from "../../utils/form";
-import { ariaBooleanToString } from "../../utils/aria";
 export class OptionList {
     constructor() {
         this.inputId = `bal-option-list-${balOptionListIds++}`;
@@ -436,7 +436,7 @@ export class OptionList {
     render() {
         const block = BEM.block('option-list');
         const labelledby = this.labelledby || this.ariaForm.labelId;
-        return (h(Host, { key: 'b232136a55b7116f1894fca167540d50b7d974db', class: Object.assign({}, block.class()), id: this.inputId }, h("div", Object.assign({ key: '2c8a33c3e9baf88f7acd26bb097690909c2fdacc', role: "listbox", "aria-labelledby": labelledby, "aria-disabled": ariaBooleanToString(this.disabled), class: Object.assign({}, block.element('container').class()) }, this.inheritAttributes), h("slot", { key: 'ae72b336a225342786af05f2a722d3d2f6409871' }))));
+        return (h(Host, { key: '5b3158027e628a55ea8555e5eb6593cc9d81c7e2', class: Object.assign({}, block.class()), id: this.inputId }, h("div", Object.assign({ key: '679ffd4a00889cc9f7a2f886695f547a0c5f9fd7', role: "listbox", "aria-labelledby": labelledby, "aria-disabled": ariaBooleanToString(this.disabled), class: Object.assign({}, block.element('container').class()) }, this.inheritAttributes), h("slot", { key: '514c3009d4e75d62e69ffb60f832bbf70644a19d' }))));
     }
     static get is() { return "bal-option-list"; }
     static get originalStyleUrls() {
@@ -453,7 +453,6 @@ export class OptionList {
         return {
             "multiple": {
                 "type": "boolean",
-                "attribute": "multiple",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -469,11 +468,11 @@ export class OptionList {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "multiple",
                 "defaultValue": "false"
             },
             "disabled": {
                 "type": "boolean",
-                "attribute": "disabled",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -489,11 +488,11 @@ export class OptionList {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "disabled",
                 "defaultValue": "false"
             },
             "required": {
                 "type": "boolean",
-                "attribute": "required",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -509,11 +508,11 @@ export class OptionList {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "required",
                 "defaultValue": "false"
             },
             "focusIndex": {
                 "type": "number",
-                "attribute": "focus-index",
                 "mutable": true,
                 "complexType": {
                     "original": "number",
@@ -529,11 +528,11 @@ export class OptionList {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "focus-index",
                 "defaultValue": "-1"
             },
             "labelledby": {
                 "type": "string",
-                "attribute": "labelledby",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -548,11 +547,11 @@ export class OptionList {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "labelledby"
             },
             "filter": {
                 "type": "string",
-                "attribute": "filter",
                 "mutable": false,
                 "complexType": {
                     "original": "BalProps.BalOptionListFilter",
@@ -573,11 +572,11 @@ export class OptionList {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "filter",
                 "defaultValue": "'includes'"
             },
             "contentHeight": {
                 "type": "number",
-                "attribute": "content-height",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -593,6 +592,7 @@ export class OptionList {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "content-height",
                 "defaultValue": "262"
             }
         };

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

@@ -155,7 +155,6 @@ export class Pagination {
         return {
             "align": {
                 "type": "string",
-                "attribute": "align",
                 "mutable": false,
                 "complexType": {
                     "original": "BalProps.BalPaginationAlignment",
@@ -176,11 +175,11 @@ export class Pagination {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "align",
                 "defaultValue": "''"
             },
             "size": {
                 "type": "string",
-                "attribute": "size",
                 "mutable": false,
                 "complexType": {
                     "original": "BalProps.BalPaginationSize",
@@ -201,11 +200,11 @@ export class Pagination {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "size",
                 "defaultValue": "''"
             },
             "interface": {
                 "type": "string",
-                "attribute": "interface",
                 "mutable": false,
                 "complexType": {
                     "original": "BalProps.BalPaginationInterface",
@@ -226,11 +225,11 @@ export class Pagination {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "interface",
                 "defaultValue": "''"
             },
             "disabled": {
                 "type": "boolean",
-                "attribute": "disabled",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -246,11 +245,11 @@ export class Pagination {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "disabled",
                 "defaultValue": "false"
             },
             "value": {
                 "type": "number",
-                "attribute": "value",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -266,11 +265,11 @@ export class Pagination {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "value",
                 "defaultValue": "1"
             },
             "totalPages": {
                 "type": "number",
-                "attribute": "total-pages",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -286,11 +285,11 @@ export class Pagination {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "total-pages",
                 "defaultValue": "1"
             },
             "pageRange": {
                 "type": "number",
-                "attribute": "page-range",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -306,11 +305,11 @@ export class Pagination {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "page-range",
                 "defaultValue": "2"
             },
             "sticky": {
                 "type": "boolean",
-                "attribute": "sticky",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -326,11 +325,11 @@ export class Pagination {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "sticky",
                 "defaultValue": "false"
             },
             "top": {
                 "type": "number",
-                "attribute": "top",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -346,6 +345,7 @@ export class Pagination {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "top",
                 "defaultValue": "0"
             }
         };

package/dist/collection/components/bal-popover/bal-popover-content/bal-popover-content.js

@@ -1,7 +1,7 @@
 import { __decorate, __metadata } from "tslib";
 import { h, Host } from "@stencil/core";
 import { BEM } from "../../../utils/bem";
-import { ListenToBreakpoints, balBreakpoints } from "../../../utils/breakpoints";
+import { balBreakpoints, ListenToBreakpoints } from "../../../utils/breakpoints";
 import { balBrowser } from "../../../utils/browser";
 export class PopoverContent {
     constructor() {
@@ -80,14 +80,13 @@ export class PopoverContent {
     }
     render() {
         const block = BEM.block('popover').element('content');
-        return (h(Host, { key: 'ae764840239d3f9021044f5643785c29e348e949', class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, block.class()), block.modifier('expanded').class(this.expanded)), block.modifier('spaceless').class(this.spaceless)), block.modifier('no-shadow').class(this.noShadow)), block.modifier(`radius-${this.radius}`).class()), block.modifier(`color-${this.color}`).class()), block.modifier('on-top').class(this.mobileTop)), "data-testid": "bal-popover-content", role: "tooltip", style: this.contentStyle }, h("div", { key: '60c73ce1c4d003b0a3a78ec6a38e9676f806e11d', class: Object.assign({}, block.element('inner').class()), style: this.innerStyle }, h("slot", { key: 'd0810231279ce91786fcfccc22eb0d13a65f3b57' })), h("div", { key: '6d9f8e916ec085cd938dbcddfcbd316e131be0b5', class: Object.assign({}, block.element('arrow').class()), "data-popper-arrow": true })));
+        return (h(Host, { key: '3c3fb634b5c83d40b1cc5b33654ec7c67eab2353', class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, block.class()), block.modifier('expanded').class(this.expanded)), block.modifier('spaceless').class(this.spaceless)), block.modifier('no-shadow').class(this.noShadow)), block.modifier(`radius-${this.radius}`).class()), block.modifier(`color-${this.color}`).class()), block.modifier('on-top').class(this.mobileTop)), "data-testid": "bal-popover-content", role: "tooltip", style: this.contentStyle }, h("div", { key: 'ee3888b9bb9e125102d8721b1e0ba1a487252faa', class: Object.assign({}, block.element('inner').class()), style: this.innerStyle }, h("slot", { key: 'fd74aa5662fb85268cd615d8e74c8b4a8ad93e8c' })), h("div", { key: '52102edc41ca9da3db6d94a9ba8fb95ea9f583d8', class: Object.assign({}, block.element('arrow').class()), "data-popper-arrow": true })));
     }
     static get is() { return "bal-popover-content"; }
     static get properties() {
         return {
             "spaceless": {
                 "type": "boolean",
-                "attribute": "spaceless",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -103,11 +102,11 @@ export class PopoverContent {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "spaceless",
                 "defaultValue": "false"
             },
             "scrollable": {
                 "type": "number",
-                "attribute": "scrollable",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -123,11 +122,11 @@ export class PopoverContent {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "scrollable",
                 "defaultValue": "0"
             },
             "contentWidth": {
                 "type": "number",
-                "attribute": "content-width",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -143,11 +142,11 @@ export class PopoverContent {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "content-width",
                 "defaultValue": "0"
             },
             "contentMinWidth": {
                 "type": "number",
-                "attribute": "content-min-width",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -163,11 +162,11 @@ export class PopoverContent {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "content-min-width",
                 "defaultValue": "0"
             },
             "color": {
                 "type": "string",
-                "attribute": "color",
                 "mutable": false,
                 "complexType": {
                     "original": "BalProps.BalPopoverContentColor",
@@ -188,11 +187,11 @@ export class PopoverContent {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "color",
                 "defaultValue": "'white'"
             },
             "expanded": {
                 "type": "boolean",
-                "attribute": "expanded",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -208,11 +207,11 @@ export class PopoverContent {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "expanded",
                 "defaultValue": "false"
             },
             "radius": {
                 "type": "string",
-                "attribute": "radius",
                 "mutable": false,
                 "complexType": {
                     "original": "BalProps.BalPopoverContentRadius",
@@ -233,11 +232,11 @@ export class PopoverContent {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "radius",
                 "defaultValue": "'normal'"
             },
             "noShadow": {
                 "type": "boolean",
-                "attribute": "no-shadow",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -253,11 +252,11 @@ export class PopoverContent {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "no-shadow",
                 "defaultValue": "false"
             },
             "mobileTop": {
                 "type": "boolean",
-                "attribute": "mobile-top",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -273,6 +272,7 @@ export class PopoverContent {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "mobile-top",
                 "defaultValue": "false"
             }
         };