@scania/tegel 1.47.2 → 1.48.0

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 l}from"./index.js";const n=["verticalDividers","compactDesign","noMinWidth"],d=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(l,{key:"2f095d2b2cf724d8ef18ffb895f327832ef5ce66",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},style:{textAlign:this.textAlignState,padding:t},role:"cell"},this.cellValue,i("slot",{key:"85ffbf1e995c5e797971b97101d350b9e3bc3921"}))}get host(){return this}static get style(){return":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}"}},[257,"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 o(){"undefined"!=typeof customElements&&["tds-body-cell"].forEach((e=>{"tds-body-cell"===e&&(customElements.get(t(e))||customElements.define(t(e),d))}))}o();const r=d,a=o;export{r as TdsBodyCell,a 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-MrnWQiwK.js";import{d as n}from"./p-C0fx1H4h.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}

package/dist/components/tds-chip.js

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

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

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