@six-group/ui-library 0.0.0-insider.77a508a → 0.0.0-insider.79a0d1c

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

@@ -179,7 +179,7 @@ export class SixTextarea {
         return ((_a = this.value) !== null && _a !== void 0 ? _a : '').toString();
     }
     render() {
-        return (h(FormControl, { key: 'e22dc46b3950a411efe019848ec8f8ebc700a830', 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.hasErrorTextSlot, size: this.size, disabled: this.disabled, required: this.required, displayError: this.invalid }, h("div", { key: '422a469b2023470639b1d4eb9894cb0bab1f58d9', part: "base", class: {
+        return (h(FormControl, { key: '2cb6f77780f4c2c6ffc04ec457b813be55b0a6ee', 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.hasErrorTextSlot, size: this.size, disabled: this.disabled, required: this.required, displayError: this.invalid }, h("div", { key: '8e00496d1e0053f422375bcd2493cd84626aaf64', part: "base", class: {
                 textarea: true,
                 // Sizes
                 'textarea--small': this.size === 'small',
@@ -194,7 +194,7 @@ export class SixTextarea {
                 'textarea--resize-none': this.resize === 'none',
                 'textarea--resize-vertical': this.resize === 'vertical',
                 'textarea--resize-auto': this.resize === 'auto',
-            } }, h("textarea", { key: 'a25a62255ab95a54975c9be400d1182c2c241be3', part: "textarea", ref: (el) => (this.nativeTextarea = el), id: this.inputId, class: "textarea__control", name: this.name, placeholder: this.placeholder, disabled: this.disabled, readOnly: this.readonly, rows: this.rows, minLength: this.minlength, maxLength: this.maxlength, value: this.getValue(), autoCapitalize: this.autocapitalize, autoCorrect: this.autocorrect, autoFocus: this.autofocus, spellcheck: this.spellcheck, required: this.required, inputMode: this.inputmode, "aria-labelledby": this.labelId, onChange: this.handleChange, onInput: this.handleInput, onFocus: this.handleFocus, onBlur: this.handleBlur }))));
+            } }, h("textarea", { key: 'e79fefc554fc6d8d4b26b561a40eae2cc7433b11', part: "textarea", ref: (el) => (this.nativeTextarea = el), id: this.inputId, class: "textarea__control", name: this.name, placeholder: this.placeholder, disabled: this.disabled, readOnly: this.readonly, rows: this.rows, minLength: this.minlength, maxLength: this.maxlength, value: this.getValue(), autoCapitalize: this.autocapitalize, autoCorrect: this.autocorrect, autoFocus: this.autofocus, spellcheck: this.spellcheck, required: this.required, inputMode: this.inputmode, "aria-labelledby": this.labelId, onChange: this.handleChange, onInput: this.handleInput, onFocus: this.handleFocus, onBlur: this.handleBlur }))));
     }
     static get is() { return "six-textarea"; }
     static get encapsulation() { return "shadow"; }
@@ -212,6 +212,7 @@ export class SixTextarea {
         return {
             "size": {
                 "type": "string",
+                "attribute": "size",
                 "mutable": false,
                 "complexType": {
                     "original": "'small' | 'medium' | 'large'",
@@ -226,12 +227,12 @@ export class SixTextarea {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "size",
                 "reflect": true,
                 "defaultValue": "'medium'"
             },
             "name": {
                 "type": "string",
+                "attribute": "name",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -246,12 +247,12 @@ export class SixTextarea {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "name",
                 "reflect": true,
                 "defaultValue": "''"
             },
             "value": {
                 "type": "string",
+                "attribute": "value",
                 "mutable": true,
                 "complexType": {
                     "original": "string",
@@ -266,12 +267,12 @@ export class SixTextarea {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "value",
                 "reflect": true,
                 "defaultValue": "''"
             },
             "helpText": {
                 "type": "string",
+                "attribute": "help-text",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -286,12 +287,12 @@ export class SixTextarea {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "help-text",
                 "reflect": false,
                 "defaultValue": "''"
             },
             "placeholder": {
                 "type": "string",
+                "attribute": "placeholder",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -306,11 +307,11 @@ export class SixTextarea {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "placeholder",
                 "reflect": false
             },
             "rows": {
                 "type": "number",
+                "attribute": "rows",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -325,12 +326,12 @@ export class SixTextarea {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "rows",
                 "reflect": false,
                 "defaultValue": "4"
             },
             "resize": {
                 "type": "string",
+                "attribute": "resize",
                 "mutable": false,
                 "complexType": {
                     "original": "'none' | 'vertical' | 'auto'",
@@ -345,12 +346,12 @@ export class SixTextarea {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "resize",
                 "reflect": false,
                 "defaultValue": "'vertical'"
             },
             "disabled": {
                 "type": "boolean",
+                "attribute": "disabled",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -365,12 +366,12 @@ export class SixTextarea {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "disabled",
                 "reflect": true,
                 "defaultValue": "false"
             },
             "readonly": {
                 "type": "boolean",
+                "attribute": "readonly",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -385,12 +386,12 @@ export class SixTextarea {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "readonly",
                 "reflect": true,
                 "defaultValue": "false"
             },
             "minlength": {
                 "type": "number",
+                "attribute": "minlength",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -405,11 +406,11 @@ export class SixTextarea {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "minlength",
                 "reflect": true
             },
             "maxlength": {
                 "type": "number",
+                "attribute": "maxlength",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -424,11 +425,11 @@ export class SixTextarea {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "maxlength",
                 "reflect": true
             },
             "required": {
                 "type": "boolean",
+                "attribute": "required",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -443,12 +444,12 @@ export class SixTextarea {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "required",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "label": {
                 "type": "string",
+                "attribute": "label",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -463,12 +464,12 @@ export class SixTextarea {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "label",
                 "reflect": false,
                 "defaultValue": "''"
             },
             "errorText": {
                 "type": "string",
+                "attribute": "error-text",
                 "mutable": false,
                 "complexType": {
                     "original": "string | string[]",
@@ -483,12 +484,12 @@ export class SixTextarea {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "error-text",
                 "reflect": false,
                 "defaultValue": "''"
             },
             "errorTextCount": {
                 "type": "number",
+                "attribute": "error-text-count",
                 "mutable": false,
                 "complexType": {
                     "original": "number",
@@ -503,11 +504,11 @@ export class SixTextarea {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "error-text-count",
                 "reflect": false
             },
             "invalid": {
                 "type": "boolean",
+                "attribute": "invalid",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -522,12 +523,12 @@ export class SixTextarea {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "invalid",
                 "reflect": true,
                 "defaultValue": "false"
             },
             "autocapitalize": {
                 "type": "string",
+                "attribute": "autocapitalize",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -542,12 +543,12 @@ export class SixTextarea {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "autocapitalize",
                 "reflect": false,
                 "defaultValue": "'off'"
             },
             "autocorrect": {
                 "type": "string",
+                "attribute": "autocorrect",
                 "mutable": false,
                 "complexType": {
                     "original": "'on' | 'off'",
@@ -562,12 +563,12 @@ export class SixTextarea {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "autocorrect",
                 "reflect": false,
                 "defaultValue": "'off'"
             },
             "autocomplete": {
                 "type": "string",
+                "attribute": "autocomplete",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -582,12 +583,12 @@ export class SixTextarea {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "autocomplete",
                 "reflect": false,
                 "defaultValue": "'off'"
             },
             "autofocus": {
                 "type": "boolean",
+                "attribute": "autofocus",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -602,12 +603,12 @@ export class SixTextarea {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "autofocus",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "spellcheck": {
                 "type": "boolean",
+                "attribute": "spellcheck",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -622,12 +623,12 @@ export class SixTextarea {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "spellcheck",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "inputmode": {
                 "type": "string",
+                "attribute": "inputmode",
                 "mutable": false,
                 "complexType": {
                     "original": "'none' | 'text' | 'decimal' | 'numeric' | 'tel' | 'search' | 'email' | 'url'",
@@ -642,7 +643,6 @@ export class SixTextarea {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "inputmode",
                 "reflect": false
             }
         };

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

@@ -55,22 +55,22 @@ export class SixTile {
         this.handleSlotChange();
     }
     render() {
-        return (h("six-tooltip", { key: '4a591a89f97436964a11d3118a54647c905777b4', disabled: this.disableTooltip || this.label === '', content: this.label }, h("div", { key: '20032aa19ed54f9666db9bdcc26b0fbb0b12c74d', part: "base", class: {
+        return (h("six-tooltip", { key: '2b2b13f07d07c1f0c90cdfe50f274a98118550a1', disabled: this.disableTooltip || this.label === '', content: this.label }, h("div", { key: 'f3ed6365066484ec1b4699c9e5311348747cd8d8', part: "base", class: {
                 tile: true,
                 'tile--visible': this.visible,
                 'tile--small': this.size === 'small',
                 'tile--medium': this.size === 'medium',
                 'tile--large': this.size === 'large',
                 'tile--elevated': this.elevated,
-            } }, h("div", { key: '1a73ddff9629a5a83abbd21c7ba7ad0b3b646ee5', part: "header", class: "tile__header" }, h("six-icon-button", { key: '04be5a21845c5790067fe1ca0a4b1e9578720b08', class: {
+            } }, h("div", { key: 'c27ba89ba037b289754169db65bfab716792b551', part: "header", class: "tile__header" }, h("six-icon-button", { key: '9eb0eea2c2ec217cdda335b5d5412ac0e5944297', class: {
                 'tile__header--hidden': !this.closeable,
-            }, name: "close", size: closeIconSize(this.size), onClick: this.handleCloseClickEvent })), h("div", { key: '6df66fbe96200ca7558156d992ad7aec63528c2e', part: "body", class: "tile__body" }, this.iconName && (h("six-icon", { key: 'a8517213640f78cd5bb0e414b0f192778ba6b961', onClick: this.handleClickEvent, size: iconSize(this.size) }, this.iconName)), this.hasIconSlot && h("slot", { key: 'bd46b0ded0d966682b86c5b453e4e3f7e981d45c', name: "icon" })), h("div", { key: '506a87affc8399c490b31b7e146339b5e60b5d6c', part: "footer", class: {
+            }, name: "close", size: closeIconSize(this.size), onClick: this.handleCloseClickEvent })), h("div", { key: 'f146d52f032ecf33b3c0cd06471f17c419fd47c0', part: "body", class: "tile__body" }, this.iconName && (h("six-icon", { key: '716cb94b53b0b2272fb70450d0fd77f5a3480d18', onClick: this.handleClickEvent, size: iconSize(this.size) }, this.iconName)), this.hasIconSlot && h("slot", { key: '791d752d7a3360fdf7424cbafa375ee22d0063b1', name: "icon" })), h("div", { key: 'e03ab0f392a7defc5107f2ec73b0b60b6d3387ca', part: "footer", class: {
                 'tile__footer--small': this.size === 'small',
                 'tile__footer--medium': this.size === 'medium',
                 'tile__footer--large': this.size === 'large',
-            } }, this.label && (h("div", { key: 'c317c341e11c2b921953af25ceb25c41183c85ee', class: {
+            } }, this.label && (h("div", { key: '869d56ac50b7c27c1c42ce0ba1368d6bb52d5344', class: {
                 '.label__footer': true,
-            }, onClick: this.handleClickEvent }, this.label)), this.hasLabelSlot && h("slot", { key: '9853907c3a5bd5f25e82ea1081a25bd5aff834d2', name: "label" })))));
+            }, onClick: this.handleClickEvent }, this.label)), this.hasLabelSlot && h("slot", { key: '8d5cad1b2b36a42e4f34d78201d03f7160b7ddbd', name: "label" })))));
     }
     static get is() { return "six-tile"; }
     static get encapsulation() { return "shadow"; }
@@ -88,6 +88,7 @@ export class SixTile {
         return {
             "label": {
                 "type": "string",
+                "attribute": "label",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -102,12 +103,12 @@ export class SixTile {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "label",
                 "reflect": false,
                 "defaultValue": "''"
             },
             "iconName": {
                 "type": "string",
+                "attribute": "icon-name",
                 "mutable": false,
                 "complexType": {
                     "original": "string",
@@ -122,11 +123,11 @@ export class SixTile {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "icon-name",
                 "reflect": false
             },
             "closeable": {
                 "type": "boolean",
+                "attribute": "closeable",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -141,12 +142,12 @@ export class SixTile {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "closeable",
                 "reflect": false,
                 "defaultValue": "true"
             },
             "elevated": {
                 "type": "boolean",
+                "attribute": "elevated",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -161,12 +162,12 @@ export class SixTile {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "elevated",
                 "reflect": false,
                 "defaultValue": "false"
             },
             "disableTooltip": {
                 "type": "boolean",
+                "attribute": "disable-tooltip",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -181,12 +182,12 @@ export class SixTile {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "disable-tooltip",
                 "reflect": false,
                 "defaultValue": "true"
             },
             "disabled": {
                 "type": "boolean",
+                "attribute": "disabled",
                 "mutable": false,
                 "complexType": {
                     "original": "boolean",
@@ -201,12 +202,12 @@ export class SixTile {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "disabled",
                 "reflect": true,
                 "defaultValue": "false"
             },
             "size": {
                 "type": "string",
+                "attribute": "size",
                 "mutable": false,
                 "complexType": {
                     "original": "'small' | 'medium' | 'large'",
@@ -221,7 +222,6 @@ export class SixTile {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "size",
                 "reflect": true,
                 "defaultValue": "'medium'"
             }