@baloise/ds-core 19.8.2 → 19.8.3

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

@@ -70,7 +70,6 @@ export class Card {
         return {
             "border": {
                 "type": "boolean",
-                "attribute": "border",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -86,11 +85,11 @@ export class Card {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "border",
                 "defaultValue": "false"
             },
             "flat": {
                 "type": "boolean",
-                "attribute": "flat",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -106,11 +105,11 @@ export class Card {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "flat",
                 "defaultValue": "false"
             },
             "square": {
                 "type": "boolean",
-                "attribute": "square",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -126,11 +125,11 @@ export class Card {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "square",
                 "defaultValue": "false"
             },
             "inverted": {
                 "type": "boolean",
-                "attribute": "inverted",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -146,11 +145,11 @@ export class Card {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "inverted",
                 "defaultValue": "false"
             },
             "clickable": {
                 "type": "boolean",
-                "attribute": "clickable",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -166,11 +165,11 @@ export class Card {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "clickable",
                 "defaultValue": "false"
             },
             "selected": {
                 "type": "boolean",
-                "attribute": "selected",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -186,11 +185,11 @@ export class Card {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "selected",
                 "defaultValue": "false"
             },
             "fullheight": {
                 "type": "boolean",
-                "attribute": "fullheight",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -206,11 +205,11 @@ export class Card {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "fullheight",
                 "defaultValue": "false"
             },
             "space": {
                 "type": "string",
-                "attribute": "space",
                 "mutable": false,
                 "complexType": {
                     "original": "BalProps.BalCardSpace",
@@ -231,11 +230,11 @@ export class Card {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "space",
                 "defaultValue": "''"
             },
             "color": {
                 "type": "string",
-                "attribute": "color",
                 "mutable": false,
                 "complexType": {
                     "original": "BalProps.BalCardColor",
@@ -256,6 +255,7 @@ export class Card {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "color",
                 "defaultValue": "'white'"
             }
         };

package/dist/collection/components/bal-carousel/bal-carousel-item/bal-carousel-item.js

@@ -116,7 +116,6 @@ export class CarouselItem {
         return {
             "src": {
                 "type": "string",
-                "attribute": "src",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -131,11 +130,11 @@ export class CarouselItem {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": true
+                "reflect": true,
+                "attribute": "src"
             },
             "label": {
                 "type": "string",
-                "attribute": "label",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -151,11 +150,11 @@ export class CarouselItem {
                 "getter": false,
                 "setter": false,
                 "reflect": true,
+                "attribute": "label",
                 "defaultValue": "''"
             },
             "svg": {
                 "type": "string",
-                "attribute": "svg",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -171,11 +170,11 @@ export class CarouselItem {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "svg",
                 "defaultValue": "''"
             },
             "htmlRole": {
                 "type": "string",
-                "attribute": "html-role",
                 "mutable": false,
                 "complexType": {
                     "original": "'tab' | 'listitem' | ''",
@@ -194,11 +193,11 @@ export class CarouselItem {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "html-role",
                 "defaultValue": "'listitem'"
             },
             "elementType": {
                 "type": "string",
-                "attribute": "element-type",
                 "mutable": false,
                 "complexType": {
                     "original": "BalProps.BalButtonElementType",
@@ -219,11 +218,11 @@ export class CarouselItem {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "element-type",
                 "defaultValue": "'button'"
             },
             "name": {
                 "type": "string",
-                "attribute": "name",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -239,11 +238,11 @@ export class CarouselItem {
                 "getter": false,
                 "setter": false,
                 "reflect": true,
+                "attribute": "name",
                 "defaultValue": "undefined"
             },
             "value": {
                 "type": "any",
-                "attribute": "value",
                 "mutable": false,
                 "complexType": {
                     "original": "string | number",
@@ -259,11 +258,11 @@ export class CarouselItem {
                 "getter": false,
                 "setter": false,
                 "reflect": true,
+                "attribute": "value",
                 "defaultValue": "undefined"
             },
             "href": {
                 "type": "string",
-                "attribute": "href",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -278,11 +277,11 @@ export class CarouselItem {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "href"
             },
             "target": {
                 "type": "string",
-                "attribute": "target",
                 "mutable": false,
                 "complexType": {
                     "original": "BalProps.BalButtonTarget",
@@ -303,11 +302,11 @@ export class CarouselItem {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "target",
                 "defaultValue": "'_self'"
             },
             "rel": {
                 "type": "string",
-                "attribute": "rel",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -322,11 +321,11 @@ export class CarouselItem {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "rel"
             },
             "download": {
                 "type": "string",
-                "attribute": "download",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -341,11 +340,11 @@ export class CarouselItem {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "download"
             },
             "color": {
                 "type": "string",
-                "attribute": "color",
                 "mutable": false,
                 "complexType": {
                     "original": "BalProps.BalCarouselItemColor",
@@ -365,7 +364,8 @@ export class CarouselItem {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "color"
             }
         };
     }

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

@@ -1,16 +1,16 @@
 import { __decorate, __metadata } from "tslib";
-import { h, Host, } from "@stencil/core";
+import { Host, h, } from "@stencil/core";
 import { BEM } from "../../utils/bem";
-import { TabControl } from "./controls/tab-control";
-import { stopEventBubbling } from "../../utils/form-input";
 import { balBreakpoints } from "../../utils/breakpoints";
 import { ListenToBreakpoints } from "../../utils/breakpoints/breakpoints.decorator";
-import { ListenToSwipe } from "../../utils/swipe";
+import { ListenToConfig, defaultConfig } from "../../utils/config";
+import { stopEventBubbling } from "../../utils/form-input";
 import { ListenToMutation } from "../../utils/mutation";
 import { ListenToResize } from "../../utils/resize";
-import { ListenToConfig, defaultConfig } from "../../utils/config";
+import { ListenToSwipe } from "../../utils/swipe";
 import { SwiperUtil } from "../../utils/swiper";
 import { ListenToVisibility } from "../../utils/visibility";
+import { TabControl } from "./controls/tab-control";
 export class Carousel {
     constructor() {
         this.swiper = new SwiperUtil();
@@ -193,7 +193,7 @@ export class Carousel {
         const block = BEM.block('carousel');
         const inner = block.element('inner');
         const container = inner.element('container');
-        return (h(Host, { key: '8d3018d668a5ee7d7f6db4f2c2546e720ad48577', class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, this.swiper.cssSwiper()), block.class()), block.modifier(this.interface).class(this.interface !== '')), block.modifier(`full-height`).class(this.fullHeight)), block.modifier('controls-sticky').class(this.controlsSticky)), block.modifier(`controls-tabs`).class(this.controls === 'tabs')) }, this.controls === 'tabs' ? (h(TabControl, { value: this.value, items: this.swiper.getAllControlItems(), containerId: this.swiper.containerId, onControlChange: item => this.swiper.onControlChange(item.value) })) : (''), h("div", { key: 'd4fdd5af148e4fdcb1c4f0c49966398a8fa0fcd2', class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, this.swiper.cssInnerSwiper()), inner.class()), inner.modifier(`is-${this.aspectRatio}`).class()), inner.modifier(`inverted`).class(this.inverted)), inner.modifier(`full-height`).class(this.fullHeight)), ref: el => (this.swiper.innerEl = el) }, h("div", { key: 'acb3aa06b89dcb97bd3c3a489f5143752cd35568', id: this.swiper.containerId, role: this.controls === 'tabs' ? '' : 'list', class: Object.assign(Object.assign(Object.assign(Object.assign({}, this.swiper.cssSwiperContainer()), container.class()), container.modifier(`border`).class(this.border)), container.modifier(`is-${this.aspectRatio}`).class()), ref: el => (this.swiper.containerEl = el) }, h("slot", { key: '73052ff64fa0423cb88bf96aaa771064ca3aadea' }), this.border ? (h("div", { id: `${this.swiper.id}-border`, "aria-hidden": "true", class: Object.assign(Object.assign({}, container.element('border').class()), container.element('border').modifier('inverted').class(this.inverted)), ref: el => (this.swiper.borderEl = el) })) : (''))), this.swiper.renderControls()));
+        return (h(Host, { key: '561107c8e3c5eb7a80b3e2a8b113ed13f2fdfb5d', class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, this.swiper.cssSwiper()), block.class()), block.modifier(this.interface).class(this.interface !== '')), block.modifier(`full-height`).class(this.fullHeight)), block.modifier('controls-sticky').class(this.controlsSticky)), block.modifier(`controls-tabs`).class(this.controls === 'tabs')) }, this.controls === 'tabs' ? (h(TabControl, { value: this.value, items: this.swiper.getAllControlItems(), containerId: this.swiper.containerId, onControlChange: item => this.swiper.onControlChange(item.value) })) : (''), h("div", { key: '6adb9641efe5f488a940ffac297bcc7b3932c92a', class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, this.swiper.cssInnerSwiper()), inner.class()), inner.modifier(`is-${this.aspectRatio}`).class()), inner.modifier(`inverted`).class(this.inverted)), inner.modifier(`full-height`).class(this.fullHeight)), ref: el => (this.swiper.innerEl = el) }, h("div", { key: 'fb4083afd4a967761c25200e8630f171b02a6c2d', id: this.swiper.containerId, role: this.controls === 'tabs' ? '' : 'list', class: Object.assign(Object.assign(Object.assign(Object.assign({}, this.swiper.cssSwiperContainer()), container.class()), container.modifier(`border`).class(this.border)), container.modifier(`is-${this.aspectRatio}`).class()), ref: el => (this.swiper.containerEl = el) }, h("slot", { key: 'c46d996cc3904bcdc38951f155e3a49f73f284f8' }), this.border ? (h("div", { id: `${this.swiper.id}-border`, "aria-hidden": "true", class: Object.assign(Object.assign({}, container.element('border').class()), container.element('border').modifier('inverted').class(this.inverted)), ref: el => (this.swiper.borderEl = el) })) : (''))), this.swiper.renderControls()));
     }
     static get is() { return "bal-carousel"; }
     static get originalStyleUrls() {
@@ -210,7 +210,6 @@ export class Carousel {
         return {
             "value": {
                 "type": "number",
-                "attribute": "value",
                 "mutable": true,
                 "complexType": {
                     "original": "number",
@@ -226,11 +225,11 @@ export class Carousel {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "value",
                 "defaultValue": "0"
             },
             "steps": {
                 "type": "number",
-                "attribute": "steps",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -246,11 +245,11 @@ export class Carousel {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "steps",
                 "defaultValue": "1"
             },
             "itemsPerView": {
                 "type": "any",
-                "attribute": "items-per-view",
                 "mutable": false,
                 "complexType": {
                     "original": "'auto' | 1 | 2 | 3 | 4",
@@ -266,11 +265,11 @@ export class Carousel {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "items-per-view",
                 "defaultValue": "1"
             },
             "controls": {
                 "type": "string",
-                "attribute": "controls",
                 "mutable": false,
                 "complexType": {
                     "original": "'small' | 'large' | 'dots' | 'tabs' | 'none'",
@@ -286,11 +285,11 @@ export class Carousel {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "controls",
                 "defaultValue": "'none'"
             },
             "space": {
                 "type": "string",
-                "attribute": "space",
                 "mutable": false,
                 "complexType": {
                     "original": "'normal' | 'medium' | 'none'",
@@ -306,11 +305,11 @@ export class Carousel {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "space",
                 "defaultValue": "'none'"
             },
             "htmlRole": {
                 "type": "string",
-                "attribute": "html-role",
                 "mutable": false,
                 "complexType": {
                     "original": "'tablist' | 'list' | ''",
@@ -329,11 +328,11 @@ export class Carousel {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "html-role",
                 "defaultValue": "'list'"
             },
             "controlsOverflow": {
                 "type": "boolean",
-                "attribute": "controls-overflow",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -349,11 +348,11 @@ export class Carousel {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "controls-overflow",
                 "defaultValue": "false"
             },
             "inverted": {
                 "type": "boolean",
-                "attribute": "inverted",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -369,11 +368,11 @@ export class Carousel {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "inverted",
                 "defaultValue": "false"
             },
             "fullHeight": {
                 "type": "boolean",
-                "attribute": "full-height",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -389,11 +388,11 @@ export class Carousel {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "full-height",
                 "defaultValue": "false"
             },
             "aspectRatio": {
                 "type": "string",
-                "attribute": "aspect-ratio",
                 "mutable": false,
                 "complexType": {
                     "original": "'1by1' | '3by2' | '4by3' | '16by9'",
@@ -409,11 +408,11 @@ export class Carousel {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "aspect-ratio",
                 "defaultValue": "'16by9'"
             },
             "interface": {
                 "type": "string",
-                "attribute": "interface",
                 "mutable": false,
                 "complexType": {
                     "original": "'card' | 'image' | 'product' | ''",
@@ -429,11 +428,11 @@ export class Carousel {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "interface",
                 "defaultValue": "''"
             },
             "controlsSticky": {
                 "type": "boolean",
-                "attribute": "controls-sticky",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -449,11 +448,11 @@ export class Carousel {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "controls-sticky",
                 "defaultValue": "false"
             },
             "scrollY": {
                 "type": "boolean",
-                "attribute": "scroll-y",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -469,11 +468,11 @@ export class Carousel {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "scroll-y",
                 "defaultValue": "true"
             },
             "border": {
                 "type": "boolean",
-                "attribute": "border",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -489,6 +488,7 @@ export class Carousel {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "border",
                 "defaultValue": "false"
             }
         };

package/dist/collection/components/bal-checkbox/bal-check/bal-check.js

@@ -58,7 +58,6 @@ export class Check {
         return {
             "checked": {
                 "type": "boolean",
-                "attribute": "checked",
                 "mutable": true,
                 "complexType": {
                     "original": "boolean",
@@ -74,11 +73,11 @@ export class Check {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "checked",
                 "defaultValue": "false"
             },
             "invalid": {
                 "type": "boolean",
-                "attribute": "invalid",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -94,11 +93,11 @@ export class Check {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "invalid",
                 "defaultValue": "undefined"
             },
             "disabled": {
                 "type": "boolean",
-                "attribute": "disabled",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -114,11 +113,11 @@ export class Check {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "disabled",
                 "defaultValue": "undefined"
             },
             "inverted": {
                 "type": "boolean",
-                "attribute": "inverted",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -134,11 +133,11 @@ export class Check {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "inverted",
                 "defaultValue": "undefined"
             },
             "hovered": {
                 "type": "boolean",
-                "attribute": "hovered",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -157,11 +156,11 @@ export class Check {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "hovered",
                 "defaultValue": "false"
             },
             "pressed": {
                 "type": "boolean",
-                "attribute": "pressed",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -180,6 +179,7 @@ export class Check {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "pressed",
                 "defaultValue": "false"
             }
         };