@scania/tegel 1.4.0 → 1.6.0

package/dist/cjs/tds-side-menu-overlay.cjs.entry.js

@@ -2,18 +2,19 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-ae4fbf97.js');
+const index = require('./index-f36d4629.js');
 
 const sideMenuOverlayCss = ":host{position:fixed;width:100%;height:100%;background-color:black}div{position:fixed;width:100%;height:100%;pointer-events:none}";
+const TdsSideMenuOverlayStyle0 = sideMenuOverlayCss;
 
 const TdsSideMenuOverlay = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, null, index.h("div", null)));
+        return (index.h(index.Host, { key: '598597cc04bbf02b861489cd8ad282ece6b8145b' }, index.h("div", { key: '03fa1dc0991e1cd5721b993a75ea7d8065e3a235' })));
     }
 };
-TdsSideMenuOverlay.style = sideMenuOverlayCss;
+TdsSideMenuOverlay.style = TdsSideMenuOverlayStyle0;
 
 exports.tds_side_menu_overlay = TdsSideMenuOverlay;

package/dist/cjs/tds-side-menu-user-image_2.cjs.entry.js

@@ -2,9 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-ae4fbf97.js');
+const index = require('./index-f36d4629.js');
 
 const sideMenuUserImageCss = ":host img,:host ::slotted(*){width:34px;height:34px;border-radius:50%}";
+const TdsSideMenuUserImageStyle0 = sideMenuUserImageCss;
 
 const TdsSideMenuUserImage = class {
     constructor(hostRef) {
@@ -13,12 +14,13 @@ const TdsSideMenuUserImage = class {
         this.alt = undefined;
     }
     render() {
-        return (index.h(index.Host, null, index.h("slot", null), this.src && index.h("img", { src: this.src, alt: this.alt })));
+        return (index.h(index.Host, { key: '3d31dd530f0a93513c30f970c81c1cfb47949096' }, index.h("slot", { key: 'b9cac74d3f6fd7ba404c88fd729b50dc1771e07d' }), this.src && index.h("img", { src: this.src, alt: this.alt })));
     }
 };
-TdsSideMenuUserImage.style = sideMenuUserImageCss;
+TdsSideMenuUserImage.style = TdsSideMenuUserImageStyle0;
 
 const sideMenuUserLabelCss = ":host{display:block;font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);color:var(--tds-sidebar-side-menu-single-item-color)}:host .subheading{color:var(--tds-grey-500)}";
+const TdsSideMenuUserLabelStyle0 = sideMenuUserLabelCss;
 
 const TdsSideMenuUserLabel = class {
     constructor(hostRef) {
@@ -27,10 +29,10 @@ const TdsSideMenuUserLabel = class {
         this.subheading = undefined;
     }
     render() {
-        return (index.h(index.Host, null, this.heading, this.subheading && index.h("div", { class: "subheading" }, this.subheading)));
+        return (index.h(index.Host, { key: '22d584ce36ff543f4e3c30176098591044da165d' }, this.heading, this.subheading && index.h("div", { class: "subheading" }, this.subheading)));
     }
 };
-TdsSideMenuUserLabel.style = sideMenuUserLabelCss;
+TdsSideMenuUserLabel.style = TdsSideMenuUserLabelStyle0;
 
 exports.tds_side_menu_user_image = TdsSideMenuUserImage;
 exports.tds_side_menu_user_label = TdsSideMenuUserLabel;

package/dist/cjs/tds-side-menu-user.cjs.entry.js

@@ -2,9 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-ae4fbf97.js');
+const index = require('./index-f36d4629.js');
 
 const sideMenuUserCss = ":host{display:flex;align-items:center;gap:12px;height:68px}:host tds-side-menu-user-image{margin-left:-4px}";
+const TdsSideMenuUserStyle0 = sideMenuUserCss;
 
 const TdsSideMenuUser = class {
     constructor(hostRef) {
@@ -15,9 +16,9 @@ const TdsSideMenuUser = class {
         this.imgAlt = undefined;
     }
     render() {
-        return (index.h(index.Host, null, index.h("tds-side-menu-user-image", { src: this.imgSrc, alt: this.imgAlt }, index.h("slot", { name: "image" })), index.h("tds-side-menu-user-label", { heading: this.heading, subheading: this.subheading })));
+        return (index.h(index.Host, { key: 'b540444dcb88b0b0bc0835a7deafd50328b1e0db' }, index.h("tds-side-menu-user-image", { key: '22ed67e02a8e0787d6b683fd2afb0e71b1e58a18', src: this.imgSrc, alt: this.imgAlt }, index.h("slot", { key: '9d0ab8c849cd83722b4b766944498c857fbc42c7', name: "image" })), index.h("tds-side-menu-user-label", { key: 'e455a9edd906f8b702fb2ffd6d1cfaad0596bde3', heading: this.heading, subheading: this.subheading })));
     }
 };
-TdsSideMenuUser.style = sideMenuUserCss;
+TdsSideMenuUser.style = TdsSideMenuUserStyle0;
 
 exports.tds_side_menu_user = TdsSideMenuUser;

package/dist/cjs/tds-side-menu.cjs.entry.js

@@ -2,9 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-ae4fbf97.js');
+const index = require('./index-f36d4629.js');
 
 const sideMenuCss = ":host{pointer-events:none;display:block;position:fixed;top:0;width:100%;height:100%;z-index:500}:host .wrapper{height:inherit;}:host .wrapper slot:not([name])::slotted(*){border-bottom:1px solid var(--tds-sidebar-side-menu-bottom-menu-border-top)}:host .wrapper ::slotted([slot=end]){border-top:1px solid var(--tds-sidebar-side-menu-bottom-menu-border-top)}:host .wrapper .tds-side-menu-list-end{margin-top:68px}:host .state-closed{display:none}:host .state-open slot[name=overlay]::slotted(tds-side-menu-overlay){opacity:0.4}:host .state-open slot[name=close-button]::slotted(tds-side-menu-close-button){opacity:1}:host .state-upper-slot-empty .tds-side-menu-list-upper{display:none}:host .state-upper-slot-empty .tds-side-menu-list-end{margin-top:0}:host .state-upper-slot-empty ::slotted([slot=end]){border-top:none;border-bottom:1px solid var(--tds-sidebar-side-menu-bottom-menu-border-top)}@media (max-width: 992px){:host(.menu-opened){pointer-events:auto;z-index:500}}@media (min-width: 992px){:host(.menu-persistent){pointer-events:auto;position:static;width:272px;height:auto;border-right:1px solid var(--tds-sidebar-side-menu-bottom-menu-border-top)}:host(.menu-persistent) .wrapper slot[name=overlay]::slotted(tds-side-menu-overlay){display:none}:host(.menu-persistent) .wrapper slot[name=close-button]::slotted(tds-side-menu-close-button){display:none}:host(.menu-persistent) .menu{width:272px}:host(.menu-persistent) .state-closed{display:block}:host(.menu-persistent):host(.menu-collapsed){width:69px}:host(.menu-persistent):host(.menu-collapsed) .menu{width:68px}:host(.menu-persistent) slot[name=end]::slotted(*){display:none}}.menu{width:80%;height:inherit;position:relative;left:0;display:flex;flex-direction:column;justify-content:space-between}.menu *{padding:0;margin:0;box-sizing:border-box}@media (max-width: 384px){.menu{width:100%}}aside .tds-side-menu-wrapper{display:flex;justify-content:space-between;flex-direction:column;flex-grow:1;background-color:var(--tds-sidebar-side-menu-background-cover);overflow-y:auto}aside .tds-side-menu-wrapper::-webkit-scrollbar{width:4px;background-color:inherit}aside .tds-side-menu-wrapper::-webkit-scrollbar-thumb{background-color:var(--tds-grey-300)}aside .tds-side-menu-wrapper ::-webkit-scrollbar-button{height:0;width:0}";
+const TdsSideMenuStyle0 = sideMenuCss;
 
 const GRID_LG_BREAKPOINT = 992;
 const TdsSideMenu = class {
@@ -61,22 +62,22 @@ const TdsSideMenu = class {
         this.collapsed = event.detail.collapsed;
     }
     render() {
-        return (index.h(index.Host, { role: "navigation", class: {
+        return (index.h(index.Host, { key: 'ed2a20dcd884744ac411ea9e51903f0fb8120c90', role: "navigation", class: {
                 'menu-opened': this.open,
                 'menu-persistent': this.persistent,
                 'menu-collapsed': this.collapsed,
-            } }, index.h("div", { class: {
+            } }, index.h("div", { key: 'bf4c5f42a4ee78f5e6af782bcf4382a5d5978f3c', class: {
                 'wrapper': true,
                 'state-upper-slot-empty': this.isUpperSlotEmpty,
                 'state-open': this.open,
                 'state-closed': !this.open,
-            } }, index.h("slot", { name: "overlay" }), index.h("aside", { class: `menu` }, index.h("slot", { name: "close-button" }), index.h("div", { class: "tds-side-menu-wrapper" }, index.h("ul", { class: `tds-side-menu-list tds-side-menu-list-upper` }, index.h("slot", null)), index.h("ul", { class: `tds-side-menu-list tds-side-menu-list-end` }, index.h("slot", { name: "end" }))), index.h("slot", { name: "sticky-end" })))));
+            } }, index.h("slot", { key: '7ba1a82ae21a7c2a22c2a470c67ed5acc0dfcad9', name: "overlay" }), index.h("aside", { key: 'c794132de394376c6b525cee5c1e58939c9159b5', class: `menu` }, index.h("slot", { key: 'ebd07545d79267ea3daa8a931eca6e46431a8993', name: "close-button" }), index.h("div", { key: '4d19ee85e6ae60ad4a745169e3690d022db26871', class: "tds-side-menu-wrapper" }, index.h("ul", { key: '055d5d0004aecbfa6abf5ff83025ce147b941ce0', class: `tds-side-menu-list tds-side-menu-list-upper` }, index.h("slot", { key: 'e8e8827959284214c469edd16b8b2ccb7e0f2daa' })), index.h("ul", { key: 'c1b4f82c9446e11c4d454336690c4b71998bdffd', class: `tds-side-menu-list tds-side-menu-list-end` }, index.h("slot", { key: 'ee1d129567b8c11b9355dfbfebffa76674f8d281', name: "end" }))), index.h("slot", { key: '3b320259f8ea48744d3698e7271931671810f1b9', name: "sticky-end" })))));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {
         "collapsed": ["onCollapsedChange"]
     }; }
 };
-TdsSideMenu.style = sideMenuCss;
+TdsSideMenu.style = TdsSideMenuStyle0;
 
 exports.tds_side_menu = TdsSideMenu;

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

@@ -2,10 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-ae4fbf97.js');
+const index = require('./index-f36d4629.js');
 const generateUniqueId = require('./generateUniqueId-e3fc9863.js');
 
 const sliderCss = "tds-slider{box-sizing:border-box;width:100%}tds-slider *{box-sizing:border-box}tds-slider input[type=range].tds-slider-native-element{display:none}.tds-slider-wrapper{width:100%}.tds-slider-wrapper.read-only{pointer-events:none}.tds-slider{width:100%;display:flex;flex-wrap:nowrap;padding-top:65px}.tds-slider .tds-slider-inner{width:100%;height:20px;position:relative}.tds-slider .tds-slider__controls{position:relative;top:-25px}.tds-slider .tds-slider__controls .tds-slider__control{cursor:pointer}.tds-slider .tds-slider__controls .tds-slider__control.tds-slider__control-minus{padding:18px 18px 18px 0}.tds-slider .tds-slider__controls .tds-slider__control.tds-slider__control-plus{padding:18px 0 18px 18px}.tds-slider .tds-slider__input-values{position:relative;top:-25px;display:flex;flex-wrap:nowrap;align-items:center}.tds-slider .tds-slider__input-values .tds-slider__input-value{user-select:none;padding:18px;color:var(--tds-grey-700);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls)}.tds-slider .tds-slider__input-values .tds-slider__input-value.min-value{padding-left:0}.tds-slider .tds-slider__input-values .tds-slider__input-field-wrapper{background-color:var(--tds-slider-inputfield-background);display:flex;align-items:center;justify-content:center;border-radius:4px 4px 0 0}.tds-slider .tds-slider__input-values .tds-slider__input-field-wrapper input.tds-slider__input-field{font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);color:var(--tds-slider-input-inputfield-color);border:0;background-color:transparent;text-align:center;padding:12px;box-shadow:inset 0 -1px 0 var(--tds-slider-inputfield-box-shadow);border-radius:4px 4px 0 0}.tds-slider .tds-slider__input-values .tds-slider__input-field-wrapper input.tds-slider__input-field:hover{box-shadow:inset 0 -1px 0 var(--tds-grey-600)}.tds-slider .tds-slider__input-values .tds-slider__input-field-wrapper input.tds-slider__input-field:focus{box-shadow:inset 0 -2px 0 var(--tds-blue-400);outline:0}.tds-slider label{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);user-select:none;position:absolute;color:var(--tds-slider-label-color);padding-bottom:16px;transform:translateY(-100%)}.tds-slider label.offset{padding-bottom:34px}.tds-slider .tds-slider__value{font:var(--tds-detail-01);letter-spacing:var(--tds-detail-01-ls);user-select:none;border-radius:4px;padding:8px;position:absolute;transform:translate(-50%, -100%);top:-24px;background-color:var(--tds-slider-value-tooltip-background);color:var(--tds-slider-value-tooltip-color)}.tds-slider .tds-slider__value svg{color:var(--tds-slider-value-tooltip-background);position:absolute;left:50%;transform:translateX(-50%);top:34px}.tds-slider .tds-slider__thumb{position:absolute}.tds-slider .tds-slider__thumb .tds-slider__thumb-inner{width:20px;height:20px;border-radius:100%;background-color:var(--tds-slider-thumb-color);position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);cursor:pointer}.tds-slider .tds-slider__thumb .tds-slider__thumb-inner::before{content:\" \";display:none;width:48px;height:48px;background-color:var(--tds-slider-thumb-color);position:absolute;border-radius:100%;top:50%;left:50%;transform:translate(-50%, -50%)}.tds-slider .tds-slider__thumb .tds-slider__thumb-inner:hover::before{display:block;opacity:0.08}.tds-slider .tds-slider__thumb .tds-slider__thumb-inner.pressed{width:24px;height:24px}.tds-slider .tds-slider__thumb .tds-slider__thumb-inner.pressed::before{display:block;opacity:0.16 !important}.tds-slider .tds-slider__value-dividers-wrapper{position:relative;width:100%;pointer-events:none}.tds-slider .tds-slider__value-dividers{pointer-events:none;position:absolute;display:flex;justify-content:space-between;width:100%}.tds-slider .tds-slider__value-dividers .tds-slider__value-divider{transform:translateY(-50%);height:16px;background-color:var(--tds-slider-divider-color);color:var(--tds-slider-divider-values-color);width:1px}.tds-slider .tds-slider__value-dividers .tds-slider__value-divider span{display:block;user-select:none;color:var(-tds-grey-700);font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);position:relative;top:-7px;left:50%;transform:translate(-50%, -100%);width:50px;text-align:center}.tds-slider .tds-slider__track{width:100%;height:2px;border-radius:1px;background-color:var(--tds-slider-track-color);position:relative}.tds-slider .tds-slider__track:focus{outline:0}.tds-slider .tds-slider__track:focus .tds-slider__thumb .tds-slider__thumb-inner{width:24px;height:24px}.tds-slider .tds-slider__track:focus .tds-slider__thumb .tds-slider__thumb-inner::before{display:block;opacity:0.08}.tds-slider .tds-slider__track .tds-slider__track-fill{background-color:var(--tds-slider-track-fill-color);border-radius:2px;height:4px;position:absolute;left:0;top:-1px}.tds-slider.disabled{cursor:not-allowed}.tds-slider.disabled>*{pointer-events:none}.tds-slider.disabled label{color:var(--tds-slider-disabled)}.tds-slider.disabled .tds-slider__controls .tds-slider__control{cursor:default}.tds-slider.disabled .tds-slider__controls .tds-slider__control.tds-slider__control-minus svg,.tds-slider.disabled .tds-slider__controls .tds-slider__control.tds-slider__control-plus svg{fill:var(--tds-slider-disabled)}.tds-slider.disabled .tds-slider__input-values .tds-slider__input-value{color:var(--tds-slider-disabled)}.tds-slider.disabled .tds-slider__input-values .tds-slider__input-field-wrapper{pointer-events:none}.tds-slider.disabled .tds-slider__input-values .tds-slider__input-field-wrapper input.tds-slider__input-field{color:var(--tds-slider-disabled);pointer-events:none}.tds-slider.disabled .tds-slider__value{display:none}.tds-slider.disabled .tds-slider__track .tds-slider__track-fill{background-color:var(--tds-slider-disabled)}.tds-slider.disabled .tds-slider__value-dividers .tds-slider__value-divider span{color:var(--tds-slider-disabled)}.tds-slider.disabled .tds-slider__thumb{pointer-events:none}.tds-slider.disabled .tds-slider__thumb .tds-slider__thumb-inner{background-color:var(--tds-slider-disabled);cursor:default}.tds-slider.tds-slider-small .tds-slider__thumb .tds-slider__thumb-inner{width:16px;height:16px}.tds-slider.tds-slider-small .tds-slider__thumb .tds-slider__thumb-inner::before{width:40px;height:40px}.tds-slider.tds-slider-small .tds-slider__thumb .tds-slider__thumb-inner.pressed{width:20px;height:20px}.tds-slider .tds-slider__controls .tds-slider__control{cursor:default}.tds-slider .tds-slider__controls .tds-slider__control.tds-slider__control-minus tds-icon,.tds-slider .tds-slider__controls .tds-slider__control.tds-slider__control-plus tds-icon{color:var(--tds-slider-controls-color)}.tds-slider.disabled .tds-slider__controls .tds-slider__control{cursor:default}.tds-slider.disabled .tds-slider__controls .tds-slider__control.tds-slider__control-minus tds-icon,.tds-slider.disabled .tds-slider__controls .tds-slider__control.tds-slider__control-plus tds-icon{color:var(--tds-slider-disabled)}";
+const TdsSliderStyle0 = sliderCss;
 
 const TdsSlider = class {
     constructor(hostRef) {
@@ -296,22 +297,22 @@ const TdsSlider = class {
         this.updateTrack();
     }
     render() {
-        return (index.h("div", { class: {
+        return (index.h("div", { key: '08af5b4825c074a283e570796c508aa72dd55bca', class: {
                 'tds-slider-wrapper': true,
                 'read-only': this.readOnly,
-            } }, index.h("input", { class: "tds-slider-native-element", type: "range", name: this.name, min: this.min, max: this.max, value: this.value, disabled: this.disabled }), index.h("div", { class: {
+            } }, index.h("input", { key: '28e28c09a2f975fe884c10d3d4101f13bad69d74', class: "tds-slider-native-element", type: "range", name: this.name, min: this.min, max: this.max, value: this.value, disabled: this.disabled }), index.h("div", { key: '0e500280ad8d0aa77fae11d44f25cda5506576fb', class: {
                 'tds-slider': true,
                 'disabled': this.disabled,
                 'tds-slider-small': this.useSmall,
             }, ref: (el) => {
                 this.wrapperElement = el;
-            } }, index.h("label", { class: this.showTickNumbers && 'offset' }, this.label), this.useInput && (index.h("div", { class: "tds-slider__input-values" }, index.h("div", { class: "tds-slider__input-value min-value" }, this.min))), this.useControls && (index.h("div", { class: "tds-slider__controls" }, index.h("div", { class: "tds-slider__control tds-slider__control-minus", onClick: () => this.stepLeft() }, index.h("tds-icon", { name: "minus", size: "16px" })))), index.h("div", { class: "tds-slider-inner" }, this.tickValues.length > 0 && (index.h("div", { class: "tds-slider__value-dividers-wrapper" }, index.h("div", { class: "tds-slider__value-dividers" }, this.tickValues.map((value) => (index.h("div", { class: "tds-slider__value-divider" }, this.showTickNumbers && index.h("span", null, value))))))), index.h("div", { class: "tds-slider__track", ref: (el) => {
+            } }, index.h("label", { key: '6a8bd064dbdaef1868a2b7c204490309075a3760', class: this.showTickNumbers && 'offset' }, this.label), this.useInput && (index.h("div", { class: "tds-slider__input-values" }, index.h("div", { class: "tds-slider__input-value min-value" }, this.min))), this.useControls && (index.h("div", { class: "tds-slider__controls" }, index.h("div", { class: "tds-slider__control tds-slider__control-minus", onClick: () => this.stepLeft() }, index.h("tds-icon", { name: "minus", size: "16px" })))), index.h("div", { key: '6a6edf11ee88faf3fd1a9730023f7a89e90abe66', class: "tds-slider-inner" }, this.tickValues.length > 0 && (index.h("div", { class: "tds-slider__value-dividers-wrapper" }, index.h("div", { class: "tds-slider__value-dividers" }, this.tickValues.map((value) => (index.h("div", { class: "tds-slider__value-divider" }, this.showTickNumbers && index.h("span", null, value))))))), index.h("div", { key: '6bceaaa53bed86067f596ca13b7c00ed88d06282', class: "tds-slider__track", ref: (el) => {
                 this.trackElement = el;
-            }, tabindex: this.disabled ? '-1' : '0' }, index.h("div", { class: "tds-slider__track-fill", ref: (el) => {
+            }, tabindex: this.disabled ? '-1' : '0' }, index.h("div", { key: '327ebb76dce92a13eccee7fd3dd7219bbed43d6c', class: "tds-slider__track-fill", ref: (el) => {
                 this.trackFillElement = el;
-            } }), index.h("div", { class: "tds-slider__thumb", ref: (el) => {
+            } }), index.h("div", { key: 'c40c1cdedbb20dcd1491f5f1db1f8d4c6dafad49', class: "tds-slider__thumb", ref: (el) => {
                 this.thumbElement = el;
-            }, onMouseDown: () => this.grabThumb(), onTouchStart: () => this.grabThumb() }, this.tooltip && (index.h("div", { class: "tds-slider__value" }, this.value, index.h("svg", { width: "18", height: "14", viewBox: "0 0 18 14", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { d: "M8.15882 12.6915L0.990487 1.54076C0.562658 0.875246 1.0405 0 1.83167 0H16.1683C16.9595 0 17.4373 0.875246 17.0095 1.54076L9.84118 12.6915C9.44754 13.3038 8.55246 13.3038 8.15882 12.6915Z", fill: "currentColor" })))), index.h("div", { class: "tds-slider__thumb-inner", ref: (el) => {
+            }, onMouseDown: () => this.grabThumb(), onTouchStart: () => this.grabThumb() }, this.tooltip && (index.h("div", { class: "tds-slider__value" }, this.value, index.h("svg", { width: "18", height: "14", viewBox: "0 0 18 14", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { d: "M8.15882 12.6915L0.990487 1.54076C0.562658 0.875246 1.0405 0 1.83167 0H16.1683C16.9595 0 17.4373 0.875246 17.0095 1.54076L9.84118 12.6915C9.44754 13.3038 8.55246 13.3038 8.15882 12.6915Z", fill: "currentColor" })))), index.h("div", { key: '6f963c34cf9ecd038f829969a4c19c90e1c32eff', class: "tds-slider__thumb-inner", ref: (el) => {
                 this.thumbInnerElement = el;
             } })))), this.useInput && (index.h("div", { class: "tds-slider__input-values" }, index.h("div", { class: "tds-slider__input-value", onClick: () => this.stepLeft() }, this.max), index.h("div", { class: "tds-slider__input-field-wrapper" }, index.h("input", { size: this.calculateInputSizeFromMax(), class: "tds-slider__input-field", value: this.value, readOnly: this.readOnly, onBlur: (event) => this.updateSliderValueOnInputChange(event), onKeyDown: (event) => this.handleInputFieldEnterPress(event) })))), this.useControls && (index.h("div", { class: "tds-slider__controls" }, index.h("div", { class: "tds-slider__control tds-slider__control-plus", onClick: () => this.stepRight() }, index.h("tds-icon", { name: "plus", size: "16px" })))))));
     }
@@ -319,6 +320,6 @@ const TdsSlider = class {
         "value": ["handleValueUpdate"]
     }; }
 };
-TdsSlider.style = sliderCss;
+TdsSlider.style = TdsSliderStyle0;
 
 exports.tds_slider = TdsSlider;

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

@@ -2,9 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-ae4fbf97.js');
+const index = require('./index-f36d4629.js');
 
 const spinnerCss = ":root{--tds-spinner-background:var(--tds-blue-400);--tds-spinner-background-inverted:var(--tds-white);--tds-spinner-speed:1.8s;--tds-spinner-speed-lg:2s;--tds-spinner-radius-xs:8px;--tds-spinner-radius-sm:12px;--tds-spinner-radius-md:26px;--tds-spinner-radius-lg:42px;--tds-spinner-radius:var(--tds-spinner-radius-lg);--tds-spinner-stroke-width-xs:3px;--tds-spinner-stroke-width-sm:4px;--tds-spinner-stroke-width-md:6px;--tds-spinner-stroke-width-lg:8px;--tds-spinner-stroke-width:var(--tds-spinner-stroke-width-lg);--PI:3.14159265358979}:host{box-sizing:border-box;display:block}:host *{box-sizing:border-box}.tds-spinner-svg{width:calc(var(--tds-spinner-radius) * 2);height:calc(var(--tds-spinner-radius) * 2);transform:scale(-1, 1) rotate(-90deg)}.tds-spinner-svg-xs{--tds-spinner-radius:var(--tds-spinner-radius-xs);--tds-spinner-stroke-width:var(--tds-spinner-stroke-width-xs);--tds-spinner-animation-speed:var(--tds-spinner-speed)}.tds-spinner-svg-sm{--tds-spinner-radius:var(--tds-spinner-radius-sm);--tds-spinner-stroke-width:var(--tds-spinner-stroke-width-sm);--tds-spinner-animation-speed:var(--tds-spinner-speed)}.tds-spinner-svg-md{--tds-spinner-radius:var(--tds-spinner-radius-md);--tds-spinner-stroke-width:var(--tds-spinner-stroke-width-md);--tds-spinner-animation-speed:var(--tds-spinner-speed)}.tds-spinner-svg-lg{--tds-spinner-radius:var(--tds-spinner-radius-lg);--tds-spinner-stroke-width:var(--tds-spinner-stroke-width-lg);--tds-spinner-animation-speed:var(--tds-spinner-speed-lg)}.tds-spinner-circle{cx:var(--tds-spinner-radius);cy:var(--tds-spinner-radius);r:calc(var(--tds-spinner-radius) - var(--tds-spinner-stroke-width) / 2);fill:none;--tds-spinner-stroke-dash:calc((2 * var(--PI)) * var(--tds-spinner-radius));stroke-dasharray:var(--tds-spinner-stroke-dash);stroke-width:var(--tds-spinner-stroke-width);animation:dash var(--tds-spinner-animation-speed) cubic-bezier(0.55, 0.15, 0.45, 0.85) infinite}.tds-spinner-circle-standard{stroke:var(--tds-spinner-background)}.tds-spinner-circle-inverted{stroke:var(--tds-spinner-background-inverted)}@keyframes dash{from{stroke-dashoffset:calc(-1 * var(--tds-spinner-stroke-dash))}to{stroke-dashoffset:var(--tds-spinner-stroke-dash)}}";
+const TdsSpinnerStyle0 = spinnerCss;
 
 const TdsSpinner = class {
     constructor(hostRef) {
@@ -13,9 +14,9 @@ const TdsSpinner = class {
         this.variant = 'standard';
     }
     render() {
-        return (index.h("div", { "aria-live": "assertive", role: "status", "aria-label": "loading" }, index.h("svg", { class: `tds-spinner-svg tds-spinner-svg-${this.size}`, "aria-hidden": "true" }, index.h("circle", { class: `tds-spinner-circle tds-spinner-circle-${this.variant}` }))));
+        return (index.h("div", { key: '152350d165fc9410c715b967c928f40487a0f636', "aria-live": "assertive", role: "status", "aria-label": "loading" }, index.h("svg", { key: '3b02495d7d68735181e0cce975d6717d0d75bd89', class: `tds-spinner-svg tds-spinner-svg-${this.size}`, "aria-hidden": "true" }, index.h("circle", { key: 'dd68d0e6b90d2a32752d4499145f766d3ada79bc', class: `tds-spinner-circle tds-spinner-circle-${this.variant}` }))));
     }
 };
-TdsSpinner.style = spinnerCss;
+TdsSpinner.style = TdsSpinnerStyle0;
 
 exports.tds_spinner = TdsSpinner;

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

@@ -2,9 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-ae4fbf97.js');
+const index = require('./index-f36d4629.js');
 
 const stepCss = ":host{position:relative;display:table-cell}:host tds-icon{line-height:1}:host [role=listitem]{display:flex;justify-content:start;flex-direction:row;align-items:center;gap:8px}:host [role=listitem].text-below{flex-direction:column}:host [role=listitem].lg{padding:0 20px;font:var(--tds-detail-01);letter-spacing:var(--tds-detail-01-ls)}:host [role=listitem].lg .content-container{height:30px;min-width:30px}:host [role=listitem].lg.vertical::after{content:\" \";position:absolute;background-color:var(--tds-stepper-icon-step-background-after);opacity:0.16;height:36px;width:1px;top:40px;left:36px}:host [role=listitem].lg.horizontal::after{content:\" \";position:absolute;background-color:var(--tds-stepper-icon-step-background-after);opacity:0.16;height:1px;left:calc(50% + 24px);right:0;top:18px}:host [role=listitem].lg.horizontal::before{content:\" \";position:absolute;background-color:var(--tds-stepper-icon-step-background-after);opacity:0.16;height:1px;right:calc(50% + 24px);left:0;top:18px}:host [role=listitem].lg.horizontal.text-aside:not(.hide-labels)::after{content:\" \";position:absolute;background-color:var(--tds-stepper-icon-step-background-after);opacity:0.16;height:1px;top:16px;width:10px;left:auto;right:-10px}:host [role=listitem].lg.horizontal.text-aside:not(.hide-labels)::before{content:\" \";position:absolute;background-color:var(--tds-stepper-icon-step-background-after);opacity:0.16;height:1px;top:16px;width:10px;left:-10px;right:auto}:host [role=listitem].sm{padding:0 20px;font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls)}:host [role=listitem].sm .content-container{height:24px;min-width:24px}:host [role=listitem].sm.vertical::after{content:\" \";position:absolute;background-color:var(--tds-stepper-icon-step-background-after);opacity:0.16;height:20px;width:1px;top:34px;left:32px}:host [role=listitem].sm.vertical::before{content:\" \";position:absolute;background-color:var(--tds-stepper-icon-step-background-after);opacity:0.16;height:20px;width:1px;top:34px;left:32px}:host [role=listitem].sm.horizontal::after{content:\" \";position:absolute;background-color:var(--tds-stepper-icon-step-background-after);opacity:0.16;height:1px;left:calc(50% + 16px + 8px);right:0;top:13px}:host [role=listitem].sm.horizontal::before{content:\" \";position:absolute;background-color:var(--tds-stepper-icon-step-background-after);opacity:0.16;height:1px;left:0;right:calc(50% + 24px);top:13px}:host [role=listitem].sm.horizontal.text-aside:not(.hide-labels)::after{content:\" \";position:absolute;background-color:var(--tds-stepper-icon-step-background-after);opacity:0.16;height:1px;top:13px;width:10px;left:auto;right:-10px}:host [role=listitem].sm.horizontal.text-aside:not(.hide-labels)::before{content:\" \";position:absolute;background-color:var(--tds-stepper-icon-step-background-after);opacity:0.16;height:1px;top:13px;width:10px;left:-10px;right:auto}:host [role=listitem] .content-container{border-radius:100px;border:1px solid var(--tds-stepper-icon-background);display:flex;justify-content:center;align-items:center;position:relative}:host [role=listitem] .content-container.error{border-color:var(--tds-negative);color:var(--tds-negative)}:host [role=listitem] .content-container.success{background-color:var(--tds-positive);border-color:var(--tds-positive);color:var(--tds-white)}:host [role=listitem] .content-container.upcoming{background-color:transparent;border-color:var(--tds-stepper-label-border-color-upcoming);color:var(--tds-stepper-label-text-color-upcoming);opacity:var(--tds-stepper-label-text-opacity-upcoming)}:host [role=listitem] .label{text-align:center}:host [role=listitem] .label.lg{font:var(--tds-detail-01);letter-spacing:var(--tds-detail-01-ls)}:host [role=listitem] .label.sm{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls)}:host [role=listitem] .label.upcoming{color:var(--tds-stepper-label-text-color-upcoming);opacity:var(--tds-stepper-label-text-opacity-upcoming)}:host(.last) [role=listitem].sm::after,:host(.last) [role=listitem].lg::after{display:none}:host(.last) [role=listitem].sm.vertical::before{display:none}:host(.first) [role=listitem].sm::before,:host(.first) [role=listitem].lg::before{display:none}";
+const TdsStepStyle0 = stepCss;
 
 const propToStateMap = {
     orientation: 'orientation',
@@ -44,10 +45,10 @@ const TdsStep = class {
         }
     }
     render() {
-        return (index.h(index.Host, null, index.h("div", { role: "listitem", class: `${this.size} ${this.orientation} text-${this.labelPosition} ${this.hideLabels ? 'hide-labels' : ''}` }, index.h("div", { class: `${this.state} content-container` }, this.state === 'success' || this.state === 'error' ? (index.h("tds-icon", { name: this.state === 'success' ? 'tick' : 'warning', size: this.size === 'lg' ? '20px' : '16px' })) : (this.index)), !this.hideLabels && (index.h("div", { class: `label ${this.size} ${this.state}` }, index.h("slot", { name: "label" }))))));
+        return (index.h(index.Host, { key: '1a28ad519601ffc63918ca1ed585c68c7fe0a99a' }, index.h("div", { key: 'dd3afe46dfd76674833be41e9eaa98c400769081', role: "listitem", class: `${this.size} ${this.orientation} text-${this.labelPosition} ${this.hideLabels ? 'hide-labels' : ''}` }, index.h("div", { key: '5d4534ca241ddf43653ffb97c9784127bd6752dd', class: `${this.state} content-container` }, this.state === 'success' || this.state === 'error' ? (index.h("tds-icon", { name: this.state === 'success' ? 'tick' : 'warning', size: this.size === 'lg' ? '20px' : '16px' })) : (this.index)), !this.hideLabels && (index.h("div", { class: `label ${this.size} ${this.state}` }, index.h("slot", { name: "label" }))))));
     }
     get el() { return index.getElement(this); }
 };
-TdsStep.style = stepCss;
+TdsStep.style = TdsStepStyle0;
 
 exports.tds_step = TdsStep;

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

@@ -2,10 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-ae4fbf97.js');
+const index = require('./index-f36d4629.js');
 const generateUniqueId = require('./generateUniqueId-e3fc9863.js');
 
 const stepperCss = ":host [role=list]{display:flex;justify-content:space-evenly;min-width:100%}:host [role=list]:not(.text-position-aside){display:table;table-layout:fixed;width:100%;list-style:none}:host [role=list].vertical{height:100%;display:flex;flex-direction:column;justify-content:unset;gap:52px}:host [role=list].vertical.sm{gap:36px}:host [role=list].horizontal.text-position-aside{justify-content:unset}";
+const TdsStepperStyle0 = stepperCss;
 
 const TdsStepper = class {
     constructor(hostRef) {
@@ -53,7 +54,7 @@ const TdsStepper = class {
         });
     }
     render() {
-        return (index.h(index.Host, null, index.h("div", { role: "list", class: `${this.orientation} text-position-${this.labelPosition} ${this.size}` }, index.h("slot", null))));
+        return (index.h(index.Host, { key: 'dcc6fc6be2e37bc4dcd4f0ab5dbe643ae26a1cbb' }, index.h("div", { key: '030eec1bc0b3075f7158f6936faad30c33272e02', role: "list", class: `${this.orientation} text-position-${this.labelPosition} ${this.size}` }, index.h("slot", { key: 'e4460b2a26a98cad97915059e2c4628a0e91a97e' }))));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {
@@ -63,6 +64,6 @@ const TdsStepper = class {
         "hideLabels": ["handleHideLabelsChange"]
     }; }
 };
-TdsStepper.style = stepperCss;
+TdsStepper.style = TdsStepperStyle0;
 
 exports.tds_stepper = TdsStepper;

package/dist/cjs/tds-table-body-row-expandable.cjs.entry.js

@@ -2,9 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-ae4fbf97.js');
+const index = require('./index-f36d4629.js');
 
 const tableBodyRowExpandableCss = ":host{box-sizing:border-box;display:contents}:host *{box-sizing:border-box}:host .tds-table__row,:host .tds-table__row-extend{display:table-row;border-bottom:1px solid var(--tds-table-divider);background-color:var(--tds-table-body-row-background);transition:background-color 200ms ease;color:var(--tds-table-color)}:host .tds-table__row:hover,:host .tds-table__row-extend:hover{background-color:var(--tds-table-body-row-background-hover)}:host .tds-table__expand-control-container{display:flex;justify-content:center;align-items:center;height:46px;cursor:pointer;padding:0 16px;position:relative}:host .tds-table__expand-control-container .tds-table__expand-input{all:unset;top:0;left:0;width:100%;height:100%;position:absolute;cursor:pointer}:host .tds-table__expand-control-container .tds-table__expand-input:focus{outline:2px solid var(--tds-blue-400);outline-offset:-2px}:host .tds-table__expand-control-container .tds-expendable-row-icon{height:16px;width:16px;transition:transform 200ms ease;transform:rotate(0)}:host .tds-table__row-expand{display:none;transition:background-color 200ms ease}:host .tds-table__row-expand .tds-table__cell-expand{padding:16px 16px 16px 66px;color:var(--tds-table-color)}:host(.tds-table__row-expand--active) .tds-table__row{background-color:var(--tds-table-body-row-background-selected)}:host(.tds-table__row-expand--active) .tds-table__expand-control-container .tds-expendable-row-icon{transform:rotate(180deg)}:host(.tds-table__row-expand--active) .tds-table__row-expand{background-color:var(--tds-table-body-row-background-selected);display:table-row}:host(.tds-table__compact) .tds-table__expand-control-container{height:30px}:host(.tds-table__compact) .tds-table__row-expand .tds-table__cell-expand{padding:8px 16px 8px 66px}:host(.tds-table__row--hidden){display:none}:host(.tds-table--divider) .tds-table__cell--expand{border-right:1px solid var(--tds-table-divider)}";
+const TdsTableBodyRowExpandableStyle0 = tableBodyRowExpandableCss;
 
 const relevantTableProps = [
     'verticalDividers',
@@ -62,15 +63,15 @@ const TdsTableBodyRowExpandable = class {
         this.sendValue();
     }
     render() {
-        return (index.h(index.Host, { class: {
+        return (index.h(index.Host, { key: '9626f70d55237e1329fc2e0f5df22528a72a9f0b', class: {
                 'tds-table__row': true,
                 'tds-table__row-expand--active': this.isExpanded,
                 'tds-table__compact': this.compactDesign,
                 'tds-table--divider': this.verticalDividers,
-            } }, index.h("tr", { class: "tds-table__row" }, index.h("td", { class: "tds-table__cell tds-table__cell--expand" }, index.h("label", { class: "tds-table__expand-control-container" }, index.h("input", { class: "tds-table__expand-input", type: "checkbox", onChange: (event) => this.onChangeHandler(event), checked: this.isExpanded }), index.h("span", { class: "tds-expendable-row-icon" }, index.h("svg", { fill: "none", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32" }, index.h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M4.273 9.783a1 1 0 0 1 1.415 0l9.888 9.888a.6.6 0 0 0 .848 0l9.888-9.888a1 1 0 1 1 1.415 1.414l-9.889 9.889a2.6 2.6 0 0 1-3.677 0l-9.888-9.889a1 1 0 0 1 0-1.414Z", fill: "currentColor" }))))), index.h("slot", null)), index.h("tr", { class: "tds-table__row-expand" }, index.h("td", { class: "tds-table__cell-expand", colSpan: this.columnsNumber }, index.h("slot", { name: "expand-row" })))));
+            } }, index.h("tr", { key: 'ae5d76d08d0cd5e7c20d42bed127848b9fb73283', class: "tds-table__row" }, index.h("td", { key: 'd2b87e039627fa91c093ce11a252f813687f3c41', class: "tds-table__cell tds-table__cell--expand" }, index.h("label", { key: 'e5b5d74c7f65aa4503127a81a7e305a513ef2e8b', class: "tds-table__expand-control-container" }, index.h("input", { key: '3d574c291be5a4b283496b51de6116e86cf2c753', class: "tds-table__expand-input", type: "checkbox", onChange: (event) => this.onChangeHandler(event), checked: this.isExpanded }), index.h("span", { key: 'f8560da1bee34be6a79d22176c7228645d6c7a6a', class: "tds-expendable-row-icon" }, index.h("svg", { key: '5ed6f50b7a6b7a7b96a366439411db3f9f915041', fill: "none", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32" }, index.h("path", { key: '9e97250e72daaa53b974235949e3a6b06009d553', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M4.273 9.783a1 1 0 0 1 1.415 0l9.888 9.888a.6.6 0 0 0 .848 0l9.888-9.888a1 1 0 1 1 1.415 1.414l-9.889 9.889a2.6 2.6 0 0 1-3.677 0l-9.888-9.889a1 1 0 0 1 0-1.414Z", fill: "currentColor" }))))), index.h("slot", { key: '85e65109691af6470c407f737e80404c0aa6292a' })), index.h("tr", { key: '54c52a50db17b76cbeed3d9675b8dfd350d7fdd5', class: "tds-table__row-expand" }, index.h("td", { key: '6876e76c7e0c81a12d77a0f4d1375a778df40ff8', class: "tds-table__cell-expand", colSpan: this.columnsNumber }, index.h("slot", { key: '2857aa53b2360769bea65f4263a59de799c7d945', name: "expand-row" })))));
     }
     get host() { return index.getElement(this); }
 };
-TdsTableBodyRowExpandable.style = tableBodyRowExpandableCss;
+TdsTableBodyRowExpandable.style = TdsTableBodyRowExpandableStyle0;
 
 exports.tds_table_body_row_expandable = TdsTableBodyRowExpandable;

package/dist/cjs/tds-table-body-row.cjs.entry.js

@@ -2,9 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-ae4fbf97.js');
+const index = require('./index-f36d4629.js');
 
 const tableBodyRowCss = ":host(.tds-table__row){box-sizing:border-box;display:table-row;border-bottom:1px solid var(--tds-table-divider);background-color:var(--tds-table-body-row-background);transition:background-color 200ms ease;color:var(--tds-table-color)}:host(.tds-table__row) *{box-sizing:border-box}:host(.tds-table__row) .tds-table__body-cell--checkbox{min-width:48px;width:48px;padding:0}:host(.tds-table__row:hover){background-color:var(--tds-table-body-row-background-hover)}:host(.tds-table__row--selected){background-color:var(--tds-table-body-row-background-selected)}:host(.tds-table__row--selected:hover){background-color:var(--tds-table-body-row-background-selected-hover)}:host(.tds-table__row--hidden){display:none}:host(.tds-table__row--expended){width:100%;background-color:pink}:host .tds-form-label--table{width:100%;height:48px;display:flex;justify-content:center;align-items:center;cursor:pointer}:host(.tds-table__compact) .tds-form-label--table{height:32px}:host(.tds-table--divider) .tds-table__body-cell--checkbox{border-right:1px solid var(--tds-table-divider)}";
+const TdsTableBodyRowStyle0 = tableBodyRowCss;
 
 const relevantTableProps = [
     'multiselect',
@@ -16,6 +17,7 @@ const TdsTableBodyRow = class {
         index.registerInstance(this, hostRef);
         this.tdsSelect = index.createEvent(this, "tdsSelect", 6);
         this.selected = false;
+        this.disabled = false;
         this.multiselect = false;
         this.mainCheckBoxStatus = false;
         this.verticalDividers = false;
@@ -53,15 +55,15 @@ const TdsTableBodyRow = class {
         });
     }
     render() {
-        return (index.h(index.Host, { class: {
+        return (index.h(index.Host, { key: '4d4328aa863f838b14a43d98fe356a39fd497860', class: {
                 'tds-table__row': true,
                 'tds-table__row--selected': this.selected,
                 'tds-table__compact': this.compactDesign,
                 'tds-table--divider': this.verticalDividers,
-            } }, this.multiselect && (index.h("td", { class: "tds-table__body-cell tds-table__body-cell--checkbox tds-form-label tds-form-label--table" }, index.h("tds-checkbox", { onTdsChange: (event) => this.handleCheckboxChange(event), checked: this.selected }))), index.h("slot", null)));
+            } }, this.multiselect && (index.h("td", { class: "tds-table__body-cell tds-table__body-cell--checkbox tds-form-label tds-form-label--table" }, index.h("tds-checkbox", { onTdsChange: (event) => this.handleCheckboxChange(event), checked: this.selected, disabled: this.disabled }))), index.h("slot", { key: 'e6c0cab232ece7b5ff14f3283478de5b36f405c7' })));
     }
     get host() { return index.getElement(this); }
 };
-TdsTableBodyRow.style = tableBodyRowCss;
+TdsTableBodyRow.style = TdsTableBodyRowStyle0;
 
 exports.tds_table_body_row = TdsTableBodyRow;

package/dist/cjs/tds-table-body.cjs.entry.js

@@ -2,9 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-ae4fbf97.js');
+const index = require('./index-f36d4629.js');
 
 const tableBodyCss = ":host,tds-table-body{box-sizing:border-box;display:table-row-group}:host *,tds-table-body *{box-sizing:border-box}:host .tds-table__info-message,tds-table-body .tds-table__info-message{font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);display:table-cell;box-sizing:border-box;color:var(--tds-table-color);padding:var(--tds-spacing-element-16);min-width:192px;vertical-align:top;background-color:transparent;transition:background-color 200ms ease}";
+const TdsTableBodyStyle0 = tableBodyCss;
 
 const relevantTableProps = ['multiselect', 'expandableRows'];
 const TdsTableBody = class {
@@ -60,10 +61,10 @@ const TdsTableBody = class {
         }
     }
     render() {
-        return (index.h(index.Host, { "data-selected-rows": this.multiselectArrayJSON }, index.h("slot", null)));
+        return (index.h(index.Host, { key: '1b8be2776860786f9a3f82f05bbdfc0205fcc5d1', "data-selected-rows": this.multiselectArrayJSON }, index.h("slot", { key: '6ec26061a4861faec740d2ae2b706d533dabfa3f' })));
     }
     get host() { return index.getElement(this); }
 };
-TdsTableBody.style = tableBodyCss;
+TdsTableBody.style = TdsTableBodyStyle0;
 
 exports.tds_table_body = TdsTableBody;

package/dist/cjs/tds-table-footer.cjs.entry.js

@@ -2,9 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-ae4fbf97.js');
+const index = require('./index-f36d4629.js');
 
 const tableFooterCss = ":host{box-sizing:border-box;display:table-footer-group;height:48px}:host *{box-sizing:border-box}:host .tds-table__footer-row{background-color:var(--tds-table-footer-background);color:var(--tds-table-color)}:host .tds-table__footer-cell{padding:0 16px}:host .tds-table__footer-cell .tds-table__pagination{height:48px;display:flex;align-items:center;justify-content:space-between}:host .tds-table__footer-cell .tds-table__pagination .tds-table__row-selector,:host .tds-table__footer-cell .tds-table__pagination .tds-table__page-selector{display:flex;align-items:center}:host .tds-table__footer-cell .tds-table__pagination .tds-table__page-selector-input{font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);background-color:var(--tds-table-footer-page-selector-input-background);color:var(--tds-table-color);width:54px;height:30px;border:none;border-radius:4px;transition:background-color 250ms ease;margin-right:4px;padding-left:16px}:host .tds-table__footer-cell .tds-table__pagination .tds-table__page-selector-input:hover{background-color:var(--tds-table-footer-page-selector-input-background-hover)}:host .tds-table__footer-cell .tds-table__pagination .tds-table__page-selector-input:disabled{color:var(--tds-table-footer-page-selector-input-color-disabled)}:host .tds-table__footer-cell .tds-table__pagination .tds-table__page-selector-input--shake{animation:tds-shake-animation 0.5s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;transform:translate3d(0, 0, 0);backface-visibility:hidden;perspective:1000px}:host .tds-table__footer-cell .tds-table__pagination .tds-table__footer-text{font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);padding:1px 8px 0 0}:host .tds-table__footer-cell .tds-table__pagination .tds-table__footer-btn{display:flex;justify-content:center;align-items:center;border:none;background-color:transparent;cursor:pointer;height:32px;width:32px;border-radius:4px;transition:background-color 250ms ease;color:var(--tds-table-footer-page-selector-icon)}:host .tds-table__footer-cell .tds-table__pagination .tds-table__footer-btn:hover{background-color:var(--tds-table-footer-btn-hover)}:host .tds-table__footer-cell .tds-table__pagination .tds-table__footer-btn:disabled{cursor:default;color:var(--tds-table-footer-page-selector-icon-disabled)}:host .tds-table__footer-cell .tds-table__pagination .tds-table__footer-btn:disabled:hover{background-color:transparent}:host .tds-table__footer-cell .tds-table__pagination .tds-table__footer-btn-svg{height:20px;width:20px;fill:var(--tds-table-color)}:host(.tds-table--compact){height:32px}:host(.tds-table--compact) .tds-table__footer-cell .tds-table__pagination{height:32px}:host(.tds-table--compact) .tds-table__footer-cell .tds-table__pagination .tds-table__page-selector-input{height:24px}:host(.tds-table--compact) .tds-table__footer-cell .tds-table__pagination .tds-table__footer-btn{height:28px;width:28px}@keyframes tds-shake-animation{10%,90%{transform:translate3d(-1px, 0, 0)}20%,80%{transform:translate3d(2px, 0, 0)}30%,50%,70%{transform:translate3d(-4px, 0, 0)}40%,60%{transform:translate3d(4px, 0, 0)}}";
+const TdsTableFooterStyle0 = tableFooterCss;
 
 const relevantTableProps = ['compactDesign'];
 function removeShakeAnimation(e) {
@@ -99,10 +100,10 @@ const TdsTableFooter = class {
         this.storeLastCorrectValue(this.paginationValue);
     }
     render() {
-        return (index.h(index.Host, { class: this.compactDesign ? 'tds-table--compact' : '' }, index.h("tr", { class: "tds-table__footer-row" }, index.h("td", { class: "tds-table__footer-cell", colSpan: this.columnsNumber }, this.pagination && (index.h("div", { class: "tds-table__pagination" }, index.h("div", { class: "tds-table__row-selector" }), index.h("div", { class: "tds-table__page-selector" }, index.h("input", { ref: (element) => (this.inputElement = element), class: "tds-table__page-selector-input", type: "number", min: "1", max: this.pages, value: this.paginationValue, pattern: "[0-9]+", dir: "ltr", onChange: (event) => this.paginationInputChange(event), onAnimationEnd: removeShakeAnimation }), index.h("p", { class: "tds-table__footer-text" }, "of ", index.h("span", null, this.pages), " pages"), index.h("button", { type: "button", class: "tds-table__footer-btn", disabled: this.paginationValue <= 1, onClick: () => this.previousPage() }, index.h("tds-icon", { name: "chevron_left", size: "20px" })), index.h("button", { type: "button", class: "tds-table__footer-btn", disabled: this.paginationValue >= this.pages, onClick: () => this.nextPage() }, index.h("tds-icon", { name: "chevron_right", size: "20px" })))))))));
+        return (index.h(index.Host, { key: 'ae4ce3e329813100d2fa669bf9278cc44329f581', class: this.compactDesign ? 'tds-table--compact' : '' }, index.h("tr", { key: '833409674137c346a5e0aa68a55bf1aed21762e9', class: "tds-table__footer-row" }, index.h("td", { key: 'f8570501ea5279dc1ed65c71fe37ac173b28e0cb', class: "tds-table__footer-cell", colSpan: this.columnsNumber }, this.pagination && (index.h("div", { class: "tds-table__pagination" }, index.h("div", { class: "tds-table__row-selector" }), index.h("div", { class: "tds-table__page-selector" }, index.h("input", { ref: (element) => (this.inputElement = element), class: "tds-table__page-selector-input", type: "number", min: "1", max: this.pages, value: this.paginationValue, pattern: "[0-9]+", dir: "ltr", onChange: (event) => this.paginationInputChange(event), onAnimationEnd: removeShakeAnimation }), index.h("p", { class: "tds-table__footer-text" }, "of ", index.h("span", null, this.pages), " pages"), index.h("button", { type: "button", class: "tds-table__footer-btn", disabled: this.paginationValue <= 1, onClick: () => this.previousPage() }, index.h("tds-icon", { name: "chevron_left", size: "20px" })), index.h("button", { type: "button", class: "tds-table__footer-btn", disabled: this.paginationValue >= this.pages, onClick: () => this.nextPage() }, index.h("tds-icon", { name: "chevron_right", size: "20px" })))))))));
     }
     get host() { return index.getElement(this); }
 };
-TdsTableFooter.style = tableFooterCss;
+TdsTableFooter.style = TdsTableFooterStyle0;
 
 exports.tds_table_footer = TdsTableFooter;

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

@@ -2,9 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-ae4fbf97.js');
+const index = require('./index-f36d4629.js');
 
 const tableHeaderCss = ":host{box-sizing:border-box;display:table-header-group}:host *{box-sizing:border-box}:host .tds-table__header-cell--checkbox{font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);display:table-cell;text-align:left;color:var(--tds-table-color);background-color:var(--tds-table-header-background);border-bottom:1px solid var(--tds-table-divider);height:48px;box-sizing:border-box;overflow:hidden;transition:background-color 200ms ease;min-width:unset;width:48px;padding:0;border-top-left-radius:4px}:host .tds-form-label--table{width:100%;height:48px;display:flex;justify-content:center;align-items:center;cursor:pointer}:host .tds-table__expand-control-container{display:flex;justify-content:center;align-items:center;height:48px;cursor:pointer}:host .tds-table__expand-control-container .tds-table__expand-input{display:none}:host .tds-table__expand-control-container .tds-expandable-row-icon{height:20px;width:20px;transition:transform 200ms ease;transform:rotate(0)}:host .tds-table__expand-control-container .tds-expandable-row-icon--opened{transform:rotate(180deg)}:host ::slotted(tds-header-cell:hover){background-color:var(--tds-table-header-background-hover)}:host(.tds-table--compact) .tds-table__header-cell--checkbox{height:32px}:host(.tds-table--compact) .tds-form-label--table{height:32px}:host(.tds-table--divider) .tds-table__header-cell--checkbox{border-right:1px solid var(--tds-table-divider)}:host(.tds-table--toolbar-available) .tds-table__header-cell--checkbox{border-top-left-radius:0}";
+const TdsTableHeaderStyle0 = tableHeaderCss;
 
 const relevantTableProps = [
     'multiselect',
@@ -19,6 +20,7 @@ const TdsTableHeaderRow = class {
         this.tdsSelectAll = index.createEvent(this, "tdsSelectAll", 6);
         this.allSelected = false;
         this.selected = undefined;
+        this.disabled = false;
         this.indeterminate = false;
         this.multiselect = false;
         this.expandableRows = false;
@@ -87,14 +89,14 @@ const TdsTableHeaderRow = class {
         });
     }
     render() {
-        return (index.h(index.Host, { class: {
+        return (index.h(index.Host, { key: '53981e80f911cd21366edac319ae313723ab4d88', class: {
                 'tds-table--compact': this.compactDesign,
                 'tds-table--divider': this.verticalDividers,
                 'tds-table--toolbar-available': this.enableToolbarDesign,
-            } }, index.h("tr", null, this.multiselect && (index.h("th", { class: "tds-table__header-cell tds-table__header-cell--checkbox" }, index.h("div", { class: "tds-form-label tds-form-label--table" }, index.h("tds-checkbox", { checked: this.allSelected || this.selected, indeterminate: this.indeterminate, onTdsChange: (event) => this.handleCheckboxChange(event) })))), this.expandableRows && (index.h("th", { class: "tds-table__header-cell tds-table__header-cell--checkbox" })), index.h("slot", null))));
+            } }, index.h("tr", { key: '122f5cb4bd9d70b8a5d6ebef26fb2cce6848b4f9' }, this.multiselect && (index.h("th", { class: "tds-table__header-cell tds-table__header-cell--checkbox" }, index.h("div", { class: "tds-form-label tds-form-label--table" }, index.h("tds-checkbox", { checked: this.allSelected || this.selected, disabled: this.disabled, indeterminate: this.indeterminate, onTdsChange: (event) => this.handleCheckboxChange(event) })))), this.expandableRows && (index.h("th", { class: "tds-table__header-cell tds-table__header-cell--checkbox" })), index.h("slot", { key: '355e7a0942a0c3764e021093aff4bb9010f0d030' }))));
     }
     get host() { return index.getElement(this); }
 };
-TdsTableHeaderRow.style = tableHeaderCss;
+TdsTableHeaderRow.style = TdsTableHeaderStyle0;
 
 exports.tds_table_header = TdsTableHeaderRow;

package/dist/cjs/tds-table-toolbar.cjs.entry.js

@@ -2,9 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-ae4fbf97.js');
+const index = require('./index-f36d4629.js');
 
 const tableToolbarCss = ":host{box-sizing:border-box;display:table-caption;position:relative;background-color:var(--tds-table-toolbar-background);color:var(--tds-table-color);padding:0 var(--tds-spacing-element-16);height:64px;border-top-left-radius:4px;border-top-right-radius:4px}:host *{box-sizing:border-box}:host .tds-table__upper-bar-flex{width:100%;height:100%;display:flex;justify-content:space-between}:host .tds-table__title{font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);padding-top:var(--tds-spacing-element-16);text-align:left}:host .tds-table__actionbar,:host slot[name=end]::slotted(*){display:flex;align-self:center}:host .tds-table__searchbar{display:flex;align-self:center;position:relative;height:40px;width:40px;border-radius:4px 4px 0 0;transition:background-color 250ms ease, width 250ms ease;overflow:hidden;background-color:transparent}:host .tds-table__searchbar::after{content:\"\";width:100%;height:2px;position:absolute;bottom:0;background-color:var(--tds-blue-400);transform:scaleX(0);transition:transform 150ms ease}:host .tds-table__searchbar:focus-within::after{transform:scaleX(100%)}:host .tds-table__searchbar:focus-within,:host .tds-table__searchbar.tds-table__searchbar--active{width:208px;background-color:var(--tds-table-toolbar-searchbar-background)}:host .tds-table__searchbar:focus-within:hover,:host .tds-table__searchbar.tds-table__searchbar--active:hover{background-color:var(--tds-table-toolbar-searchbar-background)}:host .tds-table__searchbar .tds-table__searchbar-input{font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);color:var(--tds-table-color);z-index:1;width:100%;height:100%;border:none;padding:0 36px 0 16px;background-color:transparent;outline:none;cursor:pointer}:host .tds-table__searchbar .tds-table__searchbar-input :focus{background-color:var(--tds-table-toolbar-searchbar-background)}:host .tds-table__searchbar:hover{background-color:var(--tds-table-toolbar-searchbar-background-hover)}:host .tds-table__searchbar .tds-table__searchbar-icon{z-index:0;position:absolute;right:9px;top:9px;width:20px;height:20px}:host(.tds-table--compact){height:56px}";
+const TdsTableToolbarStyle0 = tableToolbarCss;
 
 const relevantTableProps = [
     'compactDesign',
@@ -60,10 +61,10 @@ const TdsTableToolbar = class {
         }
     }
     render() {
-        return (index.h(index.Host, { class: this.compactDesign ? 'tds-table--compact' : '' }, index.h("div", { class: "tds-table__upper-bar-flex" }, index.h("caption", { class: "tds-table__title" }, this.tableTitle), index.h("div", { class: "tds-table__actionbar" }, this.filter && (index.h("div", { class: "tds-table__searchbar" }, index.h("input", { class: "tds-table__searchbar-input", type: "text", onKeyUp: (event) => this.handleSearch(event) }), index.h("span", { class: "tds-table__searchbar-icon" }, index.h("tds-icon", { name: "search", size: "20px" })))), index.h("slot", { name: "end" })))));
+        return (index.h(index.Host, { key: '8da67bc90ca3b04449261ef63929959e7cb2dce8', class: this.compactDesign ? 'tds-table--compact' : '' }, index.h("div", { key: '2b5b7719b644bfa845fcf4d22f8bb975e0edef91', class: "tds-table__upper-bar-flex" }, index.h("caption", { key: 'd1447f81583ed926ff70b3f509092c49f3b9d03f', class: "tds-table__title" }, this.tableTitle), index.h("div", { key: '438cb445a8dc759db37396e505b14257aa03f337', class: "tds-table__actionbar" }, this.filter && (index.h("div", { class: "tds-table__searchbar" }, index.h("input", { class: "tds-table__searchbar-input", type: "text", onKeyUp: (event) => this.handleSearch(event) }), index.h("span", { class: "tds-table__searchbar-icon" }, index.h("tds-icon", { name: "search", size: "20px" })))), index.h("slot", { key: '4906ceb0f3d87650e90499d50a040f7a92ad5a6a', name: "end" })))));
     }
     get host() { return index.getElement(this); }
 };
-TdsTableToolbar.style = tableToolbarCss;
+TdsTableToolbar.style = TdsTableToolbarStyle0;
 
 exports.tds_table_toolbar = TdsTableToolbar;

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

@@ -2,10 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-ae4fbf97.js');
+const index = require('./index-f36d4629.js');
 const generateUniqueId = require('./generateUniqueId-e3fc9863.js');
 
 const tableCss = ":host,.tds-table{border-collapse:collapse;display:table;box-sizing:border-box}:host *,.tds-table *{box-sizing:border-box}:host(.tds-table--responsive),.tds-table--responsive{width:100%}";
+const TdsTableStyle0 = tableCss;
 
 const TdsTable = class {
     constructor(hostRef) {
@@ -68,17 +69,17 @@ const TdsTable = class {
         this.emitInternalTdsPropChange('modeVariant', newValue);
     }
     render() {
-        return (index.h(index.Host, { class: {
+        return (index.h(index.Host, { key: 'e90429bc887c2a3a24eaf3acf0bba7748fd291ed', class: {
                 'tds-table--responsive': this.responsive,
                 'tds-mode-variant-primary': this.modeVariant === 'primary',
                 'tds-mode-variant-secondary': this.modeVariant === 'secondary',
-            } }, index.h("table", { class: {
+            } }, index.h("table", { key: '0ab17fb64542a59745bf6b5a8dee0fc365adecf3', class: {
                 'tds-table': true,
                 'tds-table--compact': this.compactDesign,
                 'tds-table--divider': this.verticalDividers,
                 'tds-table--no-min-width': this.noMinWidth,
                 'tds-table--responsive': this.responsive,
-            } }, index.h("slot", null))));
+            } }, index.h("slot", { key: '855c9d02a5564e5ac5cba37c92b87e19e6fba919' }))));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {
@@ -90,6 +91,6 @@ const TdsTable = class {
         "modeVariant": ["modeVariantChanged"]
     }; }
 };
-TdsTable.style = tableCss;
+TdsTable.style = TdsTableStyle0;
 
 exports.tds_table = TdsTable;