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

package/dist/components/tds-badge.js

@@ -1,76 +1 @@
-import { p as proxyCustomElement, H, h } from './p-28ef5186.js';
-
-const badgeCss = ":host{--tds-badge-background-color:var(--tds-red-400);--tds-badge-color-text:var(--tds-white);box-sizing:border-box;display:block}:host *{box-sizing:border-box}.tds-badge{display:block;border-radius:12px;background-color:var(--tds-badge-background-color);text-align:center}.tds-badge.tds-badge-sm{height:8px;width:8px;line-height:8px}.tds-badge.tds-badge-lg{height:20px;line-height:20px;width:20px}.tds-badge.tds-badge-pill{display:inline-block;width:unset;padding-left:8px;padding-right:8px}.tds-badge.tds-badge-hidden{display:none}.tds-badge-text{font-size:12px;color:var(--tds-badge-color-text);font-weight:bold}";
-const TdsBadgeStyle0 = badgeCss;
-
-const TdsBadge$1 = /*@__PURE__*/ proxyCustomElement(class TdsBadge extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.value = '';
-        this.hidden = false;
-        this.size = 'lg';
-        this.tdsAriaLive = 'polite';
-        this.tdsAriaLabel = '';
-        this.shape = '';
-        this.text = '';
-    }
-    watchProps() {
-        this.checkProps();
-    }
-    componentWillLoad() {
-        this.checkProps();
-    }
-    checkProps() {
-        const valueAsNumber = parseInt(this.value);
-        if (!Number.isNaN(valueAsNumber) && this.size !== 'sm') {
-            this.shape = this.value.length >= 2 ? 'pill' : '';
-            this.size = 'lg';
-            this.text = valueAsNumber.toString().length >= 3 ? '99+' : valueAsNumber.toString();
-        }
-    }
-    render() {
-        return (h("host", { key: '718d8c1583ad75a49fb5f24bb8efbdad4e3228a7', role: "status", class: {
-                'tds-badge': true,
-                [`tds-badge-${this.size}`]: true,
-                'tds-badge-pill': this.shape === 'pill',
-                'tds-badge-hidden': this.hidden,
-            }, "aria-label": this.tdsAriaLabel, "aria-live": this.tdsAriaLive }, h("div", { key: 'd76ae168c4f5926a170472162ecd611b5e6e4639', class: "tds-badge-text", "aria-hidden": "true" }, this.text)));
-    }
-    static get watchers() { return {
-        "value": ["watchProps"],
-        "size": ["watchProps"]
-    }; }
-    static get style() { return TdsBadgeStyle0; }
-}, [1, "tds-badge", {
-        "value": [1],
-        "hidden": [516],
-        "size": [1],
-        "tdsAriaLive": [1, "tds-aria-live"],
-        "tdsAriaLabel": [32],
-        "shape": [32],
-        "text": [32]
-    }, undefined, {
-        "value": ["watchProps"],
-        "size": ["watchProps"]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["tds-badge"];
-    components.forEach(tagName => { switch (tagName) {
-        case "tds-badge":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, TdsBadge$1);
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const TdsBadge = TdsBadge$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { TdsBadge, defineCustomElement };
+import{t,p as s,H as e,h as d}from"./index.js";const i=s(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.value="",this.hidden=!1,this.size="lg",this.tdsAriaLive="polite",this.tdsAriaLabel="",this.shape="",this.text=""}watchProps(){this.checkProps()}componentWillLoad(){this.checkProps()}checkProps(){const t=parseInt(this.value);Number.isNaN(t)||"sm"===this.size||(this.shape=this.value.length>=2?"pill":"",this.size="lg",this.text=(""+t).length>=3?"99+":""+t)}render(){return d("host",{key:"718d8c1583ad75a49fb5f24bb8efbdad4e3228a7",role:"status",class:{"tds-badge":!0,["tds-badge-"+this.size]:!0,"tds-badge-pill":"pill"===this.shape,"tds-badge-hidden":this.hidden},"aria-label":this.tdsAriaLabel,"aria-live":this.tdsAriaLive},d("div",{key:"d76ae168c4f5926a170472162ecd611b5e6e4639",class:"tds-badge-text","aria-hidden":"true"},this.text))}static get watchers(){return{value:[{watchProps:0}],size:[{watchProps:0}]}}static get style(){return":host{--tds-badge-background-color:var(--tds-red-400);--tds-badge-color-text:var(--tds-white);box-sizing:border-box;display:block}:host *{box-sizing:border-box}.tds-badge{display:block;border-radius:12px;background-color:var(--tds-badge-background-color);text-align:center}.tds-badge.tds-badge-sm{height:8px;width:8px;line-height:8px}.tds-badge.tds-badge-lg{height:20px;line-height:20px;width:20px}.tds-badge.tds-badge-pill{display:inline-block;width:unset;padding-left:8px;padding-right:8px}.tds-badge.tds-badge-hidden{display:none}.tds-badge-text{font-size:12px;color:var(--tds-badge-color-text);font-weight:bold}"}},[1,"tds-badge",{value:[1],hidden:[516],size:[1],tdsAriaLive:[1,"tds-aria-live"],tdsAriaLabel:[32],shape:[32],text:[32]},void 0,{value:[{watchProps:0}],size:[{watchProps:0}]}]);function a(){"undefined"!=typeof customElements&&["tds-badge"].forEach((s=>{"tds-badge"===s&&(customElements.get(t(s))||customElements.define(t(s),i))}))}a();const o=i,r=a;export{o as TdsBadge,r as defineCustomElement}

package/dist/components/tds-banner.js

@@ -1,93 +1 @@
-import { p as proxyCustomElement, H, d as createEvent, h, c as Host } from './p-28ef5186.js';
-import { g as generateUniqueId } from './p-11648030.js';
-import { h as hasSlot } from './p-ae110fc2.js';
-import { d as defineCustomElement$2 } from './p-f086ba26.js';
-
-const bannerCss = ":host(.hide){display:none;visibility:hidden}:host(.error){background-color:var(--tds-banner-background-error)}:host(.information){background-color:var(--tds-banner-background-info)}:host{display:flex;background-color:var(--tds-banner-background-default);z-index:400;padding-left:16px}:host .banner-icon{padding-left:4px;padding-top:14px;padding-right:12px;color:var(--tds-banner-prefix-default-color)}:host .banner-icon.error{color:var(--tds-banner-prefix-error-color)}:host .banner-icon.information{color:var(--tds-banner-prefix-info-color)}:host .content{color:var(--tds-banner-text-color);display:flex;flex-direction:column;flex-grow:1;padding:16px 0}:host .content.no-icon{padding-left:16px}:host .header-subheader{display:flex;flex-direction:column;gap:4px}:host .header,:host slot[name=header]{font:var(--tds-headline-06);letter-spacing:var(--tds-headline-06-ls)}:host .subheader,:host slot[name=subheader]{display:block;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls)}:host slot[name=actions]::slotted(*){display:block;width:fit-content;padding-top:12px}:host .banner-close{color:var(--tds-banner-x-color)}:host .banner-close button{padding-right:16px;padding-top:14px;background-color:transparent;border:none;color:var(--tds-banner-x-color)}:host .banner-close button:hover{cursor:pointer}:host .banner-close button:focus-visible{outline:none}:host .banner-close button:focus-visible tds-icon{outline:2px solid var(--tds-focus-outline-color);box-shadow:0 0 0 1px var(--tds-white);outline-offset:1px;z-index:1}";
-const TdsBannerStyle0 = bannerCss;
-
-const TdsBanner$1 = /*@__PURE__*/ proxyCustomElement(class TdsBanner extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.tdsClose = createEvent(this, "tdsClose", 7);
-        this.handleClose = () => {
-            const tdsCloseEvent = this.tdsClose.emit({
-                bannerId: this.bannerId,
-            });
-            if (!tdsCloseEvent.defaultPrevented) {
-                this.hidden = true;
-            }
-        };
-        this.icon = undefined;
-        this.header = undefined;
-        this.subheader = undefined;
-        this.variant = 'default';
-        this.bannerId = generateUniqueId();
-        this.hidden = false;
-        this.roleType = 'banner';
-    }
-    /** Hides the Banner. */
-    async hideBanner() {
-        this.hidden = true;
-    }
-    /** Shows the Banner */
-    async showBanner() {
-        this.hidden = false;
-    }
-    connectedCallback() {
-        if (this.variant === 'error') {
-            this.icon = 'error';
-        }
-        else if (this.variant === 'information') {
-            this.icon = 'info';
-        }
-    }
-    render() {
-        const usesHeaderSlot = hasSlot('subheader', this.host);
-        const usesSubheaderSlot = hasSlot('subheader', this.host);
-        const usesActionsSlot = hasSlot('actions', this.host);
-        return (h(Host, { key: '5b89bedb919ed799da1701cae1c152e310865b43', role: this.roleType, "aria-hidden": `${this.hidden}`, "aria-live": this.roleType === 'alert' ? 'assertive' : 'polite', "aria-atomic": this.host.getAttribute('aria-atomic'), class: {
-                [this.variant]: true,
-                hide: this.hidden,
-                show: !this.hidden,
-            } }, this.icon && (h("div", { key: 'b17e4c4986ccb9afde8ad9609465fdad1f5f78fe', class: `banner-icon ${this.variant}` }, h("tds-icon", { key: '2d43b52d72b874809d48b40ab2faae796e3c7d08', name: this.icon, size: "20px", svgTitle: this.icon }))), h("div", { key: '3f1d0b8493aaf41e1fe78837c937d56bb4d4d6af', class: "content" }, h("div", { key: '3fd4dac5928d5f588eff7cc9cf8a64c401b75875', class: "header-subheader" }, this.header && h("div", { key: 'f356b4218fba0c42c97e728fe6fc91bb14c8a3d7', class: "header" }, this.header), usesHeaderSlot && h("slot", { key: '74659c5c0b33bbc81f90d79c9cb80d3dcd1839fa', name: "header" }), this.subheader && h("div", { key: 'b91ba944f6c41ccf62002a2dade85968dd5b34f4', class: "subheader" }, this.subheader), usesSubheaderSlot && h("slot", { key: 'e8854a51dc158cba747abca51d79828ee419732e', name: "subheader" })), usesActionsSlot && h("slot", { key: '60fe1b1b75a7cc169d71b97d5d91086d7ae96a07', name: "actions" })), h("div", { key: 'bf664cd50d34e9ac4c3061d1670d0607cd326bef', class: `banner-close` }, h("button", { key: '0ddfadbfe00ecf7ec1376fdfbc2d70ff0cffb919', "aria-label": "Close banner", onClick: this.handleClose }, h("tds-icon", { key: '7e45115cd682e035227b486442c4fe4c67dfec4b', name: "cross", size: "20px", svgTitle: "Close" })))));
-    }
-    get host() { return this; }
-    static get style() { return TdsBannerStyle0; }
-}, [1, "tds-banner", {
-        "icon": [1],
-        "header": [1],
-        "subheader": [1],
-        "variant": [1],
-        "bannerId": [1, "banner-id"],
-        "hidden": [516],
-        "roleType": [1, "role-type"],
-        "hideBanner": [64],
-        "showBanner": [64]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["tds-banner", "tds-icon"];
-    components.forEach(tagName => { switch (tagName) {
-        case "tds-banner":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, TdsBanner$1);
-            }
-            break;
-        case "tds-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const TdsBanner = TdsBanner$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { TdsBanner, defineCustomElement };
+import{t as e,p as t,H as s,c as a,h as o,a as n}from"./index.js";import{g as d}from"./p-Cn4f8w1e.js";import{h as r}from"./p-DDX6uFcm.js";import{d as i}from"./p-hVetZOGH.js";const c=t(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.tdsClose=a(this,"tdsClose",7),this.variant="default",this.bannerId=d(),this.hidden=!1,this.roleType="banner",this.handleClose=()=>{this.tdsClose.emit({bannerId:this.bannerId}).defaultPrevented||(this.hidden=!0)}}async hideBanner(){this.hidden=!0}async showBanner(){this.hidden=!1}connectedCallback(){"error"===this.variant?this.icon="error":"information"===this.variant&&(this.icon="info")}render(){const e=r("subheader",this.host),t=r("subheader",this.host),s=r("actions",this.host);return o(n,{key:"5b89bedb919ed799da1701cae1c152e310865b43",role:this.roleType,"aria-hidden":""+this.hidden,"aria-live":"alert"===this.roleType?"assertive":"polite","aria-atomic":this.host.getAttribute("aria-atomic"),class:{[this.variant]:!0,hide:this.hidden,show:!this.hidden}},this.icon&&o("div",{key:"b17e4c4986ccb9afde8ad9609465fdad1f5f78fe",class:"banner-icon "+this.variant},o("tds-icon",{key:"2d43b52d72b874809d48b40ab2faae796e3c7d08",name:this.icon,size:"20px",svgTitle:this.icon})),o("div",{key:"3f1d0b8493aaf41e1fe78837c937d56bb4d4d6af",class:"content"},o("div",{key:"3fd4dac5928d5f588eff7cc9cf8a64c401b75875",class:"header-subheader"},this.header&&o("div",{key:"f356b4218fba0c42c97e728fe6fc91bb14c8a3d7",class:"header"},this.header),e&&o("slot",{key:"74659c5c0b33bbc81f90d79c9cb80d3dcd1839fa",name:"header"}),this.subheader&&o("div",{key:"b91ba944f6c41ccf62002a2dade85968dd5b34f4",class:"subheader"},this.subheader),t&&o("slot",{key:"e8854a51dc158cba747abca51d79828ee419732e",name:"subheader"})),s&&o("slot",{key:"60fe1b1b75a7cc169d71b97d5d91086d7ae96a07",name:"actions"})),o("div",{key:"bf664cd50d34e9ac4c3061d1670d0607cd326bef",class:"banner-close"},o("button",{key:"0ddfadbfe00ecf7ec1376fdfbc2d70ff0cffb919","aria-label":"Close banner",onClick:this.handleClose},o("tds-icon",{key:"7e45115cd682e035227b486442c4fe4c67dfec4b",name:"cross",size:"20px",svgTitle:"Close"}))))}get host(){return this}static get style(){return":host(.hide){display:none;visibility:hidden}:host(.error){background-color:var(--tds-banner-background-error)}:host(.information){background-color:var(--tds-banner-background-info)}:host{display:flex;background-color:var(--tds-banner-background-default);z-index:400;padding-left:16px}:host .banner-icon{padding-left:4px;padding-top:14px;padding-right:12px;color:var(--tds-banner-prefix-default-color)}:host .banner-icon.error{color:var(--tds-banner-prefix-error-color)}:host .banner-icon.information{color:var(--tds-banner-prefix-info-color)}:host .content{color:var(--tds-banner-text-color);display:flex;flex-direction:column;flex-grow:1;padding:16px 0}:host .content.no-icon{padding-left:16px}:host .header-subheader{display:flex;flex-direction:column;gap:4px}:host .header,:host slot[name=header]{font:var(--tds-headline-06);letter-spacing:var(--tds-headline-06-ls)}:host .subheader,:host slot[name=subheader]{display:block;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls)}:host slot[name=actions]::slotted(*){display:block;width:fit-content;padding-top:12px}:host .banner-close{color:var(--tds-banner-x-color)}:host .banner-close button{padding-right:16px;padding-top:14px;background-color:transparent;border:none;color:var(--tds-banner-x-color)}:host .banner-close button:hover{cursor:pointer}:host .banner-close button:focus-visible{outline:none}:host .banner-close button:focus-visible tds-icon{outline:2px solid var(--tds-focus-outline-color);box-shadow:0 0 0 1px var(--tds-white);outline-offset:1px;z-index:1}"}},[257,"tds-banner",{icon:[1],header:[1],subheader:[1],variant:[1],bannerId:[1,"banner-id"],hidden:[516],roleType:[1,"role-type"],hideBanner:[64],showBanner:[64]}]);function l(){"undefined"!=typeof customElements&&["tds-banner","tds-icon"].forEach((t=>{switch(t){case"tds-banner":customElements.get(e(t))||customElements.define(e(t),c);break;case"tds-icon":customElements.get(e(t))||i()}}))}l();const h=c,b=l;export{h as TdsBanner,b as defineCustomElement}

package/dist/components/tds-block.js

@@ -1,63 +1 @@
-import { p as proxyCustomElement, H, h } from './p-28ef5186.js';
-
-const blockCss = ".tds-block{box-sizing:border-box;color:var(--tds-block-color);background-color:var(--tds-block-background);border-radius:4px;padding:16px;font:var(--tds-body-01);letter-spacing:var(--tds-body-01-ls)}.tds-block *{box-sizing:border-box}.tds-mode-variant-primary{background-color:var(--tds-block-background-primary)}.tds-mode-variant-secondary{background-color:var(--tds-block-background-secondary)}.tds-block-even{background-color:var(--tds-block-background-even)}.tds-block-odd{background-color:var(--tds-block-background-odd)}";
-const TdsBlockStyle0 = blockCss;
-
-const TdsBlock$1 = /*@__PURE__*/ proxyCustomElement(class TdsBlock extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.modeVariant = null;
-        this.componentTag = 'div';
-    }
-    getNestingLevel() {
-        let level = 0;
-        let parent = this.host.parentElement;
-        while (parent) {
-            if (parent.tagName.toLowerCase() === 'tds-block') {
-                level++;
-            }
-            parent = parent.parentElement;
-        }
-        return level;
-    }
-    render() {
-        const TagType = this.componentTag;
-        const nestingLevel = this.getNestingLevel();
-        let evenOddClass = '';
-        if (this.modeVariant === null) {
-            if (nestingLevel % 2 === 0) {
-                evenOddClass = 'tds-block-even';
-            }
-            else {
-                evenOddClass = 'tds-block-odd';
-            }
-        }
-        return (h(TagType, { key: '01743312d4accf10f2d372e149880bb8b53a9a97', class: `tds-block ${evenOddClass} ${this.modeVariant !== null ? `tds-mode-variant-${this.modeVariant}` : ''}` }, h("slot", { key: '84c2a61a6f4fc4c118ce73c83d78ca18a1607d0c' })));
-    }
-    get host() { return this; }
-    static get style() { return TdsBlockStyle0; }
-}, [1, "tds-block", {
-        "modeVariant": [1, "mode-variant"],
-        "componentTag": [1, "component-tag"]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["tds-block"];
-    components.forEach(tagName => { switch (tagName) {
-        case "tds-block":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, TdsBlock$1);
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const TdsBlock = TdsBlock$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { TdsBlock, defineCustomElement };
+import{t as o,p as t,H as s,h as d}from"./index.js";const r=t(class extends s{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.modeVariant=null,this.componentTag="div"}getNestingLevel(){let o=0,t=this.host.parentElement;for(;t;)"tds-block"===t.tagName.toLowerCase()&&o++,t=t.parentElement;return o}render(){const o=this.componentTag,t=this.getNestingLevel();let s="";return null===this.modeVariant&&(s=t%2==0?"tds-block-even":"tds-block-odd"),d(o,{key:"01743312d4accf10f2d372e149880bb8b53a9a97",class:`tds-block ${s} ${null!==this.modeVariant?"tds-mode-variant-"+this.modeVariant:""}`},d("slot",{key:"84c2a61a6f4fc4c118ce73c83d78ca18a1607d0c"}))}get host(){return this}static get style(){return".tds-block{box-sizing:border-box;color:var(--tds-block-color);background-color:var(--tds-block-background);border-radius:4px;padding:16px;font:var(--tds-body-01);letter-spacing:var(--tds-body-01-ls)}.tds-block *{box-sizing:border-box}.tds-mode-variant-primary{background-color:var(--tds-block-background-primary)}.tds-mode-variant-secondary{background-color:var(--tds-block-background-secondary)}.tds-block-even{background-color:var(--tds-block-background-even)}.tds-block-odd{background-color:var(--tds-block-background-odd)}"}},[257,"tds-block",{modeVariant:[1,"mode-variant"],componentTag:[1,"component-tag"]}]);function c(){"undefined"!=typeof customElements&&["tds-block"].forEach((t=>{"tds-block"===t&&(customElements.get(o(t))||customElements.define(o(t),r))}))}c();const e=r,n=c;export{e as TdsBlock,n as defineCustomElement}

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

@@ -1,131 +1 @@
-import { p as proxyCustomElement, H, h, c as Host } from './p-28ef5186.js';
-
-const tableBodyCellCss = ":host(.tds-table__body-cell){box-sizing:border-box;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);display:table-cell;box-sizing:border-box;color:var(--tds-table-color);padding:var(--tds-spacing-element-16);min-width:192px;vertical-align:top;background-color:transparent;transition:background-color 200ms ease}:host(.tds-table__body-cell) *{box-sizing:border-box}:host(.tds-table__body-cell--hover){background-color:var(--tds-table-body-cell-background-hover)}:host(.tds-table__compact){padding:var(--tds-spacing-element-8) var(--tds-spacing-element-16)}:host(.tds-table--divider){border-right:1px solid var(--tds-table-divider)}:host(.tds-table--divider:last-of-type){border-right:none}:host(.tds-table--no-min-width){min-width:unset}";
-const TdsBodyCellStyle0 = tableBodyCellCss;
-
-const relevantTableProps = [
-    'verticalDividers',
-    'compactDesign',
-    'noMinWidth',
-];
-const TdsTableBodyCell = /*@__PURE__*/ proxyCustomElement(class TdsTableBodyCell extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.cellValue = undefined;
-        this.cellKey = undefined;
-        this.disablePadding = false;
-        this.textAlign = undefined;
-        this.textAlignState = undefined;
-        this.activeSorting = false;
-        this.verticalDividers = false;
-        this.compactDesign = false;
-        this.noMinWidth = 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') {
-                    throw new Error(`Table prop is not supported: ${changedProp}`);
-                }
-                this[changedProp] = event.detail[changedProp];
-            });
-        }
-    }
-    // Listen to headKey from table-header-element
-    internalTdsHoverListener(event) {
-        const { tableId, key } = event.detail;
-        if (tableId === this.tableId) {
-            this.activeSorting = this.cellKey === key;
-        }
-    }
-    // Listen to internalTdsTextAlign from table-header-element
-    internalTdsTextAlignListener(event) {
-        const [receivedID, receivedKey, receivedTextAlign] = event.detail;
-        if (this.tableId === receivedID) {
-            if (this.cellKey === receivedKey) {
-                if (this.textAlign) {
-                    this.textAlignState = this.textAlign;
-                }
-                else {
-                    this.textAlignState = (['left', 'start', 'right', 'end', 'center'].includes(receivedTextAlign)
-                        ? receivedTextAlign
-                        : 'left');
-                }
-            }
-        }
-    }
-    connectedCallback() {
-        var _a;
-        this.tableEl = this.host.closest('tds-table');
-        this.tableId = (_a = this.tableEl) === null || _a === void 0 ? void 0 : _a.tableId;
-    }
-    componentWillLoad() {
-        if (this.tableEl) {
-            relevantTableProps.forEach((tablePropName) => {
-                var _a;
-                this[tablePropName] = (_a = this.tableEl) === null || _a === void 0 ? void 0 : _a[tablePropName];
-            });
-        }
-        if (this.textAlign) {
-            this.textAlignState = this.textAlign;
-        }
-    }
-    render() {
-        let paddingStyle = 'var(--tds-spacing-element-16)'; // Default padding
-        if (this.disablePadding) {
-            paddingStyle = '0';
-        }
-        else if (this.compactDesign) {
-            paddingStyle = 'var(--tds-spacing-element-8) var(--tds-spacing-element-16)';
-        }
-        const dynamicStyles = {
-            textAlign: this.textAlignState,
-            // Conditionally set padding style
-            padding: paddingStyle,
-        };
-        return (h(Host, { key: '2f095d2b2cf724d8ef18ffb895f327832ef5ce66', class: {
-                'tds-table__body-cell': true,
-                'tds-table__body-cell--hover': this.activeSorting,
-                'tds-table__compact': this.compactDesign,
-                'tds-table--divider': this.verticalDividers,
-                'tds-table--no-min-width': this.noMinWidth,
-            }, style: dynamicStyles, role: "cell" }, this.cellValue, h("slot", { key: '85ffbf1e995c5e797971b97101d350b9e3bc3921' })));
-    }
-    get host() { return this; }
-    static get style() { return TdsBodyCellStyle0; }
-}, [1, "tds-body-cell", {
-        "cellValue": [520, "cell-value"],
-        "cellKey": [513, "cell-key"],
-        "disablePadding": [516, "disable-padding"],
-        "textAlign": [513, "text-align"],
-        "textAlignState": [32],
-        "activeSorting": [32],
-        "verticalDividers": [32],
-        "compactDesign": [32],
-        "noMinWidth": [32],
-        "tableId": [32]
-    }, [[16, "internalTdsPropChange", "internalTdsPropChangeListener"], [16, "internalTdsHover", "internalTdsHoverListener"], [16, "internalTdsTextAlign", "internalTdsTextAlignListener"]]]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["tds-body-cell"];
-    components.forEach(tagName => { switch (tagName) {
-        case "tds-body-cell":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, TdsTableBodyCell);
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const TdsBodyCell = TdsTableBodyCell;
-const defineCustomElement = defineCustomElement$1;
-
-export { TdsBodyCell, defineCustomElement };
+import{t,p as e,H as s,h as i,a as d}from"./index.js";const n=["verticalDividers","compactDesign","noMinWidth"],l=e(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.disablePadding=!1,this.textAlignState=void 0,this.activeSorting=!1,this.verticalDividers=!1,this.compactDesign=!1,this.noMinWidth=!1,this.tableId=""}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]}))}internalTdsHoverListener(t){const{tableId:e,key:s}=t.detail;e===this.tableId&&(this.activeSorting=this.cellKey===s)}internalTdsTextAlignListener(t){const[e,s,i]=t.detail;this.tableId===e&&this.cellKey===s&&(this.textAlignState=this.textAlign?this.textAlign:["left","start","right","end","center"].includes(i)?i:"left")}connectedCallback(){var t;this.tableEl=this.host.closest("tds-table"),this.tableId=null===(t=this.tableEl)||void 0===t?void 0:t.tableId}componentWillLoad(){this.tableEl&&n.forEach((t=>{var e;this[t]=null===(e=this.tableEl)||void 0===e?void 0:e[t]})),this.textAlign&&(this.textAlignState=this.textAlign)}render(){let t="var(--tds-spacing-element-16)";return this.disablePadding?t="0":this.compactDesign&&(t="var(--tds-spacing-element-8) var(--tds-spacing-element-16)"),i(d,{key:"d16b67e516e23d4f1efee4d09dfc451f79af08b2",class:{"tds-table__body-cell":!0,"tds-table__body-cell--hover":this.activeSorting,"tds-table__compact":this.compactDesign,"tds-table--divider":this.verticalDividers,"tds-table--no-min-width":this.noMinWidth}},i("td",{key:"2ce3e0c0f219a4878deb118f2afa623d76c7cfbd",style:{textAlign:this.textAlignState,padding:t},colSpan:this.colSpan,rowSpan:this.rowSpan},this.cellValue,i("slot",{key:"5118a6568969761c1e4673ea0b2c1d947dc53164"})))}get host(){return this}static get style(){return":host{display:contents}:host(.tds-table__body-cell) td{box-sizing:border-box;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);box-sizing:border-box;color:var(--tds-table-color);padding:var(--tds-spacing-element-16);min-width:192px;vertical-align:top;background-color:transparent;transition:background-color 200ms ease}:host(.tds-table__body-cell) td *{box-sizing:border-box}:host(.tds-table__body-cell--hover) td{background-color:var(--tds-table-body-cell-background-hover)}:host(.tds-table__compact) td{padding:var(--tds-spacing-element-8) var(--tds-spacing-element-16)}:host(.tds-table--divider) td{border-right:1px solid var(--tds-table-divider)}:host(.tds-table--divider:last-of-type) td{border-right:none}:host(.tds-table--no-min-width) td{min-width:unset}"}},[257,"tds-body-cell",{cellValue:[520,"cell-value"],cellKey:[513,"cell-key"],disablePadding:[516,"disable-padding"],textAlign:[513,"text-align"],colSpan:[2,"col-span"],rowSpan:[2,"row-span"],textAlignState:[32],activeSorting:[32],verticalDividers:[32],compactDesign:[32],noMinWidth:[32],tableId:[32]},[[16,"internalTdsPropChange","internalTdsPropChangeListener"],[16,"internalTdsHover","internalTdsHoverListener"],[16,"internalTdsTextAlign","internalTdsTextAlignListener"]]]);function a(){"undefined"!=typeof customElements&&["tds-body-cell"].forEach((e=>{"tds-body-cell"===e&&(customElements.get(t(e))||customElements.define(t(e),l))}))}a();const o=l,r=a;export{o as TdsBodyCell,r as defineCustomElement}

package/dist/components/tds-breadcrumb.js

@@ -1,38 +1 @@
-import { p as proxyCustomElement, H, h, c as Host } from './p-28ef5186.js';
-
-const breadcrumbCss = "@charset \"UTF-8\";:host([role=listitem]) div ::slotted(*){color:var(--tds-breadcrumb-color);text-decoration:none}:host([role=listitem]) div:hover ::slotted(*){color:var(--tds-breadcrumb-color-hover);text-decoration:underline}:host([role=listitem]) div ::slotted(*:focus-visible){outline:2px solid var(--tds-focus-outline-color);box-shadow:0 0 0 1px var(--tds-white);outline-offset:1px;z-index:1}:host([role=listitem]) div.current ::slotted(*),:host([role=listitem]) div [aria-current=page] ::slotted(*){pointer-events:none;cursor:default;color:var(--tds-breadcrumb-color-current)}:host([role=listitem]) div.current:hover ::slotted(*),:host([role=listitem]) div [aria-current=page]:hover ::slotted(*){text-decoration:none;cursor:not-allowed}:host([role=listitem]) div::after{content:\"›\";color:var(--tds-breadcrumb-separator-color);margin-right:4px;margin-left:4px;display:inline-block;width:4px;height:8px}:host([role=listitem]) .current::after{display:none}";
-const TdsBreadcrumbStyle0 = breadcrumbCss;
-
-const TdsBreadcrumb$1 = /*@__PURE__*/ proxyCustomElement(class TdsBreadcrumb extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.current = false;
-    }
-    render() {
-        return (h(Host, { key: 'f1a223cf44e435b547b42382e8b3d47979c71793', role: "listitem" }, h("div", Object.assign({ key: '41baa33ae1474121ae4512ddf89fb960670d1cea', class: { current: this.current } }, (this.current ? { 'aria-current': 'page' } : {})), h("slot", { key: '8f14f28f7e9824e76886a1d49f15d3404666771a' }))));
-    }
-    static get style() { return TdsBreadcrumbStyle0; }
-}, [1, "tds-breadcrumb", {
-        "current": [4]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["tds-breadcrumb"];
-    components.forEach(tagName => { switch (tagName) {
-        case "tds-breadcrumb":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, TdsBreadcrumb$1);
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const TdsBreadcrumb = TdsBreadcrumb$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { TdsBreadcrumb, defineCustomElement };
+import{t,p as e,H as r,h as o,a as s}from"./index.js";const i=e(class extends r{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.current=!1}render(){return o(s,{key:"f1a223cf44e435b547b42382e8b3d47979c71793",role:"listitem"},o("div",Object.assign({key:"41baa33ae1474121ae4512ddf89fb960670d1cea",class:{current:this.current}},this.current?{"aria-current":"page"}:{}),o("slot",{key:"8f14f28f7e9824e76886a1d49f15d3404666771a"})))}static get style(){return'@charset "UTF-8";:host([role=listitem]) div ::slotted(*){color:var(--tds-breadcrumb-color);text-decoration:none}:host([role=listitem]) div:hover ::slotted(*){color:var(--tds-breadcrumb-color-hover);text-decoration:underline}:host([role=listitem]) div ::slotted(*:focus-visible){outline:2px solid var(--tds-focus-outline-color);box-shadow:0 0 0 1px var(--tds-white);outline-offset:1px;z-index:1}:host([role=listitem]) div.current ::slotted(*),:host([role=listitem]) div [aria-current=page] ::slotted(*){pointer-events:none;cursor:default;color:var(--tds-breadcrumb-color-current)}:host([role=listitem]) div.current:hover ::slotted(*),:host([role=listitem]) div [aria-current=page]:hover ::slotted(*){text-decoration:none;cursor:not-allowed}:host([role=listitem]) div::after{content:"›";color:var(--tds-breadcrumb-separator-color);margin-right:4px;margin-left:4px;display:inline-block;width:4px;height:8px}:host([role=listitem]) .current::after{display:none}'}},[257,"tds-breadcrumb",{current:[4]}]);function l(){"undefined"!=typeof customElements&&["tds-breadcrumb"].forEach((e=>{"tds-breadcrumb"===e&&(customElements.get(t(e))||customElements.define(t(e),i))}))}l();const d=i,a=l;export{d as TdsBreadcrumb,a as defineCustomElement}

package/dist/components/tds-breadcrumbs.js

@@ -1,41 +1 @@
-import { p as proxyCustomElement, H, h } from './p-28ef5186.js';
-
-const breadcrumbsCss = ":host{box-sizing:border-box}:host *{box-sizing:border-box}:host [role=list]{padding:0;margin:0;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);display:flex;flex-wrap:wrap;list-style-type:none}";
-const TdsBreadcrumbsStyle0 = breadcrumbsCss;
-
-const TdsBreadcrumbs$1 = /*@__PURE__*/ proxyCustomElement(class TdsBreadcrumbs extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.tdsAriaLabel = undefined;
-    }
-    render() {
-        var _a;
-        (_a = this.host.children[this.host.children.length - 1]) === null || _a === void 0 ? void 0 : _a.classList.add('last');
-        return (h("nav", { key: 'f24c1dd40a5bf741d3538c1bc5e536c45a9a6b12', "aria-label": this.tdsAriaLabel }, h("div", { key: '955ea954c1a161e2c4b639947f191b3b4a22957a', role: "list", class: "tds-breadcrumb" }, h("slot", { key: '9466ab7b58a6953d79af70ac38cdc5466362dc6c' }))));
-    }
-    get host() { return this; }
-    static get style() { return TdsBreadcrumbsStyle0; }
-}, [1, "tds-breadcrumbs", {
-        "tdsAriaLabel": [1, "tds-aria-label"]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["tds-breadcrumbs"];
-    components.forEach(tagName => { switch (tagName) {
-        case "tds-breadcrumbs":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, TdsBreadcrumbs$1);
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const TdsBreadcrumbs = TdsBreadcrumbs$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { TdsBreadcrumbs, defineCustomElement };
+import{t,p as s,H as e,h as a}from"./index.js";const r=s(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}render(){var t;return null===(t=this.host.children[this.host.children.length-1])||void 0===t||t.classList.add("last"),a("nav",{key:"f24c1dd40a5bf741d3538c1bc5e536c45a9a6b12","aria-label":this.tdsAriaLabel},a("div",{key:"955ea954c1a161e2c4b639947f191b3b4a22957a",role:"list",class:"tds-breadcrumb"},a("slot",{key:"9466ab7b58a6953d79af70ac38cdc5466362dc6c"})))}get host(){return this}static get style(){return":host{box-sizing:border-box}:host *{box-sizing:border-box}:host [role=list]{padding:0;margin:0;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);display:flex;flex-wrap:wrap;list-style-type:none}"}},[257,"tds-breadcrumbs",{tdsAriaLabel:[1,"tds-aria-label"]}]);function d(){"undefined"!=typeof customElements&&["tds-breadcrumbs"].forEach((s=>{"tds-breadcrumbs"===s&&(customElements.get(t(s))||customElements.define(t(s),r))}))}d();const i=r,l=d;export{i as TdsBreadcrumbs,l as defineCustomElement}

package/dist/components/tds-button.js

@@ -1,6 +1 @@
-import { T as TdsButton$1, d as defineCustomElement$1 } from './p-f6685f1b.js';
-
-const TdsButton = TdsButton$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { TdsButton, defineCustomElement };
+import{T as o,d as s}from"./p-D0Aaqu_c.js";const a=o,p=s;export{a as TdsButton,p as defineCustomElement}

package/dist/components/tds-card.js

@@ -1,112 +1 @@
-import { p as proxyCustomElement, H, d as createEvent, h, c as Host } from './p-28ef5186.js';
-import { g as generateUniqueId } from './p-11648030.js';
-import { h as hasSlot } from './p-ae110fc2.js';
-import { d as defineCustomElement$4 } from './p-f6685f1b.js';
-import { d as defineCustomElement$3 } from './p-381677ec.js';
-import { d as defineCustomElement$2 } from './p-f086ba26.js';
-
-const cardCss = ".card{box-sizing:border-box;box-shadow:var(--tds-card-box);background-color:var(--tds-card-background);display:block;border-radius:4px;overflow:hidden}.card *{box-sizing:border-box}.card.clickable:hover{box-shadow:var(--tds-card-box-hover);cursor:pointer}.card .card-header{font:var(--tds-headline-06);letter-spacing:var(--tds-headline-06-ls);padding:16px;display:flex;align-items:center}.card .card-header slot[name=thumbnail]::slotted(*){width:36px;height:36px;border-radius:100%;margin-right:16px}.card .card-header .card-top-header{padding-left:16px;display:flex;flex-direction:column}.card .card-header .card-top-header.no-header-img{padding-left:0}.card .card-header.below{padding-top:16px}.card .card-header.expandable tds-icon{cursor:pointer;margin-left:auto;transition:transform 160ms ease-in-out, opacity 120ms ease-in-out}.card .card-header.expandable tds-icon.rotated{transform:rotate(180deg)}.card .header-subheader{display:flex;flex-direction:column;width:100%;gap:4px}.card .header-subheader .header,.card .header-subheader slot[name=header]{color:var(--tds-card-headline)}.card .header-subheader .subheader,.card .header-subheader slot[name=subheader]{color:var(--tds-card-sub-headline)}.card .card-body-img{width:100%}.card .tds-divider{margin:16px 16px 0;background-color:var(--tds-card-divider);height:1px}.card .card-body{display:block;word-wrap:break-word}.card slot[name=body]::slotted(*){font:var(--tds-detail-03) !important;letter-spacing:var(--tds-detail-03-ls) !important;color:var(--tds-card-body-color);padding:0 16px;margin-bottom:16px;margin-top:16px;max-width:336px}.card slot[name=actions]::slotted(*){display:flex;padding:16px;color:var(--tds-card-icon-color)}button{width:100%;border:none;text-align:left;padding:0}button:focus-visible{outline:2px solid var(--tds-blue-400);outline-offset:-2px}button:active{box-shadow:var(--tds-card-box-pressed)}.below-header-stretch,.above-header-stretch{display:flex;flex-direction:column}.below-header-stretch .stretch,.above-header-stretch .stretch{display:flex;flex-direction:column;flex-grow:1;width:100%}.below-header-stretch .card-body,.above-header-stretch .card-body{display:flex;flex-direction:column;flex-grow:1}.below-header-stretch .card-body slot[name=body]::slotted(*),.above-header-stretch .card-body slot[name=body]::slotted(*){max-width:unset;flex-grow:1}:host([expandable]:not([expanded])) .card-body slot[name=body]{display:none}";
-const TdsCardStyle0 = cardCss;
-
-const TdsCard$1 = /*@__PURE__*/ proxyCustomElement(class TdsCard extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.tdsClick = createEvent(this, "tdsClick", 6);
-        this.toggleExpand = () => {
-            if (this.expandable) {
-                this.expanded = !this.expanded;
-            }
-        };
-        this.handleClick = () => {
-            this.tdsClick.emit({
-                cardId: this.cardId,
-            });
-        };
-        this.getCardHeader = () => {
-            const usesHeaderSlot = hasSlot('header', this.host);
-            const usesSubheaderSlot = hasSlot('subheader', this.host);
-            const usesThumbnailSlot = hasSlot('thumbnail', this.host);
-            return (h("div", { class: { 'card-header': true, 'expandable': this.expandable, 'expanded': this.expanded } }, usesThumbnailSlot && h("slot", { name: "thumbnail" }), h("div", { class: "header-subheader", id: `header-${this.cardId}` }, this.header && h("span", { class: "header" }, this.header), usesHeaderSlot && h("slot", { name: "header" }), this.subheader && h("span", { class: "subheader" }, this.subheader), usesSubheaderSlot && h("slot", { name: "subheader" })), this.expandable && (h("tds-button", { type: "button", variant: "ghost", size: "sm", "tds-aria-label": "Toggle card content", "aria-expanded": this.expanded ? 'true' : 'false', onClick: this.toggleExpand }, h("tds-icon", { slot: "icon", size: "16px", name: "chevron_down", svgTitle: "Chevron Down", class: { rotated: this.expanded } })))));
-        };
-        this.getCardContent = () => {
-            const usesBodySlot = hasSlot('body', this.host);
-            const usesBodyImageSlot = hasSlot('body-image', this.host);
-            const usesActionsSlot = hasSlot('actions', this.host);
-            const bodyId = `body-${this.cardId}`;
-            return (h("div", { class: { stretch: this.stretch }, "aria-describedby": usesBodySlot ? bodyId : null }, this.imagePlacement === 'below-header' && this.getCardHeader(), h("div", { class: "card-body", id: bodyId }, usesBodyImageSlot && h("slot", { name: "body-image" }), this.bodyImg && h("img", { class: "card-body-img", src: this.bodyImg, alt: this.bodyImgAlt }), this.imagePlacement === 'above-header' && this.getCardHeader(), this.bodyDivider && h("tds-divider", null), usesBodySlot && h("slot", { name: "body" })), usesActionsSlot && h("slot", { name: `actions` })));
-        };
-        this.modeVariant = null;
-        this.imagePlacement = 'below-header';
-        this.header = undefined;
-        this.subheader = undefined;
-        this.bodyImg = undefined;
-        this.bodyImgAlt = undefined;
-        this.bodyDivider = false;
-        this.clickable = false;
-        this.stretch = false;
-        this.cardId = generateUniqueId();
-        this.expandable = false;
-        this.expanded = false;
-    }
-    render() {
-        const cardStyle = {
-            card: true,
-            clickable: this.clickable,
-            [this.imagePlacement]: !this.stretch,
-            [`${this.imagePlacement}-stretch`]: this.stretch,
-        };
-        const ariaLabel = this.header ? this.header : `Card ${this.cardId}`;
-        return (h(Host, { key: 'a02da4f8704ad22664fec6ba0b97421094e4cda0', class: { [`tds-mode-variant-${this.modeVariant}`]: !!this.modeVariant } }, this.clickable ? (h("button", { class: cardStyle, onClick: this.handleClick, "aria-label": ariaLabel, "aria-describedby": `header-${this.cardId}` }, this.getCardContent())) : (h("div", { class: cardStyle }, this.getCardContent()))));
-    }
-    get host() { return this; }
-    static get style() { return TdsCardStyle0; }
-}, [1, "tds-card", {
-        "modeVariant": [1, "mode-variant"],
-        "imagePlacement": [1, "image-placement"],
-        "header": [1],
-        "subheader": [1],
-        "bodyImg": [1, "body-img"],
-        "bodyImgAlt": [1, "body-img-alt"],
-        "bodyDivider": [4, "body-divider"],
-        "clickable": [4],
-        "stretch": [4],
-        "cardId": [1, "card-id"],
-        "expandable": [4],
-        "expanded": [1540]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["tds-card", "tds-button", "tds-divider", "tds-icon"];
-    components.forEach(tagName => { switch (tagName) {
-        case "tds-card":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, TdsCard$1);
-            }
-            break;
-        case "tds-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "tds-divider":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "tds-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const TdsCard = TdsCard$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { TdsCard, defineCustomElement };
+import{t as e,p as t,H as a,c as d,h as s,a as r}from"./index.js";import{g as i}from"./p-Cn4f8w1e.js";import{h as o}from"./p-DDX6uFcm.js";import{d as c}from"./p-D0Aaqu_c.js";import{d as h}from"./p-BonnqD8w.js";import{d as n}from"./p-hVetZOGH.js";const l=t(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.tdsClick=d(this,"tdsClick",6),this.modeVariant=null,this.imagePlacement="below-header",this.bodyDivider=!1,this.clickable=!1,this.stretch=!1,this.cardId=i(),this.expandable=!1,this.expanded=!1,this.toggleExpand=()=>{this.expandable&&(this.expanded=!this.expanded)},this.handleClick=()=>{this.tdsClick.emit({cardId:this.cardId})},this.getCardHeader=()=>{const e=o("header",this.host),t=o("subheader",this.host),a=o("thumbnail",this.host);return s("div",{class:{"card-header":!0,expandable:this.expandable,expanded:this.expanded}},a&&s("slot",{name:"thumbnail"}),s("div",{class:"header-subheader",id:"header-"+this.cardId},this.header&&s("span",{class:"header"},this.header),e&&s("slot",{name:"header"}),this.subheader&&s("span",{class:"subheader"},this.subheader),t&&s("slot",{name:"subheader"})),this.expandable&&s("tds-button",{type:"button",variant:"ghost",size:"sm","tds-aria-label":"Toggle card content","aria-expanded":this.expanded?"true":"false",onClick:this.toggleExpand},s("tds-icon",{slot:"icon",size:"16px",name:"chevron_down",svgTitle:"Chevron Down",class:{rotated:this.expanded}})))},this.getCardContent=()=>{const e=o("body",this.host),t=o("body-image",this.host),a=o("actions",this.host),d="body-"+this.cardId;return s("div",{class:{stretch:this.stretch},"aria-describedby":e?d:null},"below-header"===this.imagePlacement&&this.getCardHeader(),s("div",{class:"card-body",id:d},t&&s("slot",{name:"body-image"}),this.bodyImg&&s("img",{class:"card-body-img",src:this.bodyImg,alt:this.bodyImgAlt}),"above-header"===this.imagePlacement&&this.getCardHeader(),this.bodyDivider&&s("tds-divider",null),e&&s("slot",{name:"body"})),a&&s("slot",{name:"actions"}))}}render(){const e={card:!0,clickable:this.clickable,[this.imagePlacement]:!this.stretch,[this.imagePlacement+"-stretch"]:this.stretch},t=this.header?this.header:"Card "+this.cardId;return s(r,{key:"a02da4f8704ad22664fec6ba0b97421094e4cda0",class:{["tds-mode-variant-"+this.modeVariant]:!!this.modeVariant}},this.clickable?s("button",{class:e,onClick:this.handleClick,"aria-label":t,"aria-describedby":"header-"+this.cardId},this.getCardContent()):s("div",{class:e},this.getCardContent()))}get host(){return this}static get style(){return".card{box-sizing:border-box;box-shadow:var(--tds-card-box);background-color:var(--tds-card-background);display:block;border-radius:4px;overflow:hidden}.card *{box-sizing:border-box}.card.clickable:hover{box-shadow:var(--tds-card-box-hover);cursor:pointer}.card .card-header{font:var(--tds-headline-06);letter-spacing:var(--tds-headline-06-ls);padding:16px;display:flex;align-items:center}.card .card-header slot[name=thumbnail]::slotted(*){width:36px;height:36px;border-radius:100%;margin-right:16px}.card .card-header .card-top-header{padding-left:16px;display:flex;flex-direction:column}.card .card-header .card-top-header.no-header-img{padding-left:0}.card .card-header.below{padding-top:16px}.card .card-header.expandable tds-icon{cursor:pointer;margin-left:auto;transition:transform 160ms ease-in-out, opacity 120ms ease-in-out}.card .card-header.expandable tds-icon.rotated{transform:rotate(180deg)}.card .header-subheader{display:flex;flex-direction:column;width:100%;gap:4px}.card .header-subheader .header,.card .header-subheader slot[name=header]{color:var(--tds-card-headline)}.card .header-subheader .subheader,.card .header-subheader slot[name=subheader]{color:var(--tds-card-sub-headline)}.card .card-body-img{width:100%}.card .tds-divider{margin:16px 16px 0;background-color:var(--tds-card-divider);height:1px}.card .card-body{display:block;word-wrap:break-word}.card slot[name=body]::slotted(*){font:var(--tds-detail-03) !important;letter-spacing:var(--tds-detail-03-ls) !important;color:var(--tds-card-body-color);padding:0 16px;margin-bottom:16px;margin-top:16px;max-width:336px}.card slot[name=actions]::slotted(*){display:flex;padding:16px;color:var(--tds-card-icon-color)}button{width:100%;border:none;text-align:left;padding:0}button:focus-visible{outline:2px solid var(--tds-blue-400);outline-offset:-2px}button:active{box-shadow:var(--tds-card-box-pressed)}.below-header-stretch,.above-header-stretch{display:flex;flex-direction:column}.below-header-stretch .stretch,.above-header-stretch .stretch{display:flex;flex-direction:column;flex-grow:1;width:100%}.below-header-stretch .card-body,.above-header-stretch .card-body{display:flex;flex-direction:column;flex-grow:1}.below-header-stretch .card-body slot[name=body]::slotted(*),.above-header-stretch .card-body slot[name=body]::slotted(*){max-width:unset;flex-grow:1}:host([expandable]:not([expanded])) .card-body slot[name=body]{display:none}"}},[257,"tds-card",{modeVariant:[1,"mode-variant"],imagePlacement:[1,"image-placement"],header:[1],subheader:[1],bodyImg:[1,"body-img"],bodyImgAlt:[1,"body-img-alt"],bodyDivider:[4,"body-divider"],clickable:[4],stretch:[4],cardId:[1,"card-id"],expandable:[4],expanded:[1540]}]);function b(){"undefined"!=typeof customElements&&["tds-card","tds-button","tds-divider","tds-icon"].forEach((t=>{switch(t){case"tds-card":customElements.get(e(t))||customElements.define(e(t),l);break;case"tds-button":customElements.get(e(t))||c();break;case"tds-divider":customElements.get(e(t))||h();break;case"tds-icon":customElements.get(e(t))||n()}}))}b();const m=l,p=b;export{m as TdsCard,p as defineCustomElement}

package/dist/components/tds-checkbox.js

@@ -1,6 +1 @@
-import { T as TdsCheckbox$1, d as defineCustomElement$1 } from './p-542226b2.js';
-
-const TdsCheckbox = TdsCheckbox$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { TdsCheckbox, defineCustomElement };
+import{T as o,d as s}from"./p-Zx1hN-_O.js";const p=o,r=s;export{p as TdsCheckbox,r as defineCustomElement}