@scania/tegel 1.41.0-stencil-core-beta.0 → 1.42.0-input-decimal-fix-beta.0

package/dist/collection/components/dropdown/dropdown.js

@@ -14,31 +14,6 @@ function hasValueChanged(newValue, currentValue) {
  */
 export class TdsDropdown {
     constructor() {
-        /** Sets the Dropdown in a disabled state */
-        this.disabled = false;
-        /** Mode variant of the component, based on current mode. */
-        this.modeVariant = null;
-        /** The direction the Dropdown should open, auto if not specified. */
-        this.openDirection = 'auto';
-        /** The size of the Dropdown. */
-        this.size = 'lg';
-        this.animation = 'slide';
-        /** Sets the Dropdown in an error state */
-        this.error = false;
-        /** Enables multiselect in the Dropdown. */
-        this.multiselect = false;
-        /** Enables filtration in the Dropdown. */
-        this.filter = false;
-        /** Normalizes input text for fuzzier search */
-        this.normalizeText = true;
-        /** Text that is displayed if filter is used and there are no options that matches the search.
-         * Setting it to an empty string disables message from showing up. */
-        this.noResultText = 'No result';
-        /** Value of the dropdown. For multiselect, provide array of strings/numbers. For single select, provide a string/number. */
-        this.value = null;
-        this.open = false;
-        this.selectedOptions = [];
-        this.filterQuery = '';
         this.hasFocus = false;
         this.setDefaultOption = () => {
             if (this.internalDefaultValue) {
@@ -185,6 +160,31 @@ export class TdsDropdown {
                 this.reset();
             }
         };
+        this.name = undefined;
+        this.disabled = false;
+        this.helper = undefined;
+        this.label = undefined;
+        this.labelPosition = undefined;
+        this.modeVariant = null;
+        this.openDirection = 'auto';
+        this.placeholder = undefined;
+        this.size = 'lg';
+        this.animation = 'slide';
+        this.error = false;
+        this.multiselect = false;
+        this.filter = false;
+        this.normalizeText = true;
+        this.noResultText = 'No result';
+        this.defaultValue = undefined;
+        this.value = null;
+        this.tdsAriaLabel = undefined;
+        this.open = false;
+        this.internalValue = undefined;
+        this.filterResult = undefined;
+        this.filterFocus = undefined;
+        this.internalDefaultValue = undefined;
+        this.selectedOptions = [];
+        this.filterQuery = '';
     }
     handleValueChange(newValue) {
         // Normalize to array
@@ -583,10 +583,8 @@ export class TdsDropdown {
                     "tags": [],
                     "text": "Name for the Dropdowns input element."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "name"
+                "attribute": "name",
+                "reflect": false
             },
             "disabled": {
                 "type": "boolean",
@@ -602,10 +600,8 @@ export class TdsDropdown {
                     "tags": [],
                     "text": "Sets the Dropdown in a disabled state"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "disabled",
+                "reflect": false,
                 "defaultValue": "false"
             },
             "helper": {
@@ -622,10 +618,8 @@ export class TdsDropdown {
                     "tags": [],
                     "text": "Helper text for the Dropdown."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "helper"
+                "attribute": "helper",
+                "reflect": false
             },
             "label": {
                 "type": "string",
@@ -641,10 +635,8 @@ export class TdsDropdown {
                     "tags": [],
                     "text": "Label text for the Dropdown."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "label"
+                "attribute": "label",
+                "reflect": false
             },
             "labelPosition": {
                 "type": "string",
@@ -660,10 +652,8 @@ export class TdsDropdown {
                     "tags": [],
                     "text": "Label text position"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "label-position"
+                "attribute": "label-position",
+                "reflect": false
             },
             "modeVariant": {
                 "type": "string",
@@ -679,10 +669,8 @@ export class TdsDropdown {
                     "tags": [],
                     "text": "Mode variant of the component, based on current mode."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "mode-variant",
+                "reflect": false,
                 "defaultValue": "null"
             },
             "openDirection": {
@@ -699,10 +687,8 @@ export class TdsDropdown {
                     "tags": [],
                     "text": "The direction the Dropdown should open, auto if not specified."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "open-direction",
+                "reflect": false,
                 "defaultValue": "'auto'"
             },
             "placeholder": {
@@ -719,10 +705,8 @@ export class TdsDropdown {
                     "tags": [],
                     "text": "Placeholder text for the Dropdown."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "placeholder"
+                "attribute": "placeholder",
+                "reflect": false
             },
             "size": {
                 "type": "string",
@@ -738,10 +722,8 @@ export class TdsDropdown {
                     "tags": [],
                     "text": "The size of the Dropdown."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "size",
+                "reflect": false,
                 "defaultValue": "'lg'"
             },
             "animation": {
@@ -758,10 +740,8 @@ export class TdsDropdown {
                     "tags": [],
                     "text": ""
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "animation",
+                "reflect": false,
                 "defaultValue": "'slide'"
             },
             "error": {
@@ -778,10 +758,8 @@ export class TdsDropdown {
                     "tags": [],
                     "text": "Sets the Dropdown in an error state"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "error",
+                "reflect": false,
                 "defaultValue": "false"
             },
             "multiselect": {
@@ -798,10 +776,8 @@ export class TdsDropdown {
                     "tags": [],
                     "text": "Enables multiselect in the Dropdown."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "multiselect",
+                "reflect": false,
                 "defaultValue": "false"
             },
             "filter": {
@@ -818,10 +794,8 @@ export class TdsDropdown {
                     "tags": [],
                     "text": "Enables filtration in the Dropdown."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "filter",
+                "reflect": false,
                 "defaultValue": "false"
             },
             "normalizeText": {
@@ -838,10 +812,8 @@ export class TdsDropdown {
                     "tags": [],
                     "text": "Normalizes input text for fuzzier search"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "normalize-text",
+                "reflect": false,
                 "defaultValue": "true"
             },
             "noResultText": {
@@ -858,10 +830,8 @@ export class TdsDropdown {
                     "tags": [],
                     "text": "Text that is displayed if filter is used and there are no options that matches the search.\nSetting it to an empty string disables message from showing up."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "no-result-text",
+                "reflect": false,
                 "defaultValue": "'No result'"
             },
             "defaultValue": {
@@ -878,10 +848,8 @@ export class TdsDropdown {
                     "tags": [],
                     "text": "Default value selected in the Dropdown."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "default-value"
+                "attribute": "default-value",
+                "reflect": false
             },
             "value": {
                 "type": "any",
@@ -897,10 +865,8 @@ export class TdsDropdown {
                     "tags": [],
                     "text": "Value of the dropdown. For multiselect, provide array of strings/numbers. For single select, provide a string/number."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "value",
+                "reflect": false,
                 "defaultValue": "null"
             },
             "tdsAriaLabel": {
@@ -917,10 +883,8 @@ export class TdsDropdown {
                     "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/footer/footer-group/footer-group.js

@@ -6,13 +6,15 @@ import hasSlot from "../../../utils/hasSlot";
  */
 export class TdsFooterGroup {
     constructor() {
-        /** In mobile, this indicates when the group (if it's in the top part) is opened/closed. */
-        this.open = false;
         /** If the group is placed in the main part of the Footer,
          * it can have either start or end as a slot position otherwise undefined. */
         this.slotPosition = null;
         /** Indicates if a group is part of the top part of the Footer. */
         this.topPartGroup = false;
+        this.titleText = undefined;
+        this.tdsListAriaLabel = undefined;
+        this.open = false;
+        this.isMobile = undefined;
     }
     updateIsMobile() {
         this.isMobile = window.innerWidth <= 992;
@@ -74,10 +76,8 @@ export class TdsFooterGroup {
                     "tags": [],
                     "text": "Title text for the link group, only valid on top part of Footer."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "title-text"
+                "attribute": "title-text",
+                "reflect": false
             },
             "tdsListAriaLabel": {
                 "type": "string",
@@ -93,10 +93,8 @@ export class TdsFooterGroup {
                     "tags": [],
                     "text": "Value to be used for the aria-label attribute for the nav element wrapping the list. Should be unique for accessibility."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "tds-list-aria-label"
+                "attribute": "tds-list-aria-label",
+                "reflect": false
             }
         };
     }

package/dist/collection/components/footer/footer.js

@@ -8,9 +8,8 @@ import hasSlot from "../../utils/hasSlot";
  */
 export class TdsFooter {
     constructor() {
-        /** Mode variant of the component, based on current mode. */
-        this.modeVariant = null;
         this.copyrightText = `Copyright © ${new Date().getFullYear()} Scania`;
+        this.modeVariant = null;
     }
     render() {
         const usesTopSlot = hasSlot('top', this.host);
@@ -49,10 +48,8 @@ export class TdsFooter {
                     "tags": [],
                     "text": "Mode variant of the component, based on current mode."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "mode-variant",
+                "reflect": false,
                 "defaultValue": "null"
             }
         };

package/dist/collection/components/header/header-dropdown/header-dropdown.js

@@ -7,11 +7,6 @@ import generateUniqueId from "../../../utils/generateUniqueId";
  */
 export class TdsHeaderDropdown {
     constructor() {
-        /** If the dropdown icon (downwards chevron) should be hidden. */
-        this.noDropdownIcon = false;
-        /** If the button that opens the dropdown should appear selected. */
-        this.selected = false;
-        this.open = false;
         this.uuid = generateUniqueId();
         this.handleSlottedItemClick = (event) => {
             const eventSource = event.target.tagName.toLowerCase();
@@ -19,6 +14,12 @@ export class TdsHeaderDropdown {
                 this.open = false;
             }
         };
+        this.label = undefined;
+        this.noDropdownIcon = false;
+        this.selected = false;
+        this.tdsAriaLabel = undefined;
+        this.open = false;
+        this.buttonEl = undefined;
     }
     onAnyClick(event) {
         // Source: https://lamplightdev.com/blog/2021/04/10/how-to-detect-clicks-outside-of-a-web-component/
@@ -89,10 +90,8 @@ export class TdsHeaderDropdown {
                     "tags": [],
                     "text": "The label of the button that opens the dropdown.\nThis is an alternative to the label slot."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "label"
+                "attribute": "label",
+                "reflect": false
             },
             "noDropdownIcon": {
                 "type": "boolean",
@@ -108,10 +107,8 @@ export class TdsHeaderDropdown {
                     "tags": [],
                     "text": "If the dropdown icon (downwards chevron) should be hidden."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "no-dropdown-icon",
+                "reflect": false,
                 "defaultValue": "false"
             },
             "selected": {
@@ -128,10 +125,8 @@ export class TdsHeaderDropdown {
                     "tags": [],
                     "text": "If the button that opens the dropdown should appear selected."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "selected",
+                "reflect": false,
                 "defaultValue": "false"
             },
             "tdsAriaLabel": {
@@ -148,10 +143,8 @@ export class TdsHeaderDropdown {
                     "tags": [],
                     "text": "Value to be used by the aria-label attribute"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "tds-aria-label"
+                "attribute": "tds-aria-label",
+                "reflect": false
             }
         };
     }

package/dist/collection/components/header/header-dropdown-list/header-dropdown-list.js

@@ -8,8 +8,8 @@ export class TdsHeaderDropdownList {
     constructor() {
         // A Map to store the slots and their associated slotchange listeners.
         this.slotListeners = new Map();
-        /** The size of the component. */
         this.size = 'md';
+        this.headingElement = undefined;
     }
     componentWillLoad() {
         const { children } = this.host;
@@ -102,10 +102,8 @@ export class TdsHeaderDropdownList {
                     "tags": [],
                     "text": "The size of the component."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
                 "attribute": "size",
+                "reflect": true,
                 "defaultValue": "'md'"
             }
         };

package/dist/collection/components/header/header-dropdown-list-item/header-dropdown-list-item.js

@@ -4,9 +4,7 @@ import { h, Host } from "@stencil/core";
  */
 export class TdsHeaderDropdownListItem {
     constructor() {
-        /** If the link should appear selected. */
         this.selected = false;
-        /** The size of the component. */
         this.size = 'md';
     }
     render() {
@@ -43,10 +41,8 @@ export class TdsHeaderDropdownListItem {
                     "tags": [],
                     "text": "If the link should appear selected."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "selected",
+                "reflect": false,
                 "defaultValue": "false"
             },
             "size": {
@@ -63,10 +59,8 @@ export class TdsHeaderDropdownListItem {
                     "tags": [],
                     "text": "The size of the component."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": true,
                 "attribute": "size",
+                "reflect": true,
                 "defaultValue": "'md'"
             }
         };

package/dist/collection/components/header/header-dropdown-list-user/header-dropdown-list-user.js

@@ -4,6 +4,12 @@ import { h, Host } from "@stencil/core";
  * @slot header - Slot for the header.
  */
 export class TdsHeaderDropdownListLgUser {
+    constructor() {
+        this.imgUrl = undefined;
+        this.imgAlt = undefined;
+        this.header = undefined;
+        this.subheader = undefined;
+    }
     render() {
         return (h(Host, { key: '88298dc621372f56b0336686d055f27ef7bfee8a', role: "listitem" }, h("div", { key: 'da8b981e30d4cca52b4dfc2813e2d706f7c18d30', class: "user-box" }, this.imgUrl && h("img", { key: 'f81a370f4499f5bec4eedef0ef2d1aaa5aeca4ca', src: this.imgUrl, alt: this.imgAlt }), h("slot", { key: '33c9d2b8d0761d6915129cd03f4b596b5c05c1b4', name: "thumbanil" }), h("div", { key: '78a05fa64af6d694b4927fef55260e18c2d5711f', class: "user-content" }, h("div", { key: '15f6a48e0f10574ae14af2e2d92342ec77e85aa1', class: "header" }, this.header, h("slot", { key: '12ebbfbc257918f264c76e7d38a28827880cadec', name: "header" })), h("div", { key: 'bbd348e04b5ea5732bb4426547ef5ed9eddf55d0', class: "subheader" }, this.subheader, h("slot", { key: '403e7f20cb5b564928759ce0be1b058d12610290', name: "subheader" }))))));
     }
@@ -35,10 +41,8 @@ export class TdsHeaderDropdownListLgUser {
                     "tags": [],
                     "text": "Image URL."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "img-url"
+                "attribute": "img-url",
+                "reflect": false
             },
             "imgAlt": {
                 "type": "string",
@@ -54,10 +58,8 @@ export class TdsHeaderDropdownListLgUser {
                     "tags": [],
                     "text": "Image alt text."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "img-alt"
+                "attribute": "img-alt",
+                "reflect": false
             },
             "header": {
                 "type": "string",
@@ -73,10 +75,8 @@ export class TdsHeaderDropdownListLgUser {
                     "tags": [],
                     "text": "Header text, usually the users first name and last name."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "header"
+                "attribute": "header",
+                "reflect": false
             },
             "subheader": {
                 "type": "string",
@@ -92,10 +92,8 @@ export class TdsHeaderDropdownListLgUser {
                     "tags": [],
                     "text": "Subheader text."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "subheader"
+                "attribute": "subheader",
+                "reflect": false
             }
         };
     }

package/dist/collection/components/header/header-hamburger/header-hamburger.js

@@ -1,6 +1,9 @@
 import { h, Host } from "@stencil/core";
 import inheritAriaAttributes from "../../../utils/inheritAriaAttributes";
 export class TdsHeaderHamburger {
+    constructor() {
+        this.tdsAriaLabel = undefined;
+    }
     render() {
         const inheritedButtonProps = Object.assign({}, inheritAriaAttributes(this.host));
         return (h(Host, { key: 'f1b3e80727ae2fbb84cbdf19fdd6500067fa010b' }, h("tds-header-item", { key: '6053c08c86b6f4149bed2eb7c8a4a26f16262fc9' }, h("button", Object.assign({ key: 'b2b645ed658328622e9a6411d5bcdfe66e59028c' }, inheritedButtonProps, { "aria-label": this.tdsAriaLabel }), h("tds-icon", { key: '6140334699f8a27f7d78387bb3bfcf08295a0c90', class: "icon", name: "burger", size: "20px" })))));
@@ -33,10 +36,8 @@ export class TdsHeaderHamburger {
                     "tags": [],
                     "text": "Value to be used by the aria-label attribute"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "tds-aria-label"
+                "attribute": "tds-aria-label",
+                "reflect": false
             }
         };
     }

package/dist/collection/components/header/header-item/header-item.js

@@ -5,10 +5,7 @@ import dfs from "../../../utils/dfs";
  */
 export class TdsHeaderItem {
     constructor() {
-        /** If the button should appear active. Can be used when the button is
-         * triggering a dropdown, and the dropdown is open, for example. */
         this.active = false;
-        /** If the button should appear selected. */
         this.selected = false;
     }
     updateSlotted(searchPredicate, mutationCallback) {
@@ -110,10 +107,8 @@ export class TdsHeaderItem {
                     "tags": [],
                     "text": "If the button should appear active. Can be used when the button is\ntriggering a dropdown, and the dropdown is open, for example."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "active",
+                "reflect": false,
                 "defaultValue": "false"
             },
             "selected": {
@@ -130,10 +125,8 @@ export class TdsHeaderItem {
                     "tags": [],
                     "text": "If the button should appear selected."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "selected",
+                "reflect": false,
                 "defaultValue": "false"
             }
         };

package/dist/collection/components/header/header-launcher/header-launcher.js

@@ -6,9 +6,11 @@ import inheritAriaAttributes from "../../../utils/inheritAriaAttributes";
  */
 export class TdsHeaderLauncher {
     constructor() {
+        this.uuid = generateUniqueId();
         this.open = false;
+        this.buttonEl = undefined;
         this.hasListTypeMenu = false;
-        this.uuid = generateUniqueId();
+        this.tdsAriaLabel = undefined;
     }
     onAnyClick(event) {
         // Source: https://lamplightdev.com/blog/2021/04/10/how-to-detect-clicks-outside-of-a-web-component/
@@ -87,10 +89,8 @@ export class TdsHeaderLauncher {
                     "tags": [],
                     "text": "Value to be used by the aria-label attribute of the launcher button"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "tds-aria-label"
+                "attribute": "tds-aria-label",
+                "reflect": false
             }
         };
     }

package/dist/collection/components/header/header-launcher-button/header-launcher-button.js

@@ -2,9 +2,8 @@ import { h, Host } from "@stencil/core";
 import inheritAriaAttributes from "../../../utils/inheritAriaAttributes";
 export class TdsHeaderLauncherButton {
     constructor() {
-        /** If the button should appear active. Can be used when the button is
-         * triggering a dropdown, and the dropdown is open, for example. */
         this.active = false;
+        this.tdsAriaLabel = undefined;
     }
     render() {
         this.ariaAttributes = Object.assign(Object.assign({}, this.ariaAttributes), inheritAriaAttributes(this.host));
@@ -39,10 +38,8 @@ export class TdsHeaderLauncherButton {
                     "tags": [],
                     "text": "If the button should appear active. Can be used when the button is\ntriggering a dropdown, and the dropdown is open, for example."
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
                 "attribute": "active",
+                "reflect": false,
                 "defaultValue": "false"
             },
             "tdsAriaLabel": {
@@ -59,10 +56,8 @@ export class TdsHeaderLauncherButton {
                     "tags": [],
                     "text": "Value to be used by the aria-label attribute"
                 },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "tds-aria-label"
+                "attribute": "tds-aria-label",
+                "reflect": false
             }
         };
     }