@scania/tegel 1.47.2 → 1.48.0

package/dist/components/tds-table-header.js

@@ -1,144 +1 @@
-import { p as proxyCustomElement, H, d as createEvent, h, c as Host } from './p-28ef5186.js';
-import { d as defineCustomElement$2 } from './p-542226b2.js';
-
-const tableHeaderCss = ":host{box-sizing:border-box;display:table-header-group}:host *{box-sizing:border-box}:host .tds-table__header-cell--checkbox{font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);display:table-cell;text-align:left;color:var(--tds-table-color);background-color:var(--tds-table-header-background);border-bottom:1px solid var(--tds-table-divider);height:48px;box-sizing:border-box;overflow:hidden;transition:background-color 200ms ease;min-width:unset;width:48px;padding:0;border-top-left-radius:4px}:host .tds-form-label--table{width:100%;height:48px;display:flex;justify-content:center;align-items:center;cursor:pointer}:host .tds-table__expand-control-container{display:flex;justify-content:center;align-items:center;height:48px;cursor:pointer}:host .tds-table__expand-control-container .tds-table__expand-input{display:none}:host .tds-table__expand-control-container .tds-expandable-row-icon{height:20px;width:20px;transition:transform 200ms ease;transform:rotate(0)}:host .tds-table__expand-control-container .tds-expandable-row-icon--opened{transform:rotate(180deg)}:host ::slotted(tds-header-cell:hover){background-color:var(--tds-table-header-background-hover)}:host(.tds-table--compact) .tds-table__header-cell--checkbox{height:32px}:host(.tds-table--compact) .tds-form-label--table{height:32px}:host(.tds-table--divider) .tds-table__header-cell--checkbox{border-right:1px solid var(--tds-table-divider)}:host(.tds-table--toolbar-available) .tds-table__header-cell--checkbox{border-top-left-radius:0}";
-const TdsTableHeaderStyle0 = tableHeaderCss;
-
-const relevantTableProps = [
-    'multiselect',
-    'expandableRows',
-    'verticalDividers',
-    'compactDesign',
-    'noMinWidth',
-];
-const TdsTableHeaderRow = /*@__PURE__*/ proxyCustomElement(class TdsTableHeaderRow extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.tdsSelectAll = createEvent(this, "tdsSelectAll", 6);
-        this.allSelected = false;
-        this.selected = undefined;
-        this.disabled = false;
-        this.indeterminate = false;
-        this.multiselect = false;
-        this.expandableRows = false;
-        this.mainCheckboxSelected = false;
-        this.mainExpendSelected = false;
-        this.verticalDividers = false;
-        this.compactDesign = false;
-        this.noMinWidth = false;
-        this.whiteBackground = false;
-        this.enableToolbarDesign = 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];
-            });
-        }
-    }
-    internalTdsRowExpandedListener(event) {
-        if (this.tableId === event.detail[0]) {
-            // TODO: Improve this logic. Why we get late repose in DOM?
-            setTimeout(() => {
-                this.bodyExpandClicked();
-            }, 100);
-        }
-    }
-    bodyExpandClicked() {
-        var _a;
-        const parentBody = (_a = this.host.parentElement) === null || _a === void 0 ? void 0 : _a.querySelector('tds-table-body');
-        if (parentBody) {
-            const numberOfExtendRowsActive = parentBody.getElementsByClassName('tds-table__row-extend--active').length;
-            const numberOfExtendRows = parentBody.getElementsByTagName('tds-table-body-row-expendable').length;
-            if (numberOfExtendRows === numberOfExtendRowsActive) {
-                this.mainExpendSelected = true;
-            }
-            else {
-                this.mainExpendSelected = false;
-            }
-        }
-    }
-    connectedCallback() {
-        var _a;
-        this.tableEl = this.host.closest('tds-table');
-        this.tableId = (_a = this.tableEl) === null || _a === void 0 ? void 0 : _a.tableId;
-    }
-    componentWillLoad() {
-        relevantTableProps.forEach((tablePropName) => {
-            var _a;
-            this[tablePropName] = (_a = this.tableEl) === null || _a === void 0 ? void 0 : _a[tablePropName];
-        });
-    }
-    componentWillRender() {
-        const closestTable = this.host.closest('tds-table');
-        if (closestTable) {
-            this.enableToolbarDesign =
-                (closestTable === null || closestTable === void 0 ? void 0 : closestTable.getElementsByTagName('tds-table-toolbar').length) >= 1;
-        }
-    }
-    async handleCheckboxChange(event) {
-        var _a;
-        this.allSelected = event.detail.checked;
-        this.tdsSelectAll.emit({
-            tableId: this.tableId,
-            checked: event.detail.checked,
-            selectedRows: await ((_a = this.tableEl) === null || _a === void 0 ? void 0 : _a.getSelectedRows()),
-        });
-    }
-    render() {
-        return (h(Host, { key: 'd223210726dcf021431d5dbaae0339f46c948d01', class: {
-                'tds-table--compact': this.compactDesign,
-                'tds-table--divider': this.verticalDividers,
-                'tds-table--toolbar-available': this.enableToolbarDesign,
-            } }, h("tr", { key: 'e0378b5a3843b17a322b41a6062edfa44a46fc95' }, this.multiselect && (h("th", { key: '9641cb2e3ee11abb9cf30a7592c0b6d00f5f7575', class: "tds-table__header-cell tds-table__header-cell--checkbox" }, h("div", { key: 'a0a02dad1e01d7ffaed5a8069dcd885021076e51', class: "tds-form-label tds-form-label--table" }, h("tds-checkbox", { key: '5ed55d728588753457e279b955f1eba78b6dc311', checked: this.allSelected || this.selected, disabled: this.disabled, indeterminate: this.indeterminate, onTdsChange: (event) => this.handleCheckboxChange(event) })))), this.expandableRows && (h("th", { key: '7a5451320a3909e333bdbc21c2f748f95eafef74', class: "tds-table__header-cell tds-table__header-cell--checkbox" })), h("slot", { key: '841f44149457dfe9f5a9e9d09bdddcd8cd443646' }))));
-    }
-    get host() { return this; }
-    static get style() { return TdsTableHeaderStyle0; }
-}, [1, "tds-table-header", {
-        "allSelected": [1540, "all-selected"],
-        "selected": [1540],
-        "disabled": [1540],
-        "indeterminate": [4],
-        "multiselect": [32],
-        "expandableRows": [32],
-        "mainCheckboxSelected": [32],
-        "mainExpendSelected": [32],
-        "verticalDividers": [32],
-        "compactDesign": [32],
-        "noMinWidth": [32],
-        "whiteBackground": [32],
-        "enableToolbarDesign": [32],
-        "tableId": [32]
-    }, [[16, "internalTdsTablePropChange", "internalTdsPropChangeListener"], [16, "internalTdsRowExpanded", "internalTdsRowExpandedListener"]]]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["tds-table-header", "tds-checkbox"];
-    components.forEach(tagName => { switch (tagName) {
-        case "tds-table-header":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, TdsTableHeaderRow);
-            }
-            break;
-        case "tds-checkbox":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const TdsTableHeader = TdsTableHeaderRow;
-const defineCustomElement = defineCustomElement$1;
-
-export { TdsTableHeader, defineCustomElement };
+import{t as e,p as t,H as s,c as a,h as d,a as o}from"./index.js";import{d as l}from"./p-Zx1hN-_O.js";const i=["multiselect","expandableRows","verticalDividers","compactDesign","noMinWidth"],r=t(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.tdsSelectAll=a(this,"tdsSelectAll",6),this.allSelected=!1,this.disabled=!1,this.indeterminate=!1,this.multiselect=!1,this.expandableRows=!1,this.mainCheckboxSelected=!1,this.mainExpendSelected=!1,this.verticalDividers=!1,this.compactDesign=!1,this.noMinWidth=!1,this.whiteBackground=!1,this.enableToolbarDesign=!1,this.tableId=""}internalTdsPropChangeListener(e){this.tableId===e.detail.tableId&&e.detail.changed.filter((e=>i.includes(e))).forEach((t=>{if(void 0===this[t])throw Error("Table prop is not supported: "+t);this[t]=e.detail[t]}))}internalTdsRowExpandedListener(e){this.tableId===e.detail[0]&&setTimeout((()=>{this.bodyExpandClicked()}),100)}bodyExpandClicked(){var e;const t=null===(e=this.host.parentElement)||void 0===e?void 0:e.querySelector("tds-table-body");if(t){const e=t.getElementsByClassName("tds-table__row-extend--active").length,s=t.getElementsByTagName("tds-table-body-row-expendable").length;this.mainExpendSelected=s===e}}connectedCallback(){var e;this.tableEl=this.host.closest("tds-table"),this.tableId=null===(e=this.tableEl)||void 0===e?void 0:e.tableId}componentWillLoad(){i.forEach((e=>{var t;this[e]=null===(t=this.tableEl)||void 0===t?void 0:t[e]}))}componentWillRender(){const e=this.host.closest("tds-table");e&&(this.enableToolbarDesign=(null==e?void 0:e.getElementsByTagName("tds-table-toolbar").length)>=1)}async handleCheckboxChange(e){var t;this.allSelected=e.detail.checked,this.tdsSelectAll.emit({tableId:this.tableId,checked:e.detail.checked,selectedRows:await(null===(t=this.tableEl)||void 0===t?void 0:t.getSelectedRows())})}render(){return d(o,{key:"d223210726dcf021431d5dbaae0339f46c948d01",class:{"tds-table--compact":this.compactDesign,"tds-table--divider":this.verticalDividers,"tds-table--toolbar-available":this.enableToolbarDesign}},d("tr",{key:"e0378b5a3843b17a322b41a6062edfa44a46fc95"},this.multiselect&&d("th",{key:"9641cb2e3ee11abb9cf30a7592c0b6d00f5f7575",class:"tds-table__header-cell tds-table__header-cell--checkbox"},d("div",{key:"a0a02dad1e01d7ffaed5a8069dcd885021076e51",class:"tds-form-label tds-form-label--table"},d("tds-checkbox",{key:"5ed55d728588753457e279b955f1eba78b6dc311",checked:this.allSelected||this.selected,disabled:this.disabled,indeterminate:this.indeterminate,onTdsChange:e=>this.handleCheckboxChange(e)}))),this.expandableRows&&d("th",{key:"7a5451320a3909e333bdbc21c2f748f95eafef74",class:"tds-table__header-cell tds-table__header-cell--checkbox"}),d("slot",{key:"841f44149457dfe9f5a9e9d09bdddcd8cd443646"})))}get host(){return this}static get style(){return":host{box-sizing:border-box;display:table-header-group}:host *{box-sizing:border-box}:host .tds-table__header-cell--checkbox{font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);display:table-cell;text-align:left;color:var(--tds-table-color);background-color:var(--tds-table-header-background);border-bottom:1px solid var(--tds-table-divider);height:48px;box-sizing:border-box;overflow:hidden;transition:background-color 200ms ease;min-width:unset;width:48px;padding:0;border-top-left-radius:4px}:host .tds-form-label--table{width:100%;height:48px;display:flex;justify-content:center;align-items:center;cursor:pointer}:host .tds-table__expand-control-container{display:flex;justify-content:center;align-items:center;height:48px;cursor:pointer}:host .tds-table__expand-control-container .tds-table__expand-input{display:none}:host .tds-table__expand-control-container .tds-expandable-row-icon{height:20px;width:20px;transition:transform 200ms ease;transform:rotate(0)}:host .tds-table__expand-control-container .tds-expandable-row-icon--opened{transform:rotate(180deg)}:host ::slotted(tds-header-cell:hover){background-color:var(--tds-table-header-background-hover)}:host(.tds-table--compact) .tds-table__header-cell--checkbox{height:32px}:host(.tds-table--compact) .tds-form-label--table{height:32px}:host(.tds-table--divider) .tds-table__header-cell--checkbox{border-right:1px solid var(--tds-table-divider)}:host(.tds-table--toolbar-available) .tds-table__header-cell--checkbox{border-top-left-radius:0}"}},[257,"tds-table-header",{allSelected:[1540,"all-selected"],selected:[1540],disabled:[1540],indeterminate:[4],multiselect:[32],expandableRows:[32],mainCheckboxSelected:[32],mainExpendSelected:[32],verticalDividers:[32],compactDesign:[32],noMinWidth:[32],whiteBackground:[32],enableToolbarDesign:[32],tableId:[32]},[[16,"internalTdsTablePropChange","internalTdsPropChangeListener"],[16,"internalTdsRowExpanded","internalTdsRowExpandedListener"]]]);function n(){"undefined"!=typeof customElements&&["tds-table-header","tds-checkbox"].forEach((t=>{switch(t){case"tds-table-header":customElements.get(e(t))||customElements.define(e(t),r);break;case"tds-checkbox":customElements.get(e(t))||l()}}))}n();const c=r,h=n;export{c as TdsTableHeader,h as defineCustomElement}

package/dist/components/tds-table-toolbar.js

@@ -1,119 +1 @@
-import { p as proxyCustomElement, H, d as createEvent, h, c as Host } from './p-28ef5186.js';
-import { d as defineCustomElement$2 } from './p-f086ba26.js';
-
-const tableToolbarCss = ":host{box-sizing:border-box;display:table-caption;position:relative;background-color:var(--tds-table-toolbar-background);color:var(--tds-table-color);padding:0 var(--tds-spacing-element-16);height:64px;border-top-left-radius:4px;border-top-right-radius:4px}:host *{box-sizing:border-box}:host .tds-table__upper-bar-flex{width:100%;height:100%;display:flex;justify-content:space-between}:host .tds-table__actionbar-left{display:flex}:host .tds-table__title{font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);padding-top:var(--tds-spacing-element-16);text-align:left;margin-right:var(--tds-spacing-element-8)}:host .tds-table__actionbar,:host slot[name=end]::slotted(*),:host slot[name=start]::slotted(*){display:flex;align-self:center}:host .tds-table__searchbar{display:flex;align-self:center;position:relative;height:40px;width:40px;border-radius:4px 4px 0 0;transition:background-color 250ms ease, width 250ms ease;overflow:hidden;background-color:transparent}:host .tds-table__searchbar::after{content:\"\";width:100%;height:2px;position:absolute;bottom:0;background-color:var(--tds-blue-400);transform:scaleX(0);transition:transform 150ms ease}:host .tds-table__searchbar:focus-within::after{transform:scaleX(100%)}:host .tds-table__searchbar:focus-within,:host .tds-table__searchbar.tds-table__searchbar--active{width:208px;background-color:var(--tds-table-toolbar-searchbar-background)}:host .tds-table__searchbar:focus-within:hover,:host .tds-table__searchbar.tds-table__searchbar--active:hover{background-color:var(--tds-table-toolbar-searchbar-background)}:host .tds-table__searchbar .tds-table__searchbar-input{font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);color:var(--tds-table-color);z-index:1;width:100%;height:100%;border:none;padding:0 36px 0 16px;background-color:transparent;outline:none;cursor:pointer}:host .tds-table__searchbar .tds-table__searchbar-input :focus{background-color:var(--tds-table-toolbar-searchbar-background)}:host .tds-table__searchbar:hover{background-color:var(--tds-table-toolbar-searchbar-background-hover)}:host .tds-table__searchbar .tds-table__searchbar-icon{z-index:0;position:absolute;right:9px;top:9px;width:20px;height:20px}:host(.toolbar__horizontal-scroll){position:absolute;top:var(--tds-spacing-element-16)}:host(.tds-table--compact){height:56px}";
-const TdsTableToolbarStyle0 = tableToolbarCss;
-
-const relevantTableProps = [
-    'compactDesign',
-    'noMinWidth',
-    'verticalDividers',
-    'horizontalScrollWidth',
-];
-const TdsTableToolbar$1 = /*@__PURE__*/ proxyCustomElement(class TdsTableToolbar extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.tdsFilter = createEvent(this, "tdsFilter", 7);
-        this.tableTitle = '';
-        this.filter = false;
-        this.tdsSearchAriaLabel = '';
-        this.verticalDividers = false;
-        this.compactDesign = false;
-        this.noMinWidth = false;
-        this.whiteBackground = false;
-        this.tableId = '';
-        this.horizontalScrollWidth = null;
-    }
-    internalTdsPropChangeListener(event) {
-        if (this.tableId === event.detail.tableId) {
-            event.detail.changed
-                .filter((changedProp) => relevantTableProps.includes(changedProp))
-                .forEach((changedProp) => {
-                if (typeof this[changedProp] === 'undefined') {
-                    throw new Error(`Table prop is not supported: ${changedProp}`);
-                }
-                this[changedProp] = event.detail[changedProp];
-            });
-        }
-    }
-    connectedCallback() {
-        var _a;
-        this.tableEl = this.host.closest('tds-table');
-        this.tableId = (_a = this.tableEl) === null || _a === void 0 ? void 0 : _a.tableId;
-        if (!this.tdsSearchAriaLabel) {
-            console.warn('tds-table-toolbar: tdsSearchAriaLabel is highly recommended for accessibility');
-        }
-    }
-    componentWillLoad() {
-        relevantTableProps.forEach((tablePropName) => {
-            var _a;
-            this[tablePropName] = (_a = this.tableEl) === null || _a === void 0 ? void 0 : _a[tablePropName];
-        });
-    }
-    handleSearch(event) {
-        const searchTerm = event.currentTarget.value.toLowerCase();
-        const tdsTableSearchBar = event.currentTarget.parentElement;
-        this.tdsFilter.emit({
-            tableId: this.tableId,
-            query: searchTerm,
-        });
-        /** NOTE: Could these be handles in pure CSS? */
-        if (searchTerm.length > 0) {
-            tdsTableSearchBar.classList.add('tds-table__searchbar--active');
-        }
-        else {
-            tdsTableSearchBar.classList.remove('tds-table__searchbar--active');
-        }
-    }
-    getStyles() {
-        const styles = {};
-        if (this.horizontalScrollWidth) {
-            styles.width = `${this.horizontalScrollWidth}px`;
-        }
-        return styles;
-    }
-    render() {
-        return (h(Host, { key: '37a65522a8efe0d073906a1c0ad59bc0574faa0c', class: {
-                'tds-table--compact': this.compactDesign,
-                'toolbar__horizontal-scroll': !!this.horizontalScrollWidth,
-            }, style: this.getStyles(), "aria-labelledby": "table-toolbar-title" }, h("div", { key: 'f4116716bd302f31f5c5a1c6344cbd263f20aadb', class: "tds-table__upper-bar-flex" }, h("div", { key: '7c1088b56cd537ba8d6734bfdd8a87604c0038c3', class: "tds-table__actionbar-left" }, this.tableTitle && (h("caption", { key: 'aab5ff50d91410486069f9a734fd74606674819b', id: "table-toolbar-title", class: "tds-table__title" }, this.tableTitle)), h("slot", { key: '2e7f6fdbe8865712cba24e3b4a6e5833dd684ef0', name: "start" })), h("div", { key: '1d78a673fc3d4af7955cfb9ee00ff4d2265b73e9', class: "tds-table__actionbar" }, this.filter && (h("div", { key: '6fcef1537fb441d8e835d6d6978a2ca8ae107eef', class: "tds-table__searchbar" }, h("input", { key: 'd74bd73c0b0a969d69ea6d5ac142215466ab3add', class: "tds-table__searchbar-input", type: "text", onKeyUp: (event) => this.handleSearch(event), "aria-label": this.tdsSearchAriaLabel }), h("span", { key: '6b97b5d9b0ff3bb5b17f228d9786a64b1ea1ebe4', class: "tds-table__searchbar-icon" }, h("tds-icon", { key: '268d432c7c1ed126e2b0186e72ffd4fa53f33d3a', name: "search", size: "20px" })))), h("slot", { key: 'ef138ddefb88afc9967230c39600538a9d112dbb', name: "end" })))));
-    }
-    get host() { return this; }
-    static get style() { return TdsTableToolbarStyle0; }
-}, [1, "tds-table-toolbar", {
-        "tableTitle": [513, "table-title"],
-        "filter": [516],
-        "tdsSearchAriaLabel": [1, "tds-search-aria-label"],
-        "verticalDividers": [32],
-        "compactDesign": [32],
-        "noMinWidth": [32],
-        "whiteBackground": [32],
-        "tableId": [32],
-        "horizontalScrollWidth": [32]
-    }, [[16, "internalTdsTablePropChange", "internalTdsPropChangeListener"]]]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["tds-table-toolbar", "tds-icon"];
-    components.forEach(tagName => { switch (tagName) {
-        case "tds-table-toolbar":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, TdsTableToolbar$1);
-            }
-            break;
-        case "tds-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const TdsTableToolbar = TdsTableToolbar$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { TdsTableToolbar, defineCustomElement };
+import{t,p as a,H as e,c as s,h as r,a as o}from"./index.js";import{d as i}from"./p-C0fx1H4h.js";const l=["compactDesign","noMinWidth","verticalDividers","horizontalScrollWidth"],d=a(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.tdsFilter=s(this,"tdsFilter",7),this.tableTitle="",this.filter=!1,this.tdsSearchAriaLabel="",this.verticalDividers=!1,this.compactDesign=!1,this.noMinWidth=!1,this.whiteBackground=!1,this.tableId="",this.horizontalScrollWidth=null}internalTdsPropChangeListener(t){this.tableId===t.detail.tableId&&t.detail.changed.filter((t=>l.includes(t))).forEach((a=>{if(void 0===this[a])throw Error("Table prop is not supported: "+a);this[a]=t.detail[a]}))}connectedCallback(){var t;this.tableEl=this.host.closest("tds-table"),this.tableId=null===(t=this.tableEl)||void 0===t?void 0:t.tableId,this.tdsSearchAriaLabel||console.warn("tds-table-toolbar: tdsSearchAriaLabel is highly recommended for accessibility")}componentWillLoad(){l.forEach((t=>{var a;this[t]=null===(a=this.tableEl)||void 0===a?void 0:a[t]}))}handleSearch(t){const a=t.currentTarget.value.toLowerCase(),e=t.currentTarget.parentElement;this.tdsFilter.emit({tableId:this.tableId,query:a}),a.length>0?e.classList.add("tds-table__searchbar--active"):e.classList.remove("tds-table__searchbar--active")}getStyles(){const t={};return this.horizontalScrollWidth&&(t.width=this.horizontalScrollWidth+"px"),t}render(){return r(o,{key:"37a65522a8efe0d073906a1c0ad59bc0574faa0c",class:{"tds-table--compact":this.compactDesign,"toolbar__horizontal-scroll":!!this.horizontalScrollWidth},style:this.getStyles(),"aria-labelledby":"table-toolbar-title"},r("div",{key:"f4116716bd302f31f5c5a1c6344cbd263f20aadb",class:"tds-table__upper-bar-flex"},r("div",{key:"7c1088b56cd537ba8d6734bfdd8a87604c0038c3",class:"tds-table__actionbar-left"},this.tableTitle&&r("caption",{key:"aab5ff50d91410486069f9a734fd74606674819b",id:"table-toolbar-title",class:"tds-table__title"},this.tableTitle),r("slot",{key:"2e7f6fdbe8865712cba24e3b4a6e5833dd684ef0",name:"start"})),r("div",{key:"1d78a673fc3d4af7955cfb9ee00ff4d2265b73e9",class:"tds-table__actionbar"},this.filter&&r("div",{key:"6fcef1537fb441d8e835d6d6978a2ca8ae107eef",class:"tds-table__searchbar"},r("input",{key:"d74bd73c0b0a969d69ea6d5ac142215466ab3add",class:"tds-table__searchbar-input",type:"text",onKeyUp:t=>this.handleSearch(t),"aria-label":this.tdsSearchAriaLabel}),r("span",{key:"6b97b5d9b0ff3bb5b17f228d9786a64b1ea1ebe4",class:"tds-table__searchbar-icon"},r("tds-icon",{key:"268d432c7c1ed126e2b0186e72ffd4fa53f33d3a",name:"search",size:"20px"}))),r("slot",{key:"ef138ddefb88afc9967230c39600538a9d112dbb",name:"end"}))))}get host(){return this}static get style(){return':host{box-sizing:border-box;display:table-caption;position:relative;background-color:var(--tds-table-toolbar-background);color:var(--tds-table-color);padding:0 var(--tds-spacing-element-16);height:64px;border-top-left-radius:4px;border-top-right-radius:4px}:host *{box-sizing:border-box}:host .tds-table__upper-bar-flex{width:100%;height:100%;display:flex;justify-content:space-between}:host .tds-table__actionbar-left{display:flex}:host .tds-table__title{font:var(--tds-headline-07);letter-spacing:var(--tds-headline-07-ls);padding-top:var(--tds-spacing-element-16);text-align:left;margin-right:var(--tds-spacing-element-8)}:host .tds-table__actionbar,:host slot[name=end]::slotted(*),:host slot[name=start]::slotted(*){display:flex;align-self:center}:host .tds-table__searchbar{display:flex;align-self:center;position:relative;height:40px;width:40px;border-radius:4px 4px 0 0;transition:background-color 250ms ease, width 250ms ease;overflow:hidden;background-color:transparent}:host .tds-table__searchbar::after{content:"";width:100%;height:2px;position:absolute;bottom:0;background-color:var(--tds-blue-400);transform:scaleX(0);transition:transform 150ms ease}:host .tds-table__searchbar:focus-within::after{transform:scaleX(100%)}:host .tds-table__searchbar:focus-within,:host .tds-table__searchbar.tds-table__searchbar--active{width:208px;background-color:var(--tds-table-toolbar-searchbar-background)}:host .tds-table__searchbar:focus-within:hover,:host .tds-table__searchbar.tds-table__searchbar--active:hover{background-color:var(--tds-table-toolbar-searchbar-background)}:host .tds-table__searchbar .tds-table__searchbar-input{font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);color:var(--tds-table-color);z-index:1;width:100%;height:100%;border:none;padding:0 36px 0 16px;background-color:transparent;outline:none;cursor:pointer}:host .tds-table__searchbar .tds-table__searchbar-input :focus{background-color:var(--tds-table-toolbar-searchbar-background)}:host .tds-table__searchbar:hover{background-color:var(--tds-table-toolbar-searchbar-background-hover)}:host .tds-table__searchbar .tds-table__searchbar-icon{z-index:0;position:absolute;right:9px;top:9px;width:20px;height:20px}:host(.toolbar__horizontal-scroll){position:absolute;top:var(--tds-spacing-element-16)}:host(.tds-table--compact){height:56px}'}},[257,"tds-table-toolbar",{tableTitle:[513,"table-title"],filter:[516],tdsSearchAriaLabel:[1,"tds-search-aria-label"],verticalDividers:[32],compactDesign:[32],noMinWidth:[32],whiteBackground:[32],tableId:[32],horizontalScrollWidth:[32]},[[16,"internalTdsTablePropChange","internalTdsPropChangeListener"]]]);function b(){"undefined"!=typeof customElements&&["tds-table-toolbar","tds-icon"].forEach((a=>{switch(a){case"tds-table-toolbar":customElements.get(t(a))||customElements.define(t(a),d);break;case"tds-icon":customElements.get(t(a))||i()}}))}b();const c=d,n=b;export{c as TdsTableToolbar,n as defineCustomElement}

package/dist/components/tds-table.js

@@ -1,168 +1 @@
-import { p as proxyCustomElement, H, d as createEvent, h, c as Host } from './p-28ef5186.js';
-import { g as generateUniqueId } from './p-11648030.js';
-
-const tableCss = ":host,:root{--tds-scrollbar-width-standard:thin;--tds-scrollbar-width:10px;--tds-scrollbar-height:10px;--tds-scrollbar-thumb-border-width:3px;--tds-scrollbar-thumb-border-hover-width:2px}body{scrollbar-width:thin}:host,.tds-table{border-collapse:collapse;display:table;box-sizing:border-box}:host *,.tds-table *{box-sizing:border-box}:host(.tds-table--responsive),.tds-table--responsive{width:100%}.tds-table--horizontal-scroll{display:block;overflow-x:scroll;white-space:nowrap}.tds-table--horizontal-scroll:hover::-webkit-scrollbar-thumb{border:var(--tds-scrollbar-thumb-border-hover-width) solid transparent;background-clip:padding-box}.tds-table--horizontal-scroll::-webkit-scrollbar{height:var(--tds-scrollbar-height)}.tds-table--horizontal-scroll::-webkit-scrollbar-track{background:var(--tds-scrollbar-track-color)}.tds-table--horizontal-scroll::-webkit-scrollbar-thumb{border-radius:40px;background:var(--tds-scrollbar-thumb-color);border:var(--tds-scrollbar-thumb-border-width) solid transparent;background-clip:padding-box}.tds-table--horizontal-scroll::-webkit-scrollbar-button{height:0;width:0}@supports not selector(::-webkit-scrollbar){.tds-table--horizontal-scroll{scrollbar-color:var(--tds-scrollbar-thumb-color) var(--tds-scrollbar-track-color);scrollbar-width:var(--tds-scrollbar-width-standard)}}.tds-table--horizontal-scroll-toolbar{margin-top:64px}.tds-table--horizontal-scroll-toolbar-compact{margin-top:56px}.tds-table--horizontal-scroll-footer{margin-bottom:49px}.tds-table--horizontal-scroll-footer-compact{margin-bottom:33px}";
-const TdsTableStyle0 = tableCss;
-
-const TdsTable$1 = /*@__PURE__*/ proxyCustomElement(class TdsTable extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.internalTdsTablePropChange = createEvent(this, "internalTdsTablePropChange", 6);
-        this.verticalDividers = false;
-        this.compactDesign = false;
-        this.noMinWidth = undefined;
-        this.multiselect = false;
-        this.expandableRows = false;
-        this.responsive = false;
-        this.modeVariant = null;
-        this.zebraMode = 'none';
-        this.horizontalScrollWidth = null;
-        this.tableId = generateUniqueId();
-        this.enableHorizontalScrollToolbarDesign = false;
-        this.enableHorizontalScrollFooterDesign = false;
-    }
-    emitInternalTdsPropChange(changedValueName, changedValue) {
-        this.internalTdsTablePropChange.emit({
-            tableId: this.tableId,
-            changed: [changedValueName],
-            [changedValueName]: changedValue,
-        });
-    }
-    /** Returns all selected rows data. */
-    async getSelectedRows() {
-        var _a;
-        let selectedRowsData = [];
-        const tableBody = this.host.querySelector('tds-table-body');
-        const selectedRows = Array.from((_a = tableBody === null || tableBody === void 0 ? void 0 : tableBody.querySelectorAll('tds-table-body-row')) !== null && _a !== void 0 ? _a : []).filter((element) => element.selected);
-        selectedRows.forEach((row) => {
-            let selectedRow = [];
-            const rowCells = Array.from(row.getElementsByTagName('tds-body-cell'));
-            rowCells.forEach((cell) => {
-                var _a, _b;
-                const cellObject = {
-                    cellKey: (_a = cell.cellKey) !== null && _a !== void 0 ? _a : '',
-                    cellValue: ((_b = cell.cellValue) !== null && _b !== void 0 ? _b : cell.innerText),
-                };
-                selectedRow = [...selectedRow, cellObject];
-            });
-            selectedRowsData = [...selectedRowsData, selectedRow];
-        });
-        return selectedRowsData;
-    }
-    getStyles() {
-        const styles = {};
-        if (this.horizontalScrollWidth) {
-            styles.width = `${this.horizontalScrollWidth}px`;
-        }
-        return styles;
-    }
-    multiselectChanged(newValue) {
-        this.emitInternalTdsPropChange('multiselect', newValue);
-    }
-    enableExpandableRowsChanged(newValue) {
-        this.emitInternalTdsPropChange('expandableRows', newValue);
-    }
-    compactDesignChanged(newValue) {
-        this.emitInternalTdsPropChange('compactDesign', newValue);
-    }
-    verticalDividersChanged(newValue) {
-        this.emitInternalTdsPropChange('verticalDividers', newValue);
-    }
-    noMinWidthChanged(newValue) {
-        this.emitInternalTdsPropChange('noMinWidth', newValue);
-    }
-    zebraModeChanged(newValue) {
-        this.emitInternalTdsPropChange('zebraMode', newValue);
-    }
-    modeVariantChanged(newValue) {
-        this.emitInternalTdsPropChange('modeVariant', newValue);
-    }
-    widthChanged(newValue) {
-        this.emitInternalTdsPropChange('horizontalScrollWidth', newValue);
-    }
-    componentWillRender() {
-        if (this.horizontalScrollWidth) {
-            const closestTable = this.host.closest('tds-table');
-            if (closestTable) {
-                this.enableHorizontalScrollToolbarDesign =
-                    closestTable.getElementsByTagName('tds-table-toolbar').length >= 1;
-                this.enableHorizontalScrollFooterDesign =
-                    closestTable.getElementsByTagName('tds-table-footer').length >= 1;
-            }
-        }
-    }
-    render() {
-        return (h(Host, { key: '2518c49a6d15147aed6989edfbd4cd658ac2219a', class: {
-                'tds-table--responsive': this.responsive,
-                'tds-mode-variant-primary': this.modeVariant === 'primary',
-                'tds-mode-variant-secondary': this.modeVariant === 'secondary',
-            } }, h("table", { key: '1a845328df98203bd3b4bc3c058310c75ebd83a6', style: this.getStyles(), class: {
-                'tds-table': true,
-                'tds-table--compact': this.compactDesign,
-                'tds-table--divider': this.verticalDividers,
-                'tds-table--no-min-width': !!this.noMinWidth,
-                'tds-table--responsive': this.responsive,
-                'tds-table--horizontal-scroll': !!this.horizontalScrollWidth,
-                'tds-table--horizontal-scroll-toolbar': this.enableHorizontalScrollToolbarDesign && !this.compactDesign,
-                'tds-table--horizontal-scroll-toolbar-compact': this.enableHorizontalScrollToolbarDesign && this.compactDesign,
-                'tds-table--horizontal-scroll-footer': this.enableHorizontalScrollFooterDesign && !this.compactDesign,
-                'tds-table--horizontal-scroll-footer-compact': this.enableHorizontalScrollFooterDesign && this.compactDesign,
-            } }, h("slot", { key: 'ded1d53ea8e07514e45797c0feffa83f58cce6b4' }))));
-    }
-    get host() { return this; }
-    static get watchers() { return {
-        "multiselect": ["multiselectChanged"],
-        "expandableRows": ["enableExpandableRowsChanged"],
-        "compactDesign": ["compactDesignChanged"],
-        "verticalDividers": ["verticalDividersChanged"],
-        "noMinWidth": ["noMinWidthChanged"],
-        "zebraMode": ["zebraModeChanged"],
-        "modeVariant": ["modeVariantChanged"],
-        "horizontalScrollWidth": ["widthChanged"]
-    }; }
-    static get style() { return TdsTableStyle0; }
-}, [1, "tds-table", {
-        "verticalDividers": [516, "vertical-dividers"],
-        "compactDesign": [516, "compact-design"],
-        "noMinWidth": [516, "no-min-width"],
-        "multiselect": [516],
-        "expandableRows": [516, "expandable-rows"],
-        "responsive": [516],
-        "modeVariant": [513, "mode-variant"],
-        "zebraMode": [513, "zebra-mode"],
-        "horizontalScrollWidth": [1, "horizontal-scroll-width"],
-        "tableId": [1, "table-id"],
-        "enableHorizontalScrollToolbarDesign": [32],
-        "enableHorizontalScrollFooterDesign": [32],
-        "getSelectedRows": [64]
-    }, undefined, {
-        "multiselect": ["multiselectChanged"],
-        "expandableRows": ["enableExpandableRowsChanged"],
-        "compactDesign": ["compactDesignChanged"],
-        "verticalDividers": ["verticalDividersChanged"],
-        "noMinWidth": ["noMinWidthChanged"],
-        "zebraMode": ["zebraModeChanged"],
-        "modeVariant": ["modeVariantChanged"],
-        "horizontalScrollWidth": ["widthChanged"]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["tds-table"];
-    components.forEach(tagName => { switch (tagName) {
-        case "tds-table":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, TdsTable$1);
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const TdsTable = TdsTable$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { TdsTable, defineCustomElement };
+import{t,p as e,H as o,c as a,h as l,a as s}from"./index.js";import{g as r}from"./p-Cn4f8w1e.js";const i=e(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.internalTdsTablePropChange=a(this,"internalTdsTablePropChange",6),this.verticalDividers=!1,this.compactDesign=!1,this.multiselect=!1,this.expandableRows=!1,this.responsive=!1,this.modeVariant=null,this.zebraMode="none",this.horizontalScrollWidth=null,this.tableId=r(),this.enableHorizontalScrollToolbarDesign=!1,this.enableHorizontalScrollFooterDesign=!1}emitInternalTdsPropChange(t,e){this.internalTdsTablePropChange.emit({tableId:this.tableId,changed:[t],[t]:e})}async getSelectedRows(){var t;let e=[];const o=this.host.querySelector("tds-table-body");return Array.from(null!==(t=null==o?void 0:o.querySelectorAll("tds-table-body-row"))&&void 0!==t?t:[]).filter((t=>t.selected)).forEach((t=>{let o=[];Array.from(t.getElementsByTagName("tds-body-cell")).forEach((t=>{var e,a;const l={cellKey:null!==(e=t.cellKey)&&void 0!==e?e:"",cellValue:null!==(a=t.cellValue)&&void 0!==a?a:t.innerText};o=[...o,l]})),e=[...e,o]})),e}getStyles(){const t={};return this.horizontalScrollWidth&&(t.width=this.horizontalScrollWidth+"px"),t}multiselectChanged(t){this.emitInternalTdsPropChange("multiselect",t)}enableExpandableRowsChanged(t){this.emitInternalTdsPropChange("expandableRows",t)}compactDesignChanged(t){this.emitInternalTdsPropChange("compactDesign",t)}verticalDividersChanged(t){this.emitInternalTdsPropChange("verticalDividers",t)}noMinWidthChanged(t){this.emitInternalTdsPropChange("noMinWidth",t)}zebraModeChanged(t){this.emitInternalTdsPropChange("zebraMode",t)}modeVariantChanged(t){this.emitInternalTdsPropChange("modeVariant",t)}widthChanged(t){this.emitInternalTdsPropChange("horizontalScrollWidth",t)}componentWillRender(){if(this.horizontalScrollWidth){const t=this.host.closest("tds-table");t&&(this.enableHorizontalScrollToolbarDesign=t.getElementsByTagName("tds-table-toolbar").length>=1,this.enableHorizontalScrollFooterDesign=t.getElementsByTagName("tds-table-footer").length>=1)}}render(){return l(s,{key:"2518c49a6d15147aed6989edfbd4cd658ac2219a",class:{"tds-table--responsive":this.responsive,"tds-mode-variant-primary":"primary"===this.modeVariant,"tds-mode-variant-secondary":"secondary"===this.modeVariant}},l("table",{key:"1a845328df98203bd3b4bc3c058310c75ebd83a6",style:this.getStyles(),class:{"tds-table":!0,"tds-table--compact":this.compactDesign,"tds-table--divider":this.verticalDividers,"tds-table--no-min-width":!!this.noMinWidth,"tds-table--responsive":this.responsive,"tds-table--horizontal-scroll":!!this.horizontalScrollWidth,"tds-table--horizontal-scroll-toolbar":this.enableHorizontalScrollToolbarDesign&&!this.compactDesign,"tds-table--horizontal-scroll-toolbar-compact":this.enableHorizontalScrollToolbarDesign&&this.compactDesign,"tds-table--horizontal-scroll-footer":this.enableHorizontalScrollFooterDesign&&!this.compactDesign,"tds-table--horizontal-scroll-footer-compact":this.enableHorizontalScrollFooterDesign&&this.compactDesign}},l("slot",{key:"ded1d53ea8e07514e45797c0feffa83f58cce6b4"})))}get host(){return this}static get watchers(){return{multiselect:[{multiselectChanged:0}],expandableRows:[{enableExpandableRowsChanged:0}],compactDesign:[{compactDesignChanged:0}],verticalDividers:[{verticalDividersChanged:0}],noMinWidth:[{noMinWidthChanged:0}],zebraMode:[{zebraModeChanged:0}],modeVariant:[{modeVariantChanged:0}],horizontalScrollWidth:[{widthChanged:0}]}}static get style(){return":host,:root{--tds-scrollbar-width-standard:thin;--tds-scrollbar-width:10px;--tds-scrollbar-height:10px;--tds-scrollbar-thumb-border-width:3px;--tds-scrollbar-thumb-border-hover-width:2px}body{scrollbar-width:thin}:host,.tds-table{border-collapse:collapse;display:table;box-sizing:border-box}:host *,.tds-table *{box-sizing:border-box}:host(.tds-table--responsive),.tds-table--responsive{width:100%}.tds-table--horizontal-scroll{display:block;overflow-x:scroll;white-space:nowrap}.tds-table--horizontal-scroll:hover::-webkit-scrollbar-thumb{border:var(--tds-scrollbar-thumb-border-hover-width) solid transparent;background-clip:padding-box}.tds-table--horizontal-scroll::-webkit-scrollbar{height:var(--tds-scrollbar-height)}.tds-table--horizontal-scroll::-webkit-scrollbar-track{background:var(--tds-scrollbar-track-color)}.tds-table--horizontal-scroll::-webkit-scrollbar-thumb{border-radius:40px;background:var(--tds-scrollbar-thumb-color);border:var(--tds-scrollbar-thumb-border-width) solid transparent;background-clip:padding-box}.tds-table--horizontal-scroll::-webkit-scrollbar-button{height:0;width:0}@supports not selector(::-webkit-scrollbar){.tds-table--horizontal-scroll{scrollbar-color:var(--tds-scrollbar-thumb-color) var(--tds-scrollbar-track-color);scrollbar-width:var(--tds-scrollbar-width-standard)}}.tds-table--horizontal-scroll-toolbar{margin-top:64px}.tds-table--horizontal-scroll-toolbar-compact{margin-top:56px}.tds-table--horizontal-scroll-footer{margin-bottom:49px}.tds-table--horizontal-scroll-footer-compact{margin-bottom:33px}"}},[257,"tds-table",{verticalDividers:[516,"vertical-dividers"],compactDesign:[516,"compact-design"],noMinWidth:[516,"no-min-width"],multiselect:[516],expandableRows:[516,"expandable-rows"],responsive:[516],modeVariant:[513,"mode-variant"],zebraMode:[513,"zebra-mode"],horizontalScrollWidth:[1,"horizontal-scroll-width"],tableId:[1,"table-id"],enableHorizontalScrollToolbarDesign:[32],enableHorizontalScrollFooterDesign:[32],getSelectedRows:[64]},void 0,{multiselect:[{multiselectChanged:0}],expandableRows:[{enableExpandableRowsChanged:0}],compactDesign:[{compactDesignChanged:0}],verticalDividers:[{verticalDividersChanged:0}],noMinWidth:[{noMinWidthChanged:0}],zebraMode:[{zebraModeChanged:0}],modeVariant:[{modeVariantChanged:0}],horizontalScrollWidth:[{widthChanged:0}]}]);function d(){"undefined"!=typeof customElements&&["tds-table"].forEach((e=>{"tds-table"===e&&(customElements.get(t(e))||customElements.define(t(e),i))}))}d();const n=i,h=d;export{n as TdsTable,h as defineCustomElement}

package/dist/components/tds-tag.js

@@ -1,48 +1 @@
-import { p as proxyCustomElement, H, h, c as Host } from './p-28ef5186.js';
-import { h as hasSlot } from './p-ae110fc2.js';
-
-const tagCss = ".sc-tds-tag-h{box-sizing:border-box;display:inline-flex;align-items:center;border-radius:4px;background-color:var(--tds-tag-neutral-background);color:var(--tds-tag-neutral-color);gap:4px}.sc-tds-tag-h *.sc-tds-tag{box-sizing:border-box}.lg.sc-tds-tag-h{padding:4px}.sm.sc-tds-tag-h{border-radius:2px;padding:2px 4px;font:var(--tds-detail-05)}.success.sc-tds-tag-h{background-color:var(--tds-tag-success-background);color:var(--tds-tag-success-color)}.warning.sc-tds-tag-h{background-color:var(--tds-tag-warning-background);color:var(--tds-tag-warning-color)}.new.sc-tds-tag-h{background-color:var(--tds-tag-new-background);color:var(--tds-tag-new-color)}.neutral.sc-tds-tag-h{background-color:var(--tds-tag-neutral-background);color:var(--tds-tag-neutral-color)}.information.sc-tds-tag-h{background-color:var(--tds-tag-information-background);color:var(--tds-tag-information-color)}.error.sc-tds-tag-h{background-color:var(--tds-tag-error-background);color:var(--tds-tag-error-color)}.tds-tag__content.sc-tds-tag{display:flex;align-items:center;gap:inherit}";
-const TdsTagStyle0 = tagCss;
-
-const TdsTag$1 = /*@__PURE__*/ proxyCustomElement(class TdsTag extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.text = undefined;
-        this.size = 'lg';
-        this.variant = 'Neutral';
-    }
-    render() {
-        const hasPrefixSlot = hasSlot('prefix', this.host);
-        const getTagClasses = () => ({
-            [`${this.size.toLowerCase()}`]: true,
-            [`${this.variant.toLowerCase()}`]: true,
-        });
-        return (h(Host, { key: 'f2f854a15358d98bc4c55b093e243cc07cc8e439', class: getTagClasses() }, h("div", { key: 'a9b74511347d721ae769d42e4b0edb5ac9acdf85', class: "tds-tag__content" }, hasPrefixSlot && h("slot", { key: '95b1acec855e8e0caeadc3458222bf6a91795704', name: "prefix" }), h("span", { key: 'e40a01fda9aa32ae42032656ebf11375b45f9183' }, this.text))));
-    }
-    get host() { return this; }
-    static get style() { return TdsTagStyle0; }
-}, [6, "tds-tag", {
-        "text": [1],
-        "size": [1],
-        "variant": [1]
-    }]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["tds-tag"];
-    components.forEach(tagName => { switch (tagName) {
-        case "tds-tag":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, TdsTag$1);
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const TdsTag = TdsTag$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { TdsTag, defineCustomElement };
+import{t,p as a,H as r,h as s,a as o}from"./index.js";import{h as c}from"./p-DDX6uFcm.js";const e=a(class extends r{constructor(t){super(),!1!==t&&this.__registerHost(),this.size="lg",this.variant="Neutral"}render(){const t=c("prefix",this.host);return s(o,{key:"f2f854a15358d98bc4c55b093e243cc07cc8e439",class:(()=>({[""+this.size.toLowerCase()]:!0,[""+this.variant.toLowerCase()]:!0}))()},s("div",{key:"a9b74511347d721ae769d42e4b0edb5ac9acdf85",class:"tds-tag__content"},t&&s("slot",{key:"95b1acec855e8e0caeadc3458222bf6a91795704",name:"prefix"}),s("span",{key:"e40a01fda9aa32ae42032656ebf11375b45f9183"},this.text)))}get host(){return this}static get style(){return".sc-tds-tag-h{box-sizing:border-box;display:inline-flex;align-items:center;border-radius:4px;background-color:var(--tds-tag-neutral-background);color:var(--tds-tag-neutral-color);gap:4px}.sc-tds-tag-h *.sc-tds-tag{box-sizing:border-box}.lg.sc-tds-tag-h{padding:4px}.sm.sc-tds-tag-h{border-radius:2px;padding:2px 4px;font:var(--tds-detail-05)}.success.sc-tds-tag-h{background-color:var(--tds-tag-success-background);color:var(--tds-tag-success-color)}.warning.sc-tds-tag-h{background-color:var(--tds-tag-warning-background);color:var(--tds-tag-warning-color)}.new.sc-tds-tag-h{background-color:var(--tds-tag-new-background);color:var(--tds-tag-new-color)}.neutral.sc-tds-tag-h{background-color:var(--tds-tag-neutral-background);color:var(--tds-tag-neutral-color)}.information.sc-tds-tag-h{background-color:var(--tds-tag-information-background);color:var(--tds-tag-information-color)}.error.sc-tds-tag-h{background-color:var(--tds-tag-error-background);color:var(--tds-tag-error-color)}.tds-tag__content.sc-tds-tag{display:flex;align-items:center;gap:inherit}"}},[262,"tds-tag",{text:[1],size:[1],variant:[1]}]);function d(){"undefined"!=typeof customElements&&["tds-tag"].forEach((a=>{"tds-tag"===a&&(customElements.get(t(a))||customElements.define(t(a),e))}))}d();const n=e,g=d;export{n as TdsTag,g as defineCustomElement}

package/dist/components/tds-text-field.js

@@ -1,6 +1 @@
-import { T as TdsTextField$1, d as defineCustomElement$1 } from './p-5bb5f233.js';
-
-const TdsTextField = TdsTextField$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { TdsTextField, defineCustomElement };
+import{T as o,d as s}from"./p-9AbeYlK8.js";const p=o,r=s;export{p as TdsTextField,r as defineCustomElement}