@scania/tegel 1.40.0-ts-strict-mode-beta.0 → 1.41.0-beta.0

package/dist/cjs/tds-header-launcher-grid.cjs.entry.js

@@ -1,18 +1,14 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-ca8040ad.js');
-const isHeadingElement = require('./isHeadingElement-4f06b688.js');
-require('./dfs-84f7f63e.js');
+var index = require('./index-CxAGLnpY.js');
+var isHeadingElement = require('./isHeadingElement-DihKNeqS.js');
+require('./dfs-Clg9RCmq.js');
 
 const headerLauncherGridCss = ".tds-header-launcher-grid{box-sizing:border-box;padding:12px;margin:0;list-style:none;width:100%;display:grid;grid-template-columns:1fr 1fr 1fr;gap:4px;border-radius:none}";
-const TdsHeaderLauncherGridStyle0 = headerLauncherGridCss;
 
 const TdsHeaderLauncherGrid = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.headingElement = undefined;
     }
     componentWillLoad() {
         const listRoot = this.host;
@@ -38,6 +34,6 @@ const TdsHeaderLauncherGrid = class {
     }
     get host() { return index.getElement(this); }
 };
-TdsHeaderLauncherGrid.style = TdsHeaderLauncherGridStyle0;
+TdsHeaderLauncherGrid.style = headerLauncherGridCss;
 
 exports.tds_header_launcher_grid = TdsHeaderLauncherGrid;

package/dist/cjs/tds-header-launcher-list-item.cjs.entry.js

@@ -1,11 +1,8 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-ca8040ad.js');
+var index = require('./index-CxAGLnpY.js');
 
 const headerLauncherListItemCss = ":host{display:block;border-bottom:1px solid var(--tds-nav-dropdown-item-border-color)}";
-const TdsHeaderLauncherListItemStyle0 = headerLauncherListItemCss;
 
 const TdsHeaderLauncherListItem = class {
     constructor(hostRef) {
@@ -15,6 +12,6 @@ const TdsHeaderLauncherListItem = class {
         return (index.h(index.Host, { key: 'bcc63c58186216485acf6e6e0f896158e92cd29e' }, index.h("tds-header-dropdown-list-item", { key: 'e4b963bf20b97aa19f8f6dbd4d4a6face04220db', size: "lg" }, index.h("slot", { key: '03445a4fe12c6f5a283b6d2635d657bbfd103263' }))));
     }
 };
-TdsHeaderLauncherListItem.style = TdsHeaderLauncherListItemStyle0;
+TdsHeaderLauncherListItem.style = headerLauncherListItemCss;
 
 exports.tds_header_launcher_list_item = TdsHeaderLauncherListItem;

package/dist/cjs/tds-header-launcher-list-title.cjs.entry.js

@@ -1,12 +1,9 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-ca8040ad.js');
-const generateUniqueId = require('./generateUniqueId-e3fc9863.js');
+var index = require('./index-CxAGLnpY.js');
+var generateUniqueId = require('./generateUniqueId-ComXTAM_.js');
 
 const headerLauncherListTitleCss = ".tds-header-launcher-list-title{all:unset;box-sizing:border-box;font:var(--tds-detail-06);letter-spacing:var(--tds-detail-06-ls);color:var(--tds-header-app-launcher-category-title-color);text-transform:uppercase;height:48px;padding:0 16px;display:flex;align-items:center;border-bottom:1px solid var(--tds-nav-dropdown-item-border-color);margin:0}";
-const TdsHeaderLauncherListTitleStyle0 = headerLauncherListTitleCss;
 
 const TdsHeaderLauncherListTitle = class {
     constructor(hostRef) {
@@ -18,6 +15,6 @@ const TdsHeaderLauncherListTitle = class {
     }
     get host() { return index.getElement(this); }
 };
-TdsHeaderLauncherListTitle.style = TdsHeaderLauncherListTitleStyle0;
+TdsHeaderLauncherListTitle.style = headerLauncherListTitleCss;
 
 exports.tds_header_launcher_list_title = TdsHeaderLauncherListTitle;

package/dist/cjs/tds-header-launcher-list.cjs.entry.js

@@ -1,9 +1,7 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-ca8040ad.js');
-const generateUniqueId = require('./generateUniqueId-e3fc9863.js');
+var index = require('./index-CxAGLnpY.js');
+var generateUniqueId = require('./generateUniqueId-ComXTAM_.js');
 
 const TdsHeaderLauncherList = class {
     constructor(hostRef) {

package/dist/cjs/tds-header-launcher.cjs.entry.js

@@ -1,23 +1,18 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-ca8040ad.js');
-const generateUniqueId = require('./generateUniqueId-e3fc9863.js');
-const inheritAriaAttributes = require('./inheritAriaAttributes-dedbbc57.js');
-require('./inheritAttributes-ff9ad737.js');
+var index = require('./index-CxAGLnpY.js');
+var generateUniqueId = require('./generateUniqueId-ComXTAM_.js');
+var inheritAriaAttributes = require('./inheritAriaAttributes-D_xFGssc.js');
+require('./inheritAttributes-CGw91JfB.js');
 
 const headerLauncherCss = ":host{--tds-scrollbar-width-standard:thin;--tds-scrollbar-width:10px;--tds-scrollbar-height:10px;--tds-scrollbar-thumb-border-width:3px;--tds-scrollbar-thumb-border-hover-width:2px}body{scrollbar-width:thin}:host .wrapper{height:var(--tds-header-height);position:relative}:host .wrapper .menu{flex-direction:column;overflow-y:auto;max-height:calc(100vh - var(--tds-header-height));box-shadow:var(--tds-nav-dropdown-menu-box);background-color:var(--tds-header-app-launcher-menu-background);border-radius:0}:host .wrapper .menu:hover::-webkit-scrollbar-thumb{border:var(--tds-scrollbar-thumb-border-hover-width) solid transparent;background:var(--tds-scrollbar-hover-thumb-color);background-clip:padding-box}:host .wrapper .menu::-webkit-scrollbar{width:var(--tds-scrollbar-width)}:host .wrapper .menu::-webkit-scrollbar-track{background:var(--tds-scrollbar-track-color)}:host .wrapper .menu::-webkit-scrollbar-thumb{border-radius:40px;background:var(--tds-scrollbar-thumb-color);border:var(--tds-scrollbar-thumb-border-width) solid transparent;background-clip:padding-box}:host .wrapper .menu::-webkit-scrollbar-button{height:0;width:0}@supports not selector(::-webkit-scrollbar){:host .wrapper .menu{scrollbar-color:var(--tds-scrollbar-thumb-color) var(--tds-scrollbar-track-color);scrollbar-width:var(--tds-scrollbar-width-standard)}}@media all and (max-width: 384px){:host .wrapper .menu{width:100vw}}:host .wrapper.state-list-type-menu .menu{height:calc(100vh - var(--tds-header-height))}:host .wrapper.state-open .button{position:relative;z-index:901}";
-const TdsHeaderLauncherStyle0 = headerLauncherCss;
 
 const TdsHeaderLauncher = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
-        this.uuid = generateUniqueId.generateUniqueId();
         this.open = false;
-        this.buttonEl = undefined;
         this.hasListTypeMenu = false;
-        this.tdsAriaLabel = undefined;
+        this.uuid = generateUniqueId.generateUniqueId();
     }
     onAnyClick(event) {
         // Source: https://lamplightdev.com/blog/2021/04/10/how-to-detect-clicks-outside-of-a-web-component/
@@ -27,12 +22,9 @@ const TdsHeaderLauncher = class {
         }
     }
     handleKeyDown(event) {
-        var _a, _b;
         if (event.key === 'Escape' && this.open) {
             this.open = false;
-            const btnShadow = (_b = (_a = this.buttonEl) === null || _a === void 0 ? void 0 : _a.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('button');
-            if (btnShadow)
-                btnShadow.focus();
+            this.buttonEl.shadowRoot.querySelector('button').focus();
         }
     }
     componentDidLoad() {
@@ -43,9 +35,8 @@ const TdsHeaderLauncher = class {
         this.open = !this.open;
         if (this.open) {
             requestAnimationFrame(() => {
-                var _a;
                 const selectors = "a, [tabindex='0']";
-                const firstFocusableElement = ((_a = this.host.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(selectors)) || this.host.querySelector(selectors);
+                const firstFocusableElement = this.host.shadowRoot.querySelector(selectors) || this.host.querySelector(selectors);
                 if (firstFocusableElement instanceof HTMLElement) {
                     firstFocusableElement.focus();
                 }
@@ -59,11 +50,11 @@ const TdsHeaderLauncher = class {
             }, 'ref': (el) => {
                 this.buttonEl = el;
             } });
-        return (index.h(index.Host, { key: '13631a42a002d81b250fc26438b96f93ae991ab6' }, index.h("div", { key: '24fca288a843c0c9459f8ad9ce015cec36c815c6', class: {
+        return (index.h(index.Host, { key: 'd6402957a4e8c7221a3cefae397117a952381d22' }, index.h("div", { key: '0d5e89739be69df6e111404ca64fa81dd35ffab9', class: {
                 'wrapper': true,
                 'state-open': this.open,
                 'state-list-type-menu': this.hasListTypeMenu,
-            } }, index.h("tds-header-launcher-button", Object.assign({ key: '3883841e41d1acb50f75d78a894c7844305c1cbd' }, buttonAttributes, { "tds-aria-label": this.tdsAriaLabel })), this.buttonEl && (index.h("tds-popover-canvas", { key: '20b4cc82c6eed3e2ba60038d4ab37afd49de6357', id: `tds-launcher-${this.uuid}`, class: "menu", referenceEl: this.buttonEl, placement: "bottom-start", show: this.open, offsetDistance: 0, modifiers: [
+            } }, index.h("tds-header-launcher-button", Object.assign({ key: '7c42d6bec11176653b8b00c458a5dd1a1e9ef168' }, buttonAttributes, { "tds-aria-label": this.tdsAriaLabel })), this.buttonEl && (index.h("tds-popover-canvas", { key: 'a7eddf9c3df2f3e4229c1fade730a622767349ad', id: `tds-launcher-${this.uuid}`, class: "menu", referenceEl: this.buttonEl, placement: "bottom-start", show: this.open, offsetDistance: 0, modifiers: [
                 {
                     name: 'flip',
                     options: {
@@ -74,6 +65,6 @@ const TdsHeaderLauncher = class {
     }
     get host() { return index.getElement(this); }
 };
-TdsHeaderLauncher.style = TdsHeaderLauncherStyle0;
+TdsHeaderLauncher.style = headerLauncherCss;
 
 exports.tds_header_launcher = TdsHeaderLauncher;

package/dist/cjs/tds-header-title.cjs.entry.js

@@ -1,11 +1,8 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
+var index = require('./index-CxAGLnpY.js');
 
-const index = require('./index-ca8040ad.js');
-
-const headerTitleCss = "h4{box-sizing:border-box;color:var(--tds-header-nav-item-color);font-weight:normal;font-family:var(--tds-font-family-headline);letter-spacing:normal;position:relative;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}h4 slot{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding:0 32px 0 16px}";
-const TdsHeaderTitleStyle0 = headerTitleCss;
+const headerTitleCss = "h4{box-sizing:border-box;color:var(--tds-header-nav-item-color);font-weight:normal;font-family:var(--tds-font-family-headline);letter-spacing:normal;position:relative;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:14px;line-height:normal}h4 slot{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding:0 32px 0 16px}";
 
 const TdsHeaderTitle = class {
     constructor(hostRef) {
@@ -15,6 +12,6 @@ const TdsHeaderTitle = class {
         return (index.h("h4", { key: '4af2f894bf508d0ea8f5c934f4b6e3be61f1ce1a' }, index.h("slot", { key: 'e5eaaf9c68f77041f6056af1bb7e1101b48c1ffc' })));
     }
 };
-TdsHeaderTitle.style = TdsHeaderTitleStyle0;
+TdsHeaderTitle.style = headerTitleCss;
 
 exports.tds_header_title = TdsHeaderTitle;

package/dist/cjs/tds-header.cjs.entry.js

@@ -1,10 +1,8 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-ca8040ad.js');
-const inheritAriaAttributes = require('./inheritAriaAttributes-dedbbc57.js');
-require('./inheritAttributes-ff9ad737.js');
+var index = require('./index-CxAGLnpY.js');
+var inheritAriaAttributes = require('./inheritAriaAttributes-D_xFGssc.js');
+require('./inheritAttributes-CGw91JfB.js');
 
 /**
  * Loop through the children and add the 'listitem' role if needed.
@@ -22,7 +20,6 @@ const updateListChildrenRoles = (targetNode) => {
 };
 
 const headerCss = ":host{--tds-scrollbar-width-standard:thin;--tds-scrollbar-width:10px;--tds-scrollbar-height:10px;--tds-scrollbar-thumb-border-width:3px;--tds-scrollbar-thumb-border-hover-width:2px}body{scrollbar-width:thin}html,:root{--tds-nav-dropdown-menu-box:0 3px 3px rgb(0 0 0 / 15%), 0 -1px 1px rgb(0 0 0 / 1%);--tds-nav-dropdown-item-border-radius:0 0 4px 4px;--tds-font-family-headline:\"Scania Sans Headline\", arial, helvetica, sans-serif}tds-header{display:block;height:var(--tds-header-height);background-color:var(--tds-header-background);width:100%;z-index:300}tds-header tds-header-dropdown-list-item a *,tds-header tds-header-dropdown-list-item button *{pointer-events:none}nav{box-sizing:border-box;background-color:var(--tds-header-background);width:100%;display:block}nav *{box-sizing:border-box}nav .tds-header-component-list{height:var(--tds-header-height);all:unset;display:flex;justify-content:center;align-items:center}nav tds-header-dropdown,nav tds-header-item{display:none}nav .tds-header-middle-spacer{all:unset;display:block;flex-grow:1;height:var(--tds-header-height);border-right:1px solid var(--tds-header--basic-element-border)}@media screen and (min-width: 992px){nav tds-header-dropdown,nav tds-header-item{display:block}}nav tds-header-item:nth-child(3),nav tds-header-dropdown:nth-child(3){border-left:1px solid var(--tds-header--basic-element-border)}";
-const TdsHeaderStyle0 = headerCss;
 
 const TdsHeader = class {
     constructor(hostRef) {
@@ -39,23 +36,21 @@ const TdsHeader = class {
     componentDidLoad() {
         const hostElement = this.host;
         const navElement = hostElement.querySelector('.tds-header-component-list');
-        if (navElement) {
-            this.observer.observe(navElement, {
-                childList: true,
-                subtree: false,
-            });
-            updateListChildrenRoles(navElement);
-        }
+        this.observer.observe(navElement, {
+            childList: true,
+            subtree: false,
+        });
+        updateListChildrenRoles(navElement);
     }
     disconnectedCallback() {
         this.observer.disconnect();
     }
     render() {
         const navAttributes = Object.assign({}, inheritAriaAttributes.inheritAriaAttributes(this.host));
-        return (index.h(index.Host, { key: '30e29defd97ee2a473198d2c403dd23191e02856' }, index.h("slot", { key: '5905d6acb62da9d4d5de82fe148f709ccd08b3e9', name: "hamburger" }), index.h("slot", { key: '23f834040a108c9300ac07643518dc9194eb1542', name: "title" }), index.h("nav", Object.assign({ key: 'ba4803dfde17c977e06a9a76a472a79fd94ddfaa' }, navAttributes), index.h("ul", { key: '818e664fc808ce9b0b9cc90c188c69a782c36aba', class: "tds-header-component-list" }, index.h("slot", { key: '920409e9cedc7035a8cd1c149163603fd61d50e6' }), index.h("li", { key: '36d6627c38241f2fb2d34e0402eeed1befe04696', class: "tds-header-middle-spacer" }), index.h("slot", { key: '5f14324ddbe295e821b6983f0b6b84f72c981643', name: "end" })))));
+        return (index.h(index.Host, { key: 'f5c7796ebe3f5d9bd6e555f0dd01f8ace54c1cd8' }, index.h("slot", { key: '77cba127f947cc8fefa875a6db0e68bf52c5a80e', name: "hamburger" }), index.h("slot", { key: 'daf9d8299734f72355eeaeb307dcc3e25520a7b8', name: "title" }), index.h("nav", Object.assign({ key: '904338fd0fb8ab3ce42b46ee482d021667fe49e8' }, navAttributes), index.h("ul", { key: '66994fd2de781178624f8d67c88e4d75e84d2844', class: "tds-header-component-list" }, index.h("slot", { key: '51ee40aa7b17fb2a36ca23c2cebfb74efb69ea24' }), index.h("li", { key: 'db64903ac70ee12d48cd5029997949875caa53e8', class: "tds-header-middle-spacer" }), index.h("slot", { key: '80a48331b218b734061a421c9e31f8fd1b98be1a', name: "end" })))));
     }
     get host() { return index.getElement(this); }
 };
-TdsHeader.style = TdsHeaderStyle0;
+TdsHeader.style = headerCss;
 
 exports.tds_header = TdsHeader;