@fkui/vue-labs 6.39.0 → 6.41.0

package/dist/cjs/index.cjs.js

@@ -418,10 +418,10 @@ function requireSharedStore() {
   var SHARED = "__core-js_shared__";
   var store = sharedStore.exports = globalThis2[SHARED] || defineGlobalProperty2(SHARED, {});
   (store.versions || (store.versions = [])).push({
-    version: "3.48.0",
+    version: "3.49.0",
     mode: IS_PURE ? "pure" : "global",
     copyright: "© 2013–2025 Denis Pushkarev (zloirock.ru), 2025–2026 CoreJS Company (core-js.io). All rights reserved.",
-    license: "https://github.com/zloirock/core-js/blob/v3.48.0/LICENSE",
+    license: "https://github.com/zloirock/core-js/blob/v3.49.0/LICENSE",
     source: "https://github.com/zloirock/core-js"
   });
   return sharedStore.exports;
@@ -1364,15 +1364,17 @@ function requireIterate() {
     var fn = bind(unboundFunction, that);
     var iterator, iterFn, index, length, result, next, step;
     var stop = function(condition) {
-      if (iterator) iteratorClose2(iterator, "normal");
+      var $iterator = iterator;
+      iterator = void 0;
+      if ($iterator) iteratorClose2($iterator, "normal");
       return new Result(true, condition);
     };
-    var callFn = function(value) {
+    var callFn = function(value2) {
       if (AS_ENTRIES) {
-        anObject2(value);
-        return INTERRUPTED ? fn(value[0], value[1], stop) : fn(value[0], value[1]);
+        anObject2(value2);
+        return INTERRUPTED ? fn(value2[0], value2[1], stop) : fn(value2[0], value2[1]);
       }
-      return INTERRUPTED ? fn(value, stop) : fn(value);
+      return INTERRUPTED ? fn(value2, stop) : fn(value2);
     };
     if (IS_RECORD) {
       iterator = iterable.iterator;
@@ -1392,10 +1394,12 @@ function requireIterate() {
     }
     next = IS_RECORD ? iterable.next : iterator.next;
     while (!(step = call(next, iterator)).done) {
+      var value = step.value;
       try {
-        result = callFn(step.value);
+        result = callFn(value);
       } catch (error) {
-        iteratorClose2(iterator, "throw", error);
+        if (iterator) iteratorClose2(iterator, "throw", error);
+        else throw error;
       }
       if (typeof result == "object" && result && isPrototypeOf(ResultPrototype, result)) return result;
     }
@@ -1869,11 +1873,13 @@ function requireIteratorCreateProxy() {
       "return": function() {
         var state = getInternalState(this);
         var iterator = state.iterator;
+        var done = state.done;
         state.done = true;
         if (IS_ITERATOR) {
           var returnMethod = getMethod2(iterator, "return");
           return returnMethod ? call(returnMethod, iterator) : createIterResultObject2(void 0, true);
         }
+        if (done) return createIterResultObject2(void 0, true);
         if (state.inner) try {
           iteratorClose2(state.inner.iterator, NORMAL);
         } catch (error) {
@@ -1882,7 +1888,8 @@ function requireIteratorCreateProxy() {
         if (state.openIters) try {
           iteratorCloseAll2(state.openIters, NORMAL);
         } catch (error) {
-          return iteratorClose2(iterator, THROW, error);
+          if (iterator) return iteratorClose2(iterator, THROW, error);
+          throw error;
         }
         if (iterator) iteratorClose2(iterator, NORMAL);
         return createIterResultObject2(void 0, true);
@@ -2166,7 +2173,7 @@ function requireSetDifference() {
     var O = aSet2(this);
     var otherRec = getSetRecord2(other);
     var result = clone(O);
-    if (size(O) <= otherRec.size) iterateSet(O, function(e) {
+    if (size(result) <= otherRec.size) iterateSet(result, function(e) {
       if (otherRec.includes(e)) remove(result, e);
     });
     else iterateSimple2(otherRec.getIterator(), function(e) {
@@ -2355,7 +2362,7 @@ function requireSetIsDisjointFrom() {
     }, true) !== false;
     var iterator = otherRec.getIterator();
     return iterateSimple2(iterator, function(e) {
-      if (has(O, e)) return iteratorClose2(iterator, "normal", false);
+      if (has(O, e)) return iteratorClose2(iterator.iterator, "normal", false);
     }) !== false;
   };
   return setIsDisjointFrom;
@@ -2440,7 +2447,7 @@ function requireSetIsSupersetOf() {
     if (size(O) < otherRec.size) return false;
     var iterator = otherRec.getIterator();
     return iterateSimple2(iterator, function(e) {
-      if (!has(O, e)) return iteratorClose2(iterator, "normal", false);
+      if (!has(O, e)) return iteratorClose2(iterator.iterator, "normal", false);
     }) !== false;
   };
   return setIsSupersetOf;
@@ -2589,252 +2596,12 @@ function requireEs_set_union_v2() {
   return es_set_union_v2;
 }
 requireEs_set_union_v2();
-function isFTableCellApi(value) {
-  return value !== null && typeof value === "object" && Boolean(value.tabstopEl);
-}
-const tableCellApiSymbol = /* @__PURE__ */ Symbol("table:cell-api");
-const navKeys = /* @__PURE__ */ new Set(["ArrowLeft", "ArrowRight", "ArrowUp", "ArrowDown", "Home", "End"]);
-let prevCellIndex = void 0;
-function getCellTarget(tableElement, rowIndex, cellIndex) {
-  return tableElement.rows[rowIndex].cells[cellIndex];
-}
-function getTr(td) {
-  return td.parentElement;
-}
-function getTable(tr) {
-  return tr.closest("table");
-}
-function getLastRowIndex(tableElement) {
-  return tableElement.rows.length - 1;
-}
-function getLastCellIndex(tableElement) {
-  return tableElement.rows[0].cells.length - 1;
-}
-function getVerticalNavIndex(table, from, to) {
-  const target = {
-    ...to
-  };
-  const currentMax = table.rows[from.row].cells.length - 1;
-  const targetMax = table.rows[to.row].cells.length - 1;
-  if (prevCellIndex && currentMax < targetMax) {
-    target.cell = prevCellIndex;
-    prevCellIndex = void 0;
-  } else {
-    target.cell = Math.min(targetMax, from.cell);
-  }
-  if (targetMax < from.cell) {
-    prevCellIndex = from.cell;
-  }
-  return target;
-}
-function isDefined(value) {
-  return value.row !== void 0 && value.cell !== void 0;
-}
-function navigate(e, table, from, last) {
-  if (!isDefined(from) || !isDefined(last)) {
-    return;
-  }
-  if (!navKeys.has(e.code)) {
-    return;
-  }
-  e.preventDefault();
-  if (e.code === "ArrowLeft") {
-    if (from.cell === 0) {
-      return;
-    }
-    prevCellIndex = void 0;
-    return {
-      row: from.row,
-      cell: from.cell - 1
-    };
-  }
-  if (e.code === "ArrowRight") {
-    if (from.cell === last.cell) {
-      return;
-    }
-    const lastCellIndex = table.rows[from.row].cells.length - 1;
-    if (lastCellIndex <= from.cell) {
-      return;
-    }
-    prevCellIndex = void 0;
-    return {
-      row: from.row,
-      cell: from.cell + 1
-    };
-  }
-  if (e.code === "ArrowUp") {
-    if (from.row === 0) {
-      return;
-    }
-    const to = {
-      row: from.row - 1,
-      cell: from.cell
-    };
-    return getVerticalNavIndex(table, from, to);
-  }
-  if (e.code === "ArrowDown") {
-    if (from.row === last.row) {
-      return;
-    }
-    const to = {
-      row: from.row + 1,
-      cell: from.cell
-    };
-    return getVerticalNavIndex(table, from, to);
-  }
-  if (e.code === "Home") {
-    if (e.ctrlKey) {
-      return {
-        row: 1,
-        cell: 0
-      };
-    } else {
-      return {
-        row: from.row,
-        cell: 0
-      };
-    }
-  }
-  if (e.code === "End") {
-    if (e.ctrlKey) {
-      return {
-        row: last.row,
-        cell: table.rows[last.row].cells.length - 1
-      };
-    } else {
-      return {
-        row: from.row,
-        cell: table.rows[from.row].cells.length - 1
-      };
-    }
-  }
-}
-function getCell(element) {
-  const closest = element.closest("td, th");
-  if (!closest) {
-    throw new Error("expected th or td parent");
-  }
-  return closest;
-}
-async function setDefaultCellTarget(table) {
-  await vue.nextTick();
-  const target = getCellTarget(table, 1, 0);
-  activateCell(target, {
-    focus: false
-  });
-  return target;
-}
-function maybeNavigateToCell(e) {
-  let newCellTarget = e.target;
-  const cell = getCell(e.target);
-  const tr = getTr(cell);
-  const table = getTable(tr);
-  const fromIndex = {
-    row: tr.rowIndex,
-    cell: cell.cellIndex
-  };
-  const lastIndex = {
-    row: getLastRowIndex(table),
-    cell: getLastCellIndex(table)
-  };
-  const navigateTo = navigate(e, table, fromIndex, lastIndex);
-  if (navigateTo) {
-    newCellTarget = getCellTarget(table, navigateTo.row, navigateTo.cell);
-    activateCell(newCellTarget, {
-      focus: true
-    });
-  }
-}
-function activateCell(element, options) {
-  var _toValue;
-  const api = element[tableCellApiSymbol];
-  const targetEl = (_toValue = vue.toValue(api?.tabstopEl)) !== null && _toValue !== void 0 ? _toValue : element;
-  targetEl.tabIndex = 0;
-  if (options?.focus) {
-    targetEl.focus();
-  }
-  return targetEl;
-}
-function stopEdit(element, reason) {
-  const td = getCell(element);
-  const tr = getTr(td);
-  const table = getTable(tr);
-  const rowIndex = tr.rowIndex;
-  const cellIndex = td.cellIndex;
-  const lastRowIndex = getLastRowIndex(table);
-  const lastCellIndex = getLastCellIndex(table);
-  let newCellTarget = td;
-  switch (reason) {
-    case "enter": {
-      const nextRowIndex = rowIndex + 1;
-      const hasFooter = Boolean(table.tFoot);
-      const isLastRow = rowIndex === lastRowIndex;
-      const footerNext = hasFooter && nextRowIndex === lastRowIndex;
-      if (!isLastRow && !footerNext) {
-        newCellTarget = getCellTarget(table, nextRowIndex, cellIndex);
-        activateCell(newCellTarget, {
-          focus: true
-        });
-      } else {
-        activateCell(newCellTarget, {
-          focus: true
-        });
-      }
-      return newCellTarget;
-    }
-    case "escape": {
-      activateCell(newCellTarget, {
-        focus: true
-      });
-      return newCellTarget;
-    }
-    case "tab": {
-      if (cellIndex === lastCellIndex && rowIndex === lastRowIndex) {
-        activateCell(newCellTarget, {
-          focus: true
-        });
-      } else if (cellIndex === lastCellIndex) {
-        newCellTarget = getCellTarget(table, rowIndex + 1, 0);
-        activateCell(newCellTarget, {
-          focus: true
-        });
-      } else {
-        newCellTarget = getCellTarget(table, rowIndex, cellIndex + 1);
-        activateCell(newCellTarget, {
-          focus: true
-        });
-      }
-      return newCellTarget;
-    }
-    case "shift-tab": {
-      if (cellIndex === 0 && rowIndex === 1) {
-        activateCell(newCellTarget, {
-          focus: true
-        });
-      } else if (cellIndex === 0) {
-        newCellTarget = getCellTarget(table, rowIndex - 1, 0);
-        activateCell(newCellTarget, {
-          focus: true
-        });
-      } else {
-        newCellTarget = getCellTarget(table, rowIndex, cellIndex - 1);
-        activateCell(newCellTarget, {
-          focus: true
-        });
-      }
-      return newCellTarget;
-    }
-    case "blur": {
-      return newCellTarget;
-    }
-  }
-}
 const _hoisted_1$e = {
   key: 0,
   class: "table-ng__cell table-ng__cell--expand"
 };
 const _hoisted_2$9 = ["aria-label", "aria-expanded"];
-const _hoisted_3$6 = {
+const _hoisted_3$4 = {
   key: 1,
   ref: "expandable",
   tabindex: "-1",
@@ -2880,7 +2647,7 @@ const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
       }, [vue.createVNode(vue.unref(vue$1.FIcon), {
         class: "button__icon",
         name: toggleIcon.value
-      }, null, 8, ["name"])], 8, _hoisted_2$9)])) : (vue.openBlock(), vue.createElementBlock("td", _hoisted_3$6, null, 512));
+      }, null, 8, ["name"])], 8, _hoisted_2$9)])) : (vue.openBlock(), vue.createElementBlock("td", _hoisted_3$4, null, 512));
     };
   }
 });
@@ -2900,7 +2667,56 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const baseTypes = ["anchor", "button", "checkbox", "radio", "render", "rowheader", "select"];
+var es_array_includes = {};
+var addToUnscopables;
+var hasRequiredAddToUnscopables;
+function requireAddToUnscopables() {
+  if (hasRequiredAddToUnscopables) return addToUnscopables;
+  hasRequiredAddToUnscopables = 1;
+  var wellKnownSymbol2 = requireWellKnownSymbol();
+  var create = requireObjectCreate();
+  var defineProperty = requireObjectDefineProperty().f;
+  var UNSCOPABLES = wellKnownSymbol2("unscopables");
+  var ArrayPrototype = Array.prototype;
+  if (ArrayPrototype[UNSCOPABLES] === void 0) {
+    defineProperty(ArrayPrototype, UNSCOPABLES, {
+      configurable: true,
+      value: create(null)
+    });
+  }
+  addToUnscopables = function(key) {
+    ArrayPrototype[UNSCOPABLES][key] = true;
+  };
+  return addToUnscopables;
+}
+var hasRequiredEs_array_includes;
+function requireEs_array_includes() {
+  if (hasRequiredEs_array_includes) return es_array_includes;
+  hasRequiredEs_array_includes = 1;
+  var $ = require_export();
+  var $includes = requireArrayIncludes().includes;
+  var fails2 = requireFails();
+  var addToUnscopables2 = requireAddToUnscopables();
+  var BROKEN_ON_SPARSE = fails2(function() {
+    return !Array(1).includes();
+  });
+  var BROKEN_ON_SPARSE_WITH_FROM_INDEX = fails2(function() {
+    return [, 1].includes(void 0, 1);
+  });
+  $({
+    target: "Array",
+    proto: true,
+    forced: BROKEN_ON_SPARSE || BROKEN_ON_SPARSE_WITH_FROM_INDEX
+  }, {
+    includes: function includes(el) {
+      return $includes(this, el, arguments.length > 1 ? arguments[1] : void 0);
+    }
+  });
+  addToUnscopables2("includes");
+  return es_array_includes;
+}
+requireEs_array_includes();
+const baseTypes = ["anchor", "button", "checkbox", "render", "rowheader", "select"];
 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) {
@@ -3177,7 +2993,7 @@ const inputFieldConfig = {
     }
   }
 };
-const _hoisted_1$c = ["aria-sort"];
+const _hoisted_1$c = ["aria-sort", "onKeydown"];
 const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
   __name: "ITableHeader",
   props: {
@@ -3241,19 +3057,13 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
       }
       emit("toggleSortOrder", String(__props.column.sortable));
     }
-    function onKeydownCell(e) {
-      if (e.key === "Enter") {
-        e.preventDefault();
-        onClickCell();
-      }
-    }
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("th", {
         ref: "th",
         "aria-sort": sortValue.value,
         class: vue.normalizeClass(columnClasses.value),
         tabindex: "-1",
-        onKeydown: onKeydownCell,
+        onKeydown: vue.withKeys(vue.withModifiers(onClickCell, ["prevent"]), ["enter", "space"]),
         onClick: vue.withModifiers(onClickCell, ["stop"])
       }, [vue.createVNode(vue.unref(vue$1.IFlex), {
         gap: "1x",
@@ -3340,17 +3150,9 @@ const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const _hoisted_1$a = {
-  key: 0,
   class: "table-ng__cell table-ng__cell--checkbox"
 };
 const _hoisted_2$7 = ["checked", "aria-label"];
-const _hoisted_3$5 = {
-  key: 1,
-  ref: "target",
-  tabindex: "-1",
-  class: "table-ng__cell table-ng__cell--checkbox"
-};
-const _hoisted_4$4 = ["checked", "aria-label"];
 const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
   __name: "ITableCheckbox",
   props: {
@@ -3374,18 +3176,14 @@ const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
     };
     __expose(expose);
     return (_ctx, _cache) => {
-      return __props.column.editable(__props.row) ? (vue.openBlock(), vue.createElementBlock("td", _hoisted_1$a, [vue.createElementVNode("input", {
+      return vue.openBlock(), vue.createElementBlock("td", _hoisted_1$a, [vue.createElementVNode("input", {
         ref: "target",
         checked: Boolean(__props.column.checked(__props.row)),
         type: "checkbox",
         "aria-label": ariaLabel.value,
         tabindex: "-1",
         onChange
-      }, null, 40, _hoisted_2$7)])) : (vue.openBlock(), vue.createElementBlock("td", _hoisted_3$5, [vue.createElementVNode("input", {
-        checked: Boolean(__props.column.checked(__props.row)),
-        type: "checkbox",
-        "aria-label": ariaLabel.value
-      }, null, 8, _hoisted_4$4)], 512));
+      }, null, 40, _hoisted_2$7)]);
     };
   }
 });
@@ -3474,9 +3272,6 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
       checked() {
         return __props.state;
       },
-      editable() {
-        return true;
-      },
       update() {
         emit("toggle", __props.row);
       },
@@ -3518,6 +3313,249 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
+function isFTableCellApi(value) {
+  return value !== null && typeof value === "object" && Boolean(value.tabstopEl);
+}
+const tableCellApiSymbol = /* @__PURE__ */ Symbol("table:cell-api");
+const navKeys = /* @__PURE__ */ new Set(["ArrowLeft", "ArrowRight", "ArrowUp", "ArrowDown", "Home", "End"]);
+let prevCellIndex = void 0;
+function getCellTarget(tableElement, rowIndex, cellIndex) {
+  return tableElement.rows[rowIndex].cells[cellIndex];
+}
+function getTr(td) {
+  return td.parentElement;
+}
+function getTable(tr) {
+  return tr.closest("table");
+}
+function getLastRowIndex(tableElement) {
+  return tableElement.rows.length - 1;
+}
+function getLastCellIndex(tableElement) {
+  return tableElement.rows[0].cells.length - 1;
+}
+function getVerticalNavIndex(table, from, to) {
+  const target = {
+    ...to
+  };
+  const currentMax = table.rows[from.row].cells.length - 1;
+  const targetMax = table.rows[to.row].cells.length - 1;
+  if (prevCellIndex && currentMax < targetMax) {
+    target.cell = prevCellIndex;
+    prevCellIndex = void 0;
+  } else {
+    target.cell = Math.min(targetMax, from.cell);
+  }
+  if (targetMax < from.cell) {
+    prevCellIndex = from.cell;
+  }
+  return target;
+}
+function isDefined(value) {
+  return value.row !== void 0 && value.cell !== void 0;
+}
+function navigate(e, table, from, last) {
+  if (!isDefined(from) || !isDefined(last)) {
+    return;
+  }
+  if (!navKeys.has(e.code)) {
+    return;
+  }
+  e.preventDefault();
+  if (e.code === "ArrowLeft") {
+    if (from.cell === 0) {
+      return;
+    }
+    prevCellIndex = void 0;
+    return {
+      row: from.row,
+      cell: from.cell - 1
+    };
+  }
+  if (e.code === "ArrowRight") {
+    if (from.cell === last.cell) {
+      return;
+    }
+    const lastCellIndex = table.rows[from.row].cells.length - 1;
+    if (lastCellIndex <= from.cell) {
+      return;
+    }
+    prevCellIndex = void 0;
+    return {
+      row: from.row,
+      cell: from.cell + 1
+    };
+  }
+  if (e.code === "ArrowUp") {
+    if (from.row === 0) {
+      return;
+    }
+    const to = {
+      row: from.row - 1,
+      cell: from.cell
+    };
+    return getVerticalNavIndex(table, from, to);
+  }
+  if (e.code === "ArrowDown") {
+    if (from.row === last.row) {
+      return;
+    }
+    const to = {
+      row: from.row + 1,
+      cell: from.cell
+    };
+    return getVerticalNavIndex(table, from, to);
+  }
+  if (e.code === "Home") {
+    if (e.ctrlKey) {
+      return {
+        row: 1,
+        cell: 0
+      };
+    } else {
+      return {
+        row: from.row,
+        cell: 0
+      };
+    }
+  }
+  if (e.code === "End") {
+    if (e.ctrlKey) {
+      return {
+        row: last.row,
+        cell: table.rows[last.row].cells.length - 1
+      };
+    } else {
+      return {
+        row: from.row,
+        cell: table.rows[from.row].cells.length - 1
+      };
+    }
+  }
+}
+function getCell(element) {
+  const closest = element.closest("td, th");
+  if (!closest) {
+    throw new Error("expected th or td parent");
+  }
+  return closest;
+}
+async function setDefaultCellTarget(table) {
+  await vue.nextTick();
+  if (!table.tHead) {
+    return null;
+  }
+  const target = getCellTarget(table, 1, 0);
+  activateCell(target, {
+    focus: false
+  });
+  return target;
+}
+function maybeNavigateToCell(e) {
+  let newCellTarget = e.target;
+  const cell = getCell(e.target);
+  const tr = getTr(cell);
+  const table = getTable(tr);
+  const fromIndex = {
+    row: tr.rowIndex,
+    cell: cell.cellIndex
+  };
+  const lastIndex = {
+    row: getLastRowIndex(table),
+    cell: getLastCellIndex(table)
+  };
+  const navigateTo = navigate(e, table, fromIndex, lastIndex);
+  if (navigateTo) {
+    newCellTarget = getCellTarget(table, navigateTo.row, navigateTo.cell);
+    activateCell(newCellTarget, {
+      focus: true
+    });
+  }
+}
+function activateCell(element, options) {
+  var _toValue;
+  const api = element[tableCellApiSymbol];
+  const targetEl = (_toValue = vue.toValue(api?.tabstopEl)) !== null && _toValue !== void 0 ? _toValue : element;
+  targetEl.tabIndex = 0;
+  if (options?.focus) {
+    targetEl.focus();
+  }
+  return targetEl;
+}
+function stopEdit(element, reason) {
+  const td = getCell(element);
+  const tr = getTr(td);
+  const table = getTable(tr);
+  const rowIndex = tr.rowIndex;
+  const cellIndex = td.cellIndex;
+  const lastRowIndex = getLastRowIndex(table);
+  const lastCellIndex = getLastCellIndex(table);
+  let newCellTarget = td;
+  switch (reason) {
+    case "enter": {
+      const nextRowIndex = rowIndex + 1;
+      const hasFooter = Boolean(table.tFoot);
+      const isLastRow = rowIndex === lastRowIndex;
+      const footerNext = hasFooter && nextRowIndex === lastRowIndex;
+      if (!isLastRow && !footerNext) {
+        newCellTarget = getCellTarget(table, nextRowIndex, cellIndex);
+        activateCell(newCellTarget, {
+          focus: true
+        });
+      } else {
+        activateCell(newCellTarget, {
+          focus: true
+        });
+      }
+      return newCellTarget;
+    }
+    case "escape": {
+      activateCell(newCellTarget, {
+        focus: true
+      });
+      return newCellTarget;
+    }
+    case "tab": {
+      if (cellIndex === lastCellIndex && rowIndex === lastRowIndex) {
+        activateCell(newCellTarget, {
+          focus: true
+        });
+      } else if (cellIndex === lastCellIndex) {
+        newCellTarget = getCellTarget(table, rowIndex + 1, 0);
+        activateCell(newCellTarget, {
+          focus: true
+        });
+      } else {
+        newCellTarget = getCellTarget(table, rowIndex, cellIndex + 1);
+        activateCell(newCellTarget, {
+          focus: true
+        });
+      }
+      return newCellTarget;
+    }
+    case "shift-tab": {
+      if (cellIndex === 0 && rowIndex === 1) {
+        activateCell(newCellTarget, {
+          focus: true
+        });
+      } else if (cellIndex === 0) {
+        newCellTarget = getCellTarget(table, rowIndex - 1, 0);
+        activateCell(newCellTarget, {
+          focus: true
+        });
+      } else {
+        newCellTarget = getCellTarget(table, rowIndex, cellIndex - 1);
+        activateCell(newCellTarget, {
+          focus: true
+        });
+      }
+      return newCellTarget;
+    }
+    case "blur": {
+      return newCellTarget;
+    }
+  }
+}
 function walk(array, childKey, visit, level = 1) {
   for (const item of array) {
     const visitChildren = visit(item, level);
@@ -3583,7 +3621,7 @@ function requireDoesNotExceedSafeInteger() {
   var $TypeError = TypeError;
   var MAX_SAFE_INTEGER = 9007199254740991;
   doesNotExceedSafeInteger = function(it) {
-    if (it > MAX_SAFE_INTEGER) throw $TypeError("Maximum allowed index exceeded");
+    if (it > MAX_SAFE_INTEGER) throw new $TypeError("Maximum allowed index exceeded");
     return it;
   };
   return doesNotExceedSafeInteger;
@@ -3719,12 +3757,8 @@ function requireEs_iterator_map() {
   return es_iterator_map;
 }
 requireEs_iterator_map();
-const _hoisted_1$7 = {
-  key: 0,
-  class: "table-ng__cell table-ng__cell--anchor"
-};
-const _hoisted_2$5 = ["href"];
-const _hoisted_3$4 = {
+const _hoisted_1$7 = ["href"];
+const _hoisted_2$5 = {
   key: 1,
   ref: "target",
   tabindex: "-1",
@@ -3745,13 +3779,18 @@ const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
     };
     __expose(expose);
     return (_ctx, _cache) => {
-      return __props.column.text(__props.row) ? (vue.openBlock(), vue.createElementBlock("td", _hoisted_1$7, [vue.createElementVNode("a", {
+      return __props.column.text(__props.row) ? (vue.openBlock(), vue.createElementBlock("td", {
+        key: 0,
+        class: "table-ng__cell table-ng__cell--anchor",
+        onKeydown: _cache[0] || (_cache[0] = vue.withKeys(vue.withModifiers(() => {
+        }, ["prevent"]), ["space"]))
+      }, [vue.createElementVNode("a", {
         ref: "target",
         class: "anchor anchor--block",
         target: "_blank",
         href: __props.column.href,
         tabindex: "-1"
-      }, vue.toDisplayString(__props.column.text(__props.row)), 9, _hoisted_2$5)])) : (vue.openBlock(), vue.createElementBlock("td", _hoisted_3$4, null, 512));
+      }, vue.toDisplayString(__props.column.text(__props.row)), 9, _hoisted_1$7)], 32)) : (vue.openBlock(), vue.createElementBlock("td", _hoisted_2$5, null, 512));
     };
   }
 });
@@ -3972,7 +4011,7 @@ const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
     const activeOptionId = logic.ElementIdService.generateElementId();
     const activeOption = vue.ref(null);
     async function onCellKeyDown(e) {
-      if (e.code === "Enter" || e.code === "NumpadEnter") {
+      if (e.code === "Enter" || e.code === "NumpadEnter" || e.code === "Space") {
         await startEditing(e);
       }
     }
@@ -4216,6 +4255,9 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
     const hasError = vue.computed(() => validity.value.validityMode === "ERROR");
     const viewModeAriaInvalid = vue.computed(() => !inEdit.value && hasError.value ? true : void 0);
     const viewModeErrorMessage = vue.computed(() => !inEdit.value && hasError.value ? validity.value.validationMessage : void 0);
+    let initialValidity = {
+      ...validity.value
+    };
     const divClasses = vue.computed(() => {
       return {
         "table-ng__editable": true,
@@ -4297,22 +4339,38 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
     }
     function setUpFakeValidation(el) {
       logic.assertRef(inputElement);
+      const input = inputElement.value;
+      function emitFakeValidity(nativeEvent) {
+        const fakeEvent = new CustomEvent("validity", {
+          detail: {
+            isValid: true,
+            nativeEvent,
+            validityMode: "INITIAL",
+            validationMessage: "",
+            target: input,
+            elementId: String(input.id)
+          }
+        });
+        onValidity(fakeEvent);
+      }
       const nativeEvents = ["change", "blur"];
       for (const nativeEvent of nativeEvents) {
         core.useEventListener(el, nativeEvent, () => {
-          const fakeEvent = new CustomEvent("validity", {
-            detail: {
-              isValid: true,
-              nativeEvent,
-              validityMode: "INITIAL",
-              validationMessage: "",
-              target: inputElement.value,
-              elementId: String(inputElement.value.id)
-            }
-          });
-          onValidity(fakeEvent);
+          emitFakeValidity(nativeEvent);
         });
       }
+      validationFacade = {
+        validateElement: () => {
+          emitFakeValidity("validate");
+          return Promise.resolve({
+            isValid: true,
+            error: "",
+            isSubmitted: false,
+            isTouched: false
+          });
+        },
+        dispatchComponentValidityEvent: () => void 0
+      };
       core.useEventListener(el, "input", onPendingValidity);
       core.useEventListener(el, "component-validity", (e) => {
         e.stopPropagation();
@@ -4363,6 +4421,9 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
         width
       } = tdElement.value.getBoundingClientRect();
       initialViewValue = viewValue.value;
+      initialValidity = {
+        ...validity.value
+      };
       viewValue.value = value;
       tdElement.value.style.setProperty("width", `${String(width)}px`);
       inputElement.value.tabIndex = 0;
@@ -4377,6 +4438,9 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
       inputElement.value.tabIndex = -1;
       logic.assertRef(tdElement);
       tdElement.value.style.removeProperty("width");
+      if (reason === "blur") {
+        tdElement.value.tabIndex = 0;
+      }
       void stopEdit2(inputElement.value, reason);
     }
     function fromColumnValue() {
@@ -4425,11 +4489,15 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
       switch (event.key) {
         case "Enter": {
           if (viewValue.value === initialViewValue) {
+            validity.value = {
+              ...initialValidity
+            };
             onStopEdit({
               reason: "enter"
             });
           } else {
             pendingStopEditReason = "enter";
+            void validationFacade.validateElement(inputElement.value);
           }
           break;
         }
@@ -4511,7 +4579,7 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
         onKeydown
       }, [vue.createElementVNode("div", {
         class: vue.normalizeClass(divClasses.value)
-      }, [vue.createElementVNode("span", _hoisted_2$2, vue.toDisplayString(fromColumnValue()), 1), _cache[1] || (_cache[1] = vue.createTextVNode()), viewModeErrorMessage.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$2, vue.toDisplayString(viewModeErrorMessage.value), 1)) : vue.createCommentVNode("", true), _cache[2] || (_cache[2] = vue.createTextVNode()), vue.withDirectives(vue.createElementVNode("input", vue.mergeProps({
+      }, [vue.createElementVNode("span", _hoisted_2$2, vue.toDisplayString(fromColumnValue()), 1), _cache[2] || (_cache[2] = vue.createTextVNode()), viewModeErrorMessage.value ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$2, vue.toDisplayString(viewModeErrorMessage.value), 1)) : vue.createCommentVNode("", true), _cache[3] || (_cache[3] = vue.createTextVNode()), vue.withDirectives(vue.createElementVNode("input", vue.mergeProps({
         id: vue.unref(inputId),
         ref: "input",
         "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => viewValue.value = $event),
@@ -4527,7 +4595,7 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
         "aria-hidden": !inEdit.value,
         onValidity,
         onPendingValidity
-      }), null, 16, _hoisted_4$2), [[vue.vModelText, viewValue.value]])], 2), _cache[3] || (_cache[3] = vue.createTextVNode()), vue.createVNode(vue.unref(vue$1.IPopupError), {
+      }), null, 16, _hoisted_4$2), [[vue.vModelText, viewValue.value]])], 2), _cache[4] || (_cache[4] = vue.createTextVNode()), vue.createVNode(vue.unref(vue$1.IPopupError), {
         anchor: tdElement.value,
         "is-open": openPopupError.value,
         "error-message": validity.value.validationMessage,
@@ -4537,57 +4605,57 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
         key: 1,
         ref: "td",
         tabindex: "-1",
-        class: vue.normalizeClass(staticClasses.value)
-      }, vue.toDisplayString(fromColumnValue()), 3));
+        class: vue.normalizeClass(staticClasses.value),
+        onKeydown: _cache[1] || (_cache[1] = vue.withKeys(vue.withModifiers(() => {
+        }, ["prevent"]), ["space"]))
+      }, vue.toDisplayString(fromColumnValue()), 35));
     };
   }
 });
 function normalizeAnchorColumn(column) {
-  var _column$key;
   return {
     type: "anchor",
     text: getValueFn(column.text, column.key, String, ""),
-    href: column.href,
-    sortable: (_column$key = column.key) !== null && _column$key !== void 0 ? _column$key : null
+    href: column.href
   };
 }
+function getSortable(column) {
+  var _column$sort, _column$key;
+  const shouldSort = (_column$sort = column.sort) !== null && _column$sort !== void 0 ? _column$sort : !!column.key;
+  return shouldSort ? (_column$key = column.key) !== null && _column$key !== void 0 ? _column$key : null : null;
+}
 function normalizeBaseColumn(column) {
   var _column$enabled;
   const id = /* @__PURE__ */ Symbol();
   const header = vue.toRef(column.header);
   const description = column.description !== void 0 ? vue.toRef(column.description) : vue.ref("");
   const size = column.size !== void 0 ? vue.toRef(column.size) : vue.ref("grow");
+  const sortable = getSortable(column);
   return {
     id,
     header,
     description,
+    sortable,
     size,
     enabled: (_column$enabled = column.enabled) !== null && _column$enabled !== void 0 ? _column$enabled : true
   };
 }
 function normalizeButtonColumn(column) {
-  var _column$icon, _column$key;
+  var _column$icon;
   return {
     type: "button",
     text: getValueFn(column.text, column.key, String, ""),
     onClick: column.onClick,
     icon: (_column$icon = column.icon) !== null && _column$icon !== void 0 ? _column$icon : null,
-    iconLibrary: column.iconLibrary,
-    sortable: (_column$key = column.key) !== null && _column$key !== void 0 ? _column$key : null
+    iconLibrary: column.iconLibrary
   };
 }
 function normalizeCheckboxColumn(column) {
-  var _column$key;
   return {
     type: "checkbox",
     label: getLabelFn(column.label),
     checked: getValueFn(column.checked, column.key, Boolean, false),
-    update: getUpdateFn(column.update, column.key),
-    editable: typeof column.editable === "function" ? column.editable : () => {
-      var _column$editable;
-      return Boolean((_column$editable = column.editable) !== null && _column$editable !== void 0 ? _column$editable : false);
-    },
-    sortable: (_column$key = column.key) !== null && _column$key !== void 0 ? _column$key : null
+    update: getUpdateFn(column.update, column.key)
   };
 }
 function noop() {
@@ -4597,7 +4665,6 @@ function normalizeMenuColumn(column) {
   return {
     type: "menu",
     text: getValueFn(column.text, void 0, String, ""),
-    sortable: null,
     actions: ((_column$actions = column.actions) !== null && _column$actions !== void 0 ? _column$actions : []).map((it) => {
       var _it$icon, _it$onClick;
       return {
@@ -4609,7 +4676,7 @@ function normalizeMenuColumn(column) {
   };
 }
 function normalizeNumberColumn(column) {
-  var _column$parser, _column$formatter, _column$tnum, _column$align, _column$validation, _column$key;
+  var _column$parser, _column$formatter, _column$tnum, _column$align, _column$validation;
   const type = column.type;
   const config = inputFieldConfig[type];
   const parser = (_column$parser = column.parser) !== null && _column$parser !== void 0 ? _column$parser : config.parser.bind(column);
@@ -4630,21 +4697,10 @@ function normalizeNumberColumn(column) {
     },
     validation: (_column$validation = column.validation) !== null && _column$validation !== void 0 ? _column$validation : {},
     hasValidation: column.type.startsWith("text:") || Boolean(column.validation),
-    sortable: (_column$key = column.key) !== null && _column$key !== void 0 ? _column$key : null,
     formatter,
     parser
   };
 }
-function normalizeRadioColumn(column) {
-  var _column$key;
-  return {
-    type: "radio",
-    label: getLabelFn(column.label),
-    checked: getValueFn(column.checked, column.key, Boolean, false),
-    update: getUpdateFn(column.update, column.key),
-    sortable: (_column$key = column.key) !== null && _column$key !== void 0 ? _column$key : null
-  };
-}
 function normalizeRenderColumn(column) {
   return {
     type: void 0,
@@ -4653,15 +4709,12 @@ function normalizeRenderColumn(column) {
   };
 }
 function normalizeRowHeaderColumn(column) {
-  var _column$key;
   return {
     type: "rowheader",
-    text: getValueFn(column.text, column.key, String, ""),
-    sortable: (_column$key = column.key) !== null && _column$key !== void 0 ? _column$key : null
+    text: getValueFn(column.text, column.key, String, "")
   };
 }
 function normalizeSelectColumn(column) {
-  var _column$key;
   return {
     type: "select",
     label: getLabelFn(column.label),
@@ -4671,12 +4724,10 @@ function normalizeSelectColumn(column) {
       var _column$editable;
       return Boolean((_column$editable = column.editable) !== null && _column$editable !== void 0 ? _column$editable : false);
     },
-    options: column.options,
-    sortable: (_column$key = column.key) !== null && _column$key !== void 0 ? _column$key : null
+    options: column.options
   };
 }
 function normalizeSimpleColumn(column) {
-  var _column$key;
   return {
     type: "text",
     label: () => "",
@@ -4686,7 +4737,6 @@ function normalizeSimpleColumn(column) {
     update() {
     },
     editable: () => false,
-    sortable: (_column$key = column.key) !== null && _column$key !== void 0 ? _column$key : null,
     validation: {},
     hasValidation: false,
     formatter: (value) => value,
@@ -4694,7 +4744,7 @@ function normalizeSimpleColumn(column) {
   };
 }
 function normalizeTextColumn(column) {
-  var _column$parser, _column$formatter, _column$tnum, _column$align, _column$validation, _column$key;
+  var _column$parser, _column$formatter, _column$tnum, _column$align, _column$validation;
   const type = column.type;
   const config = inputFieldConfig[type];
   const parser = (_column$parser = column.parser) !== null && _column$parser !== void 0 ? _column$parser : config.parser;
@@ -4713,7 +4763,6 @@ function normalizeTextColumn(column) {
     },
     validation: (_column$validation = column.validation) !== null && _column$validation !== void 0 ? _column$validation : {},
     hasValidation: column.type.startsWith("text:") || Boolean(column.validation),
-    sortable: (_column$key = column.key) !== null && _column$key !== void 0 ? _column$key : null,
     formatter,
     parser
   };
@@ -4721,32 +4770,26 @@ function normalizeTextColumn(column) {
 function normalizeTableColumn(column) {
   const base = normalizeBaseColumn(column);
   if ("render" in column) {
-    return {
+    return Object.freeze({
       ...normalizeRenderColumn(column),
       ...base
-    };
+    });
   }
   switch (column.type) {
     case "checkbox":
-      return {
+      return Object.freeze({
         ...normalizeCheckboxColumn(column),
         ...base,
         component: _sfc_main$c
-      };
-    case "radio":
-      return {
-        ...normalizeRadioColumn(column),
-        ...base,
-        component: _sfc_main$b
-      };
+      });
     case "text:currency":
     case "text:number":
     case "text:percent":
-      return {
+      return Object.freeze({
         ...normalizeNumberColumn(column),
         ...base,
         component: _sfc_main$4
-      };
+      });
     case "text":
     case "text:bankAccountNumber":
     case "text:bankgiro":
@@ -4758,47 +4801,47 @@ function normalizeTableColumn(column) {
     case "text:phoneNumber":
     case "text:plusgiro":
     case "text:postalCode":
-      return {
+      return Object.freeze({
         ...normalizeTextColumn(column),
         ...base,
         component: _sfc_main$4
-      };
+      });
     case "rowheader":
-      return {
+      return Object.freeze({
         ...normalizeRowHeaderColumn(column),
         ...base,
         component: _sfc_main$6
-      };
+      });
     case "anchor":
-      return {
+      return Object.freeze({
         ...normalizeAnchorColumn(column),
         ...base,
         component: _sfc_main$9
-      };
+      });
     case "button":
-      return {
+      return Object.freeze({
         ...normalizeButtonColumn(column),
         ...base,
         component: _sfc_main$8
-      };
+      });
     case "select":
-      return {
+      return Object.freeze({
         ...normalizeSelectColumn(column),
         ...base,
         component: _sfc_main$5
-      };
+      });
     case "menu":
-      return {
+      return Object.freeze({
         ...normalizeMenuColumn(column),
         ...base,
         component: _sfc_main$7
-      };
+      });
     case void 0:
-      return {
+      return Object.freeze({
         ...normalizeSimpleColumn(column),
         ...base,
         component: _sfc_main$4
-      };
+      });
   }
 }
 function defineTableColumns(columns) {
@@ -4819,16 +4862,11 @@ function usePopupError() {
       anchor,
       arrowAnchor,
       hasFocus,
-      hasHover,
-      inEdit
+      hasHover
     } = popupError;
     if (!anchor || !arrowAnchor) {
       return;
     }
-    if (inEdit) {
-      onClosePopupError(popupError);
-      return;
-    }
     if (hasFocus || hasHover) {
       await open(popupError);
     } else {
@@ -4901,27 +4939,6 @@ function requireGetBuiltInPrototypeMethod() {
   };
   return getBuiltInPrototypeMethod;
 }
-var addToUnscopables;
-var hasRequiredAddToUnscopables;
-function requireAddToUnscopables() {
-  if (hasRequiredAddToUnscopables) return addToUnscopables;
-  hasRequiredAddToUnscopables = 1;
-  var wellKnownSymbol2 = requireWellKnownSymbol();
-  var create = requireObjectCreate();
-  var defineProperty = requireObjectDefineProperty().f;
-  var UNSCOPABLES = wellKnownSymbol2("unscopables");
-  var ArrayPrototype = Array.prototype;
-  if (ArrayPrototype[UNSCOPABLES] === void 0) {
-    defineProperty(ArrayPrototype, UNSCOPABLES, {
-      configurable: true,
-      value: create(null)
-    });
-  }
-  addToUnscopables = function(key) {
-    ArrayPrototype[UNSCOPABLES][key] = true;
-  };
-  return addToUnscopables;
-}
 var hasRequiredEs_array_toSorted;
 function requireEs_array_toSorted() {
   if (hasRequiredEs_array_toSorted) return es_array_toSorted;
@@ -5070,8 +5087,8 @@ function useSelectable(options) {
   };
 }
 function matching(needle) {
-  const id = vue$1.getItemIdentifier(needle);
-  return (item) => vue$1.getItemIdentifier(item) === id;
+  const id = vue$1.getItemIdentifier(needle.row);
+  return (item) => vue$1.getItemIdentifier(item.row) === id;
 }
 function useTabstop(tableRef, metaRows) {
   let pendingRowRemoval = false;
@@ -5202,26 +5219,32 @@ const _hoisted_2$1 = {
   "data-test": "caption"
 };
 const _hoisted_3$1 = {
+  key: 1
+};
+const _hoisted_4$1 = {
   class: "table-ng__row",
   "aria-rowindex": "1"
 };
-const _hoisted_4$1 = {
+const _hoisted_5$1 = {
   key: 0,
   scope: "col",
   tabindex: "-1",
   class: "table-ng__column"
 };
-const _hoisted_5$1 = {
+const _hoisted_6$1 = {
+  key: 2
+};
+const _hoisted_7$1 = {
   key: 0,
   class: "table-ng__row--empty"
 };
-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 = ["colspan"];
+const _hoisted_9 = ["aria-level", "aria-rowindex", "aria-setsize", "aria-posinset", "aria-selected"];
+const _hoisted_10 = {
+  key: 3
 };
-const _hoisted_9 = ["aria-rowindex"];
-const _hoisted_10 = ["colspan"];
+const _hoisted_11 = ["aria-rowindex"];
+const _hoisted_12 = ["colspan"];
 const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
   __name: "FTable",
   props: /* @__PURE__ */ vue.mergeModels({
@@ -5233,6 +5256,10 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
     expandableAttribute: {
       default: () => void 0
     },
+    rowClass: {
+      type: Function,
+      default: void 0
+    },
     striped: {
       type: Boolean
     },
@@ -5272,20 +5299,35 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
       return metaRows.value.length === 0;
     });
     const ariaRowcount = vue.computed(() => {
-      const headerRow = 1;
       const footerRow = hasFooter.value ? 1 : 0;
-      return getBodyRowCount(keyedRows.value, __props.expandableAttribute) + headerRow + footerRow;
+      if (!hasColumns.value) {
+        return footerRow;
+      }
+      const headerRow = 1;
+      const bodyRows = getBodyRowCount(keyedRows.value, __props.expandableAttribute);
+      return bodyRows + headerRow + footerRow;
+    });
+    const fullColspan = vue.computed(() => {
+      if (!hasColumns.value) {
+        return 0;
+      }
+      let count = columns.value.length;
+      if (isTreegrid.value) {
+        count += 1;
+      }
+      if (__props.selectable) {
+        count += 1;
+      }
+      return count;
     });
-    const columnCount = vue.computed(() => {
-      const expandCol = isTreegrid.value ? 1 : 0;
-      const selectCol = __props.selectable ? 1 : 0;
-      const count = columns.value.length + expandCol + selectCol;
-      return Math.max(1, count);
+    const expandedColspan = vue.computed(() => {
+      return fullColspan.value - 1;
     });
     const hasFooter = vue.computed(() => {
       return hasSlot("footer");
     });
     const columns = vue.computed(() => normalizeTableColumns(__props.columns).filter((col) => vue.toValue(col.enabled)));
+    const hasColumns = vue.computed(() => columns.value.length > 0);
     const tableClasses = vue.computed(() => {
       return ["table-ng", {
         "table-ng--striped": __props.striped,
@@ -5300,6 +5342,9 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
       stopEdit(element, reason);
     }
     vue.provide(stopEditKey, stopEditHandler);
+    function getRowClass(row) {
+      return typeof __props.rowClass === "function" ? __props.rowClass(row) : void 0;
+    }
     function onToggleExpanded(key) {
       if (expandedKeys.value.has(key)) {
         expandedKeys.value.delete(key);
@@ -5431,7 +5476,7 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
       selectedRows,
       rows: keyedRows
     });
-    const tableApi = useTabstop(tableRef, keyedRows);
+    const tableApi = useTabstop(tableRef, metaRows);
     __expose(tableApi);
     vue.onMounted(() => {
       logic.assertRef(tableRef);
@@ -5449,13 +5494,13 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
         onFocusout: onTableFocusout,
         onClick,
         onKeydown
-      }, [hasCaption.value ? (vue.openBlock(), vue.createElementBlock("caption", _hoisted_2$1, [vue.renderSlot(_ctx.$slots, "caption")])) : vue.createCommentVNode("", true), _cache[4] || (_cache[4] = vue.createTextVNode()), vue.createElementVNode("thead", null, [vue.createElementVNode("tr", _hoisted_3$1, [isTreegrid.value ? (vue.openBlock(), vue.createElementBlock("th", _hoisted_4$1)) : vue.createCommentVNode("", true), _cache[0] || (_cache[0] = vue.createTextVNode()), __props.selectable ? (vue.openBlock(), vue.createBlock(_sfc_main$d, {
+      }, [hasCaption.value ? (vue.openBlock(), vue.createElementBlock("caption", _hoisted_2$1, [vue.renderSlot(_ctx.$slots, "caption")])) : vue.createCommentVNode("", true), _cache[6] || (_cache[6] = vue.createTextVNode()), hasColumns.value ? (vue.openBlock(), vue.createElementBlock("thead", _hoisted_3$1, [vue.createElementVNode("tr", _hoisted_4$1, [isTreegrid.value ? (vue.openBlock(), vue.createElementBlock("th", _hoisted_5$1)) : vue.createCommentVNode("", true), _cache[2] || (_cache[2] = vue.createTextVNode()), __props.selectable ? (vue.openBlock(), vue.createBlock(_sfc_main$d, {
         key: 1,
         ref: bindCellApiRef,
         state: vue.unref(selectableHeaderState)(),
         selectable: __props.selectable,
         onToggle: vue.unref(toggleSelectableHeader)
-      }, null, 8, ["state", "selectable", "onToggle"])) : vue.createCommentVNode("", true), _cache[1] || (_cache[1] = vue.createTextVNode()), (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(columns.value, (column) => {
+      }, null, 8, ["state", "selectable", "onToggle"])) : vue.createCommentVNode("", true), _cache[3] || (_cache[3] = vue.createTextVNode()), (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(columns.value, (column) => {
         return vue.openBlock(), vue.createBlock(_sfc_main$e, {
           key: column.id,
           column,
@@ -5464,10 +5509,12 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
           scope: "col",
           onToggleSortOrder
         }, null, 8, ["column", "sort-enabled", "sort-order"]);
-      }), 128))])]), _cache[5] || (_cache[5] = vue.createTextVNode()), vue.createElementVNode("tbody", null, [isEmpty.value ? (vue.openBlock(), vue.createElementBlock("tr", _hoisted_5$1, [vue.createElementVNode("td", {
-        colspan: columnCount.value,
-        class: "table-ng__cell"
-      }, [vue.renderSlot(_ctx.$slots, "empty", {}, () => [vue.createTextVNode(vue.toDisplayString(vue.unref($t)("fkui.ftable.empty.text", "Tabellen är tom")), 1)])], 8, _hoisted_6$1)])) : (vue.openBlock(true), vue.createElementBlock(vue.Fragment, {
+      }), 128))])])) : vue.createCommentVNode("", true), _cache[7] || (_cache[7] = vue.createTextVNode()), hasColumns.value ? (vue.openBlock(), vue.createElementBlock("tbody", _hoisted_6$1, [isEmpty.value ? (vue.openBlock(), vue.createElementBlock("tr", _hoisted_7$1, [vue.createElementVNode("td", {
+        colspan: fullColspan.value,
+        class: "table-ng__cell",
+        onKeydown: _cache[0] || (_cache[0] = vue.withKeys(vue.withModifiers(() => {
+        }, ["prevent"]), ["space"]))
+      }, [vue.renderSlot(_ctx.$slots, "empty", {}, () => [vue.createTextVNode(vue.toDisplayString(vue.unref($t)("fkui.ftable.empty.text", "Tabellen är tom")), 1)])], 40, _hoisted_8)])) : (vue.openBlock(true), vue.createElementBlock(vue.Fragment, {
         key: 1
       }, vue.renderList(metaRows.value, ({
         key,
@@ -5481,7 +5528,7 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
       }) => {
         return vue.openBlock(), vue.createElementBlock("tr", {
           key,
-          class: "table-ng__row",
+          class: vue.normalizeClass(["table-ng__row", getRowClass(row)]),
           "aria-level": level,
           "aria-rowindex": rowIndex,
           "aria-setsize": setsize,
@@ -5495,9 +5542,9 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
           "is-expanded": isExpanded,
           "row-key": key,
           onToggle: onToggleExpanded
-        }, null, 8, ["is-expandable", "is-expanded", "row-key"])) : vue.createCommentVNode("", true), _cache[3] || (_cache[3] = vue.createTextVNode()), level > 1 && hasExpandableSlot.value ? (vue.openBlock(), vue.createBlock(_sfc_main$f, {
+        }, null, 8, ["is-expandable", "is-expanded", "row-key"])) : vue.createCommentVNode("", true), _cache[5] || (_cache[5] = vue.createTextVNode()), level > 1 && hasExpandableSlot.value ? (vue.openBlock(), vue.createBlock(_sfc_main$f, {
           key: 1,
-          colspan: columns.value.length
+          colspan: expandedColspan.value
         }, {
           default: vue.withCtx(() => [vue.renderSlot(_ctx.$slots, "expandable", vue.mergeProps({
             ref_for: true
@@ -5516,7 +5563,7 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
           state: vue.unref(selectableRowState)(row),
           row,
           onToggle: vue.unref(toggleSelectableRow)
-        }, null, 8, ["level", "selectable", "state", "row", "onToggle"])) : vue.createCommentVNode("", true), _cache[2] || (_cache[2] = vue.createTextVNode()), (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(columns.value, (column) => {
+        }, null, 8, ["level", "selectable", "state", "row", "onToggle"])) : vue.createCommentVNode("", true), _cache[4] || (_cache[4] = vue.createTextVNode()), (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(columns.value, (column) => {
           return vue.openBlock(), vue.createElementBlock(vue.Fragment, {
             key: column.id
           }, ["component" in column ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(column.component), {
@@ -5532,17 +5579,30 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
             key: 1,
             row
           }, null, 8, ["row"])) : vue.createCommentVNode("", true)], 64);
-        }), 128))], 64))], 8, _hoisted_7$1);
-      }), 128))]), _cache[6] || (_cache[6] = vue.createTextVNode()), hasFooter.value ? (vue.openBlock(), vue.createElementBlock("tfoot", _hoisted_8, [vue.createElementVNode("tr", {
+        }), 128))], 64))], 10, _hoisted_9);
+      }), 128))])) : vue.createCommentVNode("", true), _cache[8] || (_cache[8] = vue.createTextVNode()), hasFooter.value ? (vue.openBlock(), vue.createElementBlock("tfoot", _hoisted_10, [vue.createElementVNode("tr", {
         class: "table-ng__row",
         "aria-rowindex": ariaRowcount.value
       }, [vue.createElementVNode("td", {
-        colspan: columnCount.value,
-        class: "table-ng__cell--custom"
-      }, [vue.renderSlot(_ctx.$slots, "footer")], 8, _hoisted_10)], 8, _hoisted_9)])) : vue.createCommentVNode("", true)], 42, _hoisted_1$2);
+        colspan: fullColspan.value,
+        class: "table-ng__cell--custom",
+        onKeydown: _cache[1] || (_cache[1] = vue.withKeys(vue.withModifiers(() => {
+        }, ["prevent"]), ["space"]))
+      }, [vue.renderSlot(_ctx.$slots, "footer")], 40, _hoisted_12)], 8, _hoisted_11)])) : vue.createCommentVNode("", true)], 42, _hoisted_1$2);
     };
   }
 });
+function isSortable(column) {
+  return "key" in column && column.key !== void 0 && column.sort !== false;
+}
+function toEntry(column) {
+  return [column.key, column.header];
+}
+function getTableSortableAttributes(columns) {
+  const sortable = columns.filter(isSortable);
+  const attributes = sortable.map(toEntry);
+  return Object.fromEntries(attributes);
+}
 var es_array_toSpliced = {};
 var hasRequiredEs_array_toSpliced;
 function requireEs_array_toSpliced() {
@@ -5841,6 +5901,7 @@ function requireArrayBufferTransfer() {
   var structuredClone = globalThis2.structuredClone;
   var ArrayBuffer2 = globalThis2.ArrayBuffer;
   var DataView2 = globalThis2.DataView;
+  var max = Math.max;
   var min = Math.min;
   var ArrayBufferPrototype = ArrayBuffer2.prototype;
   var DataViewPrototype = DataView2.prototype;
@@ -5865,7 +5926,7 @@ function requireArrayBufferTransfer() {
       newBuffer = slice(arrayBuffer, 0, newByteLength);
     } else {
       var options = preserveResizability && !fixedLength && maxByteLength ? {
-        maxByteLength: maxByteLength(arrayBuffer)
+        maxByteLength: max(newByteLength, maxByteLength(arrayBuffer))
       } : void 0;
       newBuffer = new ArrayBuffer2(newByteLength, options);
       var a = new DataView2(arrayBuffer);
@@ -5913,78 +5974,6 @@ function requireEs_arrayBuffer_transferToFixedLength() {
   return es_arrayBuffer_transferToFixedLength;
 }
 requireEs_arrayBuffer_transferToFixedLength();
-var es_iterator_reduce = {};
-var functionApply;
-var hasRequiredFunctionApply;
-function requireFunctionApply() {
-  if (hasRequiredFunctionApply) return functionApply;
-  hasRequiredFunctionApply = 1;
-  var NATIVE_BIND = requireFunctionBindNative();
-  var FunctionPrototype = Function.prototype;
-  var apply = FunctionPrototype.apply;
-  var call = FunctionPrototype.call;
-  functionApply = typeof Reflect == "object" && Reflect.apply || (NATIVE_BIND ? call.bind(apply) : function() {
-    return call.apply(apply, arguments);
-  });
-  return functionApply;
-}
-var hasRequiredEs_iterator_reduce;
-function requireEs_iterator_reduce() {
-  if (hasRequiredEs_iterator_reduce) return es_iterator_reduce;
-  hasRequiredEs_iterator_reduce = 1;
-  var $ = require_export();
-  var iterate2 = requireIterate();
-  var aCallable2 = requireACallable();
-  var anObject2 = requireAnObject();
-  var getIteratorDirect2 = requireGetIteratorDirect();
-  var iteratorClose2 = requireIteratorClose();
-  var iteratorHelperWithoutClosingOnEarlyError2 = requireIteratorHelperWithoutClosingOnEarlyError();
-  var apply = requireFunctionApply();
-  var fails2 = requireFails();
-  var $TypeError = TypeError;
-  var FAILS_ON_INITIAL_UNDEFINED = fails2(function() {
-    [].keys().reduce(function() {
-    }, void 0);
-  });
-  var reduceWithoutClosingOnEarlyError = !FAILS_ON_INITIAL_UNDEFINED && iteratorHelperWithoutClosingOnEarlyError2("reduce", $TypeError);
-  $({
-    target: "Iterator",
-    proto: true,
-    real: true,
-    forced: FAILS_ON_INITIAL_UNDEFINED || reduceWithoutClosingOnEarlyError
-  }, {
-    reduce: function reduce(reducer) {
-      anObject2(this);
-      try {
-        aCallable2(reducer);
-      } catch (error) {
-        iteratorClose2(this, "throw", error);
-      }
-      var noInitial = arguments.length < 2;
-      var accumulator = noInitial ? void 0 : arguments[1];
-      if (reduceWithoutClosingOnEarlyError) {
-        return apply(reduceWithoutClosingOnEarlyError, this, noInitial ? [reducer] : [reducer, accumulator]);
-      }
-      var record = getIteratorDirect2(this);
-      var counter = 0;
-      iterate2(record, function(value) {
-        if (noInitial) {
-          noInitial = false;
-          accumulator = value;
-        } else {
-          accumulator = reducer(accumulator, value, counter);
-        }
-        counter++;
-      }, {
-        IS_RECORD: true
-      });
-      if (noInitial) throw new $TypeError("Reduce of empty iterator with no initial value");
-      return accumulator;
-    }
-  });
-  return es_iterator_reduce;
-}
-requireEs_iterator_reduce();
 var es_typedArray_toReversed = {};
 var isPossiblePrototype;
 var hasRequiredIsPossiblePrototype;
@@ -6197,7 +6186,7 @@ function requireArrayBufferViewCore() {
       }
     });
     for (NAME in TypedArrayConstructorsList) if (globalThis2[NAME]) {
-      createNonEnumerableProperty2(globalThis2[NAME], TYPED_ARRAY_TAG, NAME);
+      createNonEnumerableProperty2(globalThis2[NAME].prototype, TYPED_ARRAY_TAG, NAME);
     }
   }
   arrayBufferViewCore = {
@@ -6601,26 +6590,25 @@ function requireUint8FromHex() {
   var uncurryThis = requireFunctionUncurryThis();
   var Uint8Array2 = globalThis2.Uint8Array;
   var SyntaxError = globalThis2.SyntaxError;
-  var parseInt = globalThis2.parseInt;
   var min = Math.min;
-  var NOT_HEX = /[^\da-f]/i;
-  var exec = uncurryThis(NOT_HEX.exec);
-  var stringSlice = uncurryThis("".slice);
+  var stringMatch = uncurryThis("".match);
   uint8FromHex = function(string, into) {
     var stringLength = string.length;
     if (stringLength % 2 !== 0) throw new SyntaxError("String should be an even number of characters");
     var maxLength = into ? min(into.length, stringLength / 2) : stringLength / 2;
     var bytes = into || new Uint8Array2(maxLength);
-    var read = 0;
+    var segments = stringMatch(string, /.{2}/g);
     var written = 0;
-    while (written < maxLength) {
-      var hexits = stringSlice(string, read, read += 2);
-      if (exec(NOT_HEX, hexits)) throw new SyntaxError("String should only contain hex characters");
-      bytes[written++] = parseInt(hexits, 16);
+    for (; written < maxLength; written++) {
+      var result = +("0x" + segments[written] + "0");
+      if (result !== result) {
+        throw new SyntaxError("String should only contain hex characters");
+      }
+      bytes[written] = result >> 4;
     }
     return {
       bytes,
-      read
+      read: written << 1
     };
   };
   return uint8FromHex;
@@ -6735,6 +6723,8 @@ function requireEs_uint8Array_toHex() {
   var anUint8Array2 = requireAnUint8Array();
   var notDetached = requireArrayBufferNotDetached();
   var numberToString = uncurryThis(1.1.toString);
+  var join = uncurryThis([].join);
+  var $Array = Array;
   var Uint8Array2 = globalThis2.Uint8Array;
   var INCORRECT_BEHAVIOR_OR_DOESNT_EXISTS = !Uint8Array2 || !Uint8Array2.prototype.toHex || !(function() {
     try {
@@ -6752,12 +6742,12 @@ function requireEs_uint8Array_toHex() {
     toHex: function toHex() {
       anUint8Array2(this);
       notDetached(this.buffer);
-      var result = "";
+      var result = $Array(this.length);
       for (var i = 0, length = this.length; i < length; i++) {
         var hex = numberToString(this[i], 16);
-        result += hex.length === 1 ? "0" + hex : hex;
+        result[i] = hex.length === 1 ? "0" + hex : hex;
       }
-      return result;
+      return join(result, "");
     }
   });
   return es_uint8Array_toHex;
@@ -7316,6 +7306,78 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
 });
 const HOURS_MINUTES_REGEXP = /^(?<hours>\d+)?(:(?<minutes>[0-5]\d))?$/;
 const HOURS_MINUTES_WITHOUT_COLON_REGEXP = /^(?<hours>\d{2})(?<minutes>[0-5]\d)$/;
+var es_iterator_reduce = {};
+var functionApply;
+var hasRequiredFunctionApply;
+function requireFunctionApply() {
+  if (hasRequiredFunctionApply) return functionApply;
+  hasRequiredFunctionApply = 1;
+  var NATIVE_BIND = requireFunctionBindNative();
+  var FunctionPrototype = Function.prototype;
+  var apply = FunctionPrototype.apply;
+  var call = FunctionPrototype.call;
+  functionApply = typeof Reflect == "object" && Reflect.apply || (NATIVE_BIND ? call.bind(apply) : function() {
+    return call.apply(apply, arguments);
+  });
+  return functionApply;
+}
+var hasRequiredEs_iterator_reduce;
+function requireEs_iterator_reduce() {
+  if (hasRequiredEs_iterator_reduce) return es_iterator_reduce;
+  hasRequiredEs_iterator_reduce = 1;
+  var $ = require_export();
+  var iterate2 = requireIterate();
+  var aCallable2 = requireACallable();
+  var anObject2 = requireAnObject();
+  var getIteratorDirect2 = requireGetIteratorDirect();
+  var iteratorClose2 = requireIteratorClose();
+  var iteratorHelperWithoutClosingOnEarlyError2 = requireIteratorHelperWithoutClosingOnEarlyError();
+  var apply = requireFunctionApply();
+  var fails2 = requireFails();
+  var $TypeError = TypeError;
+  var FAILS_ON_INITIAL_UNDEFINED = fails2(function() {
+    [].keys().reduce(function() {
+    }, void 0);
+  });
+  var reduceWithoutClosingOnEarlyError = !FAILS_ON_INITIAL_UNDEFINED && iteratorHelperWithoutClosingOnEarlyError2("reduce", $TypeError);
+  $({
+    target: "Iterator",
+    proto: true,
+    real: true,
+    forced: FAILS_ON_INITIAL_UNDEFINED || reduceWithoutClosingOnEarlyError
+  }, {
+    reduce: function reduce(reducer) {
+      anObject2(this);
+      try {
+        aCallable2(reducer);
+      } catch (error) {
+        iteratorClose2(this, "throw", error);
+      }
+      var noInitial = arguments.length < 2;
+      var accumulator = noInitial ? void 0 : arguments[1];
+      if (reduceWithoutClosingOnEarlyError) {
+        return apply(reduceWithoutClosingOnEarlyError, this, noInitial ? [reducer] : [reducer, accumulator]);
+      }
+      var record = getIteratorDirect2(this);
+      var counter = 0;
+      iterate2(record, function(value) {
+        if (noInitial) {
+          noInitial = false;
+          accumulator = value;
+        } else {
+          accumulator = reducer(accumulator, value, counter);
+        }
+        counter++;
+      }, {
+        IS_RECORD: true
+      });
+      if (noInitial) throw new $TypeError("Reduce of empty iterator with no initial value");
+      return accumulator;
+    }
+  });
+  return es_iterator_reduce;
+}
+requireEs_iterator_reduce();
 function findMatch(regexps, value) {
   for (const regexp of regexps) {
     const match = value.match(regexp);
@@ -7467,7 +7529,7 @@ const validators = [hoursMinutesValidator, greaterThanTimeValidator, lessThanTim
 for (const validator of validators) {
   logic.ValidationService.registerValidator(validator);
 }
-const _sfc_main = vue.defineComponent({
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   name: "XTimeTextField",
   extends: vue$1.FTextField,
   mixins: [vue$1.TranslationMixin],
@@ -7514,6 +7576,7 @@ exports.baseTypes = baseTypes;
 exports.defineTableColumns = defineTableColumns;
 exports.forgivingParseTimeToNumber = forgivingParseTimeToNumber;
 exports.formatNumberToTime = formatNumberToTime;
+exports.getTableSortableAttributes = getTableSortableAttributes;
 exports.hoursMinutesStringToMinutes = hoursMinutesStringToMinutes;
 exports.matchPropertyValue = matchPropertyValue;
 exports.minutesToHoursFloat = minutesToHoursFloat;