@scania/tegel 1.47.2 → 1.48.0-beta.globals-test

package/dist/collection/components/text-field/text-field.js

@@ -9,29 +9,41 @@ import { getAriaInvalid } from "../../utils/getAriaInvalid";
 export class TdsTextField {
     constructor() {
         this.uuid = generateUniqueId();
+        /** Which input type, text, password or similar */
         this.type = 'text';
+        /** Position of the label for the Text Field. */
         this.labelPosition = 'no-label';
+        /** Label text */
         this.label = '';
-        this.min = undefined;
-        this.max = undefined;
-        this.step = undefined;
-        this.helper = undefined;
+        /** Placeholder text */
         this.placeholder = '';
+        /** Value of the input text */
         this.value = '';
+        /** Set input in disabled state */
         this.disabled = false;
+        /** Set input in readonly state */
         this.readOnly = false;
+        /** Hides the read-only icon in the Text Field. Requires Read Only to be enabled. */
         this.hideReadOnlyIcon = false;
+        /** Size of the input */
         this.size = 'lg';
+        /** Mode variant of the Text Field */
         this.modeVariant = null;
+        /** Unset minimum width of 208px. */
         this.noMinWidth = false;
+        /** Name property */
         this.name = '';
+        /** Error state of input */
         this.state = 'default';
-        this.maxLength = undefined;
+        /** Autofocus for input */
         this.autofocus = false;
-        this.tdsAriaLabel = undefined;
+        /** Makes the text field required */
         this.required = false;
+        /** Value to be used for the text field's autocomplete attribute */
         this.autocomplete = 'off';
+        /** Hides the native arrows on number input type */
         this.hideNumberArrows = false;
+        /** Listen to the focus state of the input */
         this.focusInput = false;
     }
     handleChange(event) {
@@ -176,8 +188,10 @@ export class TdsTextField {
                     "tags": [],
                     "text": "Which input type, text, password or similar"
                 },
-                "attribute": "type",
+                "getter": false,
+                "setter": false,
                 "reflect": true,
+                "attribute": "type",
                 "defaultValue": "'text'"
             },
             "labelPosition": {
@@ -194,8 +208,10 @@ export class TdsTextField {
                     "tags": [],
                     "text": "Position of the label for the Text Field."
                 },
-                "attribute": "label-position",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
+                "attribute": "label-position",
                 "defaultValue": "'no-label'"
             },
             "label": {
@@ -212,8 +228,10 @@ export class TdsTextField {
                     "tags": [],
                     "text": "Label text"
                 },
-                "attribute": "label",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
+                "attribute": "label",
                 "defaultValue": "''"
             },
             "min": {
@@ -230,8 +248,10 @@ export class TdsTextField {
                     "tags": [],
                     "text": "Min allowed value for input type number"
                 },
-                "attribute": "min",
-                "reflect": false
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "min"
             },
             "max": {
                 "type": "any",
@@ -247,8 +267,10 @@ export class TdsTextField {
                     "tags": [],
                     "text": "Max allowed value for input type number"
                 },
-                "attribute": "max",
-                "reflect": false
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "max"
             },
             "step": {
                 "type": "any",
@@ -264,8 +286,10 @@ export class TdsTextField {
                     "tags": [],
                     "text": "Step value for input type number"
                 },
-                "attribute": "step",
-                "reflect": false
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "step"
             },
             "helper": {
                 "type": "string",
@@ -281,8 +305,10 @@ export class TdsTextField {
                     "tags": [],
                     "text": "Helper text"
                 },
-                "attribute": "helper",
-                "reflect": false
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "helper"
             },
             "placeholder": {
                 "type": "string",
@@ -298,8 +324,10 @@ export class TdsTextField {
                     "tags": [],
                     "text": "Placeholder text"
                 },
-                "attribute": "placeholder",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
+                "attribute": "placeholder",
                 "defaultValue": "''"
             },
             "value": {
@@ -316,8 +344,10 @@ export class TdsTextField {
                     "tags": [],
                     "text": "Value of the input text"
                 },
-                "attribute": "value",
+                "getter": false,
+                "setter": false,
                 "reflect": true,
+                "attribute": "value",
                 "defaultValue": "''"
             },
             "disabled": {
@@ -334,8 +364,10 @@ export class TdsTextField {
                     "tags": [],
                     "text": "Set input in disabled state"
                 },
-                "attribute": "disabled",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
+                "attribute": "disabled",
                 "defaultValue": "false"
             },
             "readOnly": {
@@ -352,8 +384,10 @@ export class TdsTextField {
                     "tags": [],
                     "text": "Set input in readonly state"
                 },
-                "attribute": "read-only",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
+                "attribute": "read-only",
                 "defaultValue": "false"
             },
             "hideReadOnlyIcon": {
@@ -370,8 +404,10 @@ export class TdsTextField {
                     "tags": [],
                     "text": "Hides the read-only icon in the Text Field. Requires Read Only to be enabled."
                 },
-                "attribute": "hide-read-only-icon",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
+                "attribute": "hide-read-only-icon",
                 "defaultValue": "false"
             },
             "size": {
@@ -388,8 +424,10 @@ export class TdsTextField {
                     "tags": [],
                     "text": "Size of the input"
                 },
-                "attribute": "size",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
+                "attribute": "size",
                 "defaultValue": "'lg'"
             },
             "modeVariant": {
@@ -406,8 +444,10 @@ export class TdsTextField {
                     "tags": [],
                     "text": "Mode variant of the Text Field"
                 },
-                "attribute": "mode-variant",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
+                "attribute": "mode-variant",
                 "defaultValue": "null"
             },
             "noMinWidth": {
@@ -424,8 +464,10 @@ export class TdsTextField {
                     "tags": [],
                     "text": "Unset minimum width of 208px."
                 },
-                "attribute": "no-min-width",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
+                "attribute": "no-min-width",
                 "defaultValue": "false"
             },
             "name": {
@@ -442,8 +484,10 @@ export class TdsTextField {
                     "tags": [],
                     "text": "Name property"
                 },
-                "attribute": "name",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
+                "attribute": "name",
                 "defaultValue": "''"
             },
             "state": {
@@ -460,8 +504,10 @@ export class TdsTextField {
                     "tags": [],
                     "text": "Error state of input"
                 },
-                "attribute": "state",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
+                "attribute": "state",
                 "defaultValue": "'default'"
             },
             "maxLength": {
@@ -478,8 +524,10 @@ export class TdsTextField {
                     "tags": [],
                     "text": "Max length of input"
                 },
-                "attribute": "max-length",
-                "reflect": false
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "max-length"
             },
             "autofocus": {
                 "type": "boolean",
@@ -495,8 +543,10 @@ export class TdsTextField {
                     "tags": [],
                     "text": "Autofocus for input"
                 },
-                "attribute": "autofocus",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
+                "attribute": "autofocus",
                 "defaultValue": "false"
             },
             "tdsAriaLabel": {
@@ -513,8 +563,10 @@ export class TdsTextField {
                     "tags": [],
                     "text": "Value to be used for the aria-label attribute. Can be used for announcing that readOnly prop is set to true."
                 },
-                "attribute": "tds-aria-label",
-                "reflect": false
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "tds-aria-label"
             },
             "required": {
                 "type": "boolean",
@@ -530,8 +582,10 @@ export class TdsTextField {
                     "tags": [],
                     "text": "Makes the text field required"
                 },
-                "attribute": "required",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
+                "attribute": "required",
                 "defaultValue": "false"
             },
             "autocomplete": {
@@ -548,8 +602,10 @@ export class TdsTextField {
                     "tags": [],
                     "text": "Value to be used for the text field's autocomplete attribute"
                 },
-                "attribute": "autocomplete",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
+                "attribute": "autocomplete",
                 "defaultValue": "'off'"
             },
             "hideNumberArrows": {
@@ -566,8 +622,10 @@ export class TdsTextField {
                     "tags": [],
                     "text": "Hides the native arrows on number input type"
                 },
-                "attribute": "hide-number-arrows",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
+                "attribute": "hide-number-arrows",
                 "defaultValue": "false"
             }
         };
@@ -665,7 +723,7 @@ export class TdsTextField {
                 },
                 "complexType": {
                     "original": "{ originalValue: string; clampedValue: string; reason: 'min' | 'max' }",
-                    "resolved": "{ originalValue: string; clampedValue: string; reason: \"max\" | \"min\"; }",
+                    "resolved": "{ originalValue: string; clampedValue: string; reason: \"min\" | \"max\"; }",
                     "references": {}
                 }
             }];

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

@@ -4,23 +4,31 @@ import { getAriaInvalid } from "../../utils/getAriaInvalid";
 export class TdsTextarea {
     constructor() {
         this.uuid = generateUniqueId();
+        /** Label text */
         this.label = '';
+        /** Name attribute */
         this.name = '';
-        this.helper = undefined;
-        this.cols = undefined;
-        this.rows = undefined;
+        /** Position of the label for the Textarea. */
         this.labelPosition = 'no-label';
+        /** Placeholder text */
         this.placeholder = '';
+        /** Value of the input text */
         this.value = '';
+        /** Set input in disabled state */
         this.disabled = false;
+        /** Set input in readonly state */
         this.readOnly = false;
+        /** Hide the readonly icon */
         this.hideReadOnlyIcon = false;
+        /** Error state of input */
         this.state = 'default';
-        this.maxLength = undefined;
+        /** Mode variant of the Textarea */
         this.modeVariant = null;
+        /** Control of autofocus */
         this.autofocus = false;
+        /** Unset minimum width of 208px. */
         this.noMinWidth = false;
-        this.tdsAriaLabel = undefined;
+        /** Listen to the focus state of the input */
         this.focusInput = false;
     }
     handleChange(event) {
@@ -112,8 +120,10 @@ export class TdsTextarea {
                     "tags": [],
                     "text": "Label text"
                 },
-                "attribute": "label",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
+                "attribute": "label",
                 "defaultValue": "''"
             },
             "name": {
@@ -130,8 +140,10 @@ export class TdsTextarea {
                     "tags": [],
                     "text": "Name attribute"
                 },
-                "attribute": "name",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
+                "attribute": "name",
                 "defaultValue": "''"
             },
             "helper": {
@@ -148,8 +160,10 @@ export class TdsTextarea {
                     "tags": [],
                     "text": "Helper text"
                 },
-                "attribute": "helper",
-                "reflect": false
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "helper"
             },
             "cols": {
                 "type": "number",
@@ -165,8 +179,10 @@ export class TdsTextarea {
                     "tags": [],
                     "text": "Textarea cols attribute"
                 },
-                "attribute": "cols",
-                "reflect": false
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "cols"
             },
             "rows": {
                 "type": "number",
@@ -182,8 +198,10 @@ export class TdsTextarea {
                     "tags": [],
                     "text": "Textarea rows attribute"
                 },
-                "attribute": "rows",
-                "reflect": false
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "rows"
             },
             "labelPosition": {
                 "type": "string",
@@ -199,8 +217,10 @@ export class TdsTextarea {
                     "tags": [],
                     "text": "Position of the label for the Textarea."
                 },
-                "attribute": "label-position",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
+                "attribute": "label-position",
                 "defaultValue": "'no-label'"
             },
             "placeholder": {
@@ -217,8 +237,10 @@ export class TdsTextarea {
                     "tags": [],
                     "text": "Placeholder text"
                 },
-                "attribute": "placeholder",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
+                "attribute": "placeholder",
                 "defaultValue": "''"
             },
             "value": {
@@ -235,8 +257,10 @@ export class TdsTextarea {
                     "tags": [],
                     "text": "Value of the input text"
                 },
-                "attribute": "value",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
+                "attribute": "value",
                 "defaultValue": "''"
             },
             "disabled": {
@@ -253,8 +277,10 @@ export class TdsTextarea {
                     "tags": [],
                     "text": "Set input in disabled state"
                 },
-                "attribute": "disabled",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
+                "attribute": "disabled",
                 "defaultValue": "false"
             },
             "readOnly": {
@@ -271,8 +297,10 @@ export class TdsTextarea {
                     "tags": [],
                     "text": "Set input in readonly state"
                 },
-                "attribute": "read-only",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
+                "attribute": "read-only",
                 "defaultValue": "false"
             },
             "hideReadOnlyIcon": {
@@ -289,8 +317,10 @@ export class TdsTextarea {
                     "tags": [],
                     "text": "Hide the readonly icon"
                 },
-                "attribute": "hide-read-only-icon",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
+                "attribute": "hide-read-only-icon",
                 "defaultValue": "false"
             },
             "state": {
@@ -307,8 +337,10 @@ export class TdsTextarea {
                     "tags": [],
                     "text": "Error state of input"
                 },
-                "attribute": "state",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
+                "attribute": "state",
                 "defaultValue": "'default'"
             },
             "maxLength": {
@@ -325,8 +357,10 @@ export class TdsTextarea {
                     "tags": [],
                     "text": "Max length of input"
                 },
-                "attribute": "max-length",
-                "reflect": false
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "max-length"
             },
             "modeVariant": {
                 "type": "string",
@@ -342,8 +376,10 @@ export class TdsTextarea {
                     "tags": [],
                     "text": "Mode variant of the Textarea"
                 },
-                "attribute": "mode-variant",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
+                "attribute": "mode-variant",
                 "defaultValue": "null"
             },
             "autofocus": {
@@ -360,8 +396,10 @@ export class TdsTextarea {
                     "tags": [],
                     "text": "Control of autofocus"
                 },
-                "attribute": "autofocus",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
+                "attribute": "autofocus",
                 "defaultValue": "false"
             },
             "noMinWidth": {
@@ -378,8 +416,10 @@ export class TdsTextarea {
                     "tags": [],
                     "text": "Unset minimum width of 208px."
                 },
-                "attribute": "no-min-width",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
+                "attribute": "no-min-width",
                 "defaultValue": "false"
             },
             "tdsAriaLabel": {
@@ -396,8 +436,10 @@ export class TdsTextarea {
                     "tags": [],
                     "text": "Value to be used for the aria-label attribute. Can be used for announcing that readOnly prop is set to true."
                 },
-                "attribute": "tds-aria-label",
-                "reflect": false
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "tds-aria-label"
             }
         };
     }