@scania/tegel 1.47.2 → 1.48.0-beta.0-tabbing-test

package/dist/components/tds-chip.js

@@ -1,120 +1 @@
-import { p as proxyCustomElement, H, d as createEvent, h, c as Host } from './p-28ef5186.js';
-import { g as generateUniqueId } from './p-11648030.js';
-import { h as hasSlot } from './p-ae110fc2.js';
-
-const chipCss = ".sc-tds-chip-s>*{display:inline-flex;align-items:center}.sc-tds-chip-h.sc-tds-chip-s>[slot=label],.sc-tds-chip-h .sc-tds-chip-s>[slot=label]{padding-top:2px}.component.sc-tds-chip .tds-chip-component.sc-tds-chip{display:inline-flex}.component.sc-tds-chip .tds-chip-component.sc-tds-chip label.sc-tds-chip{background-color:var(--tds-chips-background);color:var(--tds-chips-color);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);display:inline-flex;align-items:center;border-radius:32px;border:1px solid var(--tds-chips-border);cursor:pointer;white-space:nowrap}.component.sc-tds-chip .tds-chip-component.sc-tds-chip label.sc-tds-chip:hover{background-color:var(--tds-chips-background-hover);border-color:var(--tds-chips-border-hover)}.component.sc-tds-chip .tds-chip-component.disabled.sc-tds-chip label.sc-tds-chip{background-color:var(--tds-chips-background-disabled);color:var(--tds-chips-text-disabled);border-color:transparent;cursor:default;pointer-events:none}.component.sc-tds-chip .tds-chip-component.disabled.sc-tds-chip input.sc-tds-chip{pointer-events:none}.component.sc-tds-chip .tds-chip-component.disabled.sc-tds-chip input[type=radio].sc-tds-chip:checked:disabled+label.sc-tds-chip{background-color:var(--tds-chips-background-active-disabled);color:var(--tds-chips-text-checked-disabled);border-color:transparent}.component.sc-tds-chip .tds-chip-component.disabled.sc-tds-chip input[type=checkbox].sc-tds-chip:checked:disabled+label.sc-tds-chip{background-color:var(--tds-chips-background-active-disabled);color:var(--tds-chips-text-checked-disabled);border-color:transparent}.component.sc-tds-chip .tds-chip-component.lg.sc-tds-chip label.sc-tds-chip{height:16px;padding:8px 16px;gap:6px}.component.sc-tds-chip .tds-chip-component.sm.sc-tds-chip label.sc-tds-chip{height:16px;padding:4px 12px;gap:4px}.component.sc-tds-chip .tds-chip-component.sm.prefix.sc-tds-chip label.sc-tds-chip{padding:4px 12px 4px 8px}.component.sc-tds-chip .tds-chip-component.sm.suffix.sc-tds-chip label.sc-tds-chip{padding:4px 8px 4px 12px}.component.sc-tds-chip .tds-chip-component.lg.prefix.sc-tds-chip label.sc-tds-chip{padding:8px 16px 8px 10px}.component.sc-tds-chip .tds-chip-component.lg.suffix.sc-tds-chip label.sc-tds-chip{padding:8px 10px 8px 16px}.component.sc-tds-chip .tds-chip-component.sm.prefix.suffix.sc-tds-chip label.sc-tds-chip{padding:4px 8px}.component.sc-tds-chip .tds-chip-component.lg.prefix.suffix.sc-tds-chip label.sc-tds-chip{padding:8px 10px}.component.sc-tds-chip .tds-chip-component.sc-tds-chip input.sc-tds-chip{opacity:0;position:absolute;z-index:-1}.component.sc-tds-chip .tds-chip-component.sc-tds-chip input.sc-tds-chip:focus-visible+label.sc-tds-chip{outline:2px solid var(--tds-focus-outline-color);box-shadow:0 0 0 1px var(--tds-white);outline-offset:1px;z-index:1;background-color:var(--tds-chips-background-focus);border-color:transparent}.component.sc-tds-chip .tds-chip-component.sc-tds-chip input.sc-tds-chip:checked+label.sc-tds-chip{background-color:var(--tds-chips-background-active);color:var(--tds-chips-color-active);border-color:var(--tds-chips-background-active)}.component.sc-tds-chip .tds-chip-component.sc-tds-chip input.sc-tds-chip:checked+label.sc-tds-chip:hover{background-color:var(--tds-chips-background-active-hover);border-color:var(--tds-chips-border-selected-hover)}";
-const TdsChipStyle0 = chipCss;
-
-const TdsChip$1 = /*@__PURE__*/ proxyCustomElement(class TdsChip extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.tdsChange = createEvent(this, "tdsChange", 6);
-        this.internalRadioOnChange = createEvent(this, "internalRadioOnChange", 6);
-        this.tdsClick = createEvent(this, "tdsClick", 6);
-        this.handleChange = () => {
-            if (!this.disabled) {
-                // Only proceed if not disabled
-                if (this.type === 'checkbox') {
-                    this.checked = !this.checked;
-                }
-                else if (this.type === 'radio') {
-                    this.checked = true;
-                    this.internalRadioOnChange.emit({
-                        chipId: this.chipId,
-                        checked: this.checked,
-                        groupName: this.name,
-                    });
-                }
-                else {
-                    console.error('Unsupported type in Chip component!');
-                }
-                this.tdsChange.emit({
-                    chipId: this.chipId,
-                    checked: this.checked,
-                    value: this.value,
-                });
-            }
-        };
-        this.handleClick = () => {
-            if (!this.disabled) {
-                // Only proceed if not disabled
-                this.tdsClick.emit({
-                    chipId: this.chipId,
-                });
-            }
-        };
-        this.type = 'button';
-        this.size = 'lg';
-        this.chipId = generateUniqueId();
-        this.checked = false;
-        this.name = undefined;
-        this.value = undefined;
-        this.disabled = false;
-        this.tdsAriaLabel = undefined;
-    }
-    handleInternaRadioChange(event) {
-        const { chipId, checked, groupName } = event.detail;
-        // if event comes from different button within the group
-        if (chipId !== this.chipId && groupName === this.name) {
-            //  and both incoming and this is checked
-            if (this.checked && checked) {
-                this.checked = false;
-            }
-        }
-    }
-    renderInputAttributes() {
-        const commonAttributes = {
-            disabled: this.disabled,
-        };
-        if (this.type !== 'button') {
-            return Object.assign(Object.assign({}, commonAttributes), { value: this.value, checked: this.checked, name: this.name, onChange: () => this.handleChange() });
-        }
-        return Object.assign(Object.assign({}, commonAttributes), { onClick: () => this.handleClick() });
-    }
-    render() {
-        const inputAttributes = this.renderInputAttributes();
-        const hasPrefixSlot = hasSlot('prefix', this.host);
-        const hasLabelSlot = hasSlot('label', this.host);
-        const hasSuffixSlot = hasSlot('suffix', this.host);
-        const chipClasses = {
-            'tds-chip-component': true,
-            'sm': this.size === 'sm',
-            'lg': this.size === 'lg',
-            'prefix': hasPrefixSlot,
-            'suffix': hasSuffixSlot,
-            'disabled': this.disabled,
-        };
-        return (h(Host, { key: '7018c9c28fdd3711456101805579931c2dec9278' }, h("div", { key: '351255bf87d14f5443f247c33e020f6fa6d6d93d', class: "component" }, h("div", { key: '54cbaa247d6174f21a6ee00c6953a3d0d2b9206e', class: chipClasses }, h("input", Object.assign({ key: '435b31b0c747372a220c9e80fc32ba3269eea46c', type: this.type, id: this.chipId, "aria-checked": this.type === 'button' ? undefined : String(this.checked), role: this.type, "aria-label": this.tdsAriaLabel }, inputAttributes)), h("label", { key: 'b5fc3b3b932f318178153d9c45ed167d0d3cea0b', onClick: (event) => event.stopPropagation(), htmlFor: this.chipId }, hasPrefixSlot && h("slot", { key: '7f38872f349515859f588741654a0151ca5a061b', name: "prefix" }), hasLabelSlot && h("slot", { key: '7670be1edaa2fad3840e6956c1cc0a44d804e921', name: "label" }), hasSuffixSlot && h("slot", { key: '7494aca04287e18495080f3e3a43507a714f1a24', name: "suffix" }))))));
-    }
-    get host() { return this; }
-    static get style() { return TdsChipStyle0; }
-}, [6, "tds-chip", {
-        "type": [1],
-        "size": [1],
-        "chipId": [1, "chip-id"],
-        "checked": [1540],
-        "name": [1],
-        "value": [1],
-        "disabled": [4],
-        "tdsAriaLabel": [1, "tds-aria-label"]
-    }, [[16, "internalRadioOnChange", "handleInternaRadioChange"]]]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["tds-chip"];
-    components.forEach(tagName => { switch (tagName) {
-        case "tds-chip":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, TdsChip$1);
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const TdsChip = TdsChip$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { TdsChip, defineCustomElement };
+import{t as s,p as c,H as t,c as i,h as e,a as d}from"./index.js";import{g as p}from"./p-Cn4f8w1e.js";import{h as o}from"./p-DDX6uFcm.js";const h=c(class extends t{constructor(s){super(),!1!==s&&this.__registerHost(),this.tdsChange=i(this,"tdsChange",6),this.internalRadioOnChange=i(this,"internalRadioOnChange",6),this.tdsClick=i(this,"tdsClick",6),this.type="button",this.size="lg",this.chipId=p(),this.checked=!1,this.disabled=!1,this.handleChange=()=>{this.disabled||("checkbox"===this.type?this.checked=!this.checked:"radio"===this.type?(this.checked=!0,this.internalRadioOnChange.emit({chipId:this.chipId,checked:this.checked,groupName:this.name})):console.error("Unsupported type in Chip component!"),this.tdsChange.emit({chipId:this.chipId,checked:this.checked,value:this.value}))},this.handleClick=()=>{this.disabled||this.tdsClick.emit({chipId:this.chipId})}}handleInternaRadioChange(s){const{chipId:c,checked:t,groupName:i}=s.detail;c!==this.chipId&&i===this.name&&this.checked&&t&&(this.checked=!1)}renderInputAttributes(){return Object.assign(Object.assign({},{disabled:this.disabled}),"button"!==this.type?{value:this.value,checked:this.checked,name:this.name,onChange:()=>this.handleChange()}:{onClick:()=>this.handleClick()})}render(){const s=this.renderInputAttributes(),c=o("prefix",this.host),t=o("label",this.host),i=o("suffix",this.host);return e(d,{key:"7018c9c28fdd3711456101805579931c2dec9278"},e("div",{key:"c5157cdd3fe2b6db26c7684ee415f924cc3a8a87",class:{"tds-chip-component":!0,sm:"sm"===this.size,lg:"lg"===this.size,prefix:c,suffix:i,disabled:this.disabled}},e("input",Object.assign({key:"fa5a3d476c1bf967c4a27d49c32ff032f58c6297",type:this.type,id:this.chipId,"aria-checked":"button"===this.type?void 0:this.checked+"",role:this.type,"aria-label":this.tdsAriaLabel},s)),e("label",{key:"d90597092adbe2b4bfa6c2d98edf6b29bc507fbf",onClick:s=>s.stopPropagation(),htmlFor:this.chipId},c&&e("slot",{key:"8269d76dc638e523cf9c386f9b7de80b25a6aab0",name:"prefix"}),t&&e("slot",{key:"ffaebfbaf18e563d022535efd5b12b8991aa79b6",name:"label"}),i&&e("slot",{key:"95c9b55b8fa536011624a86430c27d5d65a5ed09",name:"suffix"}))))}get host(){return this}static get style(){return".sc-tds-chip-s>*{display:inline-flex;align-items:center}.sc-tds-chip-h{display:inline-block}.sc-tds-chip-h.sc-tds-chip-s>[slot=label],.sc-tds-chip-h .sc-tds-chip-s>[slot=label]{padding-top:2px}.tds-chip-component.sc-tds-chip{display:inline-flex}.tds-chip-component.sc-tds-chip label.sc-tds-chip{box-sizing:content-box;background-color:var(--tds-chips-background);color:var(--tds-chips-color);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);display:inline-flex;align-items:center;border-radius:32px;border:1px solid var(--tds-chips-border);cursor:pointer;white-space:nowrap}.tds-chip-component.sc-tds-chip label.sc-tds-chip:hover{background-color:var(--tds-chips-background-hover);border-color:var(--tds-chips-border-hover)}.tds-chip-component.disabled.sc-tds-chip label.sc-tds-chip{background-color:var(--tds-chips-background-disabled);color:var(--tds-chips-text-disabled);border-color:transparent;cursor:default;pointer-events:none}.tds-chip-component.disabled.sc-tds-chip input.sc-tds-chip{pointer-events:none}.tds-chip-component.disabled.sc-tds-chip input[type=radio].sc-tds-chip:checked:disabled+label.sc-tds-chip{background-color:var(--tds-chips-background-active-disabled);color:var(--tds-chips-text-checked-disabled);border-color:transparent}.tds-chip-component.disabled.sc-tds-chip input[type=checkbox].sc-tds-chip:checked:disabled+label.sc-tds-chip{background-color:var(--tds-chips-background-active-disabled);color:var(--tds-chips-text-checked-disabled);border-color:transparent}.tds-chip-component.lg.sc-tds-chip label.sc-tds-chip{height:16px;padding:8px 16px;gap:6px}.tds-chip-component.sm.sc-tds-chip label.sc-tds-chip{height:16px;padding:4px 12px;gap:4px}.tds-chip-component.sm.prefix.sc-tds-chip label.sc-tds-chip{padding:4px 12px 4px 8px}.tds-chip-component.sm.suffix.sc-tds-chip label.sc-tds-chip{padding:4px 8px 4px 12px}.tds-chip-component.lg.prefix.sc-tds-chip label.sc-tds-chip{padding:8px 16px 8px 10px}.tds-chip-component.lg.suffix.sc-tds-chip label.sc-tds-chip{padding:8px 10px 8px 16px}.tds-chip-component.sm.prefix.suffix.sc-tds-chip label.sc-tds-chip{padding:4px 8px}.tds-chip-component.lg.prefix.suffix.sc-tds-chip label.sc-tds-chip{padding:8px 10px}.tds-chip-component.sc-tds-chip input.sc-tds-chip{opacity:0;position:absolute;z-index:-1}.tds-chip-component.sc-tds-chip input.sc-tds-chip:focus-visible+label.sc-tds-chip{outline:2px solid var(--tds-focus-outline-color);box-shadow:0 0 0 1px var(--tds-white);outline-offset:1px;z-index:1;background-color:var(--tds-chips-background-focus);border-color:transparent}.tds-chip-component.sc-tds-chip input.sc-tds-chip:checked+label.sc-tds-chip{background-color:var(--tds-chips-background-active);color:var(--tds-chips-color-active);border-color:var(--tds-chips-background-active)}.tds-chip-component.sc-tds-chip input.sc-tds-chip:checked+label.sc-tds-chip:hover{background-color:var(--tds-chips-background-active-hover);border-color:var(--tds-chips-border-selected-hover)}"}},[262,"tds-chip",{type:[1],size:[1],chipId:[1,"chip-id"],checked:[1540],name:[1],value:[1],disabled:[4],tdsAriaLabel:[1,"tds-aria-label"]},[[16,"internalRadioOnChange","handleInternaRadioChange"]]]);function a(){"undefined"!=typeof customElements&&["tds-chip"].forEach((c=>{"tds-chip"===c&&(customElements.get(s(c))||customElements.define(s(c),h))}))}a();const n=h,r=a;export{n as TdsChip,r as defineCustomElement}

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

@@ -1,6 +1 @@
-import { T as TdsCoreHeaderItem$1, d as defineCustomElement$1 } from './p-e1622f4a.js';
-
-const TdsCoreHeaderItem = TdsCoreHeaderItem$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { TdsCoreHeaderItem, defineCustomElement };
+import{T as o,d as p}from"./p-Bp11uQum.js";const s=o,m=p;export{s as TdsCoreHeaderItem,m as defineCustomElement}

package/dist/components/tds-datetime.js

@@ -1,198 +1 @@
-import { p as proxyCustomElement, H, d as createEvent, h } from './p-28ef5186.js';
-import { g as generateUniqueId } from './p-11648030.js';
-import { d as defineCustomElement$2 } from './p-f086ba26.js';
-
-const datetimeCss = "@supports selector(input::-webkit-datetime-edit){.tds-datetime-input.sc-tds-datetime:not(:focus)::-webkit-datetime-edit,.tds-datetime-input-md.sc-tds-datetime:not(:focus)::-webkit-datetime-edit,.tds-datetime-input-sm.sc-tds-datetime:not(:focus)::-webkit-datetime-edit{color:var(--tds-datetime-placeholder-color)}}.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:disabled{background-color:var(--tds-datetime-background-disabled);color:var(--tds-datetime-color-disabled);cursor:not-allowed}.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: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~.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: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~.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-datetime-label-inside.iphone.sc-tds-datetime{left:8px !important}.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-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-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~.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.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.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-focus.sc-tds-datetime .tds-datetime-input.sc-tds-datetime,.tds-datetime-focus.sc-tds-datetime .tds-datetime-input-md.sc-tds-datetime,.tds-datetime-focus.sc-tds-datetime .tds-datetime-input-sm.sc-tds-datetime{border-radius:0;outline:2px solid var(--tds-focus-outline-color);box-shadow:inset 0 0 0 3px var(--tds-white);outline-offset:-2px;z-index:1}.tds-datetime-focus.sc-tds-datetime .tds-datetime-container.sc-tds-datetime{border-bottom:none}.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-disabled.sc-tds-datetime .tds-datetime-helper.sc-tds-datetime{color:var(--tds-datetime-helper-disabled)}.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-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-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}@supports (-moz-appearance: none){.type-datetime-local.sc-tds-datetime .icon-datetime-local.sc-tds-datetime,.type-date.sc-tds-datetime .icon-datetime-local.sc-tds-datetime{display:none}}";
-const TdsDatetimeStyle0 = datetimeCss;
-
-const TdsDatetime$1 = /*@__PURE__*/ proxyCustomElement(class TdsDatetime extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.tdsChange = createEvent(this, "tdsChange", 6);
-        this.tdsBlur = createEvent(this, "tdsBlur", 6);
-        this.tdsFocus = createEvent(this, "tdsFocus", 6);
-        this.tdsInput = createEvent(this, "tdsInput", 6);
-        this.getDefaultValue = () => {
-            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),
-            };
-            switch (this.type) {
-                case 'datetime-local':
-                    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:
-                    throw new Error('Invalid type.');
-            }
-        };
-        this.type = 'datetime-local';
-        this.value = '';
-        this.min = undefined;
-        this.max = undefined;
-        this.defaultValue = 'none';
-        this.disabled = false;
-        this.size = 'lg';
-        this.noMinWidth = false;
-        this.modeVariant = null;
-        this.name = `datetime-${generateUniqueId()}`;
-        this.state = undefined;
-        this.autofocus = false;
-        this.label = '';
-        this.labelPosition = 'no-label';
-        this.helper = '';
-        this.tdsAriaLabel = undefined;
-        this.focusInput = false;
-    }
-    /** Method that resets the value of the Datetime, using defaultValue if is not 'none' */
-    async reset() {
-        this.internalReset();
-        this.tdsChange.emit({
-            name: this.name,
-            value: this.value,
-        });
-    }
-    /** Method that sets the value of the datetime element */
-    async setValue(newValue) {
-        this.value = newValue;
-    }
-    /** Method to programmatically focus the datetime element */
-    async focusElement() {
-        if (this.textInput) {
-            this.textInput.focus();
-            this.focusInput = true;
-        }
-    }
-    componentWillLoad() {
-        if (this.defaultValue !== 'none') {
-            this.value = this.getDefaultValue();
-        }
-    }
-    // Listener if input enters focus state
-    handleFocusIn() {
-        this.focusInput = true;
-    }
-    // Listener if input leaves focus state
-    handleFocusOut() {
-        this.focusInput = false;
-    }
-    // Data input event in value prop
-    handleInput(e) {
-        this.value = e.target.value;
-        this.tdsInput.emit(e);
-    }
-    // Change event isn't a composed:true by default in for input
-    handleChange(e) {
-        this.tdsChange.emit(e);
-    }
-    /** Set the input as focus when clicking the whole Datetime with suffix/prefix */
-    handleFocusClick(e) {
-        this.textInput.focus();
-        this.tdsFocus.emit(e);
-    }
-    /** Set the input as focus when clicking the whole Datetime with suffix/prefix */
-    handleBlur(e) {
-        this.textInput.blur();
-        this.tdsBlur.emit(e);
-    }
-    /** Method that resets the dateteime without emitting an event. */
-    internalReset() {
-        const value = '';
-        if (this.defaultValue !== 'none') {
-            this.value = this.getDefaultValue();
-        }
-        this.value = value;
-    }
-    render() {
-        let className = ' tds-datetime-input';
-        if (this.size === 'md') {
-            className += `${className}-md`;
-        }
-        if (this.size === 'sm') {
-            className += `${className}-sm`;
-        }
-        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,
-            'tds-datetime-container-label-inside': !!(this.label &&
-                this.labelPosition === 'inside' &&
-                this.size !== 'sm'),
-        };
-        const iphone = navigator.userAgent.toLowerCase().includes('iphone');
-        return (h("div", { key: '93ab9dfbf3fc5a894153be95e9dd0a2b6010efaf', class: classNames, onKeyDown: (e) => {
-                if (e.key === 'Enter') {
-                    const browserIsChrome = navigator.userAgent.toLowerCase().includes('chrome');
-                    if (browserIsChrome) {
-                        // showPicker currently only works reliably for date inputs in Chrome and Chromium-based browsers:
-                        this.textInput.showPicker();
-                    }
-                }
-            } }, 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)))));
-    }
-    static get style() { return TdsDatetimeStyle0; }
-}, [2, "tds-datetime", {
-        "type": [513],
-        "value": [1537],
-        "min": [1],
-        "max": [1],
-        "defaultValue": [1, "default-value"],
-        "disabled": [4],
-        "size": [1],
-        "noMinWidth": [4, "no-min-width"],
-        "modeVariant": [1, "mode-variant"],
-        "name": [1],
-        "state": [1],
-        "autofocus": [4],
-        "label": [1],
-        "labelPosition": [1, "label-position"],
-        "helper": [1],
-        "tdsAriaLabel": [1, "tds-aria-label"],
-        "focusInput": [32],
-        "reset": [64],
-        "setValue": [64],
-        "focusElement": [64]
-    }, [[0, "focusin", "handleFocusIn"], [0, "focusout", "handleFocusOut"]]]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["tds-datetime", "tds-icon"];
-    components.forEach(tagName => { switch (tagName) {
-        case "tds-datetime":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, TdsDatetime$1);
-            }
-            break;
-        case "tds-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const TdsDatetime = TdsDatetime$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { TdsDatetime, defineCustomElement };
+import{t,p as e,H as d,c as i,h as s}from"./index.js";import{g as a}from"./p-Cn4f8w1e.js";import{d as o}from"./p-hVetZOGH.js";const m=e(class extends d{constructor(t){super(),!1!==t&&this.__registerHost(),this.tdsChange=i(this,"tdsChange",6),this.tdsBlur=i(this,"tdsBlur",6),this.tdsFocus=i(this,"tdsFocus",6),this.tdsInput=i(this,"tdsInput",6),this.type="datetime-local",this.value="",this.defaultValue="none",this.disabled=!1,this.size="lg",this.noMinWidth=!1,this.modeVariant=null,this.name="datetime-"+a(),this.autofocus=!1,this.label="",this.labelPosition="no-label",this.helper="",this.focusInput=!1,this.getDefaultValue=()=>{const t=this.defaultValue.slice(0,4),e=this.defaultValue.slice(5,7),d=this.defaultValue.slice(6,8),i=this.defaultValue.slice(8,10),s=this.defaultValue.slice(11,13),a=this.defaultValue.slice(14,16);switch(this.type){case"datetime-local":return`${t}-${e}-${i}T${s}:${a}`;case"date":return`${t}-${e}-${i}`;case"month":return`${t}-${e}`;case"week":return`${t}-W${d}`;case"time":return`${this.defaultValue.slice(0,2)}:${this.defaultValue.slice(3,5)}`;default:throw Error("Invalid type.")}}}async reset(){this.internalReset(),this.tdsChange.emit({name:this.name,value:this.value})}async setValue(t){this.value=t}async focusElement(){this.textInput&&(this.textInput.focus(),this.focusInput=!0)}componentWillLoad(){"none"!==this.defaultValue&&(this.value=this.getDefaultValue())}handleFocusIn(){this.focusInput=!0}handleFocusOut(){this.focusInput=!1}handleInput(t){this.value=t.target.value,this.tdsInput.emit(t)}handleChange(t){this.tdsChange.emit(t)}handleFocusClick(t){this.textInput.focus(),this.tdsFocus.emit(t)}handleBlur(t){this.textInput.blur(),this.tdsBlur.emit(t)}internalReset(){"none"!==this.defaultValue&&(this.value=this.getDefaultValue()),this.value=""}render(){let t=" tds-datetime-input";"md"===this.size&&(t+=t+"-md"),"sm"===this.size&&(t+=t+"-sm");const e={"tds-form-datetime-nomin":this.noMinWidth,"tds-form-datetime":!0,"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]:null!==this.modeVariant,"tds-datetime-container-label-inside":!(!this.label||"inside"!==this.labelPosition||"sm"===this.size)},d=navigator.userAgent.toLowerCase().includes("iphone");return s("div",{key:"9a5728ae04f1d45dff7d3bfcfbe7fa95425cba06",class:e,onKeyDown:t=>{"Enter"===t.key&&navigator.userAgent.toLowerCase().includes("chrome")&&this.textInput.showPicker()}},"outside"===this.labelPosition&&this.label&&s("label",{key:"8d504993c2a8677f98c3af0eee4783b8f4efb721",htmlFor:this.name,class:"tds-datetime-label"},this.label),s("div",{key:"236227a2f41b191c18f3b0ddd00e545ebbaf9f55",onClick:t=>this.handleFocusClick(t),class:"tds-datetime-container"},s("div",{key:"0171918cfd7407e8a8c61c4e156e234815c6779d",class:"tds-datetime-input-container type-"+this.type},s("input",{key:"eee3e74b7455eaca99c756323c419a0fc7f6840b",ref:t=>{t&&(this.textInput=t)},class:t,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:t=>this.handleInput(t),onBlur:t=>this.handleBlur(t),onChange:t=>this.handleChange(t),"aria-label":this.tdsAriaLabel?this.tdsAriaLabel:this.label}),"inside"===this.labelPosition&&"sm"!==this.size&&this.label&&s("label",{key:"2303f992b1b1e5b883a334de5acb3b6ee86974b1",class:"tds-datetime-label-inside "+(d&&"iphone"),htmlFor:this.name},this.label),s("div",{key:"c318983c59ab0773cd5971564c271b46483a27f6",class:"datetime-icon icon-datetime-local"},s("tds-icon",{key:"94b5d6afc623d5e2e9a9e9d5f2db06738d55221b",size:"20px",name:"calendar",svgTitle:"Calendar"})),s("div",{key:"53d53d1571524924138eb82409c0eeb7cde18da2",class:"datetime-icon icon-time"},s("tds-icon",{key:"68408ea5e005bb54f5b807c737b975e0695dfe47",size:"20px",name:"clock",svgTitle:"Clock"})))),this.helper&&s("div",{key:"3450c9e9c6ff78e9f950c594e4b7ad8c6f242769",class:"tds-datetime-helper"},s("div",{key:"b4268bc968071c2bab1164ac0acc87fe0f877ed4",class:"tds-helper"},"error"===this.state&&s("tds-icon",{key:"b530278ba3856da179957ca57a343d4b2e9adf8d",name:"error",size:"16px",svgTitle:"error"}),this.helper)))}static get style(){return"@supports selector(input::-webkit-datetime-edit){.tds-datetime-input.sc-tds-datetime:not(:focus)::-webkit-datetime-edit,.tds-datetime-input-md.sc-tds-datetime:not(:focus)::-webkit-datetime-edit,.tds-datetime-input-sm.sc-tds-datetime:not(:focus)::-webkit-datetime-edit{color:var(--tds-datetime-placeholder-color)}}.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:disabled{background-color:var(--tds-datetime-background-disabled);color:var(--tds-datetime-color-disabled);cursor:not-allowed}.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: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~.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: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~.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-datetime-label-inside.iphone.sc-tds-datetime{left:8px !important}.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-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-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~.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.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.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-focus.sc-tds-datetime .tds-datetime-input.sc-tds-datetime,.tds-datetime-focus.sc-tds-datetime .tds-datetime-input-md.sc-tds-datetime,.tds-datetime-focus.sc-tds-datetime .tds-datetime-input-sm.sc-tds-datetime{border-radius:0;outline:2px solid var(--tds-focus-outline-color);box-shadow:inset 0 0 0 3px var(--tds-white);outline-offset:-2px;z-index:1}.tds-datetime-focus.sc-tds-datetime .tds-datetime-container.sc-tds-datetime{border-bottom:none}.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-disabled.sc-tds-datetime .tds-datetime-helper.sc-tds-datetime{color:var(--tds-datetime-helper-disabled)}.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-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-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}@supports (-moz-appearance: none){.type-datetime-local.sc-tds-datetime .icon-datetime-local.sc-tds-datetime,.type-date.sc-tds-datetime .icon-datetime-local.sc-tds-datetime{display:none}}"}},[2,"tds-datetime",{type:[513],value:[1537],min:[1],max:[1],defaultValue:[1,"default-value"],disabled:[4],size:[1],noMinWidth:[4,"no-min-width"],modeVariant:[1,"mode-variant"],name:[1],state:[1],autofocus:[4],label:[1],labelPosition:[1,"label-position"],helper:[1],tdsAriaLabel:[1,"tds-aria-label"],focusInput:[32],reset:[64],setValue:[64],focusElement:[64]},[[0,"focusin","handleFocusIn"],[0,"focusout","handleFocusOut"]]]);function n(){"undefined"!=typeof customElements&&["tds-datetime","tds-icon"].forEach((e=>{switch(e){case"tds-datetime":customElements.get(t(e))||customElements.define(t(e),m);break;case"tds-icon":customElements.get(t(e))||o()}}))}n();const c=m,r=n;export{c as TdsDatetime,r as defineCustomElement}

package/dist/components/tds-divider.js

@@ -1,6 +1 @@
-import { D as Divider, d as defineCustomElement$1 } from './p-381677ec.js';
-
-const TdsDivider = Divider;
-const defineCustomElement = defineCustomElement$1;
-
-export { TdsDivider, defineCustomElement };
+import{D as o,d as s}from"./p-BonnqD8w.js";const n=o,p=s;export{n as TdsDivider,p as defineCustomElement}

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

@@ -1,6 +1 @@
-import { T as TdsDropdownOption$1, d as defineCustomElement$1 } from './p-ae4ca8c3.js';
-
-const TdsDropdownOption = TdsDropdownOption$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { TdsDropdownOption, defineCustomElement };
+import{T as s,d as o}from"./p-C4MTsi5W.js";const p=s,r=o;export{p as TdsDropdownOption,r as defineCustomElement}

package/dist/components/tds-dropdown.js

@@ -1,6 +1 @@
-import { T as TdsDropdown$1, d as defineCustomElement$1 } from './p-871223b7.js';
-
-const TdsDropdown = TdsDropdown$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { TdsDropdown, defineCustomElement };
+import{T as m,d as o}from"./p-DdOzmmZe.js";const s=m,p=o;export{s as TdsDropdown,p as defineCustomElement}

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

@@ -1,74 +1 @@
-import { p as proxyCustomElement, H, h, c as Host } from './p-28ef5186.js';
-
-const folderTabCss = ":host{box-sizing:border-box;position:relative}:host *{box-sizing:border-box}:host ::slotted(*){all:unset;min-width:142px;display:block;width:calc(100% - 32px);font:var(--tds-headline-07) !important;letter-spacing:var(--tds-headline-07-ls) !important;cursor:pointer;padding:16px;white-space:nowrap;text-decoration:none;text-align:left;outline:none;border:none}:host ::slotted(*:focus-within)::before{outline:2px solid var(--tds-focus-outline-color);box-shadow:0 0 0 1px var(--tds-white);outline-offset:1px;z-index:1;content:\"\";position:absolute;top:3px;bottom:3px;left:3px;right:3px}:host div:not(.selected){background-color:var(--tds-folder-tab-background);position:relative}:host div:not(.selected)::before{content:\"\";position:absolute;left:0;top:0;bottom:0;width:1px;background-color:var(--tds-folder-tab-divider-color)}:host div:not(.selected) ::slotted(*){border-top:2px solid transparent;color:var(--tds-folder-tab-item-color)}:host div:not(.selected):hover:not(.disabled){background-color:var(--tds-folder-tab-background-hover);cursor:pointer}:host div:not(.selected):hover:not(.disabled) ::slotted(*){border-top:2px solid var(--tds-folder-tab-top-border-hover);color:var(--tds-folder-tab-color)}:host div:not(.selected).disabled{background-color:var(--tds-folder-tab-item-background-disabled)}:host div:not(.selected).disabled ::slotted(*){color:var(--tds-folder-tab-item-color-disabled)}:host div:not(.selected).disabled ::slotted(*:focus-visible){outline:none}:host div:not(.selected).disabled ::slotted(*:hover){cursor:not-allowed}:host div:not(.selected).disabled ::slotted(*::after){content:none}:host .selected{background-color:var(--tds-folder-tab-background-selected);border-top:2px solid var(--tds-folder-tab-border-selected)}:host .selected::after{content:\" \";background-color:var(--tds-folder-tab-divider-color);width:1px;top:0;bottom:0;right:-1px;display:block;position:absolute;z-index:1}:host .selected ::slotted(*){color:var(--tds-folder-tab-color)}:host .selected:hover:not(.disabled){background-color:var(--tds-folder-tab-background-hover);cursor:pointer}:host .selected:hover:not(.disabled) ::slotted(*){color:var(--tds-folder-tab-color)}:host(.first) ::slotted(*){border-left-color:transparent}:host(.first) .selected{border-left:none}";
-const TdsFolderTabStyle0 = folderTabCss;
-
-const TdsFolderTab$1 = /*@__PURE__*/ proxyCustomElement(class TdsFolderTab extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.disabled = false;
-        this.selected = false;
-        this.tabWidth = undefined;
-    }
-    /** @internal Method to set the width of the tab. Used by the <tds-folder-tabs> */
-    async setTabWidth(width) {
-        this.tabWidth = width;
-    }
-    /** @internal Method to set the tab as selected. Used by the <tds-folder-tabs> */
-    async setSelected(selected) {
-        this.selected = selected;
-    }
-    connectedCallback() {
-        const elements = this.host.querySelectorAll('button, a');
-        for (let index = 0; index < elements.length; index++) {
-            const element = elements[index];
-            if (!element.getAttribute('aria-controls')) {
-                console.warn('Tegel folder-tab component: Interactive elements should have aria-controls attribute to link the tab to its corresponding panel');
-            }
-            if (element.getAttribute('role') !== 'tab') {
-                console.warn('Tegel folder-tab component: Interactive elements should have attribute role="tab"');
-            }
-            if (this.disabled) {
-                element.setAttribute('aria-disabled', 'true');
-            }
-            else {
-                element.removeAttribute('aria-disabled');
-            }
-        }
-    }
-    render() {
-        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: 'a3c58caf8081862b9b89052f30e7100493ea0985' }))));
-    }
-    get host() { return this; }
-    static get style() { return TdsFolderTabStyle0; }
-}, [1, "tds-folder-tab", {
-        "disabled": [4],
-        "selected": [32],
-        "tabWidth": [32],
-        "setTabWidth": [64],
-        "setSelected": [64]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["tds-folder-tab"];
-    components.forEach(tagName => { switch (tagName) {
-        case "tds-folder-tab":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, TdsFolderTab$1);
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const TdsFolderTab = TdsFolderTab$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { TdsFolderTab, defineCustomElement };
+import{t,p as e,H as o,h as d,a as s}from"./index.js";const r=e(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.disabled=!1,this.selected=!1}async setTabWidth(t){this.tabWidth=t}async setSelected(t){this.selected=t}connectedCallback(){const t=this.host.querySelectorAll("button, a");for(let e=0;e<t.length;e++){const o=t[e];o.getAttribute("aria-controls")||console.warn("Tegel folder-tab component: Interactive elements should have aria-controls attribute to link the tab to its corresponding panel"),"tab"!==o.getAttribute("role")&&console.warn('Tegel folder-tab component: Interactive elements should have attribute role="tab"'),this.disabled?o.setAttribute("aria-disabled","true"):o.removeAttribute("aria-disabled")}}render(){return d(s,{key:"3a6f843e08803fe8f005c0741449cc9f4a6df938","aria-selected":this.selected},d("div",{key:"5feeee7938110401632ccae56c7c9dda5fefdafd",class:{selected:this.selected,disabled:this.disabled},style:{width:this.tabWidth+"px"}},d("slot",{key:"5b3947a9e16cde774eddcb896849f965e16042c8"})))}get host(){return this}static get style(){return':host{box-sizing:border-box;position:relative}:host *{box-sizing:border-box}:host ::slotted(*){all:unset;min-width:142px;display:block;width:calc(100% - 32px);font:var(--tds-headline-07) !important;letter-spacing:var(--tds-headline-07-ls) !important;cursor:pointer;padding:16px;white-space:nowrap;text-decoration:none;text-align:left;outline:none;border:none}:host ::slotted(*:focus-within)::before{outline:2px solid var(--tds-focus-outline-color);box-shadow:0 0 0 1px var(--tds-white);outline-offset:1px;z-index:1;content:"";position:absolute;top:3px;bottom:3px;left:3px;right:3px}:host div:not(.selected){background-color:var(--tds-folder-tab-background);position:relative}:host div:not(.selected)::before{content:"";position:absolute;left:0;top:0;bottom:0;width:1px;background-color:var(--tds-folder-tab-divider-color)}:host div:not(.selected) ::slotted(*){border-top:2px solid transparent;color:var(--tds-folder-tab-item-color)}:host div:not(.selected):hover:not(.disabled){background-color:var(--tds-folder-tab-background-hover);cursor:pointer}:host div:not(.selected):hover:not(.disabled) ::slotted(*){border-top:2px solid var(--tds-folder-tab-top-border-hover);color:var(--tds-folder-tab-color)}:host div:not(.selected).disabled{background-color:var(--tds-folder-tab-item-background-disabled)}:host div:not(.selected).disabled ::slotted(*){color:var(--tds-folder-tab-item-color-disabled)}:host div:not(.selected).disabled ::slotted(*:focus-visible){outline:none}:host div:not(.selected).disabled ::slotted(*:hover){cursor:not-allowed}:host div:not(.selected).disabled ::slotted(*::after){content:none}:host .selected{background-color:var(--tds-folder-tab-background-selected);border-top:2px solid var(--tds-folder-tab-border-selected)}:host .selected::after{content:" ";background-color:var(--tds-folder-tab-divider-color);width:1px;top:0;bottom:0;right:-1px;display:block;position:absolute;z-index:1}:host .selected ::slotted(*){color:var(--tds-folder-tab-color)}:host .selected:hover:not(.disabled){background-color:var(--tds-folder-tab-background-hover);cursor:pointer}:host .selected:hover:not(.disabled) ::slotted(*){color:var(--tds-folder-tab-color)}:host(.first) ::slotted(*){border-left-color:transparent}:host(.first) .selected{border-left:none}'}},[257,"tds-folder-tab",{disabled:[4],selected:[32],tabWidth:[32],setTabWidth:[64],setSelected:[64]}]);function l(){"undefined"!=typeof customElements&&["tds-folder-tab"].forEach((e=>{"tds-folder-tab"===e&&(customElements.get(t(e))||customElements.define(t(e),r))}))}l();const a=r,i=l;export{a as TdsFolderTab,i as defineCustomElement}