@fkui/vue-labs 6.39.0 → 6.41.0

package/dist/esm/index.esm.js

@@ -1,4 +1,4 @@
-import { nextTick, toValue, defineComponent, useTemplateRef, computed, openBlock, createElementBlock, createElementVNode, createVNode, unref, renderSlot, withModifiers, normalizeClass, withCtx, createTextVNode, toDisplayString, createBlock, createCommentVNode, ref, inject, withDirectives, vShow, onMounted, watchEffect, mergeProps, vModelText, toRef, watch, onUpdated, useModel, useSlots, provide, Fragment, renderList, resolveDynamicComponent, mergeModels, resolveDirective, normalizeProps, guardReactiveProps } from "vue";
+import { defineComponent, useTemplateRef, computed, openBlock, createElementBlock, createElementVNode, createVNode, unref, renderSlot, withModifiers, withKeys, normalizeClass, withCtx, createTextVNode, toDisplayString, createBlock, createCommentVNode, ref, nextTick, toValue, inject, withDirectives, vShow, onMounted, watchEffect, mergeProps, vModelText, toRef, watch, onUpdated, useModel, useSlots, provide, Fragment, renderList, resolveDynamicComponent, mergeModels, resolveDirective, normalizeProps, guardReactiveProps } from "vue";
 import { assertRef, formatPostalCode, parsePlusgiro, parseNumber, formatNumber, parseOrganisationsnummer, parseDate, parseClearingNumber, parseBankgiro, parseBankAccountNumber, parsePersonnummer, formatPersonnummer, ElementIdService, assertSet, ValidationService, alertScreenReader, debounce, isEmpty, stripWhitespace, isSet, TranslationService } from "@fkui/logic";
 import { FIcon, IFlex, IFlexItem, useTranslate, getItemIdentifier, FContextMenu, IComboboxDropdown, IPopupError, dispatchComponentValidityEvent, findItemIdentifier, useSlotUtils, setItemIdentifiers, FSortFilterDatasetInjected, EventBus, FFileSelector, FFileItem, TranslationMixin, FTextField, useTextFieldSetup } from "@fkui/vue";
 import { useElementHover, useFocusWithin, useEventListener } from "@vueuse/core";
@@ -416,10 +416,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;
@@ -1362,15 +1362,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;
@@ -1390,10 +1392,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;
     }
@@ -1867,11 +1871,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) {
@@ -1880,7 +1886,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);
@@ -2164,7 +2171,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) {
@@ -2353,7 +2360,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;
@@ -2438,7 +2445,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;
@@ -2587,252 +2594,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 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 = 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",
@@ -2878,7 +2645,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
       }, [createVNode(unref(FIcon), {
         class: "button__icon",
         name: toggleIcon.value
-      }, null, 8, ["name"])], 8, _hoisted_2$9)])) : (openBlock(), createElementBlock("td", _hoisted_3$6, null, 512));
+      }, null, 8, ["name"])], 8, _hoisted_2$9)])) : (openBlock(), createElementBlock("td", _hoisted_3$4, null, 512));
     };
   }
 });
@@ -2898,7 +2665,56 @@ const _sfc_main$f = /* @__PURE__ */ 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) {
@@ -3175,7 +2991,7 @@ const inputFieldConfig = {
     }
   }
 };
-const _hoisted_1$c = ["aria-sort"];
+const _hoisted_1$c = ["aria-sort", "onKeydown"];
 const _sfc_main$e = /* @__PURE__ */ defineComponent({
   __name: "ITableHeader",
   props: {
@@ -3239,19 +3055,13 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
       }
       emit("toggleSortOrder", String(__props.column.sortable));
     }
-    function onKeydownCell(e) {
-      if (e.key === "Enter") {
-        e.preventDefault();
-        onClickCell();
-      }
-    }
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("th", {
         ref: "th",
         "aria-sort": sortValue.value,
         class: normalizeClass(columnClasses.value),
         tabindex: "-1",
-        onKeydown: onKeydownCell,
+        onKeydown: withKeys(withModifiers(onClickCell, ["prevent"]), ["enter", "space"]),
         onClick: withModifiers(onClickCell, ["stop"])
       }, [createVNode(unref(IFlex), {
         gap: "1x",
@@ -3338,17 +3148,9 @@ const _sfc_main$d = /* @__PURE__ */ 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__ */ defineComponent({
   __name: "ITableCheckbox",
   props: {
@@ -3372,18 +3174,14 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
     };
     __expose(expose);
     return (_ctx, _cache) => {
-      return __props.column.editable(__props.row) ? (openBlock(), createElementBlock("td", _hoisted_1$a, [createElementVNode("input", {
+      return openBlock(), createElementBlock("td", _hoisted_1$a, [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)])) : (openBlock(), createElementBlock("td", _hoisted_3$5, [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)]);
     };
   }
 });
@@ -3472,9 +3270,6 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
       checked() {
         return __props.state;
       },
-      editable() {
-        return true;
-      },
       update() {
         emit("toggle", __props.row);
       },
@@ -3516,6 +3311,249 @@ const _sfc_main$a = /* @__PURE__ */ 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 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 = 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);
@@ -3581,7 +3619,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;
@@ -3717,12 +3755,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",
@@ -3743,13 +3777,18 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     };
     __expose(expose);
     return (_ctx, _cache) => {
-      return __props.column.text(__props.row) ? (openBlock(), createElementBlock("td", _hoisted_1$7, [createElementVNode("a", {
+      return __props.column.text(__props.row) ? (openBlock(), createElementBlock("td", {
+        key: 0,
+        class: "table-ng__cell table-ng__cell--anchor",
+        onKeydown: _cache[0] || (_cache[0] = withKeys(withModifiers(() => {
+        }, ["prevent"]), ["space"]))
+      }, [createElementVNode("a", {
         ref: "target",
         class: "anchor anchor--block",
         target: "_blank",
         href: __props.column.href,
         tabindex: "-1"
-      }, toDisplayString(__props.column.text(__props.row)), 9, _hoisted_2$5)])) : (openBlock(), createElementBlock("td", _hoisted_3$4, null, 512));
+      }, toDisplayString(__props.column.text(__props.row)), 9, _hoisted_1$7)], 32)) : (openBlock(), createElementBlock("td", _hoisted_2$5, null, 512));
     };
   }
 });
@@ -3970,7 +4009,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     const activeOptionId = ElementIdService.generateElementId();
     const activeOption = 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);
       }
     }
@@ -4214,6 +4253,9 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     const hasError = computed(() => validity.value.validityMode === "ERROR");
     const viewModeAriaInvalid = computed(() => !inEdit.value && hasError.value ? true : void 0);
     const viewModeErrorMessage = computed(() => !inEdit.value && hasError.value ? validity.value.validationMessage : void 0);
+    let initialValidity = {
+      ...validity.value
+    };
     const divClasses = computed(() => {
       return {
         "table-ng__editable": true,
@@ -4295,22 +4337,38 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     }
     function setUpFakeValidation(el) {
       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) {
         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
+      };
       useEventListener(el, "input", onPendingValidity);
       useEventListener(el, "component-validity", (e) => {
         e.stopPropagation();
@@ -4361,6 +4419,9 @@ const _sfc_main$4 = /* @__PURE__ */ 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;
@@ -4375,6 +4436,9 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
       inputElement.value.tabIndex = -1;
       assertRef(tdElement);
       tdElement.value.style.removeProperty("width");
+      if (reason === "blur") {
+        tdElement.value.tabIndex = 0;
+      }
       void stopEdit2(inputElement.value, reason);
     }
     function fromColumnValue() {
@@ -4423,11 +4487,15 @@ const _sfc_main$4 = /* @__PURE__ */ 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;
         }
@@ -4509,7 +4577,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
         onKeydown
       }, [createElementVNode("div", {
         class: normalizeClass(divClasses.value)
-      }, [createElementVNode("span", _hoisted_2$2, toDisplayString(fromColumnValue()), 1), _cache[1] || (_cache[1] = createTextVNode()), viewModeErrorMessage.value ? (openBlock(), createElementBlock("span", _hoisted_3$2, toDisplayString(viewModeErrorMessage.value), 1)) : createCommentVNode("", true), _cache[2] || (_cache[2] = createTextVNode()), withDirectives(createElementVNode("input", mergeProps({
+      }, [createElementVNode("span", _hoisted_2$2, toDisplayString(fromColumnValue()), 1), _cache[2] || (_cache[2] = createTextVNode()), viewModeErrorMessage.value ? (openBlock(), createElementBlock("span", _hoisted_3$2, toDisplayString(viewModeErrorMessage.value), 1)) : createCommentVNode("", true), _cache[3] || (_cache[3] = createTextVNode()), withDirectives(createElementVNode("input", mergeProps({
         id: unref(inputId),
         ref: "input",
         "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => viewValue.value = $event),
@@ -4525,7 +4593,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
         "aria-hidden": !inEdit.value,
         onValidity,
         onPendingValidity
-      }), null, 16, _hoisted_4$2), [[vModelText, viewValue.value]])], 2), _cache[3] || (_cache[3] = createTextVNode()), createVNode(unref(IPopupError), {
+      }), null, 16, _hoisted_4$2), [[vModelText, viewValue.value]])], 2), _cache[4] || (_cache[4] = createTextVNode()), createVNode(unref(IPopupError), {
         anchor: tdElement.value,
         "is-open": openPopupError.value,
         "error-message": validity.value.validationMessage,
@@ -4535,57 +4603,57 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
         key: 1,
         ref: "td",
         tabindex: "-1",
-        class: normalizeClass(staticClasses.value)
-      }, toDisplayString(fromColumnValue()), 3));
+        class: normalizeClass(staticClasses.value),
+        onKeydown: _cache[1] || (_cache[1] = withKeys(withModifiers(() => {
+        }, ["prevent"]), ["space"]))
+      }, 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 = toRef(column.header);
   const description = column.description !== void 0 ? toRef(column.description) : ref("");
   const size = column.size !== void 0 ? toRef(column.size) : 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() {
@@ -4595,7 +4663,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 {
@@ -4607,7 +4674,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);
@@ -4628,21 +4695,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,
@@ -4651,15 +4707,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),
@@ -4669,12 +4722,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: () => "",
@@ -4684,7 +4735,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,
@@ -4692,7 +4742,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;
@@ -4711,7 +4761,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
   };
@@ -4719,32 +4768,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":
@@ -4756,47 +4799,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) {
@@ -4817,16 +4860,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 {
@@ -4899,27 +4937,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;
@@ -5068,8 +5085,8 @@ function useSelectable(options) {
   };
 }
 function matching(needle) {
-  const id = getItemIdentifier(needle);
-  return (item) => getItemIdentifier(item) === id;
+  const id = getItemIdentifier(needle.row);
+  return (item) => getItemIdentifier(item.row) === id;
 }
 function useTabstop(tableRef, metaRows) {
   let pendingRowRemoval = false;
@@ -5200,26 +5217,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__ */ defineComponent({
   __name: "FTable",
   props: /* @__PURE__ */ mergeModels({
@@ -5231,6 +5254,10 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     expandableAttribute: {
       default: () => void 0
     },
+    rowClass: {
+      type: Function,
+      default: void 0
+    },
     striped: {
       type: Boolean
     },
@@ -5270,20 +5297,35 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
       return metaRows.value.length === 0;
     });
     const ariaRowcount = 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 = 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 = 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 = computed(() => {
+      return fullColspan.value - 1;
     });
     const hasFooter = computed(() => {
       return hasSlot("footer");
     });
     const columns = computed(() => normalizeTableColumns(__props.columns).filter((col) => toValue(col.enabled)));
+    const hasColumns = computed(() => columns.value.length > 0);
     const tableClasses = computed(() => {
       return ["table-ng", {
         "table-ng--striped": __props.striped,
@@ -5298,6 +5340,9 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
       stopEdit(element, reason);
     }
     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);
@@ -5429,7 +5474,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
       selectedRows,
       rows: keyedRows
     });
-    const tableApi = useTabstop(tableRef, keyedRows);
+    const tableApi = useTabstop(tableRef, metaRows);
     __expose(tableApi);
     onMounted(() => {
       assertRef(tableRef);
@@ -5447,13 +5492,13 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
         onFocusout: onTableFocusout,
         onClick,
         onKeydown
-      }, [hasCaption.value ? (openBlock(), createElementBlock("caption", _hoisted_2$1, [renderSlot(_ctx.$slots, "caption")])) : createCommentVNode("", true), _cache[4] || (_cache[4] = createTextVNode()), createElementVNode("thead", null, [createElementVNode("tr", _hoisted_3$1, [isTreegrid.value ? (openBlock(), createElementBlock("th", _hoisted_4$1)) : createCommentVNode("", true), _cache[0] || (_cache[0] = createTextVNode()), __props.selectable ? (openBlock(), createBlock(_sfc_main$d, {
+      }, [hasCaption.value ? (openBlock(), createElementBlock("caption", _hoisted_2$1, [renderSlot(_ctx.$slots, "caption")])) : createCommentVNode("", true), _cache[6] || (_cache[6] = createTextVNode()), hasColumns.value ? (openBlock(), createElementBlock("thead", _hoisted_3$1, [createElementVNode("tr", _hoisted_4$1, [isTreegrid.value ? (openBlock(), createElementBlock("th", _hoisted_5$1)) : createCommentVNode("", true), _cache[2] || (_cache[2] = createTextVNode()), __props.selectable ? (openBlock(), createBlock(_sfc_main$d, {
         key: 1,
         ref: bindCellApiRef,
         state: unref(selectableHeaderState)(),
         selectable: __props.selectable,
         onToggle: unref(toggleSelectableHeader)
-      }, null, 8, ["state", "selectable", "onToggle"])) : createCommentVNode("", true), _cache[1] || (_cache[1] = createTextVNode()), (openBlock(true), createElementBlock(Fragment, null, renderList(columns.value, (column) => {
+      }, null, 8, ["state", "selectable", "onToggle"])) : createCommentVNode("", true), _cache[3] || (_cache[3] = createTextVNode()), (openBlock(true), createElementBlock(Fragment, null, renderList(columns.value, (column) => {
         return openBlock(), createBlock(_sfc_main$e, {
           key: column.id,
           column,
@@ -5462,10 +5507,12 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
           scope: "col",
           onToggleSortOrder
         }, null, 8, ["column", "sort-enabled", "sort-order"]);
-      }), 128))])]), _cache[5] || (_cache[5] = createTextVNode()), createElementVNode("tbody", null, [isEmpty2.value ? (openBlock(), createElementBlock("tr", _hoisted_5$1, [createElementVNode("td", {
-        colspan: columnCount.value,
-        class: "table-ng__cell"
-      }, [renderSlot(_ctx.$slots, "empty", {}, () => [createTextVNode(toDisplayString(unref($t)("fkui.ftable.empty.text", "Tabellen är tom")), 1)])], 8, _hoisted_6$1)])) : (openBlock(true), createElementBlock(Fragment, {
+      }), 128))])])) : createCommentVNode("", true), _cache[7] || (_cache[7] = createTextVNode()), hasColumns.value ? (openBlock(), createElementBlock("tbody", _hoisted_6$1, [isEmpty2.value ? (openBlock(), createElementBlock("tr", _hoisted_7$1, [createElementVNode("td", {
+        colspan: fullColspan.value,
+        class: "table-ng__cell",
+        onKeydown: _cache[0] || (_cache[0] = withKeys(withModifiers(() => {
+        }, ["prevent"]), ["space"]))
+      }, [renderSlot(_ctx.$slots, "empty", {}, () => [createTextVNode(toDisplayString(unref($t)("fkui.ftable.empty.text", "Tabellen är tom")), 1)])], 40, _hoisted_8)])) : (openBlock(true), createElementBlock(Fragment, {
         key: 1
       }, renderList(metaRows.value, ({
         key,
@@ -5479,7 +5526,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
       }) => {
         return openBlock(), createElementBlock("tr", {
           key,
-          class: "table-ng__row",
+          class: normalizeClass(["table-ng__row", getRowClass(row)]),
           "aria-level": level,
           "aria-rowindex": rowIndex,
           "aria-setsize": setsize,
@@ -5493,9 +5540,9 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
           "is-expanded": isExpanded,
           "row-key": key,
           onToggle: onToggleExpanded
-        }, null, 8, ["is-expandable", "is-expanded", "row-key"])) : createCommentVNode("", true), _cache[3] || (_cache[3] = createTextVNode()), level > 1 && hasExpandableSlot.value ? (openBlock(), createBlock(_sfc_main$f, {
+        }, null, 8, ["is-expandable", "is-expanded", "row-key"])) : createCommentVNode("", true), _cache[5] || (_cache[5] = createTextVNode()), level > 1 && hasExpandableSlot.value ? (openBlock(), createBlock(_sfc_main$f, {
           key: 1,
-          colspan: columns.value.length
+          colspan: expandedColspan.value
         }, {
           default: withCtx(() => [renderSlot(_ctx.$slots, "expandable", mergeProps({
             ref_for: true
@@ -5514,7 +5561,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
           state: unref(selectableRowState)(row),
           row,
           onToggle: unref(toggleSelectableRow)
-        }, null, 8, ["level", "selectable", "state", "row", "onToggle"])) : createCommentVNode("", true), _cache[2] || (_cache[2] = createTextVNode()), (openBlock(true), createElementBlock(Fragment, null, renderList(columns.value, (column) => {
+        }, null, 8, ["level", "selectable", "state", "row", "onToggle"])) : createCommentVNode("", true), _cache[4] || (_cache[4] = createTextVNode()), (openBlock(true), createElementBlock(Fragment, null, renderList(columns.value, (column) => {
           return openBlock(), createElementBlock(Fragment, {
             key: column.id
           }, ["component" in column ? (openBlock(), createBlock(resolveDynamicComponent(column.component), {
@@ -5530,17 +5577,30 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
             key: 1,
             row
           }, null, 8, ["row"])) : createCommentVNode("", true)], 64);
-        }), 128))], 64))], 8, _hoisted_7$1);
-      }), 128))]), _cache[6] || (_cache[6] = createTextVNode()), hasFooter.value ? (openBlock(), createElementBlock("tfoot", _hoisted_8, [createElementVNode("tr", {
+        }), 128))], 64))], 10, _hoisted_9);
+      }), 128))])) : createCommentVNode("", true), _cache[8] || (_cache[8] = createTextVNode()), hasFooter.value ? (openBlock(), createElementBlock("tfoot", _hoisted_10, [createElementVNode("tr", {
         class: "table-ng__row",
         "aria-rowindex": ariaRowcount.value
       }, [createElementVNode("td", {
-        colspan: columnCount.value,
-        class: "table-ng__cell--custom"
-      }, [renderSlot(_ctx.$slots, "footer")], 8, _hoisted_10)], 8, _hoisted_9)])) : createCommentVNode("", true)], 42, _hoisted_1$2);
+        colspan: fullColspan.value,
+        class: "table-ng__cell--custom",
+        onKeydown: _cache[1] || (_cache[1] = withKeys(withModifiers(() => {
+        }, ["prevent"]), ["space"]))
+      }, [renderSlot(_ctx.$slots, "footer")], 40, _hoisted_12)], 8, _hoisted_11)])) : 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() {
@@ -5839,6 +5899,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;
@@ -5863,7 +5924,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);
@@ -5911,78 +5972,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;
@@ -6195,7 +6184,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 = {
@@ -6599,26 +6588,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;
@@ -6733,6 +6721,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 {
@@ -6750,12 +6740,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;
@@ -7314,6 +7304,78 @@ const _sfc_main$1 = /* @__PURE__ */ 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);
@@ -7465,7 +7527,7 @@ const validators = [hoursMinutesValidator, greaterThanTimeValidator, lessThanTim
 for (const validator of validators) {
   ValidationService.registerValidator(validator);
 }
-const _sfc_main = defineComponent({
+const _sfc_main = /* @__PURE__ */ defineComponent({
   name: "XTimeTextField",
   extends: FTextField,
   mixins: [TranslationMixin],
@@ -7513,6 +7575,7 @@ export {
   defineTableColumns,
   forgivingParseTimeToNumber,
   formatNumberToTime,
+  getTableSortableAttributes,
   hoursMinutesStringToMinutes,
   matchPropertyValue,
   minutesToHoursFloat,