@scania/tegel 1.47.2 → 1.48.0

package/dist/components/tds-popover-menu-item.js

@@ -1,41 +1 @@
-import { p as proxyCustomElement, H, h, c as Host } from './p-28ef5186.js';
-
-const popoverMenuItemCss = ":host{box-sizing:border-box;display:block}:host *{box-sizing:border-box}:host .wrapper{font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);color:var(--tds-popover-menu-color);position:relative;width:100%;display:flex;align-items:center;transition:background-color var(--tds-motion-duration-fast-02) var(--tds-motion-easing-easy)}:host .wrapper:hover{cursor:pointer;background-color:var(--tds-popover-menu-background-hover)}:host .wrapper.disabled{cursor:not-allowed;color:var(--tds-popover-menu-divider-disabled-color)}:host .wrapper.disabled:hover{background-color:inherit}:host .wrapper.disabled ::slotted(tds-icon){color:var(--tds-popover-menu-divider-disabled-icon-color)}:host .wrapper.disabled ::slotted(*){pointer-events:none}:host ::slotted(*:not(tds-icon)){all:unset;width:100%;display:inline-flex;display:flex;align-items:center;gap:10px;padding:10px 16px}:host ::slotted(*:focus-visible)::before{z-index:-1;content:\"\";display:block;position:absolute;width:calc(100% - 4px);height:100%;top:0;left:2px;outline:1px solid var(--tds-blue-400);outline-offset:1px}";
-const TdsPopoverMenuItemStyle0 = popoverMenuItemCss;
-
-const TdsPopoverMenuItem$1 = /*@__PURE__*/ proxyCustomElement(class TdsPopoverMenuItem extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.disabled = false;
-    }
-    render() {
-        return (h(Host, { key: '189497fe898065e585b2bf342611716b7b44778b', role: "menuitem", "aria-disabled": this.disabled ? 'true' : 'false' }, h("div", { key: '5904e5da7c9f4cfe1a35df1b5b1549a8a4c501a9', class: {
-                wrapper: true,
-                disabled: this.disabled,
-            } }, h("slot", { key: 'ddacc7938ca455a8151b2e46449414146073b045' }))));
-    }
-    static get style() { return TdsPopoverMenuItemStyle0; }
-}, [1, "tds-popover-menu-item", {
-        "disabled": [4]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["tds-popover-menu-item"];
-    components.forEach(tagName => { switch (tagName) {
-        case "tds-popover-menu-item":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, TdsPopoverMenuItem$1);
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const TdsPopoverMenuItem = TdsPopoverMenuItem$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { TdsPopoverMenuItem, defineCustomElement };
+import{t as e,p as o,H as t,h as s,a as r}from"./index.js";const i=o(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.disabled=!1}render(){return s(r,{key:"189497fe898065e585b2bf342611716b7b44778b",role:"menuitem","aria-disabled":this.disabled?"true":"false"},s("div",{key:"5904e5da7c9f4cfe1a35df1b5b1549a8a4c501a9",class:{wrapper:!0,disabled:this.disabled}},s("slot",{key:"ddacc7938ca455a8151b2e46449414146073b045"})))}static get style(){return':host{box-sizing:border-box;display:block}:host *{box-sizing:border-box}:host .wrapper{font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);color:var(--tds-popover-menu-color);position:relative;width:100%;display:flex;align-items:center;transition:background-color var(--tds-motion-duration-fast-02) var(--tds-motion-easing-easy)}:host .wrapper:hover{cursor:pointer;background-color:var(--tds-popover-menu-background-hover)}:host .wrapper.disabled{cursor:not-allowed;color:var(--tds-popover-menu-divider-disabled-color)}:host .wrapper.disabled:hover{background-color:inherit}:host .wrapper.disabled ::slotted(tds-icon){color:var(--tds-popover-menu-divider-disabled-icon-color)}:host .wrapper.disabled ::slotted(*){pointer-events:none}:host ::slotted(*:not(tds-icon)){all:unset;width:100%;display:inline-flex;display:flex;align-items:center;gap:10px;padding:10px 16px}:host ::slotted(*:focus-visible)::before{z-index:-1;content:"";display:block;position:absolute;width:calc(100% - 4px);height:100%;top:0;left:2px;outline:1px solid var(--tds-blue-400);outline-offset:1px}'}},[257,"tds-popover-menu-item",{disabled:[4]}]);function d(){"undefined"!=typeof customElements&&["tds-popover-menu-item"].forEach((o=>{"tds-popover-menu-item"===o&&(customElements.get(e(o))||customElements.define(e(o),i))}))}d();const a=i,n=d;export{a as TdsPopoverMenuItem,n as defineCustomElement}

package/dist/components/tds-popover-menu.js

@@ -1,84 +1 @@
-import { p as proxyCustomElement, H, h, c as Host } from './p-28ef5186.js';
-import { i as inheritAttributes } from './p-3fe9cbbf.js';
-import { d as defineCustomElement$2 } from './p-e62ed985.js';
-
-const popoverMenuCss = ".tds-popover-menu.sc-tds-popover-menu{box-sizing:border-box;overflow:hidden;width:160px;background-color:var(--tds-popover-menu-background);padding:16px 6px;box-shadow:0 3px 3px rgba(0, 0, 0, 0.15), 0 -1px 1px rgba(0, 0, 0, 0.1);border-radius:4px;z-index:900}.tds-popover-menu.sc-tds-popover-menu *.sc-tds-popover-menu{box-sizing:border-box}.tds-popover-menu.fluid-width.sc-tds-popover-menu{width:unset}tds-popover-core.sc-tds-popover-menu{padding:6px 0 !important}.sc-tds-popover-menu-s>tds-divider{display:block;padding:6px !important}";
-const TdsPopoverMenuStyle0 = popoverMenuCss;
-
-const TdsPopoverMenu$1 = /*@__PURE__*/ proxyCustomElement(class TdsPopoverMenu extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.inheritedAttributes = {};
-        this.selector = undefined;
-        this.referenceEl = undefined;
-        this.show = null;
-        this.defaultShow = false;
-        this.placement = 'auto';
-        this.animation = 'none';
-        this.offsetSkidding = 0;
-        this.offsetDistance = 8;
-        this.fluidWidth = false;
-        this.modeVariant = null;
-        this.childRef = undefined;
-    }
-    /** Property for closing popover programmatically */
-    async close() {
-        var _a;
-        (_a = this.childRef) === null || _a === void 0 ? void 0 : _a.close();
-    }
-    componentWillLoad() {
-        this.inheritedAttributes = inheritAttributes(this.host, ['style', 'class']);
-    }
-    render() {
-        var _a;
-        return (h(Host, { key: '9475e802c247f2be782246ed4060d1df78cb9ca6', class: {
-                [`tds-mode-variant-${this.modeVariant}`]: Boolean(this.modeVariant),
-            } }, h("tds-popover-core", { key: 'f124ad67796e05654a4b1af634877e372a0b69e7', class: {
-                'tds-popover-menu': true,
-                [(_a = this.inheritedAttributes.class) !== null && _a !== void 0 ? _a : '']: true,
-                'fluid-width': this.fluidWidth,
-            }, selector: this.selector, referenceEl: this.referenceEl, show: this.show, placement: this.placement, offsetSkidding: this.offsetSkidding, offsetDistance: this.offsetDistance, ref: (el) => {
-                this.childRef = el;
-            }, defaultShow: this.defaultShow, animation: this.animation }, h("div", { key: 'f97c6bd562a011be0595fa0189dd1209e6f80bca', role: "menu" }, h("slot", { key: '8d7ddcf67d2adc1d928384779a01eed8adf61e41' })))));
-    }
-    get host() { return this; }
-    static get style() { return TdsPopoverMenuStyle0; }
-}, [6, "tds-popover-menu", {
-        "selector": [1],
-        "referenceEl": [16],
-        "show": [4],
-        "defaultShow": [4, "default-show"],
-        "placement": [1],
-        "animation": [1],
-        "offsetSkidding": [2, "offset-skidding"],
-        "offsetDistance": [2, "offset-distance"],
-        "fluidWidth": [4, "fluid-width"],
-        "modeVariant": [1, "mode-variant"],
-        "childRef": [32],
-        "close": [64]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["tds-popover-menu", "tds-popover-core"];
-    components.forEach(tagName => { switch (tagName) {
-        case "tds-popover-menu":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, TdsPopoverMenu$1);
-            }
-            break;
-        case "tds-popover-core":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const TdsPopoverMenu = TdsPopoverMenu$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { TdsPopoverMenu, defineCustomElement };
+import{t as e,p as s,H as t,h as o,a as d}from"./index.js";import{i}from"./p-CF8bH08v.js";import{d as r}from"./p-BrDlXJ4P.js";const n=s(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.show=null,this.defaultShow=!1,this.placement="auto",this.animation="none",this.offsetSkidding=0,this.offsetDistance=8,this.fluidWidth=!1,this.modeVariant=null,this.inheritedAttributes={}}async close(){var e;null===(e=this.childRef)||void 0===e||e.close()}componentWillLoad(){this.inheritedAttributes=i(this.host,["style","class"])}render(){var e;return o(d,{key:"9475e802c247f2be782246ed4060d1df78cb9ca6",class:{["tds-mode-variant-"+this.modeVariant]:!!this.modeVariant}},o("tds-popover-core",{key:"f124ad67796e05654a4b1af634877e372a0b69e7",class:{"tds-popover-menu":!0,[null!==(e=this.inheritedAttributes.class)&&void 0!==e?e:""]:!0,"fluid-width":this.fluidWidth},selector:this.selector,referenceEl:this.referenceEl,show:this.show,placement:this.placement,offsetSkidding:this.offsetSkidding,offsetDistance:this.offsetDistance,ref:e=>{this.childRef=e},defaultShow:this.defaultShow,animation:this.animation},o("div",{key:"f97c6bd562a011be0595fa0189dd1209e6f80bca",role:"menu"},o("slot",{key:"8d7ddcf67d2adc1d928384779a01eed8adf61e41"}))))}get host(){return this}static get style(){return".tds-popover-menu.sc-tds-popover-menu{box-sizing:border-box;overflow:hidden;width:160px;background-color:var(--tds-popover-menu-background);padding:16px 6px;box-shadow:0 3px 3px rgba(0, 0, 0, 0.15), 0 -1px 1px rgba(0, 0, 0, 0.1);border-radius:4px;z-index:900}.tds-popover-menu.sc-tds-popover-menu *.sc-tds-popover-menu{box-sizing:border-box}.tds-popover-menu.fluid-width.sc-tds-popover-menu{width:unset}tds-popover-core.sc-tds-popover-menu{padding:6px 0 !important}.sc-tds-popover-menu-s>tds-divider{display:block;padding:6px !important}"}},[262,"tds-popover-menu",{selector:[1],referenceEl:[16],show:[4],defaultShow:[4,"default-show"],placement:[1],animation:[1],offsetSkidding:[2,"offset-skidding"],offsetDistance:[2,"offset-distance"],fluidWidth:[4,"fluid-width"],modeVariant:[1,"mode-variant"],childRef:[32],close:[64]}]);function p(){"undefined"!=typeof customElements&&["tds-popover-menu","tds-popover-core"].forEach((s=>{switch(s){case"tds-popover-menu":customElements.get(e(s))||customElements.define(e(s),n);break;case"tds-popover-core":customElements.get(e(s))||r()}}))}p();const a=n,c=p;export{a as TdsPopoverMenu,c as defineCustomElement}

package/dist/components/tds-radio-button.js

@@ -1,70 +1 @@
-import { p as proxyCustomElement, H, d as createEvent, h } from './p-28ef5186.js';
-import { g as generateUniqueId } from './p-11648030.js';
-
-const radioButtonCss = ".tds-radio-button.sc-tds-radio-button{box-sizing:border-box;display:flex;align-items:center;margin-left:-4px;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);color:var(--tds-radio-button-color)}.tds-radio-button.sc-tds-radio-button *.sc-tds-radio-button{box-sizing:border-box}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button{appearance:none;outline:none;margin:0;border:0;width:24px;height:24px;border-radius:50%;position:relative;cursor:pointer;flex-shrink:0;align-self:flex-start}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button+label.sc-tds-radio-button{padding:var(--tds-spacing-element-4) 0 var(--tds-spacing-element-4) var(--tds-spacing-element-4);cursor:pointer}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button::before,.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button::after{content:\"\";position:absolute;border-radius:50%;box-sizing:border-box}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button::before{width:22px;height:22px;left:1px;top:1px}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button::after{border:1px solid var(--tds-radio-button-interaction-01);background-color:var(--tds-radio-button-interaction-02);width:16px;height:16px;left:4px;top:4px}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:hover::before{background-color:var(--tds-radio-button-background-hover)}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:focus-visible::before{background-color:var(--tds-radio-button-background-focus);animation:rb-focus 0.4s cubic-bezier(0.65, 0.05, 0.38, 0.95) forwards}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:focus-visible::after{outline:1px solid var(--tds-radio-button-interaction-outline)}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:disabled,.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].disabled.sc-tds-radio-button{cursor:not-allowed}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:disabled::after,.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].disabled.sc-tds-radio-button::after{border-color:var(--tds-radio-button-border-color-disabled-after);background-color:var(--tds-radio-button-interaction-02)}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:disabled+label.sc-tds-radio-button,.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].disabled.sc-tds-radio-button+label.sc-tds-radio-button{color:var(--tds-radio-button-disabled);cursor:not-allowed}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:disabled:hover::before,.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].disabled.sc-tds-radio-button:hover::before{display:none;opacity:1}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:checked::after{border:4px solid var(--tds-radio-button-interaction-01)}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:checked:disabled:hover::before,.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:checked:disabled::before,.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:checked.disabled:hover::before,.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:checked.disabled::before{display:block;width:16px;height:16px;left:4px;top:4px;border:1px solid var(--tds-radio-button-color-disabled-before);box-sizing:content-box}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:checked:disabled::after,.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:checked.disabled::after{border:4px solid var(--tds-radio-button-interaction-02);background-color:var(--tds-radio-button-color-disabled-after);left:5px;top:5px}@keyframes rb-focus{0%{transform:scale(0);opacity:0}100%{transform:scale(1)}}";
-const TdsRadioButtonStyle0 = radioButtonCss;
-
-const TdsRadioButton$1 = /*@__PURE__*/ proxyCustomElement(class TdsRadioButton extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.tdsChange = createEvent(this, "tdsChange", 6);
-        this.handleChange = () => {
-            this.tdsChange.emit({
-                radioId: this.radioId,
-                value: this.value,
-            });
-        };
-        this.name = undefined;
-        this.value = undefined;
-        this.radioId = generateUniqueId();
-        this.checked = false;
-        this.required = false;
-        this.disabled = false;
-        this.tdsAriaLabel = undefined;
-        this.tdsTabIndex = undefined;
-    }
-    /** Method to programmatically focus the radio button element */
-    async focusElement() {
-        if (this.inputElement) {
-            this.inputElement.focus();
-        }
-    }
-    render() {
-        return (h("div", { key: '6a4ff569b492e4d5bbdccb0f9bd6b82a8186673e', class: "tds-radio-button" }, h("input", { key: '0681a3f58da48700d7134a5b4db923445fcc57cf', ref: (inputEl) => {
-                if (inputEl)
-                    this.inputElement = inputEl;
-            }, "aria-label": this.tdsAriaLabel, class: "tds-form-input", type: "radio", role: "radio", name: this.name, id: this.radioId, value: this.value, checked: this.checked, "aria-checked": this.checked, required: this.required, disabled: this.disabled, onChange: () => this.handleChange(), tabIndex: this.tdsTabIndex }), h("label", { key: '0b5ca6d7a54706ed0c7878b51380683da34301f7', htmlFor: this.radioId }, h("slot", { key: '68d0582c534588d209f1223191a9cc8781117a15', name: "label" }))));
-    }
-    get host() { return this; }
-    static get style() { return TdsRadioButtonStyle0; }
-}, [6, "tds-radio-button", {
-        "name": [1],
-        "value": [1],
-        "radioId": [1, "radio-id"],
-        "checked": [516],
-        "required": [4],
-        "disabled": [4],
-        "tdsAriaLabel": [1, "tds-aria-label"],
-        "tdsTabIndex": [2, "tds-tab-index"],
-        "focusElement": [64]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["tds-radio-button"];
-    components.forEach(tagName => { switch (tagName) {
-        case "tds-radio-button":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, TdsRadioButton$1);
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const TdsRadioButton = TdsRadioButton$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { TdsRadioButton, defineCustomElement };
+import{t,p as o,H as d,c as r,h as s}from"./index.js";import{g as i}from"./p-Cn4f8w1e.js";const a=o(class extends d{constructor(t){super(),!1!==t&&this.__registerHost(),this.tdsChange=r(this,"tdsChange",6),this.radioId=i(),this.checked=!1,this.required=!1,this.disabled=!1,this.handleChange=()=>{this.tdsChange.emit({radioId:this.radioId,value:this.value})}}async focusElement(){this.inputElement&&this.inputElement.focus()}render(){return s("div",{key:"6a4ff569b492e4d5bbdccb0f9bd6b82a8186673e",class:"tds-radio-button"},s("input",{key:"0681a3f58da48700d7134a5b4db923445fcc57cf",ref:t=>{t&&(this.inputElement=t)},"aria-label":this.tdsAriaLabel,class:"tds-form-input",type:"radio",role:"radio",name:this.name,id:this.radioId,value:this.value,checked:this.checked,"aria-checked":this.checked,required:this.required,disabled:this.disabled,onChange:()=>this.handleChange(),tabIndex:this.tdsTabIndex}),s("label",{key:"0b5ca6d7a54706ed0c7878b51380683da34301f7",htmlFor:this.radioId},s("slot",{key:"68d0582c534588d209f1223191a9cc8781117a15",name:"label"})))}get host(){return this}static get style(){return'.tds-radio-button.sc-tds-radio-button{box-sizing:border-box;display:flex;align-items:center;margin-left:-4px;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);color:var(--tds-radio-button-color)}.tds-radio-button.sc-tds-radio-button *.sc-tds-radio-button{box-sizing:border-box}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button{appearance:none;outline:none;margin:0;border:0;width:20px;height:24px;border-radius:50%;position:relative;cursor:pointer;flex-shrink:0;align-self:flex-start}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button+label.sc-tds-radio-button{padding:var(--tds-spacing-element-4) 0 var(--tds-spacing-element-4) 6px;cursor:pointer}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button::before,.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button::after{content:"";position:absolute;border-radius:50%;box-sizing:border-box}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button::before{width:20px;height:20px;top:2px}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button::after{border:1px solid var(--tds-radio-button-interaction-01);background-color:var(--tds-radio-button-interaction-02);width:16px;height:16px;left:50%;top:50%;transform:translate(-50%, -50%)}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:hover::before{background-color:var(--tds-radio-button-background-hover)}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:focus-visible::before{background-color:var(--tds-radio-button-background-focus);box-shadow:0 0 0 1px var(--tds-radio-button-background-focus);animation:rb-focus var(--tds-motion-duration-moderate-02) var(--tds-motion-easing-enter) forwards}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:focus-visible::after{outline:1px solid var(--tds-radio-button-interaction-outline)}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:disabled,.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].disabled.sc-tds-radio-button{cursor:not-allowed}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:disabled::after,.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].disabled.sc-tds-radio-button::after{border-color:var(--tds-radio-button-border-color-disabled-after);background-color:var(--tds-radio-button-interaction-02)}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:disabled+label.sc-tds-radio-button,.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].disabled.sc-tds-radio-button+label.sc-tds-radio-button{color:var(--tds-radio-button-disabled);cursor:not-allowed}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:disabled:hover::before,.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].disabled.sc-tds-radio-button:hover::before{display:none;opacity:1}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:checked::after{border:4px solid var(--tds-radio-button-interaction-01)}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:checked:disabled:hover::before,.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:checked:disabled::before,.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:checked.disabled:hover::before,.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:checked.disabled::before{display:block;background-color:transparent;width:16px;height:16px;left:2px;top:4px;box-shadow:inset 0 0 0 1px var(--tds-radio-button-border-color-disabled-after)}.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:checked:disabled::after,.tds-radio-button.sc-tds-radio-button .tds-form-input[type=radio].sc-tds-radio-button:checked.disabled::after{border:4px solid var(--tds-radio-button-interaction-02);background-color:var(--tds-radio-button-color-disabled-after);clip-path:inset(1px 1px round 50%)}@keyframes rb-focus{0%{transform:scale(0);opacity:0}100%{transform:scale(1)}}'}},[262,"tds-radio-button",{name:[1],value:[1],radioId:[1,"radio-id"],checked:[516],required:[4],disabled:[4],tdsAriaLabel:[1,"tds-aria-label"],tdsTabIndex:[2,"tds-tab-index"],focusElement:[64]}]);function e(){"undefined"!=typeof customElements&&["tds-radio-button"].forEach((o=>{"tds-radio-button"===o&&(customElements.get(t(o))||customElements.define(t(o),a))}))}e();const n=a,b=e;export{n as TdsRadioButton,b as defineCustomElement}

package/dist/components/tds-side-menu-close-button.js

@@ -1,53 +1 @@
-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$2 } from './p-f086ba26.js';
-
-const sideMenuCloseButtonCss = ":host button{height:64px;width:100%;text-align:left;padding:0 22px;border:none;background-color:var(--tds-sidebar-side-menu-background-cover);font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);color:var(--tds-sidebar-side-menu-single-item-color);display:flex;align-items:center;border-bottom:1px solid var(--tds-sidebar-side-menu-bottom-menu-border-top)}:host button:hover{cursor:pointer;background-color:var(--tds-sidebar-item-state-hover)}:host button:focus-visible{cursor:pointer;border:1px solid var(--tds-sidebar-side-menu-single-subitem-selected-border-color)}";
-const TdsSideMenuCloseButtonStyle0 = sideMenuCloseButtonCss;
-
-const TdsSideMenuCloseButton$1 = /*@__PURE__*/ proxyCustomElement(class TdsSideMenuCloseButton extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-    }
-    static handleClick() {
-        const hamburgerButton = document.querySelector('tds-header-hamburger');
-        if (hamburgerButton) {
-            hamburgerButton.setAttribute('aria-expanded', 'false');
-        }
-    }
-    render() {
-        // Find the closest side menu to this close button
-        const sideMenuEl = this.host.closest('tds-side-menu');
-        const sideMenuId = sideMenuEl ? sideMenuEl.id : '';
-        const buttonProps = Object.assign(Object.assign(Object.assign({ 'aria-label': 'Close' }, (sideMenuId && { 'aria-controls': sideMenuId })), inheritAriaAttributes(this.host)), { 'onClick': TdsSideMenuCloseButton.handleClick });
-        return (h(Host, { key: '3c7170428b11fd26f5c00f5f6012984982eb364c' }, h("button", Object.assign({ key: 'f3e0253705d9e7a2ddd6d20c779466d09b24b0f7' }, buttonProps), h("tds-icon", { key: 'caa6069e817904f832152838036ca3630b74cd5a', name: "cross", size: "20px", svgTitle: "Cross" }))));
-    }
-    get host() { return this; }
-    static get style() { return TdsSideMenuCloseButtonStyle0; }
-}, [1, "tds-side-menu-close-button"]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["tds-side-menu-close-button", "tds-icon"];
-    components.forEach(tagName => { switch (tagName) {
-        case "tds-side-menu-close-button":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, TdsSideMenuCloseButton$1);
-            }
-            break;
-        case "tds-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const TdsSideMenuCloseButton = TdsSideMenuCloseButton$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { TdsSideMenuCloseButton, defineCustomElement };
+import{t as e,p as t,H as s,h as o,a as r}from"./index.js";import{i as d}from"./p-Q3W78DlP.js";import{d as n}from"./p-C0fx1H4h.js";const i=t(class e extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}static handleClick(){const e=document.querySelector("tds-header-hamburger");e&&e.setAttribute("aria-expanded","false")}render(){const t=this.host.closest("tds-side-menu"),s=t?t.id:"",n=Object.assign(Object.assign(Object.assign({"aria-label":"Close"},s&&{"aria-controls":s}),d(this.host)),{onClick:e.handleClick});return o(r,{key:"3c7170428b11fd26f5c00f5f6012984982eb364c"},o("button",Object.assign({key:"f3e0253705d9e7a2ddd6d20c779466d09b24b0f7"},n),o("tds-icon",{key:"caa6069e817904f832152838036ca3630b74cd5a",name:"cross",size:"20px",svgTitle:"Cross"})))}get host(){return this}static get style(){return":host button{height:64px;width:100%;text-align:left;padding:0 22px;border:none;background-color:var(--tds-sidebar-side-menu-background-cover);font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);color:var(--tds-sidebar-side-menu-single-item-color);display:flex;align-items:center;border-bottom:1px solid var(--tds-sidebar-side-menu-bottom-menu-border-top)}:host button:hover{cursor:pointer;background-color:var(--tds-sidebar-item-state-hover)}:host button:focus-visible{cursor:pointer;border:1px solid var(--tds-sidebar-side-menu-single-subitem-selected-border-color)}"}},[1,"tds-side-menu-close-button"]);function c(){"undefined"!=typeof customElements&&["tds-side-menu-close-button","tds-icon"].forEach((t=>{switch(t){case"tds-side-menu-close-button":customElements.get(e(t))||customElements.define(e(t),i);break;case"tds-icon":customElements.get(e(t))||n()}}))}c();const a=i,l=c;export{a as TdsSideMenuCloseButton,l as defineCustomElement}

package/dist/components/tds-side-menu-collapse-button.js

@@ -1,74 +1 @@
-import { p as proxyCustomElement, H, d as createEvent, h, c as Host } from './p-28ef5186.js';
-import { d as defineCustomElement$2 } from './p-5725d7a2.js';
-
-const sideMenuCollapseButtonCss = ":host{position:sticky;bottom:0;display:none;height:68px;border-top:1px solid var(--tds-sidebar-side-menu-bottom-menu-border-top)}:host .icon{transform:rotateZ(90deg);transition:all 0.2s ease-in-out;width:20px;height:20px}:host .state-collapsed .icon{transform:translateX(-50%) rotateZ(90deg) rotateX(180deg);color:var(--tds-sidebar-side-menu-single-item-color);margin-left:0;position:absolute;left:50%}@media (min-width: 992px){:host{display:block}}";
-const TdsSideMenuCollapseButtonStyle0 = sideMenuCollapseButtonCss;
-
-const TdsSideMenuCollapseButton$1 = /*@__PURE__*/ proxyCustomElement(class TdsSideMenuCollapseButton extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.tdsCollapse = createEvent(this, "tdsCollapse", 3);
-        this.internalTdsCollapse = createEvent(this, "internalTdsCollapse", 6);
-        this.handleClick = () => {
-            /** Emit a public event that the user can prevent. */
-            const tdsCollapseEvent = this.tdsCollapse.emit({
-                collapsed: !this.collapsed,
-            });
-            /** If the public event was not prevented. */
-            if (!tdsCollapseEvent.defaultPrevented) {
-                /** Emit internal event that is listened to by other side-menu components */
-                this.collapsed = !this.collapsed;
-                this.internalTdsCollapse.emit({
-                    collapsed: this.collapsed,
-                });
-            }
-        };
-        this.collapsed = false;
-    }
-    collapseSideMenuEventHandler(event) {
-        this.collapsed = event.detail.collapsed;
-    }
-    connectedCallback() {
-        var _a;
-        this.sideMenuEl = this.host.closest('tds-side-menu');
-        this.collapsed = !!((_a = this.sideMenuEl) === null || _a === void 0 ? void 0 : _a.collapsed);
-    }
-    render() {
-        return (h(Host, { key: '563423e27c70296a2c11820bad22f2e6081cc0b6' }, h("div", { key: 'f9ed17f35641ec86cd31dc2c161bf478c30a3606', class: {
-                'wrapper': true,
-                'state-collapsed': this.collapsed,
-            } }, h("tds-side-menu-item", { key: '3364f79ca3719328636d1cb9b5bebb58e9f9ccdc', class: { button: true } }, h("button", { key: '699963ae2023fdbc5e8836b1801c13e622214634', type: "button", "aria-expanded": !this.collapsed ? 'true' : 'false', onClick: () => {
-                this.handleClick();
-            } }, h("svg", { key: 'c10901b2cdc12a50a29c1425319ae18286b33cdf', class: "icon", slot: "icon", fill: "none", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32" }, h("path", { key: 'd59bc5ce90e44be9f2d930b9a2ac72f26b653681', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M16 1.975a1 1 0 0 1 1 1v20.3l9.311-9.312a1 1 0 0 1 1.415 1.414l-9.887 9.887a2.6 2.6 0 0 1-3.677 0l-9.887-9.887a1 1 0 1 1 1.414-1.414L15 23.274V2.975a1 1 0 0 1 1-1ZM5.188 28.001a1 1 0 0 0 0 2h21.62a1 1 0 1 0 0-2H5.188Z", fill: "currentColor" })), !this.collapsed && h("slot", { key: '09f5787783fdb7168bbd28acf18ac0d769a31459' }))))));
-    }
-    get host() { return this; }
-    static get style() { return TdsSideMenuCollapseButtonStyle0; }
-}, [1, "tds-side-menu-collapse-button", {
-        "collapsed": [32]
-    }, [[16, "internalTdsSideMenuPropChange", "collapseSideMenuEventHandler"]]]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["tds-side-menu-collapse-button", "tds-side-menu-item"];
-    components.forEach(tagName => { switch (tagName) {
-        case "tds-side-menu-collapse-button":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, TdsSideMenuCollapseButton$1);
-            }
-            break;
-        case "tds-side-menu-item":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const TdsSideMenuCollapseButton = TdsSideMenuCollapseButton$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { TdsSideMenuCollapseButton, defineCustomElement };
+import{t as e,p as t,H as s,c as i,h as o,a}from"./index.js";import{d}from"./p-BWqvStj8.js";const n=t(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.tdsCollapse=i(this,"tdsCollapse",3),this.internalTdsCollapse=i(this,"internalTdsCollapse",6),this.collapsed=!1,this.handleClick=()=>{this.tdsCollapse.emit({collapsed:!this.collapsed}).defaultPrevented||(this.collapsed=!this.collapsed,this.internalTdsCollapse.emit({collapsed:this.collapsed}))}}collapseSideMenuEventHandler(e){this.collapsed=e.detail.collapsed}connectedCallback(){var e;this.sideMenuEl=this.host.closest("tds-side-menu"),this.collapsed=!!(null===(e=this.sideMenuEl)||void 0===e?void 0:e.collapsed)}render(){return o(a,{key:"563423e27c70296a2c11820bad22f2e6081cc0b6"},o("div",{key:"f9ed17f35641ec86cd31dc2c161bf478c30a3606",class:{wrapper:!0,"state-collapsed":this.collapsed}},o("tds-side-menu-item",{key:"3364f79ca3719328636d1cb9b5bebb58e9f9ccdc",class:{button:!0}},o("button",{key:"699963ae2023fdbc5e8836b1801c13e622214634",type:"button","aria-expanded":this.collapsed?"false":"true",onClick:()=>{this.handleClick()}},o("svg",{key:"c10901b2cdc12a50a29c1425319ae18286b33cdf",class:"icon",slot:"icon",fill:"none",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32"},o("path",{key:"d59bc5ce90e44be9f2d930b9a2ac72f26b653681","fill-rule":"evenodd","clip-rule":"evenodd",d:"M16 1.975a1 1 0 0 1 1 1v20.3l9.311-9.312a1 1 0 0 1 1.415 1.414l-9.887 9.887a2.6 2.6 0 0 1-3.677 0l-9.887-9.887a1 1 0 1 1 1.414-1.414L15 23.274V2.975a1 1 0 0 1 1-1ZM5.188 28.001a1 1 0 0 0 0 2h21.62a1 1 0 1 0 0-2H5.188Z",fill:"currentColor"})),!this.collapsed&&o("slot",{key:"09f5787783fdb7168bbd28acf18ac0d769a31459"})))))}get host(){return this}static get style(){return":host{position:sticky;bottom:0;display:none;height:68px;border-top:1px solid var(--tds-sidebar-side-menu-bottom-menu-border-top)}:host .icon{transform:rotateZ(90deg);transition:all 0.2s ease-in-out;width:20px;height:20px}:host .state-collapsed .icon{transform:translateX(-50%) rotateZ(90deg) rotateX(180deg);color:var(--tds-sidebar-side-menu-single-item-color);margin-left:0;position:absolute;left:50%}@media (min-width: 992px){:host{display:block}}"}},[257,"tds-side-menu-collapse-button",{collapsed:[32]},[[16,"internalTdsSideMenuPropChange","collapseSideMenuEventHandler"]]]);function l(){"undefined"!=typeof customElements&&["tds-side-menu-collapse-button","tds-side-menu-item"].forEach((t=>{switch(t){case"tds-side-menu-collapse-button":customElements.get(e(t))||customElements.define(e(t),n);break;case"tds-side-menu-item":customElements.get(e(t))||d()}}))}l();const c=n,r=l;export{c as TdsSideMenuCollapseButton,r as defineCustomElement}

package/dist/components/tds-side-menu-dropdown-list-item.js

@@ -1,78 +1 @@
-import { p as proxyCustomElement, H, h, c as Host } from './p-28ef5186.js';
-
-const sideMenuDropdownListItemCss = ":host{display:block;box-sizing:border-box;height:48px;width:100%}:host .component{height:100%;width:100%}:host .component ::slotted(a),:host .component ::slotted(button){all:unset;box-sizing:border-box;border-right:1px solid var(--tds-nav-item-border-color);display:flex;align-items:center;height:100%;padding:0 24px;width:100%;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);background-color:var(--tds-header-nav-item-dropdown-opened-background);color:var(--tds-header-nav-item-dropdown-opened-color);border:none}:host .component ::slotted(a:hover),:host .component ::slotted(button:hover){background-color:var(--tds-sidebar-item-state-hover);cursor:pointer;position:relative}:host .component ::slotted(a:hover)::before,:host .component ::slotted(button:hover)::before{content:\"\";position:absolute;top:0;left:0;width:4px;height:100%;background-color:var(--tds-side-menu-item-hover-indicator)}:host .component ::slotted(a:hover:focus-visible),:host .component ::slotted(button:hover:focus-visible){background-color:var(--tds-sidebar-item-state-hover);cursor:pointer;position:relative}:host .component ::slotted(a:hover:focus-visible)::before,:host .component ::slotted(button:hover:focus-visible)::before{content:\"\";position:absolute;top:3px;left:3px;width:4px;height:calc(100% - 6px);background-color:var(--tds-side-menu-item-hover-indicator)}:host .component ::slotted(a:active),:host .component ::slotted(button:active){background-color:var(--tds-sidemenu-item-state-active) !important;cursor:pointer;position:relative}:host .component ::slotted(a:active)::before,:host .component ::slotted(button:active)::before{content:\"\";position:absolute;top:0;left:0;width:4px;height:100%;background-color:var(--tds-side-menu-item-pressed-indicator)}:host .component ::slotted(a:active:focus-visible),:host .component ::slotted(button:active:focus-visible){background-color:var(--tds-sidemenu-item-state-active) !important;cursor:pointer;position:relative}:host .component ::slotted(a:active:focus-visible)::before,:host .component ::slotted(button:active:focus-visible)::before{content:\"\";position:absolute;top:3px;left:3px;width:4px;height:calc(100% - 6px);background-color:var(--tds-side-menu-item-pressed-indicator)}:host .component ::slotted(a:focus-visible){outline:2px solid var(--tds-focus-outline-color);box-shadow:inset 0 0 0 3px var(--tds-white);outline-offset:-2px;z-index:1}:host .component.component-selected ::slotted(a),:host .component.component-selected ::slotted(button){background-color:var(--tds-header-nav-item-dropdown-opened-background-selected);position:relative}:host .component.component-selected ::slotted(a)::before,:host .component.component-selected ::slotted(button)::before{content:\"\";position:absolute;top:0;left:0;width:4px;height:100%;background-color:var(--tds-sidebar-side-menu-single-subitem-selected-border-color)}:host .component.component-selected ::slotted(a:focus-visible),:host .component.component-selected ::slotted(button:focus-visible){background-color:var(--tds-header-nav-item-dropdown-opened-background-selected);position:relative}:host .component.component-selected ::slotted(a:focus-visible)::before,:host .component.component-selected ::slotted(button:focus-visible)::before{content:\"\";position:absolute;top:3px;left:3px;width:4px;height:calc(100% - 6px);background-color:var(--tds-sidebar-side-menu-single-subitem-selected-border-color)}:host .component.component-dropdown-has-icon:not(.component-collapsed) ::slotted(a),:host .component.component-dropdown-has-icon:not(.component-collapsed) ::slotted(button){padding:16px 48px 16px 58px}:host .component.component-dropdown-has-user:not(.component-collapsed) ::slotted(a),:host .component.component-dropdown-has-user:not(.component-collapsed) ::slotted(button){padding:16px 48px 16px 64px}";
-const TdsSideMenuDropdownListItemStyle0 = sideMenuDropdownListItemCss;
-
-const TdsSideMenuDropdownListItem$1 = /*@__PURE__*/ proxyCustomElement(class TdsSideMenuDropdownListItem extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.selected = false;
-        this.dropdownHasIcon = false;
-        this.dropdownHasUser = false;
-        this.collapsed = false;
-    }
-    collapseSideMenuEventHandler(event) {
-        this.collapsed = event.detail.collapsed;
-    }
-    connectedCallback() {
-        var _a;
-        this.sideMenuEl = this.host.closest('tds-side-menu');
-        this.collapsed = !!((_a = this.sideMenuEl) === null || _a === void 0 ? void 0 : _a.collapsed);
-    }
-    componentDidLoad() {
-        var _a, _b;
-        const dropdownEl = this.host.closest('tds-side-menu-dropdown');
-        let hasUserMenu = null;
-        let dropdownBtnIconSlotEl = null;
-        if (dropdownEl) {
-            hasUserMenu = dropdownEl.querySelector('tds-side-menu-user');
-            dropdownBtnIconSlotEl = (_a = dropdownEl.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('slot[name="icon"]');
-        }
-        const btnIconSlottedEls = dropdownBtnIconSlotEl === null || dropdownBtnIconSlotEl === void 0 ? void 0 : dropdownBtnIconSlotEl.assignedElements();
-        const hasBtnIcon = btnIconSlottedEls ? (btnIconSlottedEls === null || btnIconSlottedEls === void 0 ? void 0 : btnIconSlottedEls.length) > 0 : false;
-        const btnIconIsUserImage = ((_b = btnIconSlottedEls === null || btnIconSlottedEls === void 0 ? void 0 : btnIconSlottedEls[0]) === null || _b === void 0 ? void 0 : _b.tagName.toLowerCase()) === 'tds-side-menu-user-image';
-        if (hasBtnIcon && !btnIconIsUserImage) {
-            this.dropdownHasIcon = true;
-        }
-        if (hasUserMenu) {
-            this.dropdownHasUser = true;
-        }
-    }
-    render() {
-        return (h(Host, { key: '64c7367db70070bb43c4533ddcafbda97651231f', role: "listitem" }, h("div", { key: '60434a96f6de0a9bda3d26f7003a10c8b5668552', class: {
-                'component': true,
-                'component-selected': this.selected,
-                'component-dropdown-has-icon': this.dropdownHasIcon,
-                'component-dropdown-has-user': this.dropdownHasUser,
-                'component-collapsed': this.collapsed,
-            } }, h("slot", { key: '8590776910cfb61c614c5339daa5c5464cc9a729' }))));
-    }
-    get host() { return this; }
-    static get style() { return TdsSideMenuDropdownListItemStyle0; }
-}, [1, "tds-side-menu-dropdown-list-item", {
-        "selected": [4],
-        "dropdownHasIcon": [32],
-        "dropdownHasUser": [32],
-        "collapsed": [32]
-    }, [[16, "internalTdsSideMenuPropChange", "collapseSideMenuEventHandler"]]]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["tds-side-menu-dropdown-list-item"];
-    components.forEach(tagName => { switch (tagName) {
-        case "tds-side-menu-dropdown-list-item":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, TdsSideMenuDropdownListItem$1);
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const TdsSideMenuDropdownListItem = TdsSideMenuDropdownListItem$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { TdsSideMenuDropdownListItem, defineCustomElement };
+import{t as o,p as t,H as e,h as n,a as s}from"./index.js";const d=t(class extends e{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.selected=!1,this.dropdownHasIcon=!1,this.dropdownHasUser=!1,this.collapsed=!1}collapseSideMenuEventHandler(o){this.collapsed=o.detail.collapsed}connectedCallback(){var o;this.sideMenuEl=this.host.closest("tds-side-menu"),this.collapsed=!!(null===(o=this.sideMenuEl)||void 0===o?void 0:o.collapsed)}componentDidLoad(){var o,t;const e=this.host.closest("tds-side-menu-dropdown");let n=null,s=null;e&&(n=e.querySelector("tds-side-menu-user"),s=null===(o=e.shadowRoot)||void 0===o?void 0:o.querySelector('slot[name="icon"]'));const d=null==s?void 0:s.assignedElements(),i=!!d&&(null==d?void 0:d.length)>0,c="tds-side-menu-user-image"===(null===(t=null==d?void 0:d[0])||void 0===t?void 0:t.tagName.toLowerCase());i&&!c&&(this.dropdownHasIcon=!0),n&&(this.dropdownHasUser=!0)}render(){return n(s,{key:"64c7367db70070bb43c4533ddcafbda97651231f",role:"listitem"},n("div",{key:"60434a96f6de0a9bda3d26f7003a10c8b5668552",class:{component:!0,"component-selected":this.selected,"component-dropdown-has-icon":this.dropdownHasIcon,"component-dropdown-has-user":this.dropdownHasUser,"component-collapsed":this.collapsed}},n("slot",{key:"8590776910cfb61c614c5339daa5c5464cc9a729"})))}get host(){return this}static get style(){return':host{display:block;box-sizing:border-box;height:48px;width:100%}:host .component{height:100%;width:100%}:host .component ::slotted(a),:host .component ::slotted(button){all:unset;box-sizing:border-box;border-right:1px solid var(--tds-nav-item-border-color);display:flex;align-items:center;height:100%;padding:0 24px;width:100%;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);background-color:var(--tds-header-nav-item-dropdown-opened-background);color:var(--tds-header-nav-item-dropdown-opened-color);border:none}:host .component ::slotted(a:hover),:host .component ::slotted(button:hover){background-color:var(--tds-sidebar-item-state-hover);cursor:pointer;position:relative}:host .component ::slotted(a:hover)::before,:host .component ::slotted(button:hover)::before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background-color:var(--tds-side-menu-item-hover-indicator)}:host .component ::slotted(a:hover:focus-visible),:host .component ::slotted(button:hover:focus-visible){background-color:var(--tds-sidebar-item-state-hover);cursor:pointer;position:relative}:host .component ::slotted(a:hover:focus-visible)::before,:host .component ::slotted(button:hover:focus-visible)::before{content:"";position:absolute;top:3px;left:3px;width:4px;height:calc(100% - 6px);background-color:var(--tds-side-menu-item-hover-indicator)}:host .component ::slotted(a:active),:host .component ::slotted(button:active){background-color:var(--tds-sidemenu-item-state-active) !important;cursor:pointer;position:relative}:host .component ::slotted(a:active)::before,:host .component ::slotted(button:active)::before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background-color:var(--tds-side-menu-item-pressed-indicator)}:host .component ::slotted(a:active:focus-visible),:host .component ::slotted(button:active:focus-visible){background-color:var(--tds-sidemenu-item-state-active) !important;cursor:pointer;position:relative}:host .component ::slotted(a:active:focus-visible)::before,:host .component ::slotted(button:active:focus-visible)::before{content:"";position:absolute;top:3px;left:3px;width:4px;height:calc(100% - 6px);background-color:var(--tds-side-menu-item-pressed-indicator)}:host .component ::slotted(a:focus-visible){outline:2px solid var(--tds-focus-outline-color);box-shadow:inset 0 0 0 3px var(--tds-white);outline-offset:-2px;z-index:1}:host .component.component-selected ::slotted(a),:host .component.component-selected ::slotted(button){background-color:var(--tds-header-nav-item-dropdown-opened-background-selected);position:relative}:host .component.component-selected ::slotted(a)::before,:host .component.component-selected ::slotted(button)::before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background-color:var(--tds-sidebar-side-menu-single-subitem-selected-border-color)}:host .component.component-selected ::slotted(a:focus-visible),:host .component.component-selected ::slotted(button:focus-visible){background-color:var(--tds-header-nav-item-dropdown-opened-background-selected);position:relative}:host .component.component-selected ::slotted(a:focus-visible)::before,:host .component.component-selected ::slotted(button:focus-visible)::before{content:"";position:absolute;top:3px;left:3px;width:4px;height:calc(100% - 6px);background-color:var(--tds-sidebar-side-menu-single-subitem-selected-border-color)}:host .component.component-dropdown-has-icon:not(.component-collapsed) ::slotted(a),:host .component.component-dropdown-has-icon:not(.component-collapsed) ::slotted(button){padding:16px 48px 16px 58px}:host .component.component-dropdown-has-user:not(.component-collapsed) ::slotted(a),:host .component.component-dropdown-has-user:not(.component-collapsed) ::slotted(button){padding:16px 48px 16px 64px}'}},[257,"tds-side-menu-dropdown-list-item",{selected:[4],dropdownHasIcon:[32],dropdownHasUser:[32],collapsed:[32]},[[16,"internalTdsSideMenuPropChange","collapseSideMenuEventHandler"]]]);function i(){"undefined"!=typeof customElements&&["tds-side-menu-dropdown-list-item"].forEach((t=>{"tds-side-menu-dropdown-list-item"===t&&(customElements.get(o(t))||customElements.define(o(t),d))}))}i();const c=d,r=i;export{c as TdsSideMenuDropdownListItem,r as defineCustomElement}

package/dist/components/tds-side-menu-dropdown-list.js

@@ -1,49 +1 @@
-import { p as proxyCustomElement, H, h, c as Host } from './p-28ef5186.js';
-
-const sideMenuDropdownListCss = ":host{display:block;width:190px}:host [role=list]{padding:0;margin:0;list-style:none;border-radius:none;background-color:var(--tds-header-app-launcher-menu-bg)}:host .state-collapsed ::slotted(*){border-bottom:1px solid var(--tds-sidebar-side-menu-bottom-menu-border-top)}";
-const TdsSideMenuDropdownListStyle0 = sideMenuDropdownListCss;
-
-const TdsSideMenuDropdownList$1 = /*@__PURE__*/ proxyCustomElement(class TdsSideMenuDropdownList extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.collapsed = false;
-    }
-    collapsedSideMenuEventHandler(event) {
-        this.collapsed = event.detail.collapsed;
-    }
-    connectedCallback() {
-        var _a;
-        this.sideMenuEl = this.host.closest('tds-side-menu');
-        this.collapsed = !!((_a = this.sideMenuEl) === null || _a === void 0 ? void 0 : _a.collapsed);
-    }
-    render() {
-        return (h(Host, { key: '4096fb37997a3cce5750f9d7ee468f99bff81787', role: "list", "aria-expanded": !this.collapsed ? 'true' : 'false' }, h("div", { key: '7cf0000e1371ab010cdc6f86d371f6a7f374f0d2', class: {
-                'state-collapsed': this.collapsed,
-            } }, h("slot", { key: 'e169b04aae71ea2c53eaae921c9cb87e85b02224' }))));
-    }
-    get host() { return this; }
-    static get style() { return TdsSideMenuDropdownListStyle0; }
-}, [1, "tds-side-menu-dropdown-list", {
-        "collapsed": [32]
-    }, [[16, "internalTdsSideMenuPropChange", "collapsedSideMenuEventHandler"]]]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["tds-side-menu-dropdown-list"];
-    components.forEach(tagName => { switch (tagName) {
-        case "tds-side-menu-dropdown-list":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, TdsSideMenuDropdownList$1);
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const TdsSideMenuDropdownList = TdsSideMenuDropdownList$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { TdsSideMenuDropdownList, defineCustomElement };
+import{t as e,p as t,H as s,h as d,a as o}from"./index.js";const n=t(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.collapsed=!1}collapsedSideMenuEventHandler(e){this.collapsed=e.detail.collapsed}connectedCallback(){var e;this.sideMenuEl=this.host.closest("tds-side-menu"),this.collapsed=!!(null===(e=this.sideMenuEl)||void 0===e?void 0:e.collapsed)}render(){return d(o,{key:"4096fb37997a3cce5750f9d7ee468f99bff81787",role:"list","aria-expanded":this.collapsed?"false":"true"},d("div",{key:"7cf0000e1371ab010cdc6f86d371f6a7f374f0d2",class:{"state-collapsed":this.collapsed}},d("slot",{key:"e169b04aae71ea2c53eaae921c9cb87e85b02224"})))}get host(){return this}static get style(){return":host{display:block;width:190px}:host [role=list]{padding:0;margin:0;list-style:none;border-radius:none;background-color:var(--tds-header-app-launcher-menu-bg)}:host .state-collapsed ::slotted(*){border-bottom:1px solid var(--tds-sidebar-side-menu-bottom-menu-border-top)}"}},[257,"tds-side-menu-dropdown-list",{collapsed:[32]},[[16,"internalTdsSideMenuPropChange","collapsedSideMenuEventHandler"]]]);function a(){"undefined"!=typeof customElements&&["tds-side-menu-dropdown-list"].forEach((t=>{"tds-side-menu-dropdown-list"===t&&(customElements.get(e(t))||customElements.define(e(t),n))}))}a();const i=n,r=a;export{i as TdsSideMenuDropdownList,r as defineCustomElement}