@scania/tegel 1.47.2 → 1.48.0

package/dist/components/tds-spinner.js

@@ -1,39 +1 @@
-import { p as proxyCustomElement, H, h } from './p-28ef5186.js';
-
-const spinnerCss = ":root{--spinner-background-inverted:var(--tds-white)}:root,.scania,.scania .tds-mode-light{--spinner-background:var(--tds-blue-400)}.scania .tds-mode-dark{--spinner-background:var(--tds-blue-400)}.traton,.traton .tds-mode-light{--spinner-background:rgba(0, 72, 82, 1)}.traton .tds-mode-dark{--spinner-background:rgba(194, 191, 182, 1)}:root{--spinner-speed:1.8s;--spinner-speed-lg:2s;--spinner-radius-xs:8px;--spinner-radius-sm:12px;--spinner-radius-md:26px;--spinner-radius-lg:42px;--spinner-radius:var(--spinner-radius-lg);--spinner-stroke-width-xs:3px;--spinner-stroke-width-sm:4px;--spinner-stroke-width-md:6px;--spinner-stroke-width-lg:8px;--spinner-stroke-width:var(--spinner-stroke-width-lg);--PI:3.14159265358979}:host{box-sizing:border-box;display:block}:host *{box-sizing:border-box}.tds-spinner-svg{display:block;width:calc(var(--spinner-radius) * 2);height:calc(var(--spinner-radius) * 2);transform:scale(-1, 1) rotate(-90deg)}.tds-spinner-svg-xs{--spinner-radius:var(--spinner-radius-xs);--spinner-stroke-width:var(--spinner-stroke-width-xs);--spinner-animation-speed:var(--spinner-speed)}.tds-spinner-svg-sm{--spinner-radius:var(--spinner-radius-sm);--spinner-stroke-width:var(--spinner-stroke-width-sm);--spinner-animation-speed:var(--spinner-speed)}.tds-spinner-svg-md{--spinner-radius:var(--spinner-radius-md);--spinner-stroke-width:var(--spinner-stroke-width-md);--spinner-animation-speed:var(--spinner-speed)}.tds-spinner-svg-lg{--spinner-radius:var(--spinner-radius-lg);--spinner-stroke-width:var(--spinner-stroke-width-lg);--spinner-animation-speed:var(--spinner-speed-lg)}.tds-spinner-circle{cx:var(--spinner-radius);cy:var(--spinner-radius);r:calc(var(--spinner-radius) - var(--spinner-stroke-width) / 2);fill:none;--spinner-stroke-dash:calc((2 * var(--PI)) * var(--spinner-radius));stroke-dasharray:var(--spinner-stroke-dash);stroke-width:var(--spinner-stroke-width);animation:dash var(--spinner-animation-speed) cubic-bezier(0.55, 0.15, 0.45, 0.85) infinite}.tds-spinner-circle-standard{stroke:var(--spinner-background)}.tds-spinner-circle-inverted{stroke:var(--spinner-background-inverted)}@keyframes dash{from{stroke-dashoffset:calc(-1 * var(--spinner-stroke-dash))}to{stroke-dashoffset:var(--spinner-stroke-dash)}}";
-const TdsSpinnerStyle0 = spinnerCss;
-
-const TdsSpinner$1 = /*@__PURE__*/ proxyCustomElement(class TdsSpinner extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.size = 'lg';
-        this.variant = 'standard';
-    }
-    render() {
-        return (h("div", { key: '2d27b4a94cd9dc205e11f18ecc6b249572912eac', "aria-live": "assertive", role: "status", "aria-label": "loading" }, h("svg", { key: 'a372dada808ed13b8c2c6ef4de9c559f59d9e9f2', class: `tds-spinner-svg tds-spinner-svg-${this.size}`, "aria-hidden": "true" }, h("circle", { key: '153f00da5e87ba55dc569b511cd184f93c1740c7', class: `tds-spinner-circle tds-spinner-circle-${this.variant}` }))));
-    }
-    static get style() { return TdsSpinnerStyle0; }
-}, [0, "tds-spinner", {
-        "size": [1],
-        "variant": [1]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["tds-spinner"];
-    components.forEach(tagName => { switch (tagName) {
-        case "tds-spinner":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, TdsSpinner$1);
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const TdsSpinner = TdsSpinner$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { TdsSpinner, defineCustomElement };
+import{t as s,p as r,H as n,h as e}from"./index.js";const i=r(class extends n{constructor(s){super(),!1!==s&&this.__registerHost(),this.size="lg",this.variant="standard"}render(){return e("div",{key:"2d27b4a94cd9dc205e11f18ecc6b249572912eac","aria-live":"assertive",role:"status","aria-label":"loading"},e("svg",{key:"a372dada808ed13b8c2c6ef4de9c559f59d9e9f2",class:"tds-spinner-svg tds-spinner-svg-"+this.size,"aria-hidden":"true"},e("circle",{key:"153f00da5e87ba55dc569b511cd184f93c1740c7",class:"tds-spinner-circle tds-spinner-circle-"+this.variant})))}static get style(){return":root{--spinner-background-inverted:var(--tds-white)}:root,.scania,.scania .tds-mode-light{--spinner-background:var(--tds-blue-400)}.scania .tds-mode-dark{--spinner-background:var(--tds-blue-400)}.traton,.traton .tds-mode-light{--spinner-background:rgba(0, 72, 82, 1)}.traton .tds-mode-dark{--spinner-background:rgba(194, 191, 182, 1)}:root{--spinner-speed:1.8s;--spinner-speed-lg:2s;--spinner-radius-xs:8px;--spinner-radius-sm:12px;--spinner-radius-md:26px;--spinner-radius-lg:42px;--spinner-radius:var(--spinner-radius-lg);--spinner-stroke-width-xs:3px;--spinner-stroke-width-sm:4px;--spinner-stroke-width-md:6px;--spinner-stroke-width-lg:8px;--spinner-stroke-width:var(--spinner-stroke-width-lg);--PI:3.14159265358979}:host{box-sizing:border-box;display:block}:host *{box-sizing:border-box}.tds-spinner-svg{display:block;width:calc(var(--spinner-radius) * 2);height:calc(var(--spinner-radius) * 2);transform:scale(-1, 1) rotate(-90deg)}.tds-spinner-svg-xs{--spinner-radius:var(--spinner-radius-xs);--spinner-stroke-width:var(--spinner-stroke-width-xs);--spinner-animation-speed:var(--spinner-speed)}.tds-spinner-svg-sm{--spinner-radius:var(--spinner-radius-sm);--spinner-stroke-width:var(--spinner-stroke-width-sm);--spinner-animation-speed:var(--spinner-speed)}.tds-spinner-svg-md{--spinner-radius:var(--spinner-radius-md);--spinner-stroke-width:var(--spinner-stroke-width-md);--spinner-animation-speed:var(--spinner-speed)}.tds-spinner-svg-lg{--spinner-radius:var(--spinner-radius-lg);--spinner-stroke-width:var(--spinner-stroke-width-lg);--spinner-animation-speed:var(--spinner-speed-lg)}.tds-spinner-circle{cx:var(--spinner-radius);cy:var(--spinner-radius);r:calc(var(--spinner-radius) - var(--spinner-stroke-width) / 2);fill:none;--spinner-stroke-dash:calc((2 * var(--PI)) * var(--spinner-radius));stroke-dasharray:var(--spinner-stroke-dash);stroke-width:var(--spinner-stroke-width);animation:dash var(--spinner-animation-speed) cubic-bezier(0.55, 0.15, 0.45, 0.85) infinite}.tds-spinner-circle-standard{stroke:var(--spinner-background)}.tds-spinner-circle-inverted{stroke:var(--spinner-background-inverted)}@keyframes dash{from{stroke-dashoffset:calc(-1 * var(--spinner-stroke-dash))}to{stroke-dashoffset:var(--spinner-stroke-dash)}}"}},[0,"tds-spinner",{size:[1],variant:[1]}]);function a(){"undefined"!=typeof customElements&&["tds-spinner"].forEach((r=>{"tds-spinner"===r&&(customElements.get(s(r))||customElements.define(s(r),i))}))}a();const t=i,d=a;export{t as TdsSpinner,d as defineCustomElement}

package/dist/components/tds-step.js

@@ -1,86 +1 @@
-import { p as proxyCustomElement, H, h, c as Host } from './p-28ef5186.js';
-import { d as defineCustomElement$2 } from './p-f086ba26.js';
-
-const stepCss = ":host{position:relative;display:table-cell}:host [role=listitem]{display:flex;justify-content:start;flex-direction:row;align-items:center;gap:8px}:host [role=listitem].text-below{flex-direction:column}:host [role=listitem].lg{padding:0 20px;font:var(--tds-detail-01);letter-spacing:var(--tds-detail-01-ls)}:host [role=listitem].lg .content-container{height:30px;min-width:30px}:host [role=listitem].lg .content-container tds-icon{vertical-align:bottom}:host [role=listitem].lg .content-container .index-container{vertical-align:sub}:host [role=listitem].lg.vertical::after{content:\" \";position:absolute;background-color:var(--tds-stepper-divider-line);height:36px;width:1px;top:40px;left:36px}:host [role=listitem].lg.horizontal::after{content:\" \";position:absolute;background-color:var(--tds-stepper-divider-line);height:1px;left:calc(50% + 24px);right:0;top:18px}:host [role=listitem].lg.horizontal::before{content:\" \";position:absolute;background-color:var(--tds-stepper-divider-line);height:1px;right:calc(50% + 24px);left:0;top:18px}:host [role=listitem].lg.horizontal.text-aside:not(.hide-labels)::after{content:\" \";position:absolute;background-color:var(--tds-stepper-divider-line);height:1px;top:16px;width:10px;left:auto;right:-10px}:host [role=listitem].lg.horizontal.text-aside:not(.hide-labels)::before{content:\" \";position:absolute;background-color:var(--tds-stepper-divider-line);height:1px;top:16px;width:10px;left:-10px;right:auto}:host [role=listitem].sm{padding:0 20px;font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls)}:host [role=listitem].sm .index-container{vertical-align:-webkit-baseline-middle;vertical-align:-moz-middle-with-baseline}:host [role=listitem].sm .content-container{height:24px;min-width:24px}:host [role=listitem].sm .tds-step-icon{vertical-align:-webkit-baseline-middle;vertical-align:-moz-middle-with-baseline;margin-top:-2px}:host [role=listitem].sm.vertical::after{content:\" \";position:absolute;background-color:var(--tds-stepper-divider-line);height:20px;width:1px;top:34px;left:32px}:host [role=listitem].sm.vertical::before{content:\" \";position:absolute;background-color:var(--tds-stepper-divider-line);height:20px;width:1px;top:34px;left:32px}:host [role=listitem].sm.horizontal::after{content:\" \";position:absolute;background-color:var(--tds-stepper-divider-line);height:1px;left:calc(50% + 16px + 8px);right:0;top:13px}:host [role=listitem].sm.horizontal::before{content:\" \";position:absolute;background-color:var(--tds-stepper-divider-line);height:1px;left:0;right:calc(50% + 24px);top:13px}:host [role=listitem].sm.horizontal.text-aside:not(.hide-labels)::after{content:\" \";position:absolute;background-color:var(--tds-stepper-divider-line);height:1px;top:13px;width:10px;left:auto;right:-10px}:host [role=listitem].sm.horizontal.text-aside:not(.hide-labels)::before{content:\" \";position:absolute;background-color:var(--tds-stepper-divider-line);height:1px;top:13px;width:10px;left:-10px;right:auto}:host [role=listitem] .content-container{border-radius:100px;border:1px solid var(--tds-stepper-icon-background);text-align:center;position:relative}:host [role=listitem] .content-container.error{border-color:var(--tds-stepper-icon-step-border-color-warning);color:var(--tds-stepper-icon-step-border-color-warning)}:host [role=listitem] .content-container.success{background-color:var(--tds-stepper-icon-step-border-color-success);border-color:var(--tds-stepper-icon-step-border-color-success);color:var(--tds-white)}:host [role=listitem] .content-container.current{background-color:var(--tds-stepper-background);color:var(--tds-stepper-color)}:host [role=listitem] .content-container.upcoming{background-color:transparent;border-color:var(--tds-stepper-label-border-color-upcoming);color:var(--tds-stepper-label-text-color-upcoming)}:host [role=listitem] .label{text-align:center}:host [role=listitem] .label.lg{font:var(--tds-detail-01);letter-spacing:var(--tds-detail-01-ls)}:host [role=listitem] .label.sm{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls)}:host [role=listitem] .label.upcoming{color:var(--tds-stepper-label-text-color-upcoming);opacity:var(--tds-stepper-label-text-opacity-upcoming)}:host(:last-of-type) [role=listitem].horizontal{padding-right:0}:host(:last-of-type) [role=listitem].sm::after,:host(:last-of-type) [role=listitem].lg::after{display:none}:host(:last-of-type) [role=listitem].sm.vertical::before{display:none}:host(:first-of-type) [role=listitem].horizontal{padding-left:0}:host(:first-of-type) [role=listitem].sm::before,:host(:first-of-type) [role=listitem].lg::before{display:none}";
-const TdsStepStyle0 = stepCss;
-
-const propToStateMap = {
-    orientation: 'orientation',
-    labelPosition: 'labelPosition',
-    size: 'size',
-    hideLabels: 'hideLabels',
-};
-const TdsStep$1 = /*@__PURE__*/ proxyCustomElement(class TdsStep extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.index = undefined;
-        this.state = 'upcoming';
-        this.tdsAriaCurrent = undefined;
-        this.hideLabels = undefined;
-        this.size = undefined;
-        this.orientation = undefined;
-        this.labelPosition = undefined;
-    }
-    /* Needs to be onload to do this on any updates. */
-    componentWillLoad() {
-        this.stepperEl = this.el.closest('tds-stepper');
-        if (!this.stepperEl)
-            return;
-        this.orientation = this.stepperEl.orientation;
-        this.labelPosition = this.stepperEl.labelPosition;
-        this.size = this.stepperEl.size;
-        this.hideLabels = this.stepperEl.hideLabels;
-        this.stepperId = this.stepperEl.stepperId;
-    }
-    handlePropsChange(event) {
-        if (this.stepperId === event.detail.stepperId) {
-            event.detail.changed.forEach((changedProp) => {
-                if (typeof this[changedProp] === 'undefined') {
-                    throw new Error(`Stepper prop is not supported: ${changedProp}`);
-                }
-                else if (changedProp in propToStateMap) {
-                    this[propToStateMap[changedProp]] = event.detail[changedProp];
-                }
-            });
-        }
-    }
-    render() {
-        return (h(Host, { key: '0589d81b64f547deb8f0d9db7c9d377ee9d8db67' }, h("div", { key: '7d01660a996d9c3a63b6c9765aa9e97a3c465f72', role: "listitem", "aria-disabled": this.state === 'upcoming' ? 'true' : 'false', "aria-current": this.tdsAriaCurrent, tabIndex: -1, "aria-label": `Step ${this.index}: ${this.state}`, class: `${this.size} ${this.orientation} text-${this.labelPosition} ${this.hideLabels ? 'hide-labels' : ''}` }, h("span", { key: 'f11f36b998a8b40842517a4032fe25aad488ccf3', class: `${this.state} content-container` }, this.state === 'success' || this.state === 'error' ? (h("tds-icon", { "aria-hidden": "true", svgTitle: `tds-step-icon-${this.stepperId}`, class: 'tds-step-icon', name: this.state === 'success' ? 'tick' : 'warning', size: this.size === 'lg' ? '20px' : '16px' })) : (h("span", { "aria-hidden": "true", class: "index-container" }, this.index))), !this.hideLabels && (h("div", { key: '0e707ca85c128c486906e893f20f7a171ef693f7', "aria-hidden": "true", class: `label ${this.size} ${this.state}` }, h("slot", { key: '265d2e99ba2b59749a1ee841895127c90c7750ac', name: "label" }))))));
-    }
-    get el() { return this; }
-    static get style() { return TdsStepStyle0; }
-}, [1, "tds-step", {
-        "index": [1],
-        "state": [1],
-        "tdsAriaCurrent": [1, "tds-aria-current"],
-        "hideLabels": [32],
-        "size": [32],
-        "orientation": [32],
-        "labelPosition": [32]
-    }, [[16, "internalTdsPropsChange", "handlePropsChange"]]]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["tds-step", "tds-icon"];
-    components.forEach(tagName => { switch (tagName) {
-        case "tds-step":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, TdsStep$1);
-            }
-            break;
-        case "tds-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const TdsStep = TdsStep$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { TdsStep, defineCustomElement };
+import{t,p as e,H as i,h as o,a as s}from"./index.js";import{d as r}from"./p-C0fx1H4h.js";const l={orientation:"orientation",labelPosition:"labelPosition",size:"size",hideLabels:"hideLabels"},a=e(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.state="upcoming"}componentWillLoad(){this.stepperEl=this.el.closest("tds-stepper"),this.stepperEl&&(this.orientation=this.stepperEl.orientation,this.labelPosition=this.stepperEl.labelPosition,this.size=this.stepperEl.size,this.hideLabels=this.stepperEl.hideLabels,this.stepperId=this.stepperEl.stepperId)}handlePropsChange(t){this.stepperId===t.detail.stepperId&&t.detail.changed.forEach((e=>{if(void 0===this[e])throw Error("Stepper prop is not supported: "+e);e in l&&(this[l[e]]=t.detail[e])}))}render(){return o(s,{key:"0589d81b64f547deb8f0d9db7c9d377ee9d8db67"},o("div",{key:"7d01660a996d9c3a63b6c9765aa9e97a3c465f72",role:"listitem","aria-disabled":"upcoming"===this.state?"true":"false","aria-current":this.tdsAriaCurrent,tabIndex:-1,"aria-label":`Step ${this.index}: ${this.state}`,class:`${this.size} ${this.orientation} text-${this.labelPosition} ${this.hideLabels?"hide-labels":""}`},o("span",{key:"f11f36b998a8b40842517a4032fe25aad488ccf3",class:this.state+" content-container"},"success"===this.state||"error"===this.state?o("tds-icon",{"aria-hidden":"true",svgTitle:"tds-step-icon-"+this.stepperId,class:"tds-step-icon",name:"success"===this.state?"tick":"warning",size:"lg"===this.size?"20px":"16px"}):o("span",{"aria-hidden":"true",class:"index-container"},this.index)),!this.hideLabels&&o("div",{key:"0e707ca85c128c486906e893f20f7a171ef693f7","aria-hidden":"true",class:`label ${this.size} ${this.state}`},o("slot",{key:"265d2e99ba2b59749a1ee841895127c90c7750ac",name:"label"}))))}get el(){return this}static get style(){return':host{position:relative;display:table-cell}:host [role=listitem]{display:flex;justify-content:start;flex-direction:row;align-items:center;gap:8px}:host [role=listitem].text-below{flex-direction:column}:host [role=listitem].lg{padding:0 20px;font:var(--tds-detail-01);letter-spacing:var(--tds-detail-01-ls)}:host [role=listitem].lg .content-container{height:30px;min-width:30px}:host [role=listitem].lg .content-container tds-icon{vertical-align:bottom}:host [role=listitem].lg .content-container .index-container{vertical-align:sub}:host [role=listitem].lg.vertical::after{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:36px;width:1px;top:40px;left:36px}:host [role=listitem].lg.horizontal::after{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:1px;left:calc(50% + 16px + 16px);right:0;top:16px}:host [role=listitem].lg.horizontal::before{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:1px;right:calc(50% + 16px + 16px);left:0;top:16px}:host [role=listitem].lg.horizontal.hide-labels::after{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:1px;left:calc(50% + 16px + 8px);right:0;top:16px}:host [role=listitem].lg.horizontal.hide-labels::before{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:1px;right:calc(50% + 16px + 8px);left:0;top:16px}:host [role=listitem].lg.horizontal.text-aside:not(.hide-labels)::after{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:1px;left:auto;right:-10px;width:10px}:host [role=listitem].lg.horizontal.text-aside:not(.hide-labels)::before{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:1px;top:16px;left:-10px;right:auto;width:10px}:host [role=listitem].sm{padding:0 20px;font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls)}:host [role=listitem].sm .index-container{vertical-align:-webkit-baseline-middle;vertical-align:-moz-middle-with-baseline}:host [role=listitem].sm .content-container{height:24px;min-width:24px}:host [role=listitem].sm .tds-step-icon{vertical-align:-webkit-baseline-middle;vertical-align:-moz-middle-with-baseline;margin-top:-2px}:host [role=listitem].sm.vertical::after{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:20px;width:1px;top:34px;left:32px}:host [role=listitem].sm.vertical::before{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:20px;width:1px;top:34px;left:32px}:host [role=listitem].sm.horizontal::after{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:1px;left:calc(50% + 12px + 16px);right:0;top:13px}:host [role=listitem].sm.horizontal::before{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:1px;left:0;right:calc(50% + 12px + 16px);top:13px}:host [role=listitem].sm.horizontal.hide-labels::after{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:1px;left:calc(50% + 12px + 8px);right:0;top:13px}:host [role=listitem].sm.horizontal.hide-labels::before{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:1px;right:calc(50% + 12px + 8px);left:0;top:13px}:host [role=listitem].sm.horizontal.text-aside:not(.hide-labels)::after{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:1px;top:13px;left:auto;right:-10px;width:10px}:host [role=listitem].sm.horizontal.text-aside:not(.hide-labels)::before{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:1px;top:13px;left:-10px;right:auto;width:10px}:host [role=listitem] .content-container{border-radius:100px;border:1px solid var(--tds-stepper-icon-background);text-align:center;position:relative}:host [role=listitem] .content-container.error{border-color:var(--tds-stepper-icon-step-border-color-warning);color:var(--tds-stepper-icon-step-border-color-warning)}:host [role=listitem] .content-container.success{background-color:var(--tds-stepper-icon-step-border-color-success);border-color:var(--tds-stepper-icon-step-border-color-success);color:var(--tds-white)}:host [role=listitem] .content-container.current{background-color:var(--tds-stepper-icon-step-border-color-current);color:var(--tds-stepper-color)}:host [role=listitem] .content-container.upcoming{background-color:transparent;border-color:var(--tds-stepper-label-border-color-upcoming);color:var(--tds-stepper-label-text-color-upcoming)}:host [role=listitem] .label{text-align:center}:host [role=listitem] .label.lg{font:var(--tds-detail-01);letter-spacing:var(--tds-detail-01-ls)}:host [role=listitem] .label.sm{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls)}:host [role=listitem] .label.upcoming{color:var(--tds-stepper-label-text-color-upcoming);opacity:var(--tds-stepper-label-text-opacity-upcoming)}:host(:last-of-type) [role=listitem].horizontal.text-aside{padding-right:0;padding-left:20px}:host(:last-of-type) [role=listitem].horizontal.text-aside::before{content:" ";position:absolute;background-color:var(--tds-stepper-divider-line);height:1px;width:20px;left:-10px;right:auto;top:16px}:host(:last-of-type) [role=listitem].horizontal.text-aside.sm.hide-labels::before{top:13px;width:13px;left:0;right:calc(50% + 20px)}:host(:last-of-type) [role=listitem].sm::after,:host(:last-of-type) [role=listitem].lg::after{display:none}:host(:last-of-type) [role=listitem].sm.vertical::before{display:none}:host(:first-of-type) [role=listitem].sm::before,:host(:first-of-type) [role=listitem].lg::before{display:none}'}},[257,"tds-step",{index:[1],state:[1],tdsAriaCurrent:[1,"tds-aria-current"],hideLabels:[32],size:[32],orientation:[32],labelPosition:[32]},[[16,"internalTdsPropsChange","handlePropsChange"]]]);function n(){"undefined"!=typeof customElements&&["tds-step","tds-icon"].forEach((e=>{switch(e){case"tds-step":customElements.get(t(e))||customElements.define(t(e),a);break;case"tds-icon":customElements.get(t(e))||r()}}))}n();const p=a,d=n;export{p as TdsStep,d as defineCustomElement}

package/dist/components/tds-stepper.js

@@ -1,95 +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';
-
-const stepperCss = ":host [role=list]{display:flex;justify-content:space-evenly;min-width:100%}:host [role=list]:not(.text-position-aside){display:table;table-layout:fixed;width:100%;list-style:none}:host [role=list].vertical{height:100%;display:flex;flex-direction:column;justify-content:unset;gap:52px}:host [role=list].vertical.sm{gap:36px}:host [role=list].horizontal.text-position-aside{justify-content:unset}";
-const TdsStepperStyle0 = stepperCss;
-
-const TdsStepper$1 = /*@__PURE__*/ proxyCustomElement(class TdsStepper extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.internalTdsPropsChange = createEvent(this, "internalTdsPropsChange", 6);
-        this.orientation = 'horizontal';
-        this.labelPosition = 'below';
-        this.size = 'lg';
-        this.hideLabels = false;
-        this.stepperId = generateUniqueId();
-        this.tdsAriaLabel = 'Progress steps';
-    }
-    componentWillLoad() {
-        if (this.orientation === 'vertical') {
-            this.labelPosition = 'aside';
-        }
-    }
-    handleDirectionChange() {
-        this.internalTdsPropsChange.emit({
-            stepperId: this.stepperId,
-            changed: ['orientation'],
-            orientation: this.orientation,
-        });
-    }
-    handleLabelPositionChange() {
-        this.internalTdsPropsChange.emit({
-            stepperId: this.stepperId,
-            changed: ['labelPosition'],
-            labelPosition: this.labelPosition,
-        });
-    }
-    handleSizeChange() {
-        this.internalTdsPropsChange.emit({
-            stepperId: this.stepperId,
-            changed: ['size'],
-            size: this.size,
-        });
-    }
-    handleHideLabelsChange() {
-        this.internalTdsPropsChange.emit({
-            stepperId: this.stepperId,
-            changed: ['hideLabels'],
-            hideLabels: this.hideLabels,
-        });
-    }
-    render() {
-        return (h(Host, { key: 'a62077cf8b1936e7109eea64cad0ceb67a45c676' }, h("div", { key: 'f958fcd53b074ac8ac72d055162e738116e94956', role: "list", "aria-label": this.tdsAriaLabel, class: `${this.orientation} text-position-${this.labelPosition} ${this.size}` }, h("slot", { key: 'e9dfa6c14ec134baafe5a58394337b09ca091809' }))));
-    }
-    get host() { return this; }
-    static get watchers() { return {
-        "orientation": ["handleDirectionChange"],
-        "labelPosition": ["handleLabelPositionChange"],
-        "size": ["handleSizeChange"],
-        "hideLabels": ["handleHideLabelsChange"]
-    }; }
-    static get style() { return TdsStepperStyle0; }
-}, [1, "tds-stepper", {
-        "orientation": [1],
-        "labelPosition": [1, "label-position"],
-        "size": [1],
-        "hideLabels": [4, "hide-labels"],
-        "stepperId": [1, "stepper-id"],
-        "tdsAriaLabel": [1, "tds-aria-label"]
-    }, undefined, {
-        "orientation": ["handleDirectionChange"],
-        "labelPosition": ["handleLabelPositionChange"],
-        "size": ["handleSizeChange"],
-        "hideLabels": ["handleHideLabelsChange"]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["tds-stepper"];
-    components.forEach(tagName => { switch (tagName) {
-        case "tds-stepper":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, TdsStepper$1);
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const TdsStepper = TdsStepper$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { TdsStepper, defineCustomElement };
+import{t as e,p as t,H as i,c as s,h as a,a as n}from"./index.js";import{g as l}from"./p-Cn4f8w1e.js";const o=t(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.internalTdsPropsChange=s(this,"internalTdsPropsChange",6),this.orientation="horizontal",this.labelPosition="below",this.size="lg",this.hideLabels=!1,this.stepperId=l(),this.tdsAriaLabel="Progress steps"}componentWillLoad(){"vertical"===this.orientation&&(this.labelPosition="aside")}handleDirectionChange(){this.internalTdsPropsChange.emit({stepperId:this.stepperId,changed:["orientation"],orientation:this.orientation})}handleLabelPositionChange(){this.internalTdsPropsChange.emit({stepperId:this.stepperId,changed:["labelPosition"],labelPosition:this.labelPosition})}handleSizeChange(){this.internalTdsPropsChange.emit({stepperId:this.stepperId,changed:["size"],size:this.size})}handleHideLabelsChange(){this.internalTdsPropsChange.emit({stepperId:this.stepperId,changed:["hideLabels"],hideLabels:this.hideLabels})}render(){return a(n,{key:"a62077cf8b1936e7109eea64cad0ceb67a45c676"},a("div",{key:"f958fcd53b074ac8ac72d055162e738116e94956",role:"list","aria-label":this.tdsAriaLabel,class:`${this.orientation} text-position-${this.labelPosition} ${this.size}`},a("slot",{key:"e9dfa6c14ec134baafe5a58394337b09ca091809"})))}get host(){return this}static get watchers(){return{orientation:[{handleDirectionChange:0}],labelPosition:[{handleLabelPositionChange:0}],size:[{handleSizeChange:0}],hideLabels:[{handleHideLabelsChange:0}]}}static get style(){return":host [role=list]{display:flex;justify-content:space-evenly;min-width:100%}:host [role=list]:not(.text-position-aside){display:table;table-layout:fixed;width:100%;list-style:none}:host [role=list].vertical{height:100%;display:flex;flex-direction:column;justify-content:unset;gap:52px}:host [role=list].vertical.sm{gap:36px}:host [role=list].horizontal.text-position-aside{justify-content:unset}"}},[257,"tds-stepper",{orientation:[1],labelPosition:[1,"label-position"],size:[1],hideLabels:[4,"hide-labels"],stepperId:[1,"stepper-id"],tdsAriaLabel:[1,"tds-aria-label"]},void 0,{orientation:[{handleDirectionChange:0}],labelPosition:[{handleLabelPositionChange:0}],size:[{handleSizeChange:0}],hideLabels:[{handleHideLabelsChange:0}]}]);function h(){"undefined"!=typeof customElements&&["tds-stepper"].forEach((t=>{"tds-stepper"===t&&(customElements.get(e(t))||customElements.define(e(t),o))}))}h();const d=o,r=h;export{d as TdsStepper,r as defineCustomElement}

package/dist/components/tds-table-body-input-wrapper.js

@@ -1,130 +1 @@
-import { p as proxyCustomElement, H, h, c as Host } from './p-28ef5186.js';
-import { d as defineCustomElement$2 } from './p-f086ba26.js';
-
-const tableBodyInputWrapperCss = ":host{position:relative}:host(.focused-input-wrapper) tds-icon{display:inline-block}:host(.show-icon) ::slotted(input){padding-right:var(--tds-spacing-element-24)}:host(:hover) tds-icon{display:inline-block}:host(:hover) ::slotted(input:not(:focus)){background-color:var(--tds-table-input-background-hover)}tds-icon.edit-icon{display:none;position:absolute;right:10px;top:1px;pointer-events:none;cursor:pointer}::slotted(input){box-sizing:border-box;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);padding-left:var(--tds-spacing-element-16);padding-right:var(--tds-spacing-element-16);color:var(--tds-table-color);background-color:transparent;height:48px;border-radius:0;border:0;border-bottom:2px solid transparent;width:100%;cursor:pointer}::slotted(input)::placeholder{color:var(--tds-table-color)}::slotted(input:disabled){background-color:var(--tds-table-input-background-disabled)}::slotted(input:focus){outline:none;background-color:var(--tds-table-input-background-focus);border-bottom:2px solid var(--tds-text-field-bar)}:host(.tds-table__compact) ::slotted(input){height:32px;}";
-const TdsTableBodyInputWrapperStyle0 = tableBodyInputWrapperCss;
-
-const relevantTableProps = ['compactDesign'];
-const TdsTableBodyInputWrapper$1 = /*@__PURE__*/ proxyCustomElement(class TdsTableBodyInputWrapper extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.showIcon = true;
-        this.renderSlot = true;
-        this.inputFocused = false;
-        this.compactDesign = false;
-        this.tableId = '';
-    }
-    internalTdsPropChangeListener(event) {
-        if (this.tableId === event.detail.tableId) {
-            event.detail.changed
-                .filter((changedProp) => relevantTableProps.includes(changedProp))
-                .forEach((changedProp) => {
-                if (typeof this[changedProp] === 'undefined') {
-                    console.error(`Table prop is not supported: ${changedProp}`); // More informative error
-                    throw new Error(`Table prop is not supported: ${changedProp}`);
-                }
-                this[changedProp] = event.detail[changedProp];
-            });
-        }
-    }
-    connectedCallback() {
-        const tableEl = this.host.closest('tds-table');
-        if (tableEl) {
-            this.tableId = tableEl.getAttribute('table-id');
-        }
-        else {
-            console.error('Failed to find parent tds-table element.');
-        }
-    }
-    componentWillLoad() {
-        const tableEl = this.host.closest('tds-table');
-        if (tableEl) {
-            relevantTableProps.forEach((tablePropName) => {
-                this[tablePropName] = tableEl[tablePropName];
-            });
-        }
-        else {
-            console.error('Failed to find parent tds-table element.');
-        }
-    }
-    handleSlotChange() {
-        this.validateSlot();
-    }
-    validateSlot() {
-        const children = Array.from(this.host.children).filter((element) => element.tagName === 'INPUT');
-        if (children.length !== 1) {
-            console.warn('TABLE-BODY-INPUT-WRAPPER: Wrapper only accepts input as children.');
-            this.renderSlot = false;
-        }
-        else {
-            if (!this.renderSlot)
-                this.renderSlot = true;
-            const input = children[0];
-            input.addEventListener('focus', () => {
-                this.inputFocused = true;
-            });
-            input.addEventListener('blur', () => {
-                this.inputFocused = false;
-            });
-            // Handle Enter key event
-            input.addEventListener('keydown', (event) => {
-                if (event.key === 'Enter') {
-                    event.preventDefault();
-                    this.moveToNextEditableCell();
-                }
-            });
-        }
-    }
-    moveToNextEditableCell() {
-        const allEditableCells = Array.from(document.querySelectorAll('tds-table-body-input-wrapper'));
-        const currentIndex = allEditableCells.indexOf(this.host);
-        if (currentIndex !== -1 && currentIndex < allEditableCells.length - 1) {
-            const nextCell = allEditableCells[currentIndex + 1];
-            const nextInput = nextCell.querySelector('input');
-            if (nextInput) {
-                nextInput.focus();
-            }
-        }
-    }
-    render() {
-        return (h(Host, { key: 'ad9ea213210029f368ef88ecb62db60a0d79843d', class: {
-                'focused-input-wrapper': this.inputFocused,
-                'show-icon': this.showIcon,
-                'tds-table__compact': this.compactDesign,
-            } }, this.renderSlot ? h("slot", { onSlotchange: () => this.handleSlotChange() }) : null, this.showIcon ? (h("tds-icon", { class: "edit-icon", slot: "icon", size: "16px", name: "edit" })) : null));
-    }
-    get host() { return this; }
-    static get style() { return TdsTableBodyInputWrapperStyle0; }
-}, [1, "tds-table-body-input-wrapper", {
-        "showIcon": [4, "show-icon"],
-        "renderSlot": [32],
-        "inputFocused": [32],
-        "compactDesign": [32],
-        "tableId": [32]
-    }, [[16, "internalTdsTablePropChange", "internalTdsPropChangeListener"]]]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["tds-table-body-input-wrapper", "tds-icon"];
-    components.forEach(tagName => { switch (tagName) {
-        case "tds-table-body-input-wrapper":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, TdsTableBodyInputWrapper$1);
-            }
-            break;
-        case "tds-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const TdsTableBodyInputWrapper = TdsTableBodyInputWrapper$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { TdsTableBodyInputWrapper, defineCustomElement };
+import{t,p as e,H as o,h as s,a as n}from"./index.js";import{d as i}from"./p-C0fx1H4h.js";const r=["compactDesign"],a=e(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.showIcon=!0,this.renderSlot=!0,this.inputFocused=!1,this.compactDesign=!1,this.tableId=""}internalTdsPropChangeListener(t){this.tableId===t.detail.tableId&&t.detail.changed.filter((t=>r.includes(t))).forEach((e=>{if(void 0===this[e])throw console.error("Table prop is not supported: "+e),Error("Table prop is not supported: "+e);this[e]=t.detail[e]}))}connectedCallback(){const t=this.host.closest("tds-table");t?this.tableId=t.getAttribute("table-id"):console.error("Failed to find parent tds-table element.")}componentWillLoad(){const t=this.host.closest("tds-table");t?r.forEach((e=>{this[e]=t[e]})):console.error("Failed to find parent tds-table element.")}handleSlotChange(){this.validateSlot()}validateSlot(){const t=Array.from(this.host.children).filter((t=>"INPUT"===t.tagName));if(1!==t.length)console.warn("TABLE-BODY-INPUT-WRAPPER: Wrapper only accepts input as children."),this.renderSlot=!1;else{this.renderSlot||(this.renderSlot=!0);const e=t[0];e.addEventListener("focus",(()=>{this.inputFocused=!0})),e.addEventListener("blur",(()=>{this.inputFocused=!1})),e.addEventListener("keydown",(t=>{"Enter"===t.key&&(t.preventDefault(),this.moveToNextEditableCell())}))}}moveToNextEditableCell(){const t=Array.from(document.querySelectorAll("tds-table-body-input-wrapper")),e=t.indexOf(this.host);if(-1!==e&&e<t.length-1){const o=t[e+1].querySelector("input");o&&o.focus()}}render(){return s(n,{key:"ad9ea213210029f368ef88ecb62db60a0d79843d",class:{"focused-input-wrapper":this.inputFocused,"show-icon":this.showIcon,"tds-table__compact":this.compactDesign}},this.renderSlot?s("slot",{onSlotchange:()=>this.handleSlotChange()}):null,this.showIcon?s("tds-icon",{class:"edit-icon",slot:"icon",size:"16px",name:"edit"}):null)}get host(){return this}static get style(){return":host{position:relative}:host(.focused-input-wrapper) tds-icon{display:inline-block}:host(.show-icon) ::slotted(input){padding-right:var(--tds-spacing-element-24)}:host(:hover) tds-icon{display:inline-block}:host(:hover) ::slotted(input:not(:focus)){background-color:var(--tds-table-input-background-hover)}tds-icon.edit-icon{display:none;position:absolute;right:10px;top:1px;pointer-events:none;cursor:pointer}::slotted(input){box-sizing:border-box;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);padding-left:var(--tds-spacing-element-16);padding-right:var(--tds-spacing-element-16);color:var(--tds-table-color);background-color:transparent;height:48px;border-radius:0;border:0;border-bottom:2px solid transparent;width:100%;cursor:pointer}::slotted(input)::placeholder{color:var(--tds-table-color)}::slotted(input:disabled){background-color:var(--tds-table-input-background-disabled)}::slotted(input:focus){outline:none;background-color:var(--tds-table-input-background-focus);border-bottom:2px solid var(--tds-text-field-bar)}:host(.tds-table__compact) ::slotted(input){height:32px;}"}},[257,"tds-table-body-input-wrapper",{showIcon:[4,"show-icon"],renderSlot:[32],inputFocused:[32],compactDesign:[32],tableId:[32]},[[16,"internalTdsTablePropChange","internalTdsPropChangeListener"]]]);function d(){"undefined"!=typeof customElements&&["tds-table-body-input-wrapper","tds-icon"].forEach((e=>{switch(e){case"tds-table-body-input-wrapper":customElements.get(t(e))||customElements.define(t(e),a);break;case"tds-icon":customElements.get(t(e))||i()}}))}d();const l=a,c=d;export{l as TdsTableBodyInputWrapper,c as defineCustomElement}

package/dist/components/tds-table-body-row-expandable.js

@@ -1,175 +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';
-
-const tableBodyRowExpandableCss = ":host{box-sizing:border-box;display:contents}:host *{box-sizing:border-box}:host .tds-table__row,:host .tds-table__row-extend{display:table-row;border-bottom:1px solid var(--tds-table-divider);background-color:var(--tds-table-body-row-background);transition:background-color 200ms ease;color:var(--tds-table-color)}:host .tds-table__row--expanded{border-bottom:none}:host .tds-table__row:hover,:host .tds-table__row-extend:hover{background-color:var(--tds-table-body-row-background-hover)}:host .tds-table__expand-control-container{display:flex;justify-content:center;align-items:center;height:46px;cursor:pointer;padding:0 16px;position:relative}:host .tds-table__expand-control-container .tds-table__expand-input{all:unset;top:0;left:0;width:100%;height:100%;position:absolute;cursor:pointer}:host .tds-table__expand-control-container .tds-table__expand-input:focus{outline:2px solid var(--tds-focus-outline-color);box-shadow:0 0 0 1px var(--tds-white);outline-offset:1px;z-index:1}:host .tds-table__expand-control-container .tds-expendable-row-icon{height:16px;width:16px;transition:transform 200ms ease;transform:rotate(0)}:host .tds-table__row-expand{display:none;transition:background-color 200ms ease}:host .tds-table__row-expand--expanded{border-bottom:1px solid var(--tds-table-divider)}:host .tds-table__row-expand .tds-table__cell-expand{max-width:1px;overflow:auto;padding:16px 16px 16px 66px;color:var(--tds-table-color)}:host .tds-table__row-expand .tds-table__cell-expand--overflow-visible{overflow:visible}:host .tds-table__row-expand .tds-table__cell-expand--overflow-hidden{overflow:hidden}:host(.tds-table__row-expand--active) .tds-table__row{background-color:var(--tds-table-body-row-background-selected)}:host(.tds-table__row-expand--active) .tds-table__expand-control-container .tds-expendable-row-icon{transform:rotate(180deg)}:host(.tds-table__row-expand--active) .tds-table__row-expand{background-color:var(--tds-table-body-row-background-selected);display:table-row}:host(.tds-table__compact) .tds-table__expand-control-container{height:30px}:host(.tds-table__compact) .tds-table__row-expand .tds-table__cell-expand{padding:8px 16px 8px 66px}:host(.tds-table__row--hidden){display:none}:host(.tds-table--divider) .tds-table__cell--expand{border-right:1px solid var(--tds-table-divider)}";
-const TdsTableBodyRowExpandableStyle0 = tableBodyRowExpandableCss;
-
-const relevantTableProps = [
-    'verticalDividers',
-    'compactDesign',
-    'noMinWidth',
-    'modeVariant',
-];
-const TdsTableBodyRowExpandable$1 = /*@__PURE__*/ proxyCustomElement(class TdsTableBodyRowExpandable extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.internalTdsRowExpanded = createEvent(this, "internalTdsRowExpanded", 6);
-        this.tdsChange = createEvent(this, "tdsChange", 6);
-        this.colSpan = null;
-        this.rowId = generateUniqueId();
-        this.expanded = undefined;
-        this.overflow = 'auto';
-        this.autoCollapse = false;
-        this.tdsAriaLabelExpandButton = '';
-        this.isExpanded = false;
-        this.tableId = '';
-        this.columnsNumber = null;
-        this.verticalDividers = false;
-        this.compactDesign = false;
-        this.noMinWidth = false;
-        this.modeVariant = null;
-    }
-    internalTdsPropChangeListener(event) {
-        if (this.tableId === event.detail.tableId) {
-            event.detail.changed
-                .filter((changedProp) => relevantTableProps.includes(changedProp))
-                .forEach((changedProp) => {
-                if (typeof this[changedProp] === 'undefined') {
-                    throw new Error(`Table prop is not supported: ${changedProp}`);
-                }
-                this[changedProp] = event.detail[changedProp];
-            });
-        }
-    }
-    handleRowExpand(event) {
-        /** Collapse all other rows when autoCollapse is true and a row is expanded */
-        if (this.autoCollapse &&
-            event.detail.isExpanded &&
-            event.detail.rowId !== this.rowId &&
-            event.detail.tableId === this.tableId) {
-            this.collapse();
-        }
-    }
-    watchExpanded(newValue) {
-        if (newValue !== this.isExpanded) {
-            this.isExpanded = newValue;
-            this.tdsChange.emit({
-                rowId: this.rowId,
-                isExpanded: this.isExpanded,
-                tableId: this.tableId,
-            });
-        }
-    }
-    /** Method to expand table row */
-    async expand() {
-        this.isExpanded = true;
-        this.tdsChange.emit({ rowId: this.rowId, isExpanded: this.isExpanded, tableId: this.tableId });
-    }
-    /** Method to collapse table row */
-    async collapse() {
-        this.isExpanded = false;
-        this.tdsChange.emit({ rowId: this.rowId, isExpanded: this.isExpanded, tableId: this.tableId });
-    }
-    connectedCallback() {
-        var _a;
-        /* if user did set a prop we use that as default behaviour */
-        if (this.expanded !== undefined) {
-            this.isExpanded = this.expanded;
-        }
-        this.tableEl = this.host.closest('tds-table');
-        this.tableId = (_a = this.tableEl) === null || _a === void 0 ? void 0 : _a.tableId;
-    }
-    componentWillLoad() {
-        relevantTableProps.forEach((tablePropName) => {
-            var _a;
-            this[tablePropName] = (_a = this.tableEl) === null || _a === void 0 ? void 0 : _a[tablePropName];
-        });
-    }
-    componentWillRender() {
-        var _a;
-        if (this.colSpan !== null) {
-            this.columnsNumber = this.colSpan;
-        }
-        else {
-            const header = (_a = this.tableEl) === null || _a === void 0 ? void 0 : _a.querySelector('tds-table-header');
-            if (header) {
-                this.columnsNumber = header.childElementCount + 1;
-            }
-        }
-    }
-    sendValue() {
-        this.internalTdsRowExpanded.emit([this.tableId, this.isExpanded]);
-        this.tdsChange.emit({ rowId: this.rowId, isExpanded: this.isExpanded, tableId: this.tableId });
-    }
-    onChangeHandler(event) {
-        this.isExpanded = event.currentTarget.checked === true;
-        this.sendValue();
-    }
-    render() {
-        var _a;
-        return (h(Host, { key: '9747b45c606d94f6a79e35afd1e126e0d4940761', class: {
-                'tds-table__row': true,
-                'tds-table__row-expand--active': this.isExpanded,
-                'tds-table__compact': this.compactDesign,
-                'tds-table--divider': this.verticalDividers,
-            } }, h("tr", { key: 'c3eb7c452c55cd64393d4d0820983a450b3c83de', id: `expandable-content-${this.rowId}`, class: {
-                'tds-table__row': true,
-                'tds-table__row--expanded': this.isExpanded,
-            }, part: "row" }, h("td", { key: 'a269a53c209ac33f82475c92408a824194feea0d', class: {
-                'tds-table__cell-expand': true,
-            } }, h("label", { key: '3a32f175d6f584850e442a279818bbdec8fbc00a', class: "tds-table__expand-control-container" }, h("input", { key: '073584fdeda9b0aa6dc6fa51030ee84c1478f3a4', class: "tds-table__expand-input", type: "checkbox", onChange: (event) => this.onChangeHandler(event), checked: this.isExpanded, "aria-expanded": this.isExpanded ? 'true' : 'false', "aria-controls": `expandable-content-${this.rowId}`, "aria-label": this.tdsAriaLabelExpandButton }), h("span", { key: 'd3782b0bb66e7ac420c94eaa310a18ec97de34a8', class: "tds-expendable-row-icon" }, h("svg", { key: 'd25d24e492917ecea514da86a7e92238089bfe3c', fill: "none", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 32 32" }, h("path", { key: '1849dbf3a843f1f98a415a0017ad32951e0af4ff', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M4.273 9.783a1 1 0 0 1 1.415 0l9.888 9.888a.6.6 0 0 0 .848 0l9.888-9.888a1 1 0 1 1 1.415 1.414l-9.889 9.889a2.6 2.6 0 0 1-3.677 0l-9.888-9.889a1 1 0 0 1 0-1.414Z", fill: "currentColor" }))))), h("slot", { key: 'c6af8843f62b83e6e96e3ea65087c276c0fb6e4f' })), h("tr", { key: '12d8127b203fd91f1b0a767b47aa752d84016aed', class: {
-                'tds-table__row-expand': true,
-                'tds-table__row-expand--expanded': this.isExpanded,
-            }, part: "expand-row" }, h("td", { key: '9bd6d1292ede611479fe3f59239ca0ae1257fddc', class: {
-                'tds-table__cell-expand': true,
-                'tds-table__cell-expand--overflow-hidden': this.overflow === 'hidden',
-                'tds-table__cell-expand--overflow-visible': this.overflow === 'visible',
-            }, part: "expand-row-cell", colSpan: (_a = this.columnsNumber) !== null && _a !== void 0 ? _a : undefined }, h("div", { key: '6cfcd733564c5e6d1b55f6029e80e2b5713988d5', style: {
-                overflow: this.overflow,
-            } }, h("slot", { key: 'fa74913d8c68ad2fbfc359fe9d67f27b9b254d28', name: "expand-row" }))))));
-    }
-    get host() { return this; }
-    static get watchers() { return {
-        "expanded": ["watchExpanded"]
-    }; }
-    static get style() { return TdsTableBodyRowExpandableStyle0; }
-}, [1, "tds-table-body-row-expandable", {
-        "colSpan": [2, "col-span"],
-        "rowId": [513, "row-id"],
-        "expanded": [516],
-        "overflow": [513],
-        "autoCollapse": [4, "auto-collapse"],
-        "tdsAriaLabelExpandButton": [513, "tds-aria-label-expand-button"],
-        "isExpanded": [32],
-        "tableId": [32],
-        "columnsNumber": [32],
-        "verticalDividers": [32],
-        "compactDesign": [32],
-        "noMinWidth": [32],
-        "modeVariant": [32],
-        "expand": [64],
-        "collapse": [64]
-    }, [[16, "internalTdsTablePropChange", "internalTdsPropChangeListener"], [16, "tdsChange", "handleRowExpand"]], {
-        "expanded": ["watchExpanded"]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["tds-table-body-row-expandable"];
-    components.forEach(tagName => { switch (tagName) {
-        case "tds-table-body-row-expandable":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, TdsTableBodyRowExpandable$1);
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const TdsTableBodyRowExpandable = TdsTableBodyRowExpandable$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { TdsTableBodyRowExpandable, defineCustomElement };
+import{t,p as e,H as a,c as d,h as s,a as o}from"./index.js";import{g as l}from"./p-Cn4f8w1e.js";const n=["verticalDividers","compactDesign","noMinWidth","modeVariant"],i=e(class extends a{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.internalTdsRowExpanded=d(this,"internalTdsRowExpanded",6),this.tdsChange=d(this,"tdsChange",6),this.colSpan=null,this.rowId=l(),this.overflow="auto",this.autoCollapse=!1,this.tdsAriaLabelExpandButton="",this.isExpanded=!1,this.tableId="",this.columnsNumber=null,this.verticalDividers=!1,this.compactDesign=!1,this.noMinWidth=!1,this.modeVariant=null}internalTdsPropChangeListener(t){this.tableId===t.detail.tableId&&t.detail.changed.filter((t=>n.includes(t))).forEach((e=>{if(void 0===this[e])throw Error("Table prop is not supported: "+e);this[e]=t.detail[e]}))}handleRowExpand(t){this.autoCollapse&&t.detail.isExpanded&&t.detail.rowId!==this.rowId&&t.detail.tableId===this.tableId&&this.collapse()}watchExpanded(t){t!==this.isExpanded&&(this.isExpanded=t,this.tdsChange.emit({rowId:this.rowId,isExpanded:this.isExpanded,tableId:this.tableId}))}async expand(){this.isExpanded=!0,this.tdsChange.emit({rowId:this.rowId,isExpanded:this.isExpanded,tableId:this.tableId})}async collapse(){this.isExpanded=!1,this.tdsChange.emit({rowId:this.rowId,isExpanded:this.isExpanded,tableId:this.tableId})}connectedCallback(){var t;void 0!==this.expanded&&(this.isExpanded=this.expanded),this.tableEl=this.host.closest("tds-table"),this.tableId=null===(t=this.tableEl)||void 0===t?void 0:t.tableId}componentWillLoad(){n.forEach((t=>{var e;this[t]=null===(e=this.tableEl)||void 0===e?void 0:e[t]}))}componentWillRender(){var t;if(null!==this.colSpan)this.columnsNumber=this.colSpan;else{const e=null===(t=this.tableEl)||void 0===t?void 0:t.querySelector("tds-table-header");e&&(this.columnsNumber=e.childElementCount+1)}}sendValue(){this.internalTdsRowExpanded.emit([this.tableId,this.isExpanded]),this.tdsChange.emit({rowId:this.rowId,isExpanded:this.isExpanded,tableId:this.tableId})}onChangeHandler(t){this.isExpanded=!0===t.currentTarget.checked,this.sendValue()}render(){var t;return s(o,{key:"9747b45c606d94f6a79e35afd1e126e0d4940761",class:{"tds-table__row":!0,"tds-table__row-expand--active":this.isExpanded,"tds-table__compact":this.compactDesign,"tds-table--divider":this.verticalDividers}},s("tr",{key:"c3eb7c452c55cd64393d4d0820983a450b3c83de",id:"expandable-content-"+this.rowId,class:{"tds-table__row":!0,"tds-table__row--expanded":this.isExpanded},part:"row"},s("td",{key:"a269a53c209ac33f82475c92408a824194feea0d",class:{"tds-table__cell-expand":!0}},s("label",{key:"3a32f175d6f584850e442a279818bbdec8fbc00a",class:"tds-table__expand-control-container"},s("input",{key:"073584fdeda9b0aa6dc6fa51030ee84c1478f3a4",class:"tds-table__expand-input",type:"checkbox",onChange:t=>this.onChangeHandler(t),checked:this.isExpanded,"aria-expanded":this.isExpanded?"true":"false","aria-controls":"expandable-content-"+this.rowId,"aria-label":this.tdsAriaLabelExpandButton}),s("span",{key:"d3782b0bb66e7ac420c94eaa310a18ec97de34a8",class:"tds-expendable-row-icon"},s("svg",{key:"d25d24e492917ecea514da86a7e92238089bfe3c",fill:"none",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 32 32"},s("path",{key:"1849dbf3a843f1f98a415a0017ad32951e0af4ff","fill-rule":"evenodd","clip-rule":"evenodd",d:"M4.273 9.783a1 1 0 0 1 1.415 0l9.888 9.888a.6.6 0 0 0 .848 0l9.888-9.888a1 1 0 1 1 1.415 1.414l-9.889 9.889a2.6 2.6 0 0 1-3.677 0l-9.888-9.889a1 1 0 0 1 0-1.414Z",fill:"currentColor"}))))),s("slot",{key:"c6af8843f62b83e6e96e3ea65087c276c0fb6e4f"})),s("tr",{key:"12d8127b203fd91f1b0a767b47aa752d84016aed",class:{"tds-table__row-expand":!0,"tds-table__row-expand--expanded":this.isExpanded},part:"expand-row"},s("td",{key:"9bd6d1292ede611479fe3f59239ca0ae1257fddc",class:{"tds-table__cell-expand":!0,"tds-table__cell-expand--overflow-hidden":"hidden"===this.overflow,"tds-table__cell-expand--overflow-visible":"visible"===this.overflow},part:"expand-row-cell",colSpan:null!==(t=this.columnsNumber)&&void 0!==t?t:void 0},s("div",{key:"6cfcd733564c5e6d1b55f6029e80e2b5713988d5",style:{overflow:this.overflow}},s("slot",{key:"fa74913d8c68ad2fbfc359fe9d67f27b9b254d28",name:"expand-row"})))))}get host(){return this}static get watchers(){return{expanded:[{watchExpanded:0}]}}static get style(){return":host{box-sizing:border-box;display:contents}:host *{box-sizing:border-box}:host .tds-table__row,:host .tds-table__row-extend{display:table-row;border-bottom:1px solid var(--tds-table-divider);background-color:var(--tds-table-body-row-background);transition:background-color 200ms ease;color:var(--tds-table-color)}:host .tds-table__row--expanded{border-bottom:none}:host .tds-table__row:hover,:host .tds-table__row-extend:hover{background-color:var(--tds-table-body-row-background-hover)}:host .tds-table__expand-control-container{display:flex;justify-content:center;align-items:center;height:46px;cursor:pointer;padding:0 16px;position:relative}:host .tds-table__expand-control-container .tds-table__expand-input{all:unset;top:0;left:0;width:100%;height:100%;position:absolute;cursor:pointer}:host .tds-table__expand-control-container .tds-table__expand-input:focus{outline:2px solid var(--tds-focus-outline-color);box-shadow:0 0 0 1px var(--tds-white);outline-offset:1px;z-index:1}:host .tds-table__expand-control-container .tds-expendable-row-icon{height:16px;width:16px;transition:transform 200ms ease;transform:rotate(0)}:host .tds-table__row-expand{display:none;transition:background-color 200ms ease}:host .tds-table__row-expand--expanded{border-bottom:1px solid var(--tds-table-divider)}:host .tds-table__row-expand .tds-table__cell-expand{max-width:1px;overflow:auto;padding:16px 16px 16px 66px;color:var(--tds-table-color)}:host .tds-table__row-expand .tds-table__cell-expand--overflow-visible{overflow:visible}:host .tds-table__row-expand .tds-table__cell-expand--overflow-hidden{overflow:hidden}:host(.tds-table__row-expand--active) .tds-table__row{background-color:var(--tds-table-body-row-background-selected)}:host(.tds-table__row-expand--active) .tds-table__expand-control-container .tds-expendable-row-icon{transform:rotate(180deg)}:host(.tds-table__row-expand--active) .tds-table__row-expand{background-color:var(--tds-table-body-row-background-selected);display:table-row}:host(.tds-table__compact) .tds-table__expand-control-container{height:30px}:host(.tds-table__compact) .tds-table__row-expand .tds-table__cell-expand{padding:8px 16px 8px 66px}:host(.tds-table__row--hidden){display:none}:host(.tds-table--divider) .tds-table__cell--expand{border-right:1px solid var(--tds-table-divider)}"}},[257,"tds-table-body-row-expandable",{colSpan:[2,"col-span"],rowId:[513,"row-id"],expanded:[516],overflow:[513],autoCollapse:[4,"auto-collapse"],tdsAriaLabelExpandButton:[513,"tds-aria-label-expand-button"],isExpanded:[32],tableId:[32],columnsNumber:[32],verticalDividers:[32],compactDesign:[32],noMinWidth:[32],modeVariant:[32],expand:[64],collapse:[64]},[[16,"internalTdsTablePropChange","internalTdsPropChangeListener"],[16,"tdsChange","handleRowExpand"]],{expanded:[{watchExpanded:0}]}]);function r(){"undefined"!=typeof customElements&&["tds-table-body-row-expandable"].forEach((e=>{"tds-table-body-row-expandable"===e&&(customElements.get(t(e))||customElements.define(t(e),i))}))}r();const c=i,h=r;export{c as TdsTableBodyRowExpandable,h as defineCustomElement}