@scania/tegel 1.23.0 → 1.24.0-dropdown-numer-beta.0

package/dist/esm/tds-modal.entry.js

@@ -113,7 +113,10 @@ const TdsModal = class {
     render() {
         const usesHeaderSlot = hasSlot('header', this.host);
         const usesActionsSlot = hasSlot('actions', this.host);
-        return (h(Host, { key: 'c39328a5796996173d2a484b7b509d03524cb2d6', class: `${this.isShown ? 'show' : 'hide'}`, onClick: (event) => this.handleOverlayClick(event) }, h("div", { key: 'f270ed2ab8f671418d5196cda7d4085d6fa69d02', class: "tds-modal-backdrop" }), h("div", { key: '8d4670500365548f786a3c6200f9395998198ac0', class: `tds-modal tds-modal__actions-${this.actionsPosition} tds-modal-${this.size}` }, h("div", { key: '27a05c42f14827b74b560e1f0b23286c851ff676', class: "header" }, this.header && h("div", { key: 'dadbb997eec4b06e6a64a7cdc800603653053862', class: "header-text" }, this.header), usesHeaderSlot && h("slot", { key: '07beeba1aea6030fd1c9f2c0aac132828e28a481', name: "header" }), this.closable && (h("button", { key: 'e2c25399c520409e8d98345d715a9ea9a4ddfb14', class: "tds-modal-close", "aria-label": "close", onClick: (event) => this.handleClose(event) }, h("tds-icon", { key: 'd74d288daea98783e8f4649e0320ce1f9e3b68d0', name: "cross", size: "20px" })))), h("div", { key: '594f17d9eba2cb2ec6ffc7382669caba1f5f525a', class: "body" }, h("slot", { key: 'dcdaede2986c40a927a74608bed7145696871962', name: "body" })), usesActionsSlot && h("slot", { key: 'e0403d1f1201833742925ae8cbb599c2d9ba7b94', name: "actions" }))));
+        return (h(Host, { key: '874c45e0a4a74fa9170d761afe7039afce6a11a3', class: {
+                show: this.isShown,
+                hide: !this.isShown,
+            }, onClick: (event) => this.handleOverlayClick(event) }, h("div", { key: '3f35251bd283f65f18f1e7b658e7ac1874700e05', class: "tds-modal-backdrop" }), h("div", { key: '235bfd32b67c9b36c608353ded5a80b691775696', class: `tds-modal tds-modal__actions-${this.actionsPosition} tds-modal-${this.size}` }, h("div", { key: 'e3a168e9cd467bf3523b6da308790a84a57ab99e', class: "header" }, this.header && h("div", { key: '948dbf5e83e4b2b0c85eb7d24d19d9ea5c9fb30e', class: "header-text" }, this.header), usesHeaderSlot && h("slot", { key: 'a209664389b454e264fb2a4498a82cf013ebf703', name: "header" }), this.closable && (h("button", { key: '15f7e2c78d26bc15cd6532dcf9cc45921b7f9c9e', class: "tds-modal-close", "aria-label": "close", onClick: (event) => this.handleClose(event) }, h("tds-icon", { key: '7f900086b9747cbbd0a21110b200bc6e556b5766', name: "cross", size: "20px" })))), h("div", { key: '75f4d37ad29bc4e2a475c739cf485af38b7d21e0', class: "body" }, h("slot", { key: '2817e00967e947aea0e8b47512fac406629b4907', name: "body" })), usesActionsSlot && h("slot", { key: '4ebfd741a86c7c27b3df2cd9255ddf9fc5e77f33', name: "actions" }))));
     }
     get host() { return getElement(this); }
 };

package/dist/esm/tds-navigation-tab.entry.js

@@ -14,8 +14,8 @@ const TdsNavigationTab = class {
         this.selected = selected;
     }
     render() {
-        return (h(Host, { key: '46ce3b8e878eca4c970f29371cb17a0c7ec1789a', role: "listitem" }, h("div", { key: '51331675d8898d5bca9758ed9c09194c6dbfde23', class: `navigation-tab-item  ${this.selected ? 'selected' : ''}
-           ${this.disabled ? 'disabled' : ''}` }, h("slot", { key: 'd326748125d8e6a366268c581139bb859ef8feeb' }))));
+        return (h(Host, { key: 'ed5cdc4e3c00f43156fce13993c34a4183c127d7', role: "listitem" }, h("div", { key: '5ac651a862a04b0327695d2ad6ed42af7af0d139', class: `navigation-tab-item  ${this.selected ? 'selected' : ''}
+           ${this.disabled ? 'disabled' : ''}` }, h("slot", { key: '4cf2d6c740cc73cbe5743191776ce008bf8dd358' }))));
     }
 };
 TdsNavigationTab.style = TdsNavigationTabStyle0;

package/dist/esm/tds-navigation-tabs.entry.js

@@ -170,9 +170,15 @@ const TdsNavigationTabs = class {
         this.removeEventListenerFromTabs();
     }
     render() {
-        return (h(Host, { key: 'fa440271f692e4893d4374ccd081308b5b4623e5', role: "list", class: `${this.modeVariant ? `tds-mode-variant-${this.modeVariant}` : ''}` }, h("div", { key: '434fba65da78ac84c018252c52440d20984ab7b3', class: "wrapper", ref: (el) => {
+        return (h(Host, { key: '7d073990d798ef8bd602cff43f1dab1701c67535', role: "list", class: { [`tds-mode-variant-${this.modeVariant}`]: this.modeVariant !== null } }, h("div", { key: '2816efa2148f1feaa0283a8c3a023ff044f5ea11', class: "wrapper", ref: (el) => {
                 this.navWrapperElement = el;
-            }, style: { paddingLeft: `${this.leftPadding}px` } }, h("button", { key: '29d8d76a06c82f06b1c2aa15a3d023d238b05f10', class: `scroll-left-button ${this.showLeftScroll ? 'show' : ''}`, onClick: () => this.scrollLeft(), disabled: !this.showLeftScroll }, h("tds-icon", { key: '1936dee5d3476a0d2c46b4d64a7a26848320c9d7', name: "chevron_left", size: "20px" })), h("slot", { key: '9e4cffce9188a7d517636e4b32ef8574a8bea78a', onSlotchange: () => this.handleSlotChange() }), h("button", { key: '3af05aee3183425bdcd5c2f5f65f0c8920ba8622', class: `scroll-right-button ${this.showRightScroll ? 'show' : ''}`, onClick: () => this.scrollRight(), disabled: !this.showRightScroll }, h("tds-icon", { key: '075726ba4074a4e9452248115968d3b21104e929', name: "chevron_right", size: "20px" })))));
+            }, style: { paddingLeft: `${this.leftPadding}px` } }, h("button", { key: 'b95bf6d5da6b7a9eeea0079b54f729188175c122', class: {
+                'scroll-left-button': true,
+                'show': this.showLeftScroll,
+            }, onClick: () => this.scrollLeft(), disabled: !this.showLeftScroll }, h("tds-icon", { key: '71577f14a5b1e3348a5b69f9e44c6945a5c5f99f', name: "chevron_left", size: "20px" })), h("slot", { key: 'be3cb961b96a307fdd4ac6f54e7ef0f188e20fe4', onSlotchange: () => this.handleSlotChange() }), h("button", { key: 'ac6d8c5720e782e48caedf7fffb3f8a485b51fdb', class: {
+                'scroll-right-button': true,
+                'show': this.showRightScroll,
+            }, onClick: () => this.scrollRight(), disabled: !this.showRightScroll }, h("tds-icon", { key: '0fc2e8bf463fff2caba762220098a239919d4c93', name: "chevron_right", size: "20px" })))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/tds-popover-canvas.entry.js

@@ -29,12 +29,12 @@ const TdsPopoverCanvas = class {
     }
     render() {
         var _a;
-        return (h(Host, { key: '13a6fe4800b9efc612ec21d20da5b2c2c9cdc2ce' }, h("tds-popover-core", Object.assign({ key: 'e3912733d09d6b7e5aa8bc2f5f6e87d828a2b07b' }, this.inheritedAttributes, { class: {
+        return (h(Host, { key: '6e23edc224b529194c9911295149528f284dd619' }, h("tds-popover-core", Object.assign({ key: '3a61648cb95b48a3972d8b953711254af918309a' }, this.inheritedAttributes, { class: {
                 'tds-popover-canvas': true,
                 [(_a = this.inheritedAttributes.class) !== null && _a !== void 0 ? _a : '']: true,
             }, selector: this.selector, referenceEl: this.referenceEl, show: this.show, placement: this.placement, offsetSkidding: this.offsetSkidding, offsetDistance: this.offsetDistance, modifiers: this.modifiers, trigger: 'click', ref: (el) => {
                 this.childRef = el;
-            }, defaultShow: this.defaultShow, animation: this.animation }), h("div", { key: '69bfa1b736a60777b578de6a0d4c4959c0a21781' }, h("slot", { key: '01776b37392ff7f23d35ff10fa647214d6567d1d' })))));
+            }, defaultShow: this.defaultShow, animation: this.animation }), h("div", { key: '6134b2a420449dd93c8fd14c6fc83b1e51e1922a' }, h("slot", { key: 'c805717c849fbc9c5933c4f7232c4edc22dc003d' })))));
     }
     get host() { return getElement(this); }
 };