@fkui/vue-labs 6.31.1 → 6.32.0

package/dist/cjs/cypress.cjs.js

@@ -166,6 +166,17 @@ var FTablePageObject = class {
   selectInput(row) {
     return cy.get([this.bodyRow(row), this.selectCell, `input`].join(" "));
   }
+  /**
+   * Get table caption.
+   *
+   * Only applicable if caption slot is used.
+   *
+   * @public
+   * @returns The table caption.
+   */
+  caption() {
+    return cy.get(`${this.selector} caption`);
+  }
   /**
    * Get table footer.
    *

package/dist/cjs/cypress.cjs.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/cypress/index.ts", "../../src/cypress/XDummy.pageobject.ts", "../../src/cypress/FTable.pageobject.ts"],
-  "sourcesContent": ["export { XDummyPageObject } from \"./XDummy.pageobject\";\nexport { FTablePageObject } from \"./FTable.pageobject\";\n", "import { type BasePageObject, type DefaultCypressChainable } from \"./common\";\n\n/**\n * @public\n */\nexport class XDummyPageObject implements BasePageObject {\n    public selector: string;\n    public el: () => DefaultCypressChainable;\n\n    /**\n     * @param selector - the root of the dummy, usually `<dummy class=\"dummy\">...</dummy>`.\n     */\n    public constructor(selector: string) {\n        this.selector = selector;\n        this.el = () => cy.get(this.selector);\n    }\n\n    /**\n     * Heading\n     */\n    public heading(): DefaultCypressChainable {\n        return cy.get(`${this.selector} h1`);\n    }\n}\n", "import { type BasePageObject, type DefaultCypressChainable } from \"./common\";\n\n/**\n * @public\n * @since v6.24.0\n */\nexport class FTablePageObject implements BasePageObject {\n    public selector: string;\n\n    private readonly selectHeader = \".table-ng__column--selectable\";\n    private readonly columnTitle = \".table-ng__column__title\";\n    private readonly columnDescription = \".table-ng__column__description\";\n    private readonly expandCell = \".table-ng__cell--expand\";\n    private readonly selectCell = \".table-ng__cell--selectable\";\n\n    /**\n     * @param selector - root element selector for `FTable`, usually `.table-ng`.\n     */\n    public constructor(selector: string = \".table-ng\") {\n        this.selector = selector;\n    }\n\n    /**\n     * Get root element.\n     *\n     * @public\n     */\n    public el(): DefaultCypressChainable {\n        return cy.get(this.selector);\n    }\n\n    /**\n     * Get table header cell (`<th>` in `<thead>`).\n     *\n     * The headers for expandable buttons and selectable checkboxes are included.\n     *\n     * @public\n     * @param col - Column number of header (1-indexed).\n     * @returns The header cell element (`<th>`).\n     */\n    public header(\n        col: number,\n    ): Cypress.Chainable<JQuery<HTMLTableCellElement>> {\n        const colIndex = String(col - 1);\n        return cy.get([this.thead, `th:nth(${colIndex})`].join(\" \"));\n    }\n\n    /**\n     * Get column title from table header.\n     *\n     * The headers for expandable buttons and selectable checkboxes are included.\n     *\n     * @public\n     * @param col - Column number of header (1-indexed).\n     * @returns Column description in header.\n     */\n    public headerTitle(col: number): DefaultCypressChainable {\n        const colIndex = String(col - 1);\n        return cy.get(\n            [this.thead, `th:nth(${colIndex})`, this.columnTitle].join(\" \"),\n        );\n    }\n\n    /**\n     * Get column description from table header.\n     *\n     * The headers for expandable buttons and selectable checkboxes are included.\n     *\n     * @public\n     * @param col - Column number of header (1-indexed).\n     * @returns Column description in header.\n     */\n    public headerDescription(col: number): DefaultCypressChainable {\n        const colIndex = String(col - 1);\n        return cy.get(\n            [this.thead, `th:nth(${colIndex})`, this.columnDescription].join(\n                \" \",\n            ),\n        );\n    }\n\n    /**\n     * Get table cell (typically `<td>` but can be `<th>` if row headers are\n     * present).\n     *\n     * Both row and column are 1-indexed, i.e. 1:1 selects the first cell in the\n     * first row.\n     *\n     * The columns for expandable buttons and selectable checkboxes are included in column count.\n     *\n     * For expandable rows the row count depend on whenever a row is expanded or\n     * not. If the first row is collapsed the second row refers to the next\n     * parent row while if the first row is expanded the second row refers to\n     * the first expanded row under the first row.\n     *\n     * @public\n     * @param descriptor - Row and column number of cell (1-indexed).\n     * @returns The cell element.\n     */\n    public cell(descriptor: {\n        row: number;\n        col: number;\n    }): Cypress.Chainable<JQuery<HTMLTableCellElement>> {\n        const row = this.bodyRow(descriptor.row);\n        const nth = `nth-child(${descriptor.col})`;\n        return cy.get([row, `> td:${nth},`, row, `> th:${nth}`].join(\" \"));\n    }\n\n    /**\n     * Get expand button of given row.\n     *\n     * Only applicable if using an expandable table.\n     *\n     * @public\n     * @param row - Row number for the expand button (1-indexed).\n     * @returns Expand button of given row.\n     */\n    public expandButton(\n        row: number,\n    ): Cypress.Chainable<JQuery<HTMLButtonElement>> {\n        return cy.get([this.bodyRow(row), this.expandCell, `button`].join(\" \"));\n    }\n\n    /**\n     * Get checkbox in the table header for selectable column.\n     *\n     * Only applicable if using a multiselect table.\n     *\n     * @public\n     * @returns Checkbox in selectable column header.\n     */\n    public selectHeaderInput(): Cypress.Chainable<JQuery<HTMLInputElement>> {\n        return cy.get([this.thead, this.selectHeader, `input`].join(\" \"));\n    }\n\n    /**\n     * Get select input of given row.\n     *\n     * Only applicable if using a selectable table.\n     * Input is a checkbox if using a multiselect table and radio if single.\n     *\n     * @param row - Row number for the select input (1-indexed).\n     * @returns Select input of given row.\n     */\n    public selectInput(\n        row: number,\n    ): Cypress.Chainable<JQuery<HTMLInputElement>> {\n        return cy.get([this.bodyRow(row), this.selectCell, `input`].join(\" \"));\n    }\n\n    /**\n     * Get table footer.\n     *\n     * Only applicable if footer slot is used.\n     *\n     * @public\n     * @returns The table footer.\n     */\n    public footer(): Cypress.Chainable<JQuery<HTMLTableSectionElement>> {\n        return cy.get(this.tfoot);\n    }\n\n    /**\n     * Get current tabbable element in the table.\n     *\n     * If table is untouched, it is the first cell in the table body (including columns for expandable and selectable).\n     * If the cell has an interactable element, it is instead the interactable that is returned and not the cell.\n     *\n     * @internal\n     * @returns The current tabbable element.\n     */\n    public tabbableElement(): DefaultCypressChainable {\n        return cy.get(`${this.selector} [tabindex=0]`);\n    }\n\n    /**\n     * Get all visible rows (`<tr>` in `<tbody>`).\n     *\n     * Includes expanded rows if table is expandable.\n     *\n     * @public\n     * @returns All visible rows in the table.\n     */\n    public rows(): Cypress.Chainable<JQuery<HTMLTableRowElement>> {\n        return cy.get(`${this.tbody} tr`);\n    }\n\n    /** @internal */\n    private bodyRow(row: number): string {\n        const rowIndex = String(row - 1);\n        return `${this.tbody} tr:nth(${rowIndex})`;\n    }\n\n    /** @internal */\n    private get thead(): string {\n        return `${this.selector} thead`;\n    }\n\n    /** @internal */\n    private get tbody(): string {\n        return `${this.selector} tbody`;\n    }\n\n    /** @internal */\n    private get tfoot(): string {\n        return `${this.selector} tfoot`;\n    }\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["export { XDummyPageObject } from \"./XDummy.pageobject\";\nexport { FTablePageObject } from \"./FTable.pageobject\";\n", "import { type BasePageObject, type DefaultCypressChainable } from \"./common\";\n\n/**\n * @public\n */\nexport class XDummyPageObject implements BasePageObject {\n    public selector: string;\n    public el: () => DefaultCypressChainable;\n\n    /**\n     * @param selector - the root of the dummy, usually `<dummy class=\"dummy\">...</dummy>`.\n     */\n    public constructor(selector: string) {\n        this.selector = selector;\n        this.el = () => cy.get(this.selector);\n    }\n\n    /**\n     * Heading\n     */\n    public heading(): DefaultCypressChainable {\n        return cy.get(`${this.selector} h1`);\n    }\n}\n", "import { type BasePageObject, type DefaultCypressChainable } from \"./common\";\n\n/**\n * @public\n * @since v6.24.0\n */\nexport class FTablePageObject implements BasePageObject {\n    public selector: string;\n\n    private readonly selectHeader = \".table-ng__column--selectable\";\n    private readonly columnTitle = \".table-ng__column__title\";\n    private readonly columnDescription = \".table-ng__column__description\";\n    private readonly expandCell = \".table-ng__cell--expand\";\n    private readonly selectCell = \".table-ng__cell--selectable\";\n\n    /**\n     * @param selector - root element selector for `FTable`, usually `.table-ng`.\n     */\n    public constructor(selector: string = \".table-ng\") {\n        this.selector = selector;\n    }\n\n    /**\n     * Get root element.\n     *\n     * @public\n     */\n    public el(): DefaultCypressChainable {\n        return cy.get(this.selector);\n    }\n\n    /**\n     * Get table header cell (`<th>` in `<thead>`).\n     *\n     * The headers for expandable buttons and selectable checkboxes are included.\n     *\n     * @public\n     * @param col - Column number of header (1-indexed).\n     * @returns The header cell element (`<th>`).\n     */\n    public header(\n        col: number,\n    ): Cypress.Chainable<JQuery<HTMLTableCellElement>> {\n        const colIndex = String(col - 1);\n        return cy.get([this.thead, `th:nth(${colIndex})`].join(\" \"));\n    }\n\n    /**\n     * Get column title from table header.\n     *\n     * The headers for expandable buttons and selectable checkboxes are included.\n     *\n     * @public\n     * @param col - Column number of header (1-indexed).\n     * @returns Column description in header.\n     */\n    public headerTitle(col: number): DefaultCypressChainable {\n        const colIndex = String(col - 1);\n        return cy.get(\n            [this.thead, `th:nth(${colIndex})`, this.columnTitle].join(\" \"),\n        );\n    }\n\n    /**\n     * Get column description from table header.\n     *\n     * The headers for expandable buttons and selectable checkboxes are included.\n     *\n     * @public\n     * @param col - Column number of header (1-indexed).\n     * @returns Column description in header.\n     */\n    public headerDescription(col: number): DefaultCypressChainable {\n        const colIndex = String(col - 1);\n        return cy.get(\n            [this.thead, `th:nth(${colIndex})`, this.columnDescription].join(\n                \" \",\n            ),\n        );\n    }\n\n    /**\n     * Get table cell (typically `<td>` but can be `<th>` if row headers are\n     * present).\n     *\n     * Both row and column are 1-indexed, i.e. 1:1 selects the first cell in the\n     * first row.\n     *\n     * The columns for expandable buttons and selectable checkboxes are included in column count.\n     *\n     * For expandable rows the row count depend on whenever a row is expanded or\n     * not. If the first row is collapsed the second row refers to the next\n     * parent row while if the first row is expanded the second row refers to\n     * the first expanded row under the first row.\n     *\n     * @public\n     * @param descriptor - Row and column number of cell (1-indexed).\n     * @returns The cell element.\n     */\n    public cell(descriptor: {\n        row: number;\n        col: number;\n    }): Cypress.Chainable<JQuery<HTMLTableCellElement>> {\n        const row = this.bodyRow(descriptor.row);\n        const nth = `nth-child(${descriptor.col})`;\n        return cy.get([row, `> td:${nth},`, row, `> th:${nth}`].join(\" \"));\n    }\n\n    /**\n     * Get expand button of given row.\n     *\n     * Only applicable if using an expandable table.\n     *\n     * @public\n     * @param row - Row number for the expand button (1-indexed).\n     * @returns Expand button of given row.\n     */\n    public expandButton(\n        row: number,\n    ): Cypress.Chainable<JQuery<HTMLButtonElement>> {\n        return cy.get([this.bodyRow(row), this.expandCell, `button`].join(\" \"));\n    }\n\n    /**\n     * Get checkbox in the table header for selectable column.\n     *\n     * Only applicable if using a multiselect table.\n     *\n     * @public\n     * @returns Checkbox in selectable column header.\n     */\n    public selectHeaderInput(): Cypress.Chainable<JQuery<HTMLInputElement>> {\n        return cy.get([this.thead, this.selectHeader, `input`].join(\" \"));\n    }\n\n    /**\n     * Get select input of given row.\n     *\n     * Only applicable if using a selectable table.\n     * Input is a checkbox if using a multiselect table and radio if single.\n     *\n     * @param row - Row number for the select input (1-indexed).\n     * @returns Select input of given row.\n     */\n    public selectInput(\n        row: number,\n    ): Cypress.Chainable<JQuery<HTMLInputElement>> {\n        return cy.get([this.bodyRow(row), this.selectCell, `input`].join(\" \"));\n    }\n\n    /**\n     * Get table caption.\n     *\n     * Only applicable if caption slot is used.\n     *\n     * @public\n     * @returns The table caption.\n     */\n    public caption(): Cypress.Chainable<JQuery<HTMLTableSectionElement>> {\n        return cy.get(`${this.selector} caption`);\n    }\n\n    /**\n     * Get table footer.\n     *\n     * Only applicable if footer slot is used.\n     *\n     * @public\n     * @returns The table footer.\n     */\n    public footer(): Cypress.Chainable<JQuery<HTMLTableSectionElement>> {\n        return cy.get(this.tfoot);\n    }\n\n    /**\n     * Get current tabbable element in the table.\n     *\n     * If table is untouched, it is the first cell in the table body (including columns for expandable and selectable).\n     * If the cell has an interactable element, it is instead the interactable that is returned and not the cell.\n     *\n     * @internal\n     * @returns The current tabbable element.\n     */\n    public tabbableElement(): DefaultCypressChainable {\n        return cy.get(`${this.selector} [tabindex=0]`);\n    }\n\n    /**\n     * Get all visible rows (`<tr>` in `<tbody>`).\n     *\n     * Includes expanded rows if table is expandable.\n     *\n     * @public\n     * @returns All visible rows in the table.\n     */\n    public rows(): Cypress.Chainable<JQuery<HTMLTableRowElement>> {\n        return cy.get(`${this.tbody} tr`);\n    }\n\n    /** @internal */\n    private bodyRow(row: number): string {\n        const rowIndex = String(row - 1);\n        return `${this.tbody} tr:nth(${rowIndex})`;\n    }\n\n    /** @internal */\n    private get thead(): string {\n        return `${this.selector} thead`;\n    }\n\n    /** @internal */\n    private get tbody(): string {\n        return `${this.selector} tbody`;\n    }\n\n    /** @internal */\n    private get tfoot(): string {\n        return `${this.selector} tfoot`;\n    }\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/cjs/index.cjs.js

@@ -282,7 +282,7 @@ function requireSymbolConstructorDetection() {
   var globalThis2 = requireGlobalThis();
   var $String = globalThis2.String;
   symbolConstructorDetection = !!Object.getOwnPropertySymbols && !fails2(function() {
-    var symbol = Symbol("symbol detection");
+    var symbol = /* @__PURE__ */ Symbol("symbol detection");
     return !$String(symbol) || !(Object(symbol) instanceof Symbol) || // Chrome 38-40 symbols are not inherited from DOM collections prototypes to instances
     !Symbol.sham && V8_VERSION && V8_VERSION < 41;
   });
@@ -1886,7 +1886,7 @@ requireEs_array_push();
 function isFTableCellApi(value) {
   return value !== null && typeof value === "object" && Boolean(value.tabstopEl);
 }
-const tableCellApiSymbol = Symbol("table:cell-api");
+const tableCellApiSymbol = /* @__PURE__ */ Symbol("table:cell-api");
 function walk(array, visit, childKey, level = 1) {
   for (const item of array) {
     const visitChildren = visit(item, level);
@@ -2226,7 +2226,7 @@ const _sfc_main$d = /* @__PURE__ */ vue$1.defineComponent({
     };
   }
 });
-const textTypes = ["text:bankAccountNumber", "text:bankgiro", "text:clearingNumber", "text:email", "text:organisationsnummer", "text:personnummer", "text:phoneNumber", "text:plusgiro", "text:postalCode", "text"];
+const textTypes = ["text:bankAccountNumber", "text:bankgiro", "text:clearingNumber", "text:date", "text:email", "text:organisationsnummer", "text:personnummer", "text:phoneNumber", "text:plusgiro", "text:postalCode", "text"];
 const numberTypes = ["text:currency", "text:number", "text:percent"];
 function isInputTypeNumber(value) {
   return numberTypes.includes(value);
@@ -2333,6 +2333,21 @@ const inputFieldConfig = {
       value: "20"
     }]
   },
+  "text:date": {
+    formatter(value) {
+      return logic.parseDate(value);
+    },
+    parser(value) {
+      return logic.parseDate(value);
+    },
+    validationConfig: {
+      date: {}
+    },
+    attributes: () => [{
+      name: "type",
+      value: "text"
+    }]
+  },
   "text:email": {
     formatter(value) {
       return value;
@@ -2758,7 +2773,7 @@ const _sfc_main$8 = /* @__PURE__ */ vue$1.defineComponent({
     const $t = vue.useTranslate();
     const multiSelectColumn = {
       type: "checkbox",
-      id: Symbol("multi-select"),
+      id: /* @__PURE__ */ Symbol("multi-select"),
       header: vue$1.ref("selectable"),
       description: vue$1.ref(null),
       sortable: null,
@@ -2779,7 +2794,7 @@ const _sfc_main$8 = /* @__PURE__ */ vue$1.defineComponent({
     };
     const singleSelectColumn = {
       type: "radio",
-      id: Symbol("single-select"),
+      id: /* @__PURE__ */ Symbol("single-select"),
       header: vue$1.ref("Välj en rad"),
       description: vue$1.ref(null),
       sortable: null,
@@ -2820,7 +2835,7 @@ function getBodyRowCount(rows, childKey) {
   }, childKey);
   return count;
 }
-const stopEditKey = Symbol();
+const stopEditKey = /* @__PURE__ */ Symbol();
 function useStartStopEdit() {
   const stopEdit2 = vue$1.inject(stopEditKey, () => Promise.resolve());
   return {
@@ -3687,7 +3702,7 @@ function normalizeTableColumn(column) {
   if ("render" in column) {
     return {
       type: void 0,
-      id: Symbol(),
+      id: /* @__PURE__ */ Symbol(),
       header: vue$1.toRef(column.header),
       description,
       size,
@@ -3699,7 +3714,7 @@ function normalizeTableColumn(column) {
     case "checkbox":
       return {
         type: "checkbox",
-        id: Symbol(),
+        id: /* @__PURE__ */ Symbol(),
         header: vue$1.toRef(column.header),
         description,
         size,
@@ -3716,7 +3731,7 @@ function normalizeTableColumn(column) {
     case "radio":
       return {
         type: "radio",
-        id: Symbol(),
+        id: /* @__PURE__ */ Symbol(),
         header: vue$1.toRef(column.header),
         description,
         size,
@@ -3737,7 +3752,7 @@ function normalizeTableColumn(column) {
       const decimals = type === "text:currency" ? 0 : column.decimals;
       return {
         type,
-        id: Symbol(),
+        id: /* @__PURE__ */ Symbol(),
         header: vue$1.toRef(column.header),
         description,
         size,
@@ -3760,6 +3775,7 @@ function normalizeTableColumn(column) {
     case "text:bankAccountNumber":
     case "text:bankgiro":
     case "text:clearingNumber":
+    case "text:date":
     case "text:email":
     case "text:organisationsnummer":
     case "text:personnummer":
@@ -3773,7 +3789,7 @@ function normalizeTableColumn(column) {
       const formatter = (_column$formatter2 = column.formatter) !== null && _column$formatter2 !== void 0 ? _column$formatter2 : config.formatter;
       return {
         type,
-        id: Symbol(),
+        id: /* @__PURE__ */ Symbol(),
         header: vue$1.toRef(column.header),
         description,
         size,
@@ -3794,7 +3810,7 @@ function normalizeTableColumn(column) {
     case "rowheader":
       return {
         type: "rowheader",
-        id: Symbol(),
+        id: /* @__PURE__ */ Symbol(),
         header: vue$1.toRef(column.header),
         description,
         size,
@@ -3805,7 +3821,7 @@ function normalizeTableColumn(column) {
     case "anchor":
       return {
         type: "anchor",
-        id: Symbol(),
+        id: /* @__PURE__ */ Symbol(),
         header: vue$1.toRef(column.header),
         description,
         size,
@@ -3821,7 +3837,7 @@ function normalizeTableColumn(column) {
     case "button":
       return {
         type: "button",
-        id: Symbol(),
+        id: /* @__PURE__ */ Symbol(),
         header: vue$1.toRef(column.header),
         description,
         size,
@@ -3838,7 +3854,7 @@ function normalizeTableColumn(column) {
     case "select":
       return {
         type: "select",
-        id: Symbol(),
+        id: /* @__PURE__ */ Symbol(),
         header: vue$1.toRef(column.header),
         description,
         size,
@@ -3856,7 +3872,7 @@ function normalizeTableColumn(column) {
     case void 0:
       return {
         type: "text",
-        id: Symbol(),
+        id: /* @__PURE__ */ Symbol(),
         header: vue$1.toRef(column.header),
         description,
         size,
@@ -4122,26 +4138,30 @@ function useTabstop(tableRef, metaRows) {
 }
 const _hoisted_1$1 = ["role", "aria-rowcount"];
 const _hoisted_2$1 = {
+  key: 0,
+  "data-test": "caption"
+};
+const _hoisted_3$1 = {
   class: "table-ng__row",
   "aria-rowindex": "1"
 };
-const _hoisted_3$1 = {
+const _hoisted_4$1 = {
   key: 0,
   scope: "col",
   tabindex: "-1",
   class: "table-ng__column"
 };
-const _hoisted_4$1 = {
+const _hoisted_5$1 = {
   key: 0,
   class: "table-ng__row--empty"
 };
-const _hoisted_5$1 = ["colspan"];
-const _hoisted_6$1 = ["aria-level", "aria-rowindex", "aria-setsize", "aria-posinset", "aria-selected"];
-const _hoisted_7$1 = {
-  key: 0
+const _hoisted_6$1 = ["colspan"];
+const _hoisted_7$1 = ["aria-level", "aria-rowindex", "aria-setsize", "aria-posinset", "aria-selected"];
+const _hoisted_8 = {
+  key: 1
 };
-const _hoisted_8 = ["aria-rowindex"];
-const _hoisted_9 = ["colspan"];
+const _hoisted_9 = ["aria-rowindex"];
+const _hoisted_10 = ["colspan"];
 const _sfc_main$2 = /* @__PURE__ */ vue$1.defineComponent({
   __name: "FTable",
   props: /* @__PURE__ */ vue$1.mergeModels({
@@ -4179,6 +4199,11 @@ const _sfc_main$2 = /* @__PURE__ */ vue$1.defineComponent({
     const metaRows = vue$1.computed(() => getMetaRows(keyedRows.value, expandedKeys.value, __props.expandableAttribute));
     const isTreegrid = vue$1.computed(() => Boolean(__props.expandableAttribute));
     const role = vue$1.computed(() => isTreegrid.value ? "treegrid" : "grid");
+    const hasCaption = vue$1.computed(() => {
+      return hasSlot("caption", {}, {
+        stripClasses: []
+      });
+    });
     const isEmpty = vue$1.computed(() => {
       return metaRows.value.length === 0;
     });
@@ -4351,7 +4376,7 @@ const _sfc_main$2 = /* @__PURE__ */ vue$1.defineComponent({
         onFocusout: onTableFocusout,
         onClick,
         onKeydown
-      }, [vue$1.createElementVNode("thead", null, [vue$1.createElementVNode("tr", _hoisted_2$1, [isTreegrid.value ? (vue$1.openBlock(), vue$1.createElementBlock("th", _hoisted_3$1)) : vue$1.createCommentVNode("", true), _cache[0] || (_cache[0] = vue$1.createTextVNode()), __props.selectable ? (vue$1.openBlock(), vue$1.createBlock(_sfc_main$b, {
+      }, [hasCaption.value ? (vue$1.openBlock(), vue$1.createElementBlock("caption", _hoisted_2$1, [vue$1.renderSlot(_ctx.$slots, "caption")])) : vue$1.createCommentVNode("", true), _cache[5] || (_cache[5] = vue$1.createTextVNode()), vue$1.createElementVNode("thead", null, [vue$1.createElementVNode("tr", _hoisted_3$1, [isTreegrid.value ? (vue$1.openBlock(), vue$1.createElementBlock("th", _hoisted_4$1)) : vue$1.createCommentVNode("", true), _cache[0] || (_cache[0] = vue$1.createTextVNode()), __props.selectable ? (vue$1.openBlock(), vue$1.createBlock(_sfc_main$b, {
         key: 1,
         ref: bindCellApiRef,
         state: vue$1.unref(selectableHeaderState)(),
@@ -4366,10 +4391,10 @@ const _sfc_main$2 = /* @__PURE__ */ vue$1.defineComponent({
           scope: "col",
           onToggleSortOrder
         }, null, 8, ["column", "sort-enabled", "sort-order"]);
-      }), 128))])]), _cache[5] || (_cache[5] = vue$1.createTextVNode()), vue$1.createElementVNode("tbody", null, [isEmpty.value ? (vue$1.openBlock(), vue$1.createElementBlock("tr", _hoisted_4$1, [vue$1.createElementVNode("td", {
+      }), 128))])]), _cache[6] || (_cache[6] = vue$1.createTextVNode()), vue$1.createElementVNode("tbody", null, [isEmpty.value ? (vue$1.openBlock(), vue$1.createElementBlock("tr", _hoisted_5$1, [vue$1.createElementVNode("td", {
         colspan: columnCount.value,
         class: "table-ng__cell"
-      }, [vue$1.renderSlot(_ctx.$slots, "empty", {}, () => [_cache[2] || (_cache[2] = vue$1.createTextVNode(" Tabellen är tom ", -1))])], 8, _hoisted_5$1)])) : (vue$1.openBlock(true), vue$1.createElementBlock(vue$1.Fragment, {
+      }, [vue$1.renderSlot(_ctx.$slots, "empty", {}, () => [_cache[2] || (_cache[2] = vue$1.createTextVNode(" Tabellen är tom ", -1))])], 8, _hoisted_6$1)])) : (vue$1.openBlock(true), vue$1.createElementBlock(vue$1.Fragment, {
         key: 1
       }, vue$1.renderList(metaRows.value, ({
         key,
@@ -4431,14 +4456,14 @@ const _sfc_main$2 = /* @__PURE__ */ vue$1.defineComponent({
             key: 1,
             row
           }, null, 8, ["row"])) : vue$1.createCommentVNode("", true)], 64);
-        }), 128))], 64))], 8, _hoisted_6$1);
-      }), 128))]), _cache[6] || (_cache[6] = vue$1.createTextVNode()), hasFooter.value ? (vue$1.openBlock(), vue$1.createElementBlock("tfoot", _hoisted_7$1, [vue$1.createElementVNode("tr", {
+        }), 128))], 64))], 8, _hoisted_7$1);
+      }), 128))]), _cache[7] || (_cache[7] = vue$1.createTextVNode()), hasFooter.value ? (vue$1.openBlock(), vue$1.createElementBlock("tfoot", _hoisted_8, [vue$1.createElementVNode("tr", {
         class: "table-ng__row",
         "aria-rowindex": ariaRowcount.value
       }, [vue$1.createElementVNode("td", {
         colspan: columnCount.value,
         class: "table-ng__cell--custom"
-      }, [vue$1.renderSlot(_ctx.$slots, "footer")], 8, _hoisted_9)], 8, _hoisted_8)])) : vue$1.createCommentVNode("", true)], 42, _hoisted_1$1);
+      }, [vue$1.renderSlot(_ctx.$slots, "footer")], 8, _hoisted_10)], 8, _hoisted_9)])) : vue$1.createCommentVNode("", true)], 42, _hoisted_1$1);
     };
   }
 });