@scania/tegel 1.28.1-tegelmodule.0 → 1.29.0-1.29.0-fix-spinner-alignment-beta.1

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

@@ -11,7 +11,7 @@ export class TdsHeaderDropdownListLgUser {
         this.subheader = undefined;
     }
     render() {
-        return (h(Host, { key: 'b8c4cb5b278e43d98a61e161d4f5a742105f74d7', role: "listitem" }, h("div", { key: 'd6963261598be670d81bcd57973d43af252d956c', class: "user-box" }, this.imgUrl && h("img", { key: 'fa8aab10c6aa927f16e295ec0e6fdf5ddefe9cb0', src: this.imgUrl, alt: this.imgAlt }), h("slot", { key: '12ab993e9452bd0e61c2e1be4a76805f368dac0c', name: "thumbanil" }), h("div", { key: '67aec51894a448083de74a18f48b6b9ef8e74b3f', class: "user-content" }, h("div", { key: '45800280bc6c4ece8a912469c82cbc346f52cde1', class: "header" }, this.header, h("slot", { key: '9b9c0819e4cb06dec1742c4a298aed4c83a0ce98', name: "header" })), h("div", { key: '856e611d573d45735177e5ae3f234a667a69414e', class: "subheader" }, this.subheader, h("slot", { key: 'a5ae6bce6cdecbc97447e44872c4cb43bb4abb8d', name: "subheader" }))))));
+        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" }))))));
     }
     static get is() { return "tds-header-dropdown-list-user"; }
     static get encapsulation() { return "shadow"; }

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

@@ -11,7 +11,7 @@ export class TdsHeaderHamburger {
     }
     render() {
         const inheritedButtonProps = Object.assign({}, inheritAriaAttributes(this.host));
-        return (h(Host, { key: '774d1727624bfe4f8606d2efea75236532f2e9b2' }, h("tds-header-item", { key: '70cbf14a6b7ea638465d56780780ef3e9b5e0f4e' }, h("button", Object.assign({ key: 'af50f354dca1b518b13216ae0ce6cc85488f7df3' }, inheritedButtonProps, { "aria-label": this.tdsAriaLabel }), h("tds-icon", { key: '7978cd71ad41001dee4dbdb12894e22e716f3164', class: "icon", name: "burger", size: "20px" })))));
+        return (h(Host, { key: '8bec5bb46e8aaa4913a246e1ef4823b12599d9fb' }, h("tds-header-item", { key: 'ddfd826c0f40bf2408961e78351e6c6dc3c6d36f' }, h("button", Object.assign({ key: '6dea0e5d6ba5cfacb13e267e5f6cf5644fbe16ee' }, inheritedButtonProps, { "aria-label": this.tdsAriaLabel }), h("tds-icon", { key: '8fbefe929bbec4603259718fece833366ee6dff0', class: "icon", name: "burger", size: "20px" })))));
     }
     static get is() { return "tds-header-hamburger"; }
     static get encapsulation() { return "shadow"; }

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

@@ -74,10 +74,10 @@ export class TdsHeaderItem {
         }
     }
     render() {
-        return (h(Host, { key: '04494c94f296aeaed5dc491c2ebf31450e15efc1' }, h("tds-core-header-item", { key: '8a699bc7134795ca9670a0f21a688dc3efadd51a', class: {
+        return (h(Host, { key: '8bf1f05e837866442a31d6079cebce9f3f4b6a01' }, h("tds-core-header-item", { key: '2000815259c320803ecc6bb71553d56187c40983', class: {
                 'component-active': this.active,
                 'component-selected': this.selected,
-            } }, h("slot", { key: 'd0c443c281df9015bbdbffd1b56035d2c7e0cca2' }))));
+            } }, h("slot", { key: '35753d03b2ca354b0054172079ac20cd87524538' }))));
     }
     static get is() { return "tds-header-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -53,11 +53,11 @@ export class TdsHeaderLauncher {
             }, 'ref': (el) => {
                 this.buttonEl = el;
             } });
-        return (h(Host, { key: '3a0100f1429a1e09a5745c6b74835bddb6ba5157' }, h("div", { key: '50220e92372ac5496a4b589441e4920375169e79', class: {
+        return (h(Host, { key: 'e7973fca6e39c2e3465a015f65354ea421067031' }, h("div", { key: '37860b4e05c96777e0dce1173bf6fb5954849ed8', class: {
                 'wrapper': true,
                 'state-open': this.open,
                 'state-list-type-menu': this.hasListTypeMenu,
-            } }, h("tds-header-launcher-button", Object.assign({ key: 'd58c3ba5f08809487eeca1e6ce8a31879f0c52d9' }, buttonAttributes, { "tds-aria-label": this.tdsAriaLabel })), this.buttonEl && (h("tds-popover-canvas", { key: '4806b02e07aef32a640eedc1f0f76285950ec384', id: `tds-launcher-${this.uuid}`, class: "menu", referenceEl: this.buttonEl, placement: "bottom-start", show: this.open, offsetDistance: 0, modifiers: [
+            } }, h("tds-header-launcher-button", Object.assign({ key: '99cbfc65298f5da7f5601df6efdfc4d49fd6dfa8' }, buttonAttributes, { "tds-aria-label": this.tdsAriaLabel })), this.buttonEl && (h("tds-popover-canvas", { key: 'c395e13678f4eb67abae75722c609624c5f750e7', id: `tds-launcher-${this.uuid}`, class: "menu", referenceEl: this.buttonEl, placement: "bottom-start", show: this.open, offsetDistance: 0, modifiers: [
                 {
                     name: 'flip',
                     options: {

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

@@ -8,7 +8,7 @@ export class TdsHeaderLauncherButton {
     render() {
         this.ariaAttributes = Object.assign(Object.assign({}, this.ariaAttributes), inheritAriaAttributes(this.host));
         const buttonProps = Object.assign({}, this.ariaAttributes);
-        return (h(Host, { key: '445f5863dd96c417c99e460248bd0f2c2a224f0a' }, h("tds-header-item", { key: '792692a34c1192d37e81322a8e75387e51954ebe', active: this.active }, h("button", Object.assign({ key: '7be3e9e148ceab7b361f37b1029dfad474db7b16' }, buttonProps, { "aria-label": this.tdsAriaLabel }), h("tds-icon", { key: '5001f19dfa40ade6a9c64052caa4c38de901a5d4', class: "icon", name: "bento", size: "20px", "svg-title": this.tdsAriaLabel })))));
+        return (h(Host, { key: '6d8b16f71586f3bc944f17aa80234605bbc57ab0' }, h("tds-header-item", { key: '49529617101956090cdc2092d4df80fdf376a123', active: this.active }, h("button", Object.assign({ key: '76cd7b84413aafedaec6b1326e55307bf640b73f' }, buttonProps, { "aria-label": this.tdsAriaLabel }), h("tds-icon", { key: '145394461e3bc680a2f2b07e82f8b3bb549f1e6d', class: "icon", name: "bento", size: "20px", "svg-title": this.tdsAriaLabel })))));
     }
     static get is() { return "tds-header-launcher-button"; }
     static get encapsulation() { return "shadow"; }

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

@@ -28,7 +28,7 @@ export class TdsHeaderLauncherGrid {
             'role': 'list',
             'aria-labelledby': (_a = this.headingElement) === null || _a === void 0 ? void 0 : _a.id,
         };
-        return (h(Host, { key: '536c3a5c654728beee82d262a7fdb777dbc79561' }, h("div", Object.assign({ key: 'd6d8e742148bc87f866829317a5fcf2faa77cee8' }, listAttributes), h("slot", { key: '14c17dc75807554fb5ed7a792082cbeff40b33c4' }))));
+        return (h(Host, { key: '5d0824ce5d829d78fd61e2e53e08b6bdca0e4569' }, h("div", Object.assign({ key: '7e6f891f6bc92b4f93874a538e017382c72e176e' }, listAttributes), h("slot", { key: '31133b8760e19ed767f24544fea026c59c181e53' }))));
     }
     static get is() { return "tds-header-launcher-grid"; }
     static get originalStyleUrls() {

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

@@ -4,7 +4,7 @@ import { h, Host } from "@stencil/core";
  */
 export class TdsHeaderLauncherGridItem {
     render() {
-        return (h(Host, { key: '7bf745f1e08abfec6c12e3226f92e14151e42744', role: "listitem" }, h("slot", { key: 'a0b0e796e48121357af859cd260125c9b28cd2c3' })));
+        return (h(Host, { key: '1506d0cda6ddcdd025ea7febf24e34c8e0d5b479', role: "listitem" }, h("slot", { key: 'f6ae96ad0c953297fddf43cfcee6d688a93846f5' })));
     }
     static get is() { return "tds-header-launcher-grid-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -8,7 +8,7 @@ export class TdsHeaderLauncherGridTitle {
         this.uuid = generateUniqueId();
     }
     render() {
-        return (h(Host, { key: 'cbbcdf4db61635b435350a03c9c9d973ddbee56c' }, h("h3", { key: '0e267856bce5a098c0b7b1b84fe09ea89036cd5d', class: "tds-header-launcher-grid-title", id: `tds-header-launcher-grid-title-${this.uuid}` }, h("slot", { key: 'aeb83a7935985c04c8c14ed1101175f8e6be0ddf' }))));
+        return (h(Host, { key: '25db2b1431472f1883bce6605c060e48129dacc5' }, h("h3", { key: '0caaece113240546638d8d0366bcecba6f945986', class: "tds-header-launcher-grid-title", id: `tds-header-launcher-grid-title-${this.uuid}` }, h("slot", { key: '16962f436f38d529357dbaade615badd87862323' }))));
     }
     static get is() { return "tds-header-launcher-grid-title"; }
     static get originalStyleUrls() {

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

@@ -8,7 +8,7 @@ export class TdsHeaderLauncherList {
         this.uuid = generateUniqueId();
     }
     render() {
-        return (h(Host, { key: 'b4dc52c6bcf24b6fd67fdc83ae85ff2e42dc4336' }, h("tds-header-dropdown-list", { key: 'c6ad7f978597258dbbaaeeb3b3fcb220c049aa28', size: "lg" }, h("slot", { key: 'e6afe9a7d754e4f853d9d9c05318be8cbc5e8048' }))));
+        return (h(Host, { key: 'ceedbada9d5a96ecdb5306b0e55f939ba69c78d8' }, h("tds-header-dropdown-list", { key: 'a1ffa08021a4ac0d3aad0401330b6d82ad4e20f9', size: "lg" }, h("slot", { key: 'e0808a6e71a6bb26e8b56005c9552fde5af9296b' }))));
     }
     static get is() { return "tds-header-launcher-list"; }
 }

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

@@ -4,7 +4,7 @@ import { h, Host } from "@stencil/core";
  */
 export class TdsHeaderLauncherListItem {
     render() {
-        return (h(Host, { key: '43e0e7c848d7583d999046a58e58cf457a7eebd8' }, h("tds-header-dropdown-list-item", { key: 'b2d4c75dd14ea446aace6933df484dd3601297bd', size: "lg" }, h("slot", { key: 'dad5b2d69c31ad365676a9259ef7a4e5ea0fe410' }))));
+        return (h(Host, { key: 'bcc63c58186216485acf6e6e0f896158e92cd29e' }, h("tds-header-dropdown-list-item", { key: 'e4b963bf20b97aa19f8f6dbd4d4a6face04220db', size: "lg" }, h("slot", { key: '03445a4fe12c6f5a283b6d2635d657bbfd103263' }))));
     }
     static get is() { return "tds-header-launcher-list-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -8,7 +8,7 @@ export class TdsHeaderLauncherListTitle {
         this.uuid = generateUniqueId();
     }
     render() {
-        return (h(Host, { key: '7ae867e11a9720654645e70c10f0a20a7a147d78' }, h("h3", { key: '5e6751d05defe072d827c6e78ac777622674138d', class: "tds-header-launcher-list-title", id: `tds-header-launcher-${this.uuid}` }, h("slot", { key: '403011ffd72000e98e64b9c8cb83620c95cb4444' }))));
+        return (h(Host, { key: '2bd6c5fa87fe1b94065980a7f7794ada3ccf2a9f' }, h("h3", { key: '3ccf8d967a2bda31d1724d4d3bf522cb1052f497', class: "tds-header-launcher-list-title", id: `tds-header-launcher-${this.uuid}` }, h("slot", { key: '831e18f03058184f3825541fd2be34d07a443e78' }))));
     }
     static get is() { return "tds-header-launcher-list-title"; }
     static get originalStyleUrls() {

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

@@ -4,7 +4,7 @@ import { h } from "@stencil/core";
  */
 export class TdsHeaderTitle {
     render() {
-        return (h("h4", { key: '464dc4df896605138eb3c6db8242de6b8daab424' }, h("slot", { key: '24e9e27fe63f75d0b8aafddc4b54abc419fbb14f' })));
+        return (h("h4", { key: '4af2f894bf508d0ea8f5c934f4b6e3be61f1ce1a' }, h("slot", { key: 'e5eaaf9c68f77041f6056af1bb7e1101b48c1ffc' })));
     }
     static get is() { return "tds-header-title"; }
     static get encapsulation() { return "shadow"; }

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

@@ -32,7 +32,7 @@ export class TdsHeader {
     }
     render() {
         const navAttributes = Object.assign({}, inheritAriaAttributes(this.host));
-        return (h(Host, { key: '93ebc1479f229fb514e0b7b89cb727769298f0b6' }, h("slot", { key: '50c5885a8252a42b12e2311c93a6125d619dc728', name: "hamburger" }), h("slot", { key: '36519346fca7a9fbead2868822144cbaa291d642', name: "title" }), h("nav", Object.assign({ key: '3068b89599382f43dc602eb1022b359129d20f59' }, navAttributes), h("ul", { key: 'c53eef9ba3fad71c723345c84fbcb3b663b20360', class: "tds-header-component-list" }, h("slot", { key: '4888046bdffab6ca2d1763fb968f5e491ec5762b' }), h("li", { key: '0d12b3e6733dbc3e08e93563bae1bb665ab0752b', class: "tds-header-middle-spacer" }), h("slot", { key: 'cff34c3634fbae5929a4c227b23b60ada3cb43a3', name: "end" })))));
+        return (h(Host, { key: 'f5c7796ebe3f5d9bd6e555f0dd01f8ace54c1cd8' }, h("slot", { key: '77cba127f947cc8fefa875a6db0e68bf52c5a80e', name: "hamburger" }), h("slot", { key: 'daf9d8299734f72355eeaeb307dcc3e25520a7b8', name: "title" }), h("nav", Object.assign({ key: '904338fd0fb8ab3ce42b46ee482d021667fe49e8' }, navAttributes), h("ul", { key: '66994fd2de781178624f8d67c88e4d75e84d2844', class: "tds-header-component-list" }, h("slot", { key: '51ee40aa7b17fb2a36ca23c2cebfb74efb69ea24' }), h("li", { key: 'db64903ac70ee12d48cd5029997949875caa53e8', class: "tds-header-middle-spacer" }), h("slot", { key: '80a48331b218b734061a421c9e31f8fd1b98be1a', name: "end" })))));
     }
     static get is() { return "tds-header"; }
     static get originalStyleUrls() {

package/dist/collection/components/icon/icon.js

@@ -1,6 +1,14 @@
 // Check status of webFont solution
 import { h, Host } from "@stencil/core";
-import { iconsCollection } from "./iconsArray";
+import { iconsCollection as scaniaIcons } from "./scaniaIconsArray";
+import { iconsCollection as tratonIcons } from "./tratonIconsArray";
+// Map of brand classes to their respective icon collections
+const brandIconMap = {
+    scania: scaniaIcons,
+    traton: tratonIcons,
+    // Add new brands here in the future
+    // Example: newBrand: newBrandIcons,
+};
 export class Icon {
     constructor() {
         this.setIcons = () => this.arrayOfIcons.map((element) => {
@@ -13,10 +21,17 @@ export class Icon {
         this.svgTitle = undefined;
         this.tdsAriaHidden = false;
         this.svgDescription = undefined;
-        this.icons_object = iconsCollection;
+        this.icons_object = undefined;
         this.arrayOfIcons = [];
     }
     componentWillLoad() {
+        this.detectAndSetBrand();
+    }
+    detectAndSetBrand() {
+        const brandClasses = Object.keys(brandIconMap);
+        const matchingBrand = brandClasses.find((brand) => this.host.closest(`.${brand}`));
+        // Set the icons_object based on the found brand or default to scania
+        this.icons_object = matchingBrand ? brandIconMap[matchingBrand] : scaniaIcons;
         this.arrayDataWatcher(this.icons_object);
     }
     arrayDataWatcher(newValue) {
@@ -29,7 +44,7 @@ export class Icon {
         this.arrayOfIcons = [...this.arrayOfIcons];
     }
     render() {
-        return h(Host, { key: 'd19a1de2f0267b93717324d424b9c89e19bbcb21' }, this.setIcons());
+        return h(Host, { key: '28dd81a4993b7c842a115f7feca92d038b4ef195' }, this.setIcons());
     }
     static get is() { return "tds-icon"; }
     static get encapsulation() { return "shadow"; }
@@ -147,4 +162,5 @@ export class Icon {
             "arrayOfIcons": {}
         };
     }
+    static get elementRef() { return "host"; }
 }