@scania/tegel 1.25.0 → 1.26.0

package/dist/components/tds-datetime.js

@@ -1,7 +1,7 @@
 import { p as proxyCustomElement, H, d as createEvent, h } from './p-28ef5186.js';
-import { d as defineCustomElement$2 } from './p-ad77fb02.js';
+import { d as defineCustomElement$2 } from './p-a2b7bdef.js';
 
-const datetimeCss = ".tds-datetime-input[type=datetime-local].sc-tds-datetime~.icon-time.sc-tds-datetime,.tds-datetime-input-md[type=datetime-local].sc-tds-datetime~.icon-time.sc-tds-datetime,.tds-datetime-input-sm[type=datetime-local].sc-tds-datetime~.icon-time.sc-tds-datetime{display:none}.tds-datetime-input[type=date].sc-tds-datetime~.icon-time.sc-tds-datetime,.tds-datetime-input-md[type=date].sc-tds-datetime~.icon-time.sc-tds-datetime,.tds-datetime-input-sm[type=date].sc-tds-datetime~.icon-time.sc-tds-datetime{display:none}.tds-datetime-input[type=time].sc-tds-datetime~.icon-datetime-local.sc-tds-datetime,.tds-datetime-input-md[type=time].sc-tds-datetime~.icon-datetime-local.sc-tds-datetime,.tds-datetime-input-sm[type=time].sc-tds-datetime~.icon-datetime-local.sc-tds-datetime{display:none}.tds-datetime-input.sc-tds-datetime{box-sizing:border-box;border-radius:4px 4px 0 0;width:100%;box-sizing:border-box;margin:0;border:none;outline:none;height:100%;color:var(--tds-datetime-color);background-color:var(--tds-datetime-background);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);padding:var(--tds-spacing-element-20) var(--tds-spacing-element-16)}.tds-datetime-input.sc-tds-datetime *.sc-tds-datetime{box-sizing:border-box}.tds-datetime-input.sc-tds-datetime::placeholder{opacity:1;color:var(--tds-datetime-placeholder)}.tds-datetime-input.sc-tds-datetime:focus::placeholder{color:var(--tds-datetime-placeholder-color-focus)}.tds-datetime-input.sc-tds-datetime:disabled{background-color:var(--tds-datetime-background-disabled);color:var(--tds-datetime-color-disabled);cursor:not-allowed}.tds-datetime-input.sc-tds-datetime:disabled::placeholder{color:var(--tds-datetime-placeholder-disabled)}.tds-datetime-input.sc-tds-datetime:disabled~.tds-datetime-label-inside.sc-tds-datetime{color:var(--tds-datetime-label-disabled)}.tds-datetime-input-md.sc-tds-datetime{box-sizing:border-box;border-radius:4px 4px 0 0;width:100%;box-sizing:border-box;margin:0;border:none;outline:none;height:100%;color:var(--tds-datetime-color);background-color:var(--tds-datetime-background);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);padding:var(--tds-spacing-element-16)}.tds-datetime-input-md.sc-tds-datetime *.sc-tds-datetime{box-sizing:border-box}.tds-datetime-input-md.sc-tds-datetime::placeholder{opacity:1;color:var(--tds-datetime-placeholder)}.tds-datetime-input-md.sc-tds-datetime:focus::placeholder{color:var(--tds-datetime-placeholder-color-focus)}.tds-datetime-input-md.sc-tds-datetime:disabled{background-color:var(--tds-datetime-background-disabled);color:var(--tds-datetime-color-disabled);cursor:not-allowed}.tds-datetime-input-md.sc-tds-datetime:disabled::placeholder{color:var(--tds-datetime-placeholder-disabled)}.tds-datetime-input-md.sc-tds-datetime:disabled~.tds-datetime-label-inside.sc-tds-datetime{color:var(--tds-datetime-label-disabled)}.tds-datetime-input-sm.sc-tds-datetime{box-sizing:border-box;border-radius:4px 4px 0 0;width:100%;box-sizing:border-box;margin:0;border:none;outline:none;height:100%;color:var(--tds-datetime-color);background-color:var(--tds-datetime-background);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);padding:var(--tds-spacing-element-16)}.tds-datetime-input-sm.sc-tds-datetime *.sc-tds-datetime{box-sizing:border-box}.tds-datetime-input-sm.sc-tds-datetime::placeholder{opacity:1;color:var(--tds-datetime-placeholder)}.tds-datetime-input-sm.sc-tds-datetime:focus::placeholder{color:var(--tds-datetime-placeholder-color-focus)}.tds-datetime-input-sm.sc-tds-datetime:disabled{background-color:var(--tds-datetime-background-disabled);color:var(--tds-datetime-color-disabled);cursor:not-allowed}.tds-datetime-input-sm.sc-tds-datetime:disabled::placeholder{color:var(--tds-datetime-placeholder-disabled)}.tds-datetime-input-sm.sc-tds-datetime:disabled~.tds-datetime-label-inside.sc-tds-datetime{color:var(--tds-datetime-label-disabled)}.tds-datetime-container.sc-tds-datetime{border-radius:4px 4px 0 0;display:flex;position:relative;height:56px;box-sizing:border-box;background-color:var(--tds-datetime-background);border-bottom:1px solid var(--tds-datetime-border-bottom);transition:border-bottom-color 200ms ease}.tds-datetime-container.sc-tds-datetime:hover{border-bottom-color:var(--tds-datetime-border-bottom-hover)}.tds-form-datetime-md.sc-tds-datetime .tds-datetime-container.sc-tds-datetime{height:48px}.tds-form-datetime-sm.sc-tds-datetime .tds-datetime-container.sc-tds-datetime{height:40px}.tds-datetime-input-container.sc-tds-datetime{position:relative;width:100%}.tds-datetime-input-container.sc-tds-datetime .datetime-icon.sc-tds-datetime{height:20px;width:20px;position:absolute;top:50%;transform:translateY(-50%);right:18px;pointer-events:none;color:var(--tds-datetime-icon)}.tds-datetime-label.sc-tds-datetime{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);display:block;margin-bottom:var(--tds-spacing-element-8);color:var(--tds-datetime-label-color)}.tds-datetime-label-inside.sc-tds-datetime{font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);position:absolute;pointer-events:none;color:var(--tds-datetime-label-inside-color);left:16px}.tds-form-datetime.sc-tds-datetime{display:block;min-width:208px;background:unset}.tds-form-datetime-nomin.sc-tds-datetime{min-width:auto}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input.sc-tds-datetime{padding-top:var(--tds-spacing-element-24);padding-bottom:15px}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input.sc-tds-datetime~.tds-datetime-label-inside.sc-tds-datetime{top:20px}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input.sc-tds-datetime::placeholder{color:transparent}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input.sc-tds-datetime .sc-tds-datetime::placeholder{color:transparent}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input.sc-tds-datetime:focus::placeholder{transition:color 0.35s ease;color:var(--tds-datetime-placeholder-color-focus)}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input-md.sc-tds-datetime{padding-top:var(--tds-spacing-element-20);padding-bottom:11px}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input-md.sc-tds-datetime~.tds-datetime-label-inside.sc-tds-datetime{top:16px}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input-md.sc-tds-datetime::placeholder{color:transparent}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input-md.sc-tds-datetime .sc-tds-datetime::placeholder{color:transparent}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input-md.sc-tds-datetime:focus::placeholder{transition:color 0.35s ease;color:var(--tds-datetime-placeholder-color-focus)}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input-sm.sc-tds-datetime{padding-top:var(--tds-spacing-element-20);padding-bottom:11px}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input-sm.sc-tds-datetime~.tds-datetime-label-inside.sc-tds-datetime{top:16px}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input-sm.sc-tds-datetime::placeholder{color:transparent}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input-sm.sc-tds-datetime .sc-tds-datetime::placeholder{color:transparent}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input-sm.sc-tds-datetime:focus::placeholder{transition:color 0.35s ease;color:var(--tds-datetime-placeholder-color-focus)}.tds-form-datetime.tds-datetime-container-label-inside.tds-datetime-focus.sc-tds-datetime .tds-datetime-input-sm.sc-tds-datetime~.tds-datetime-label-inside.sc-tds-datetime,.tds-form-datetime.tds-datetime-container-label-inside.tds-datetime-data.sc-tds-datetime .tds-datetime-input-sm.sc-tds-datetime~.tds-datetime-label-inside.sc-tds-datetime{font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);transition:0.1s ease all;top:8px}.tds-form-datetime.tds-datetime-container-label-inside.tds-datetime-focus.sc-tds-datetime .tds-datetime-input-md.sc-tds-datetime~.tds-datetime-label-inside.sc-tds-datetime,.tds-form-datetime.tds-datetime-container-label-inside.tds-datetime-data.sc-tds-datetime .tds-datetime-input-md.sc-tds-datetime~.tds-datetime-label-inside.sc-tds-datetime{font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);transition:0.1s ease all;top:8px}.tds-form-datetime.tds-datetime-container-label-inside.tds-datetime-focus.sc-tds-datetime .tds-datetime-input.sc-tds-datetime~.tds-datetime-label-inside.sc-tds-datetime,.tds-form-datetime.tds-datetime-container-label-inside.tds-datetime-data.sc-tds-datetime .tds-datetime-input.sc-tds-datetime~.tds-datetime-label-inside.sc-tds-datetime{font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);transition:0.1s ease all;top:12px}.tds-datetime-bar.sc-tds-datetime{position:absolute;width:100%}.tds-datetime-bar.sc-tds-datetime::before,.tds-datetime-bar.sc-tds-datetime::after{content:\"\";height:2px;top:54px;width:0;position:absolute;background:var(--tds-datetime-bar);transition:0.35s ease all}.tds-form-datetime-md.sc-tds-datetime .tds-datetime-bar.sc-tds-datetime::before,.tds-form-datetime-md.sc-tds-datetime .tds-datetime-bar.sc-tds-datetime::after{top:46px}.tds-form-datetime-sm.sc-tds-datetime .tds-datetime-bar.sc-tds-datetime::before,.tds-form-datetime-sm.sc-tds-datetime .tds-datetime-bar.sc-tds-datetime::after{top:40px}.tds-datetime-bar.sc-tds-datetime::before{left:50%}.tds-datetime-bar.sc-tds-datetime::after{right:50%}.tds-datetime-focus.sc-tds-datetime .tds-datetime-bar.sc-tds-datetime::before,.tds-datetime-focus.sc-tds-datetime .tds-datetime-bar.sc-tds-datetime::after{width:50%}.tds-datetime-helper.sc-tds-datetime{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);display:block;flex-basis:100%;padding-top:var(--tds-spacing-element-4);color:var(--tds-datetime-helper)}.tds-datetime-helper.sc-tds-datetime .tds-helper.sc-tds-datetime{display:inline-flex;gap:8px}.tds-form-datetime-disabled.sc-tds-datetime .tds-datetime-container.sc-tds-datetime{border-bottom-color:transparent}.tds-form-datetime-disabled.sc-tds-datetime .datetime-icon.sc-tds-datetime tds-icon.sc-tds-datetime{color:var(--tds-datetime-icon-disabled)}.tds-form-datetime-disabled.sc-tds-datetime .tds-datetime-label.sc-tds-datetime{color:var(--tds-datetime-label-disabled);cursor:not-allowed}.tds-form-datetime-success.sc-tds-datetime .tds-datetime-container.sc-tds-datetime{border-bottom-color:var(--tds-datetime-border-bottom-success);color:var(--tds-datetime-color-success)}.tds-form-datetime-success.sc-tds-datetime .tds-datetime-bar.sc-tds-datetime::before,.tds-form-datetime-success.sc-tds-datetime .tds-datetime-bar.sc-tds-datetime::after{background:var(--tds-datetime-bar-sucess)}.tds-form-datetime-error.sc-tds-datetime .tds-datetime-helper.sc-tds-datetime{color:var(--tds-datetime-helper-error)}.tds-form-datetime-error.sc-tds-datetime .tds-datetime-container.sc-tds-datetime{border-bottom-color:var(--tds-datetime-border-bottom-error)}.tds-form-datetime-error.sc-tds-datetime .tds-datetime-bar.sc-tds-datetime::before,.tds-form-datetime-error.sc-tds-datetime .tds-datetime-bar.sc-tds-datetime::after{background:var(--tds-datetime-bar-error)}.tds-form-datetime-error.sc-tds-datetime .datetime-icon.sc-tds-datetime tds-icon.sc-tds-datetime{color:var(--tds-datetime-icon-error)}.tds-datetime-textcounter.sc-tds-datetime{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);color:var(--tds-datetime-textcounter);float:right}.tds-datetime-textcounter.sc-tds-datetime .tds-datetime-textcounter-divider.sc-tds-datetime{letter-spacing:var(--tds-detail-05-ls);color:var(--tds-datetime-textcounter-divider)}input[type=datetime-local].sc-tds-datetime::-webkit-inner-spin-button,input[type=datetime-local].sc-tds-datetime::-webkit-calendar-picker-indicator{opacity:0}input[type=date].sc-tds-datetime::-webkit-inner-spin-button,input[type=date].sc-tds-datetime::-webkit-calendar-picker-indicator{opacity:0}input[type=time].sc-tds-datetime::-webkit-inner-spin-button,input[type=time].sc-tds-datetime::-webkit-calendar-picker-indicator{opacity:0}";
+const datetimeCss = ".tds-datetime-input[type=datetime-local].sc-tds-datetime~.icon-time.sc-tds-datetime,.tds-datetime-input-md[type=datetime-local].sc-tds-datetime~.icon-time.sc-tds-datetime,.tds-datetime-input-sm[type=datetime-local].sc-tds-datetime~.icon-time.sc-tds-datetime{display:none}.tds-datetime-input[type=date].sc-tds-datetime~.icon-time.sc-tds-datetime,.tds-datetime-input-md[type=date].sc-tds-datetime~.icon-time.sc-tds-datetime,.tds-datetime-input-sm[type=date].sc-tds-datetime~.icon-time.sc-tds-datetime{display:none}.tds-datetime-input[type=month].sc-tds-datetime~.icon-time.sc-tds-datetime,.tds-datetime-input-md[type=month].sc-tds-datetime~.icon-time.sc-tds-datetime,.tds-datetime-input-sm[type=month].sc-tds-datetime~.icon-time.sc-tds-datetime{display:none}.tds-datetime-input[type=week].sc-tds-datetime~.icon-time.sc-tds-datetime,.tds-datetime-input-md[type=week].sc-tds-datetime~.icon-time.sc-tds-datetime,.tds-datetime-input-sm[type=week].sc-tds-datetime~.icon-time.sc-tds-datetime{display:none}.tds-datetime-input[type=time].sc-tds-datetime~.icon-datetime-local.sc-tds-datetime,.tds-datetime-input-md[type=time].sc-tds-datetime~.icon-datetime-local.sc-tds-datetime,.tds-datetime-input-sm[type=time].sc-tds-datetime~.icon-datetime-local.sc-tds-datetime{display:none}.tds-datetime-input.sc-tds-datetime{box-sizing:border-box;border-radius:4px 4px 0 0;width:100%;box-sizing:border-box;margin:0;border:none;outline:none;height:100%;color:var(--tds-datetime-color);background-color:var(--tds-datetime-background);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);padding:var(--tds-spacing-element-20) var(--tds-spacing-element-16)}.tds-datetime-input.sc-tds-datetime *.sc-tds-datetime{box-sizing:border-box}.tds-datetime-input.sc-tds-datetime::placeholder{opacity:1;color:var(--tds-datetime-placeholder)}.tds-datetime-input.sc-tds-datetime:focus::placeholder{color:var(--tds-datetime-placeholder-color-focus)}.tds-datetime-input.sc-tds-datetime:disabled{background-color:var(--tds-datetime-background-disabled);color:var(--tds-datetime-color-disabled);cursor:not-allowed}.tds-datetime-input.sc-tds-datetime:disabled::placeholder{color:var(--tds-datetime-placeholder-disabled)}.tds-datetime-input.sc-tds-datetime:disabled~.tds-datetime-label-inside.sc-tds-datetime{color:var(--tds-datetime-label-disabled)}.tds-datetime-input-md.sc-tds-datetime{box-sizing:border-box;border-radius:4px 4px 0 0;width:100%;box-sizing:border-box;margin:0;border:none;outline:none;height:100%;color:var(--tds-datetime-color);background-color:var(--tds-datetime-background);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);padding:var(--tds-spacing-element-16)}.tds-datetime-input-md.sc-tds-datetime *.sc-tds-datetime{box-sizing:border-box}.tds-datetime-input-md.sc-tds-datetime::placeholder{opacity:1;color:var(--tds-datetime-placeholder)}.tds-datetime-input-md.sc-tds-datetime:focus::placeholder{color:var(--tds-datetime-placeholder-color-focus)}.tds-datetime-input-md.sc-tds-datetime:disabled{background-color:var(--tds-datetime-background-disabled);color:var(--tds-datetime-color-disabled);cursor:not-allowed}.tds-datetime-input-md.sc-tds-datetime:disabled::placeholder{color:var(--tds-datetime-placeholder-disabled)}.tds-datetime-input-md.sc-tds-datetime:disabled~.tds-datetime-label-inside.sc-tds-datetime{color:var(--tds-datetime-label-disabled)}.tds-datetime-input-sm.sc-tds-datetime{box-sizing:border-box;border-radius:4px 4px 0 0;width:100%;box-sizing:border-box;margin:0;border:none;outline:none;height:100%;color:var(--tds-datetime-color);background-color:var(--tds-datetime-background);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);padding:var(--tds-spacing-element-16)}.tds-datetime-input-sm.sc-tds-datetime *.sc-tds-datetime{box-sizing:border-box}.tds-datetime-input-sm.sc-tds-datetime::placeholder{opacity:1;color:var(--tds-datetime-placeholder)}.tds-datetime-input-sm.sc-tds-datetime:focus::placeholder{color:var(--tds-datetime-placeholder-color-focus)}.tds-datetime-input-sm.sc-tds-datetime:disabled{background-color:var(--tds-datetime-background-disabled);color:var(--tds-datetime-color-disabled);cursor:not-allowed}.tds-datetime-input-sm.sc-tds-datetime:disabled::placeholder{color:var(--tds-datetime-placeholder-disabled)}.tds-datetime-input-sm.sc-tds-datetime:disabled~.tds-datetime-label-inside.sc-tds-datetime{color:var(--tds-datetime-label-disabled)}.tds-datetime-container.sc-tds-datetime{border-radius:4px 4px 0 0;display:flex;position:relative;height:56px;box-sizing:border-box;background-color:var(--tds-datetime-background);border-bottom:1px solid var(--tds-datetime-border-bottom);transition:border-bottom-color 200ms ease}.tds-datetime-container.sc-tds-datetime:hover{border-bottom-color:var(--tds-datetime-border-bottom-hover)}.tds-form-datetime-md.sc-tds-datetime .tds-datetime-container.sc-tds-datetime{height:48px}.tds-form-datetime-sm.sc-tds-datetime .tds-datetime-container.sc-tds-datetime{height:40px}.tds-datetime-input-container.sc-tds-datetime{position:relative;width:100%}.tds-datetime-input-container.sc-tds-datetime .datetime-icon.sc-tds-datetime{height:20px;width:20px;position:absolute;top:50%;transform:translateY(-50%);right:18px;pointer-events:none;color:var(--tds-datetime-icon)}.tds-datetime-label.sc-tds-datetime{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);display:block;margin-bottom:var(--tds-spacing-element-8);color:var(--tds-datetime-label-color)}.tds-datetime-label-inside.sc-tds-datetime{font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);position:absolute;pointer-events:none;color:var(--tds-datetime-label-inside-color);left:16px}.tds-form-datetime.sc-tds-datetime{display:block;min-width:208px;background:unset}.tds-form-datetime-nomin.sc-tds-datetime{min-width:auto}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input.sc-tds-datetime{padding-top:var(--tds-spacing-element-24);padding-bottom:15px}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input.sc-tds-datetime~.tds-datetime-label-inside.sc-tds-datetime{top:20px}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input.sc-tds-datetime::placeholder{color:transparent}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input.sc-tds-datetime .sc-tds-datetime::placeholder{color:transparent}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input.sc-tds-datetime:focus::placeholder{transition:color 0.35s ease;color:var(--tds-datetime-placeholder-color-focus)}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input-md.sc-tds-datetime{padding-top:var(--tds-spacing-element-20);padding-bottom:11px}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input-md.sc-tds-datetime~.tds-datetime-label-inside.sc-tds-datetime{top:16px}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input-md.sc-tds-datetime::placeholder{color:transparent}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input-md.sc-tds-datetime .sc-tds-datetime::placeholder{color:transparent}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input-md.sc-tds-datetime:focus::placeholder{transition:color 0.35s ease;color:var(--tds-datetime-placeholder-color-focus)}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input-sm.sc-tds-datetime{padding-top:var(--tds-spacing-element-20);padding-bottom:11px}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input-sm.sc-tds-datetime~.tds-datetime-label-inside.sc-tds-datetime{top:16px}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input-sm.sc-tds-datetime::placeholder{color:transparent}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input-sm.sc-tds-datetime .sc-tds-datetime::placeholder{color:transparent}.tds-form-datetime.tds-datetime-container-label-inside.sc-tds-datetime .tds-datetime-input-sm.sc-tds-datetime:focus::placeholder{transition:color 0.35s ease;color:var(--tds-datetime-placeholder-color-focus)}.tds-form-datetime.tds-datetime-container-label-inside.tds-datetime-focus.sc-tds-datetime .tds-datetime-input-sm.sc-tds-datetime~.tds-datetime-label-inside.sc-tds-datetime,.tds-form-datetime.tds-datetime-container-label-inside.tds-datetime-data.sc-tds-datetime .tds-datetime-input-sm.sc-tds-datetime~.tds-datetime-label-inside.sc-tds-datetime{font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);transition:0.1s ease all;top:8px}.tds-form-datetime.tds-datetime-container-label-inside.tds-datetime-focus.sc-tds-datetime .tds-datetime-input-md.sc-tds-datetime~.tds-datetime-label-inside.sc-tds-datetime,.tds-form-datetime.tds-datetime-container-label-inside.tds-datetime-data.sc-tds-datetime .tds-datetime-input-md.sc-tds-datetime~.tds-datetime-label-inside.sc-tds-datetime{font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);transition:0.1s ease all;top:8px}.tds-form-datetime.tds-datetime-container-label-inside.tds-datetime-focus.sc-tds-datetime .tds-datetime-input.sc-tds-datetime~.tds-datetime-label-inside.sc-tds-datetime,.tds-form-datetime.tds-datetime-container-label-inside.tds-datetime-data.sc-tds-datetime .tds-datetime-input.sc-tds-datetime~.tds-datetime-label-inside.sc-tds-datetime{font:var(--tds-detail-07);letter-spacing:var(--tds-detail-07-ls);transition:0.1s ease all;top:12px}.tds-datetime-bar.sc-tds-datetime{position:absolute;width:100%}.tds-datetime-bar.sc-tds-datetime::before,.tds-datetime-bar.sc-tds-datetime::after{content:\"\";height:2px;top:54px;width:0;position:absolute;background:var(--tds-datetime-bar);transition:0.35s ease all}.tds-form-datetime-md.sc-tds-datetime .tds-datetime-bar.sc-tds-datetime::before,.tds-form-datetime-md.sc-tds-datetime .tds-datetime-bar.sc-tds-datetime::after{top:46px}.tds-form-datetime-sm.sc-tds-datetime .tds-datetime-bar.sc-tds-datetime::before,.tds-form-datetime-sm.sc-tds-datetime .tds-datetime-bar.sc-tds-datetime::after{top:40px}.tds-datetime-bar.sc-tds-datetime::before{left:50%}.tds-datetime-bar.sc-tds-datetime::after{right:50%}.tds-datetime-focus.sc-tds-datetime .tds-datetime-bar.sc-tds-datetime::before,.tds-datetime-focus.sc-tds-datetime .tds-datetime-bar.sc-tds-datetime::after{width:50%}.tds-datetime-helper.sc-tds-datetime{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);display:block;flex-basis:100%;padding-top:var(--tds-spacing-element-4);color:var(--tds-datetime-helper)}.tds-datetime-helper.sc-tds-datetime .tds-helper.sc-tds-datetime{display:inline-flex;gap:8px}.tds-form-datetime-disabled.sc-tds-datetime .tds-datetime-container.sc-tds-datetime{border-bottom-color:transparent}.tds-form-datetime-disabled.sc-tds-datetime .datetime-icon.sc-tds-datetime tds-icon.sc-tds-datetime{color:var(--tds-datetime-icon-disabled)}.tds-form-datetime-disabled.sc-tds-datetime .tds-datetime-label.sc-tds-datetime{color:var(--tds-datetime-label-disabled);cursor:not-allowed}.tds-form-datetime-success.sc-tds-datetime .tds-datetime-container.sc-tds-datetime{border-bottom-color:var(--tds-datetime-border-bottom-success);color:var(--tds-datetime-color-success)}.tds-form-datetime-success.sc-tds-datetime .tds-datetime-bar.sc-tds-datetime::before,.tds-form-datetime-success.sc-tds-datetime .tds-datetime-bar.sc-tds-datetime::after{background:var(--tds-datetime-bar-sucess)}.tds-form-datetime-error.sc-tds-datetime .tds-datetime-helper.sc-tds-datetime{color:var(--tds-datetime-helper-error)}.tds-form-datetime-error.sc-tds-datetime .tds-datetime-container.sc-tds-datetime{border-bottom-color:var(--tds-datetime-border-bottom-error)}.tds-form-datetime-error.sc-tds-datetime .tds-datetime-bar.sc-tds-datetime::before,.tds-form-datetime-error.sc-tds-datetime .tds-datetime-bar.sc-tds-datetime::after{background:var(--tds-datetime-bar-error)}.tds-form-datetime-error.sc-tds-datetime .datetime-icon.sc-tds-datetime tds-icon.sc-tds-datetime{color:var(--tds-datetime-icon-error)}.tds-datetime-textcounter.sc-tds-datetime{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);color:var(--tds-datetime-textcounter);float:right}.tds-datetime-textcounter.sc-tds-datetime .tds-datetime-textcounter-divider.sc-tds-datetime{letter-spacing:var(--tds-detail-05-ls);color:var(--tds-datetime-textcounter-divider)}input[type=datetime-local].sc-tds-datetime::-webkit-inner-spin-button,input[type=datetime-local].sc-tds-datetime::-webkit-calendar-picker-indicator{opacity:0}input[type=date].sc-tds-datetime::-webkit-inner-spin-button,input[type=date].sc-tds-datetime::-webkit-calendar-picker-indicator{opacity:0}input[type=month].sc-tds-datetime::-webkit-inner-spin-button,input[type=month].sc-tds-datetime::-webkit-calendar-picker-indicator{opacity:0}input[type=week].sc-tds-datetime::-webkit-inner-spin-button,input[type=week].sc-tds-datetime::-webkit-calendar-picker-indicator{opacity:0}input[type=time].sc-tds-datetime::-webkit-inner-spin-button,input[type=time].sc-tds-datetime::-webkit-calendar-picker-indicator{opacity:0}";
 const TdsDatetimeStyle0 = datetimeCss;
 
 const TdsDatetime$1 = /*@__PURE__*/ proxyCustomElement(class TdsDatetime extends H {
@@ -16,6 +16,7 @@ const TdsDatetime$1 = /*@__PURE__*/ proxyCustomElement(class TdsDatetime extends
             const dateTimeObj = {
                 year: this.defaultValue.slice(0, 4),
                 month: this.defaultValue.slice(5, 7),
+                week: this.defaultValue.slice(6, 8),
                 day: this.defaultValue.slice(8, 10),
                 hours: this.defaultValue.slice(11, 13),
                 minutes: this.defaultValue.slice(14, 16),
@@ -25,6 +26,10 @@ const TdsDatetime$1 = /*@__PURE__*/ proxyCustomElement(class TdsDatetime extends
                     return `${dateTimeObj.year}-${dateTimeObj.month}-${dateTimeObj.day}T${dateTimeObj.hours}:${dateTimeObj.minutes}`;
                 case 'date':
                     return `${dateTimeObj.year}-${dateTimeObj.month}-${dateTimeObj.day}`;
+                case 'month':
+                    return `${dateTimeObj.year}-${dateTimeObj.month}`;
+                case 'week':
+                    return `${dateTimeObj.year}-W${dateTimeObj.week}`;
                 case 'time':
                     return `${this.defaultValue.slice(0, 2)}:${this.defaultValue.slice(3, 5)}`;
                 default:
@@ -93,7 +98,7 @@ const TdsDatetime$1 = /*@__PURE__*/ proxyCustomElement(class TdsDatetime extends
     }
     /** Method that resets the dateteime without emitting an event. */
     internalReset() {
-        let value = '';
+        const value = '';
         if (this.defaultValue !== 'none') {
             this.value = this.getDefaultValue();
         }
@@ -107,17 +112,19 @@ const TdsDatetime$1 = /*@__PURE__*/ proxyCustomElement(class TdsDatetime extends
         if (this.size === 'sm') {
             className += `${className}-sm`;
         }
-        return (h("div", { key: 'c09955258fa6a87c07efe2c4c327c72eb34688d8', class: `
-        ${this.noMinWidth ? 'tds-form-datetime-nomin' : ''}
-        ${this.focusInput ? 'tds-form-datetime tds-datetime-focus' : ' tds-form-datetime'}
-        ${this.value.length > 0 ? 'tds-datetime-data' : ''}
-        ${this.disabled ? 'tds-form-datetime-disabled' : ''}
-        ${this.size === 'md' ? 'tds-form-datetime-md' : ''}
-        ${this.size === 'sm' ? 'tds-form-datetime-sm' : ''}
-        ${this.state === 'error' || this.state === 'success'
-                ? `tds-form-datetime-${this.state}`
-                : ''}
-        ${this.modeVariant !== null ? `tds-mode-variant-${this.modeVariant}` : ''}` }, this.label && (h("label", { key: '42e0f48bc1e5c0fe34c492c9c4a4442dcb4982ec', htmlFor: this.name, class: "tds-datetime-label" }, this.label)), h("div", { key: '9a09a448c5c46073b31c7cd6148ed8bf6334780e', onClick: (e) => this.handleFocusClick(e), class: "tds-datetime-container" }, h("div", { key: '78e81a9fbff444f76a2b46013cb9bc02e186ec86', class: "tds-datetime-input-container" }, h("input", { key: '385bb5d6d124951cd14151e6cda72007319f9dba', 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, onInput: (e) => this.handleInput(e), onBlur: (e) => this.handleBlur(e), onChange: (e) => this.handleChange(e) }), h("div", { key: '12e390a5b6fed5c6c2702cccad2f14a5fc20eebe', class: "datetime-icon icon-datetime-local" }, h("tds-icon", { key: '1e8c1a91b23b9bd5f9e44929f6586652d7578df6', size: "20px", name: "calendar" })), h("div", { key: '496f500c9f1b948458d7ab1c5d86a466838e7b6d', class: "datetime-icon icon-time" }, h("tds-icon", { key: 'b5dd412bf9d2286b2443aaf3ed2eb17a9f9045a9', size: "20px", name: "clock" }))), h("div", { key: '666193c97a4aa5435961d25b97d74bd3cc8b07a8', class: "tds-datetime-bar" })), this.helper && (h("div", { key: 'a7860edb4ab20cb633ec8309a991315358b53cd6', class: "tds-datetime-helper" }, h("div", { key: '84efbb36322ace185d66dd4f270a23b69e4bbad7', class: "tds-helper" }, this.state === 'error' && h("tds-icon", { key: 'c304cdd2087c473a39304e9f926fee62286f3359', name: "error", size: "16px" }), this.helper)))));
+        const classNames = {
+            'tds-form-datetime-nomin': this.noMinWidth,
+            'tds-form-datetime': true,
+            'tds-datetime-focus': this.focusInput,
+            '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-mode-variant-${this.modeVariant}`]: this.modeVariant !== null,
+        };
+        return (h("div", { key: '8fd5bee5bb3b5a9d31a9738d676e2b808ae8bc25', class: classNames }, this.label && (h("label", { key: 'f4bab58ecb53479a3964790be964c3b5c3dfd61e', htmlFor: this.name, class: "tds-datetime-label" }, this.label)), h("div", { key: '63a0b82041c8e5866897d6a7cb611dd8eef474d0', onClick: (e) => this.handleFocusClick(e), class: "tds-datetime-container" }, h("div", { key: '2f731bf8ee005889c5fb1f5627859b3a4e49f51c', class: "tds-datetime-input-container" }, h("input", { key: 'e19bcb2862bbd07236d4e4250831b8d732ed10d9', 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, onInput: (e) => this.handleInput(e), onBlur: (e) => this.handleBlur(e), onChange: (e) => this.handleChange(e) }), h("div", { key: '2cbe93150d5608f5791948035c269f722a606d0a', class: "datetime-icon icon-datetime-local" }, h("tds-icon", { key: '92365a08e74c7453933fa284cef1209bdca3ccba', size: "20px", name: "calendar" })), h("div", { key: '3f8956d972ebe4240aa219f946f6080a25b8a304', class: "datetime-icon icon-time" }, h("tds-icon", { key: 'e9df3bd75942dddb62504c4b513f3bc272c03107', size: "20px", name: "clock" }))), h("div", { key: 'a525f05cc09746549a47ec83875491a4bf68ddd8', class: "tds-datetime-bar" })), this.helper && (h("div", { key: 'b4c0a88b21c17382e545a2bd33b47e7a24691440', class: "tds-datetime-helper" }, h("div", { key: 'c060158e7f3d78a6a4587355053e098123f67527', class: "tds-helper" }, this.state === 'error' && h("tds-icon", { key: '5947ba9ddca78424feca888180c9af75712a011d', name: "error", size: "16px" }), this.helper)))));
     }
     static get style() { return TdsDatetimeStyle0; }
 }, [2, "tds-datetime", {

package/dist/components/tds-divider.js

@@ -1,4 +1,4 @@
-import { D as Divider, d as defineCustomElement$1 } from './p-8f8b0827.js';
+import { D as Divider, d as defineCustomElement$1 } from './p-e8d2dbbf.js';
 
 const TdsDivider = Divider;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/tds-dropdown-option.js

@@ -1,4 +1,4 @@
-import { T as TdsDropdownOption$1, d as defineCustomElement$1 } from './p-1e110ab8.js';
+import { T as TdsDropdownOption$1, d as defineCustomElement$1 } from './p-2a43e410.js';
 
 const TdsDropdownOption = TdsDropdownOption$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/tds-dropdown.js

@@ -1,4 +1,4 @@
-import { T as TdsDropdown$1, d as defineCustomElement$1 } from './p-dd6ff1e2.js';
+import { T as TdsDropdown$1, d as defineCustomElement$1 } from './p-a64dc22e.js';
 
 const TdsDropdown = TdsDropdown$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/tds-folder-tab.js

@@ -21,10 +21,10 @@ const TdsFolderTab$1 = /*@__PURE__*/ proxyCustomElement(class TdsFolderTab exten
         this.selected = selected;
     }
     render() {
-        return (h(Host, { key: '3ebe8719ec0bae1d4de2f698b032d9914f01fc65', role: "listitem" }, h("div", { key: '26e4df6a7c2c3ec3cc9b391004b0ecc2e08886ce', class: {
+        return (h(Host, { key: '919cd453da1e3649fb5da8783ab8fabc47322d47', role: "listitem" }, h("div", { key: 'f00bf3eea1ee0d670d8989e23e27d6c54fbe7c17', class: {
                 selected: this.selected,
                 disabled: this.disabled,
-            }, style: { width: `${this.tabWidth}px` } }, h("slot", { key: '78549272532f6fa272660fde77c61464dbede36c' }))));
+            }, style: { width: `${this.tabWidth}px` } }, h("slot", { key: '3e3bd62fd02c922fa0592dc0f2dae5a8b49d6c4c' }))));
     }
     static get style() { return TdsFolderTabStyle0; }
 }, [1, "tds-folder-tab", {

package/dist/components/tds-folder-tabs.js

@@ -1,5 +1,5 @@
 import { p as proxyCustomElement, H, d as createEvent, h, c as Host } from './p-28ef5186.js';
-import { d as defineCustomElement$2 } from './p-ad77fb02.js';
+import { d as defineCustomElement$2 } from './p-a2b7bdef.js';
 
 const folderTabsCss = ":host{box-sizing:border-box;overflow:hidden;outline:0}:host *{box-sizing:border-box}:host .wrapper{display:flex;overflow-x:scroll;scrollbar-width:none;position:relative}:host .wrapper::-webkit-scrollbar{display:none}:host .scroll-right-button{z-index:1;right:0}:host .scroll-left-button{z-index:1;left:0}:host .scroll-right-button,:host .scroll-left-button{height:50px;color:var(--tds-folder-tabs-scroll-btn-color);cursor:pointer;border:0;width:0;background-color:var(--tds-folder-tabs-scroll-btn-background);display:none;justify-content:center;align-items:center;opacity:0;pointer-events:none;position:sticky}:host .scroll-right-button.show,:host .scroll-left-button.show{min-width:48px;display:block;opacity:1;pointer-events:all}:host .scroll-right-button:hover,:host .scroll-left-button:hover{background-color:var(--tds-folder-tabs-scroll-btn-background-hover)}:host .scroll-right-button:active,:host .scroll-left-button:active{background-color:var(--tds-folder-tabs-scroll-btn-background-active)}:host .scroll-right-button:focus,:host .scroll-left-button:focus{outline:2px solid var(--tds-blue-400);outline-offset:-2px}:host .scroll-right-button svg,:host .scroll-left-button svg{fill:var(--tds-folder-tabs-scroll-btn-color)}";
 const TdsFolderTabsStyle0 = folderTabsCss;
@@ -166,9 +166,9 @@ const TdsFolderTabs$1 = /*@__PURE__*/ proxyCustomElement(class TdsFolderTabs ext
         this.removeEventListenerFromTabs();
     }
     render() {
-        return (h(Host, { key: 'ab95c2616920aa0feb451cdc8e05697bfedb12b6', role: "list", class: `${this.modeVariant ? `tds-mode-variant-${this.modeVariant}` : ''}` }, h("div", { key: '5330ac0094013711f2d85befe37e7f02de22d8c9', class: "wrapper", ref: (el) => {
+        return (h(Host, { key: '19b773750f13304194341caf79242c7be95b41be', role: "list", class: `${this.modeVariant ? `tds-mode-variant-${this.modeVariant}` : ''}` }, h("div", { key: '915b525f1d8fc67f3edf82f0841ea89cfd8424bc', class: "wrapper", ref: (el) => {
                 this.navWrapperElement = el;
-            } }, h("button", { key: 'cf1d97ff6db378f1a9d2306dce45ccc24ff00718', class: `scroll-left-button ${this.showLeftScroll ? 'show' : ''}`, disabled: !this.showLeftScroll, onClick: () => this.scrollLeft() }, h("tds-icon", { key: 'df3cd8050d37eeb32e957ec22796c551476f003b', name: "chevron_left", size: "20px" })), h("slot", { key: '695ba9188c06a56785b1362e7554cf0bdfa0c635', onSlotchange: () => this.handleSlotChange() }), h("button", { key: 'c64fa2e8788ef3ae78dd1c32b6755625abd4a115', class: `scroll-right-button ${this.showRightScroll ? 'show' : ''}`, disabled: !this.showRightScroll, onClick: () => this.scrollRight() }, h("tds-icon", { key: '3d7f40dcc022b37d1d5419ff4b111bf085011698', name: "chevron_right", size: "20px" })))));
+            } }, h("button", { key: '806f5ce973b4b9bf842ae4c3fdf42c6160255db4', class: `scroll-left-button ${this.showLeftScroll ? 'show' : ''}`, disabled: !this.showLeftScroll, onClick: () => this.scrollLeft() }, h("tds-icon", { key: '4762c8fcfb5f7bb9a67ce2515fc3cab557180ca8', name: "chevron_left", size: "20px" })), h("slot", { key: '498f04374cb1ad240df2a6e02830eba9bc6c3c8d', onSlotchange: () => this.handleSlotChange() }), h("button", { key: '47f114815e98c22f26b021df2b5f53f4498ba24b', class: `scroll-right-button ${this.showRightScroll ? 'show' : ''}`, disabled: !this.showRightScroll, onClick: () => this.scrollRight() }, h("tds-icon", { key: 'b4f3a0e137c84b996bdf7eb7e497e788637ac401', name: "chevron_right", size: "20px" })))));
     }
     get host() { return this; }
     static get watchers() { return {

package/dist/components/tds-footer-group.js

@@ -1,5 +1,5 @@
 import { p as proxyCustomElement, H, h, c as Host } from './p-28ef5186.js';
-import { d as defineCustomElement$2 } from './p-ad77fb02.js';
+import { d as defineCustomElement$2 } from './p-a2b7bdef.js';
 
 const footerGroupCss = ":host{display:block}:host .footer-top-title{font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);opacity:var(--tds-footer-top-title-opacity);color:var(--tds-footer-top-links);padding-bottom:8px}:host button.footer-top-title-button{display:none;border:none;width:100%;font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);color:var(--tds-footer-top-links);background-color:transparent;text-align:left;padding:19px 24px;justify-content:space-between;border-bottom:1px solid var(--tds-footer-top-divider)}:host button.footer-top-title-button.expanded{border-bottom:none}:host button.footer-top-title-button.expanded tds-icon{transform:rotateZ(180deg)}:host button.footer-top-title-button:hover{cursor:pointer}:host button.footer-top-title-button:active{background-color:var(--tds-footer-top-button-active)}:host button.footer-top-title-button:focus-visible{outline:2px solid var(--tds-blue-400);outline-offset:-2px}:host button.footer-top-title-button tds-icon{transition:transform 0.2s ease-in-out}:host [role=list]{list-style:none;padding:0;margin:0;display:flex;gap:8px}:host [role=list].start,:host [role=list].end{gap:24px}:host [role=list].top-part-child{flex-direction:column}@media all and (max-width: 992px){:host [role=list].start:not(.top-part-child){flex-direction:column}:host [role=list].start:not(.top-part-child).start,:host [role=list].start:not(.top-part-child).end{gap:8px}:host [role=list].top-part-child.closed{display:none}:host [role=list].top-part-child{gap:0}:host .footer-top-title{display:none}:host button.footer-top-title-button{display:flex;align-items:center}}";
 const TdsFooterGroupStyle0 = footerGroupCss;
@@ -24,11 +24,11 @@ const TdsFooterGroup$1 = /*@__PURE__*/ proxyCustomElement(class TdsFooterGroup e
         }
     }
     render() {
-        return (h(Host, { key: 'ae2797031aeb5ca057aa00b43d927dff915a5f12' }, this.titleText && this.topPartGroup && (h("div", { key: '9ea90a96330835356332d48efdb0e4d8dd7ea645', class: "footer-top-title" }, this.titleText)), this.titleText && this.topPartGroup && (h("button", { key: '91b8365113700710108d6207f32968354c660014', onClick: () => {
+        return (h(Host, { key: '9932f2146509bb7f804c15a3b716308c658893c5' }, this.titleText && this.topPartGroup && (h("div", { key: '511c348c160a1d1144464ce562b616f38a5fd524', class: "footer-top-title" }, this.titleText)), this.titleText && this.topPartGroup && (h("button", { key: 'c64b3662379de7308d8f64b0e5769296e7f48a02', onClick: () => {
                 this.open = !this.open;
-            }, class: `footer-top-title-button  ${this.open ? 'expanded' : 'closed'}` }, this.titleText, h("tds-icon", { key: '4faa5b64abb3c37659efeaf8a4e9a610ccbce607', name: "chevron_down", size: "20px" }))), h("div", { key: 'b3e3bda445b7b9c244072c2d188a6fe0fcb2e7e0', role: "list", class: `${this.slotPosition ? this.slotPosition : ''}
+            }, class: `footer-top-title-button  ${this.open ? 'expanded' : 'closed'}` }, this.titleText, h("tds-icon", { key: 'f3d5d5bec3f3f9af67bf28e7164eb3190189039c', name: "chevron_down", size: "20px" }))), h("div", { key: '4f5a8b626d572e51f67547d0c3280d946e44203f', role: "list", class: `${this.slotPosition ? this.slotPosition : ''}
             ${this.topPartGroup ? 'top-part-child' : ''}
-            ${this.open ? 'expanded' : 'closed'}` }, h("slot", { key: '99197656b6b371c43da12f1dcf39ef0a0b41fae9' }))));
+            ${this.open ? 'expanded' : 'closed'}` }, h("slot", { key: '414c481365b866d921aeb8145fd4358a05d8c90f' }))));
     }
     get host() { return this; }
     static get style() { return TdsFooterGroupStyle0; }

package/dist/components/tds-footer-item.js

@@ -14,7 +14,7 @@ const TdsFooterItem$1 = /*@__PURE__*/ proxyCustomElement(class TdsFooterItem ext
         this.parentIsTopPart = this.host.closest('tds-footer-group').parentElement.slot === 'top';
     }
     render() {
-        return (h("div", { key: 'a25461642c0ec629b7c9201a62c0e5c1373e0f68', role: "listitem", class: `${this.parentIsTopPart ? 'top-part-child' : ''}` }, h("slot", { key: '19341c71e073cf8b06a24bef448d2b74486a65b7' })));
+        return (h("div", { key: '8efe2aba383be6dbbf0c1a95e4a5f247623289bd', role: "listitem", class: `${this.parentIsTopPart ? 'top-part-child' : ''}` }, h("slot", { key: 'b1406197ba6239bcdec807ebdb2de181ea6a49b7' })));
     }
     get host() { return this; }
     static get style() { return TdsFooterItemStyle0; }

package/dist/components/tds-footer.js

@@ -17,9 +17,9 @@ const TdsFooter$1 = /*@__PURE__*/ proxyCustomElement(class TdsFooter extends H {
         const usesStartSlot = hasSlot('start', this.host);
         const usesEndSlot = hasSlot('end', this.host);
         const usesCopyrightSlot = hasSlot('copyright', this.host);
-        return (h(Host, { key: '9da56bcf06badf33f3096c4cf980e775090d70d4', class: {
+        return (h(Host, { key: '169867665b36b555dc5c70815dd2b2a70672f4c9', class: {
                 [`tds-mode-variant-${this.modeVariant}`]: this.modeVariant !== null,
-            } }, h("footer", { key: '0bcb1d24d91f26eb8f44fb0faff172c3e140aeff' }, usesTopSlot && h("slot", { key: '4ab849118b1e4822aab9b2779b38569b413595e5', name: "top" }), h("div", { key: 'f84c3c4ac78776da6f127675b24c467dcd7eedca', class: "footer-main" }, (usesStartSlot || usesEndSlot) && (h("div", { key: 'a12d5aa87d7b731b16b40d42e78005a7dbd92c07', class: "footer-main-top" }, usesStartSlot && h("slot", { key: '590a118da2562908606173cc562fbf4c1deae6d3', name: "start" }), usesEndSlot && h("slot", { key: 'bd5a1d47df4a4d3089efa7658c62c1c2aed22550', name: "end" }))), h("div", { key: '67254f6335af0686cf12461fe6baf9e4cac20c73', class: "footer-main-bottom" }, h("small", { key: '99735b151f41ed0a376b98d4b6401b7098a1712c', class: "copyright" }, usesCopyrightSlot ? h("slot", { name: "copyright" }) : this.copyrightText), h("div", { key: '59774a132d0af546b2e19ae801fa850ae41bdeeb', class: "brand" }, h("p", { key: '304b381e47c96c93cae26abcf0042c6a0128c7e0' }, "Scania")))))));
+            } }, h("footer", { key: '097adec9cd011d4c78d0b468d3165c374d8692f0' }, usesTopSlot && h("slot", { key: '72acf005c6c6baf4799db83f420be796f5b5f639', name: "top" }), h("div", { key: '016c70c48377f907c0ce01d0e2c88ddd146c0e2a', class: "footer-main" }, (usesStartSlot || usesEndSlot) && (h("div", { key: '192b05a7289a94df418b9c85984ce0e86f204fd4', class: "footer-main-top" }, usesStartSlot && h("slot", { key: 'ff4b7b591b3a51b3181ad66b54aa63b97391cb18', name: "start" }), usesEndSlot && h("slot", { key: 'cf2a1d5aeba4a10310b2f54c93154cd88a90e217', name: "end" }))), h("div", { key: '9b37ea980774d696c06d961b7d705b7d90929638', class: "footer-main-bottom" }, h("small", { key: 'cec4e9c9975f9d557a33564d9b998ce80067be79', class: "copyright" }, usesCopyrightSlot ? h("slot", { name: "copyright" }) : this.copyrightText), h("div", { key: '765d79bb0d846d8d31fd62d9193905b86cc15eea', class: "brand" }, h("p", { key: '8e88d331cededa03d42c1579c07f28e8ef89ad88' }, "Scania")))))));
     }
     get host() { return this; }
     static get style() { return TdsFooterStyle0; }

package/dist/components/tds-header-brand-symbol.js

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, h, c as Host } from './p-28ef5186.js';
-import { d as defineCustomElement$3 } from './p-707a562e.js';
-import { d as defineCustomElement$2 } from './p-3a7f88ff.js';
+import { d as defineCustomElement$3 } from './p-e49a0ceb.js';
+import { d as defineCustomElement$2 } from './p-d61bd22e.js';
 
 const headerBrandSymbolCss = ":host tds-header-item{display:none}:host tds-header-item ::slotted(*){background-image:var(--tds-background-image-scania-symbol-svg), var(--tds-background-image-scania-symbol-png);background-size:30px auto;background-position:center;background-repeat:no-repeat}@media (min-width: 992px){:host tds-header-item{display:block}}";
 const TdsHeaderBrandSymbolStyle0 = headerBrandSymbolCss;
@@ -12,7 +12,7 @@ const TdsHeaderBrandSymbol$1 = /*@__PURE__*/ proxyCustomElement(class TdsHeaderB
         this.__attachShadow();
     }
     render() {
-        return (h(Host, { key: '65232b3c21bfec646f7d3e3cf308135f74674034' }, h("tds-header-item", { key: '83517481088ba021f329834aa2d0f987f3edd9f0' }, h("slot", { key: 'e2bc371fd7f310347b8da5a0bc30a6dfd3dee979' }))));
+        return (h(Host, { key: 'c2e5f418268bf172b1e039aca188489afbc98aa7' }, h("tds-header-item", { key: '375b50758e8616093635a0a1ba194296841e4bbc' }, h("slot", { key: '2f641711d2e2c5b0fdf2042a44181a699df7fe95' }))));
     }
     get host() { return this; }
     static get style() { return TdsHeaderBrandSymbolStyle0; }

package/dist/components/tds-header-cell.js

@@ -1,5 +1,5 @@
 import { p as proxyCustomElement, H, d as createEvent, h, c as Host } from './p-28ef5186.js';
-import { d as defineCustomElement$2 } from './p-ad77fb02.js';
+import { d as defineCustomElement$2 } from './p-a2b7bdef.js';
 
 const tableHeaderCellCss = ":host(.tds-table__header-cell){box-sizing:border-box;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-header-background-hover);padding:0;height:48px;min-width:192px;box-sizing:border-box;vertical-align:middle;overflow:hidden;transition:background-color 200ms ease}:host(.tds-table__header-cell) *{box-sizing:border-box}:host(.tds-table__header-cell) .tds-table__header-text{padding:8px 16px;margin:0}:host(.tds-table__header-cell) .tds-table__header-text-no-padding{padding:0}:host(.tds-table__header-cell--sortable) .tds-table__header-button{display:flex;align-items:center;gap:8px;justify-content:start;flex-direction:row;width:100%;height:100%;padding:0 16px;background-color:transparent;border:none;cursor:pointer;transition:background-color 200ms ease}:host(.tds-table__header-cell--sortable) .tds-table__header-button:focus{outline:2px solid var(--tds-table-header-btn-focus);outline-offset:-2px}:host(.tds-table__header-cell--sortable) .tds-table__header-button:focus .tds-table__header-button-icon{opacity:1}:host(.tds-table__header-cell--sortable) .tds-table__header-button .tds-table__header-button-text{font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);text-align:left;color:var(--tds-table-header-btn-color)}:host(.tds-table__header-cell--sortable) .tds-table__header-button .tds-table__header-button-icon{flex:0 0 16px;height:16px;width:16px;opacity:0;transform-origin:center;transition:opacity 200ms ease-in, transform 200ms ease;fill:var(--tds-table-color)}:host(.tds-table__header-cell--sortable) .tds-table__header-button:hover .tds-table__header-button-icon{opacity:1}:host(.tds-table__header-cell--is-sorted) .tds-table__header-button{background-color:var(--tds-table-header-btn-background)}:host(.tds-table__header-cell--is-sorted) .tds-table__header-button:hover{background-color:var(--tds-table-header-btn-background-hover)}:host(.tds-table__header-cell--is-sorted) .tds-table__header-button .tds-table__header-button-icon{opacity:1}:host(.tds-table__header-cell--is-sorted) .tds-table__header-button .tds-table__header-button-icon--rotate{transform:rotate(180deg)}:host(.tds-table--compact){height:33px}:host(.tds-table--divider){border-right:1px solid var(--tds-table-divider)}:host(.tds-table--divider:last-of-type){border-right:none}:host(.tds-table--no-min-width){min-width:unset}:host(.tds-table--no-padding){height:unset}:host(.tds-table__header-cell:first-of-type){border-top-left-radius:4px}:host(.tds-table__header-cell:last-of-type){border-top-right-radius:4px}:host(.tds-table--extra-column:first-of-type){border-top-left-radius:0}:host(.tds-table--toolbar-available){border-radius:0}:host(.tds-table--extra-column.tds-table--toolbar-available){border-radius:0}:host(.tds-table__header-cell.tds-table--toolbar-available:first-of-type){border-top-left-radius:0}:host(.tds-table__header-cell.tds-table--toolbar-available:last-of-type){border-top-right-radius:0}";
 const TdsHeaderCellStyle0 = tableHeaderCellCss;
@@ -114,7 +114,7 @@ const TdsTableHeaderCell = /*@__PURE__*/ proxyCustomElement(class TdsTableHeader
             this.host.closest('tds-table').getElementsByTagName('tds-table-toolbar').length >= 1;
     }
     render() {
-        return (h(Host, { key: '967a02c87d37c0eb75219c84c09edbb34b0257df', class: {
+        return (h(Host, { key: '5bfbed888fd12522741f991542a308772799ceee', class: {
                 'tds-table__header-cell': true,
                 'tds-table__header-cell--sortable': this.sortable,
                 'tds-table__header-cell--is-sorted': this.sortedByMyKey,

package/dist/components/tds-header-dropdown-list-item.js

@@ -1,4 +1,4 @@
-import { T as TdsHeaderDropdownListItem$1, d as defineCustomElement$1 } from './p-9d7232d0.js';
+import { T as TdsHeaderDropdownListItem$1, d as defineCustomElement$1 } from './p-8c849aa2.js';
 
 const TdsHeaderDropdownListItem = TdsHeaderDropdownListItem$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/tds-header-dropdown-list-user.js

@@ -14,7 +14,7 @@ const TdsHeaderDropdownListLgUser = /*@__PURE__*/ proxyCustomElement(class TdsHe
         this.subheader = undefined;
     }
     render() {
-        return (h(Host, { key: 'e74d36a9ed0b7ff850d18dad25d2bce4c6f7b097', role: "listitem" }, h("div", { key: 'a4f433ea9996e1fa49951f3d2ba60692456dbeaf', class: "user-box" }, this.imgUrl && h("img", { key: 'c250a2f6742e1d6c9a161a3e792e1e34aae84cdf', src: this.imgUrl, alt: this.imgAlt }), h("slot", { key: '7a3f1f737e6e50288e71401e9a47d066ba19ac42', name: "thumbanil" }), h("div", { key: '2607865f76fd34a9dd3fee48175be7fabb4c8259', class: "user-content" }, h("div", { key: '46faeb8b688ad3b3f5e33739ad43e74ee2e4fccb', class: "header" }, this.header, h("slot", { key: 'f918d94a6194823ebf80f8661074dfc36928be8e', name: "header" })), h("div", { key: '730bc350f801c2cbedc69ff9f4862c8e3dd345db', class: "subheader" }, this.subheader, h("slot", { key: '47d6f4dd6ccd2ad95db1fbc54d32d543c245207a', name: "subheader" }))))));
+        return (h(Host, { key: 'b8c4cb5b278e43d98a61e161d4f5a742105f74d7', role: "listitem" }, h("div", { key: 'd6963261598be670d81bcd57973d43af252d956c', class: "user-box" }, this.imgUrl && h("img", { key: 'fa8aab10c6aa927f16e295ec0e6fdf5ddefe9cb0', src: this.imgUrl, alt: this.imgAlt }), h("slot", { key: '12ab993e9452bd0e61c2e1be4a76805f368dac0c', name: "thumbanil" }), h("div", { key: '67aec51894a448083de74a18f48b6b9ef8e74b3f', class: "user-content" }, h("div", { key: '45800280bc6c4ece8a912469c82cbc346f52cde1', class: "header" }, this.header, h("slot", { key: '9b9c0819e4cb06dec1742c4a298aed4c83a0ce98', name: "header" })), h("div", { key: '856e611d573d45735177e5ae3f234a667a69414e', class: "subheader" }, this.subheader, h("slot", { key: 'a5ae6bce6cdecbc97447e44872c4cb43bb4abb8d', name: "subheader" }))))));
     }
     get host() { return this; }
     static get style() { return TdsHeaderDropdownListUserStyle0; }

package/dist/components/tds-header-dropdown-list.js

@@ -1,4 +1,4 @@
-import { T as TdsHeaderDropdownList$1, d as defineCustomElement$1 } from './p-75437dea.js';
+import { T as TdsHeaderDropdownList$1, d as defineCustomElement$1 } from './p-34737ed9.js';
 
 const TdsHeaderDropdownList = TdsHeaderDropdownList$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/tds-header-dropdown.js

@@ -1,10 +1,10 @@
 import { p as proxyCustomElement, H, h, c as Host } from './p-28ef5186.js';
 import { g as generateUniqueId } from './p-11648030.js';
-import { d as defineCustomElement$6 } from './p-707a562e.js';
-import { d as defineCustomElement$5 } from './p-3a7f88ff.js';
-import { d as defineCustomElement$4 } from './p-ad77fb02.js';
-import { d as defineCustomElement$3 } from './p-f0a50868.js';
-import { d as defineCustomElement$2 } from './p-3351035f.js';
+import { d as defineCustomElement$6 } from './p-e49a0ceb.js';
+import { d as defineCustomElement$5 } from './p-d61bd22e.js';
+import { d as defineCustomElement$4 } from './p-a2b7bdef.js';
+import { d as defineCustomElement$3 } from './p-29d19dc8.js';
+import { d as defineCustomElement$2 } from './p-4764a1d5.js';
 
 const headerDropdownCss = ":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{height:var(--tds-header-height);position:relative}:host .menu{flex-direction:column;overflow-y:auto;max-height:calc(100vh - var(--tds-header-height));box-shadow:var(--tds-nav-dropdown-menu-box);background-color:var(--tds-header-app-launcher-menu-background);border-top-right-radius:0;border-top-left-radius:0}:host .menu:hover::-webkit-scrollbar-thumb{border:var(--tds-scrollbar-thumb-border-hover-width) solid transparent;background:var(--tds-scrollbar-hover-thumb-color);background-clip:padding-box}:host .menu::-webkit-scrollbar{width:var(--tds-scrollbar-width)}:host .menu::-webkit-scrollbar-track{background:var(--tds-scrollbar-track-color)}:host .menu::-webkit-scrollbar-thumb{border-radius:40px;background:var(--tds-scrollbar-thumb-color);border:var(--tds-scrollbar-thumb-border-width) solid transparent;background-clip:padding-box}:host .menu::-webkit-scrollbar-button{height:0;width:0}@supports not selector(::-webkit-scrollbar){:host .menu{scrollbar-color:var(--tds-scrollbar-thumb-color) var(--tds-scrollbar-track-color);scrollbar-width:var(--tds-scrollbar-width-standard)}}:host .state-open .dropdown-icon{transform:rotate(180deg)}:host .state-open .button{position:relative;z-index:901}";
 const TdsHeaderDropdownStyle0 = headerDropdownCss;
@@ -38,13 +38,13 @@ const TdsHeaderDropdown$1 = /*@__PURE__*/ proxyCustomElement(class TdsHeaderDrop
         this.open = !this.open;
     }
     render() {
-        return (h(Host, { key: '89f12a6c9dbb08a6bb27f4612ca1321cc6059a63' }, h("div", { key: 'c86f11728b2b40a23819df0d55755dfdd91151d8', class: {
+        return (h(Host, { key: '1b3cd2ffee7d6543e98bab5cc3d1953770110ce8' }, h("div", { key: '23f60d4d56e08725985f71f5952b324f5044f53b', class: {
                 'state-open': this.open,
-            } }, h("tds-header-item", { key: '0b7960b5fcf15cd31ee9fc4ffa37b71ff2960af2', class: "button", active: this.open, selected: this.selected }, h("button", { key: '9f61342bf885a20e45cc09f1cc24edcded3e7da0', ref: (el) => {
+            } }, h("tds-header-item", { key: '0297ccda2dbf13709443e4b548687e2f648f0bcf', class: "button", active: this.open, selected: this.selected }, h("button", { key: '6f9ea91a3270ea6eeb29a79571567ae8abef001d', ref: (el) => {
                 this.buttonEl = el;
             }, "aria-expanded": `${this.open}`, "aria-controls": `launcher-${this.uuid}`, "aria-current": this.selected ? 'location' : 'false', onClick: () => {
                 this.toggleDropdown();
-            } }, h("slot", { key: '73f8db2b7b9f25ecb0db8b7e32cf79f9c5d02a75', name: "icon" }), this.label, h("slot", { key: 'b0fe411427b9f8de6399884c97a47eba35151767', name: "label" }), !this.noDropdownIcon && (h("tds-icon", { key: '78668f259697b89d644884f13b43989f568f7944', class: "dropdown-icon", name: "chevron_down", size: "16px" })))), this.buttonEl && (h("tds-popover-canvas", { key: '760c6b51cf39d9127fdd3e1a221bcaa8c86a88c1', id: `tds-dropdown-${this.uuid}`, class: "menu", referenceEl: this.buttonEl, placement: "bottom-start", show: this.open, offsetDistance: 0, modifiers: [
+            } }, h("slot", { key: 'dcc2a8a717706ee3287499805bc32c98b0b29770', name: "icon" }), this.label, h("slot", { key: 'bad14e728dfe465e59a8e98a4ea5a858fc066bb3', name: "label" }), !this.noDropdownIcon && (h("tds-icon", { key: '9963966ab41666db7ba8b75089a46b132b8db6dd', class: "dropdown-icon", name: "chevron_down", size: "16px" })))), this.buttonEl && (h("tds-popover-canvas", { key: 'cb7b4fb085a94e6243ad6c70144e5b3c6460d27e', id: `tds-dropdown-${this.uuid}`, class: "menu", referenceEl: this.buttonEl, placement: "bottom-start", show: this.open, offsetDistance: 0, modifiers: [
                 {
                     name: 'flip',
                     options: {

package/dist/components/tds-header-hamburger.js

@@ -1,8 +1,8 @@
 import { p as proxyCustomElement, H, h, c as Host } from './p-28ef5186.js';
 import { i as inheritAriaAttributes } from './p-0bd4c19c.js';
-import { d as defineCustomElement$4 } from './p-707a562e.js';
-import { d as defineCustomElement$3 } from './p-3a7f88ff.js';
-import { d as defineCustomElement$2 } from './p-ad77fb02.js';
+import { d as defineCustomElement$4 } from './p-e49a0ceb.js';
+import { d as defineCustomElement$3 } from './p-d61bd22e.js';
+import { d as defineCustomElement$2 } from './p-a2b7bdef.js';
 
 const headerHamburgerCss = ":host{color:var(--tds-white)}:host tds-header-item{display:block}:host .icon{position:relative;margin-left:-6px;left:3px;transition:background 0.2s ease-in-out, color 0.2s ease-in-out}@media screen and (min-width: 992px){:host tds-header-item{display:none}:host([persistent]) tds-header-item{display:block}}";
 const TdsHeaderHamburgerStyle0 = headerHamburgerCss;
@@ -15,7 +15,7 @@ const TdsHeaderHamburger$1 = /*@__PURE__*/ proxyCustomElement(class TdsHeaderHam
     }
     render() {
         const inheritedButtonProps = Object.assign({}, inheritAriaAttributes(this.host));
-        return (h(Host, { key: '6191cfe000043e80f9ebedac4629bca461632cc4' }, h("tds-header-item", { key: '98b5916b738638b1b5642279774f03c751619bad' }, h("button", Object.assign({ key: '31799cf2bf6db5bf649da5231b4633a7f0610f11' }, inheritedButtonProps), h("tds-icon", { key: '940d8eb99780a8ce2238de030c4d07673d50d72d', class: "icon", name: "burger", size: "20px" })))));
+        return (h(Host, { key: 'f2f230c8349ca3b5fdcfd7de67555b12888bd9d9' }, h("tds-header-item", { key: '7db87ae4ad59bea1040399a33fdf77aa490ae1ca' }, h("button", Object.assign({ key: 'bf5e3103c23c02e42db7e99a423348efb4488ed7' }, inheritedButtonProps), h("tds-icon", { key: '306b78525304ac2f30a4bcb0be37c0ed7998b01f', class: "icon", name: "burger", size: "20px" })))));
     }
     get host() { return this; }
     static get style() { return TdsHeaderHamburgerStyle0; }

package/dist/components/tds-header-item.js

@@ -1,4 +1,4 @@
-import { T as TdsHeaderItem$1, d as defineCustomElement$1 } from './p-3a7f88ff.js';
+import { T as TdsHeaderItem$1, d as defineCustomElement$1 } from './p-d61bd22e.js';
 
 const TdsHeaderItem = TdsHeaderItem$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/tds-header-launcher-button.js

@@ -1,4 +1,4 @@
-import { T as TdsHeaderLauncherButton$1, d as defineCustomElement$1 } from './p-f1980746.js';
+import { T as TdsHeaderLauncherButton$1, d as defineCustomElement$1 } from './p-4c1e3344.js';
 
 const TdsHeaderLauncherButton = TdsHeaderLauncherButton$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/tds-header-launcher-grid-item.js

@@ -10,7 +10,7 @@ const TdsHeaderLauncherGridItem$1 = /*@__PURE__*/ proxyCustomElement(class TdsHe
         this.__attachShadow();
     }
     render() {
-        return (h(Host, { key: '5b9d61104af5ce387a7ffa5b39bbc385620d02f6', role: "listitem" }, h("slot", { key: '68e8c3751bfb61f1652f8b510c45049b60a3b3f2' })));
+        return (h(Host, { key: '7bf745f1e08abfec6c12e3226f92e14151e42744', role: "listitem" }, h("slot", { key: 'a0b0e796e48121357af859cd260125c9b28cd2c3' })));
     }
     static get style() { return TdsHeaderLauncherGridItemStyle0; }
 }, [1, "tds-header-launcher-grid-item"]);

package/dist/components/tds-header-launcher-grid-title.js

@@ -11,7 +11,7 @@ const TdsHeaderLauncherGridTitle$1 = /*@__PURE__*/ proxyCustomElement(class TdsH
         this.uuid = generateUniqueId();
     }
     render() {
-        return (h(Host, { key: '70ea20ff6df9026852d8ea50c0f76a70dbf96fff' }, h("h3", { key: '599beadad433618045130ee083e61e80d5800b61', class: "tds-header-launcher-grid-title", id: `tds-header-launcher-grid-title-${this.uuid}` }, h("slot", { key: '73d100ddab185e319f7e8b507febfb90a410c484' }))));
+        return (h(Host, { key: 'cbbcdf4db61635b435350a03c9c9d973ddbee56c' }, h("h3", { key: '0e267856bce5a098c0b7b1b84fe09ea89036cd5d', class: "tds-header-launcher-grid-title", id: `tds-header-launcher-grid-title-${this.uuid}` }, h("slot", { key: 'aeb83a7935985c04c8c14ed1101175f8e6be0ddf' }))));
     }
     static get style() { return TdsHeaderLauncherGridTitleStyle0; }
 }, [4, "tds-header-launcher-grid-title"]);

package/dist/components/tds-header-launcher-grid.js

@@ -30,7 +30,7 @@ const TdsHeaderLauncherGrid$1 = /*@__PURE__*/ proxyCustomElement(class TdsHeader
             'role': 'list',
             'aria-labelledby': (_a = this.headingElement) === null || _a === void 0 ? void 0 : _a.id,
         };
-        return (h(Host, { key: 'c6ee49809cfcd050d2a8b967106b20fca0940e1f' }, h("div", Object.assign({ key: 'b060c70d9fcf924d877aa7b2104ddbdc47d2bffd' }, listAttributes), h("slot", { key: 'f301f2468cafb5c8b6b32e5a1f2e72c4bcd6819a' }))));
+        return (h(Host, { key: '536c3a5c654728beee82d262a7fdb777dbc79561' }, h("div", Object.assign({ key: 'd6d8e742148bc87f866829317a5fcf2faa77cee8' }, listAttributes), h("slot", { key: '14c17dc75807554fb5ed7a792082cbeff40b33c4' }))));
     }
     get host() { return this; }
     static get style() { return TdsHeaderLauncherGridStyle0; }

package/dist/components/tds-header-launcher-list-item.js

@@ -1,5 +1,5 @@
 import { p as proxyCustomElement, H, h, c as Host } from './p-28ef5186.js';
-import { d as defineCustomElement$2 } from './p-9d7232d0.js';
+import { d as defineCustomElement$2 } from './p-8c849aa2.js';
 
 const headerLauncherListItemCss = ":host{display:block;border-bottom:1px solid var(--tds-nav-dropdown-item-border-color)}";
 const TdsHeaderLauncherListItemStyle0 = headerLauncherListItemCss;
@@ -11,7 +11,7 @@ const TdsHeaderLauncherListItem$1 = /*@__PURE__*/ proxyCustomElement(class TdsHe
         this.__attachShadow();
     }
     render() {
-        return (h(Host, { key: '46f2d3592290fb3528d1bccb2904c9585ab62a4f' }, h("tds-header-dropdown-list-item", { key: 'd389ef9185dd262878ea094f0edc2ba80ee183b2', size: "lg" }, h("slot", { key: '2873d1508622b9024ae7412fff6177240d030542' }))));
+        return (h(Host, { key: '43e0e7c848d7583d999046a58e58cf457a7eebd8' }, h("tds-header-dropdown-list-item", { key: 'b2d4c75dd14ea446aace6933df484dd3601297bd', size: "lg" }, h("slot", { key: 'dad5b2d69c31ad365676a9259ef7a4e5ea0fe410' }))));
     }
     static get style() { return TdsHeaderLauncherListItemStyle0; }
 }, [1, "tds-header-launcher-list-item"]);

package/dist/components/tds-header-launcher-list-title.js

@@ -11,7 +11,7 @@ const TdsHeaderLauncherListTitle$1 = /*@__PURE__*/ proxyCustomElement(class TdsH
         this.uuid = generateUniqueId();
     }
     render() {
-        return (h(Host, { key: '7ba9591978c9b22534e292be99efbf0550592002' }, h("h3", { key: 'c6a5f810b184f33b4edd46187df922374225ddc7', class: "tds-header-launcher-list-title", id: `tds-header-launcher-${this.uuid}` }, h("slot", { key: '5dcbfaa6969dccc3ed6139ea454aa13ed0ee7bb9' }))));
+        return (h(Host, { key: '7ae867e11a9720654645e70c10f0a20a7a147d78' }, h("h3", { key: '5e6751d05defe072d827c6e78ac777622674138d', class: "tds-header-launcher-list-title", id: `tds-header-launcher-${this.uuid}` }, h("slot", { key: '403011ffd72000e98e64b9c8cb83620c95cb4444' }))));
     }
     get host() { return this; }
     static get style() { return TdsHeaderLauncherListTitleStyle0; }

package/dist/components/tds-header-launcher-list.js

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, h, c as Host } from './p-28ef5186.js';
 import { g as generateUniqueId } from './p-11648030.js';
-import { d as defineCustomElement$2 } from './p-75437dea.js';
+import { d as defineCustomElement$2 } from './p-34737ed9.js';
 
 const TdsHeaderLauncherList$1 = /*@__PURE__*/ proxyCustomElement(class TdsHeaderLauncherList extends H {
     constructor() {
@@ -9,7 +9,7 @@ const TdsHeaderLauncherList$1 = /*@__PURE__*/ proxyCustomElement(class TdsHeader
         this.uuid = generateUniqueId();
     }
     render() {
-        return (h(Host, { key: '44396666def3f2125e84399fd9e25a86be8d1a38' }, h("tds-header-dropdown-list", { key: '8125971f3675f433b8a3609bad6c4e976a54b460', size: "lg" }, h("slot", { key: 'b49bf69a76e80ba0f385c5cde8afe35b262504ce' }))));
+        return (h(Host, { key: 'b4dc52c6bcf24b6fd67fdc83ae85ff2e42dc4336' }, h("tds-header-dropdown-list", { key: 'c6ad7f978597258dbbaaeeb3b3fcb220c049aa28', size: "lg" }, h("slot", { key: 'e6afe9a7d754e4f853d9d9c05318be8cbc5e8048' }))));
     }
 }, [4, "tds-header-launcher-list"]);
 function defineCustomElement$1() {

package/dist/components/tds-header-launcher.js

@@ -1,12 +1,12 @@
 import { p as proxyCustomElement, H, h, c as Host } from './p-28ef5186.js';
 import { g as generateUniqueId } from './p-11648030.js';
 import { i as inheritAriaAttributes } from './p-0bd4c19c.js';
-import { d as defineCustomElement$7 } from './p-707a562e.js';
-import { d as defineCustomElement$6 } from './p-3a7f88ff.js';
-import { d as defineCustomElement$5 } from './p-f1980746.js';
-import { d as defineCustomElement$4 } from './p-ad77fb02.js';
-import { d as defineCustomElement$3 } from './p-f0a50868.js';
-import { d as defineCustomElement$2 } from './p-3351035f.js';
+import { d as defineCustomElement$7 } from './p-e49a0ceb.js';
+import { d as defineCustomElement$6 } from './p-d61bd22e.js';
+import { d as defineCustomElement$5 } from './p-4c1e3344.js';
+import { d as defineCustomElement$4 } from './p-a2b7bdef.js';
+import { d as defineCustomElement$3 } from './p-29d19dc8.js';
+import { d as defineCustomElement$2 } from './p-4764a1d5.js';
 
 const headerLauncherCss = ":host{--tds-scrollbar-width-standard:thin;--tds-scrollbar-width:10px;--tds-scrollbar-height:10px;--tds-scrollbar-thumb-border-width:3px;--tds-scrollbar-thumb-border-hover-width:2px}body{scrollbar-width:thin}:host .wrapper{height:var(--tds-header-height);position:relative}:host .wrapper .menu{flex-direction:column;overflow-y:auto;max-height:calc(100vh - var(--tds-header-height));box-shadow:var(--tds-nav-dropdown-menu-box);background-color:var(--tds-header-app-launcher-menu-background);border-radius:0}:host .wrapper .menu:hover::-webkit-scrollbar-thumb{border:var(--tds-scrollbar-thumb-border-hover-width) solid transparent;background:var(--tds-scrollbar-hover-thumb-color);background-clip:padding-box}:host .wrapper .menu::-webkit-scrollbar{width:var(--tds-scrollbar-width)}:host .wrapper .menu::-webkit-scrollbar-track{background:var(--tds-scrollbar-track-color)}:host .wrapper .menu::-webkit-scrollbar-thumb{border-radius:40px;background:var(--tds-scrollbar-thumb-color);border:var(--tds-scrollbar-thumb-border-width) solid transparent;background-clip:padding-box}:host .wrapper .menu::-webkit-scrollbar-button{height:0;width:0}@supports not selector(::-webkit-scrollbar){:host .wrapper .menu{scrollbar-color:var(--tds-scrollbar-thumb-color) var(--tds-scrollbar-track-color);scrollbar-width:var(--tds-scrollbar-width-standard)}}@media all and (max-width: 384px){:host .wrapper .menu{width:100vw}}:host .wrapper.state-list-type-menu .menu{height:calc(100vh - var(--tds-header-height))}:host .wrapper.state-open .button{position:relative;z-index:901}";
 const TdsHeaderLauncherStyle0 = headerLauncherCss;
@@ -42,11 +42,11 @@ const TdsHeaderLauncher$1 = /*@__PURE__*/ proxyCustomElement(class TdsHeaderLaun
             }, 'ref': (el) => {
                 this.buttonEl = el;
             } });
-        return (h(Host, { key: 'e2c04c0ad3bee9593f5dfecce611dbdc48101536' }, h("div", { key: 'd98aaa650fa399398ab72c235132ff1800ea327b', class: {
+        return (h(Host, { key: 'd886168b8834ced8a2705b30b9982726dc72f8b6' }, h("div", { key: '0c4b9b27e82cf91c000619ef8d0593f8b664b605', class: {
                 'wrapper': true,
                 'state-open': this.open,
                 'state-list-type-menu': this.hasListTypeMenu,
-            } }, h("tds-header-launcher-button", Object.assign({ key: '8c6dfc7fa7a30eedfec3ed1bcefe558ff3265ff3' }, buttonAttributes)), this.buttonEl && (h("tds-popover-canvas", { key: 'f719c2f513b3d08f80d648d828c5820097699b55', id: `tds-launcher-${this.uuid}`, class: "menu", referenceEl: this.buttonEl, placement: "bottom-start", show: this.open, offsetDistance: 0, modifiers: [
+            } }, h("tds-header-launcher-button", Object.assign({ key: 'd0ff7205bf79ef4744d65dcf98734aff5520b004' }, buttonAttributes)), this.buttonEl && (h("tds-popover-canvas", { key: 'c337c31282b08c5add95b16271bdfc147fd16c5c', id: `tds-launcher-${this.uuid}`, class: "menu", referenceEl: this.buttonEl, placement: "bottom-start", show: this.open, offsetDistance: 0, modifiers: [
                 {
                     name: 'flip',
                     options: {

package/dist/components/tds-header-title.js

@@ -10,7 +10,7 @@ const TdsHeaderTitle$1 = /*@__PURE__*/ proxyCustomElement(class TdsHeaderTitle e
         this.__attachShadow();
     }
     render() {
-        return (h("h4", { key: 'ce9aab1a4fb4f60c82db060659eb3e04dd6f2b23' }, h("slot", { key: 'a8447afb8b64eb483dc61192c99430ee35120097' })));
+        return (h("h4", { key: '464dc4df896605138eb3c6db8242de6b8daab424' }, h("slot", { key: '24e9e27fe63f75d0b8aafddc4b54abc419fbb14f' })));
     }
     static get style() { return TdsHeaderTitleStyle0; }
 }, [1, "tds-header-title"]);

package/dist/components/tds-header.js

@@ -46,7 +46,7 @@ const TdsHeader$1 = /*@__PURE__*/ proxyCustomElement(class TdsHeader extends H {
     }
     render() {
         const navAttributes = Object.assign({}, inheritAriaAttributes(this.host));
-        return (h(Host, { key: 'ed12abc8d3dcdcebfd0412f2b8eb119be096a9fa' }, h("slot", { key: 'cf4ced838e0aadeb003c8b96dae259247ff019d3', name: "hamburger" }), h("slot", { key: '7e35310b6f2a16c2381fa093209f219745bb6778', name: "title" }), h("nav", Object.assign({ key: 'd26aac5e2d3d90b4a98c4cb4a99db445406466aa' }, navAttributes), h("ul", { key: 'cf54ce03395d7fc064ea440dd09e5cfe752bec49', class: "tds-header-component-list" }, h("slot", { key: '8f28f8c89e08d50fb18f69753da1ee3f9ca544e2' }), h("li", { key: '13750b5b85b748bcb4aa0aa38cbc9c2d0c87acda', class: "tds-header-middle-spacer" }), h("slot", { key: 'baf34c93494a48c1bb85bc98bcb8af9f0d803238', name: "end" })))));
+        return (h(Host, { key: '93ebc1479f229fb514e0b7b89cb727769298f0b6' }, h("slot", { key: '50c5885a8252a42b12e2311c93a6125d619dc728', name: "hamburger" }), h("slot", { key: '36519346fca7a9fbead2868822144cbaa291d642', name: "title" }), h("nav", Object.assign({ key: '3068b89599382f43dc602eb1022b359129d20f59' }, navAttributes), h("ul", { key: 'c53eef9ba3fad71c723345c84fbcb3b663b20360', class: "tds-header-component-list" }, h("slot", { key: '4888046bdffab6ca2d1763fb968f5e491ec5762b' }), h("li", { key: '0d12b3e6733dbc3e08e93563bae1bb665ab0752b', class: "tds-header-middle-spacer" }), h("slot", { key: 'cff34c3634fbae5929a4c227b23b60ada3cb43a3', name: "end" })))));
     }
     get host() { return this; }
     static get style() { return TdsHeaderStyle0; }

package/dist/components/tds-icon.js

@@ -1,4 +1,4 @@
-import { I as Icon, d as defineCustomElement$1 } from './p-ad77fb02.js';
+import { I as Icon, d as defineCustomElement$1 } from './p-a2b7bdef.js';
 
 const TdsIcon = Icon;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/tds-inline-tab.js

@@ -16,11 +16,11 @@ const TdsInlineTab$1 = /*@__PURE__*/ proxyCustomElement(class TdsInlineTab exten
         this.selected = selected;
     }
     render() {
-        return (h(Host, { key: '4b05e137c36bc1307778c29ea67aa05fe51b0048', role: "listitem" }, h("div", { key: 'e290c72530ea8a55561c087eef706f6faeff5ddc', class: {
+        return (h(Host, { key: '4bb1d313b0d2b7e3bc612474201b0a3e06dd6555', role: "listitem" }, h("div", { key: 'c49a2745c5c6de9276807e670c9886130f5e5dbd', class: {
                 'inline-tab-item': true,
                 'selected': this.selected,
                 'disabled': this.disabled,
-            } }, h("slot", { key: 'ec94a152be5f26837f77b915d8176b3bc2df0036' }))));
+            } }, h("slot", { key: 'caa1851fd0a992f38e04fb4872e52c90a3731e6a' }))));
     }
     static get style() { return TdsInlineTabStyle0; }
 }, [1, "tds-inline-tab", {

package/dist/components/tds-inline-tabs.js

@@ -1,5 +1,5 @@
 import { p as proxyCustomElement, H, d as createEvent, h, c as Host } from './p-28ef5186.js';
-import { d as defineCustomElement$2 } from './p-ad77fb02.js';
+import { d as defineCustomElement$2 } from './p-a2b7bdef.js';
 
 const inlineTabsCss = ":host{box-sizing:border-box;display:flex;background-color:var(--tds-inline-tabs-background);position:relative}:host *{box-sizing:border-box}:host::after{content:\" \";display:block;border-bottom:1px solid var(--tds-inline-tabs-horizontal-divider-background);opacity:var(--tds-inline-tabs-horizontal-divider-opacity);left:0;right:0;bottom:0;position:absolute}:host .wrapper{display:flex;flex-wrap:nowrap;white-space:nowrap;width:100%;overflow-x:scroll;scrollbar-width:none;gap:16px}:host .wrapper::-webkit-scrollbar{display:none}:host .scroll-right-button{right:0;z-index:1}:host .scroll-left-button{left:0;z-index:1}:host .scroll-right-button,:host .scroll-left-button{color:var(--tds-folder-tabs-scroll-btn-color);cursor:pointer;border:0;width:0;background-color:var(--tds-inline-tabs-scroll-btn-background);display:none;justify-content:center;align-items:center;opacity:0;pointer-events:none;position:sticky}:host .scroll-right-button.show,:host .scroll-left-button.show{min-width:48px;display:block;opacity:1;pointer-events:all}:host .scroll-right-button:hover,:host .scroll-left-button:hover{background-color:var(--tds-folder-tabs-scroll-btn-background-hover)}:host .scroll-right-button:active,:host .scroll-left-button:active{background-color:var(--tds-folder-tabs-scroll-btn-background-active)}:host .scroll-right-button:focus,:host .scroll-left-button:focus{outline:2px solid var(--tds-blue-400);outline-offset:-2px}:host .scroll-right-button svg,:host .scroll-left-button svg{fill:var(--tds-folder-tabs-scroll-btn-color)}";
 const TdsInlineTabsStyle0 = inlineTabsCss;
@@ -173,9 +173,9 @@ const TdsInlineTabs$1 = /*@__PURE__*/ proxyCustomElement(class TdsInlineTabs ext
         this.removeEventListenerFromTabs();
     }
     render() {
-        return (h(Host, { key: '1dc5b7ff1aa5c9a1cb0cd9064be6b064c0b7ba20', role: "list", class: `${this.modeVariant ? `tds-mode-variant-${this.modeVariant}` : ''}` }, h("div", { key: '1f66f69ca3cf4d25565a41cfcf1cbffcd8a4b355', class: "wrapper", ref: (el) => {
+        return (h(Host, { key: 'cd482509c07b6074d81a35eb9447ef561ce7c84a', role: "list", class: `${this.modeVariant ? `tds-mode-variant-${this.modeVariant}` : ''}` }, h("div", { key: '63590b1fec8637f1000897f62962dae2efdcc05d', class: "wrapper", ref: (el) => {
                 this.navWrapperElement = el;
-            }, style: { paddingLeft: `${this.leftPadding}px` } }, h("button", { key: '98601dfb32252be02f7db236bb71bf21bd59147f', class: `scroll-left-button ${this.showLeftScroll ? 'show' : ''}`, onClick: () => this.scrollLeft(), disabled: !this.showLeftScroll }, h("tds-icon", { key: 'ba1b3b814bdba6d0334eb037d62476cabe8790f6', name: "chevron_left", size: "20px" })), h("slot", { key: 'cd9564df014b85e27d7a37cbb262d55872745f3c', onSlotchange: () => this.handleSlotChange() }), h("button", { key: 'e2690cd7e7dddd5b3e66e5767602e25e70c1e6fb', class: `scroll-right-button ${this.showRightScroll ? 'show' : ''}`, onClick: () => this.scrollRight(), disabled: !this.showRightScroll }, h("tds-icon", { key: 'eff5006eecba07819c6b91c489f2ee3104ed78b6', name: "chevron_right", size: "20px" })))));
+            }, style: { paddingLeft: `${this.leftPadding}px` } }, h("button", { key: '349a8cc729442d4307f800c69abe36adeb7f7e0c', class: `scroll-left-button ${this.showLeftScroll ? 'show' : ''}`, onClick: () => this.scrollLeft(), disabled: !this.showLeftScroll }, h("tds-icon", { key: 'feacf20411c38c0b9d80b25a1a19ef89e812b81d', name: "chevron_left", size: "20px" })), h("slot", { key: '78727b46e6adc0c516cbbfb4dc072f59330c8635', onSlotchange: () => this.handleSlotChange() }), h("button", { key: '580d1416f7329133c58f5bfaaa7169623e1dd001', class: `scroll-right-button ${this.showRightScroll ? 'show' : ''}`, onClick: () => this.scrollRight(), disabled: !this.showRightScroll }, h("tds-icon", { key: 'f9d1c4f717303f0c1c2eb4b33b361be8fa2f15ab', name: "chevron_right", size: "20px" })))));
     }
     get host() { return this; }
     static get watchers() { return {