npm - @scania/tegel - Versions diffs - 1.57.0 → 1.58.0-side-menu-beta.0 - Mend

@scania/tegel 1.57.0 → 1.58.0-side-menu-beta.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (462) hide show

package/dist/collection/components/side-menu/side-menu-dropdown/side-menu-dropdown.js CHANGED Viewed

@@ -55,7 +55,7 @@ export class TdsSideMenuDropdown {
         var _a;
         return this.collapsed ? (_a = this.hoverState) === null || _a === void 0 ? void 0 : _a.isHovered : this.open;
     }
-    connectedCallback() {
+    componentWillLoad() {
         var _a;
         this.sideMenuEl = this.host.closest('tds-side-menu');
         this.collapsed = !!((_a = this.sideMenuEl) === null || _a === void 0 ? void 0 : _a.collapsed);

package/dist/collection/components/side-menu/side-menu-dropdown-list/side-menu-dropdown-list.js CHANGED Viewed

@@ -9,7 +9,7 @@ export class TdsSideMenuDropdownList {
     collapsedSideMenuEventHandler(event) {
         this.collapsed = event.detail.collapsed;
     }
-    connectedCallback() {
+    componentWillLoad() {
         var _a;
         this.sideMenuEl = this.host.closest('tds-side-menu');
         this.collapsed = !!((_a = this.sideMenuEl) === null || _a === void 0 ? void 0 : _a.collapsed);

package/dist/collection/components/side-menu/side-menu-dropdown-list-item/side-menu-dropdown-list-item.js CHANGED Viewed

@@ -13,7 +13,7 @@ export class TdsSideMenuDropdownListItem {
     collapseSideMenuEventHandler(event) {
         this.collapsed = event.detail.collapsed;
     }
-    connectedCallback() {
+    componentWillLoad() {
         var _a;
         this.sideMenuEl = this.host.closest('tds-side-menu');
         this.collapsed = !!((_a = this.sideMenuEl) === null || _a === void 0 ? void 0 : _a.collapsed);

package/dist/collection/components/side-menu/side-menu-item/side-menu-item.js CHANGED Viewed

@@ -53,7 +53,7 @@ export class TdsSideMenuItem {
             });
         }
     }
-    connectedCallback() {
+    componentWillLoad() {
         var _a;
         // closest() will return null if side-menu-item is inside a shadowRoot that
         // does not contain a side-menu. This is the case for the side-menu-dropdown.

package/dist/collection/components/side-menu/side-menu.css CHANGED Viewed

@@ -150,7 +150,7 @@ aside .tds-side-menu-wrapper::-webkit-scrollbar-button {
     scrollbar-width: var(--tds-scrollbar-width-standard);
   }
 }
-aside [role=navigation] {
+aside nav {
   height: 100%;
   display: flex;
   flex-direction: column;

package/dist/collection/components/side-menu/side-menu.js CHANGED Viewed

@@ -41,12 +41,14 @@ export class TdsSideMenu {
             this.open = false;
         }
     }
+    componentWillLoad() {
+        this.isCollapsed = this.collapsed;
+        this.initialCollapsedState = this.collapsed;
+    }
     connectedCallback() {
         this.matchesLgBreakpointMq = window.matchMedia(`(min-width: ${GRID_LG_BREAKPOINT}px)`);
         this.matchesLgBreakpointMq.addEventListener('change', this.handleMatchesLgBreakpointChange);
         this.isMobile = !this.matchesLgBreakpointMq.matches;
-        this.isCollapsed = this.collapsed;
-        this.initialCollapsedState = this.collapsed;
     }
     componentDidLoad() {
         var _a;
@@ -157,16 +159,16 @@ export class TdsSideMenu {
         this.collapsed = event.detail.collapsed;
     }
     render() {
-        return (h(Host, { key: '4c7ef20dafaa84ba2939889e40dd245ffd683356', class: {
+        return (h(Host, { key: '18539dc92ead9c1c88982b33c9f8d9407a4dc60a', class: {
                 'menu-opened': this.open,
                 'menu-persistent': this.persistent,
                 'menu-collapsed': this.collapsed,
-            }, "aria-expanded": (this.isMobile ? this.open : !this.collapsed) ? 'true' : 'false' }, h("div", { key: '515a38e098d2ede1ff846cc60176c451037a0356', class: {
+            }, "aria-expanded": (this.isMobile ? this.open : !this.collapsed) ? 'true' : 'false' }, h("div", { key: '1e3d7545b0b938e48cf5d1d23c21c0cc76b59a19', class: {
                 'wrapper': true,
                 'state-upper-slot-empty': this.isUpperSlotEmpty,
                 'state-open': this.open,
                 'state-closed': !this.open,
-            } }, h("slot", { key: '0e6ab143ebc6f67ee8b8ab1573c02d070ce8d64f', name: "overlay" }), h("aside", { key: 'e5bc037a75037723300bac0df3c424a7ca3597b6', class: `menu` }, h("div", { key: 'd65d5c36e1151b27d1d859cb4e7a53bb390133c0', role: "navigation" }, h("slot", { key: '70277663e55908f048e807d3d07241c530f5c60f', name: "close-button" }), h("div", { key: 'af81aa4f22189716330f1b9563148fd7adfd4ab1', class: "tds-side-menu-wrapper" }, h("ul", { key: '38f9cb307b71cbded62856926266829d531bbcec', class: `tds-side-menu-list tds-side-menu-list-upper` }, h("li", { key: '7333761276459f88d8a52e1e824f9e2c7e62a3e4' }, h("slot", { key: '4109ca83e6a124c6f251468ec28905efee2a0ef7' }))), h("ul", { key: 'e5617092ca8c634f1d03815ca47291d5238d2162', class: `tds-side-menu-list tds-side-menu-list-end` }, h("li", { key: 'cc0fd0bc724cb5f0157d15e7617fb1630408d73a' }, h("slot", { key: 'aa8b19131f05427331b02dfb8137b63d8d1b771f', name: "end" })))), h("slot", { key: 'bb232a44cc190df59e1f9b104669a15b976d8ba0', name: "sticky-end" }))))));
+            } }, h("slot", { key: '9705a0418957d5c7409f6ba5da10f1a32dbd0e30', name: "overlay" }), h("aside", { key: 'dd5bd5bbc21be93ce3ed7227c424b8f32d4ed08a', class: `menu` }, h("nav", { key: '22f12a77a07ee1e5d5e7729327c83c232f02f9a4' }, h("slot", { key: 'dd89dcca503ab004fbc0797da23e0a3483f8c56b', name: "close-button" }), h("div", { key: '18752f854d477475b5e448a8c6948f52604b7800', class: "tds-side-menu-wrapper" }, h("ul", { key: '37ddc4e0d7b9c6966bf004e5a3ec5997992d26f8', class: `tds-side-menu-list tds-side-menu-list-upper` }, h("li", { key: '237982e337c2a8a4203e9eb95f93cedf32b4c856' }, h("slot", { key: 'c9b7929730c9ddf42844cd434c3f0a2716f09143' }))), h("ul", { key: '5417281e0d959bf9c9bf42f979c9183715f346b5', class: `tds-side-menu-list tds-side-menu-list-end` }, h("li", { key: 'cb8a4f043fe0e74b352687f1bbbf876637f17f4f' }, h("slot", { key: '535a636584d09d6a920cfe5cb147342c3481d64b', name: "end" })))), h("slot", { key: '0769321f259d4de7235346c691a186a026e7be29', name: "sticky-end" }))))));
     }
     static get is() { return "tds-side-menu"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/tegel-lite/shipped-components.js CHANGED Viewed

@@ -32,6 +32,8 @@ export const SHIPPED_COMPONENTS = [
   'tl-link',
   'tl-message',
   'tl-modal',
+  'tl-popover-canvas',
+  'tl-popover-menu',
   'tl-radio-button',
   'tl-text-field',
   'tl-textarea',