@baloise/ds-core 19.8.2 → 19.8.3

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

@@ -228,7 +228,7 @@ export class Select {
         this.syncRawValue(false);
     }
     updateRawValue(newValue, isHuman = true) {
-        if (!areArraysEqual(newValue, this.rawValue || [])) {
+        if (!areArraysEqual(newValue, this.rawValue || []) && this.options.size > 0) {
             this.rawValue = [...newValue];
             this.syncNativeInput(isHuman);
             if (this.didInit && isHuman === true) {
@@ -743,7 +743,7 @@ export class Select {
      */
     render() {
         var _a;
-        const Chip = (props) => (h("bal-tag", { key: 'ddb984b0edd1a0fbbad814a5d29c83ce7276a07a', size: "", closable: !this.disabled, disabled: this.disabled, invalid: this.invalid, tabindex: -1, onBalCloseClick: _ => this.removeValue(props.value), "data-testid": "bal-select-chip" }, findLabelByValue(this.options, props.value) || props.value));
+        const Chip = (props) => (h("bal-tag", { key: '2cdffc028c1bf2c7895b2bf6acf17d4d36403b53', size: "", closable: !this.disabled, disabled: this.disabled, invalid: this.invalid, tabindex: -1, onBalCloseClick: _ => this.removeValue(props.value), "data-testid": "bal-select-chip" }, findLabelByValue(this.options, props.value) || props.value));
         const valuesArray = getValues(this.rawValue);
         const block = BEM.block('select');
         const nativeEl = block.element('native');
@@ -757,19 +757,19 @@ export class Select {
         const optionContentEl = optionEl.element('content');
         const optionContentCheckboxEl = optionContentEl.element('checkbox');
         const optionContentLabelEl = optionContentEl.element('label');
-        return (h(Host, { key: '43659a2cc50a3585620a99974377c422d3e2f0f2', role: "listbox", onClick: this.handleClick, "aria-disabled": ariaBooleanToString(this.disabled), "data-value": (_a = this.rawValue) === null || _a === void 0 ? void 0 : _a.map(v => findLabelByValue(this.options, v)).join(','), class: Object.assign(Object.assign(Object.assign(Object.assign({}, block.class()), block.modifier('disabled').class(this.disabled || this.readonly)), block.modifier('inverted').class(this.inverted)), block.modifier('inverted-footer').class(this.inverted)) }, h("select", { key: '5d2d9ab75815fbe0b2db6ea82261beac097ab111', class: Object.assign({}, nativeEl.class()), name: this.name, multiple: this.multiple, required: this.required, tabindex: -1, ref: el => (this.nativeSelectEl = el) }, valuesArray.map((value) => (h("option", { key: value, value: value, selected: true }, value)))), h("bal-popover", { key: '0c42dacf94a09088cbca90c527ff99bba37708fa', onBalChange: this.handlePopoverChange, ref: el => (this.popoverElement = el) }, h("div", { key: 'b1c5567689ad59809fa36559603761223368914b', "bal-popover-trigger": true, class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, controlEl.class()), controlEl.modifier('invalid').class(this.invalid)), controlEl.modifier('disabled').class(this.disabled || this.readonly)), controlEl.modifier('focused').class(this.isPopoverOpen)), controlEl.modifier('inverted-footer').class(this.inverted)) }, h("div", { key: '93632751c2b8b472578e80012934949069c4961c', class: Object.assign(Object.assign({}, controlSelectionsEl.class()), controlSelectionsEl
+        return (h(Host, { key: '2d16928c6a3383b0f00335b5662c4699210d87ff', role: "listbox", onClick: this.handleClick, "aria-disabled": ariaBooleanToString(this.disabled), "data-value": (_a = this.rawValue) === null || _a === void 0 ? void 0 : _a.map(v => findLabelByValue(this.options, v)).join(','), class: Object.assign(Object.assign(Object.assign(Object.assign({}, block.class()), block.modifier('disabled').class(this.disabled || this.readonly)), block.modifier('inverted').class(this.inverted)), block.modifier('inverted-footer').class(this.inverted)) }, h("select", { key: '1a356d4c1ba7694a732495198fc2d9bbdda40dea', class: Object.assign({}, nativeEl.class()), name: this.name, multiple: this.multiple, required: this.required, tabindex: -1, ref: el => (this.nativeSelectEl = el) }, valuesArray.map((value) => (h("option", { key: value, value: value, selected: true }, value)))), h("bal-popover", { key: '9ea8e39781ef2f49ef55e16735cb0c7852065108', onBalChange: this.handlePopoverChange, ref: el => (this.popoverElement = el) }, h("div", { key: 'a39326c63dbcac1ad82926f8760d5e07f070fe03', "bal-popover-trigger": true, class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, controlEl.class()), controlEl.modifier('invalid').class(this.invalid)), controlEl.modifier('disabled').class(this.disabled || this.readonly)), controlEl.modifier('focused').class(this.isPopoverOpen)), controlEl.modifier('inverted-footer').class(this.inverted)) }, h("div", { key: 'e798517f1557a5be9162a4abaf0d84c5c663d881', class: Object.assign(Object.assign({}, controlSelectionsEl.class()), controlSelectionsEl
                 .modifier('clickable')
                 .class(!this.isPopoverOpen && !this.disabled && !this.readonly)), onClick: this.handleInputClick, ref: el => (this.selectionEl = el) }, valuesArray
             .filter(_ => this.multiple)
-            .map((value) => (h(Chip, { value: value }))), h("input", Object.assign({ key: '2d6b493fc30aa1e1a4355e94ba15f9d404372ba7', type: "text", class: Object.assign(Object.assign({}, controlInputEl.class()), { 'input': true, 'is-inverted': this.inverted, 'is-danger': this.invalid, 'is-disabled': this.disabled || this.readonly, 'is-clickable': !this.isPopoverOpen && !this.disabled && !this.readonly, 'data-test-select-input': true }), id: this.ariaForm.controlId || this.inputId, "aria-labelledby": this.ariaForm.labelId, "aria-describedby": this.ariaForm.messageId, "aria-invalid": this.invalid === true ? 'true' : 'false', "aria-disabled": ariaBooleanToString(this.disabled), "data-testid": "bal-select-input", autocomplete: this.autocomplete, "aria-autocomplete": this.autocomplete === 'off' ? 'none' : null, placeholder: this.inputPlaceholder, readonly: !this.typeahead || this.disabled || this.readonly, contentEditable: this.typeahead, disabled: this.disabled, maxLength: this.maxLength, tabindex: this.balTabindex, onInput: this.handleInput, onClick: this.handleInputClick, onChange: this.handleInputChange, onFocus: this.handleInputFocus, onBlur: this.handleInputBlur, onKeyPress: this.handleKeyPress, ref: el => (this.inputElement = el) }, this.inheritedAttributes))), !this.freeSolo && !this.loading ? (h("bal-icon", { class: Object.assign(Object.assign(Object.assign({}, controlIconEl.class()), controlIconEl.modifier('loading').class(this.loading)), controlIconEl.modifier('clickable').class(!this.disabled && !this.readonly)), name: !this.inverted ? 'caret-down' : 'caret-up', color: this.disabled || this.readonly
+            .map((value) => (h(Chip, { value: value }))), h("input", Object.assign({ key: '3e8135f1e6297ccba9732ada6cab72d6470733bf', type: "text", class: Object.assign(Object.assign({}, controlInputEl.class()), { 'input': true, 'is-inverted': this.inverted, 'is-danger': this.invalid, 'is-disabled': this.disabled || this.readonly, 'is-clickable': !this.isPopoverOpen && !this.disabled && !this.readonly, 'data-test-select-input': true }), id: this.ariaForm.controlId || this.inputId, "aria-labelledby": this.ariaForm.labelId, "aria-describedby": this.ariaForm.messageId, "aria-invalid": this.invalid === true ? 'true' : 'false', "aria-disabled": ariaBooleanToString(this.disabled), "data-testid": "bal-select-input", autocomplete: this.autocomplete, "aria-autocomplete": this.autocomplete === 'off' ? 'none' : null, placeholder: this.inputPlaceholder, readonly: !this.typeahead || this.disabled || this.readonly, contentEditable: this.typeahead, disabled: this.disabled, maxLength: this.maxLength, tabindex: this.balTabindex, onInput: this.handleInput, onClick: this.handleInputClick, onChange: this.handleInputChange, onFocus: this.handleInputFocus, onBlur: this.handleInputBlur, onKeyPress: this.handleKeyPress, ref: el => (this.inputElement = el) }, this.inheritedAttributes))), !this.freeSolo && !this.loading ? (h("bal-icon", { class: Object.assign(Object.assign(Object.assign({}, controlIconEl.class()), controlIconEl.modifier('loading').class(this.loading)), controlIconEl.modifier('clickable').class(!this.disabled && !this.readonly)), name: !this.inverted ? 'caret-down' : 'caret-up', color: this.disabled || this.readonly
                 ? 'grey-light'
                 : this.inverted
                     ? 'white'
                     : this.invalid
                         ? 'danger'
-                        : 'primary', turn: this.isPopoverOpen, onClick: ev => this.handleInputClick(ev, true), size: !this.inverted ? '' : 'x-small' })) : ('')), h("bal-popover-content", { key: 'f861f2aed280b9a55b932239e546561769d085cc', class: Object.assign({}, popoverContentEl.class()), scrollable: this.scrollable, spaceless: true, expanded: true }, this.optionArray.map((option, index) => (h("button", { key: option.value, type: "button", role: "option", id: option.id, "data-value": option.value, "data-label": option.label, class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, optionEl.class()), optionEl
+                        : 'primary', turn: this.isPopoverOpen, onClick: ev => this.handleInputClick(ev, true), size: !this.inverted ? '' : 'x-small' })) : ('')), h("bal-popover-content", { key: '22217507fdedb75779041bb7ed95e19888c1642e', class: Object.assign({}, popoverContentEl.class()), scrollable: this.scrollable, spaceless: true, expanded: true }, this.optionArray.map((option, index) => (h("button", { key: option.value, type: "button", role: "option", id: option.id, "data-value": option.value, "data-label": option.label, class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, optionEl.class()), optionEl
                 .modifier('selected')
-                .class(valuesArray.includes(option.value) && !(this.typeahead && !this.multiple))), optionEl.modifier('focused').class(this.focusIndex === index)), optionEl.modifier('checkbox').class(this.multiple)), optionEl.modifier('disabled').class(option.disabled === true)), "data-testid": "bal-select-option", disabled: option.disabled, tabIndex: -1, onMouseEnter: () => this.handleOptionMouseEnter(index), onClick: () => this.optionSelected(option) }, h("div", { class: Object.assign({}, optionContentEl.class()) }, h("span", { class: Object.assign({}, optionContentCheckboxEl.class()), style: { display: this.multiple ? 'flex' : 'none' } }, h("bal-checkbox", { checked: valuesArray.includes(option.value), tabindex: -1, nonSubmit: true, flat: true, onBalChange: preventDefault })), h("span", { class: Object.assign({}, optionContentLabelEl.class()), innerHTML: option.innerHTML }))))), h("div", { key: '0941cb2d8007029c663852d61913bb0ca926ce32', class: Object.assign(Object.assign({}, popoverContentEmptyEl.class()), popoverContentEmptyEl
+                .class(valuesArray.includes(option.value) && !(this.typeahead && !this.multiple))), optionEl.modifier('focused').class(this.focusIndex === index)), optionEl.modifier('checkbox').class(this.multiple)), optionEl.modifier('disabled').class(option.disabled === true)), "data-testid": "bal-select-option", disabled: option.disabled, tabIndex: -1, onMouseEnter: () => this.handleOptionMouseEnter(index), onClick: () => this.optionSelected(option) }, h("div", { class: Object.assign({}, optionContentEl.class()) }, h("span", { class: Object.assign({}, optionContentCheckboxEl.class()), style: { display: this.multiple ? 'flex' : 'none' } }, h("bal-checkbox", { checked: valuesArray.includes(option.value), tabindex: -1, nonSubmit: true, flat: true, onBalChange: preventDefault })), h("span", { class: Object.assign({}, optionContentLabelEl.class()), innerHTML: option.innerHTML }))))), h("div", { key: '8a6862c54398959fe4a020057880a154e232e1f2', class: Object.assign(Object.assign({}, popoverContentEmptyEl.class()), popoverContentEmptyEl
                 .modifier('hidden')
                 .class(this.noDataLabel === undefined || this.hasOptions() || !this.typeahead || this.selectionOptional)) }, this.noDataLabel)))));
     }
@@ -788,7 +788,6 @@ export class Select {
         return {
             "name": {
                 "type": "string",
-                "attribute": "name",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -804,11 +803,11 @@ export class Select {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "name",
                 "defaultValue": "this.inputId"
             },
             "invalid": {
                 "type": "boolean",
-                "attribute": "invalid",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -824,11 +823,11 @@ export class Select {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "invalid",
                 "defaultValue": "false"
             },
             "filter": {
                 "type": "string",
-                "attribute": "filter",
                 "mutable": false,
                 "complexType": {
                     "original": "BalProps.BalSelectFilter",
@@ -849,11 +848,11 @@ export class Select {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "filter",
                 "defaultValue": "'includes'"
             },
             "balTabindex": {
                 "type": "number",
-                "attribute": "bal-tabindex",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -869,11 +868,11 @@ export class Select {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "bal-tabindex",
                 "defaultValue": "0"
             },
             "freeSolo": {
                 "type": "boolean",
-                "attribute": "free-solo",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -889,11 +888,11 @@ export class Select {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "free-solo",
                 "defaultValue": "false"
             },
             "multiple": {
                 "type": "boolean",
-                "attribute": "multiple",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -909,11 +908,11 @@ export class Select {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "multiple",
                 "defaultValue": "false"
             },
             "maxLength": {
                 "type": "number",
-                "attribute": "max-length",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -928,11 +927,11 @@ export class Select {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "max-length"
             },
             "noDataLabel": {
                 "type": "string",
-                "attribute": "no-data-label",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -947,11 +946,11 @@ export class Select {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "no-data-label"
             },
             "autocomplete": {
                 "type": "string",
-                "attribute": "autocomplete",
                 "mutable": false,
                 "complexType": {
                     "original": "BalProps.BalInputAutocomplete",
@@ -972,11 +971,11 @@ export class Select {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "autocomplete",
                 "defaultValue": "'off'"
             },
             "typeahead": {
                 "type": "boolean",
-                "attribute": "typeahead",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -992,11 +991,11 @@ export class Select {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "typeahead",
                 "defaultValue": "false"
             },
             "selectionOptional": {
                 "type": "boolean",
-                "attribute": "selection-optional",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -1012,11 +1011,11 @@ export class Select {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "selection-optional",
                 "defaultValue": "false"
             },
             "disabled": {
                 "type": "boolean",
-                "attribute": "disabled",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -1032,11 +1031,11 @@ export class Select {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "disabled",
                 "defaultValue": "false"
             },
             "readonly": {
                 "type": "boolean",
-                "attribute": "readonly",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -1052,11 +1051,11 @@ export class Select {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "readonly",
                 "defaultValue": "false"
             },
             "required": {
                 "type": "boolean",
-                "attribute": "required",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -1072,11 +1071,11 @@ export class Select {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "required",
                 "defaultValue": "false"
             },
             "inverted": {
                 "type": "boolean",
-                "attribute": "inverted",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -1095,11 +1094,11 @@ export class Select {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "inverted",
                 "defaultValue": "false"
             },
             "placeholder": {
                 "type": "string",
-                "attribute": "placeholder",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -1114,11 +1113,11 @@ export class Select {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "placeholder"
             },
             "scrollable": {
                 "type": "number",
-                "attribute": "scrollable",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -1134,11 +1133,11 @@ export class Select {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "scrollable",
                 "defaultValue": "250"
             },
             "loading": {
                 "type": "boolean",
-                "attribute": "loading",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -1154,11 +1153,11 @@ export class Select {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "loading",
                 "defaultValue": "false"
             },
             "remote": {
                 "type": "boolean",
-                "attribute": "remote",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -1174,11 +1173,11 @@ export class Select {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "remote",
                 "defaultValue": "false"
             },
             "autoInvalidOff": {
                 "type": "boolean",
-                "attribute": "auto-invalid-off",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -1194,11 +1193,11 @@ export class Select {
                 "getter": false,
                 "setter": false,
                 "reflect": true,
+                "attribute": "auto-invalid-off",
                 "defaultValue": "false"
             },
             "value": {
                 "type": "string",
-                "attribute": "value",
                 "mutable": true,
                 "complexType": {
                     "original": "string | string[]",
@@ -1214,6 +1213,7 @@ export class Select {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "value",
                 "defaultValue": "[]"
             }
         };

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

@@ -51,11 +51,11 @@ export class Shape {
     render() {
         const block = BEM.block('shape');
         const shapes = [
-            h("g", { key: 'f3d8b7f5467b02d0c279dd48f806f7ecdda43055', id: "e8353d3b-35a2-4e20-9245-0eceed641ae5" }, h("g", { key: '20989a8f4a0ffacd98d5ea3fb635b9bb57c283ea', id: "af87362a-72b2-42cf-8efe-c9917dc1f7f6" }, h("path", { key: 'abe93f2fd25f250d863e91738929ed09b705dc22', class: "st0", d: "M132,66v66H66V66H132z M132,0v66H66V0H132z M66,0v66H0V6.4C0,4.2,0,3,0.4,2.2c0.4-0.7,1-1.4,1.7-1.7\n            C3,0,4.2,0,6.4,0H66z M191.6,0c2.2,0,3.4,0,4.2,0.4c0.7,0.4,1.4,1,1.7,1.7c0.4,0.9,0.4,2,0.4,4.2V66h-66V0H191.6z M0,125.6V66h66\n            v66H6.4H0 M198,132v59.6c0,2.2,0,3.4-0.4,4.2c-0.4,0.7-1,1.4-1.7,1.7c-0.9,0.4-2,0.4-4.2,0.4H132v-66H198z" }))),
-            h("g", { key: 'baab4800b5fd2e7b4da6354a8ea70977892f27e9', id: "b949d602-8478-437e-a171-ad3f26649cb4" }, h("g", { key: '50b59b033a31199c8bfa1ffeb3dad71a8ec09939', id: "ae3574e0-2065-4681-8937-4318b8656147" }, h("path", { key: '7b8dcc70a852a9d19576339cb77001159eb459ff', class: "b9f37b2d-094d-4f18-b17c-7c5acf36f9a6", d: "M132,66v66H66V66ZM191.6,0c2.24,0,3.36,0,4.22.44a4,4,0,0,1,1.74,1.74c.44.86.44,2,.44,4.22V66H132V0ZM66,0V66H0V6.4C0,4.16,0,3,.44,2.18A4,4,0,0,1,2.18.44C3,0,4.16,0,6.4,0Zm0,132v66H6.4c-2.24,0-3.36,0-4.22-.44a4,4,0,0,1-1.74-1.74C0,195,0,193.84,0,191.6V132Zm66,0v66H66V132Zm66,0v59.6c0,2.24,0,3.36-.44,4.22a4,4,0,0,1-1.74,1.74c-.86.44-2,.44-4.22.44H132V132Zm0-66v66H132V66Z" }))),
-            h("g", { key: '49ce3b1e67abf972cf5d85fc4fd7179789dc7475', id: "e827a936-cbcd-43b3-971a-aa8f8714fdff" }, h("g", { key: '178eeae1141014cd9d350efa16127287f9b3e693', id: "e540dca8-23ca-45dc-b462-df9071c1317d" }, h("path", { key: '5ddcf393f950bfac964f513641488157e4cbc864', class: "st0", d: "M132,66v66H66V66H132z M132,0v66H66V0H132z M66,0v66H0V6.4C0,4.2,0,3,0.4,2.2c0.4-0.7,1-1.4,1.7-1.7\n            C3,0,4.2,0,6.4,0H66z M66,132v66H6.4c-2.2,0-3.4,0-4.2-0.4c-0.7-0.4-1.4-1-1.7-1.7C0,195,0,193.8,0,191.6V132H66z M132,132v66H66\n            v-66H132z M198,132v59.6c0,2.2,0,3.4-0.4,4.2c-0.4,0.7-1,1.4-1.7,1.7c-0.9,0.4-2,0.4-4.2,0.4H132v-66H198z M198,66v66h-66V66" }))),
+            h("g", { key: '87bcd10eb1794dd25b47e8a62bb0e612ce50ada9', id: "e8353d3b-35a2-4e20-9245-0eceed641ae5" }, h("g", { key: '1539b43e12735fe7ebd960309c2fd0bd17bed96b', id: "af87362a-72b2-42cf-8efe-c9917dc1f7f6" }, h("path", { key: 'a19747dc616fa444df90a58f8a23c2acc5e51f69', class: "st0", d: "M132,66v66H66V66H132z M132,0v66H66V0H132z M66,0v66H0V6.4C0,4.2,0,3,0.4,2.2c0.4-0.7,1-1.4,1.7-1.7\n            C3,0,4.2,0,6.4,0H66z M191.6,0c2.2,0,3.4,0,4.2,0.4c0.7,0.4,1.4,1,1.7,1.7c0.4,0.9,0.4,2,0.4,4.2V66h-66V0H191.6z M0,125.6V66h66\n            v66H6.4H0 M198,132v59.6c0,2.2,0,3.4-0.4,4.2c-0.4,0.7-1,1.4-1.7,1.7c-0.9,0.4-2,0.4-4.2,0.4H132v-66H198z" }))),
+            h("g", { key: 'a619eb63257feaee21d507c6ead25166b220d17b', id: "b949d602-8478-437e-a171-ad3f26649cb4" }, h("g", { key: '5fa321b4284b7ab78e33b47cf8d0a0ec26ad23d1', id: "ae3574e0-2065-4681-8937-4318b8656147" }, h("path", { key: 'ab11d30aa0f11eba6b17748881fa7969619e9076', class: "b9f37b2d-094d-4f18-b17c-7c5acf36f9a6", d: "M132,66v66H66V66ZM191.6,0c2.24,0,3.36,0,4.22.44a4,4,0,0,1,1.74,1.74c.44.86.44,2,.44,4.22V66H132V0ZM66,0V66H0V6.4C0,4.16,0,3,.44,2.18A4,4,0,0,1,2.18.44C3,0,4.16,0,6.4,0Zm0,132v66H6.4c-2.24,0-3.36,0-4.22-.44a4,4,0,0,1-1.74-1.74C0,195,0,193.84,0,191.6V132Zm66,0v66H66V132Zm66,0v59.6c0,2.24,0,3.36-.44,4.22a4,4,0,0,1-1.74,1.74c-.86.44-2,.44-4.22.44H132V132Zm0-66v66H132V66Z" }))),
+            h("g", { key: '21ba9375eb288d7ca3acc8615ba435cc69866cb7', id: "e827a936-cbcd-43b3-971a-aa8f8714fdff" }, h("g", { key: '1a498d427c784a1183e762d0f605a3409aa3ea89', id: "e540dca8-23ca-45dc-b462-df9071c1317d" }, h("path", { key: 'f276af5ce57e926ccde0fe6c30bced7f6c97b50b', class: "st0", d: "M132,66v66H66V66H132z M132,0v66H66V0H132z M66,0v66H0V6.4C0,4.2,0,3,0.4,2.2c0.4-0.7,1-1.4,1.7-1.7\n            C3,0,4.2,0,6.4,0H66z M66,132v66H6.4c-2.2,0-3.4,0-4.2-0.4c-0.7-0.4-1.4-1-1.7-1.7C0,195,0,193.8,0,191.6V132H66z M132,132v66H66\n            v-66H132z M198,132v59.6c0,2.2,0,3.4-0.4,4.2c-0.4,0.7-1,1.4-1.7,1.7c-0.9,0.4-2,0.4-4.2,0.4H132v-66H198z M198,66v66h-66V66" }))),
         ];
-        return (h(Host, { key: '37c01095b5cb62aba5f08a63f68912c222f2455d', class: Object.assign(Object.assign({}, block.class()), block.modifier(`is-rotation-${this.rotation}`).class()) }, h("svg", { key: '1a3508b2371190cbd682acdc0b35eba831b1bb9e', version: "1.1", x: "0px", y: "0px", viewBox: "0 0 198 198", focusable: "false", "aria-hidden": "true", fill: this.getHex() }, shapes[parseInt(this.variation) - 1])));
+        return (h(Host, { key: '326adc6546e10823928ca9d33272d81f44c35d62', class: Object.assign(Object.assign({}, block.class()), block.modifier(`is-rotation-${this.rotation}`).class()) }, h("svg", { key: 'ee375e33bc72435360e229499c992f29aa038a7c', version: "1.1", x: "0px", y: "0px", viewBox: "0 0 198 198", focusable: "false", "aria-hidden": "true", fill: this.getHex() }, shapes[parseInt(this.variation) - 1])));
     }
     static get is() { return "bal-shape"; }
     static get originalStyleUrls() {
@@ -72,7 +72,6 @@ export class Shape {
         return {
             "variation": {
                 "type": "string",
-                "attribute": "variation",
                 "mutable": false,
                 "complexType": {
                     "original": "BalProps.BalShapeVariation",
@@ -93,11 +92,11 @@ export class Shape {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "variation",
                 "defaultValue": "'1'"
             },
             "color": {
                 "type": "string",
-                "attribute": "color",
                 "mutable": false,
                 "complexType": {
                     "original": "BalProps.BalShapeColor",
@@ -118,11 +117,11 @@ export class Shape {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "color",
                 "defaultValue": "'green'"
             },
             "rotation": {
                 "type": "string",
-                "attribute": "rotation",
                 "mutable": false,
                 "complexType": {
                     "original": "BalProps.BalShapeRotation",
@@ -143,6 +142,7 @@ export class Shape {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "rotation",
                 "defaultValue": "'0'"
             }
         };

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

@@ -29,7 +29,6 @@ export class Sheet {
         return {
             "containerSize": {
                 "type": "string",
-                "attribute": "container-size",
                 "mutable": false,
                 "complexType": {
                     "original": "BalProps.BalSheetContainer",
@@ -50,6 +49,7 @@ export class Sheet {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "container-size",
                 "defaultValue": "''"
             }
         };

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

@@ -112,7 +112,6 @@ export class Snackbar {
         return {
             "color": {
                 "type": "string",
-                "attribute": "color",
                 "mutable": false,
                 "complexType": {
                     "original": "BalProps.BalSnackbarColor",
@@ -133,11 +132,11 @@ export class Snackbar {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "color",
                 "defaultValue": "''"
             },
             "duration": {
                 "type": "number",
-                "attribute": "duration",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -153,11 +152,11 @@ export class Snackbar {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "duration",
                 "defaultValue": "0"
             },
             "subject": {
                 "type": "string",
-                "attribute": "subject",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -173,11 +172,11 @@ export class Snackbar {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "subject",
                 "defaultValue": "''"
             },
             "message": {
                 "type": "string",
-                "attribute": "message",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -193,11 +192,11 @@ export class Snackbar {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "message",
                 "defaultValue": "''"
             },
             "icon": {
                 "type": "string",
-                "attribute": "icon",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -213,11 +212,11 @@ export class Snackbar {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "icon",
                 "defaultValue": "''"
             },
             "action": {
                 "type": "string",
-                "attribute": "action",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -233,11 +232,11 @@ export class Snackbar {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "action",
                 "defaultValue": "''"
             },
             "closeHandler": {
                 "type": "unknown",
-                "attribute": "close-handler",
                 "mutable": false,
                 "complexType": {
                     "original": "() => void",
@@ -259,7 +258,6 @@ export class Snackbar {
             },
             "actionHandler": {
                 "type": "unknown",
-                "attribute": "action-handler",
                 "mutable": false,
                 "complexType": {
                     "original": "() => void",
@@ -281,7 +279,6 @@ export class Snackbar {
             },
             "href": {
                 "type": "string",
-                "attribute": "href",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -296,11 +293,11 @@ export class Snackbar {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "href"
             },
             "target": {
                 "type": "string",
-                "attribute": "target",
                 "mutable": false,
                 "complexType": {
                     "original": "BalProps.BalButtonTarget",
@@ -321,6 +318,7 @@ export class Snackbar {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "target",
                 "defaultValue": "'_self'"
             }
         };

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

@@ -1,10 +1,9 @@
 import { __decorate, __metadata } from "tslib";
 import { h, Host } from "@stencil/core";
-import { rOnLoad } from "../../utils/helpers";
-import { Logger } from "../../utils/log";
-import { raf } from "../../utils/helpers";
 import { BEM } from "../../utils/bem";
-import { ListenToConfig, defaultConfig } from "../../utils/config";
+import { defaultConfig, ListenToConfig } from "../../utils/config";
+import { raf, rOnLoad } from "../../utils/helpers";
+import { Logger } from "../../utils/log";
 export class Spinner {
     constructor() {
         this.animated = defaultConfig.animated;
@@ -153,7 +152,7 @@ export class Spinner {
      */
     render() {
         const block = BEM.block('spinner');
-        return (h(Host, { key: '6986ffee4141e4096ad7e62a704697c8dfb31c18', class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, block.class()), block.modifier('circle').class(this.variation === 'circle')), block.modifier('small').class(this.small)), block.modifier('animated').class(this.animated)), block.modifier(`color-${this.color}`).class(this.variation === 'circle')), role: "progressbar", "aria-hidden": "true" }));
+        return (h(Host, { key: '60b00e36e8d9fd1862b3858f47f62265ce95c8f3', class: Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, block.class()), block.modifier('circle').class(this.variation === 'circle')), block.modifier('small').class(this.small)), block.modifier('animated').class(this.animated)), block.modifier(`color-${this.color}`).class(this.variation === 'circle')), role: "progressbar", "aria-hidden": "true" }));
     }
     static get is() { return "bal-spinner"; }
     static get originalStyleUrls() {
@@ -170,7 +169,6 @@ export class Spinner {
         return {
             "inverted": {
                 "type": "boolean",
-                "attribute": "inverted",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -186,11 +184,11 @@ export class Spinner {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "inverted",
                 "defaultValue": "false"
             },
             "deactivated": {
                 "type": "boolean",
-                "attribute": "deactivated",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -206,11 +204,11 @@ export class Spinner {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "deactivated",
                 "defaultValue": "false"
             },
             "color": {
                 "type": "string",
-                "attribute": "color",
                 "mutable": false,
                 "complexType": {
                     "original": "BalProps.BalSpinnerColor",
@@ -231,11 +229,11 @@ export class Spinner {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "color",
                 "defaultValue": "'blue'"
             },
             "small": {
                 "type": "boolean",
-                "attribute": "small",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -251,11 +249,11 @@ export class Spinner {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "small",
                 "defaultValue": "false"
             },
             "variation": {
                 "type": "string",
-                "attribute": "variation",
                 "mutable": false,
                 "complexType": {
                     "original": "BalProps.BalSpinnerVariation",
@@ -276,6 +274,7 @@ export class Spinner {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "variation",
                 "defaultValue": "'logo'"
             }
         };