@six-group/ui-library 0.0.0-insider.98c4058 → 0.0.0-insider.99e1a07

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

@@ -213,7 +213,7 @@ export class SixInput {
         return ((_a = this.value) !== null && _a !== void 0 ? _a : '').toString();
     }
     render() {
-        return (h(FormControl, { key: '1f83d29348f0e7d6f222ea65edbcb8edeffec7b6', inputId: this.inputId, label: this.label, labelId: this.labelId, hasLabelSlot: this.hasLabelSlot, helpTextId: this.helpTextId, helpText: this.helpText, hasHelpTextSlot: this.hasHelpTextSlot, errorTextId: this.errorTextId, errorText: this.errorText, errorTextCount: this.errorTextCount, hasErrorTextSlot: this.hasErrorSlot, size: this.size, disabled: this.disabled, required: this.required, displayError: this.invalid }, h("div", { key: 'e32803aaae148cc812a878b1d81d1bfc6b69ce0b', part: "base", class: {
+        return (h(FormControl, { key: 'b88afe1aa2622eee58a8d66257cc5a0983354b25', inputId: this.inputId, label: this.label, labelId: this.labelId, hasLabelSlot: this.hasLabelSlot, helpTextId: this.helpTextId, helpText: this.helpText, hasHelpTextSlot: this.hasHelpTextSlot, errorTextId: this.errorTextId, errorText: this.errorText, errorTextCount: this.errorTextCount, hasErrorTextSlot: this.hasErrorSlot, size: this.size, disabled: this.disabled, required: this.required, displayError: this.invalid }, h("div", { key: 'b07352c5f2d4480a4b2919854e154faeac2d9f0f', part: "base", class: {
                 input: true,
                 // Sizes
                 'input--small': this.size === 'small',
@@ -227,10 +227,10 @@ export class SixInput {
                 'input--focused': this.hasFocus,
                 'input--empty': this.getValue().length === 0,
                 'input--invalid': this.invalid,
-            } }, h("span", { key: '1ffd77fa04b099f6d11d7ff42a38e81fe9e0e8bd', part: "prefix", class: "input__prefix" }, h("slot", { key: '0dd1662a13ed56339ab80d30e4a15220505b313f', name: "prefix" })), h("input", { key: 'df640447fd6d827c13357a0fcb019bf58a29d762', part: "input", ref: (el) => (this.nativeInput = el), id: this.inputId, size: 1, class: {
+            } }, h("span", { key: '37acf6498894ed16984dc35615387a9d7cb634d3', part: "prefix", class: "input__prefix" }, h("slot", { key: '88e70802193d8925f03d58ea964a0bb9034a74ab', name: "prefix" })), h("input", { key: 'bdeabe4cc23fc68a3a9c25307cf37ca2d77d6a5f', part: "input", ref: (el) => (this.nativeInput = el), id: this.inputId, size: 1, class: {
                 input__control: true,
                 input__control__prefix: hasSlot(this.host, 'prefix'),
-            }, type: this.type === 'password' && this.isPasswordVisible ? 'text' : this.type, name: this.name, placeholder: this.placeholder, disabled: this.disabled, readonly: this.readonly, minLength: this.minlength, maxLength: this.maxlength, min: this.min, max: this.max, step: this.step, value: this.getValue(), autoCapitalize: this.autocapitalize, autoComplete: this.autocomplete, autoCorrect: this.autocorrect, autoFocus: this.autofocus, spellcheck: this.spellcheck, pattern: this.pattern, required: this.required, inputMode: this.inputmode, "aria-labelledby": this.labelId, "aria-describedby": this.helpTextId, "aria-invalid": this.invalid ? 'true' : 'false', onChange: this.handleChange, onInput: this.handleInput, onFocus: this.handleFocus, onBlur: this.handleBlur, onKeyDown: this.handleKeyDown, "data-testid": "input-control" }), this.clearable && !this.disabled && (h("button", { key: '62dea603fa403fa7e2d4bede051bf8fd7729205c', part: "clear-button", class: "input__clear", type: "button", onClick: this.handleClearClick, tabindex: "-1", "data-testid": "input-clear-button" }, h("slot", { key: '37a8959a6f2220ef64138433c5250ffb1ab4c506', name: "clear-icon" }, h("six-icon", { key: '014d8ef91583c5bfdf5b1a73b45849f4ea1b7ca1', size: ICON_SIZES[this.size] }, "clear")))), this.togglePassword && (h("button", { key: '7b661dd8845d70926dee7dda641df06a4b52bca9', part: "password-toggle-button", class: "input__password-toggle", type: "button", onClick: this.handlePasswordToggle, tabindex: "-1" }, this.isPasswordVisible ? (h("slot", { name: "show-password-icon" }, h("six-icon", { size: ICON_SIZES[this.size] }, "visibility_off"))) : (h("slot", { name: "hide-password-icon" }, h("six-icon", { size: ICON_SIZES[this.size] }, "visibility"))))), h("span", { key: '6d5527eb56cf18fc98536b83d460337b6253a55f', part: "suffix", class: "input__suffix" }, h("slot", { key: 'a387844a04729e6caa3cf9ccf85cd0958f8c795b', name: "suffix" })))));
+            }, type: this.type === 'password' && this.isPasswordVisible ? 'text' : this.type, name: this.name, placeholder: this.placeholder, disabled: this.disabled, readonly: this.readonly, minLength: this.minlength, maxLength: this.maxlength, min: this.min, max: this.max, step: this.step, value: this.getValue(), autoCapitalize: this.autocapitalize, autoComplete: this.autocomplete, autoCorrect: this.autocorrect, autoFocus: this.autofocus, spellcheck: this.spellcheck, pattern: this.pattern, required: this.required, inputMode: this.inputmode, "aria-labelledby": this.labelId, "aria-describedby": this.helpTextId, "aria-invalid": this.invalid ? 'true' : 'false', onChange: this.handleChange, onInput: this.handleInput, onFocus: this.handleFocus, onBlur: this.handleBlur, onKeyDown: this.handleKeyDown, "data-testid": "input-control" }), this.clearable && !this.disabled && (h("button", { key: 'e7f5713eec0bf5bd6b69335f60793071309770dc', part: "clear-button", class: "input__clear", type: "button", onClick: this.handleClearClick, tabindex: "-1", "data-testid": "input-clear-button" }, h("slot", { key: '9cef48b67afbb2a833a7dff0ffa3b8ce153c11b2', name: "clear-icon" }, h("six-icon", { key: 'fa08350fb58063c871ef9f64d3d3d5a9dd8fbdec', size: ICON_SIZES[this.size] }, "clear")))), this.togglePassword && (h("button", { key: 'aacef765fcbc09b9479737d620568a5f78a884e5', part: "password-toggle-button", class: "input__password-toggle", type: "button", onClick: this.handlePasswordToggle, tabindex: "-1" }, this.isPasswordVisible ? (h("slot", { name: "show-password-icon" }, h("six-icon", { size: ICON_SIZES[this.size] }, "visibility_off"))) : (h("slot", { name: "hide-password-icon" }, h("six-icon", { size: ICON_SIZES[this.size] }, "visibility"))))), h("span", { key: '0e8461e5897ab4380f67e207d1c1f3d9065b00b7', part: "suffix", class: "input__suffix" }, h("slot", { key: 'a7634ecf343884a7197b2edb82a55863af8faf5b', name: "suffix" })))));
     }
     static get is() { return "six-input"; }
     static get encapsulation() { return "shadow"; }
@@ -248,6 +248,7 @@ export class SixInput {
         return {
             "type": {
                 "type": "string",
+                "attribute": "type",
                 "mutable": false,
                 "complexType": {
                     "original": "'email' | 'number' | 'password' | 'search' | 'tel' | 'text' | 'url'",
@@ -262,12 +263,12 @@ export class SixInput {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "type",
                 "reflect": true,
                 "defaultValue": "'text'"
             },
             "size": {
                 "type": "string",
+                "attribute": "size",
                 "mutable": false,
                 "complexType": {
                     "original": "'small' | 'medium' | 'large'",
@@ -282,12 +283,12 @@ export class SixInput {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "size",
                 "reflect": true,
                 "defaultValue": "'medium'"
             },
             "name": {
                 "type": "string",
+                "attribute": "name",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -302,12 +303,12 @@ export class SixInput {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "name",
                 "reflect": true,
                 "defaultValue": "''"
             },
             "value": {
                 "type": "string",
+                "attribute": "value",
                 "mutable": true,
                 "complexType": {
                     "original": "string",
@@ -322,12 +323,12 @@ export class SixInput {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "value",
                 "reflect": true,
                 "defaultValue": "''"
             },
             "pill": {
                 "type": "boolean",
+                "attribute": "pill",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -342,12 +343,12 @@ export class SixInput {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "pill",
                 "reflect": true,
                 "defaultValue": "false"
             },
             "helpText": {
                 "type": "string",
+                "attribute": "help-text",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -362,12 +363,12 @@ export class SixInput {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "help-text",
                 "reflect": false,
                 "defaultValue": "''"
             },
             "placeholder": {
                 "type": "string",
+                "attribute": "placeholder",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -382,11 +383,11 @@ export class SixInput {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "placeholder",
                 "reflect": false
             },
             "disabled": {
                 "type": "boolean",
+                "attribute": "disabled",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -401,12 +402,12 @@ export class SixInput {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "disabled",
                 "reflect": true,
                 "defaultValue": "false"
             },
             "readonly": {
                 "type": "boolean",
+                "attribute": "readonly",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -421,12 +422,12 @@ export class SixInput {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "readonly",
                 "reflect": true,
                 "defaultValue": "false"
             },
             "minlength": {
                 "type": "number",
+                "attribute": "minlength",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -441,11 +442,11 @@ export class SixInput {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "minlength",
                 "reflect": true
             },
             "maxlength": {
                 "type": "number",
+                "attribute": "maxlength",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -460,11 +461,11 @@ export class SixInput {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "maxlength",
                 "reflect": true
             },
             "min": {
                 "type": "number",
+                "attribute": "min",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -479,11 +480,11 @@ export class SixInput {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "min",
                 "reflect": true
             },
             "max": {
                 "type": "number",
+                "attribute": "max",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -498,11 +499,11 @@ export class SixInput {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "max",
                 "reflect": true
             },
             "step": {
                 "type": "number",
+                "attribute": "step",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -517,11 +518,11 @@ export class SixInput {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "step",
                 "reflect": true
             },
             "pattern": {
                 "type": "string",
+                "attribute": "pattern",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -536,11 +537,11 @@ export class SixInput {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "pattern",
                 "reflect": true
             },
             "dropdownSearch": {
                 "type": "boolean",
+                "attribute": "dropdown-search",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -555,12 +556,12 @@ export class SixInput {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "dropdown-search",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "required": {
                 "type": "boolean",
+                "attribute": "required",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -575,12 +576,12 @@ export class SixInput {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "required",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "autocapitalize": {
                 "type": "string",
+                "attribute": "autocapitalize",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -595,12 +596,12 @@ export class SixInput {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "autocapitalize",
                 "reflect": false,
                 "defaultValue": "'off'"
             },
             "autocorrect": {
                 "type": "string",
+                "attribute": "autocorrect",
                 "mutable": false,
                 "complexType": {
                     "original": "'on' | 'off'",
@@ -615,12 +616,12 @@ export class SixInput {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "autocorrect",
                 "reflect": false,
                 "defaultValue": "'off'"
             },
             "autocomplete": {
                 "type": "string",
+                "attribute": "autocomplete",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -635,12 +636,12 @@ export class SixInput {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "autocomplete",
                 "reflect": false,
                 "defaultValue": "'off'"
             },
             "autofocus": {
                 "type": "boolean",
+                "attribute": "autofocus",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -655,12 +656,12 @@ export class SixInput {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "autofocus",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "spellcheck": {
                 "type": "boolean",
+                "attribute": "spellcheck",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -675,12 +676,12 @@ export class SixInput {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "spellcheck",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "label": {
                 "type": "string",
+                "attribute": "label",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -695,12 +696,12 @@ export class SixInput {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "label",
                 "reflect": false,
                 "defaultValue": "''"
             },
             "errorText": {
                 "type": "string",
+                "attribute": "error-text",
                 "mutable": false,
                 "complexType": {
                     "original": "string | string[]",
@@ -715,12 +716,12 @@ export class SixInput {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "error-text",
                 "reflect": false,
                 "defaultValue": "''"
             },
             "errorTextCount": {
                 "type": "number",
+                "attribute": "error-text-count",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -735,11 +736,11 @@ export class SixInput {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "error-text-count",
                 "reflect": false
             },
             "invalid": {
                 "type": "boolean",
+                "attribute": "invalid",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -754,12 +755,12 @@ export class SixInput {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "invalid",
                 "reflect": true,
                 "defaultValue": "false"
             },
             "clearable": {
                 "type": "boolean",
+                "attribute": "clearable",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -774,12 +775,12 @@ export class SixInput {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "clearable",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "togglePassword": {
                 "type": "boolean",
+                "attribute": "toggle-password",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -794,12 +795,12 @@ export class SixInput {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "toggle-password",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "inputmode": {
                 "type": "string",
+                "attribute": "inputmode",
                 "mutable": false,
                 "complexType": {
                     "original": "'none' | 'text' | 'decimal' | 'numeric' | 'tel' | 'search' | 'email' | 'url'",
@@ -814,11 +815,11 @@ export class SixInput {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "inputmode",
                 "reflect": false
             },
             "line": {
                 "type": "boolean",
+                "attribute": "line",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -833,7 +834,6 @@ export class SixInput {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "line",
                 "reflect": false,
                 "defaultValue": "false"
             }

package/dist/collection/components/six-item-picker/six-item-picker.js

@@ -454,6 +454,7 @@ export class SixItemPicker {
         return {
             "value": {
                 "type": "any",
+                "attribute": "value",
                 "mutable": true,
                 "complexType": {
                     "original": "number | string",
@@ -468,12 +469,12 @@ export class SixItemPicker {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "value",
                 "reflect": true,
                 "defaultValue": "''"
             },
             "type": {
                 "type": "string",
+                "attribute": "type",
                 "mutable": false,
                 "complexType": {
                     "original": "ItemPickerType",
@@ -494,12 +495,12 @@ export class SixItemPicker {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "type",
                 "reflect": false,
                 "defaultValue": "ItemPickerType.NUMBER"
             },
             "min": {
                 "type": "any",
+                "attribute": "min",
                 "mutable": true,
                 "complexType": {
                     "original": "number | string",
@@ -514,11 +515,11 @@ export class SixItemPicker {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "min",
                 "reflect": true
             },
             "max": {
                 "type": "any",
+                "attribute": "max",
                 "mutable": true,
                 "complexType": {
                     "original": "number | string",
@@ -533,11 +534,11 @@ export class SixItemPicker {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "max",
                 "reflect": true
             },
             "roundtrip": {
                 "type": "boolean",
+                "attribute": "roundtrip",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -552,12 +553,12 @@ export class SixItemPicker {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "roundtrip",
                 "reflect": true,
                 "defaultValue": "true"
             },
             "step": {
                 "type": "number",
+                "attribute": "step",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -572,12 +573,12 @@ export class SixItemPicker {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "step",
                 "reflect": true,
                 "defaultValue": "1"
             },
             "items": {
                 "type": "unknown",
+                "attribute": "items",
                 "mutable": false,
                 "complexType": {
                     "original": "string[]",
@@ -595,6 +596,7 @@ export class SixItemPicker {
             },
             "padded": {
                 "type": "boolean",
+                "attribute": "padded",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -609,12 +611,12 @@ export class SixItemPicker {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "padded",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "paddingLength": {
                 "type": "number",
+                "attribute": "padding-length",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -629,12 +631,12 @@ export class SixItemPicker {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "padding-length",
                 "reflect": false,
                 "defaultValue": "2"
             },
             "paddingChar": {
                 "type": "string",
+                "attribute": "padding-char",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -649,12 +651,12 @@ export class SixItemPicker {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "padding-char",
                 "reflect": false,
                 "defaultValue": "'0'"
             },
             "paddingDirection": {
                 "type": "string",
+                "attribute": "padding-direction",
                 "mutable": false,
                 "complexType": {
                     "original": "ItemPickerPaddingDirection",
@@ -675,12 +677,12 @@ export class SixItemPicker {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "padding-direction",
                 "reflect": false,
                 "defaultValue": "ItemPickerPaddingDirection.BEFORE"
             },
             "timeout": {
                 "type": "number",
+                "attribute": "timeout",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -695,12 +697,12 @@ export class SixItemPicker {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "timeout",
                 "reflect": false,
                 "defaultValue": "DEFAULT_DEBOUNCE_FAST"
             },
             "interval": {
                 "type": "number",
+                "attribute": "interval",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -715,12 +717,12 @@ export class SixItemPicker {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "interval",
                 "reflect": false,
                 "defaultValue": "DEFAULT_DEBOUNCE_INSANELY_FAST"
             },
             "debounce": {
                 "type": "number",
+                "attribute": "debounce",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -735,7 +737,6 @@ export class SixItemPicker {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "debounce",
                 "reflect": false,
                 "defaultValue": "DEFAULT_DEBOUNCE_FAST"
             }