@scania/tegel 1.40.0-stencil-core-4.38.1-beta.0 → 1.40.0-ts-strict-mode-beta.0

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

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

package/dist/collection/components/toggle/toggle.js

@@ -5,16 +5,6 @@ import generateUniqueId from "../../utils/generateUniqueId";
  */
 export class TdsToggle {
     constructor() {
-        /** Sets the Toggle as checked */
-        this.checked = false;
-        /** Make the Toggle required */
-        this.required = false;
-        /** Size of the Toggle */
-        this.size = 'lg';
-        /** Sets the Toggle in a disabled state */
-        this.disabled = false;
-        /** ID of the Toggle's input element, if not specified, it's randomly generated */
-        this.toggleId = generateUniqueId();
         this.handleToggle = () => {
             this.checked = !this.checked;
             this.tdsToggle.emit({
@@ -22,6 +12,14 @@ export class TdsToggle {
                 checked: this.checked,
             });
         };
+        this.checked = false;
+        this.required = false;
+        this.size = 'lg';
+        this.name = undefined;
+        this.headline = undefined;
+        this.disabled = false;
+        this.toggleId = generateUniqueId();
+        this.tdsAriaLabel = undefined;
     }
     /** Toggles the Toggle. */
     async toggle() {
@@ -41,12 +39,13 @@ export class TdsToggle {
         this.labelSlot = this.host.querySelector("[slot='label']");
     }
     render() {
-        return (h("div", { key: 'c3317c42904e33fd2936aa01ce064f87d33786e3', class: "tds-toggle" }, this.headline && (h("div", { key: '9c2280058b2fbc09e0663dc5e92d4d3dd413cc83', class: {
+        return (h("div", { key: 'ee3157ccfc7cc20e4cc0ea94d18ef18206aad346', class: "tds-toggle" }, this.headline && (h("div", { key: 'bb0b6242312d2b93aedca8b30060dced738ad418', class: {
                 'toggle-headline': true,
                 'disabled': this.disabled,
-            } }, this.headline)), h("input", { key: 'b5e5cfee5c3115c1039e816bbd6f7751cf6a5f6c', ref: (inputEl) => {
-                this.inputElement = inputEl;
-            }, "aria-label": this.tdsAriaLabel, "aria-describedby": this.host.getAttribute('aria-describedby'), "aria-labelledby": this.host.getAttribute('aria-labelledby'), "aria-checked": this.checked, "aria-required": this.required, onChange: () => this.handleToggle(), class: `${this.size}`, checked: this.checked, disabled: this.disabled, required: this.required, type: "checkbox", name: this.name, id: this.toggleId, role: "switch" }), this.labelSlot && (h("label", { key: '9eedb6f2c2a0494e2b59f392764c27b143dcecee', class: { disabled: this.disabled }, htmlFor: this.toggleId }, h("slot", { key: '11346fe1d7f4ea0da665b153ae25af9e084a0602', name: "label" })))));
+            } }, this.headline)), h("input", { key: 'ff36441c8064df09ee5f09239472250211182725', ref: (inputEl) => {
+                if (inputEl)
+                    this.inputElement = inputEl;
+            }, "aria-label": this.tdsAriaLabel, "aria-describedby": this.host.getAttribute('aria-describedby'), "aria-labelledby": this.host.getAttribute('aria-labelledby'), "aria-checked": this.checked, "aria-required": this.required, onChange: () => this.handleToggle(), class: `${this.size}`, checked: this.checked, disabled: this.disabled, required: this.required, type: "checkbox", name: this.name, id: this.toggleId, role: "switch" }), this.labelSlot && (h("label", { key: '67a2179e0c1252fb5d4dc9d9e5ade990bec58cbc', class: { disabled: this.disabled }, htmlFor: this.toggleId }, h("slot", { key: 'ec8080b6080cffecbc83fb9080c55031a8d0a1e7', name: "label" })))));
     }
     static get is() { return "tds-toggle"; }
     static get encapsulation() { return "scoped"; }
@@ -76,10 +75,8 @@ export class TdsToggle {
                     "tags": [],
                     "text": "Sets the Toggle as checked"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
                 "attribute": "checked",
+                "reflect": true,
                 "defaultValue": "false"
             },
             "required": {
@@ -96,10 +93,8 @@ export class TdsToggle {
                     "tags": [],
                     "text": "Make the Toggle required"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "required",
+                "reflect": false,
                 "defaultValue": "false"
             },
             "size": {
@@ -116,10 +111,8 @@ export class TdsToggle {
                     "tags": [],
                     "text": "Size of the Toggle"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "size",
+                "reflect": false,
                 "defaultValue": "'lg'"
             },
             "name": {
@@ -136,10 +129,8 @@ export class TdsToggle {
                     "tags": [],
                     "text": "Name of the toggle's input element"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "name"
+                "attribute": "name",
+                "reflect": false
             },
             "headline": {
                 "type": "string",
@@ -155,10 +146,8 @@ export class TdsToggle {
                     "tags": [],
                     "text": "Headline for the Toggle"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "headline"
+                "attribute": "headline",
+                "reflect": false
             },
             "disabled": {
                 "type": "boolean",
@@ -174,10 +163,8 @@ export class TdsToggle {
                     "tags": [],
                     "text": "Sets the Toggle in a disabled state"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "disabled",
+                "reflect": false,
                 "defaultValue": "false"
             },
             "toggleId": {
@@ -194,10 +181,8 @@ export class TdsToggle {
                     "tags": [],
                     "text": "ID of the Toggle's input element, if not specified, it's randomly generated"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "toggle-id",
+                "reflect": false,
                 "defaultValue": "generateUniqueId()"
             },
             "tdsAriaLabel": {
@@ -214,10 +199,8 @@ export class TdsToggle {
                     "tags": [],
                     "text": "Defines aria-label attribute for input"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "tds-aria-label"
+                "attribute": "tds-aria-label",
+                "reflect": false
             }
         };
     }

package/dist/collection/components/tooltip/tooltip.js

@@ -5,22 +5,6 @@ import inheritAttributes from "../../utils/inheritAttributes";
  */
 export class TdsTooltip {
     constructor() {
-        /** In case Tooltip contains only text, no HTML, a text can be passed by this prop */
-        this.text = '';
-        /** Decides if the component should be visible from the start. */
-        this.defaultShow = false;
-        /** Allow mouse over Tooltip. Useful when Tooltip contains clickable elements like link or button. */
-        this.mouseOverTooltip = false;
-        /** What triggers the popover to show */
-        this.trigger = 'hover';
-        /** Prop in control of showing and hiding prop. Takes precedence over `defaultOpen` prop. */
-        this.show = null;
-        /** Placement of Tooltip. */
-        this.placement = 'bottom';
-        /** Sets the offset skidding */
-        this.offsetSkidding = 0;
-        /** Sets the offset distance */
-        this.offsetDistance = 8;
         this.popperjsExtraModifiers = [
             {
                 name: 'positionCalc',
@@ -45,7 +29,18 @@ export class TdsTooltip {
                 },
             },
         ];
-        this.inheritedAttributes = [];
+        this.inheritedAttributes = {};
+        this.text = '';
+        this.selector = undefined;
+        this.referenceEl = undefined;
+        this.defaultShow = false;
+        this.mouseOverTooltip = false;
+        this.trigger = 'hover';
+        this.show = null;
+        this.placement = 'bottom';
+        this.offsetSkidding = 0;
+        this.offsetDistance = 8;
+        this.tdsAriaDescribedby = undefined;
     }
     handleKeyDown(event) {
         if (event.key === 'Escape' && this.show) {
@@ -63,20 +58,16 @@ export class TdsTooltip {
     }
     render() {
         var _a;
-        return (h(Host, { key: '69ced518e10ea5d65da8266257d7f7bba5db3f63', role: "tooltip", "aria-describedby": this.tdsAriaDescribedby, "aria-label": this.text }, h("tds-popover-core", Object.assign({ key: '9511b6fb5dcd5a270de5b6f9b50b40271b4f5030' }, this.inheritedAttributes, { class: {
+        return (h(Host, { key: '2b72a1988aa57732d9295a33a43e8baf117e7e17', role: "tooltip", "aria-describedby": this.tdsAriaDescribedby, "aria-label": this.text }, h("tds-popover-core", Object.assign({ key: '449a74bcead02452d6bd7f443cfbfd8ef29071a1' }, this.inheritedAttributes, { class: {
                 'tds-tooltip': true,
                 [`tds-tooltip-${this.border}`]: true,
                 [(_a = this.inheritedAttributes.class) !== null && _a !== void 0 ? _a : '']: true,
-                'tds-tooltip-show': this.show,
-            }, selector: this.selector, referenceEl: this.referenceEl, trigger: this.determineTrigger(), modifiers: this.popperjsExtraModifiers, offsetSkidding: this.offsetSkidding, offsetDistance: this.offsetDistance, show: this.show, placement: this.placement, autoHide: false,
-            // @ts-ignore
-            onInternalTdsShow: () => {
+                'tds-tooltip-show': !!this.show,
+            }, selector: this.selector, referenceEl: this.referenceEl, trigger: this.determineTrigger(), modifiers: this.popperjsExtraModifiers, offsetSkidding: this.offsetSkidding, offsetDistance: this.offsetDistance, show: this.show, placement: this.placement, autoHide: false, onInternalTdsShow: () => {
                 this.show = true;
-            },
-            // @ts-ignore
-            onInternalTdsClose: () => {
+            }, onInternalTdsClose: () => {
                 this.show = false;
-            }, defaultShow: this.defaultShow }), this.text, h("slot", { key: '8fb6467b2d1fa2ce6a70a171966ff245f8205b55' }))));
+            }, defaultShow: this.defaultShow }), this.text, h("slot", { key: 'c232d55352f3e827c16630c69df138ba687486b4' }))));
     }
     static get is() { return "tds-tooltip"; }
     static get encapsulation() { return "scoped"; }
@@ -106,10 +97,8 @@ export class TdsTooltip {
                     "tags": [],
                     "text": "In case Tooltip contains only text, no HTML, a text can be passed by this prop"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "text",
+                "reflect": false,
                 "defaultValue": "''"
             },
             "selector": {
@@ -126,17 +115,15 @@ export class TdsTooltip {
                     "tags": [],
                     "text": "The CSS-selector for an element that will trigger the Tooltip"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "selector"
+                "attribute": "selector",
+                "reflect": false
             },
             "referenceEl": {
                 "type": "unknown",
                 "mutable": false,
                 "complexType": {
                     "original": "HTMLElement | null",
-                    "resolved": "HTMLElement",
+                    "resolved": "HTMLElement | null | undefined",
                     "references": {
                         "HTMLElement": {
                             "location": "global",
@@ -149,9 +136,7 @@ export class TdsTooltip {
                 "docs": {
                     "tags": [],
                     "text": "Element that will trigger the Tooltip (takes priority over selector)"
-                },
-                "getter": false,
-                "setter": false
+                }
             },
             "defaultShow": {
                 "type": "boolean",
@@ -167,10 +152,8 @@ export class TdsTooltip {
                     "tags": [],
                     "text": "Decides if the component should be visible from the start."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "default-show",
+                "reflect": false,
                 "defaultValue": "false"
             },
             "mouseOverTooltip": {
@@ -187,10 +170,8 @@ export class TdsTooltip {
                     "tags": [],
                     "text": "Allow mouse over Tooltip. Useful when Tooltip contains clickable elements like link or button."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "mouse-over-tooltip",
+                "reflect": false,
                 "defaultValue": "false"
             },
             "trigger": {
@@ -207,18 +188,16 @@ export class TdsTooltip {
                     "tags": [],
                     "text": "What triggers the popover to show"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "trigger",
+                "reflect": false,
                 "defaultValue": "'hover'"
             },
             "show": {
                 "type": "boolean",
                 "mutable": true,
                 "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
+                    "original": "boolean | null",
+                    "resolved": "boolean | null",
                     "references": {}
                 },
                 "required": false,
@@ -227,10 +206,8 @@ export class TdsTooltip {
                     "tags": [],
                     "text": "Prop in control of showing and hiding prop. Takes precedence over `defaultOpen` prop."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "show",
+                "reflect": false,
                 "defaultValue": "null"
             },
             "placement": {
@@ -253,10 +230,8 @@ export class TdsTooltip {
                     "tags": [],
                     "text": "Placement of Tooltip."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "placement",
+                "reflect": false,
                 "defaultValue": "'bottom'"
             },
             "offsetSkidding": {
@@ -273,10 +248,8 @@ export class TdsTooltip {
                     "tags": [],
                     "text": "Sets the offset skidding"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "offset-skidding",
+                "reflect": false,
                 "defaultValue": "0"
             },
             "offsetDistance": {
@@ -293,10 +266,8 @@ export class TdsTooltip {
                     "tags": [],
                     "text": "Sets the offset distance"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "offset-distance",
+                "reflect": false,
                 "defaultValue": "8"
             },
             "tdsAriaDescribedby": {
@@ -313,10 +284,8 @@ export class TdsTooltip {
                     "tags": [],
                     "text": "Sets the aria-describedby attribute"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "tds-aria-describedby"
+                "attribute": "tds-aria-describedby",
+                "reflect": false
             }
         };
     }

package/dist/collection/utils/appendHiddenInput.js

@@ -14,12 +14,14 @@ const appendHiddenInput = (element, name, value, disabled, additionalAttributes)
         input = element.ownerDocument.createElement('input');
         input.type = 'hidden';
         if (additionalAttributes) {
-            additionalAttributes.forEach((attr) => input.setAttribute(attr.key, attr.value));
+            additionalAttributes.forEach((attr) => input === null || input === void 0 ? void 0 : input.setAttribute(attr.key, attr.value));
         }
         element.appendChild(input);
     }
-    input.disabled = disabled;
-    input.name = name;
-    input.value = value || '';
+    if (input) {
+        input.disabled = disabled;
+        input.name = name;
+        input.value = value || '';
+    }
 };
 export default appendHiddenInput;