@scania/tegel 1.40.0 → 1.41.0-angular-patch-types-beta.0

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

@@ -9,27 +9,39 @@ 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.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';
+        /** Listen to the focus state of the input */
         this.focusInput = false;
     }
     handleChange(event) {
@@ -151,8 +163,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": {
@@ -169,8 +183,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": {
@@ -187,8 +203,10 @@ export class TdsTextField {
                     "tags": [],
                     "text": "Label text"
                 },
-                "attribute": "label",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
+                "attribute": "label",
                 "defaultValue": "''"
             },
             "min": {
@@ -205,8 +223,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",
@@ -222,8 +242,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"
             },
             "helper": {
                 "type": "string",
@@ -239,8 +261,10 @@ export class TdsTextField {
                     "tags": [],
                     "text": "Helper text"
                 },
-                "attribute": "helper",
-                "reflect": false
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "helper"
             },
             "placeholder": {
                 "type": "string",
@@ -256,8 +280,10 @@ export class TdsTextField {
                     "tags": [],
                     "text": "Placeholder text"
                 },
-                "attribute": "placeholder",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
+                "attribute": "placeholder",
                 "defaultValue": "''"
             },
             "value": {
@@ -274,8 +300,10 @@ export class TdsTextField {
                     "tags": [],
                     "text": "Value of the input text"
                 },
-                "attribute": "value",
+                "getter": false,
+                "setter": false,
                 "reflect": true,
+                "attribute": "value",
                 "defaultValue": "''"
             },
             "disabled": {
@@ -292,8 +320,10 @@ export class TdsTextField {
                     "tags": [],
                     "text": "Set input in disabled state"
                 },
-                "attribute": "disabled",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
+                "attribute": "disabled",
                 "defaultValue": "false"
             },
             "readOnly": {
@@ -310,8 +340,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": {
@@ -328,8 +360,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": {
@@ -346,8 +380,10 @@ export class TdsTextField {
                     "tags": [],
                     "text": "Size of the input"
                 },
-                "attribute": "size",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
+                "attribute": "size",
                 "defaultValue": "'lg'"
             },
             "modeVariant": {
@@ -364,8 +400,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": {
@@ -382,8 +420,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": {
@@ -400,8 +440,10 @@ export class TdsTextField {
                     "tags": [],
                     "text": "Name property"
                 },
-                "attribute": "name",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
+                "attribute": "name",
                 "defaultValue": "''"
             },
             "state": {
@@ -418,8 +460,10 @@ export class TdsTextField {
                     "tags": [],
                     "text": "Error state of input"
                 },
-                "attribute": "state",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
+                "attribute": "state",
                 "defaultValue": "'default'"
             },
             "maxLength": {
@@ -436,8 +480,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",
@@ -453,8 +499,10 @@ export class TdsTextField {
                     "tags": [],
                     "text": "Autofocus for input"
                 },
-                "attribute": "autofocus",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
+                "attribute": "autofocus",
                 "defaultValue": "false"
             },
             "tdsAriaLabel": {
@@ -471,8 +519,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",
@@ -488,8 +538,10 @@ export class TdsTextField {
                     "tags": [],
                     "text": "Makes the text field required"
                 },
-                "attribute": "required",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
+                "attribute": "required",
                 "defaultValue": "false"
             },
             "autocomplete": {
@@ -506,8 +558,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'"
             }
         };

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

@@ -4,24 +4,30 @@ 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;
-        this.focusInput = undefined;
     }
     handleChange(event) {
         this.tdsChange.emit(event);
@@ -111,8 +117,10 @@ export class TdsTextarea {
                     "tags": [],
                     "text": "Label text"
                 },
-                "attribute": "label",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
+                "attribute": "label",
                 "defaultValue": "''"
             },
             "name": {
@@ -129,8 +137,10 @@ export class TdsTextarea {
                     "tags": [],
                     "text": "Name attribute"
                 },
-                "attribute": "name",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
+                "attribute": "name",
                 "defaultValue": "''"
             },
             "helper": {
@@ -147,8 +157,10 @@ export class TdsTextarea {
                     "tags": [],
                     "text": "Helper text"
                 },
-                "attribute": "helper",
-                "reflect": false
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "helper"
             },
             "cols": {
                 "type": "number",
@@ -164,8 +176,10 @@ export class TdsTextarea {
                     "tags": [],
                     "text": "Textarea cols attribute"
                 },
-                "attribute": "cols",
-                "reflect": false
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "cols"
             },
             "rows": {
                 "type": "number",
@@ -181,8 +195,10 @@ export class TdsTextarea {
                     "tags": [],
                     "text": "Textarea rows attribute"
                 },
-                "attribute": "rows",
-                "reflect": false
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "rows"
             },
             "labelPosition": {
                 "type": "string",
@@ -198,8 +214,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": {
@@ -216,8 +234,10 @@ export class TdsTextarea {
                     "tags": [],
                     "text": "Placeholder text"
                 },
-                "attribute": "placeholder",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
+                "attribute": "placeholder",
                 "defaultValue": "''"
             },
             "value": {
@@ -234,8 +254,10 @@ export class TdsTextarea {
                     "tags": [],
                     "text": "Value of the input text"
                 },
-                "attribute": "value",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
+                "attribute": "value",
                 "defaultValue": "''"
             },
             "disabled": {
@@ -252,8 +274,10 @@ export class TdsTextarea {
                     "tags": [],
                     "text": "Set input in disabled state"
                 },
-                "attribute": "disabled",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
+                "attribute": "disabled",
                 "defaultValue": "false"
             },
             "readOnly": {
@@ -270,8 +294,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": {
@@ -288,8 +314,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": {
@@ -306,8 +334,10 @@ export class TdsTextarea {
                     "tags": [],
                     "text": "Error state of input"
                 },
-                "attribute": "state",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
+                "attribute": "state",
                 "defaultValue": "'default'"
             },
             "maxLength": {
@@ -324,8 +354,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",
@@ -341,8 +373,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": {
@@ -359,8 +393,10 @@ export class TdsTextarea {
                     "tags": [],
                     "text": "Control of autofocus"
                 },
-                "attribute": "autofocus",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
+                "attribute": "autofocus",
                 "defaultValue": "false"
             },
             "noMinWidth": {
@@ -377,8 +413,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": {
@@ -395,8 +433,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"
             }
         };
     }

package/dist/collection/components/toast/toast.js

@@ -8,6 +8,18 @@ import hasSlot from "../../utils/hasSlot";
  */
 export class TdsToast {
     constructor() {
+        /** ID for the Toast. Randomly generated if not specified. */
+        this.toastId = generateUniqueId();
+        /** Type of Toast. */
+        this.variant = 'information';
+        /** Hides the Toast. */
+        this.hidden = false;
+        /** Enables the close button. */
+        this.closable = true;
+        /** ARIA role for the Toast. */
+        this.toastRole = 'alert';
+        /** ARIA live for the Toast. */
+        this.tdsAriaLive = 'polite';
         this.getIconName = () => {
             switch (this.variant) {
                 case 'information':
@@ -38,15 +50,6 @@ export class TdsToast {
                 this.hidden = false;
             }
         };
-        this.toastId = generateUniqueId();
-        this.header = undefined;
-        this.subheader = undefined;
-        this.variant = 'information';
-        this.hidden = false;
-        this.closable = true;
-        this.toastRole = 'alert';
-        this.tdsCloseAriaLabel = undefined;
-        this.tdsAriaLive = 'polite';
     }
     /** Hides the Toast. */
     async hideToast() {
@@ -100,8 +103,10 @@ export class TdsToast {
                     "tags": [],
                     "text": "ID for the Toast. Randomly generated if not specified."
                 },
-                "attribute": "toast-id",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
+                "attribute": "toast-id",
                 "defaultValue": "generateUniqueId()"
             },
             "header": {
@@ -118,8 +123,10 @@ export class TdsToast {
                     "tags": [],
                     "text": "Header text for the component."
                 },
-                "attribute": "header",
-                "reflect": false
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "header"
             },
             "subheader": {
                 "type": "string",
@@ -135,8 +142,10 @@ export class TdsToast {
                     "tags": [],
                     "text": "Subheader text for the component."
                 },
-                "attribute": "subheader",
-                "reflect": false
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "subheader"
             },
             "variant": {
                 "type": "string",
@@ -152,8 +161,10 @@ export class TdsToast {
                     "tags": [],
                     "text": "Type of Toast."
                 },
-                "attribute": "variant",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
+                "attribute": "variant",
                 "defaultValue": "'information'"
             },
             "hidden": {
@@ -170,8 +181,10 @@ export class TdsToast {
                     "tags": [],
                     "text": "Hides the Toast."
                 },
-                "attribute": "hidden",
+                "getter": false,
+                "setter": false,
                 "reflect": true,
+                "attribute": "hidden",
                 "defaultValue": "false"
             },
             "closable": {
@@ -188,8 +201,10 @@ export class TdsToast {
                     "tags": [],
                     "text": "Enables the close button."
                 },
-                "attribute": "closable",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
+                "attribute": "closable",
                 "defaultValue": "true"
             },
             "toastRole": {
@@ -206,8 +221,10 @@ export class TdsToast {
                     "tags": [],
                     "text": "ARIA role for the Toast."
                 },
-                "attribute": "toast-role",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
+                "attribute": "toast-role",
                 "defaultValue": "'alert'"
             },
             "tdsCloseAriaLabel": {
@@ -224,8 +241,10 @@ export class TdsToast {
                     "tags": [],
                     "text": "Provides an accessible name for the components close button"
                 },
-                "attribute": "tds-close-aria-label",
-                "reflect": false
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "tds-close-aria-label"
             },
             "tdsAriaLive": {
                 "type": "string",
@@ -241,8 +260,10 @@ export class TdsToast {
                     "tags": [],
                     "text": "ARIA live for the Toast."
                 },
-                "attribute": "tds-aria-live",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
+                "attribute": "tds-aria-live",
                 "defaultValue": "'polite'"
             }
         };