@scania/tegel 1.42.0 → 1.44.0-sonarcloud-0

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

@@ -51,7 +51,7 @@ const TdsDatetime = class {
         this.labelPosition = 'no-label';
         this.helper = '';
         this.tdsAriaLabel = undefined;
-        this.focusInput = undefined;
+        this.focusInput = false;
     }
     /** Method that resets the value of the Datetime, using defaultValue if is not 'none' */
     async reset() {
@@ -127,12 +127,14 @@ const TdsDatetime = class {
             'tds-datetime-data': this.value.length > 0,
             'tds-form-datetime-disabled': this.disabled,
             [`tds-form-datetime-${this.size}`]: ['md', 'sm'].includes(this.size),
-            [`tds-form-datetime-${this.state}`]: ['error', 'success'].includes(this.state),
+            [`tds-form-datetime-${this.state}`]: ['error', 'success'].includes(`${this.state}`),
             [`tds-mode-variant-${this.modeVariant}`]: this.modeVariant !== null,
-            'tds-datetime-container-label-inside': this.label && this.labelPosition === 'inside' && this.size !== 'sm',
+            'tds-datetime-container-label-inside': !!(this.label &&
+                this.labelPosition === 'inside' &&
+                this.size !== 'sm'),
         };
         const iphone = navigator.userAgent.toLowerCase().includes('iphone');
-        return (h("div", { key: 'f397a4fc034fb7cd4dcb8ed7b0cbf2ab2e51177a', class: classNames, onKeyDown: (e) => {
+        return (h("div", { key: '93ab9dfbf3fc5a894153be95e9dd0a2b6010efaf', class: classNames, onKeyDown: (e) => {
                 if (e.key === 'Enter') {
                     const browserIsChrome = navigator.userAgent.toLowerCase().includes('chrome');
                     if (browserIsChrome) {
@@ -140,9 +142,10 @@ const TdsDatetime = class {
                         this.textInput.showPicker();
                     }
                 }
-            } }, this.labelPosition === 'outside' && this.label && (h("label", { key: 'e5dd50563ed2d464983016bc608d81b77c379add', htmlFor: this.name, class: "tds-datetime-label" }, this.label)), h("div", { key: 'b2c01f96bb7d8fa7279ac27048328204cc249547', onClick: (e) => this.handleFocusClick(e), class: "tds-datetime-container" }, h("div", { key: 'e7002fc416e62d2c93c337aee1869aa817997df9', class: `tds-datetime-input-container type-${this.type}` }, h("input", { key: '3fdf8d55b15f5a00d4fb0755d5774fee93f100b9', ref: (inputEl) => {
-                this.textInput = inputEl;
-            }, class: className, type: this.type, disabled: this.disabled, value: this.value, min: this.min, max: this.max, autofocus: this.autofocus, name: this.name, id: this.name, onInput: (e) => this.handleInput(e), onBlur: (e) => this.handleBlur(e), onChange: (e) => this.handleChange(e), "aria-label": this.tdsAriaLabel ? this.tdsAriaLabel : this.label }), this.labelPosition === 'inside' && this.size !== 'sm' && this.label && (h("label", { key: '48d096356ad9f547bacbf407af12c4411d5dd45f', class: `tds-datetime-label-inside ${iphone && 'iphone'}`, htmlFor: this.name }, this.label)), h("div", { key: '0ea83c4003923ffed9b11ef22131000bb696a80f', class: "datetime-icon icon-datetime-local" }, h("tds-icon", { key: '6ab6fde60c3d8ce0ad212c0d248c597a23cc6ce7', size: "20px", name: "calendar", svgTitle: "Calendar" })), h("div", { key: '4c304db3c9e6159a7827b6a83c6f81d04cbf0d19', class: "datetime-icon icon-time" }, h("tds-icon", { key: '2a91a579dc5307d35ffbd47aa67616e2e692dd1c', size: "20px", name: "clock", svgTitle: "Clock" })))), this.helper && (h("div", { key: '4883298ade40b2177450f1af3cda0b02a9c24786', class: "tds-datetime-helper" }, h("div", { key: '5baaf00b0372f50341f1995c713e3cbece2c8a4d', class: "tds-helper" }, this.state === 'error' && h("tds-icon", { key: 'a8d4aedbbba2e083578825efadbeaede47d83055', name: "error", size: "16px", svgTitle: "error" }), this.helper)))));
+            } }, this.labelPosition === 'outside' && this.label && (h("label", { key: '151fe0fca5e68938f8f0e466e415d301460bcfb9', htmlFor: this.name, class: "tds-datetime-label" }, this.label)), h("div", { key: '0f279f40278ed65077f17c8ff18963e6d9b22e33', onClick: (e) => this.handleFocusClick(e), class: "tds-datetime-container" }, h("div", { key: 'b0b178d3ee9511ba315f63468061738810fc99e8', class: `tds-datetime-input-container type-${this.type}` }, h("input", { key: '9d09571d4175dcd45ea5a6303855328633b4e2d5', ref: (inputEl) => {
+                if (inputEl)
+                    this.textInput = inputEl;
+            }, class: className, type: this.type, disabled: this.disabled, value: this.value, min: this.min, max: this.max, autofocus: this.autofocus, name: this.name, id: this.name, onInput: (e) => this.handleInput(e), onBlur: (e) => this.handleBlur(e), onChange: (e) => this.handleChange(e), "aria-label": this.tdsAriaLabel ? this.tdsAriaLabel : this.label }), this.labelPosition === 'inside' && this.size !== 'sm' && this.label && (h("label", { key: '8c8bf84bf5fde6e08ca7af7d24416379e6fcebee', class: `tds-datetime-label-inside ${iphone && 'iphone'}`, htmlFor: this.name }, this.label)), h("div", { key: 'bffbf411853315e978d570c44b054f4022ed4156', class: "datetime-icon icon-datetime-local" }, h("tds-icon", { key: '885003370261c85dce5d4840ee3e49bee89f08e5', size: "20px", name: "calendar", svgTitle: "Calendar" })), h("div", { key: '62bca8062e7f1b20b89c835811b98311f501d7da', class: "datetime-icon icon-time" }, h("tds-icon", { key: '77a628ba22fdefe08eed75acaee382f0485ca22d', size: "20px", name: "clock", svgTitle: "Clock" })))), this.helper && (h("div", { key: '3cf041a3d939c96e295bdc83346d038d33336a39', class: "tds-datetime-helper" }, h("div", { key: 'ccdd8ed7ab2ab4a91f4ac699e1fe964234e4db4a', class: "tds-helper" }, this.state === 'error' && h("tds-icon", { key: '509f40f17e1ccec720cacc4863e50cc63e5a4802', name: "error", size: "16px", svgTitle: "error" }), this.helper)))));
     }
 };
 TdsDatetime.style = TdsDatetimeStyle0;

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

@@ -50,13 +50,15 @@ const appendHiddenInput = (element, name, value, disabled, additionalAttributes)
         input = element.ownerDocument.createElement('input');
         input.type = 'hidden';
         if (additionalAttributes) {
-            additionalAttributes.forEach((attr) => input.setAttribute(attr.key, attr.value));
+            additionalAttributes.forEach((attr) => input === null || input === void 0 ? void 0 : input.setAttribute(attr.key, attr.value));
         }
         element.appendChild(input);
     }
-    input.disabled = disabled;
-    input.name = name;
-    input.value = value || '';
+    if (input) {
+        input.disabled = disabled;
+        input.name = name || '';
+        input.value = value || '';
+    }
 };
 
 /**
@@ -74,7 +76,7 @@ const convertArrayToStrings = (values) => {
     return values.map((value) => convertToString(value));
 };
 
-const dropdownCss = "@charset \"UTF-8\";:host button{all:unset;height:100%;width:100%;background-color:var(--tds-dropdown-bg);border-bottom:1px solid var(--tds-dropdown-border-bottom);border-radius:var(--tds-dropdown-border-radius)}:host button:hover{border-bottom:1px solid var(--tds-dropdown-border-bottom-hover)}:host button .value-wrapper{padding:0 16px;display:flex;align-items:center;justify-content:space-between}:host button.placeholder{color:var(--tds-dropdown-placeholder-color);line-height:1.3}:host button.value{color:var(--tds-dropdown-value-color);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);line-height:1.3}:host button:focus{border-bottom:0}:host button.error{border-bottom:1px solid var(--tds-dropdown-error)}:host button.error:focus{border-bottom-color:transparent}:host button.error:focus::before{content:\"\";position:absolute;bottom:0;left:0;width:100%;height:1px;background:var(--tds-dropdown-error)}:host button:disabled{color:var(--tds-dropdown-disabled-color);border-bottom:1px solid transparent}:host button .menu-icon{margin-right:0}:host .dropdown-select:focus-within{outline:2px solid var(--tds-focus-outline-color);box-shadow:0 0 0 1px var(--tds-white);outline-offset:1px;z-index:1}:host .filter{display:flex;align-items:center;justify-content:space-between;height:100%;background-color:var(--tds-dropdown-bg);border-bottom:1px solid var(--tds-dropdown-border-bottom);padding-left:16px;border-radius:4px 4px 0 0}:host .filter:hover{border-bottom:1px solid var(--tds-dropdown-border-bottom-hover)}:host .filter.disabled{color:var(--tds-dropdown-disabled-color);border-bottom:1px solid transparent}:host .filter.disabled .value-wrapper input{color:var(--tds-dropdown-disabled-color)}:host .filter .value-wrapper{display:flex;width:100%;height:100%}:host .filter .value-wrapper input{color:var(--tds-dropdown-filter-input-color)}:host .filter .label-inside-as-placeholder{position:absolute;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);line-height:1.3;color:var(--tds-dropdown-placeholder-color)}:host .filter .label-inside-as-placeholder.lg{top:20px}:host .filter .label-inside-as-placeholder.md{top:16px}:host .filter .label-inside-as-placeholder.sm{display:none}:host .filter .label-inside-as-placeholder.selected{font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);transition:all 0.2s ease-in-out}:host .filter .label-inside-as-placeholder.selected.lg{top:12px}:host .filter .label-inside-as-placeholder.selected.md{top:8px}:host .filter .label-inside-as-placeholder.selected.sm{display:none}:host .filter .label-inside-as-placeholder.selected+.placeholder:not(.sm){margin-top:8px}:host .filter.focus{border-bottom:0}:host .filter.focus:hover{border-bottom:0}:host .filter.error{border-bottom:1px solid var(--tds-dropdown-error)}:host .filter.error.focus{border-bottom-color:transparent}:host .filter.error.focus::before{content:\"\";position:absolute;bottom:0;left:0;width:100%;height:1px;background:var(--tds-dropdown-error)}:host .filter input{flex:1;all:unset;width:100%}:host .filter input::placeholder{color:var(--tds-dropdown-placeholder-color)}:host .filter input:disabled::placeholder{color:var(--tds-dropdown-disabled-color)}:host .filter tds-icon{cursor:pointer}:host .filter .menu-icon{margin-right:16px}:host .filter .clear-icon{margin:0 8px;color:var(--tds-dropdown-clear-icon-color);padding-right:8px;border-right:1px solid var(--tds-dropdown-clear-icon-color)}:host .filter .clear-icon:hover{color:var(--tds-dropdown-clear-icon-hover-color)}:host .filter .clear-icon.hide{display:none;visibility:hidden}: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{display:block;position:relative;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls)}:host .label-outside{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);color:var(--tds-dropdown-label-color);margin-bottom:8px}:host .label-outside.disabled{color:var(--tds-dropdown-disabled-color)}:host .dropdown-select{position:relative}:host .dropdown-select button:focus{outline:2px solid var(--tds-focus-outline-color);box-shadow:0 0 0 1px var(--tds-white);outline-offset:1px;z-index:1;border-radius:0}:host .dropdown-select button{transition:border-bottom-color var(--tds-motion-duration-fast-02) var(--tds-motion-easing-scania)}:host .dropdown-select button:hover{border-bottom-color:var(--tds-dropdown-border-bottom-hover)}:host .dropdown-select button{border-bottom-color:var(--tds-dropdown-border-bottom)}:host .dropdown-select button.error{border-bottom-color:var(--tds-dropdown-error)}:host .dropdown-select button.error:focus{border-bottom-color:transparent}:host .dropdown-select.disabled .label-inside,:host .dropdown-select.disabled .placeholder,:host .dropdown-select.disabled .label-inside-as-placeholder,:host .dropdown-select.disabled .value-wrapper,:host .dropdown-select.disabled .menu-icon{color:var(--tds-dropdown-disabled-color)}:host .dropdown-select.disabled button{border:none}:host .dropdown-select .label-inside{position:absolute;font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);color:var(--tds-dropdown-label-inside-color)}:host .dropdown-select .label-inside.lg{top:12px;left:16px}:host .dropdown-select .label-inside.md{top:8px;left:16px}:host .dropdown-select .label-inside.sm{display:none}:host .dropdown-select .label-inside.xs{display:none}:host .dropdown-select .label-inside+.placeholder:not(.sm){margin-top:8px}:host .dropdown-select .placeholder{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:var(--tds-placeholder-margin);}:host .dropdown-select .placeholder.xs{line-height:1}:host .dropdown-select .label-inside-as-placeholder{color:var(--tds-dropdown-placeholder-color)}:host .dropdown-select .label-inside-as-placeholder.selected{position:absolute;font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);transition:all 0.2s ease-in-out}:host .dropdown-select .label-inside-as-placeholder.selected.lg{top:12px}:host .dropdown-select .label-inside-as-placeholder.selected.md{top:8px}:host .dropdown-select .label-inside-as-placeholder.selected.sm{display:none}:host .dropdown-select .label-inside-as-placeholder.selected+.placeholder:not(.sm){margin-top:8px}:host .dropdown-select.lg{height:55px}:host .dropdown-select.md{height:47px}:host .dropdown-select.sm{height:39px}:host .dropdown-select.xs{height:29px}:host .helper{margin-top:4px;color:var(--tds-dropdown-helper-color);font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);display:flex;align-items:center;gap:8px}:host .helper.error{color:var(--tds-dropdown-error)}:host .helper.disabled{color:var(--tds-dropdown-disabled-color)}:host .dropdown-list{z-index:100;position:absolute;width:100%;transform-origin:top;box-shadow:0 2px 3px 0 rgba(0, 0, 0, 0.1);border-radius:var(--tds-dropdown-list-border-radius-down);overflow-y:auto;transform:scaleY(0);pointer-events:none;background-color:var(--tds-dropdown-bg)}:host .dropdown-list: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 .dropdown-list::-webkit-scrollbar{width:var(--tds-scrollbar-width)}:host .dropdown-list::-webkit-scrollbar-track{background:var(--tds-scrollbar-track-color)}:host .dropdown-list::-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 .dropdown-list::-webkit-scrollbar-button{height:0;width:0}@supports not selector(::-webkit-scrollbar){:host .dropdown-list{scrollbar-color:var(--tds-scrollbar-thumb-color) var(--tds-scrollbar-track-color);scrollbar-width:var(--tds-scrollbar-width-standard)}}:host .dropdown-list.lg{max-height:312px}:host .dropdown-list.md{max-height:312px}:host .dropdown-list.sm{max-height:260px}:host .dropdown-list.xs{max-height:260px}:host .dropdown-list.up{bottom:100%;margin-top:0;margin-bottom:1px;transform-origin:bottom;display:flex;flex-direction:column-reverse;border-radius:var(--tds-dropdown-list-border-radius-up)}:host .dropdown-list.up.label-outside{bottom:calc(100% - 24px)}:host .dropdown-list.closed{transform:scaleY(0);pointer-events:none}:host .dropdown-list.open{transform:scaleY(1);visibility:visible;opacity:1;pointer-events:auto}:host .dropdown-list.animation-enter-slide{transition:transform var(--tds-motion-duration-moderate-01) var(--tds-motion-easing-enter)}:host .dropdown-list.animation-exit-slide{transition:transform var(--tds-motion-duration-moderate-01) var(--tds-motion-easing-exit)}:host .dropdown-list .no-result{font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);display:flex;align-items:center;padding:0 16px;background-color:var(--tds-dropdown-bg)}:host .dropdown-list .no-result.lg{height:56px}:host .dropdown-list .no-result.md{height:48px}:host .dropdown-list .no-result.sm{height:40px}:host .dropdown-list .no-result.xs{height:40px}:host .menu-icon{color:var(--tds-dropdown-menu-icon-color)}:host tds-icon{transition:transform var(--tds-motion-duration-fast-02) var(--tds-motion-easing-scania)}:host tds-icon.open{transform:rotateZ(180deg)}";
+const dropdownCss = "@charset \"UTF-8\";:host button{all:unset;height:100%;width:100%;background-color:var(--tds-dropdown-bg);border-bottom:1px solid var(--tds-dropdown-border-bottom);border-radius:var(--tds-dropdown-border-radius)}:host button:hover{border-bottom:1px solid var(--tds-dropdown-border-bottom-hover)}:host button .value-wrapper{padding:0 16px;display:flex;align-items:center;justify-content:space-between}:host button.placeholder{color:var(--tds-dropdown-placeholder-color);line-height:1.3}:host button.value{color:var(--tds-dropdown-value-color);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);line-height:1.3}:host button:focus{border-bottom:0}:host button.error{border-bottom:1px solid var(--tds-dropdown-error)}:host button.error:focus{border-bottom-color:transparent}:host button.error:focus::before{content:\"\";position:absolute;bottom:0;left:0;width:100%;height:1px;background:var(--tds-dropdown-error)}:host button:disabled{color:var(--tds-dropdown-disabled-color);border-bottom:1px solid transparent}:host button .menu-icon{margin-right:0}:host .dropdown-select:focus-within{outline:2px solid var(--tds-focus-outline-color);box-shadow:0 0 0 1px var(--tds-white);outline-offset:1px;z-index:1}:host .filter{display:flex;align-items:center;justify-content:space-between;height:100%;background-color:var(--tds-dropdown-bg);border-bottom:1px solid var(--tds-dropdown-border-bottom);padding-left:16px;border-radius:4px 4px 0 0}:host .filter:hover{border-bottom:1px solid var(--tds-dropdown-border-bottom-hover)}:host .filter.disabled{color:var(--tds-dropdown-disabled-color);border-bottom:1px solid transparent}:host .filter.disabled .value-wrapper input{color:var(--tds-dropdown-disabled-color)}:host .filter .value-wrapper{display:flex;width:100%;height:100%}:host .filter .value-wrapper input{color:var(--tds-dropdown-filter-input-color)}:host .filter .label-inside-as-placeholder{position:absolute;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);line-height:1.3;color:var(--tds-dropdown-placeholder-color)}:host .filter .label-inside-as-placeholder.lg{top:20px}:host .filter .label-inside-as-placeholder.md{top:16px}:host .filter .label-inside-as-placeholder.sm{display:none}:host .filter .label-inside-as-placeholder.selected{font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);transition:all 0.2s ease-in-out}:host .filter .label-inside-as-placeholder.selected.lg{top:12px}:host .filter .label-inside-as-placeholder.selected.md{top:8px}:host .filter .label-inside-as-placeholder.selected.sm{display:none}:host .filter .label-inside-as-placeholder.selected+.placeholder:not(.sm){margin-top:8px}:host .filter.focus{border-bottom:0}:host .filter.focus:hover{border-bottom:0}:host .filter.error{border-bottom:1px solid var(--tds-dropdown-error)}:host .filter.error.focus{border-bottom-color:transparent}:host .filter.error.focus::before{content:\"\";position:absolute;bottom:0;left:0;width:100%;height:1px;background:var(--tds-dropdown-error)}:host .filter input{flex:1;all:unset;width:100%}:host .filter input::placeholder{color:var(--tds-dropdown-placeholder-color)}:host .filter input:disabled::placeholder{color:var(--tds-dropdown-disabled-color)}:host .filter tds-icon{cursor:pointer}:host .filter .menu-icon{margin-right:16px}:host .filter .clear-icon{margin:0 8px;color:var(--tds-dropdown-clear-icon-color);padding-right:8px;border-right:1px solid var(--tds-dropdown-clear-icon-color)}:host .filter .clear-icon:hover{color:var(--tds-dropdown-clear-icon-hover-color)}:host .filter .clear-icon.hide{display:none;visibility:hidden}:host,:root{--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{display:block;position:relative;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls)}:host .label-outside{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);color:var(--tds-dropdown-label-color);margin-bottom:8px}:host .label-outside.disabled{color:var(--tds-dropdown-disabled-color)}:host .dropdown-select{position:relative}:host .dropdown-select button:focus{outline:2px solid var(--tds-focus-outline-color);box-shadow:0 0 0 1px var(--tds-white);outline-offset:1px;z-index:1;border-radius:0}:host .dropdown-select button{transition:border-bottom-color var(--tds-motion-duration-fast-02) var(--tds-motion-easing-scania)}:host .dropdown-select button:hover{border-bottom-color:var(--tds-dropdown-border-bottom-hover)}:host .dropdown-select button{border-bottom-color:var(--tds-dropdown-border-bottom)}:host .dropdown-select button.error{border-bottom-color:var(--tds-dropdown-error)}:host .dropdown-select button.error:focus{border-bottom-color:transparent}:host .dropdown-select.disabled .label-inside,:host .dropdown-select.disabled .placeholder,:host .dropdown-select.disabled .label-inside-as-placeholder,:host .dropdown-select.disabled .value-wrapper,:host .dropdown-select.disabled .menu-icon{color:var(--tds-dropdown-disabled-color)}:host .dropdown-select.disabled button{border:none}:host .dropdown-select .label-inside{position:absolute;font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);color:var(--tds-dropdown-label-inside-color)}:host .dropdown-select .label-inside.lg{top:12px;left:16px}:host .dropdown-select .label-inside.md{top:8px;left:16px}:host .dropdown-select .label-inside.sm{display:none}:host .dropdown-select .label-inside.xs{display:none}:host .dropdown-select .label-inside+.placeholder:not(.sm){margin-top:8px}:host .dropdown-select .placeholder{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:var(--tds-placeholder-margin);}:host .dropdown-select .placeholder.xs{line-height:1}:host .dropdown-select .label-inside-as-placeholder{color:var(--tds-dropdown-placeholder-color)}:host .dropdown-select .label-inside-as-placeholder.selected{position:absolute;font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);transition:all 0.2s ease-in-out}:host .dropdown-select .label-inside-as-placeholder.selected.lg{top:12px}:host .dropdown-select .label-inside-as-placeholder.selected.md{top:8px}:host .dropdown-select .label-inside-as-placeholder.selected.sm{display:none}:host .dropdown-select .label-inside-as-placeholder.selected+.placeholder:not(.sm){margin-top:8px}:host .dropdown-select.lg{height:55px}:host .dropdown-select.md{height:47px}:host .dropdown-select.sm{height:39px}:host .dropdown-select.xs{height:29px}:host .helper{margin-top:4px;color:var(--tds-dropdown-helper-color);font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);display:flex;align-items:center;gap:8px}:host .helper.error{color:var(--tds-dropdown-error)}:host .helper.disabled{color:var(--tds-dropdown-disabled-color)}:host .dropdown-list{z-index:100;position:absolute;width:100%;transform-origin:top;box-shadow:0 2px 3px 0 rgba(0, 0, 0, 0.1);border-radius:var(--tds-dropdown-list-border-radius-down);overflow-y:auto;transform:scaleY(0);pointer-events:none;background-color:var(--tds-dropdown-bg)}:host .dropdown-list: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 .dropdown-list::-webkit-scrollbar{width:var(--tds-scrollbar-width)}:host .dropdown-list::-webkit-scrollbar-track{background:var(--tds-scrollbar-track-color)}:host .dropdown-list::-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 .dropdown-list::-webkit-scrollbar-button{height:0;width:0}@supports not selector(::-webkit-scrollbar){:host .dropdown-list{scrollbar-color:var(--tds-scrollbar-thumb-color) var(--tds-scrollbar-track-color);scrollbar-width:var(--tds-scrollbar-width-standard)}}:host .dropdown-list.lg{max-height:312px}:host .dropdown-list.md{max-height:312px}:host .dropdown-list.sm{max-height:260px}:host .dropdown-list.xs{max-height:260px}:host .dropdown-list.up{bottom:100%;margin-top:0;margin-bottom:1px;transform-origin:bottom;display:flex;flex-direction:column-reverse;border-radius:var(--tds-dropdown-list-border-radius-up)}:host .dropdown-list.up.label-outside{bottom:calc(100% - 24px)}:host .dropdown-list.closed{transform:scaleY(0);pointer-events:none}:host .dropdown-list.open{transform:scaleY(1);visibility:visible;opacity:1;pointer-events:auto}:host .dropdown-list.animation-enter-slide{transition:transform var(--tds-motion-duration-moderate-01) var(--tds-motion-easing-enter)}:host .dropdown-list.animation-exit-slide{transition:transform var(--tds-motion-duration-moderate-01) var(--tds-motion-easing-exit)}:host .dropdown-list .no-result{font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);display:flex;align-items:center;padding:0 16px;background-color:var(--tds-dropdown-bg)}:host .dropdown-list .no-result.lg{height:56px}:host .dropdown-list .no-result.md{height:48px}:host .dropdown-list .no-result.sm{height:40px}:host .dropdown-list .no-result.xs{height:40px}:host .menu-icon{color:var(--tds-dropdown-menu-icon-color)}:host tds-icon{transition:transform var(--tds-motion-duration-fast-02) var(--tds-motion-easing-scania)}:host tds-icon.open{transform:rotateZ(180deg)}";
 const TdsDropdownStyle0 = dropdownCss;
 
 function hasValueChanged(newValue, currentValue) {
@@ -120,7 +122,7 @@ const TdsDropdown = class {
         };
         this.getSelectedChildrenLabels = () => {
             var _a;
-            return (_a = this.getSelectedChildren()) === null || _a === void 0 ? void 0 : _a.map((element) => element.textContent.trim());
+            return (_a = this.getSelectedChildren()) === null || _a === void 0 ? void 0 : _a.map((element) => { var _a; return (_a = element.textContent) === null || _a === void 0 ? void 0 : _a.trim(); });
         };
         this.getValue = () => {
             const labels = this.getSelectedChildrenLabels();
@@ -151,6 +153,7 @@ const TdsDropdown = class {
             return this.openDirection;
         };
         this.handleToggleOpen = () => {
+            var _a;
             if (!this.disabled) {
                 this.open = !this.open;
                 if (this.open) {
@@ -158,7 +161,7 @@ const TdsDropdown = class {
                         this.focusInputElement();
                     }
                     else {
-                        const button = this.host.shadowRoot.querySelector('button');
+                        const button = (_a = this.host.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('button');
                         if (button) {
                             button.focus();
                         }
@@ -186,7 +189,8 @@ const TdsDropdown = class {
             }
             else {
                 this.filterResult = children.filter((element) => {
-                    if (!this.normalizeString(element.textContent)
+                    var _a;
+                    if (!this.normalizeString((_a = element === null || element === void 0 ? void 0 : element.textContent) !== null && _a !== void 0 ? _a : '')
                         .toLowerCase()
                         .includes(this.normalizeString(query).toLowerCase())) {
                         element.setAttribute('hidden', '');
@@ -255,10 +259,10 @@ const TdsDropdown = class {
         this.value = null;
         this.tdsAriaLabel = undefined;
         this.open = false;
-        this.internalValue = undefined;
-        this.filterResult = undefined;
-        this.filterFocus = undefined;
-        this.internalDefaultValue = undefined;
+        this.internalValue = '';
+        this.filterResult = null;
+        this.filterFocus = false;
+        this.internalDefaultValue = '';
         this.selectedOptions = [];
         this.filterQuery = '';
     }
@@ -378,10 +382,13 @@ const TdsDropdown = class {
             normalizedValue = [convertToString(value)];
         }
         this.updateDropdownStateFromUser(normalizedValue);
-        return this.getSelectedChildren().map((element) => ({
-            value: element.value,
-            label: element.textContent.trim(),
-        }));
+        return this.getSelectedChildren().map((element) => {
+            var _a;
+            return ({
+                value: element.value,
+                label: (_a = element.textContent) === null || _a === void 0 ? void 0 : _a.trim(),
+            });
+        });
     }
     async reset() {
         this.updateDropdownStateFromUser([]);
@@ -392,13 +399,14 @@ const TdsDropdown = class {
     }
     /** Method that forces focus on the input element. */
     async focusElement() {
+        var _a;
         if (this.filter) {
             // For filter mode, focus the input element
             this.focusInputElement();
         }
         else {
             // For non-filter mode, focus the button element
-            const button = this.host.shadowRoot.querySelector('button');
+            const button = (_a = this.host.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('button');
             if (button) {
                 button.focus();
             }
@@ -450,7 +458,7 @@ const TdsDropdown = class {
         }
     }
     async onKeyDown(event) {
-        var _a;
+        var _a, _b;
         // Get the active element
         const { activeElement } = document;
         if (!activeElement) {
@@ -463,8 +471,11 @@ const TdsDropdown = class {
             const startingIndex = activeElement.nextElementSibling
                 ? children.findIndex((element) => element === activeElement.nextElementSibling)
                 : 0;
-            const elementIndex = findNextFocusableElement(children, startingIndex);
-            children[elementIndex].focus();
+            if (children.length > 0) {
+                const elementIndex = findNextFocusableElement(children, startingIndex);
+                const target = typeof elementIndex === 'number' ? children[elementIndex] : children[0];
+                target === null || target === void 0 ? void 0 : target.focus();
+            }
         }
         else if (event.key === 'ArrowUp') {
             /* Get the index of the current focus index, if there is no
@@ -472,8 +483,11 @@ const TdsDropdown = class {
             const startingIndex = activeElement.nextElementSibling
                 ? this.getChildren().findIndex((element) => element === activeElement.previousElementSibling)
                 : 0;
-            const elementIndex = findPreviousFocusableElement(children, startingIndex);
-            children[elementIndex].focus();
+            if (children.length > 0) {
+                const elementIndex = findPreviousFocusableElement(children, startingIndex);
+                const target = typeof elementIndex === 'number' ? children[elementIndex] : children[children.length - 1];
+                target === null || target === void 0 ? void 0 : target.focus();
+            }
         }
         else if (event.key === 'Escape') {
             this.open = false;
@@ -482,7 +496,7 @@ const TdsDropdown = class {
                 (_a = this.inputElement) === null || _a === void 0 ? void 0 : _a.focus();
             }
             else {
-                const button = this.host.shadowRoot.querySelector('button');
+                const button = (_b = this.host.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('button');
                 button === null || button === void 0 ? void 0 : button.focus();
             }
         }
@@ -568,9 +582,9 @@ const TdsDropdown = class {
         // Generate unique IDs for associating labels and helpers with the input/button
         const labelId = this.label ? `dropdown-label-${this.name || generateUniqueId()}` : undefined;
         const helperId = this.helper ? `dropdown-helper-${this.name || generateUniqueId()}` : undefined;
-        return (h(Host, { key: 'ebb4008f7e27e9f9de603b1dfeb5100f45f0e600', class: {
+        return (h(Host, { key: '1c8d408583a3161231a274bd76a94db4dae111d1', class: {
                 [`tds-mode-variant-${this.modeVariant}`]: Boolean(this.modeVariant),
-            } }, this.label && this.labelPosition === 'outside' && (h("div", { key: '77f30a6ec80264fe89422b8f129e763d2fe2a64c', id: labelId, class: `label-outside ${this.disabled ? 'disabled' : ''}` }, this.label)), h("div", { key: '3d3d3ca87cae2df4f043feb1f6bdbf4482cc4223', class: {
+            } }, this.label && this.labelPosition === 'outside' && (h("div", { key: '710bd61829fb7dc14e07495a1d96a2e74f515276', id: labelId, class: `label-outside ${this.disabled ? 'disabled' : ''}` }, this.label)), h("div", { key: '14818b4fdde47c7117d29bd7438eddc2211c1136', class: {
                 'dropdown-select': true,
                 [this.size]: true,
                 'disabled': this.disabled,
@@ -614,22 +628,23 @@ const TdsDropdown = class {
                     label-inside-as-placeholder
                     ${this.size}
                     ${this.selectedOptions.length ? 'selected' : ''}
-                    ` }, this.label)), h("div", { class: `placeholder ${this.size}` }, this.selectedOptions.length ? this.getValue() : this.placeholder), h("tds-icon", { "aria-label": "Open/Close dropdown", svgTitle: "Open/Close dropdown", class: `menu-icon ${this.open ? 'open' : 'closed'}`, name: "chevron_down", size: "16px" }))))), h("div", { key: '48e96d8ecac8918e11c6e2c0e1321802b61dbf7d', role: "listbox", "aria-label": this.tdsAriaLabel, inert: !this.open, "aria-orientation": "vertical", "aria-multiselectable": this.multiselect, ref: (element) => {
-                this.dropdownList = element;
+                    ` }, this.label)), h("div", { class: `placeholder ${this.size}` }, this.selectedOptions.length ? this.getValue() : this.placeholder), h("tds-icon", { "aria-label": "Open/Close dropdown", svgTitle: "Open/Close dropdown", class: `menu-icon ${this.open ? 'open' : 'closed'}`, name: "chevron_down", size: "16px" }))))), h("div", { key: '90e7de10a3528da4a0e6216b507245d2f95c8d45', role: "listbox", "aria-label": this.tdsAriaLabel, inert: !this.open, "aria-orientation": "vertical", "aria-multiselectable": this.multiselect, ref: (element) => {
+                if (element)
+                    this.dropdownList = element;
             }, class: {
                 'dropdown-list': true,
                 [this.size]: true,
                 [this.getOpenDirection()]: true,
-                'label-outside': this.label && this.labelPosition === 'outside',
+                'label-outside': !!(this.label && this.labelPosition === 'outside'),
                 'open': this.open,
                 'closed': !this.open,
                 [`animation-enter-${this.animation}`]: this.animation !== 'none' && this.open,
                 [`animation-exit-${this.animation}`]: this.animation !== 'none' && !this.open,
-            } }, h("slot", { key: 'd49f3a638a9f6b1b08e3489dffad27151c0c554f', onSlotchange: () => this.handleSlotChange() }), this.filterResult === 0 && this.noResultText !== '' && (h("div", { key: 'b38d308604e30fdb130d72295d2d3f7bf2fb9bd6', class: `no-result ${this.size}` }, this.noResultText))), this.helper && (h("div", { key: '1f8160ac1f0ecdc0d4f29faa31c469a0bd04b0d6', id: helperId, class: {
+            } }, h("slot", { key: 'd57e1b8dd130df19847987b98c46604dc029e691', onSlotchange: () => this.handleSlotChange() }), this.filterResult === 0 && this.noResultText !== '' && (h("div", { key: '14d3025b9eb316dfd37bea42c45b058fa5b18492', class: `no-result ${this.size}` }, this.noResultText))), this.helper && (h("div", { key: 'ec6fe5289476727481a936b32720a62ce8aee3da', id: helperId, class: {
                 helper: true,
                 error: this.error,
                 disabled: this.disabled,
-            } }, this.error && h("tds-icon", { key: '487fb6deb5bd27347b2cd4f607e5488543185894', name: "error", size: "16px" }), this.helper))));
+            } }, this.error && h("tds-icon", { key: 'b1a7f99b383fee70c6bbdd90d65ab773e7b1a976', name: "error", size: "16px" }), this.helper))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {
@@ -669,10 +684,11 @@ const TdsDropdownOption = class {
             this.label = ((_c = this.host.textContent) === null || _c === void 0 ? void 0 : _c.trim()) || '';
         };
         this.handleSingleSelect = () => {
+            var _a, _b;
             if (!this.disabled) {
                 this.selected = true;
-                this.parentElement.appendValue(this.internalValue);
-                this.parentElement.close();
+                (_a = this.parentElement) === null || _a === void 0 ? void 0 : _a.appendValue(this.internalValue);
+                (_b = this.parentElement) === null || _b === void 0 ? void 0 : _b.close();
                 this.tdsSelect.emit({
                     value: this.internalValue,
                     selected: this.selected,
@@ -680,9 +696,10 @@ const TdsDropdownOption = class {
             }
         };
         this.handleMultiselect = (event) => {
+            var _a, _b;
             if (!this.disabled) {
                 if (event.detail.checked) {
-                    this.parentElement.appendValue(this.internalValue);
+                    (_a = this.parentElement) === null || _a === void 0 ? void 0 : _a.appendValue(this.internalValue);
                     this.selected = true;
                     this.tdsSelect.emit({
                         value: this.internalValue,
@@ -690,7 +707,7 @@ const TdsDropdownOption = class {
                     });
                 }
                 else {
-                    this.parentElement.removeValue(this.internalValue);
+                    (_b = this.parentElement) === null || _b === void 0 ? void 0 : _b.removeValue(this.internalValue);
                     this.selected = false;
                     this.tdsSelect.emit({
                         value: this.internalValue,
@@ -715,7 +732,7 @@ const TdsDropdownOption = class {
             }
         };
         this.value = undefined;
-        this.internalValue = undefined;
+        this.internalValue = '';
         this.disabled = false;
         this.tdsAriaLabel = undefined;
         this.selected = false;
@@ -733,13 +750,14 @@ const TdsDropdownOption = class {
         this.internalValue = convertToString(this.value);
     }
     render() {
-        return (h(Host, { key: 'a92f443fccb282309c20c52b9214b6b03b03e7ee' }, h("div", { key: 'b5dcc6cb5cb846adfb79f1e80e39e84ab85022c5', class: `dropdown-option
+        return (h(Host, { key: '5276b572424933484ff6d923e5210dcd647b9554' }, h("div", { key: '5eea7afac6ba6c1badfbc8ccf1f53ceb24df567d', class: `dropdown-option
           ${this.size}
           ${this.selected ? 'selected' : ''}
           ${this.disabled ? 'disabled' : ''}
           ` }, this.multiselect ? (h("div", { class: "multiselect", onKeyDown: (event) => {
+                var _a;
                 if (event.key === 'Escape') {
-                    this.parentElement.close();
+                    (_a = this.parentElement) === null || _a === void 0 ? void 0 : _a.close();
                 }
             } }, h("tds-checkbox", { onTdsChange: (event) => {
                 this.handleMultiselect(event);

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

@@ -37,10 +37,10 @@ const TdsFolderTab = class {
         }
     }
     render() {
-        return (h(Host, { key: '6e0c3e477f033d6d0038d61d55f87d818abcef6e', "aria-selected": this.selected }, h("div", { key: '06f1e0abdbb9bcce20807d67784a0c82754e4d8a', class: {
+        return (h(Host, { key: '4a695d366a2e8e8e5b11b76f4be517c348e55c5b', "aria-selected": this.selected }, h("div", { key: 'b5dc85bc80aede911238d245d41b06ba82143c47', class: {
                 selected: this.selected,
                 disabled: this.disabled,
-            }, style: { width: `${this.tabWidth}px` } }, h("slot", { key: 'bef9798df6d9e27873ac28b481f1b61342dde861' }))));
+            }, style: { width: `${this.tabWidth}px` } }, h("slot", { key: 'a3c58caf8081862b9b89052f30e7100493ea0985' }))));
     }
     get host() { return getElement(this); }
 };

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

@@ -11,6 +11,7 @@ const TdsFolderTabs = class {
         this.componentWidth = 0; // visible width of this component
         this.buttonsWidth = 0; // total width of all nav items combined
         this.scrollWidth = 0; // total amount that is possible to scroll in the nav wrapper
+        this.children = [];
         this.clickHandlers = new WeakMap();
         this.addResizeObserver = () => {
             const resizeObserver = new ResizeObserver((entries) => {
@@ -29,7 +30,8 @@ const TdsFolderTabs = class {
                     this.updateScrollButtons();
                 });
             });
-            resizeObserver.observe(this.navWrapperElement);
+            if (this.navWrapperElement)
+                resizeObserver.observe(this.navWrapperElement);
         };
         this.addEventListenerToTabs = () => {
             this.children = Array.from(this.host.children);
@@ -91,23 +93,32 @@ const TdsFolderTabs = class {
         this.handleSlotChange();
     }
     handleSelectedIndexUpdate() {
-        this.children = Array.from(this.host.children).map((tabElement) => {
+        const tabs = Array.from(this.host.children);
+        this.children = tabs.map((tabElement) => {
             tabElement.setSelected(false);
             return tabElement;
         });
-        this.children[this.selectedIndex].setSelected(true);
+        if (this.selectedIndex) {
+            this.children[this.selectedIndex].setSelected(true);
+        }
     }
     scrollRight() {
+        if (!this.navWrapperElement)
+            return;
         const scroll = this.navWrapperElement.scrollLeft;
         this.navWrapperElement.scrollLeft = scroll + this.buttonsWidth;
         this.evaluateScrollButtons();
     }
     scrollLeft() {
+        if (!this.navWrapperElement)
+            return;
         const scroll = this.navWrapperElement.scrollLeft;
         this.navWrapperElement.scrollLeft = scroll - this.buttonsWidth;
         this.evaluateScrollButtons();
     }
     evaluateScrollButtons() {
+        if (!this.navWrapperElement)
+            return;
         const scroll = this.navWrapperElement.scrollLeft;
         this.showRightScroll = scroll <= this.scrollWidth;
         this.showLeftScroll = scroll > 0;
@@ -165,9 +176,9 @@ const TdsFolderTabs = class {
         this.removeEventListenerFromTabs();
     }
     render() {
-        return (h(Host, { key: '8c8c4916fe50279d530f99d21fef8f4ceb89fe55', role: "tablist", class: `${this.modeVariant ? `tds-mode-variant-${this.modeVariant}` : ''}` }, h("div", { key: '5850bbcf52dfadf7a08dbe420916d98ed6d14b41', class: "wrapper", ref: (el) => {
+        return (h(Host, { key: '093e2804b56cb6c336744551ad4d27d962a34d02', role: "tablist", class: `${this.modeVariant ? `tds-mode-variant-${this.modeVariant}` : ''}` }, h("div", { key: 'eaaa9db902ead14bd581416c661b7c105263e335', class: "wrapper", ref: (el) => {
                 this.navWrapperElement = el;
-            } }, h("button", { key: '9506486a1d6a2415bc8213cf1c0ab8c7789ad82c', "aria-label": this.tdsScrollLeftAriaLabel, class: `scroll-left-button ${this.showLeftScroll ? 'show' : ''}`, disabled: !this.showLeftScroll, onClick: () => this.scrollLeft() }, h("tds-icon", { key: 'e721ba34d2d703bd0ee2fe833e7859f282b6b332', name: "chevron_left", size: "20px" })), h("slot", { key: 'ee2558c4a7d35d8d6355df59b735344151742884', onSlotchange: () => this.handleSlotChange() }), h("button", { key: '6ac20fbd52634a08bd6ef369a45fe0ebb7de9d5d', "aria-label": this.tdsScrollRightAriaLabel, class: `scroll-right-button ${this.showRightScroll ? 'show' : ''}`, disabled: !this.showRightScroll, onClick: () => this.scrollRight() }, h("tds-icon", { key: '20a1096cec8ef7e121200f469761fac9a2a5086d', name: "chevron_right", size: "20px" })))));
+            } }, h("button", { key: '50a7f0455048807c8642ecb66de0d01b7a27ce58', "aria-label": this.tdsScrollLeftAriaLabel, class: `scroll-left-button ${this.showLeftScroll ? 'show' : ''}`, disabled: !this.showLeftScroll, onClick: () => this.scrollLeft() }, h("tds-icon", { key: '411a393ac446ae8224ec8c407b5e1b0adda87098', name: "chevron_left", size: "20px" })), h("slot", { key: 'a534cd27f044a0ac8a03ffb28e20f04cb8eba7a6', onSlotchange: () => this.handleSlotChange() }), h("button", { key: '6284e9746b9dfdc2010ff65b201e39db0e51feda', "aria-label": this.tdsScrollRightAriaLabel, class: `scroll-right-button ${this.showRightScroll ? 'show' : ''}`, disabled: !this.showRightScroll, onClick: () => this.scrollRight() }, h("tds-icon", { key: '6a2e53089c50e1aa03a87af001a685ff9ba059dc', name: "chevron_right", size: "20px" })))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/tds-footer-group.entry.js

@@ -15,16 +15,17 @@ const TdsFooterGroup = class {
         this.titleText = undefined;
         this.tdsListAriaLabel = undefined;
         this.open = false;
-        this.isMobile = undefined;
+        this.isMobile = false;
     }
     updateIsMobile() {
         this.isMobile = window.innerWidth <= 992;
     }
     connectedCallback() {
+        var _a, _b;
         this.updateIsMobile();
-        this.topPartGroup = this.host.parentElement.slot === 'top';
+        this.topPartGroup = ((_a = this.host.parentElement) === null || _a === void 0 ? void 0 : _a.slot) === 'top';
         if (!this.topPartGroup) {
-            this.slotPosition = this.host.parentElement.slot === 'end' ? 'end' : 'start';
+            this.slotPosition = ((_b = this.host.parentElement) === null || _b === void 0 ? void 0 : _b.slot) === 'end' ? 'end' : 'start';
         }
         if (!this.tdsListAriaLabel) {
             console.warn('Tegel Footer Group component: missing tdsListAriaLabel prop');
@@ -42,12 +43,12 @@ const TdsFooterGroup = class {
     }
     render() {
         const hasTitleSlot = hasSlot('title', this.host);
-        return (h(Host, { key: 'ae7d97292dba7bf2054e1833e436dbabec499ed7', "aria-expanded": this.open ? 'true' : 'false' }, h("div", { key: 'e94d8a8f5cdab4eaa1ec72d9d8da2cf3634ddb86', class: this.isMobile ? 'mobile-view' : '' }, this.topPartGroup &&
+        return (h(Host, { key: '96594800603cf0e9cebf94cb567da570df3dfa34', "aria-expanded": this.open ? 'true' : 'false' }, h("div", { key: 'f131ba95fba5cbd3113dfae4ab0c40bfe322f370', class: this.isMobile ? 'mobile-view' : '' }, this.topPartGroup &&
             (this.isMobile ? (h("button", { onClick: () => {
                     this.open = !this.open;
-                }, class: `footer-top-title-button ${this.open ? 'expanded' : 'closed'}` }, hasTitleSlot ? h("slot", { name: "title" }) : this.titleText, h("tds-icon", { name: "chevron_down", size: "20px", "aria-hidden": "true" }))) : (h("div", { class: "footer-top-title" }, hasTitleSlot ? h("slot", { name: "title" }) : this.titleText))), h("nav", { key: 'ab7829753c2e2e80b877470e92f1947d24aefe38', "aria-label": this.tdsListAriaLabel }, h("div", { key: 'e402e251eff4b82e2cfffdb7edc9db3e1c537325', role: "list", class: `${this.slotPosition ? this.slotPosition : ''}
+                }, class: `footer-top-title-button ${this.open ? 'expanded' : 'closed'}` }, hasTitleSlot ? h("slot", { name: "title" }) : this.titleText, h("tds-icon", { name: "chevron_down", size: "20px", "aria-hidden": "true" }))) : (h("div", { class: "footer-top-title" }, hasTitleSlot ? h("slot", { name: "title" }) : this.titleText))), h("nav", { key: 'a7ba1cb22025afa4f11680108e9382cf388d692e', "aria-label": this.tdsListAriaLabel }, h("div", { key: 'af304cf0fe2282b44b86cef3647177d9f89bd928', role: "list", class: `${this.slotPosition ? this.slotPosition : ''}
             ${this.topPartGroup ? 'top-part-child' : ''}
-            ${this.open ? 'expanded' : 'closed'}` }, h("slot", { key: 'd00e9acc84542e2694b6a9aa4b481a2263f79e4b' }))))));
+            ${this.open ? 'expanded' : 'closed'}` }, h("slot", { key: '7117d7f69790dac3baab851edd7bb4420c2f7c3d' }))))));
     }
     get host() { return getElement(this); }
 };

package/dist/esm/tds-footer-item.entry.js

@@ -9,10 +9,14 @@ const TdsFooterItem = class {
         this.parentIsTopPart = false;
     }
     connectedCallback() {
-        this.parentIsTopPart = this.host.closest('tds-footer-group').parentElement.slot === 'top';
+        var _a;
+        const closestGroup = this.host.closest('tds-footer-group');
+        if (closestGroup) {
+            this.parentIsTopPart = ((_a = closestGroup.parentElement) === null || _a === void 0 ? void 0 : _a.slot) === 'top';
+        }
     }
     render() {
-        return (h(Host, { key: 'cc3e94cd085ad62a1933a948014d06da55ffeb35', role: "listitem" }, h("div", { key: '602c0f0ede8f40bfc06e3899adb0afa7941602e3', class: `${this.parentIsTopPart ? 'top-part-child' : ''}` }, h("slot", { key: '2770b612c929deb25895455114d2a6e3a45957a4' }))));
+        return (h(Host, { key: 'ed7e825469fcae5d17af59f0a5f845fcadf8bf89', role: "listitem" }, h("div", { key: '74b64120093b651b91eba2b2dd98c5300a590fae', class: `${this.parentIsTopPart ? 'top-part-child' : ''}` }, h("slot", { key: '84a215c3bc66039e4973337bb2bc7de3dbe5ed77' }))));
     }
     get host() { return getElement(this); }
 };

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

@@ -15,9 +15,9 @@ const TdsFooter = class {
         const usesStartSlot = hasSlot('start', this.host);
         const usesEndSlot = hasSlot('end', this.host);
         const usesCopyrightSlot = hasSlot('copyright', this.host);
-        return (h(Host, { key: 'e3dee2f5ac2caebf6a9585b81cdbdda442562c2b', class: {
+        return (h(Host, { key: 'cc332e8bb49a94ee80c1cbd73552abb0ce4681df', class: {
                 [`tds-mode-variant-${this.modeVariant}`]: this.modeVariant !== null,
-            } }, h("footer", { key: 'a243b3b440fa8cffc51bea0def2c0bd07288cf96' }, usesTopSlot && h("slot", { key: 'db60db3d12a0c34fdb9db66be986d541633e1d9b', name: "top" }), h("div", { key: '1d2881f8acc0789f8769604d72ebdef99961e380', class: "footer-main" }, (usesStartSlot || usesEndSlot) && (h("div", { key: 'c8a1cb2639700b51b39355163b0e8b26d1f82855', class: "footer-main-top" }, usesStartSlot && h("slot", { key: 'e343837536cc838b2382d946b8703821e627e6d1', name: "start" }), usesEndSlot && h("slot", { key: 'a181a6656e88f36b8d724d8ccdab33804bf51f0d', name: "end" }))), h("div", { key: '64178cb80d7e0b38d2d5f8a625c222772fd64741', class: "footer-main-bottom" }, h("small", { key: 'c9b3c7337d031cf4a18d5fad56938d490a0dac1e', class: "copyright" }, usesCopyrightSlot ? h("slot", { name: "copyright" }) : this.copyrightText), h("div", { key: '926e8672dd9d00ae5d0c951d506dc506ea698ed2', class: "brand" }, h("p", { key: '4e110423f7b958b3d427d88016ab18d02c6c8edf' }, "Scania")))))));
+            } }, h("footer", { key: '3bd37308da24350daae97ecac9d5cade3d8b6e24' }, usesTopSlot && h("slot", { key: '17bb2a9db6b27aad3405102fa2a2c1c380a5043f', name: "top" }), h("div", { key: '78bd64db7bac22157a18ebb8792075e6e435d3ba', class: "footer-main" }, (usesStartSlot || usesEndSlot) && (h("div", { key: '25112b84db722b6f4c1674957506f645f70f1fce', class: "footer-main-top" }, usesStartSlot && h("slot", { key: '4cd0f265f684cf7773e6d799f66e87930d223447', name: "start" }), usesEndSlot && h("slot", { key: '172f7326be9a216271e4815c121777c9d929b532', name: "end" }))), h("div", { key: '441c18a7502f94f8c804e0b9bd594f96c8a1b22a', class: "footer-main-bottom" }, h("small", { key: 'cb62fd7f2e38da47f0adb104d44ff6e83e03ce4b', class: "copyright" }, usesCopyrightSlot ? h("slot", { name: "copyright" }) : this.copyrightText), h("div", { key: 'ba85b724529e318a7120c15dfbb885831a41b4f8', class: "brand" }, h("p", { key: '5e4ee4c61f4fbdb8371b92e544c29e600b77ffe9' }, "Scania")))))));
     }
     get host() { return getElement(this); }
 };

package/dist/esm/tds-header-brand-symbol.entry.js

@@ -9,10 +9,10 @@ const TdsHeaderBrandSymbol = class {
     }
     render() {
         const aTag = this.host.querySelector('a');
-        if (!aTag.hasAttribute('aria-label')) {
+        if (!(aTag === null || aTag === void 0 ? void 0 : aTag.hasAttribute('aria-label'))) {
             console.warn('Tegel Header Brand Symbol component: missing aria-label attribute for <a> tag inside slot');
         }
-        return (h(Host, { key: 'b3f7cf4d264f2046844814a80f7b9b6a920b1a1e' }, h("tds-header-item", { key: '0be33ffe57b94442fac4f1e686f87fb1e2f1911d' }, h("slot", { key: '3f7f636bc5f7c1b2ee009c774337d0b41c45e477' }))));
+        return (h(Host, { key: '2692fca9f014e54adafca2cca8e089456d943240' }, h("tds-header-item", { key: '0e31d7f161e6fd60ce217aacc169040628b3748e' }, h("slot", { key: '7bcfa8a38d0725b5127dc6e13dee2d371749c49f' }))));
     }
     get host() { return getElement(this); }
 };

package/dist/esm/tds-header-cell.entry.js

@@ -57,7 +57,7 @@ const TdsTableHeaderCell = class {
         this.textAlign = 'left';
         this.disablePadding = false;
         this.tdsAriaLabelSortButton = '';
-        this.textAlignState = undefined;
+        this.textAlignState = 'left';
         this.sortingDirection = undefined;
         this.sortedByMyKey = false;
         this.verticalDividers = false;
@@ -93,12 +93,14 @@ const TdsTableHeaderCell = class {
         }
     }
     connectedCallback() {
+        var _a;
         this.tableEl = this.host.closest('tds-table');
-        this.tableId = this.tableEl.tableId;
+        this.tableId = (_a = this.tableEl) === null || _a === void 0 ? void 0 : _a.tableId;
     }
     componentWillLoad() {
         relevantTableProps.forEach((tablePropName) => {
-            this[tablePropName] = this.tableEl[tablePropName];
+            var _a;
+            this[tablePropName] = (_a = this.tableEl) === null || _a === void 0 ? void 0 : _a[tablePropName];
         });
     }
     componentWillRender() {
@@ -108,8 +110,11 @@ const TdsTableHeaderCell = class {
             : 'left';
         // To enable body cells text align per rules set in head cell
         this.internalTdsTextAlign.emit([this.tableId, this.cellKey, this.textAlignState]);
-        this.enableToolbarDesign =
-            this.host.closest('tds-table').getElementsByTagName('tds-table-toolbar').length >= 1;
+        const closesetTable = this.host.closest('tds-table');
+        if (closesetTable) {
+            this.enableToolbarDesign =
+                closesetTable.getElementsByTagName('tds-table-toolbar').length >= 1;
+        }
     }
     getAriaSort() {
         if (this.sortingDirection === 'asc')
@@ -119,7 +124,7 @@ const TdsTableHeaderCell = class {
         return 'none';
     }
     render() {
-        return (h(Host, { key: 'f128527938679fe448019802ea76cda1a57d75be', class: {
+        return (h(Host, { key: '4df64a3d4a0ef86b377db355cfc149daf9b246b5', class: {
                 'tds-table__header-cell': true,
                 'tds-table__header-cell--sortable': this.sortable,
                 'tds-table__header-cell--is-sorted': this.sortedByMyKey,

package/dist/esm/tds-header-dropdown-list-item.entry.js

@@ -10,10 +10,10 @@ const TdsHeaderDropdownListItem = class {
         this.size = 'md';
     }
     render() {
-        return (h(Host, { key: 'a77c76be838a9f7036fe712b86cdf2f5b3c0c46f' }, h("div", { key: 'a3740446c4fed86228fa14ecb20b99b2c707f97b', class: {
+        return (h(Host, { key: 'f44417356b72d471bc6b9da6f05a92ee847492fd' }, h("div", { key: '4b3d24be55310e85146c89ac249bc6d100be4c6c', class: {
                 'component': true,
                 'component-selected': this.selected,
-            } }, h("slot", { key: '0a037fd8059aa356ed9885e3e06d391f876e2fc3' }))));
+            } }, h("slot", { key: '2a37b399064d6f5ca3cc15417f48d60380d6b6dc' }))));
     }
     get host() { return getElement(this); }
 };

package/dist/esm/tds-header-dropdown-list-user.entry.js

@@ -12,7 +12,7 @@ const TdsHeaderDropdownListLgUser = class {
         this.subheader = undefined;
     }
     render() {
-        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" }))))));
+        return (h(Host, { key: 'bdfa5d85ce7d9d75006496af94329a1721628b4f', role: "listitem" }, h("div", { key: '0f757d820aa3e96a1e98f7ae395660ba17e82576', class: "user-box" }, this.imgUrl && h("img", { key: 'c03f2089edefa01b766635e43d81f5b22a58f70d', src: this.imgUrl, alt: this.imgAlt }), h("slot", { key: 'c5eff329fa6100258a2c7d237ec076a139f2b00b', name: "thumbanil" }), h("div", { key: '0c097b9c1488f007ee8cd3e3490f9a3e85fac8f3', class: "user-content" }, h("div", { key: '3f1caac67dcd08d0bf5187ffe49c59ab3873822f', class: "header" }, this.header, h("slot", { key: '59fbd4a5b4d85e15de10b55376b6c54f4b3800c7', name: "header" })), h("div", { key: '82716ea4715e64e3c9d3ad3144b7af2821be5e8b', class: "subheader" }, this.subheader, h("slot", { key: '0574e77cf1d4a1651710811a0216bab7c24a11ed', name: "subheader" }))))));
     }
     get host() { return getElement(this); }
 };