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

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

@@ -1,125 +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 tableBodyRowCss = ":host(.tds-table__row){box-sizing:border-box;display:table-row;border-bottom:1px solid var(--tds-table-divider);background-color:var(--tds-table-body-row-background);transition:background-color 200ms ease;color:var(--tds-table-color)}:host(.tds-table__row) *{box-sizing:border-box}:host(.tds-table__row) .tds-table__body-cell--checkbox{min-width:48px;width:48px;padding:0}:host(.tds-table__row:hover){border-bottom:1px solid var(--tds-table-divider-hover)}:host(.tds-table__row:hover){background-color:var(--tds-table-body-row-background-hover)}:host(.tds-table__row--selected){background-color:var(--tds-table-body-row-background-selected)}:host(.tds-table__row--selected:hover){background-color:var(--tds-table-body-row-background-selected-hover)}:host(.tds-table__row--hidden){display:none}:host(.tds-table__row--expended){width:100%;background-color:pink}:host .tds-form-label--table{width:100%;height:48px;display:flex;justify-content:center;align-items:center;cursor:pointer}:host(.tds-table__compact) .tds-form-label--table{height:32px}:host(.tds-table--divider) .tds-table__body-cell--checkbox{border-right:1px solid var(--tds-table-divider)}:host(.tds-table__row--clickable){cursor:pointer}:host(.tds-table__row--clickable:focus-visible){outline:var(--focus-outline, 2px solid blue)}";
-const TdsTableBodyRowStyle0 = tableBodyRowCss;
-
-const relevantTableProps = [
-    'multiselect',
-    'verticalDividers',
-    'compactDesign',
-];
-const TdsTableBodyRow$1 = /*@__PURE__*/ proxyCustomElement(class TdsTableBodyRow extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.tdsSelect = createEvent(this, "tdsSelect", 6);
-        this.tdsClick = createEvent(this, "tdsClick", 6);
-        this.selected = false;
-        this.disabled = false;
-        this.clickable = false;
-        this.multiselect = false;
-        this.mainCheckBoxStatus = false;
-        this.verticalDividers = false;
-        this.compactDesign = false;
-        this.noMinWidth = false;
-        this.tableId = '';
-    }
-    async handleCheckboxChange(event) {
-        var _a;
-        this.selected = event.detail.checked;
-        this.tdsSelect.emit({
-            tableId: this.tableId,
-            checked: this.selected,
-            selectedRows: await ((_a = this.tableEl) === null || _a === void 0 ? void 0 : _a.getSelectedRows()),
-        });
-    }
-    handleRowClick(e) {
-        var _a, _b, _c;
-        if (!this.clickable)
-            return;
-        const rowIndex = Array.from((_c = (_b = (_a = this.host) === null || _a === void 0 ? void 0 : _a.parentElement) === null || _b === void 0 ? void 0 : _b.children) !== null && _c !== void 0 ? _c : []).indexOf(this.host);
-        this.tdsClick.emit({
-            event: e,
-            tableId: this.tableId,
-            rowIndex: rowIndex,
-        });
-    }
-    handleKeyDown(e) {
-        if (this.clickable && (e.key === 'Enter' || e.key === ' ')) {
-            e.preventDefault();
-            this.handleRowClick(e);
-        }
-    }
-    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;
-    }
-    componentWillLoad() {
-        if (this.tableEl) {
-            relevantTableProps.forEach((tablePropName) => {
-                var _a;
-                this[tablePropName] = (_a = this.tableEl) === null || _a === void 0 ? void 0 : _a[tablePropName];
-            });
-        }
-    }
-    render() {
-        return (h(Host, { key: '94bac5b3613998d805d62da4ce0ca9480e337fbc', tabindex: this.clickable ? '0' : null, class: {
-                'tds-table__row': true,
-                'tds-table__row--selected': this.selected,
-                'tds-table__compact': this.compactDesign,
-                'tds-table--divider': this.verticalDividers,
-                'tds-table__row--clickable': this.clickable,
-            }, onClick: (e) => this.handleRowClick(e), onKeyDown: (e) => this.handleKeyDown(e), role: "row" }, this.multiselect && (h("td", { key: 'cb823140e532475537b7f7e78ae667173fa49259', class: "tds-table__body-cell tds-table__body-cell--checkbox tds-form-label tds-form-label--table" }, h("tds-checkbox", { key: 'f4727dca32c80f8c0ec36995f0ac072fc7af1106', onTdsChange: (event) => this.handleCheckboxChange(event), checked: this.selected, disabled: this.disabled }))), h("slot", { key: '33046cf6051498b6b1b314f8d7dd380b4c2309d0' })));
-    }
-    get host() { return this; }
-    static get style() { return TdsTableBodyRowStyle0; }
-}, [1, "tds-table-body-row", {
-        "selected": [516],
-        "disabled": [516],
-        "clickable": [516],
-        "multiselect": [32],
-        "mainCheckBoxStatus": [32],
-        "verticalDividers": [32],
-        "compactDesign": [32],
-        "noMinWidth": [32],
-        "tableId": [32]
-    }, [[16, "internalTdsTablePropChange", "internalTdsPropChangeListener"]]]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["tds-table-body-row", "tds-checkbox"];
-    components.forEach(tagName => { switch (tagName) {
-        case "tds-table-body-row":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, TdsTableBodyRow$1);
-            }
-            break;
-        case "tds-checkbox":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const TdsTableBodyRow = TdsTableBodyRow$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { TdsTableBodyRow, defineCustomElement };
+import{t,p as e,H as s,c as o,h as d,a as i}from"./index.js";import{d as l}from"./p-Zx1hN-_O.js";const r=["multiselect","verticalDividers","compactDesign"],a=e(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.tdsSelect=o(this,"tdsSelect",6),this.tdsClick=o(this,"tdsClick",6),this.selected=!1,this.disabled=!1,this.clickable=!1,this.multiselect=!1,this.mainCheckBoxStatus=!1,this.verticalDividers=!1,this.compactDesign=!1,this.noMinWidth=!1,this.tableId=""}async handleCheckboxChange(t){var e;this.selected=t.detail.checked,this.tdsSelect.emit({tableId:this.tableId,checked:this.selected,selectedRows:await(null===(e=this.tableEl)||void 0===e?void 0:e.getSelectedRows())})}handleRowClick(t){var e,s,o;if(!this.clickable)return;const d=Array.from(null!==(o=null===(s=null===(e=this.host)||void 0===e?void 0:e.parentElement)||void 0===s?void 0:s.children)&&void 0!==o?o:[]).indexOf(this.host);this.tdsClick.emit({event:t,tableId:this.tableId,rowIndex:d})}handleKeyDown(t){!this.clickable||"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),this.handleRowClick(t))}internalTdsPropChangeListener(t){this.tableId===t.detail.tableId&&t.detail.changed.filter((t=>r.includes(t))).forEach((e=>{if(void 0===this[e])throw Error("Table prop is not supported: "+e);this[e]=t.detail[e]}))}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&&r.forEach((t=>{var e;this[t]=null===(e=this.tableEl)||void 0===e?void 0:e[t]}))}render(){return d(i,{key:"de0e413cf92011d5b652d19512dd58c243fb40f2",tabindex:this.clickable?"0":null,class:{"tds-table__row":!0,"tds-table__row--selected":this.selected,"tds-table__compact":this.compactDesign,"tds-table--divider":this.verticalDividers,"tds-table__row--clickable":this.clickable},onClick:t=>this.handleRowClick(t),onKeyDown:t=>this.handleKeyDown(t),role:"row"},this.multiselect&&d("td",{key:"23fb993da5cac2a419719723d7a259460b179f55",class:"tds-table__body-cell tds-table__body-cell--checkbox tds-form-label tds-form-label--table"},d("tds-checkbox",{key:"eab391b07c02f9fa913022fc9c8ebef0dab16ce8",onTdsChange:t=>this.handleCheckboxChange(t),checked:this.selected,disabled:this.disabled})),d("slot",{key:"5cd67b73cc428535ede2cb934d6b3dc36630e36d"}))}get host(){return this}static get style(){return":host(.tds-table__row){box-sizing:border-box;display:table-row;border-bottom:1px solid var(--tds-table-divider);background-color:var(--tds-table-body-row-background);transition:background-color 200ms ease;color:var(--tds-table-color)}:host(.tds-table__row) *{box-sizing:border-box}:host(.tds-table__row) .tds-table__body-cell--checkbox{min-width:48px;width:48px;padding:0}:host(.tds-table__row:hover){border-bottom:1px solid var(--tds-table-divider-hover)}:host(.tds-table__row:hover){background-color:var(--tds-table-body-row-background-hover)}:host(.tds-table__row--selected){background-color:var(--tds-table-body-row-background-selected)}:host(.tds-table__row--selected:hover){background-color:var(--tds-table-body-row-background-selected-hover)}:host(.tds-table__row--hidden){display:none}:host(.tds-table__row--expended){width:100%;background-color:pink}:host .tds-form-label--table{width:100%;height:48px;display:flex;justify-content:center;align-items:center;cursor:pointer}:host(.tds-table__compact) .tds-form-label--table{height:32px}:host(.tds-table--divider) .tds-table__body-cell--checkbox{border-right:1px solid var(--tds-table-divider)}:host(.tds-table__row--clickable){cursor:pointer}:host(.tds-table__row--clickable:focus-visible){outline:var(--focus-outline, 2px solid blue)}"}},[257,"tds-table-body-row",{selected:[516],disabled:[516],clickable:[516],multiselect:[32],mainCheckBoxStatus:[32],verticalDividers:[32],compactDesign:[32],noMinWidth:[32],tableId:[32]},[[16,"internalTdsTablePropChange","internalTdsPropChangeListener"]]]);function c(){"undefined"!=typeof customElements&&["tds-table-body-row","tds-checkbox"].forEach((e=>{switch(e){case"tds-table-body-row":customElements.get(t(e))||customElements.define(t(e),a);break;case"tds-checkbox":customElements.get(t(e))||l()}}))}c();const b=a,h=c;export{b as TdsTableBodyRow,h as defineCustomElement}

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

@@ -1,108 +1 @@
-import { p as proxyCustomElement, H, h, c as Host } from './p-28ef5186.js';
-
-const tableBodyCss = ":host,tds-table-body{box-sizing:border-box;display:table-row-group}:host *,tds-table-body *{box-sizing:border-box}:host .tds-table__info-message,tds-table-body .tds-table__info-message{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}tds-table-body.tds-table--zebra-mode-rows-odd tds-table-body-row:nth-child(odd){background-color:var(--tds-table-zebra-mode-backround)}tds-table-body.tds-table--zebra-mode-rows-odd tds-table-body-row:nth-child(odd):hover{background-color:var(--tds-table-body-row-background-hover)}tds-table-body.tds-table--zebra-mode-rows-even tds-table-body-row:nth-child(even){background-color:var(--tds-table-zebra-mode-backround)}tds-table-body.tds-table--zebra-mode-rows-even tds-table-body-row:nth-child(even):hover{background-color:var(--tds-table-body-row-background-hover)}tds-table-body.tds-table--zebra-mode-columns-odd tds-body-cell:nth-child(odd){background-color:var(--tds-table-zebra-mode-backround)}tds-table-body.tds-table--zebra-mode-columns-odd tds-body-cell.tds-table__body-cell--hover:nth-child(odd){background-color:var(--tds-table-body-cell-background-hover)}tds-table-body.tds-table--zebra-mode-columns-even tds-body-cell:nth-child(even){background-color:var(--tds-table-zebra-mode-backround)}tds-table-body.tds-table--zebra-mode-columns-even tds-body-cell.tds-table__body-cell--hover:nth-child(even){background-color:var(--tds-table-body-cell-background-hover)}tds-table-body.tds-table--zebra-mode-columns-even tds-table-body-row:hover tds-body-cell,tds-table-body.tds-table--zebra-mode-columns-odd tds-table-body-row:hover tds-body-cell{background-color:transparent}";
-const TdsTableBodyStyle0 = tableBodyCss;
-
-const relevantTableProps = [
-    'multiselect',
-    'expandableRows',
-    'zebraMode',
-];
-const TdsTableBody$1 = /*@__PURE__*/ proxyCustomElement(class TdsTableBody extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.bodyCheckBoxClicked = () => {
-            const numberOfRows = this.host.getElementsByClassName('tds-table__row').length;
-            const numberOfRowsSelected = this.host.getElementsByClassName('tds-table__row--selected').length;
-            this.mainCheckboxStatus = numberOfRows === numberOfRowsSelected;
-        };
-        this.multiselect = false;
-        this.enablePaginationTableBody = false;
-        this.expandableRows = false;
-        this.multiselectArray = [];
-        this.multiselectArrayJSON = '';
-        this.mainCheckboxStatus = false;
-        this.columnsNumber = 0;
-        this.zebraMode = 'none';
-        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];
-            });
-        }
-    }
-    // No need to read the value, event is here just to trigger another function
-    bodyCheckboxListener() {
-        this.bodyCheckBoxClicked();
-    }
-    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() {
-        var _a, _b;
-        const headrColumn = (_a = this.host.parentElement) === null || _a === void 0 ? void 0 : _a.querySelector('tds-table-header');
-        const headerColumnsNo = (_b = headrColumn === null || headrColumn === void 0 ? void 0 : headrColumn.children.length) !== null && _b !== void 0 ? _b : 0;
-        // multiselect and expended features requires one extra column for controls...
-        if (this.multiselect || this.expandableRows) {
-            this.columnsNumber = headerColumnsNo + 1;
-        }
-        else {
-            this.columnsNumber = headerColumnsNo;
-        }
-    }
-    render() {
-        return (h(Host, { key: '38f8bf195ef802dbf2ee50e5ea6eb1ecc6d35549', "data-selected-rows": this.multiselectArrayJSON, class: {
-                'tds-table--zebra-mode-rows-odd': this.zebraMode === 'rows-odd',
-                'tds-table--zebra-mode-rows-even': this.zebraMode === 'rows-even',
-                'tds-table--zebra-mode-columns-odd': this.zebraMode === 'columns-odd',
-                'tds-table--zebra-mode-columns-even': this.zebraMode === 'columns-even',
-            } }, h("slot", { key: '30787d97aa3a0f2a1f447d7ebc5434b6345fd7c3' })));
-    }
-    get host() { return this; }
-    static get style() { return TdsTableBodyStyle0; }
-}, [4, "tds-table-body", {
-        "multiselect": [32],
-        "enablePaginationTableBody": [32],
-        "expandableRows": [32],
-        "multiselectArray": [32],
-        "multiselectArrayJSON": [32],
-        "mainCheckboxStatus": [32],
-        "columnsNumber": [32],
-        "zebraMode": [32],
-        "tableId": [32]
-    }, [[16, "internalTdsTablePropChange", "internalTdsPropChangeListener"], [16, "internalTdsRowChange", "bodyCheckboxListener"]]]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["tds-table-body"];
-    components.forEach(tagName => { switch (tagName) {
-        case "tds-table-body":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, TdsTableBody$1);
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const TdsTableBody = TdsTableBody$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { TdsTableBody, defineCustomElement };
+import{t as e,p as t,H as o,h as d,a as s}from"./index.js";const a=["multiselect","expandableRows","zebraMode"],l=t(class extends o{constructor(e){super(),!1!==e&&this.__registerHost(),this.multiselect=!1,this.enablePaginationTableBody=!1,this.expandableRows=!1,this.multiselectArray=[],this.multiselectArrayJSON="",this.mainCheckboxStatus=!1,this.columnsNumber=0,this.zebraMode="none",this.tableId="",this.bodyCheckBoxClicked=()=>{const e=this.host.getElementsByClassName("tds-table__row").length,t=this.host.getElementsByClassName("tds-table__row--selected").length;this.mainCheckboxStatus=e===t}}internalTdsPropChangeListener(e){this.tableId===e.detail.tableId&&e.detail.changed.filter((e=>a.includes(e))).forEach((t=>{if(void 0===this[t])throw Error("Table prop is not supported: "+t);this[t]=e.detail[t]}))}bodyCheckboxListener(){this.bodyCheckBoxClicked()}connectedCallback(){var e;this.tableEl=this.host.closest("tds-table"),this.tableId=null===(e=this.tableEl)||void 0===e?void 0:e.tableId}componentWillLoad(){a.forEach((e=>{var t;this[e]=null===(t=this.tableEl)||void 0===t?void 0:t[e]}))}componentWillRender(){var e,t;const o=null===(e=this.host.parentElement)||void 0===e?void 0:e.querySelector("tds-table-header"),d=null!==(t=null==o?void 0:o.children.length)&&void 0!==t?t:0;this.columnsNumber=this.multiselect||this.expandableRows?d+1:d}render(){return d(s,{key:"d61524e078103156a13685d1071258a674767f5f","data-selected-rows":this.multiselectArrayJSON,class:{"tds-table--zebra-mode-rows-odd":"rows-odd"===this.zebraMode,"tds-table--zebra-mode-rows-even":"rows-even"===this.zebraMode,"tds-table--zebra-mode-columns-odd":"columns-odd"===this.zebraMode,"tds-table--zebra-mode-columns-even":"columns-even"===this.zebraMode}},d("slot",{key:"2e7d10195e21f906269ae74f262debc2d3b4f38b"}))}get host(){return this}static get style(){return":host,tds-table-body{box-sizing:border-box;display:table-row-group}:host *,tds-table-body *{box-sizing:border-box}:host .tds-table__info-message,tds-table-body .tds-table__info-message{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}tds-table-body.tds-table--zebra-mode-rows-odd tds-table-body-row:nth-child(odd){background-color:var(--tds-table-zebra-mode-backround)}tds-table-body.tds-table--zebra-mode-rows-odd tds-table-body-row:nth-child(odd):hover{background-color:var(--tds-table-body-row-background-hover)}tds-table-body.tds-table--zebra-mode-rows-even tds-table-body-row:nth-child(even){background-color:var(--tds-table-zebra-mode-backround)}tds-table-body.tds-table--zebra-mode-rows-even tds-table-body-row:nth-child(even):hover{background-color:var(--tds-table-body-row-background-hover)}tds-table-body.tds-table--zebra-mode-columns-odd tds-body-cell:nth-child(odd){background-color:var(--tds-table-zebra-mode-backround)}tds-table-body.tds-table--zebra-mode-columns-odd tds-body-cell.tds-table__body-cell--hover:nth-child(odd){background-color:var(--tds-table-body-cell-background-hover)}tds-table-body.tds-table--zebra-mode-columns-even tds-body-cell:nth-child(even){background-color:var(--tds-table-zebra-mode-backround)}tds-table-body.tds-table--zebra-mode-columns-even tds-body-cell.tds-table__body-cell--hover:nth-child(even){background-color:var(--tds-table-body-cell-background-hover)}tds-table-body.tds-table--zebra-mode-columns-even tds-table-body-row:hover tds-body-cell,tds-table-body.tds-table--zebra-mode-columns-odd tds-table-body-row:hover tds-body-cell{background-color:transparent}"}},[260,"tds-table-body",{multiselect:[32],enablePaginationTableBody:[32],expandableRows:[32],multiselectArray:[32],multiselectArrayJSON:[32],mainCheckboxStatus:[32],columnsNumber:[32],zebraMode:[32],tableId:[32]},[[16,"internalTdsTablePropChange","internalTdsPropChangeListener"],[16,"internalTdsRowChange","bodyCheckboxListener"]]]);function b(){"undefined"!=typeof customElements&&["tds-table-body"].forEach((t=>{"tds-table-body"===t&&(customElements.get(e(t))||customElements.define(e(t),l))}))}b();const r=l,n=b;export{r as TdsTableBody,n as defineCustomElement}

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

@@ -1,210 +1 @@
-import { p as proxyCustomElement, H, d as createEvent, h, c as Host } from './p-28ef5186.js';
-import { d as defineCustomElement$5 } from './p-542226b2.js';
-import { d as defineCustomElement$4 } from './p-871223b7.js';
-import { d as defineCustomElement$3 } from './p-ae4ca8c3.js';
-import { d as defineCustomElement$2 } from './p-f086ba26.js';
-
-const tableFooterCss = ":host{box-sizing:border-box;display:table-footer-group;height:var(--tds-spacing-element-48)}:host *{box-sizing:border-box}:host .tds-table__footer-row{background-color:var(--tds-table-footer-background);color:var(--tds-table-color)}:host .tds-table__footer-cell{padding:0 var(--tds-spacing-element-16)}:host .tds-table__footer-cell .tds-table__pagination{height:var(--tds-spacing-element-48);display:flex;align-items:center;justify-content:space-between}:host .tds-table__footer-cell .tds-table__pagination .tds-table__row-selector,:host .tds-table__footer-cell .tds-table__pagination .tds-table__page-selector{display:flex;align-items:center}:host .tds-table__footer-cell .tds-table__pagination .tds-table__row-selector .rows-per-page,:host .tds-table__footer-cell .tds-table__pagination .tds-table__page-selector .rows-per-page{display:flex;align-items:center;margin-right:var(--tds-spacing-element-16)}:host .tds-table__footer-cell .tds-table__pagination .tds-table__row-selector .rows-per-page p,:host .tds-table__footer-cell .tds-table__pagination .tds-table__page-selector .rows-per-page p{margin-right:var(--tds-spacing-element-8)}:host .tds-table__footer-cell .tds-table__pagination .tds-table__page-selector-input{font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);background-color:var(--tds-table-footer-page-selector-input-background);color:var(--tds-table-color);width:74px;height:30px;border:none;border-radius:var(--tds-spacing-element-4);transition:background-color 250ms ease;margin-right:var(--tds-spacing-element-4);padding-left:var(--tds-spacing-element-16)}:host .tds-table__footer-cell .tds-table__pagination .tds-table__page-selector-input:hover{background-color:var(--tds-table-footer-page-selector-input-background-hover)}:host .tds-table__footer-cell .tds-table__pagination .tds-table__page-selector-input:disabled{color:var(--tds-table-footer-page-selector-input-color-disabled)}:host .tds-table__footer-cell .tds-table__pagination .tds-table__page-selector-input--shake{animation:tds-shake-animation 0.5s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;transform:translate3d(0, 0, 0);backface-visibility:hidden;perspective:1000px}:host .tds-table__footer-cell .tds-table__pagination .tds-table__footer-text{font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);padding:1px 8px 0 0}:host .tds-table__footer-cell .tds-table__pagination .tds-table__footer-btn{display:flex;justify-content:center;align-items:center;border:none;background-color:transparent;cursor:pointer;height:var(--tds-spacing-element-32);width:var(--tds-spacing-element-32);border-radius:var(--tds-spacing-element-4);transition:background-color 250ms ease;color:var(--tds-table-footer-page-selector-icon)}:host .tds-table__footer-cell .tds-table__pagination .tds-table__footer-btn:hover{background-color:var(--tds-table-footer-btn-hover)}:host .tds-table__footer-cell .tds-table__pagination .tds-table__footer-btn:disabled{cursor:default;color:var(--tds-table-footer-page-selector-icon-disabled)}:host .tds-table__footer-cell .tds-table__pagination .tds-table__footer-btn:disabled:hover{background-color:transparent}:host .tds-table__footer-cell .tds-table__pagination .tds-table__footer-btn-svg{height:var(--tds-spacing-element-20);width:var(--tds-spacing-element-20);fill:var(--tds-table-color)}:host(.tds-table--compact){height:var(--tds-spacing-element-32)}:host(.tds-table--compact) .tds-table__footer-cell .tds-table__pagination{height:var(--tds-spacing-element-32)}:host(.tds-table--compact) .tds-table__footer-cell .tds-table__pagination .tds-table__page-selector-input{height:var(--tds-spacing-element-24)}:host(.tds-table--compact) .tds-table__footer-cell .tds-table__pagination .tds-table__footer-btn{height:28px;width:28px}:host(.footer__horizontal-scroll){display:inline-table;position:absolute;margin-top:10px}@keyframes tds-shake-animation{10%,90%{transform:translate3d(-1px, 0, 0)}20%,80%{transform:translate3d(2px, 0, 0)}30%,50%,70%{transform:translate3d(-4px, 0, 0)}40%,60%{transform:translate3d(4px, 0, 0)}}";
-const TdsTableFooterStyle0 = tableFooterCss;
-
-const relevantTableProps = [
-    'compactDesign',
-    'horizontalScrollWidth',
-];
-function removeShakeAnimation(e) {
-    e.target.classList.remove('tds-table__page-selector-input--shake');
-}
-const TdsTableFooter$1 = /*@__PURE__*/ proxyCustomElement(class TdsTableFooter extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.tdsPagination = createEvent(this, "tdsPagination", 7);
-        this.emitTdsPagination = () => {
-            if (this.rowsperpage) {
-                this.tdsPagination.emit({
-                    tableId: this.tableId,
-                    paginationValue: Number(this.paginationValue),
-                    rowsPerPage: this.rowsPerPageValue,
-                });
-            }
-            else {
-                this.tdsPagination.emit({
-                    tableId: this.tableId,
-                    paginationValue: Number(this.paginationValue),
-                });
-            }
-        };
-        this.previousPage = () => {
-            /** If pages and greater or equal to 2, decrease pagination value.
-             * This is to not get under 1 in pagination value.  */
-            if (this.paginationValue >= 2) {
-                this.paginationValue--;
-            }
-            this.emitTdsPagination();
-            this.storeLastCorrectValue(this.paginationValue);
-        };
-        this.nextPage = () => {
-            /** If pages and greater or equal to the number of pages, increase pagination value.
-             * This is to not get above the number of pages in pagination value.  */
-            if (this.pages && this.paginationValue <= this.pages) {
-                this.paginationValue++;
-            }
-            this.emitTdsPagination();
-            this.storeLastCorrectValue(this.paginationValue);
-        };
-        this.lastPage = () => {
-            this.paginationValue = this.pages;
-            this.emitTdsPagination();
-            this.storeLastCorrectValue(this.paginationValue);
-        };
-        this.firstPage = () => {
-            this.paginationValue = 1;
-            this.emitTdsPagination();
-            this.storeLastCorrectValue(this.paginationValue);
-        };
-        this.pagination = false;
-        this.paginationValue = 1;
-        this.rowsperpage = true;
-        this.rowsPerPageValues = [10, 25, 50];
-        this.pages = 0;
-        this.cols = null;
-        this.columnsNumber = 0;
-        this.compactDesign = false;
-        this.lastCorrectValue = 1;
-        this.tableId = '';
-        this.horizontalScrollWidth = null;
-        this.rowsPerPageValue = this.rowsPerPageValues[0];
-    }
-    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;
-    }
-    componentWillLoad() {
-        var _a, _b, _c;
-        relevantTableProps.forEach((tablePropName) => {
-            var _a;
-            this[tablePropName] = (_a = this.tableEl) === null || _a === void 0 ? void 0 : _a[tablePropName];
-        });
-        this.storeLastCorrectValue(this.paginationValue);
-        /** Get the number of columns. */
-        const numberOfColumns = (_c = (_b = (_a = this.host.parentElement) === null || _a === void 0 ? void 0 : _a.querySelector('tds-table-header')) === null || _b === void 0 ? void 0 : _b.childElementCount) !== null && _c !== void 0 ? _c : 0;
-        if (this.cols) {
-            this.columnsNumber = this.cols;
-        }
-        else {
-            this.columnsNumber = numberOfColumns;
-        }
-    }
-    /* Function to store last valid input */
-    storeLastCorrectValue(value) {
-        this.lastCorrectValue = value;
-    }
-    paginationInputChange(event) {
-        const insertedValue = Number(event.target.value);
-        if (insertedValue > event.target.max || insertedValue < event.target.min) {
-            event.target.classList.add('tds-table__page-selector-input--shake');
-            this.inputElement.value = String(this.lastCorrectValue);
-            this.paginationValue = Number(this.inputElement.value);
-        }
-        else {
-            this.paginationValue = insertedValue;
-        }
-        this.emitTdsPagination();
-        this.storeLastCorrectValue(this.paginationValue);
-    }
-    rowsPerPageChange(event) {
-        this.rowsPerPageValue = parseInt(event.detail.value);
-        if (this.paginationValue > this.pages) {
-            this.paginationValue = this.pages;
-        }
-        this.emitTdsPagination();
-    }
-    getStyles() {
-        const styles = {};
-        if (this.horizontalScrollWidth) {
-            styles.width = `${this.horizontalScrollWidth}px`;
-        }
-        return styles;
-    }
-    render() {
-        var _a;
-        return (h(Host, { key: '96d07c2b5e5b667c809b949d68f65be571ad1235', class: {
-                'tds-table--compact': this.compactDesign,
-                'footer__horizontal-scroll': !!this.horizontalScrollWidth,
-            }, style: this.getStyles() }, h("tr", { key: '418f2868d0c4e5366f94d725b6cf3e7aa0346f27', class: "tds-table__footer-row" }, h("td", { key: '8734d546ea3cfba0738c4daf78242e4a5e5397ea', class: "tds-table__footer-cell", colSpan: this.columnsNumber }, this.pagination && (h("div", { key: 'b348c2a48e321423523f1b2a46b916a90dc94889', class: "tds-table__pagination" }, h("div", { key: '5ddf22f56fda6e794e34b5e11cc0f84842c9efde', class: "tds-table__row-selector" }, this.rowsperpage && ((_a = this.rowsPerPageValues) === null || _a === void 0 ? void 0 : _a.length) > 0 && (h("div", { key: '39c3a7bdc7627c7710735804a121165d0fb204c8', class: "rows-per-page" }, h("p", { key: '0e33895d223c3e456f7847137a2242170ebea58b' }, "Rows per page"), h("tds-dropdown", { key: 'efdaba5e2e40e0bb6eaee4b2fa3ac86a36dd99e7', modeVariant: "secondary", id: "rows-dropdown", class: "page-dropdown", size: "xs", defaultValue: `${this.rowsPerPageValues[0]}`, onTdsChange: (event) => this.rowsPerPageChange(event) }, this.rowsPerPageValues.map((value) => {
-            return (h("tds-dropdown-option", { value: `${value}` }, value));
-        }))))), h("div", { key: 'aa4872b13712174bfa21c94b15b93816c713fd29', class: "tds-table__page-selector" }, h("input", { key: 'fa1964c83ec002ccc6e4061ae1f8596d9ee15836', ref: (element) => {
-                if (element) {
-                    this.inputElement = element;
-                }
-            }, class: "tds-table__page-selector-input", type: "number", min: "1", max: this.pages, value: this.paginationValue, pattern: "[0-9]+", dir: "ltr", onChange: (event) => this.paginationInputChange(event), onAnimationEnd: removeShakeAnimation }), h("p", { key: 'a8b07a6e86e18800f7681eca6377a722f12069ac', class: "tds-table__footer-text" }, "of ", h("span", { key: '17019da6fe48ec045f5d1335d8c08a273dc0ac6a' }, this.pages), " pages"), h("button", { key: 'daa1446d15681d297a024bfa8da1ec2173ed921c', type: "button", class: "tds-table__footer-btn", disabled: this.paginationValue <= 1, onClick: () => this.firstPage() }, h("tds-icon", { key: '6abd73717c6c232ef603f749f68da72600bf48e8', name: "skip_backwards", size: "20px" })), h("button", { key: '1ea33dbc2d1bcdb0b3613a312a43997bfbc39a55', type: "button", class: "tds-table__footer-btn", disabled: this.paginationValue <= 1, onClick: () => this.previousPage() }, h("tds-icon", { key: '66c0d727d030b343d387b293f7cef4773f54e6b1', name: "chevron_left", size: "20px" })), h("button", { key: '05f18129f73975b81f252721b0f33686e32b8211', type: "button", class: "tds-table__footer-btn", disabled: this.paginationValue >= this.pages, onClick: () => this.nextPage() }, h("tds-icon", { key: '120e02ba680a6dad5cdfaed8002467d8f09565ad', name: "chevron_right", size: "20px" })), h("button", { key: '58e65e438020594246c0f64fc06c751b13879ee3', type: "button", class: "tds-table__footer-btn", disabled: this.paginationValue >= this.pages, onClick: () => this.lastPage() }, h("tds-icon", { key: '9ea98a3a7f40a9051eb46e300e5d5128dc01a95c', name: "skip_forward", size: "20px" })))))))));
-    }
-    get host() { return this; }
-    static get style() { return TdsTableFooterStyle0; }
-}, [1, "tds-table-footer", {
-        "pagination": [516],
-        "paginationValue": [1538, "pagination-value"],
-        "rowsperpage": [516],
-        "rowsPerPageValues": [16],
-        "pages": [514],
-        "cols": [2],
-        "columnsNumber": [32],
-        "compactDesign": [32],
-        "lastCorrectValue": [32],
-        "tableId": [32],
-        "horizontalScrollWidth": [32],
-        "rowsPerPageValue": [32]
-    }, [[16, "internalTdsTablePropChange", "internalTdsPropChangeListener"]]]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["tds-table-footer", "tds-checkbox", "tds-dropdown", "tds-dropdown-option", "tds-icon"];
-    components.forEach(tagName => { switch (tagName) {
-        case "tds-table-footer":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, TdsTableFooter$1);
-            }
-            break;
-        case "tds-checkbox":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$5();
-            }
-            break;
-        case "tds-dropdown":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "tds-dropdown-option":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "tds-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const TdsTableFooter = TdsTableFooter$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { TdsTableFooter, defineCustomElement };
+import{t,p as e,H as s,c as a,h as o,a as i}from"./index.js";import{d as l}from"./p-Zx1hN-_O.js";import{d}from"./p-DdOzmmZe.js";import{d as r}from"./p-C4MTsi5W.js";import{d as n}from"./p-hVetZOGH.js";const c=["compactDesign","horizontalScrollWidth","multiselect","expandableRows"];function b(t){t.target.classList.remove("tds-table__page-selector-input--shake")}const h=e(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.tdsPagination=a(this,"tdsPagination",7),this.pagination=!1,this.paginationValue=1,this.rowsperpage=!0,this.rowsPerPageValues=[10,25,50],this.pages=0,this.cols=null,this.columnsNumber=0,this.compactDesign=!1,this.multiselect=!1,this.expandableRows=!1,this.lastCorrectValue=1,this.tableId="",this.horizontalScrollWidth=null,this.rowsPerPageValue=this.rowsPerPageValues[0],this.emitTdsPagination=()=>{this.tdsPagination.emit(this.rowsperpage?{tableId:this.tableId,paginationValue:Number(this.paginationValue),rowsPerPage:this.rowsPerPageValue}:{tableId:this.tableId,paginationValue:Number(this.paginationValue)})},this.previousPage=()=>{this.paginationValue>=2&&this.paginationValue--,this.emitTdsPagination(),this.storeLastCorrectValue(this.paginationValue)},this.nextPage=()=>{this.pages&&this.paginationValue<=this.pages&&this.paginationValue++,this.emitTdsPagination(),this.storeLastCorrectValue(this.paginationValue)},this.lastPage=()=>{this.paginationValue=this.pages,this.emitTdsPagination(),this.storeLastCorrectValue(this.paginationValue)},this.firstPage=()=>{this.paginationValue=1,this.emitTdsPagination(),this.storeLastCorrectValue(this.paginationValue)}}internalTdsPropChangeListener(t){this.tableId===t.detail.tableId&&t.detail.changed.filter((t=>c.includes(t))).forEach((e=>{if(void 0===this[e])throw Error("Table prop is not supported: "+e);this[e]=t.detail[e]}))}colsChanged(t){null!==t?this.columnsNumber=t:this.updateColumnsNumber()}updateColumnsNumber(){var t,e,s;if(this.cols)return;let a=null!==(s=null===(e=null===(t=this.host.parentElement)||void 0===t?void 0:t.querySelector("tds-table-header"))||void 0===e?void 0:e.childElementCount)&&void 0!==s?s:0;this.multiselect&&(a+=1),this.expandableRows&&(a+=1),this.columnsNumber=a}connectedCallback(){var t;this.tableEl=this.host.closest("tds-table"),this.tableId=null===(t=this.tableEl)||void 0===t?void 0:t.tableId}componentWillLoad(){var t,e,s;c.forEach((t=>{var e;this[t]=null===(e=this.tableEl)||void 0===e?void 0:e[t]})),this.storeLastCorrectValue(this.paginationValue);const a=null!==(s=null===(e=null===(t=this.host.parentElement)||void 0===t?void 0:t.querySelector("tds-table-header"))||void 0===e?void 0:e.childElementCount)&&void 0!==s?s:0;if(this.cols)this.columnsNumber=this.cols;else{let t=a;this.multiselect&&(t+=1),this.expandableRows&&(t+=1),this.columnsNumber=t}}storeLastCorrectValue(t){this.lastCorrectValue=t}paginationInputChange(t){const e=Number(t.target.value);e>t.target.max||e<t.target.min?(t.target.classList.add("tds-table__page-selector-input--shake"),this.inputElement.value=this.lastCorrectValue+"",this.paginationValue=Number(this.inputElement.value)):this.paginationValue=e,this.emitTdsPagination(),this.storeLastCorrectValue(this.paginationValue)}rowsPerPageChange(t){this.rowsPerPageValue=parseInt(t.detail.value),this.paginationValue>this.pages&&(this.paginationValue=this.pages),this.emitTdsPagination()}getStyles(){const t={};return this.horizontalScrollWidth&&(t.width=this.horizontalScrollWidth+"px"),t}render(){var t;return o(i,{key:"961b5b3b5aa0311a2cc962601bbde69cb892c0df",class:{"tds-table--compact":this.compactDesign,"footer__horizontal-scroll":!!this.horizontalScrollWidth},style:this.getStyles()},o("tr",{key:"a95c34f7248fe17ff7e6911cb75ac5f8a7e66397",class:"tds-table__footer-row"},o("td",{key:"3fa687650250154d63515696845c77b25a99a637",class:"tds-table__footer-cell",colSpan:this.columnsNumber},this.pagination&&o("div",{key:"8484735a6d4d8d805b1a532a9ee3f982ac91aff5",class:"tds-table__pagination"},o("div",{key:"543cfb0c349fb2a7b4443d4dfadb9b3891864ebc",class:"tds-table__row-selector"},this.rowsperpage&&(null===(t=this.rowsPerPageValues)||void 0===t?void 0:t.length)>0&&o("div",{key:"40ee62cc8374dc8113bed771a814289be7d978bd",class:"rows-per-page"},o("p",{key:"0a1f178e952e55b250c5ad1e0b59f1f8d664a947"},"Rows per page"),o("tds-dropdown",{key:"c23f03459dd7bb4c90a646d61d604b1b9c7532aa",modeVariant:"secondary",id:"rows-dropdown",class:"page-dropdown",size:"xs",defaultValue:""+this.rowsPerPageValues[0],onTdsChange:t=>this.rowsPerPageChange(t)},this.rowsPerPageValues.map((t=>o("tds-dropdown-option",{value:""+t},t)))))),o("div",{key:"2ba6b8e4a67f3d82980f48f8d858f9fe228ef04e",class:"tds-table__page-selector"},o("input",{key:"45c5662f2c314d2616200f0faa10637cfadd8a0c",ref:t=>{t&&(this.inputElement=t)},class:"tds-table__page-selector-input",type:"number",min:"1",max:this.pages,value:this.paginationValue,pattern:"[0-9]+",dir:"ltr",onChange:t=>this.paginationInputChange(t),onAnimationEnd:b}),o("p",{key:"acf03cce754c2e2992af498855a8e65370f80c0e",class:"tds-table__footer-text"},"of ",o("span",{key:"9fb1b364868e11ae9feb3cd560f17973a36f12bd"},this.pages)," pages"),o("button",{key:"d0945e0f2dbd43fb1c433388b14c517d94da4d95",type:"button",class:"tds-table__footer-btn",disabled:this.paginationValue<=1,onClick:()=>this.firstPage()},o("tds-icon",{key:"8c2c3b150d61e4db7dcbf7558646be0f2b90fe84",name:"skip_backwards",size:"20px"})),o("button",{key:"7df941515765b780c4c72c52b0842c719b88ff2d",type:"button",class:"tds-table__footer-btn",disabled:this.paginationValue<=1,onClick:()=>this.previousPage()},o("tds-icon",{key:"b8af8f6c3eb7680169764124ade9f6f56899b83d",name:"chevron_left",size:"20px"})),o("button",{key:"d4cfa0117ef5bfbda435584a505d330d5bfb86a3",type:"button",class:"tds-table__footer-btn",disabled:this.paginationValue>=this.pages,onClick:()=>this.nextPage()},o("tds-icon",{key:"e1fa66d3959ed648952b0fd170b00f43db23385f",name:"chevron_right",size:"20px"})),o("button",{key:"e8290d680d8ac50cf61089813b94fefa6682b2d1",type:"button",class:"tds-table__footer-btn",disabled:this.paginationValue>=this.pages,onClick:()=>this.lastPage()},o("tds-icon",{key:"3e26941199388b86bb0069967851d74921300950",name:"skip_forward",size:"20px"})))))))}get host(){return this}static get watchers(){return{cols:[{colsChanged:0}],multiselect:[{updateColumnsNumber:0}],expandableRows:[{updateColumnsNumber:0}]}}static get style(){return":host{box-sizing:border-box;display:table-footer-group;height:var(--tds-spacing-element-48)}:host *{box-sizing:border-box}:host .tds-table__footer-row{background-color:var(--tds-table-footer-background);color:var(--tds-table-color)}:host .tds-table__footer-cell{padding:0 var(--tds-spacing-element-16)}:host .tds-table__footer-cell .tds-table__pagination{height:var(--tds-spacing-element-48);display:flex;align-items:center;justify-content:space-between}:host .tds-table__footer-cell .tds-table__pagination .tds-table__row-selector,:host .tds-table__footer-cell .tds-table__pagination .tds-table__page-selector{display:flex;align-items:center}:host .tds-table__footer-cell .tds-table__pagination .tds-table__row-selector .rows-per-page,:host .tds-table__footer-cell .tds-table__pagination .tds-table__page-selector .rows-per-page{display:flex;align-items:center;margin-right:var(--tds-spacing-element-16)}:host .tds-table__footer-cell .tds-table__pagination .tds-table__row-selector .rows-per-page p,:host .tds-table__footer-cell .tds-table__pagination .tds-table__page-selector .rows-per-page p{margin-right:var(--tds-spacing-element-8)}:host .tds-table__footer-cell .tds-table__pagination .tds-table__page-selector-input{font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);background-color:var(--tds-table-footer-page-selector-input-background);color:var(--tds-table-color);width:74px;height:30px;border:none;border-radius:var(--tds-spacing-element-4);transition:background-color 250ms ease;margin-right:var(--tds-spacing-element-4);padding-left:var(--tds-spacing-element-16)}:host .tds-table__footer-cell .tds-table__pagination .tds-table__page-selector-input:hover{background-color:var(--tds-table-footer-page-selector-input-background-hover)}:host .tds-table__footer-cell .tds-table__pagination .tds-table__page-selector-input:disabled{color:var(--tds-table-footer-page-selector-input-color-disabled)}:host .tds-table__footer-cell .tds-table__pagination .tds-table__page-selector-input--shake{animation:tds-shake-animation 0.5s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;transform:translate3d(0, 0, 0);backface-visibility:hidden;perspective:1000px}:host .tds-table__footer-cell .tds-table__pagination .tds-table__footer-text{font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);padding:1px 8px 0 0}:host .tds-table__footer-cell .tds-table__pagination .tds-table__footer-btn{display:flex;justify-content:center;align-items:center;border:none;background-color:transparent;cursor:pointer;height:var(--tds-spacing-element-32);width:var(--tds-spacing-element-32);border-radius:var(--tds-spacing-element-4);transition:background-color 250ms ease;color:var(--tds-table-footer-page-selector-icon)}:host .tds-table__footer-cell .tds-table__pagination .tds-table__footer-btn:hover{background-color:var(--tds-table-footer-btn-hover)}:host .tds-table__footer-cell .tds-table__pagination .tds-table__footer-btn:disabled{cursor:default;color:var(--tds-table-footer-page-selector-icon-disabled)}:host .tds-table__footer-cell .tds-table__pagination .tds-table__footer-btn:disabled:hover{background-color:transparent}:host .tds-table__footer-cell .tds-table__pagination .tds-table__footer-btn-svg{height:var(--tds-spacing-element-20);width:var(--tds-spacing-element-20);fill:var(--tds-table-color)}:host(.tds-table--compact){height:var(--tds-spacing-element-32)}:host(.tds-table--compact) .tds-table__footer-cell .tds-table__pagination{height:var(--tds-spacing-element-32)}:host(.tds-table--compact) .tds-table__footer-cell .tds-table__pagination .tds-table__page-selector-input{height:var(--tds-spacing-element-24)}:host(.tds-table--compact) .tds-table__footer-cell .tds-table__pagination .tds-table__footer-btn{height:28px;width:28px}:host(.footer__horizontal-scroll){display:inline-table;position:absolute;margin-top:10px}@keyframes tds-shake-animation{10%,90%{transform:translate3d(-1px, 0, 0)}20%,80%{transform:translate3d(2px, 0, 0)}30%,50%,70%{transform:translate3d(-4px, 0, 0)}40%,60%{transform:translate3d(4px, 0, 0)}}"}},[1,"tds-table-footer",{pagination:[516],paginationValue:[1538,"pagination-value"],rowsperpage:[516],rowsPerPageValues:[16],pages:[514],cols:[2],columnsNumber:[32],compactDesign:[32],multiselect:[32],expandableRows:[32],lastCorrectValue:[32],tableId:[32],horizontalScrollWidth:[32],rowsPerPageValue:[32]},[[16,"internalTdsTablePropChange","internalTdsPropChangeListener"]],{cols:[{colsChanged:0}],multiselect:[{updateColumnsNumber:0}],expandableRows:[{updateColumnsNumber:0}]}]);function p(){"undefined"!=typeof customElements&&["tds-table-footer","tds-checkbox","tds-dropdown","tds-dropdown-option","tds-icon"].forEach((e=>{switch(e){case"tds-table-footer":customElements.get(t(e))||customElements.define(t(e),h);break;case"tds-checkbox":customElements.get(t(e))||l();break;case"tds-dropdown":customElements.get(t(e))||d();break;case"tds-dropdown-option":customElements.get(t(e))||r();break;case"tds-icon":customElements.get(t(e))||n()}}))}p();const _=h,f=p;export{_ as TdsTableFooter,f as defineCustomElement}

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

@@ -1,112 +1 @@
-import { p as proxyCustomElement, H, h, c as Host } from './p-28ef5186.js';
-import { d as defineCustomElement$2 } from './p-f086ba26.js';
-
-const tableHeaderInputWrapperCss = ":host{position:relative}:host(:hover) tds-icon{display:inline-block}:host(.focused-input-wrapper) tds-icon{display:inline-block}:host(.focused-input-wrapper) ::slotted(input:not(:focus)){background-color:var(--tds-table-input-background-hover)}:host(.show-icon) ::slotted(input){padding-left:35px}tds-icon.search-icon{color:var(--tds-table-input-header-icon);position:absolute;left:15px;top:1px}::slotted(input){box-sizing:border-box;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);color:var(--tds-table-color);padding-left:var(--tds-spacing-element-16);padding-right:var(--tds-spacing-element-16);height:48px;border-radius:0;background-color:transparent;border:0;border-bottom:2px solid transparent}::slotted(input)::placeholder{color:var(--tds-table-input-header-placeholder)}::slotted(input:focus){outline:none;background-color:var(--tds-table-input-header-background-focus);border-bottom:2px solid var(--tds-text-field-bar)}:host(.tds-table__compact) ::slotted(input){height:32px;}";
-const TdsTableHeaderInputWrapperStyle0 = tableHeaderInputWrapperCss;
-
-const relevantTableProps = ['compactDesign'];
-const TdsTableHeaderInputWrapper$1 = /*@__PURE__*/ proxyCustomElement(class TdsTableHeaderInputWrapper extends H {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.showIcon = true;
-        this.renderSlot = true;
-        this.inputFocused = false;
-        this.compactDesign = false;
-        this.tableId = '';
-    }
-    internalTdsPropChangeListener(event) {
-        if (this.tableId === event.detail.tableId) {
-            event.detail.changed
-                .filter((changedProp) => relevantTableProps.includes(changedProp))
-                .forEach((changedProp) => {
-                if (typeof this[changedProp] === 'undefined') {
-                    console.error(`Table prop is not supported: ${changedProp}`); // More informative error
-                    throw new Error(`Table prop is not supported: ${changedProp}`);
-                }
-                this[changedProp] = event.detail[changedProp];
-            });
-        }
-    }
-    connectedCallback() {
-        const tableEl = this.host.closest('tds-table');
-        if (tableEl) {
-            this.tableId = tableEl.getAttribute('table-id');
-        }
-        else {
-            console.error('Failed to find parent tds-table element.');
-        }
-    }
-    componentWillLoad() {
-        const tableEl = this.host.closest('tds-table');
-        if (tableEl) {
-            relevantTableProps.forEach((tablePropName) => {
-                this[tablePropName] = tableEl[tablePropName];
-            });
-        }
-        else {
-            console.error('Failed to find parent tds-table element.');
-        }
-    }
-    handleSlotChange() {
-        this.validateSlot();
-    }
-    validateSlot() {
-        const children = Array.from(this.host.children).filter((element) => element.tagName === 'INPUT');
-        if (children.length !== 1) {
-            console.warn('TABLE-HEADER-INPUT-WRAPPER: Wrapper only accepts input as children.');
-            this.renderSlot = false;
-        }
-        else {
-            if (!this.renderSlot)
-                this.renderSlot = true;
-            const input = children[0];
-            input.addEventListener('focus', () => {
-                this.inputFocused = true;
-            });
-            input.addEventListener('blur', () => {
-                this.inputFocused = false;
-            });
-        }
-    }
-    render() {
-        return (h(Host, { key: '76de40e0a578e0592d9c85d278d65187d84d7573', class: {
-                'focused-input-wrapper': this.inputFocused,
-                'show-icon': this.showIcon,
-                'tds-table__compact': this.compactDesign,
-            } }, this.renderSlot ? h("slot", { onSlotchange: () => this.handleSlotChange() }) : null, this.showIcon ? (h("tds-icon", { svgTitle: "search", class: "search-icon", slot: "icon", size: "16px", name: "search" })) : null));
-    }
-    get host() { return this; }
-    static get style() { return TdsTableHeaderInputWrapperStyle0; }
-}, [1, "tds-table-header-input-wrapper", {
-        "showIcon": [4, "show-icon"],
-        "compactDesign": [4, "compact-design"],
-        "renderSlot": [32],
-        "inputFocused": [32],
-        "tableId": [32]
-    }, [[16, "internalTdsTablePropChange", "internalTdsPropChangeListener"]]]);
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["tds-table-header-input-wrapper", "tds-icon"];
-    components.forEach(tagName => { switch (tagName) {
-        case "tds-table-header-input-wrapper":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, TdsTableHeaderInputWrapper$1);
-            }
-            break;
-        case "tds-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-defineCustomElement$1();
-
-const TdsTableHeaderInputWrapper = TdsTableHeaderInputWrapper$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { TdsTableHeaderInputWrapper, defineCustomElement };
+import{t,p as e,H as s,h as o,a as n}from"./index.js";import{d as i}from"./p-hVetZOGH.js";const a=["compactDesign"],r=e(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.showIcon=!0,this.renderSlot=!0,this.inputFocused=!1,this.compactDesign=!1,this.tableId=""}internalTdsPropChangeListener(t){this.tableId===t.detail.tableId&&t.detail.changed.filter((t=>a.includes(t))).forEach((e=>{if(void 0===this[e])throw console.error("Table prop is not supported: "+e),Error("Table prop is not supported: "+e);this[e]=t.detail[e]}))}connectedCallback(){const t=this.host.closest("tds-table");t?this.tableId=t.getAttribute("table-id"):console.error("Failed to find parent tds-table element.")}componentWillLoad(){const t=this.host.closest("tds-table");t?a.forEach((e=>{this[e]=t[e]})):console.error("Failed to find parent tds-table element.")}handleSlotChange(){this.validateSlot()}validateSlot(){const t=Array.from(this.host.children).filter((t=>"INPUT"===t.tagName));if(1!==t.length)console.warn("TABLE-HEADER-INPUT-WRAPPER: Wrapper only accepts input as children."),this.renderSlot=!1;else{this.renderSlot||(this.renderSlot=!0);const e=t[0];e.addEventListener("focus",(()=>{this.inputFocused=!0})),e.addEventListener("blur",(()=>{this.inputFocused=!1}))}}render(){return o(n,{key:"4528be1b81397ac403bb7ba6cd274f26e1a6aff3",class:{"focused-input-wrapper":this.inputFocused,"show-icon":this.showIcon,"tds-table__compact":this.compactDesign}},this.renderSlot?o("slot",{onSlotchange:()=>this.handleSlotChange()}):null,this.showIcon?o("tds-icon",{svgTitle:"search",class:"search-icon",slot:"icon",size:"16px",name:"search"}):null)}get host(){return this}static get style(){return":host{position:relative}:host(:hover) tds-icon{display:inline-block}:host(.focused-input-wrapper) tds-icon{display:inline-block}:host(.focused-input-wrapper) ::slotted(input:not(:focus)){background-color:var(--tds-table-input-background-hover)}:host(.show-icon) ::slotted(input){padding-left:35px}tds-icon.search-icon{color:var(--tds-table-input-header-icon);position:absolute;left:15px;top:1px}::slotted(input){box-sizing:border-box;font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);color:var(--tds-table-color);padding-left:var(--tds-spacing-element-16);padding-right:var(--tds-spacing-element-16);height:48px;border-radius:0;background-color:transparent;border:0;border-bottom:2px solid transparent}::slotted(input)::placeholder{color:var(--tds-table-input-header-placeholder)}::slotted(input:focus){outline:none;background-color:var(--tds-table-input-header-background-focus);border-bottom:2px solid var(--tds-text-field-bar)}:host(.tds-table__compact) ::slotted(input){height:32px;}"}},[257,"tds-table-header-input-wrapper",{showIcon:[4,"show-icon"],compactDesign:[4,"compact-design"],renderSlot:[32],inputFocused:[32],tableId:[32]},[[16,"internalTdsTablePropChange","internalTdsPropChangeListener"]]]);function l(){"undefined"!=typeof customElements&&["tds-table-header-input-wrapper","tds-icon"].forEach((e=>{switch(e){case"tds-table-header-input-wrapper":customElements.get(t(e))||customElements.define(t(e),r);break;case"tds-icon":customElements.get(t(e))||i()}}))}l();const d=r,c=l;export{d as TdsTableHeaderInputWrapper,c as defineCustomElement}