@scania/tegel 1.3.3 → 1.5.0

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

@@ -4,89 +4,89 @@ import { d as defineCustomElement$2 } from './checkbox.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){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)}";
 
 const relevantTableProps = [
-  'multiselect',
-  'verticalDividers',
-  'compactDesign',
+    'multiselect',
+    'verticalDividers',
+    'compactDesign',
 ];
 const TdsTableBodyRow$1 = /*@__PURE__*/ proxyCustomElement(class TdsTableBodyRow extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    this.tdsSelect = createEvent(this, "tdsSelect", 6);
-    this.selected = false;
-    this.multiselect = false;
-    this.mainCheckBoxStatus = false;
-    this.verticalDividers = false;
-    this.compactDesign = false;
-    this.noMinWidth = false;
-    this.tableId = '';
-  }
-  async handleCheckboxChange(event) {
-    this.selected = event.detail.checked;
-    this.tdsSelect.emit({
-      tableId: this.tableId,
-      checked: this.selected,
-      selectedRows: await this.tableEl.getSelectedRows(),
-    });
-  }
-  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}`);
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.tdsSelect = createEvent(this, "tdsSelect", 6);
+        this.selected = false;
+        this.multiselect = false;
+        this.mainCheckBoxStatus = false;
+        this.verticalDividers = false;
+        this.compactDesign = false;
+        this.noMinWidth = false;
+        this.tableId = '';
+    }
+    async handleCheckboxChange(event) {
+        this.selected = event.detail.checked;
+        this.tdsSelect.emit({
+            tableId: this.tableId,
+            checked: this.selected,
+            selectedRows: await this.tableEl.getSelectedRows(),
+        });
+    }
+    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];
+            });
         }
-        this[changedProp] = event.detail[changedProp];
-      });
     }
-  }
-  connectedCallback() {
-    this.tableEl = this.host.closest('tds-table');
-    this.tableId = this.tableEl.tableId;
-  }
-  componentWillLoad() {
-    relevantTableProps.forEach((tablePropName) => {
-      this[tablePropName] = this.tableEl[tablePropName];
-    });
-  }
-  render() {
-    return (h(Host, { class: {
-        'tds-table__row': true,
-        'tds-table__row--selected': this.selected,
-        'tds-table__compact': this.compactDesign,
-        'tds-table--divider': this.verticalDividers,
-      } }, this.multiselect && (h("td", { class: "tds-table__body-cell tds-table__body-cell--checkbox tds-form-label tds-form-label--table" }, h("tds-checkbox", { onTdsChange: (event) => this.handleCheckboxChange(event), checked: this.selected }))), h("slot", null)));
-  }
-  get host() { return this; }
-  static get style() { return tableBodyRowCss; }
+    connectedCallback() {
+        this.tableEl = this.host.closest('tds-table');
+        this.tableId = this.tableEl.tableId;
+    }
+    componentWillLoad() {
+        relevantTableProps.forEach((tablePropName) => {
+            this[tablePropName] = this.tableEl[tablePropName];
+        });
+    }
+    render() {
+        return (h(Host, { class: {
+                'tds-table__row': true,
+                'tds-table__row--selected': this.selected,
+                'tds-table__compact': this.compactDesign,
+                'tds-table--divider': this.verticalDividers,
+            } }, this.multiselect && (h("td", { class: "tds-table__body-cell tds-table__body-cell--checkbox tds-form-label tds-form-label--table" }, h("tds-checkbox", { onTdsChange: (event) => this.handleCheckboxChange(event), checked: this.selected }))), h("slot", null)));
+    }
+    get host() { return this; }
+    static get style() { return tableBodyRowCss; }
 }, [1, "tds-table-body-row", {
-    "selected": [516],
-    "multiselect": [32],
-    "mainCheckBoxStatus": [32],
-    "verticalDividers": [32],
-    "compactDesign": [32],
-    "noMinWidth": [32],
-    "tableId": [32]
-  }, [[16, "internalTdsTablePropChange", "internalTdsPropChangeListener"]]]);
+        "selected": [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;
-  } });
+    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();
 

package/dist/components/tds-table-body.d.ts

@@ -2,8 +2,8 @@ import type { Components, JSX } from "../types/components";
 
 interface TdsTableBody extends Components.TdsTableBody, HTMLElement {}
 export const TdsTableBody: {
-  prototype: TdsTableBody;
-  new (): TdsTableBody;
+    prototype: TdsTableBody;
+    new (): TdsTableBody;
 };
 /**
  * Used to define this component and all nested components recursively.

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

@@ -4,85 +4,85 @@ const tableBodyCss = ":host,tds-table-body{box-sizing:border-box;display:table-r
 
 const relevantTableProps = ['multiselect', 'expandableRows'];
 const TdsTableBody$1 = /*@__PURE__*/ proxyCustomElement(class TdsTableBody extends HTMLElement {
-  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 = undefined;
-    this.mainCheckboxStatus = false;
-    this.columnsNumber = 0;
-    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}`);
+    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 = undefined;
+        this.mainCheckboxStatus = false;
+        this.columnsNumber = 0;
+        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];
+            });
         }
-        this[changedProp] = event.detail[changedProp];
-      });
     }
-  }
-  // No need to read the value, event is here just to trigger another function
-  bodyCheckboxListener() {
-    this.bodyCheckBoxClicked();
-  }
-  connectedCallback() {
-    this.tableEl = this.host.closest('tds-table');
-    this.tableId = this.tableEl.tableId;
-  }
-  componentWillLoad() {
-    relevantTableProps.forEach((tablePropName) => {
-      this[tablePropName] = this.tableEl[tablePropName];
-    });
-  }
-  componentWillRender() {
-    const headerColumnsNo = this.host.parentElement.querySelector('tds-table-header').children.length;
-    // multiselect and expended features requires one extra column for controls...
-    if (this.multiselect || this.expandableRows) {
-      this.columnsNumber = headerColumnsNo + 1;
+    // No need to read the value, event is here just to trigger another function
+    bodyCheckboxListener() {
+        this.bodyCheckBoxClicked();
+    }
+    connectedCallback() {
+        this.tableEl = this.host.closest('tds-table');
+        this.tableId = this.tableEl.tableId;
     }
-    else {
-      this.columnsNumber = headerColumnsNo;
+    componentWillLoad() {
+        relevantTableProps.forEach((tablePropName) => {
+            this[tablePropName] = this.tableEl[tablePropName];
+        });
     }
-  }
-  render() {
-    return (h(Host, { "data-selected-rows": this.multiselectArrayJSON }, h("slot", null)));
-  }
-  get host() { return this; }
-  static get style() { return tableBodyCss; }
+    componentWillRender() {
+        const headerColumnsNo = this.host.parentElement.querySelector('tds-table-header').children.length;
+        // 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, { "data-selected-rows": this.multiselectArrayJSON }, h("slot", null)));
+    }
+    get host() { return this; }
+    static get style() { return tableBodyCss; }
 }, [4, "tds-table-body", {
-    "multiselect": [32],
-    "enablePaginationTableBody": [32],
-    "expandableRows": [32],
-    "multiselectArray": [32],
-    "multiselectArrayJSON": [32],
-    "mainCheckboxStatus": [32],
-    "columnsNumber": [32],
-    "tableId": [32]
-  }, [[16, "internalTdsTablePropChange", "internalTdsPropChangeListener"], [16, "internalTdsRowChange", "bodyCheckboxListener"]]]);
+        "multiselect": [32],
+        "enablePaginationTableBody": [32],
+        "expandableRows": [32],
+        "multiselectArray": [32],
+        "multiselectArrayJSON": [32],
+        "mainCheckboxStatus": [32],
+        "columnsNumber": [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;
-  } });
+    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();
 

package/dist/components/tds-table-footer.d.ts

@@ -2,8 +2,8 @@ import type { Components, JSX } from "../types/components";
 
 interface TdsTableFooter extends Components.TdsTableFooter, HTMLElement {}
 export const TdsTableFooter: {
-  prototype: TdsTableFooter;
-  new (): TdsTableFooter;
+    prototype: TdsTableFooter;
+    new (): TdsTableFooter;
 };
 /**
  * Used to define this component and all nested components recursively.

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

@@ -5,130 +5,130 @@ const tableFooterCss = ":host{box-sizing:border-box;display:table-footer-group;h
 
 const relevantTableProps = ['compactDesign'];
 function removeShakeAnimation(e) {
-  e.target.classList.remove('tds-table__page-selector-input--shake');
+    e.target.classList.remove('tds-table__page-selector-input--shake');
 }
 const TdsTableFooter$1 = /*@__PURE__*/ proxyCustomElement(class TdsTableFooter extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    this.tdsPagination = createEvent(this, "tdsPagination", 7);
-    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--;
-      }
-      /* Emits pagination event. */
-      this.tdsPagination.emit({
-        tableId: this.tableId,
-        paginationValue: Number(this.paginationValue),
-      });
-      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.paginationValue <= this.pages) {
-        this.paginationValue++;
-      }
-      this.tdsPagination.emit({
-        tableId: this.tableId,
-        paginationValue: Number(this.paginationValue),
-      });
-      this.storeLastCorrectValue(this.paginationValue);
-    };
-    this.pagination = false;
-    this.paginationValue = 1;
-    this.pages = null;
-    this.cols = null;
-    this.columnsNumber = 0;
-    this.compactDesign = false;
-    this.lastCorrectValue = undefined;
-    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}`);
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.tdsPagination = createEvent(this, "tdsPagination", 7);
+        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--;
+            }
+            /* Emits pagination event. */
+            this.tdsPagination.emit({
+                tableId: this.tableId,
+                paginationValue: Number(this.paginationValue),
+            });
+            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.paginationValue <= this.pages) {
+                this.paginationValue++;
+            }
+            this.tdsPagination.emit({
+                tableId: this.tableId,
+                paginationValue: Number(this.paginationValue),
+            });
+            this.storeLastCorrectValue(this.paginationValue);
+        };
+        this.pagination = false;
+        this.paginationValue = 1;
+        this.pages = null;
+        this.cols = null;
+        this.columnsNumber = 0;
+        this.compactDesign = false;
+        this.lastCorrectValue = undefined;
+        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];
+            });
         }
-        this[changedProp] = event.detail[changedProp];
-      });
     }
-  }
-  connectedCallback() {
-    this.tableEl = this.host.closest('tds-table');
-    this.tableId = this.tableEl.tableId;
-  }
-  componentWillLoad() {
-    relevantTableProps.forEach((tablePropName) => {
-      this[tablePropName] = this.tableEl[tablePropName];
-    });
-    this.storeLastCorrectValue(this.paginationValue);
-    /** Get the number of columns. */
-    const numberOfColumns = this.host.parentElement.querySelector('tds-table-header').childElementCount;
-    if (this.cols) {
-      this.columnsNumber = this.cols;
+    connectedCallback() {
+        this.tableEl = this.host.closest('tds-table');
+        this.tableId = this.tableEl.tableId;
     }
-    else {
-      this.columnsNumber = numberOfColumns;
+    componentWillLoad() {
+        relevantTableProps.forEach((tablePropName) => {
+            this[tablePropName] = this.tableEl[tablePropName];
+        });
+        this.storeLastCorrectValue(this.paginationValue);
+        /** Get the number of columns. */
+        const numberOfColumns = this.host.parentElement.querySelector('tds-table-header').childElementCount;
+        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);
+    /* Function to store last valid input */
+    storeLastCorrectValue(value) {
+        this.lastCorrectValue = value;
     }
-    else {
-      this.paginationValue = insertedValue;
+    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.tdsPagination.emit({
+            tableId: this.tableId,
+            paginationValue: Number(this.paginationValue),
+        });
+        this.storeLastCorrectValue(this.paginationValue);
+    }
+    render() {
+        return (h(Host, { class: this.compactDesign ? 'tds-table--compact' : '' }, h("tr", { class: "tds-table__footer-row" }, h("td", { class: "tds-table__footer-cell", colSpan: this.columnsNumber }, this.pagination && (h("div", { class: "tds-table__pagination" }, h("div", { class: "tds-table__row-selector" }), h("div", { class: "tds-table__page-selector" }, h("input", { ref: (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", { class: "tds-table__footer-text" }, "of ", h("span", null, this.pages), " pages"), h("button", { type: "button", class: "tds-table__footer-btn", disabled: this.paginationValue <= 1, onClick: () => this.previousPage() }, h("tds-icon", { name: "chevron_left", size: "20px" })), h("button", { type: "button", class: "tds-table__footer-btn", disabled: this.paginationValue >= this.pages, onClick: () => this.nextPage() }, h("tds-icon", { name: "chevron_right", size: "20px" })))))))));
     }
-    this.tdsPagination.emit({
-      tableId: this.tableId,
-      paginationValue: Number(this.paginationValue),
-    });
-    this.storeLastCorrectValue(this.paginationValue);
-  }
-  render() {
-    return (h(Host, { class: this.compactDesign ? 'tds-table--compact' : '' }, h("tr", { class: "tds-table__footer-row" }, h("td", { class: "tds-table__footer-cell", colSpan: this.columnsNumber }, this.pagination && (h("div", { class: "tds-table__pagination" }, h("div", { class: "tds-table__row-selector" }), h("div", { class: "tds-table__page-selector" }, h("input", { ref: (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", { class: "tds-table__footer-text" }, "of ", h("span", null, this.pages), " pages"), h("button", { type: "button", class: "tds-table__footer-btn", disabled: this.paginationValue <= 1, onClick: () => this.previousPage() }, h("tds-icon", { name: "chevron_left", size: "20px" })), h("button", { type: "button", class: "tds-table__footer-btn", disabled: this.paginationValue >= this.pages, onClick: () => this.nextPage() }, h("tds-icon", { name: "chevron_right", size: "20px" })))))))));
-  }
-  get host() { return this; }
-  static get style() { return tableFooterCss; }
+    get host() { return this; }
+    static get style() { return tableFooterCss; }
 }, [1, "tds-table-footer", {
-    "pagination": [516],
-    "paginationValue": [1538, "pagination-value"],
-    "pages": [514],
-    "cols": [2],
-    "columnsNumber": [32],
-    "compactDesign": [32],
-    "lastCorrectValue": [32],
-    "tableId": [32]
-  }, [[16, "internalTdsTablePropChange", "internalTdsPropChangeListener"]]]);
+        "pagination": [516],
+        "paginationValue": [1538, "pagination-value"],
+        "pages": [514],
+        "cols": [2],
+        "columnsNumber": [32],
+        "compactDesign": [32],
+        "lastCorrectValue": [32],
+        "tableId": [32]
+    }, [[16, "internalTdsTablePropChange", "internalTdsPropChangeListener"]]]);
 function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["tds-table-footer", "tds-icon"];
-  components.forEach(tagName => { switch (tagName) {
-    case "tds-table-footer":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, TdsTableFooter$1);
-      }
-      break;
-    case "tds-icon":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$2();
-      }
-      break;
-  } });
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["tds-table-footer", "tds-icon"];
+    components.forEach(tagName => { switch (tagName) {
+        case "tds-table-footer":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, TdsTableFooter$1);
+            }
+            break;
+        case "tds-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+    } });
 }
 defineCustomElement$1();
 

package/dist/components/tds-table-header.d.ts

@@ -2,8 +2,8 @@ import type { Components, JSX } from "../types/components";
 
 interface TdsTableHeader extends Components.TdsTableHeader, HTMLElement {}
 export const TdsTableHeader: {
-  prototype: TdsTableHeader;
-  new (): TdsTableHeader;
+    prototype: TdsTableHeader;
+    new (): TdsTableHeader;
 };
 /**
  * Used to define this component and all nested components recursively.