@baloise/ds-core 19.8.2 → 19.8.3

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

@@ -390,7 +390,7 @@ export class Input {
         }
         const block = BEM.block('input');
         const id = this.ariaForm.controlId || this.inputId;
-        return (h(Host, { key: 'df1fdc17d1cdfcd0d7053deaab872d649a9aa3cb', onClick: this.handleClick, "aria-disabled": ariaBooleanToString(this.disabled), class: Object.assign({}, block.class()) }, h("input", Object.assign({ key: 'e7b35786a60c06b7eee7b82e22af9cd590f6c261', class: {
+        return (h(Host, { key: 'd47a7009f2e7287b8a0790d260ea6d31778e25cc', onClick: this.handleClick, "aria-disabled": ariaBooleanToString(this.disabled), class: Object.assign({}, block.class()) }, h("input", Object.assign({ key: '7991d871f409abf77600aad25a72b28a5d01f2a2', class: {
                 'input': true,
                 'is-disabled': this.disabled || this.readonly,
                 'is-danger': this.invalid,
@@ -416,7 +416,6 @@ export class Input {
         return {
             "name": {
                 "type": "string",
-                "attribute": "name",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -432,11 +431,11 @@ export class Input {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "name",
                 "defaultValue": "this.inputId"
             },
             "invalid": {
                 "type": "boolean",
-                "attribute": "invalid",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -452,11 +451,11 @@ export class Input {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "invalid",
                 "defaultValue": "false"
             },
             "textAlign": {
                 "type": "string",
-                "attribute": "text-align",
                 "mutable": false,
                 "complexType": {
                     "original": "'center' | 'left' | 'right'",
@@ -472,11 +471,11 @@ export class Input {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "text-align",
                 "defaultValue": "'left'"
             },
             "type": {
                 "type": "string",
-                "attribute": "type",
                 "mutable": false,
                 "complexType": {
                     "original": "BalProps.BalInputInputType",
@@ -497,11 +496,11 @@ export class Input {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "type",
                 "defaultValue": "'text'"
             },
             "accept": {
                 "type": "string",
-                "attribute": "accept",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -516,11 +515,11 @@ export class Input {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "accept"
             },
             "autocapitalize": {
                 "type": "string",
-                "attribute": "autocapitalize",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -536,11 +535,11 @@ export class Input {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "autocapitalize",
                 "defaultValue": "'off'"
             },
             "autocomplete": {
                 "type": "string",
-                "attribute": "autocomplete",
                 "mutable": false,
                 "complexType": {
                     "original": "BalProps.BalInputAutocomplete",
@@ -561,11 +560,11 @@ export class Input {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "autocomplete",
                 "defaultValue": "'off'"
             },
             "autocorrect": {
                 "type": "string",
-                "attribute": "autocorrect",
                 "mutable": false,
                 "complexType": {
                     "original": "BalProps.BalInputAutocorrect",
@@ -586,11 +585,11 @@ export class Input {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "autocorrect",
                 "defaultValue": "'off'"
             },
             "autofocus": {
                 "type": "boolean",
-                "attribute": "autofocus",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -606,11 +605,11 @@ export class Input {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "autofocus",
                 "defaultValue": "false"
             },
             "debounce": {
                 "type": "number",
-                "attribute": "debounce",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -626,11 +625,11 @@ export class Input {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "debounce",
                 "defaultValue": "0"
             },
             "placeholder": {
                 "type": "string",
-                "attribute": "placeholder",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -645,11 +644,11 @@ export class Input {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "placeholder"
             },
             "max": {
                 "type": "string",
-                "attribute": "max",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -664,11 +663,11 @@ export class Input {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "max"
             },
             "maxLength": {
                 "type": "number",
-                "attribute": "max-length",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -683,11 +682,11 @@ export class Input {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "max-length"
             },
             "min": {
                 "type": "string",
-                "attribute": "min",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -702,11 +701,11 @@ export class Input {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "min"
             },
             "minLength": {
                 "type": "number",
-                "attribute": "min-length",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -721,11 +720,11 @@ export class Input {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "min-length"
             },
             "multiple": {
                 "type": "boolean",
-                "attribute": "multiple",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -740,11 +739,11 @@ export class Input {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "multiple"
             },
             "pattern": {
                 "type": "string",
-                "attribute": "pattern",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -759,11 +758,11 @@ export class Input {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "pattern"
             },
             "allowedKeyPress": {
                 "type": "string",
-                "attribute": "allowed-key-press",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -778,11 +777,11 @@ export class Input {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "allowed-key-press"
             },
             "required": {
                 "type": "boolean",
-                "attribute": "required",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -798,11 +797,11 @@ export class Input {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "required",
                 "defaultValue": "false"
             },
             "spellcheck": {
                 "type": "boolean",
-                "attribute": "spellcheck",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -818,11 +817,11 @@ export class Input {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "spellcheck",
                 "defaultValue": "false"
             },
             "disabled": {
                 "type": "boolean",
-                "attribute": "disabled",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -838,11 +837,11 @@ export class Input {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "disabled",
                 "defaultValue": "false"
             },
             "readonly": {
                 "type": "boolean",
-                "attribute": "readonly",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -858,11 +857,11 @@ export class Input {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "readonly",
                 "defaultValue": "false"
             },
             "clickable": {
                 "type": "boolean",
-                "attribute": "clickable",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -878,11 +877,11 @@ export class Input {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "clickable",
                 "defaultValue": "false"
             },
             "suffix": {
                 "type": "string",
-                "attribute": "suffix",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -897,11 +896,11 @@ export class Input {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "suffix"
             },
             "hasIconRight": {
                 "type": "boolean",
-                "attribute": "has-icon-right",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -920,11 +919,11 @@ export class Input {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "has-icon-right",
                 "defaultValue": "false"
             },
             "inputmode": {
                 "type": "string",
-                "attribute": "inputmode",
                 "mutable": false,
                 "complexType": {
                     "original": "BalProps.BalInputInputMode",
@@ -944,11 +943,11 @@ export class Input {
                 },
                 "getter": false,
                 "setter": false,
-                "reflect": false
+                "reflect": false,
+                "attribute": "inputmode"
             },
             "value": {
                 "type": "string",
-                "attribute": "value",
                 "mutable": true,
                 "complexType": {
                     "original": "string",
@@ -964,11 +963,11 @@ export class Input {
                 "getter": false,
                 "setter": false,
                 "reflect": true,
+                "attribute": "value",
                 "defaultValue": "undefined"
             },
             "mask": {
                 "type": "string",
-                "attribute": "mask",
                 "mutable": false,
                 "complexType": {
                     "original": "BalProps.BalInputMask",
@@ -989,11 +988,11 @@ export class Input {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "mask",
                 "defaultValue": "undefined"
             },
             "autoInvalidOff": {
                 "type": "boolean",
-                "attribute": "auto-invalid-off",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -1009,6 +1008,7 @@ export class Input {
                 "getter": false,
                 "setter": false,
                 "reflect": true,
+                "attribute": "auto-invalid-off",
                 "defaultValue": "false"
             }
         };

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

@@ -21,7 +21,7 @@ export class InputGroup {
         const hasDanger = this.invalid;
         const disabledClass = 'is-disabled';
         const hasDisabled = this.disabled || this.readonly;
-        return (h(Host, { key: '4e70d05568802c062f5b9574eac4ec92d97ac802', class: Object.assign(Object.assign(Object.assign({}, block.class()), block.modifier(dangerClass).class(hasDanger)), block.modifier(disabledClass).class(hasDisabled)) }, h("slot", { key: '66341e0036de49d244c8d6350d46c9c6c3920d35' })));
+        return (h(Host, { key: '43b94d641ce994b142e21aff354984d3eeb12b8a', class: Object.assign(Object.assign(Object.assign({}, block.class()), block.modifier(dangerClass).class(hasDanger)), block.modifier(disabledClass).class(hasDisabled)) }, h("slot", { key: '81149dce6e958209e08efeaf719b2cec3f4c58c0' })));
     }
     static get is() { return "bal-input-group"; }
     static get originalStyleUrls() {
@@ -38,7 +38,6 @@ export class InputGroup {
         return {
             "invalid": {
                 "type": "boolean",
-                "attribute": "invalid",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -54,11 +53,11 @@ export class InputGroup {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "invalid",
                 "defaultValue": "false"
             },
             "disabled": {
                 "type": "boolean",
-                "attribute": "disabled",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -74,11 +73,11 @@ export class InputGroup {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "disabled",
                 "defaultValue": "false"
             },
             "readonly": {
                 "type": "boolean",
-                "attribute": "readonly",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -94,6 +93,7 @@ export class InputGroup {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "readonly",
                 "defaultValue": "false"
             }
         };

package/dist/collection/components/bal-input-slider/bal-input-slider.js

@@ -1,10 +1,10 @@
 import { h, Host } from "@stencil/core";
 import isNil from "lodash.isnil";
-import { debounceEvent } from "../../utils/helpers";
-import { stopEventBubbling } from "../../utils/form-input";
+import { ariaBooleanToString } from "../../utils/aria";
 import { BEM } from "../../utils/bem";
 import { defaultBalAriaForm } from "../../utils/form";
-import { ariaBooleanToString } from "../../utils/aria";
+import { stopEventBubbling } from "../../utils/form-input";
+import { debounceEvent } from "../../utils/helpers";
 export class InputSlider {
     constructor() {
         this.inputId = `bal-input-slider-${inputSliderIds++}`;
@@ -185,11 +185,11 @@ export class InputSlider {
         const inputValueRightEl = inputValueEl.modifier('right');
         const stepsEl = block.element('steps');
         const stepsItemEl = stepsEl.element('item');
-        return (h(Host, { key: '02570c5b17b36fdc3e5ce197eac6270b628bac69', class: Object.assign(Object.assign({}, block.class()), block.modifier('disabled').class(this.disabled || this.readonly)), onClick: this.handleClick, "aria-disabled": ariaBooleanToString(this.disabled || this.readonly) }, h("div", { key: 'e1740a8a9cb0332401824c3c036231641a9d9e43', class: Object.assign(Object.assign({}, backgroundEl.class()), backgroundEl.modifier('disabled').class(this.disabled || this.readonly)) }, h("div", { key: 'b930f0a3e5a7eb74c8b3b658827715df9c4ed75f', class: Object.assign({}, backgroundUpperEl.class()), style: {
+        return (h(Host, { key: 'a87543d5fe5c37894f5b750ea6ce5d435b35df7d', class: Object.assign(Object.assign({}, block.class()), block.modifier('disabled').class(this.disabled || this.readonly)), onClick: this.handleClick, "aria-disabled": ariaBooleanToString(this.disabled || this.readonly) }, h("div", { key: '3ff7511f087493bb0aa219cc0232aeb52e045068', class: Object.assign(Object.assign({}, backgroundEl.class()), backgroundEl.modifier('disabled').class(this.disabled || this.readonly)) }, h("div", { key: '6ba8bb8e959688aa308d25d4e4bb6fd578b7ddc6', class: Object.assign({}, backgroundUpperEl.class()), style: {
                 width: this.cssWidth(),
-            } }, h("div", { key: '71934f7b3ec4e3305f6bee6e1ac9c9da0e1e217e', class: Object.assign({}, backgroundUpperInnerEl.class()) })), h("div", { key: '8d34702fe9de1678db528d2bb87e73b937f7668b', class: Object.assign({}, backgroundLowerEl.class()), style: {
+            } }, h("div", { key: 'd406cc218eb1b57271c2eadef16b0d8f78870e51', class: Object.assign({}, backgroundUpperInnerEl.class()) })), h("div", { key: '26bb161f03587f6882780769472bd380b5e2ba1c', class: Object.assign({}, backgroundLowerEl.class()), style: {
                 width: this.cssWidth(true),
-            } }, h("div", { key: '19f9c2662a5a4f9b46bcd469f81049380436c29d', class: Object.assign({}, backgroundLowerInnerEl.class()) }))), h("div", { key: 'ff48c0def1e78af0f92cf266d3ad92884813f6b5', class: Object.assign({}, inputEl.class()) }, h("div", { key: '9efa82e623ce2295c5bd47f08ced92f6c50d5b84', class: Object.assign(Object.assign({}, inputValueEl.class()), inputValueLeftEl.class()) }), h("input", { key: 'af08d09d8e3e5469bd87e5349240a794f77f76be', type: "range", class: Object.assign(Object.assign({}, inputNativeEl.class()), inputNativeEl.modifier('disabled').class(this.disabled || this.readonly)), ref: inputEl => (this.nativeInput = inputEl), id: this.ariaForm.controlId || this.inputId, "aria-labelledby": this.ariaForm.labelId, "aria-describedby": this.ariaForm.messageId, "aria-disabled": ariaBooleanToString(this.disabled), "aria-invalid": this.invalid === true ? 'true' : 'false', disabled: this.disabled, readonly: this.readonly, name: this.name, required: this.required, tabIndex: this.balTabindex, step: this.step, min: this.min, max: this.max, value: this.value !== '' && this.value !== undefined ? this.value : 0, onInput: this.onInput, onBlur: this.onBlur, onFocus: this.onFocus, onKeyPress: e => this.balKeyPress.emit(e), "data-testid": "bal-input-slider" }), h("div", { key: '625faf29b5d671bf40319fbb152386ee5abebbfb', class: Object.assign(Object.assign({}, inputValueEl.class()), inputValueRightEl.class()) })), h("div", { key: '20aa70b6cd9864b1caa18aa376ef33b5d074eb31', class: Object.assign({}, stepsEl.class()), style: { display: this.hasTicks ? 'flex' : 'none' } }, this.getNumberOfSteps().map(step => (h("div", { key: step, class: Object.assign(Object.assign({}, stepsItemEl.class()), stepsItemEl.modifier('disabled').class(this.disabled || this.readonly)), "data-step-id": step }))))));
+            } }, h("div", { key: 'c50c416febf03f75fc41c9c717157932f221459c', class: Object.assign({}, backgroundLowerInnerEl.class()) }))), h("div", { key: '2c31725d1b6ceec56736bf07b23ee784ee4d8f8f', class: Object.assign({}, inputEl.class()) }, h("div", { key: 'baa9b2ef71e3163c9a594f819cf1bebbd5e1131b', class: Object.assign(Object.assign({}, inputValueEl.class()), inputValueLeftEl.class()) }), h("input", { key: '2d03a2b790cc97e7277f1b040415f3e2b19590c7', type: "range", class: Object.assign(Object.assign({}, inputNativeEl.class()), inputNativeEl.modifier('disabled').class(this.disabled || this.readonly)), ref: inputEl => (this.nativeInput = inputEl), id: this.ariaForm.controlId || this.inputId, "aria-labelledby": this.ariaForm.labelId, "aria-describedby": this.ariaForm.messageId, "aria-disabled": ariaBooleanToString(this.disabled), "aria-invalid": this.invalid === true ? 'true' : 'false', disabled: this.disabled, readonly: this.readonly, name: this.name, required: this.required, tabIndex: this.balTabindex, step: this.step, min: this.min, max: this.max, value: this.value !== '' && this.value !== undefined ? this.value : 0, onInput: this.onInput, onBlur: this.onBlur, onFocus: this.onFocus, onKeyPress: e => this.balKeyPress.emit(e), "data-testid": "bal-input-slider" }), h("div", { key: '83596fcfc7462ed3e2045343e11d8d66e71d652b', class: Object.assign(Object.assign({}, inputValueEl.class()), inputValueRightEl.class()) })), h("div", { key: '7e44fea845c11cd5bb6e7e80cbb83cc4dacc2126', class: Object.assign({}, stepsEl.class()), style: { display: this.hasTicks ? 'flex' : 'none' } }, this.getNumberOfSteps().map(step => (h("div", { key: step, class: Object.assign(Object.assign({}, stepsItemEl.class()), stepsItemEl.modifier('disabled').class(this.disabled || this.readonly)), "data-step-id": step }))))));
     }
     static get is() { return "bal-input-slider"; }
     static get originalStyleUrls() {
@@ -206,7 +206,6 @@ export class InputSlider {
         return {
             "name": {
                 "type": "string",
-                "attribute": "name",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -222,11 +221,11 @@ export class InputSlider {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "name",
                 "defaultValue": "this.inputId"
             },
             "step": {
                 "type": "number",
-                "attribute": "step",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -242,11 +241,11 @@ export class InputSlider {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "step",
                 "defaultValue": "0"
             },
             "min": {
                 "type": "number",
-                "attribute": "min",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -262,11 +261,11 @@ export class InputSlider {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "min",
                 "defaultValue": "0"
             },
             "max": {
                 "type": "number",
-                "attribute": "max",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -282,11 +281,11 @@ export class InputSlider {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "max",
                 "defaultValue": "100"
             },
             "invalid": {
                 "type": "boolean",
-                "attribute": "invalid",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -302,11 +301,11 @@ export class InputSlider {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "invalid",
                 "defaultValue": "false"
             },
             "balTabindex": {
                 "type": "number",
-                "attribute": "bal-tabindex",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -322,11 +321,11 @@ export class InputSlider {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "bal-tabindex",
                 "defaultValue": "0"
             },
             "disabled": {
                 "type": "boolean",
-                "attribute": "disabled",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -342,11 +341,11 @@ export class InputSlider {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "disabled",
                 "defaultValue": "false"
             },
             "readonly": {
                 "type": "boolean",
-                "attribute": "readonly",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -362,11 +361,11 @@ export class InputSlider {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "readonly",
                 "defaultValue": "false"
             },
             "required": {
                 "type": "boolean",
-                "attribute": "required",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -382,11 +381,11 @@ export class InputSlider {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "required",
                 "defaultValue": "false"
             },
             "hasTicks": {
                 "type": "boolean",
-                "attribute": "has-ticks",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -402,11 +401,11 @@ export class InputSlider {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "has-ticks",
                 "defaultValue": "false"
             },
             "debounce": {
                 "type": "number",
-                "attribute": "debounce",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -422,11 +421,11 @@ export class InputSlider {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "debounce",
                 "defaultValue": "0"
             },
             "value": {
                 "type": "any",
-                "attribute": "value",
                 "mutable": true,
                 "complexType": {
                     "original": "string | number",
@@ -442,11 +441,11 @@ export class InputSlider {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
+                "attribute": "value",
                 "defaultValue": "''"
             },
             "autoInvalidOff": {
                 "type": "boolean",
-                "attribute": "auto-invalid-off",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -462,6 +461,7 @@ export class InputSlider {
                 "getter": false,
                 "setter": false,
                 "reflect": true,
+                "attribute": "auto-invalid-off",
                 "defaultValue": "false"
             }
         };