@scania/tegel 1.47.2 → 1.48.0-beta.0-tabbing-test

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() {
@@ -65,12 +68,12 @@ export class TdsToast {
         const usesHeaderSlot = hasSlot('header', this.host);
         const usesSubheaderSlot = hasSlot('subheader', this.host);
         const usesActionsSlot = hasSlot('actions', this.host);
-        return (h(Host, { key: 'c486cb86a0e94181135e304cbda2b1bbbb20da22', "aria-live": this.tdsAriaLive, toastRole: this.toastRole, "aria-describedby": this.host.getAttribute('aria-describedby'), class: {
+        return (h(Host, { key: '6b4edbfd2db3b36686d1f0a59efc37207bce1fe6', "aria-live": this.tdsAriaLive, toastRole: this.toastRole, "aria-describedby": this.host.getAttribute('aria-describedby'), class: {
                 hide: this.hidden,
                 show: !this.hidden,
-            } }, h("div", { key: '946ba38a6c95e3450936014cc46c1eb43f927f0d', class: `
+            } }, h("div", { key: 'bb9a497e06ebf8252d671dbebe4647e2a970e110', class: `
             wrapper
-            ${this.variant}` }, h("tds-icon", { key: '3af328a28e80e1b3f69ec0f4dda31f9d9c7c8571', name: this.getIconName(), size: "20px", svgTitle: this.getIconName() }), h("div", { key: 'eec58153da1bc4dee5955e2393f0610db40242c1', class: `content` }, h("div", { key: 'd40f9433b851fbd3dcfd0d60099d5035a87af2e0', class: "header-subheader" }, this.header && h("div", { key: '7748dda823fc8c17f4a7eb94d15140ba4301fa83', class: "header" }, this.header), usesHeaderSlot && h("slot", { key: '880576822af000000c972125aea031c73569768d', name: "header" }), this.subheader && h("div", { key: 'cc9dee1cef953cce966ebee2ed6c82f693f21dc1', class: "subheader" }, this.subheader), usesSubheaderSlot && h("slot", { key: '01f596caf428985a0bb4dbc97282dead449fef61', name: "subheader" })), usesActionsSlot && (h("div", { key: '81e666f0d9810a0baf008782e6fee3f731b04ab2', class: `toast-bottom ${usesSubheaderSlot || this.subheader ? 'subheader' : 'no-subheader'}` }, h("slot", { key: '085aab762cc590904d6531fcf7e969d1fa0f4eca', name: "actions" })))), this.closable && (h("button", { key: '6e1c909296a175d3a994caccb57f59ab5da9eae2', id: "my-button", "aria-label": this.tdsCloseAriaLabel, onClick: this.handleClose, class: "close" }, h("tds-icon", { key: 'a1e5a6c21070afea181f6b5f20000458b50dbb45', name: "cross", size: "20px", svgTitle: "cross" }))))));
+            ${this.variant}` }, h("tds-icon", { key: 'e80f0c5c9aa84c6af5b18a5c6419714256de15cc', name: this.getIconName(), size: "20px", svgTitle: this.getIconName() }), h("div", { key: '3579f1a4df6bb2f8e470faff9ed37411b273d2e9', class: `content` }, h("div", { key: '498a462acefd6c1de9de16cff54bd0562ba10afd', class: "header-subheader" }, this.header && h("div", { key: '6766649b4b76fcece961ea1ee0d0f6d6e633a7f3', class: "header" }, this.header), usesHeaderSlot && h("slot", { key: '758f4a23e4d02245bf733c8a5d77d78231c8bd8d', name: "header" }), this.subheader && h("div", { key: 'ba10c4f9ec1202c014d290bfb36e68e055e1231d', class: "subheader" }, this.subheader), usesSubheaderSlot && h("slot", { key: '41c064fc3bcbcc4228b6ac1bf6315cc25af8109e', name: "subheader" })), usesActionsSlot && (h("div", { key: 'c8ea9ffecfd96eef5eaa229e3e04a9c92964ada0', class: `toast-bottom ${usesSubheaderSlot || this.subheader ? 'subheader' : 'no-subheader'}` }, h("slot", { key: 'ff8bf4c4ab15613895d2547ed666c435928ae9e4', name: "actions" })))), this.closable && (h("button", { key: '2d702e910607b1264d1c943a8c2cd2203b6b318b', id: "my-button", "aria-label": this.tdsCloseAriaLabel, onClick: this.handleClose, class: "close" }, h("tds-icon", { key: '856d5148a41cab121714c59d78d3da9281b2e780', name: "cross", size: "20px", svgTitle: "cross" }))))));
     }
     static get is() { return "tds-toast"; }
     static get encapsulation() { return "shadow"; }
@@ -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'"
             }
         };

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

@@ -5,6 +5,16 @@ 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({
@@ -12,14 +22,6 @@ 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() {
@@ -39,13 +41,13 @@ export class TdsToggle {
         this.labelSlot = this.host.querySelector("[slot='label']");
     }
     render() {
-        return (h("div", { key: '18b73a45ee7d84119fa92e0510a6bc6aa0629dcd', class: "tds-toggle" }, this.headline && (h("div", { key: 'eac54354b87c7c825d0ad7fb162ec371ad88f24d', class: {
+        return (h("div", { key: 'c60055a21cec53a50361aedf9be5734f33312a0c', class: "tds-toggle" }, this.headline && (h("div", { key: '69db2c26d93322a105a1485d5699baa252239fcd', class: {
                 'toggle-headline': true,
                 'disabled': this.disabled,
-            } }, this.headline)), h("input", { key: '516d60fa34dad6fee640af0e3caad199e3408140', ref: (inputEl) => {
+            } }, this.headline)), h("input", { key: '95f8df390d76f15895dba32297602b368dd4e92f', 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: '48aca635f98f92bcb669dcdae4accb2f5822fe42', class: { disabled: this.disabled }, htmlFor: this.toggleId }, h("slot", { key: '66a1c7fbd981dd02ccfe5e69f76b978ddca596ea', name: "label" })))));
+            }, "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: '7ff4be2cc525da36416b27b73162dbb3c7af5f24', class: { disabled: this.disabled }, htmlFor: this.toggleId }, h("slot", { key: '0f950e7eee719502e6f283469cb5d8e535c7ce9e', name: "label" })))));
     }
     static get is() { return "tds-toggle"; }
     static get encapsulation() { return "scoped"; }
@@ -75,8 +77,10 @@ export class TdsToggle {
                     "tags": [],
                     "text": "Sets the Toggle as checked"
                 },
-                "attribute": "checked",
+                "getter": false,
+                "setter": false,
                 "reflect": true,
+                "attribute": "checked",
                 "defaultValue": "false"
             },
             "required": {
@@ -93,8 +97,10 @@ export class TdsToggle {
                     "tags": [],
                     "text": "Make the Toggle required"
                 },
-                "attribute": "required",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
+                "attribute": "required",
                 "defaultValue": "false"
             },
             "size": {
@@ -111,8 +117,10 @@ export class TdsToggle {
                     "tags": [],
                     "text": "Size of the Toggle"
                 },
-                "attribute": "size",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
+                "attribute": "size",
                 "defaultValue": "'lg'"
             },
             "name": {
@@ -129,8 +137,10 @@ export class TdsToggle {
                     "tags": [],
                     "text": "Name of the toggle's input element"
                 },
-                "attribute": "name",
-                "reflect": false
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "name"
             },
             "headline": {
                 "type": "string",
@@ -146,8 +156,10 @@ export class TdsToggle {
                     "tags": [],
                     "text": "Headline for the Toggle"
                 },
-                "attribute": "headline",
-                "reflect": false
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "headline"
             },
             "disabled": {
                 "type": "boolean",
@@ -163,8 +175,10 @@ export class TdsToggle {
                     "tags": [],
                     "text": "Sets the Toggle in a disabled state"
                 },
-                "attribute": "disabled",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
+                "attribute": "disabled",
                 "defaultValue": "false"
             },
             "toggleId": {
@@ -181,8 +195,10 @@ export class TdsToggle {
                     "tags": [],
                     "text": "ID of the Toggle's input element, if not specified, it's randomly generated"
                 },
-                "attribute": "toggle-id",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
+                "attribute": "toggle-id",
                 "defaultValue": "generateUniqueId()"
             },
             "tdsAriaLabel": {
@@ -199,8 +215,10 @@ export class TdsToggle {
                     "tags": [],
                     "text": "Defines aria-label attribute for input"
                 },
-                "attribute": "tds-aria-label",
-                "reflect": false
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "tds-aria-label"
             }
         };
     }

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

@@ -5,6 +5,22 @@ 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.border = '';
         this.popperjsExtraModifiers = [
             {
@@ -31,17 +47,6 @@ export class TdsTooltip {
             },
         ];
         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) {
@@ -59,7 +64,7 @@ export class TdsTooltip {
     }
     render() {
         var _a;
-        return (h(Host, { key: '49b74045dffd614a85e5749c0f3e22a5c825b12a', role: "tooltip", "aria-describedby": this.tdsAriaDescribedby, "aria-label": this.text }, h("tds-popover-core", Object.assign({ key: '8b02fca65300f241ddeb938977f6260477f10804' }, this.inheritedAttributes, { class: {
+        return (h(Host, { key: 'e814ba0c931d15c9bfcf8b50ad62e30c87c5dbc6', role: "tooltip", "aria-describedby": this.tdsAriaDescribedby, "aria-label": this.text }, h("tds-popover-core", Object.assign({ key: 'eb7a20ba6b3c47fb58f7a2137574f22f02c329ee' }, this.inheritedAttributes, { class: {
                 'tds-tooltip': true,
                 [`tds-tooltip-${this.border}`]: true,
                 [(_a = this.inheritedAttributes.class) !== null && _a !== void 0 ? _a : '']: true,
@@ -68,7 +73,7 @@ export class TdsTooltip {
                 this.show = true;
             }, onInternalTdsClose: () => {
                 this.show = false;
-            }, defaultShow: this.defaultShow }), this.text, h("slot", { key: '3dc322ae67df156173931c052dfd97b4f7fb8acb' }))));
+            }, defaultShow: this.defaultShow }), this.text, h("slot", { key: '7d0b1b149bcc61af44b378821ea6306b94d8b212' }))));
     }
     static get is() { return "tds-tooltip"; }
     static get encapsulation() { return "scoped"; }
@@ -98,8 +103,10 @@ export class TdsTooltip {
                     "tags": [],
                     "text": "In case Tooltip contains only text, no HTML, a text can be passed by this prop"
                 },
-                "attribute": "text",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
+                "attribute": "text",
                 "defaultValue": "''"
             },
             "selector": {
@@ -116,8 +123,10 @@ export class TdsTooltip {
                     "tags": [],
                     "text": "The CSS-selector for an element that will trigger the Tooltip"
                 },
-                "attribute": "selector",
-                "reflect": false
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "selector"
             },
             "referenceEl": {
                 "type": "unknown",
@@ -137,7 +146,9 @@ export class TdsTooltip {
                 "docs": {
                     "tags": [],
                     "text": "Element that will trigger the Tooltip (takes priority over selector)"
-                }
+                },
+                "getter": false,
+                "setter": false
             },
             "defaultShow": {
                 "type": "boolean",
@@ -153,8 +164,10 @@ export class TdsTooltip {
                     "tags": [],
                     "text": "Decides if the component should be visible from the start."
                 },
-                "attribute": "default-show",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
+                "attribute": "default-show",
                 "defaultValue": "false"
             },
             "mouseOverTooltip": {
@@ -171,8 +184,10 @@ export class TdsTooltip {
                     "tags": [],
                     "text": "Allow mouse over Tooltip. Useful when Tooltip contains clickable elements like link or button."
                 },
-                "attribute": "mouse-over-tooltip",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
+                "attribute": "mouse-over-tooltip",
                 "defaultValue": "false"
             },
             "trigger": {
@@ -189,8 +204,10 @@ export class TdsTooltip {
                     "tags": [],
                     "text": "What triggers the popover to show"
                 },
-                "attribute": "trigger",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
+                "attribute": "trigger",
                 "defaultValue": "'hover'"
             },
             "show": {
@@ -207,8 +224,10 @@ export class TdsTooltip {
                     "tags": [],
                     "text": "Prop in control of showing and hiding prop. Takes precedence over `defaultOpen` prop."
                 },
-                "attribute": "show",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
+                "attribute": "show",
                 "defaultValue": "null"
             },
             "placement": {
@@ -221,7 +240,8 @@ export class TdsTooltip {
                         "Placement": {
                             "location": "import",
                             "path": "@popperjs/core",
-                            "id": "node_modules::Placement"
+                            "id": "node_modules::Placement",
+                            "referenceLocation": "Placement"
                         }
                     }
                 },
@@ -231,8 +251,10 @@ export class TdsTooltip {
                     "tags": [],
                     "text": "Placement of Tooltip."
                 },
-                "attribute": "placement",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
+                "attribute": "placement",
                 "defaultValue": "'bottom'"
             },
             "offsetSkidding": {
@@ -249,8 +271,10 @@ export class TdsTooltip {
                     "tags": [],
                     "text": "Sets the offset skidding"
                 },
-                "attribute": "offset-skidding",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
+                "attribute": "offset-skidding",
                 "defaultValue": "0"
             },
             "offsetDistance": {
@@ -267,8 +291,10 @@ export class TdsTooltip {
                     "tags": [],
                     "text": "Sets the offset distance"
                 },
-                "attribute": "offset-distance",
+                "getter": false,
+                "setter": false,
                 "reflect": false,
+                "attribute": "offset-distance",
                 "defaultValue": "8"
             },
             "tdsAriaDescribedby": {
@@ -285,8 +311,10 @@ export class TdsTooltip {
                     "tags": [],
                     "text": "Sets the aria-describedby attribute"
                 },
-                "attribute": "tds-aria-describedby",
-                "reflect": false
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "tds-aria-describedby"
             }
         };
     }

package/dist/components/index.d.ts

@@ -31,3 +31,5 @@ export interface SetPlatformOptions {
   rel?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
 }
 export declare const setPlatformOptions: (opts: SetPlatformOptions) => void;
+
+export * from '../types';