@fkui/vue-labs 6.37.0 → 6.39.0

package/dist/cjs/index.cjs.js

@@ -1782,6 +1782,221 @@ function requireEs_iterator_constructor() {
   return es_iterator_constructor;
 }
 requireEs_iterator_constructor();
+var es_iterator_filter = {};
+var defineBuiltIns;
+var hasRequiredDefineBuiltIns;
+function requireDefineBuiltIns() {
+  if (hasRequiredDefineBuiltIns) return defineBuiltIns;
+  hasRequiredDefineBuiltIns = 1;
+  var defineBuiltIn2 = requireDefineBuiltIn();
+  defineBuiltIns = function(target, src, options) {
+    for (var key in src) defineBuiltIn2(target, key, src[key], options);
+    return target;
+  };
+  return defineBuiltIns;
+}
+var createIterResultObject;
+var hasRequiredCreateIterResultObject;
+function requireCreateIterResultObject() {
+  if (hasRequiredCreateIterResultObject) return createIterResultObject;
+  hasRequiredCreateIterResultObject = 1;
+  createIterResultObject = function(value, done) {
+    return {
+      value,
+      done
+    };
+  };
+  return createIterResultObject;
+}
+var iteratorCloseAll;
+var hasRequiredIteratorCloseAll;
+function requireIteratorCloseAll() {
+  if (hasRequiredIteratorCloseAll) return iteratorCloseAll;
+  hasRequiredIteratorCloseAll = 1;
+  var iteratorClose2 = requireIteratorClose();
+  iteratorCloseAll = function(iters, kind, value) {
+    for (var i = iters.length - 1; i >= 0; i--) {
+      if (iters[i] === void 0) continue;
+      try {
+        value = iteratorClose2(iters[i].iterator, kind, value);
+      } catch (error) {
+        kind = "throw";
+        value = error;
+      }
+    }
+    if (kind === "throw") throw value;
+    return value;
+  };
+  return iteratorCloseAll;
+}
+var iteratorCreateProxy;
+var hasRequiredIteratorCreateProxy;
+function requireIteratorCreateProxy() {
+  if (hasRequiredIteratorCreateProxy) return iteratorCreateProxy;
+  hasRequiredIteratorCreateProxy = 1;
+  var call = requireFunctionCall();
+  var create = requireObjectCreate();
+  var createNonEnumerableProperty2 = requireCreateNonEnumerableProperty();
+  var defineBuiltIns2 = requireDefineBuiltIns();
+  var wellKnownSymbol2 = requireWellKnownSymbol();
+  var InternalStateModule = requireInternalState();
+  var getMethod2 = requireGetMethod();
+  var IteratorPrototype = requireIteratorsCore().IteratorPrototype;
+  var createIterResultObject2 = requireCreateIterResultObject();
+  var iteratorClose2 = requireIteratorClose();
+  var iteratorCloseAll2 = requireIteratorCloseAll();
+  var TO_STRING_TAG = wellKnownSymbol2("toStringTag");
+  var ITERATOR_HELPER = "IteratorHelper";
+  var WRAP_FOR_VALID_ITERATOR = "WrapForValidIterator";
+  var NORMAL = "normal";
+  var THROW = "throw";
+  var setInternalState = InternalStateModule.set;
+  var createIteratorProxyPrototype = function(IS_ITERATOR) {
+    var getInternalState = InternalStateModule.getterFor(IS_ITERATOR ? WRAP_FOR_VALID_ITERATOR : ITERATOR_HELPER);
+    return defineBuiltIns2(create(IteratorPrototype), {
+      next: function next() {
+        var state = getInternalState(this);
+        if (IS_ITERATOR) return state.nextHandler();
+        if (state.done) return createIterResultObject2(void 0, true);
+        try {
+          var result = state.nextHandler();
+          return state.returnHandlerResult ? result : createIterResultObject2(result, state.done);
+        } catch (error) {
+          state.done = true;
+          throw error;
+        }
+      },
+      "return": function() {
+        var state = getInternalState(this);
+        var iterator = state.iterator;
+        state.done = true;
+        if (IS_ITERATOR) {
+          var returnMethod = getMethod2(iterator, "return");
+          return returnMethod ? call(returnMethod, iterator) : createIterResultObject2(void 0, true);
+        }
+        if (state.inner) try {
+          iteratorClose2(state.inner.iterator, NORMAL);
+        } catch (error) {
+          return iteratorClose2(iterator, THROW, error);
+        }
+        if (state.openIters) try {
+          iteratorCloseAll2(state.openIters, NORMAL);
+        } catch (error) {
+          return iteratorClose2(iterator, THROW, error);
+        }
+        if (iterator) iteratorClose2(iterator, NORMAL);
+        return createIterResultObject2(void 0, true);
+      }
+    });
+  };
+  var WrapForValidIteratorPrototype = createIteratorProxyPrototype(true);
+  var IteratorHelperPrototype = createIteratorProxyPrototype(false);
+  createNonEnumerableProperty2(IteratorHelperPrototype, TO_STRING_TAG, "Iterator Helper");
+  iteratorCreateProxy = function(nextHandler, IS_ITERATOR, RETURN_HANDLER_RESULT) {
+    var IteratorProxy = function Iterator2(record, state) {
+      if (state) {
+        state.iterator = record.iterator;
+        state.next = record.next;
+      } else state = record;
+      state.type = IS_ITERATOR ? WRAP_FOR_VALID_ITERATOR : ITERATOR_HELPER;
+      state.returnHandlerResult = !!RETURN_HANDLER_RESULT;
+      state.nextHandler = nextHandler;
+      state.counter = 0;
+      state.done = false;
+      setInternalState(this, state);
+    };
+    IteratorProxy.prototype = IS_ITERATOR ? WrapForValidIteratorPrototype : IteratorHelperPrototype;
+    return IteratorProxy;
+  };
+  return iteratorCreateProxy;
+}
+var callWithSafeIterationClosing;
+var hasRequiredCallWithSafeIterationClosing;
+function requireCallWithSafeIterationClosing() {
+  if (hasRequiredCallWithSafeIterationClosing) return callWithSafeIterationClosing;
+  hasRequiredCallWithSafeIterationClosing = 1;
+  var anObject2 = requireAnObject();
+  var iteratorClose2 = requireIteratorClose();
+  callWithSafeIterationClosing = function(iterator, fn, value, ENTRIES) {
+    try {
+      return ENTRIES ? fn(anObject2(value)[0], value[1]) : fn(value);
+    } catch (error) {
+      iteratorClose2(iterator, "throw", error);
+    }
+  };
+  return callWithSafeIterationClosing;
+}
+var iteratorHelperThrowsOnInvalidIterator;
+var hasRequiredIteratorHelperThrowsOnInvalidIterator;
+function requireIteratorHelperThrowsOnInvalidIterator() {
+  if (hasRequiredIteratorHelperThrowsOnInvalidIterator) return iteratorHelperThrowsOnInvalidIterator;
+  hasRequiredIteratorHelperThrowsOnInvalidIterator = 1;
+  iteratorHelperThrowsOnInvalidIterator = function(methodName, argument) {
+    var method = typeof Iterator == "function" && Iterator.prototype[methodName];
+    if (method) try {
+      method.call({
+        next: null
+      }, argument).next();
+    } catch (error) {
+      return true;
+    }
+  };
+  return iteratorHelperThrowsOnInvalidIterator;
+}
+var hasRequiredEs_iterator_filter;
+function requireEs_iterator_filter() {
+  if (hasRequiredEs_iterator_filter) return es_iterator_filter;
+  hasRequiredEs_iterator_filter = 1;
+  var $ = require_export();
+  var call = requireFunctionCall();
+  var aCallable2 = requireACallable();
+  var anObject2 = requireAnObject();
+  var getIteratorDirect2 = requireGetIteratorDirect();
+  var createIteratorProxy = requireIteratorCreateProxy();
+  var callWithSafeIterationClosing2 = requireCallWithSafeIterationClosing();
+  var IS_PURE = requireIsPure();
+  var iteratorClose2 = requireIteratorClose();
+  var iteratorHelperThrowsOnInvalidIterator2 = requireIteratorHelperThrowsOnInvalidIterator();
+  var iteratorHelperWithoutClosingOnEarlyError2 = requireIteratorHelperWithoutClosingOnEarlyError();
+  var FILTER_WITHOUT_THROWING_ON_INVALID_ITERATOR = !IS_PURE && !iteratorHelperThrowsOnInvalidIterator2("filter", function() {
+  });
+  var filterWithoutClosingOnEarlyError = !IS_PURE && !FILTER_WITHOUT_THROWING_ON_INVALID_ITERATOR && iteratorHelperWithoutClosingOnEarlyError2("filter", TypeError);
+  var FORCED = IS_PURE || FILTER_WITHOUT_THROWING_ON_INVALID_ITERATOR || filterWithoutClosingOnEarlyError;
+  var IteratorProxy = createIteratorProxy(function() {
+    var iterator = this.iterator;
+    var predicate = this.predicate;
+    var next = this.next;
+    var result, done, value;
+    while (true) {
+      result = anObject2(call(next, iterator));
+      done = this.done = !!result.done;
+      if (done) return;
+      value = result.value;
+      if (callWithSafeIterationClosing2(iterator, predicate, [value, this.counter++], true)) return value;
+    }
+  });
+  $({
+    target: "Iterator",
+    proto: true,
+    real: true,
+    forced: FORCED
+  }, {
+    filter: function filter(predicate) {
+      anObject2(this);
+      try {
+        aCallable2(predicate);
+      } catch (error) {
+        iteratorClose2(this, "throw", error);
+      }
+      if (filterWithoutClosingOnEarlyError) return call(filterWithoutClosingOnEarlyError, this, predicate);
+      return new IteratorProxy(getIteratorDirect2(this), {
+        predicate
+      });
+    }
+  });
+  return es_iterator_filter;
+}
+requireEs_iterator_filter();
 var es_set_difference_v2 = {};
 var setHelpers;
 var hasRequiredSetHelpers;
@@ -2378,7 +2593,7 @@ function isFTableCellApi(value) {
   return value !== null && typeof value === "object" && Boolean(value.tabstopEl);
 }
 const tableCellApiSymbol = /* @__PURE__ */ Symbol("table:cell-api");
-const navKeys = ["ArrowLeft", "ArrowRight", "ArrowUp", "ArrowDown", "Home", "End"];
+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];
@@ -2405,7 +2620,7 @@ function getVerticalNavIndex(table, from, to) {
     target.cell = prevCellIndex;
     prevCellIndex = void 0;
   } else {
-    target.cell = targetMax < from.cell ? targetMax : from.cell;
+    target.cell = Math.min(targetMax, from.cell);
   }
   if (targetMax < from.cell) {
     prevCellIndex = from.cell;
@@ -2419,7 +2634,7 @@ function navigate(e, table, from, last) {
   if (!isDefined(from) || !isDefined(last)) {
     return;
   }
-  if (!navKeys.includes(e.code)) {
+  if (!navKeys.has(e.code)) {
     return;
   }
   e.preventDefault();
@@ -2538,6 +2753,7 @@ function activateCell(element, options) {
   if (options?.focus) {
     targetEl.focus();
   }
+  return targetEl;
 }
 function stopEdit(element, reason) {
   const td = getCell(element);
@@ -2617,8 +2833,8 @@ const _hoisted_1$e = {
   key: 0,
   class: "table-ng__cell table-ng__cell--expand"
 };
-const _hoisted_2$a = ["aria-label", "aria-expanded"];
-const _hoisted_3$8 = {
+const _hoisted_2$9 = ["aria-label", "aria-expanded"];
+const _hoisted_3$6 = {
   key: 1,
   ref: "expandable",
   tabindex: "-1",
@@ -2664,7 +2880,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$a)])) : (vue.openBlock(), vue.createElementBlock("td", _hoisted_3$8, null, 512));
+      }, null, 8, ["name"])], 8, _hoisted_2$9)])) : (vue.openBlock(), vue.createElementBlock("td", _hoisted_3$6, null, 512));
     };
   }
 });
@@ -3082,7 +3298,7 @@ const _hoisted_1$b = {
   scope: "col",
   class: "table-ng__column table-ng__column--selectable"
 };
-const _hoisted_2$9 = ["checked", "indeterminate"];
+const _hoisted_2$8 = ["checked", "indeterminate", "aria-label"];
 const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
   __name: "ITableHeaderSelectable",
   props: {
@@ -3097,9 +3313,13 @@ const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
     emit: __emit
   }) {
     const emit = __emit;
+    const $t = vue$1.useTranslate();
     const indeterminate = vue.computed(() => __props.state === "indeterminate");
     const checked = vue.computed(() => __props.state === "indeterminate" ? false : __props.state);
     const expose = {};
+    const ariaLabel = vue.computed(() => {
+      return !checked.value || indeterminate.value ? $t("fkui.ftable.select-all.aria-label", "Välj alla rader") : $t("fkui.ftable.unselect-all.aria-label", "Avmarkera alla rader");
+    });
     if (__props.selectable === "multi") {
       const inputRef = vue.useTemplateRef("input");
       expose.tabstopEl = inputRef;
@@ -3112,10 +3332,10 @@ const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
         checked: checked.value,
         indeterminate: indeterminate.value,
         type: "checkbox",
-        "aria-label": "select all",
+        "aria-label": ariaLabel.value,
         tabindex: "-1",
         onChange: _cache[0] || (_cache[0] = ($event) => emit("toggle"))
-      }, null, 40, _hoisted_2$9)) : vue.createCommentVNode("", true)]);
+      }, null, 40, _hoisted_2$8)) : vue.createCommentVNode("", true)]);
     };
   }
 });
@@ -3123,8 +3343,8 @@ const _hoisted_1$a = {
   key: 0,
   class: "table-ng__cell table-ng__cell--checkbox"
 };
-const _hoisted_2$8 = ["checked", "aria-label"];
-const _hoisted_3$7 = {
+const _hoisted_2$7 = ["checked", "aria-label"];
+const _hoisted_3$5 = {
   key: 1,
   ref: "target",
   tabindex: "-1",
@@ -3161,7 +3381,7 @@ const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
         "aria-label": ariaLabel.value,
         tabindex: "-1",
         onChange
-      }, null, 40, _hoisted_2$8)])) : (vue.openBlock(), vue.createElementBlock("td", _hoisted_3$7, [vue.createElementVNode("input", {
+      }, 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
@@ -3172,7 +3392,7 @@ const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
 const _hoisted_1$9 = {
   class: "table-ng__cell table-ng__cell--radio"
 };
-const _hoisted_2$7 = ["checked", "aria-label"];
+const _hoisted_2$6 = ["checked", "aria-label"];
 const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
   __name: "ITableRadio",
   props: {
@@ -3203,7 +3423,7 @@ const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
         "aria-label": ariaLabel.value,
         tabindex: "-1",
         onChange
-      }, null, 40, _hoisted_2$7)]);
+      }, null, 40, _hoisted_2$6)]);
     };
   }
 });
@@ -3259,7 +3479,8 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
       },
       update() {
         emit("toggle", __props.row);
-      }
+      },
+      enabled: true
     };
     const singleSelectColumn = {
       type: "radio",
@@ -3277,7 +3498,8 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
       },
       update() {
         emit("toggle", __props.row);
-      }
+      },
+      enabled: true
     };
     return (_ctx, _cache) => {
       return __props.level > 1 ? (vue.openBlock(), vue.createElementBlock("td", _hoisted_1$8)) : __props.selectable === "multi" ? (vue.openBlock(), vue.createBlock(_sfc_main$c, {
@@ -3403,213 +3625,53 @@ function requireEs_array_push() {
       var len = lengthOfArrayLike2(O);
       var argCount = arguments.length;
       doesNotExceedSafeInteger2(len + argCount);
-      for (var i = 0; i < argCount; i++) {
-        O[len] = arguments[i];
-        len++;
-      }
-      setArrayLength(O, len);
-      return len;
-    }
-  });
-  return es_array_push;
-}
-requireEs_array_push();
-function getRowIndexes(rows, expandableAttribute) {
-  const array = [];
-  walk(rows, expandableAttribute, (row) => {
-    array.push(vue$1.getItemIdentifier(row));
-    return true;
-  });
-  return array;
-}
-function getMetaRows(keyedRows, expandedKeys, expandableAttribute) {
-  const rowIndexes = getRowIndexes(keyedRows, expandableAttribute);
-  const array = [];
-  walk(keyedRows, expandableAttribute, (row, level) => {
-    const key = vue$1.getItemIdentifier(row);
-    const isExpandable = Boolean(expandableAttribute && row[expandableAttribute]);
-    const isExpanded = isExpandable && expandedKeys.has(key);
-    const rowIndex = rowIndexes.indexOf(key) + 2;
-    array.push({
-      key,
-      row,
-      rowIndex,
-      level: expandableAttribute ? level : void 0,
-      isExpandable,
-      isExpanded
-    });
-    return isExpanded;
-  });
-  return array;
-}
-const stopEditKey = /* @__PURE__ */ Symbol();
-function useStartStopEdit() {
-  const stopEdit2 = vue.inject(stopEditKey, () => Promise.resolve());
-  return {
-    stopEdit: stopEdit2
-  };
-}
-var es_iterator_map = {};
-var defineBuiltIns;
-var hasRequiredDefineBuiltIns;
-function requireDefineBuiltIns() {
-  if (hasRequiredDefineBuiltIns) return defineBuiltIns;
-  hasRequiredDefineBuiltIns = 1;
-  var defineBuiltIn2 = requireDefineBuiltIn();
-  defineBuiltIns = function(target, src, options) {
-    for (var key in src) defineBuiltIn2(target, key, src[key], options);
-    return target;
-  };
-  return defineBuiltIns;
-}
-var createIterResultObject;
-var hasRequiredCreateIterResultObject;
-function requireCreateIterResultObject() {
-  if (hasRequiredCreateIterResultObject) return createIterResultObject;
-  hasRequiredCreateIterResultObject = 1;
-  createIterResultObject = function(value, done) {
-    return {
-      value,
-      done
-    };
-  };
-  return createIterResultObject;
-}
-var iteratorCloseAll;
-var hasRequiredIteratorCloseAll;
-function requireIteratorCloseAll() {
-  if (hasRequiredIteratorCloseAll) return iteratorCloseAll;
-  hasRequiredIteratorCloseAll = 1;
-  var iteratorClose2 = requireIteratorClose();
-  iteratorCloseAll = function(iters, kind, value) {
-    for (var i = iters.length - 1; i >= 0; i--) {
-      if (iters[i] === void 0) continue;
-      try {
-        value = iteratorClose2(iters[i].iterator, kind, value);
-      } catch (error) {
-        kind = "throw";
-        value = error;
-      }
-    }
-    if (kind === "throw") throw value;
-    return value;
-  };
-  return iteratorCloseAll;
-}
-var iteratorCreateProxy;
-var hasRequiredIteratorCreateProxy;
-function requireIteratorCreateProxy() {
-  if (hasRequiredIteratorCreateProxy) return iteratorCreateProxy;
-  hasRequiredIteratorCreateProxy = 1;
-  var call = requireFunctionCall();
-  var create = requireObjectCreate();
-  var createNonEnumerableProperty2 = requireCreateNonEnumerableProperty();
-  var defineBuiltIns2 = requireDefineBuiltIns();
-  var wellKnownSymbol2 = requireWellKnownSymbol();
-  var InternalStateModule = requireInternalState();
-  var getMethod2 = requireGetMethod();
-  var IteratorPrototype = requireIteratorsCore().IteratorPrototype;
-  var createIterResultObject2 = requireCreateIterResultObject();
-  var iteratorClose2 = requireIteratorClose();
-  var iteratorCloseAll2 = requireIteratorCloseAll();
-  var TO_STRING_TAG = wellKnownSymbol2("toStringTag");
-  var ITERATOR_HELPER = "IteratorHelper";
-  var WRAP_FOR_VALID_ITERATOR = "WrapForValidIterator";
-  var NORMAL = "normal";
-  var THROW = "throw";
-  var setInternalState = InternalStateModule.set;
-  var createIteratorProxyPrototype = function(IS_ITERATOR) {
-    var getInternalState = InternalStateModule.getterFor(IS_ITERATOR ? WRAP_FOR_VALID_ITERATOR : ITERATOR_HELPER);
-    return defineBuiltIns2(create(IteratorPrototype), {
-      next: function next() {
-        var state = getInternalState(this);
-        if (IS_ITERATOR) return state.nextHandler();
-        if (state.done) return createIterResultObject2(void 0, true);
-        try {
-          var result = state.nextHandler();
-          return state.returnHandlerResult ? result : createIterResultObject2(result, state.done);
-        } catch (error) {
-          state.done = true;
-          throw error;
-        }
-      },
-      "return": function() {
-        var state = getInternalState(this);
-        var iterator = state.iterator;
-        state.done = true;
-        if (IS_ITERATOR) {
-          var returnMethod = getMethod2(iterator, "return");
-          return returnMethod ? call(returnMethod, iterator) : createIterResultObject2(void 0, true);
-        }
-        if (state.inner) try {
-          iteratorClose2(state.inner.iterator, NORMAL);
-        } catch (error) {
-          return iteratorClose2(iterator, THROW, error);
-        }
-        if (state.openIters) try {
-          iteratorCloseAll2(state.openIters, NORMAL);
-        } catch (error) {
-          return iteratorClose2(iterator, THROW, error);
-        }
-        if (iterator) iteratorClose2(iterator, NORMAL);
-        return createIterResultObject2(void 0, true);
-      }
-    });
-  };
-  var WrapForValidIteratorPrototype = createIteratorProxyPrototype(true);
-  var IteratorHelperPrototype = createIteratorProxyPrototype(false);
-  createNonEnumerableProperty2(IteratorHelperPrototype, TO_STRING_TAG, "Iterator Helper");
-  iteratorCreateProxy = function(nextHandler, IS_ITERATOR, RETURN_HANDLER_RESULT) {
-    var IteratorProxy = function Iterator2(record, state) {
-      if (state) {
-        state.iterator = record.iterator;
-        state.next = record.next;
-      } else state = record;
-      state.type = IS_ITERATOR ? WRAP_FOR_VALID_ITERATOR : ITERATOR_HELPER;
-      state.returnHandlerResult = !!RETURN_HANDLER_RESULT;
-      state.nextHandler = nextHandler;
-      state.counter = 0;
-      state.done = false;
-      setInternalState(this, state);
-    };
-    IteratorProxy.prototype = IS_ITERATOR ? WrapForValidIteratorPrototype : IteratorHelperPrototype;
-    return IteratorProxy;
-  };
-  return iteratorCreateProxy;
-}
-var callWithSafeIterationClosing;
-var hasRequiredCallWithSafeIterationClosing;
-function requireCallWithSafeIterationClosing() {
-  if (hasRequiredCallWithSafeIterationClosing) return callWithSafeIterationClosing;
-  hasRequiredCallWithSafeIterationClosing = 1;
-  var anObject2 = requireAnObject();
-  var iteratorClose2 = requireIteratorClose();
-  callWithSafeIterationClosing = function(iterator, fn, value, ENTRIES) {
-    try {
-      return ENTRIES ? fn(anObject2(value)[0], value[1]) : fn(value);
-    } catch (error) {
-      iteratorClose2(iterator, "throw", error);
+      for (var i = 0; i < argCount; i++) {
+        O[len] = arguments[i];
+        len++;
+      }
+      setArrayLength(O, len);
+      return len;
     }
-  };
-  return callWithSafeIterationClosing;
+  });
+  return es_array_push;
 }
-var iteratorHelperThrowsOnInvalidIterator;
-var hasRequiredIteratorHelperThrowsOnInvalidIterator;
-function requireIteratorHelperThrowsOnInvalidIterator() {
-  if (hasRequiredIteratorHelperThrowsOnInvalidIterator) return iteratorHelperThrowsOnInvalidIterator;
-  hasRequiredIteratorHelperThrowsOnInvalidIterator = 1;
-  iteratorHelperThrowsOnInvalidIterator = function(methodName, argument) {
-    var method = typeof Iterator == "function" && Iterator.prototype[methodName];
-    if (method) try {
-      method.call({
-        next: null
-      }, argument).next();
-    } catch (error) {
-      return true;
-    }
+requireEs_array_push();
+function getRowIndexes(rows, expandableAttribute) {
+  const array = [];
+  walk(rows, expandableAttribute, (row) => {
+    array.push(vue$1.getItemIdentifier(row));
+    return true;
+  });
+  return array;
+}
+function getMetaRows(keyedRows, expandedKeys, expandableAttribute) {
+  const rowIndexes = getRowIndexes(keyedRows, expandableAttribute);
+  const array = [];
+  walk(keyedRows, expandableAttribute, (row, level) => {
+    const key = vue$1.getItemIdentifier(row);
+    const isExpandable = Boolean(expandableAttribute && Array.isArray(row[expandableAttribute]) && row[expandableAttribute].length > 0);
+    const isExpanded = isExpandable && expandedKeys.has(key);
+    const rowIndex = rowIndexes.indexOf(key) + 2;
+    array.push({
+      key,
+      row,
+      rowIndex,
+      level: expandableAttribute ? level : void 0,
+      isExpandable,
+      isExpanded
+    });
+    return isExpanded;
+  });
+  return array;
+}
+const stopEditKey = /* @__PURE__ */ Symbol();
+function useStartStopEdit() {
+  const stopEdit2 = vue.inject(stopEditKey, () => Promise.resolve());
+  return {
+    stopEdit: stopEdit2
   };
-  return iteratorHelperThrowsOnInvalidIterator;
 }
+var es_iterator_map = {};
 var hasRequiredEs_iterator_map;
 function requireEs_iterator_map() {
   if (hasRequiredEs_iterator_map) return es_iterator_map;
@@ -3661,8 +3723,8 @@ const _hoisted_1$7 = {
   key: 0,
   class: "table-ng__cell table-ng__cell--anchor"
 };
-const _hoisted_2$6 = ["href"];
-const _hoisted_3$6 = {
+const _hoisted_2$5 = ["href"];
+const _hoisted_3$4 = {
   key: 1,
   ref: "target",
   tabindex: "-1",
@@ -3678,37 +3740,27 @@ const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
     expose: __expose
   }) {
     const targetElement = vue.useTemplateRef("target");
-    const renderAnchor = vue.computed(() => {
-      return __props.column.enabled(__props.row) && __props.column.text(__props.row) !== null;
-    });
     const expose = {
       tabstopEl: targetElement
     };
     __expose(expose);
     return (_ctx, _cache) => {
-      return renderAnchor.value ? (vue.openBlock(), vue.createElementBlock("td", _hoisted_1$7, [vue.createElementVNode("a", {
+      return __props.column.text(__props.row) ? (vue.openBlock(), vue.createElementBlock("td", _hoisted_1$7, [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$6)])) : (vue.openBlock(), vue.createElementBlock("td", _hoisted_3$6, null, 512));
+      }, vue.toDisplayString(__props.column.text(__props.row)), 9, _hoisted_2$5)])) : (vue.openBlock(), vue.createElementBlock("td", _hoisted_3$4, null, 512));
     };
   }
 });
 const _hoisted_1$6 = {
-  key: 0,
   class: "table-ng__cell table-ng__cell--button"
 };
-const _hoisted_2$5 = {
+const _hoisted_2$4 = {
   class: "sr-only"
 };
-const _hoisted_3$5 = {
-  key: 1,
-  ref: "td",
-  tabindex: "-1",
-  class: "table-ng__cell"
-};
 const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
   __name: "ITableButton",
   props: {
@@ -3719,7 +3771,6 @@ const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
     expose: __expose
   }) {
     const buttonElement = vue.useTemplateRef("button");
-    const tdElement = vue.useTemplateRef("td");
     function onClickButton() {
       logic.assertRef(buttonElement);
       buttonElement.value.tabIndex = 0;
@@ -3727,15 +3778,12 @@ const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
         __props.column.onClick(__props.row);
       }
     }
-    const renderButton = vue.computed(() => {
-      return __props.column.enabled(__props.row) && __props.column.text(__props.row) !== null;
-    });
     const expose = {
-      tabstopEl: renderButton.value ? buttonElement : tdElement
+      tabstopEl: buttonElement
     };
     __expose(expose);
     return (_ctx, _cache) => {
-      return renderButton.value ? (vue.openBlock(), vue.createElementBlock("td", _hoisted_1$6, [vue.createElementVNode("button", {
+      return vue.openBlock(), vue.createElementBlock("td", _hoisted_1$6, [vue.createElementVNode("button", {
         ref: "button",
         class: "icon-button",
         type: "button",
@@ -3745,7 +3793,7 @@ const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
         key: 0,
         library: __props.column.iconLibrary,
         name: __props.column.icon
-      }, null, 8, ["library", "name"])) : vue.createCommentVNode("", true), _cache[0] || (_cache[0] = vue.createTextVNode()), vue.createElementVNode("span", _hoisted_2$5, vue.toDisplayString(__props.column.text(__props.row)), 1)], 512)])) : (vue.openBlock(), vue.createElementBlock("td", _hoisted_3$5, null, 512));
+      }, null, 8, ["library", "name"])) : vue.createCommentVNode("", true), _cache[0] || (_cache[0] = vue.createTextVNode()), vue.createElementVNode("span", _hoisted_2$4, vue.toDisplayString(__props.column.text(__props.row)), 1)], 512)]);
     };
   }
 });
@@ -3791,17 +3839,8 @@ function requireEs_iterator_find() {
 }
 requireEs_iterator_find();
 const _hoisted_1$5 = {
-  key: 0,
-  class: "table-ng__cell table-ng__cell--button"
-};
-const _hoisted_2$4 = {
   class: "sr-only"
 };
-const _hoisted_3$4 = {
-  key: 1,
-  tabindex: "-1",
-  class: "table-ng__cell"
-};
 const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
   __name: "ITableMenu",
   props: {
@@ -3834,9 +3873,6 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
         };
       });
     });
-    const renderButton = vue.computed(() => {
-      return __props.column.enabled(__props.row);
-    });
     function onOpen(event) {
       event.stopPropagation();
       isOpen.value = true;
@@ -3859,7 +3895,11 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
     __expose(expose);
     return (_ctx, _cache) => {
       var _buttonRef$value;
-      return renderButton.value ? (vue.openBlock(), vue.createElementBlock("td", _hoisted_1$5, [vue.createElementVNode("button", {
+      return vue.openBlock(), vue.createElementBlock("td", {
+        class: vue.normalizeClass(["table-ng__cell table-ng__cell--button", {
+          "table-ng__cell--menu-open": isOpen.value
+        }])
+      }, [vue.createElementVNode("button", {
         ref: "button",
         class: "icon-button",
         type: "button",
@@ -3868,14 +3908,14 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
         onClick: onOpen
       }, [vue.createVNode(vue.unref(vue$1.FIcon), {
         name: "bars"
-      }), _cache[0] || (_cache[0] = vue.createTextVNode()), vue.createElementVNode("span", _hoisted_2$4, vue.toDisplayString(__props.column.text(__props.row)), 1)], 512), _cache[1] || (_cache[1] = vue.createTextVNode()), vue.createVNode(vue.unref(vue$1.FContextMenu), {
+      }), _cache[0] || (_cache[0] = vue.createTextVNode()), vue.createElementVNode("span", _hoisted_1$5, vue.toDisplayString(__props.column.text(__props.row)), 1)], 512), _cache[1] || (_cache[1] = vue.createTextVNode()), vue.createVNode(vue.unref(vue$1.FContextMenu), {
         "is-open": isOpen.value,
         items: menuitems.value,
         anchor: (_buttonRef$value = buttonRef.value) !== null && _buttonRef$value !== void 0 ? _buttonRef$value : void 0,
         onClose,
         onSelect,
         onFocusout
-      }, null, 8, ["is-open", "items", "anchor"])])) : (vue.openBlock(), vue.createElementBlock("td", _hoisted_3$4));
+      }, null, 8, ["is-open", "items", "anchor"])], 2);
     };
   }
 });
@@ -3905,7 +3945,7 @@ const _hoisted_3$3 = ["aria-expanded", "aria-controls", "aria-activedescendant",
 const _hoisted_4$3 = {
   class: "table-ng__editable__text"
 };
-const _hoisted_5$3 = {
+const _hoisted_5$2 = {
   key: 1,
   tabindex: "-1",
   class: "table-ng__cell table-ng__cell--static"
@@ -3998,12 +4038,12 @@ const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
       if (activeOption.value) {
         const index = __props.column.options.indexOf(activeOption.value);
         if (index === 0) {
-          activeOption.value = __props.column.options[__props.column.options.length - 1];
+          activeOption.value = __props.column.options.at(-1);
         } else {
           activeOption.value = __props.column.options[index - 1];
         }
       } else {
-        activeOption.value = __props.column.options[__props.column.options.length - 1];
+        activeOption.value = __props.column.options.at(-1);
       }
     }
     async function onEditKeyDown(e) {
@@ -4058,10 +4098,7 @@ const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
         tabindex: "-1",
         onKeydown: onCellKeyDown,
         onClick: vue.withModifiers(onCellClick, ["stop"])
-      }, [vue.withDirectives(vue.createElementVNode("div", _hoisted_1$4, [vue.createElementVNode("span", _hoisted_2$3, vue.toDisplayString(viewValue.value), 1), _cache[3] || (_cache[3] = vue.createTextVNode()), vue.createVNode(vue.unref(vue$1.FIcon), {
-        name: "arrow-down",
-        class: "table-ng__editable__icon"
-      })], 512), [[vue.vShow, !editing.value]]), _cache[5] || (_cache[5] = vue.createTextVNode()), vue.withDirectives(vue.createElementVNode("div", {
+      }, [vue.withDirectives(vue.createElementVNode("div", _hoisted_1$4, [vue.createElementVNode("span", _hoisted_2$3, vue.toDisplayString(viewValue.value), 1)], 512), [[vue.vShow, !editing.value]]), _cache[3] || (_cache[3] = vue.createTextVNode()), vue.withDirectives(vue.createElementVNode("div", {
         ref: "edit",
         role: "combobox",
         tabindex: "-1",
@@ -4077,10 +4114,7 @@ const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
         }, ["prevent"])),
         onKeydown: vue.withModifiers(onEditKeyDown, ["stop"]),
         onFocusout: _cache[2] || (_cache[2] = (e) => onEditBlur(e))
-      }, [vue.createElementVNode("span", _hoisted_4$3, vue.toDisplayString(viewValue.value), 1), _cache[4] || (_cache[4] = vue.createTextVNode()), vue.createVNode(vue.unref(vue$1.FIcon), {
-        name: "arrow-down",
-        class: "table-ng__editable__icon--active"
-      })], 40, _hoisted_3$3), [[vue.vShow, editing.value]]), _cache[6] || (_cache[6] = vue.createTextVNode()), vue.withDirectives(vue.createVNode(vue.unref(vue$1.IComboboxDropdown), {
+      }, [vue.createElementVNode("span", _hoisted_4$3, vue.toDisplayString(viewValue.value), 1)], 40, _hoisted_3$3), [[vue.vShow, editing.value]]), _cache[4] || (_cache[4] = vue.createTextVNode()), vue.withDirectives(vue.createVNode(vue.unref(vue$1.IComboboxDropdown), {
         id: vue.unref(dropdownId),
         "is-open": dropdownIsOpen.value,
         options: __props.column.options,
@@ -4089,7 +4123,7 @@ const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
         "input-node": editRef.value,
         onSelect: selectDropdownOption,
         onClose: onDropdownClose
-      }, null, 8, ["id", "is-open", "options", "active-option", "active-option-id", "input-node"]), [[vue.vShow, editing.value]])], 32)) : (vue.openBlock(), vue.createElementBlock("td", _hoisted_5$3, vue.toDisplayString(__props.column.selected(__props.row)), 1));
+      }, null, 8, ["id", "is-open", "options", "active-option", "active-option-id", "input-node"]), [[vue.vShow, editing.value]])], 32)) : (vue.openBlock(), vue.createElementBlock("td", _hoisted_5$2, vue.toDisplayString(__props.column.selected(__props.row)), 1));
     };
   }
 });
@@ -4097,12 +4131,14 @@ function defaultTnumValue(type) {
   const tnumTypes = ["text:bankAccountNumber", "text:bankgiro", "text:clearingNumber", "text:currency", "text:number", "text:organisationsnummer", "text:percent", "text:personnummer", "text:phoneNumber", "text:plusgiro", "text:postalCode"];
   return tnumTypes.includes(type);
 }
+const defaultLabelFn = () => "";
 function getLabelFn(fn) {
   if (fn) {
     return fn;
   }
-  return () => "";
+  return defaultLabelFn;
 }
+const defaultUpdateFn = () => void 0;
 function getUpdateFn(fn, key) {
   if (fn) {
     return fn;
@@ -4112,7 +4148,7 @@ function getUpdateFn(fn, key) {
       row[key] = value;
     };
   }
-  return () => void 0;
+  return defaultUpdateFn;
 }
 function getValueFn(fn, key, coerce, defaultValue) {
   if (fn) {
@@ -4144,10 +4180,7 @@ const _hoisted_3$2 = {
   key: 0,
   class: "sr-only"
 };
-const _hoisted_4$2 = ["id", "aria-label"];
-const _hoisted_5$2 = {
-  ref: "pen"
-};
+const _hoisted_4$2 = ["id", "aria-label", "aria-hidden"];
 const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
   __name: "ITableText",
   props: {
@@ -4237,7 +4270,6 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
     });
     const tdElement = vue.useTemplateRef("td");
     const inputElement = vue.useTemplateRef("input");
-    const penElement = vue.useTemplateRef("pen");
     const {
       stopEdit: stopEdit2
     } = useStartStopEdit();
@@ -4266,7 +4298,7 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
     function setUpFakeValidation(el) {
       logic.assertRef(inputElement);
       const nativeEvents = ["change", "blur"];
-      nativeEvents.forEach((nativeEvent) => {
+      for (const nativeEvent of nativeEvents) {
         core.useEventListener(el, nativeEvent, () => {
           const fakeEvent = new CustomEvent("validity", {
             detail: {
@@ -4280,7 +4312,7 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
           });
           onValidity(fakeEvent);
         });
-      });
+      }
       core.useEventListener(el, "input", onPendingValidity);
       core.useEventListener(el, "component-validity", (e) => {
         e.stopPropagation();
@@ -4299,20 +4331,20 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
     });
     vue.watchEffect(() => {
       if (hasError.value) {
-        var _tdElement$value, _penElement$value;
+        var _tdElement$value, _inputElement$value;
         emit("onError", {
           anchor: (_tdElement$value = tdElement.value) !== null && _tdElement$value !== void 0 ? _tdElement$value : void 0,
-          arrowAnchor: (_penElement$value = penElement.value) !== null && _penElement$value !== void 0 ? _penElement$value : void 0,
+          arrowAnchor: (_inputElement$value = inputElement.value) !== null && _inputElement$value !== void 0 ? _inputElement$value : void 0,
           message: validity.value.validationMessage,
           hasFocus: focused.value,
           hasHover: isHovered.value,
           inEdit: inEdit.value
         });
       } else {
-        var _tdElement$value2, _penElement$value2;
+        var _tdElement$value2, _inputElement$value2;
         emit("closeError", {
           anchor: (_tdElement$value2 = tdElement.value) !== null && _tdElement$value2 !== void 0 ? _tdElement$value2 : void 0,
-          arrowAnchor: (_penElement$value2 = penElement.value) !== null && _penElement$value2 !== void 0 ? _penElement$value2 : void 0,
+          arrowAnchor: (_inputElement$value2 = inputElement.value) !== null && _inputElement$value2 !== void 0 ? _inputElement$value2 : void 0,
           message: validity.value.validationMessage,
           hasFocus: focused.value,
           hasHover: isHovered.value,
@@ -4390,23 +4422,30 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
     function onEditingKeydown(event) {
       logic.assertRef(inputElement);
       event.stopPropagation();
-      if (event.key === "Enter") {
-        if (viewValue.value === initialViewValue) {
+      switch (event.key) {
+        case "Enter": {
+          if (viewValue.value === initialViewValue) {
+            onStopEdit({
+              reason: "enter"
+            });
+          } else {
+            pendingStopEditReason = "enter";
+          }
+          break;
+        }
+        case "Escape": {
           onStopEdit({
-            reason: "enter"
+            reason: "escape"
           });
-        } else {
-          pendingStopEditReason = "enter";
+          viewValue.value = initialViewValue;
+          inputElement.value.value = initialViewValue;
+          void validationFacade.validateElement(inputElement.value);
+          break;
+        }
+        case "Tab": {
+          pendingStopEditReason = event.shiftKey ? "shift-tab" : "tab";
+          break;
         }
-      } else if (event.key === "Escape") {
-        onStopEdit({
-          reason: "escape"
-        });
-        viewValue.value = initialViewValue;
-        inputElement.value.value = initialViewValue;
-        void validationFacade.validateElement(inputElement.value);
-      } else if (event.key === "Tab") {
-        pendingStopEditReason = event.shiftKey ? "shift-tab" : "tab";
       }
     }
     function onKeydown(event) {
@@ -4485,16 +4524,14 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
         ...configAttributes.value,
         ...columnAttributes.value
       }, {
+        "aria-hidden": !inEdit.value,
         onValidity,
         onPendingValidity
-      }), null, 16, _hoisted_4$2), [[vue.vModelText, viewValue.value]]), _cache[3] || (_cache[3] = vue.createTextVNode()), vue.createElementVNode("div", _hoisted_5$2, [vue.createVNode(vue.unref(vue$1.FIcon), {
-        name: "pen",
-        class: "table-ng__editable__icon"
-      })], 512)], 2), _cache[4] || (_cache[4] = vue.createTextVNode()), vue.createVNode(vue.unref(vue$1.IPopupError), {
+      }), null, 16, _hoisted_4$2), [[vue.vModelText, viewValue.value]])], 2), _cache[3] || (_cache[3] = vue.createTextVNode()), vue.createVNode(vue.unref(vue$1.IPopupError), {
         anchor: tdElement.value,
         "is-open": openPopupError.value,
         "error-message": validity.value.validationMessage,
-        "arrow-anchor": penElement.value,
+        "arrow-anchor": inputElement.value,
         layout: "f-table"
       }, null, 8, ["anchor", "is-open", "error-message", "arrow-anchor"])], 42, _hoisted_1$3)) : (vue.openBlock(), vue.createElementBlock("td", {
         key: 1,
@@ -4511,23 +4548,21 @@ function normalizeAnchorColumn(column) {
     type: "anchor",
     text: getValueFn(column.text, column.key, String, ""),
     href: column.href,
-    enabled: typeof column.enabled === "function" ? column.enabled : () => {
-      var _column$enabled;
-      return Boolean((_column$enabled = column.enabled) !== null && _column$enabled !== void 0 ? _column$enabled : true);
-    },
     sortable: (_column$key = column.key) !== null && _column$key !== void 0 ? _column$key : null
   };
 }
 function normalizeBaseColumn(column) {
+  var _column$enabled;
   const id = /* @__PURE__ */ Symbol();
   const header = vue.toRef(column.header);
-  const description = typeof column.description !== "undefined" ? vue.toRef(column.description) : vue.ref("");
-  const size = typeof column.size !== "undefined" ? vue.toRef(column.size) : vue.ref("grow");
+  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");
   return {
     id,
     header,
     description,
-    size
+    size,
+    enabled: (_column$enabled = column.enabled) !== null && _column$enabled !== void 0 ? _column$enabled : true
   };
 }
 function normalizeButtonColumn(column) {
@@ -4536,10 +4571,6 @@ function normalizeButtonColumn(column) {
     type: "button",
     text: getValueFn(column.text, column.key, String, ""),
     onClick: column.onClick,
-    enabled: typeof column.enabled === "function" ? column.enabled : () => {
-      var _column$enabled;
-      return Boolean((_column$enabled = column.enabled) !== null && _column$enabled !== void 0 ? _column$enabled : true);
-    },
     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
@@ -4574,11 +4605,7 @@ function normalizeMenuColumn(column) {
         icon: (_it$icon = it.icon) !== null && _it$icon !== void 0 ? _it$icon : null,
         onClick: (_it$onClick = it.onClick) !== null && _it$onClick !== void 0 ? _it$onClick : noop
       };
-    }),
-    enabled: typeof column.enabled === "function" ? column.enabled : () => {
-      var _column$enabled;
-      return Boolean((_column$enabled = column.enabled) !== null && _column$enabled !== void 0 ? _column$enabled : true);
-    }
+    })
   };
 }
 function normalizeNumberColumn(column) {
@@ -4845,6 +4872,84 @@ function usePopupError() {
     activeErrorAnchor
   };
 }
+var es_array_toSorted = {};
+var arrayFromConstructorAndList;
+var hasRequiredArrayFromConstructorAndList;
+function requireArrayFromConstructorAndList() {
+  if (hasRequiredArrayFromConstructorAndList) return arrayFromConstructorAndList;
+  hasRequiredArrayFromConstructorAndList = 1;
+  var lengthOfArrayLike2 = requireLengthOfArrayLike();
+  arrayFromConstructorAndList = function(Constructor, list, $length) {
+    var index = 0;
+    var length = arguments.length > 2 ? $length : lengthOfArrayLike2(list);
+    var result = new Constructor(length);
+    while (length > index) result[index] = list[index++];
+    return result;
+  };
+  return arrayFromConstructorAndList;
+}
+var getBuiltInPrototypeMethod;
+var hasRequiredGetBuiltInPrototypeMethod;
+function requireGetBuiltInPrototypeMethod() {
+  if (hasRequiredGetBuiltInPrototypeMethod) return getBuiltInPrototypeMethod;
+  hasRequiredGetBuiltInPrototypeMethod = 1;
+  var globalThis2 = requireGlobalThis();
+  getBuiltInPrototypeMethod = function(CONSTRUCTOR, METHOD) {
+    var Constructor = globalThis2[CONSTRUCTOR];
+    var Prototype = Constructor && Constructor.prototype;
+    return Prototype && Prototype[METHOD];
+  };
+  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;
+  hasRequiredEs_array_toSorted = 1;
+  var $ = require_export();
+  var uncurryThis = requireFunctionUncurryThis();
+  var aCallable2 = requireACallable();
+  var toIndexedObject2 = requireToIndexedObject();
+  var arrayFromConstructorAndList2 = requireArrayFromConstructorAndList();
+  var getBuiltInPrototypeMethod2 = requireGetBuiltInPrototypeMethod();
+  var addToUnscopables2 = requireAddToUnscopables();
+  var $Array = Array;
+  var sort = uncurryThis(getBuiltInPrototypeMethod2("Array", "sort"));
+  $({
+    target: "Array",
+    proto: true
+  }, {
+    toSorted: function toSorted(compareFn) {
+      if (compareFn !== void 0) aCallable2(compareFn);
+      var O = toIndexedObject2(this);
+      var A = arrayFromConstructorAndList2($Array, O);
+      return sort(A, compareFn);
+    }
+  });
+  addToUnscopables2("toSorted");
+  return es_array_toSorted;
+}
+requireEs_array_toSorted();
 var es_iterator_some = {};
 var hasRequiredEs_iterator_some;
 function requireEs_iterator_some() {
@@ -4926,7 +5031,7 @@ function useSelectable(options) {
       selectedRows.value = [row];
     } else {
       const index = selectedRows.value.indexOf(row);
-      if (index < 0) {
+      if (index === -1) {
         selectedRows.value.push(row);
       } else {
         selectedRows.value.splice(index, 1);
@@ -4939,7 +5044,7 @@ function useSelectable(options) {
   }
   let oldKeys = void 0;
   vue.watch(() => vue.toValue(rows), (newValue) => {
-    const newKeys = newValue.map(rowKey).sort();
+    const newKeys = newValue.map(rowKey).toSorted();
     if (!oldKeys) {
       oldKeys = newKeys;
       return;
@@ -4978,7 +5083,7 @@ function useTabstop(tableRef, metaRows) {
     logic.assertRef(tableRef);
     const needle = newRows[0];
     const newFirstRowOldIndex = oldRows.findIndex(matching(needle));
-    if (newFirstRowOldIndex > -1) {
+    if (newFirstRowOldIndex !== -1) {
       const target = getCellTarget(tableRef.value, newFirstRowOldIndex + 1, 0);
       activateCell(target, {
         focus
@@ -4992,7 +5097,7 @@ function useTabstop(tableRef, metaRows) {
     const tabFallback = pendingRowRemoval ? "sticky" : "first-cell";
     pendingRowRemoval = false;
     logic.assertRef(tableRef);
-    const oldTabstopElement = tableRef.value.querySelector(`:not(tfoot)[tabindex="0"]`);
+    const oldTabstopElement = tableRef.value.querySelector(`[tabindex="0"]`);
     logic.assertSet(oldTabstopElement);
     const oldTabstopFocused = oldTabstopElement === document.activeElement;
     if (oldTabstopElement.closest("th")) {
@@ -5131,6 +5236,9 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
     striped: {
       type: Boolean
     },
+    disableDividers: {
+      type: Boolean
+    },
     selectable: {
       default: () => void 0
     }
@@ -5145,6 +5253,7 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
     expose: __expose
   }) {
     const selectedRows = vue.useModel(__props, "selectedRows");
+    const $t = vue$1.useTranslate();
     const {
       hasSlot
     } = vue$1.useSlotUtils();
@@ -5176,9 +5285,12 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
     const hasFooter = vue.computed(() => {
       return hasSlot("footer");
     });
-    const columns = vue.computed(() => normalizeTableColumns(__props.columns));
+    const columns = vue.computed(() => normalizeTableColumns(__props.columns).filter((col) => vue.toValue(col.enabled)));
     const tableClasses = vue.computed(() => {
-      return __props.striped ? "table-ng table-ng--striped" : "table-ng";
+      return ["table-ng", {
+        "table-ng--striped": __props.striped,
+        "table-ng--divided": !__props.disableDividers
+      }];
     });
     const slots = vue.useSlots();
     const hasExpandableSlot = vue.computed(() => {
@@ -5201,18 +5313,21 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
     function onClick(e) {
       const cell = e.target.closest("td, th");
       if (cell) {
-        activateCell(cell, {
+        const targetEl = activateCell(cell, {
           focus: true
         });
+        if (e.target instanceof Node && !targetEl.contains(e.target)) {
+          targetEl.click();
+        }
       }
     }
     function onTableFocusin(e) {
       logic.assertRef(tableRef);
-      tableRef.value.querySelectorAll(`:not(tfoot)[tabindex="0"]`).forEach((it) => {
+      for (const it of tableRef.value.querySelectorAll(`[tabindex="0"]`)) {
         if (it !== e.target) {
           it.setAttribute("tabindex", "-1");
         }
-      });
+      }
     }
     function isInExpandable(el) {
       if (!el.parentElement) {
@@ -5235,7 +5350,7 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
       if (!tableRef.value) {
         return;
       }
-      const outsideTable = Boolean(tableRef.value.tFoot?.contains(relatedTarget)) || !tableRef.value.contains(relatedTarget);
+      const outsideTable = !tableRef.value.contains(relatedTarget);
       if (outsideTable) {
         const cell = target.closest("td, th");
         if (cell) {
@@ -5329,13 +5444,12 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
         ref: "table",
         role: role.value,
         class: vue.normalizeClass(tableClasses.value),
-        "aria-rowcount": ariaRowcount.value
-      }, [hasCaption.value ? (vue.openBlock(), vue.createElementBlock("caption", _hoisted_2$1, [vue.renderSlot(_ctx.$slots, "caption")])) : vue.createCommentVNode("", true), _cache[5] || (_cache[5] = vue.createTextVNode()), vue.createElementVNode("thead", {
+        "aria-rowcount": ariaRowcount.value,
         onFocusin: onTableFocusin,
         onFocusout: onTableFocusout,
         onClick,
         onKeydown
-      }, [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[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, {
         key: 1,
         ref: bindCellApiRef,
         state: vue.unref(selectableHeaderState)(),
@@ -5350,15 +5464,10 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
           scope: "col",
           onToggleSortOrder
         }, null, 8, ["column", "sort-enabled", "sort-order"]);
-      }), 128))])], 32), _cache[6] || (_cache[6] = vue.createTextVNode()), vue.createElementVNode("tbody", {
-        onFocusin: onTableFocusin,
-        onFocusout: onTableFocusout,
-        onClick,
-        onKeydown
-      }, [isEmpty.value ? (vue.openBlock(), vue.createElementBlock("tr", _hoisted_5$1, [vue.createElementVNode("td", {
+      }), 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", {}, () => [_cache[2] || (_cache[2] = vue.createTextVNode(" Tabellen är tom ", -1))])], 8, _hoisted_6$1)])) : (vue.openBlock(true), vue.createElementBlock(vue.Fragment, {
+      }, [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, {
         key: 1
       }, vue.renderList(metaRows.value, ({
         key,
@@ -5386,7 +5495,7 @@ 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[4] || (_cache[4] = 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[3] || (_cache[3] = vue.createTextVNode()), level > 1 && hasExpandableSlot.value ? (vue.openBlock(), vue.createBlock(_sfc_main$f, {
           key: 1,
           colspan: columns.value.length
         }, {
@@ -5407,7 +5516,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[3] || (_cache[3] = 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[2] || (_cache[2] = 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), {
@@ -5424,38 +5533,17 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
             row
           }, null, 8, ["row"])) : vue.createCommentVNode("", true)], 64);
         }), 128))], 64))], 8, _hoisted_7$1);
-      }), 128))], 32), _cache[7] || (_cache[7] = vue.createTextVNode()), hasFooter.value ? (vue.openBlock(), vue.createElementBlock("tfoot", _hoisted_8, [vue.createElementVNode("tr", {
+      }), 128))]), _cache[6] || (_cache[6] = vue.createTextVNode()), hasFooter.value ? (vue.openBlock(), vue.createElementBlock("tfoot", _hoisted_8, [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)], 10, _hoisted_1$2);
+      }, [vue.renderSlot(_ctx.$slots, "footer")], 8, _hoisted_10)], 8, _hoisted_9)])) : vue.createCommentVNode("", true)], 42, _hoisted_1$2);
     };
   }
 });
 var es_array_toSpliced = {};
-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_toSpliced;
 function requireEs_array_toSpliced() {
   if (hasRequiredEs_array_toSpliced) return es_array_toSpliced;
@@ -6148,21 +6236,6 @@ function requireEs_typedArray_toReversed() {
 }
 requireEs_typedArray_toReversed();
 var es_typedArray_toSorted = {};
-var arrayFromConstructorAndList;
-var hasRequiredArrayFromConstructorAndList;
-function requireArrayFromConstructorAndList() {
-  if (hasRequiredArrayFromConstructorAndList) return arrayFromConstructorAndList;
-  hasRequiredArrayFromConstructorAndList = 1;
-  var lengthOfArrayLike2 = requireLengthOfArrayLike();
-  arrayFromConstructorAndList = function(Constructor, list, $length) {
-    var index = 0;
-    var length = arguments.length > 2 ? $length : lengthOfArrayLike2(list);
-    var result = new Constructor(length);
-    while (length > index) result[index] = list[index++];
-    return result;
-  };
-  return arrayFromConstructorAndList;
-}
 var hasRequiredEs_typedArray_toSorted;
 function requireEs_typedArray_toSorted() {
   if (hasRequiredEs_typedArray_toSorted) return es_typedArray_toSorted;
@@ -6528,7 +6601,7 @@ function requireUint8FromHex() {
   var uncurryThis = requireFunctionUncurryThis();
   var Uint8Array2 = globalThis2.Uint8Array;
   var SyntaxError = globalThis2.SyntaxError;
-  var parseInt2 = globalThis2.parseInt;
+  var parseInt = globalThis2.parseInt;
   var min = Math.min;
   var NOT_HEX = /[^\da-f]/i;
   var exec = uncurryThis(NOT_HEX.exec);
@@ -6543,7 +6616,7 @@ function requireUint8FromHex() {
     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++] = parseInt2(hexits, 16);
+      bytes[written++] = parseInt(hexits, 16);
     }
     return {
       bytes,
@@ -7054,7 +7127,7 @@ const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
         Object.values(filer ? filer : valdFil.value).forEach(async (value) => {
           try {
             const buffer = await value.arrayBuffer();
-            const reduced = new Uint8Array(buffer).reduce((data, byte) => data + String.fromCharCode(byte), "");
+            const reduced = new Uint8Array(buffer).reduce((data, byte) => data + String.fromCodePoint(byte), "");
             uppladdatDokument.value = {
               dokument: {
                 filnamn: value.name,
@@ -7087,14 +7160,14 @@ const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
     }
     function fokusElement(id) {
       setTimeout(() => {
-        const element = document.getElementById(id);
+        const element = document.querySelector(`#${id}`);
         if (element instanceof HTMLElement) {
           element.focus();
         }
       }, 100);
     }
     function resetElement(id) {
-      const element = document.getElementById(id);
+      const element = document.querySelector(`#${id}`);
       if (element instanceof HTMLInputElement) {
         element.value = "";
       }
@@ -7203,61 +7276,6 @@ function uniqueValues(items, property) {
   unique.sort();
   return unique;
 }
-var es_iterator_filter = {};
-var hasRequiredEs_iterator_filter;
-function requireEs_iterator_filter() {
-  if (hasRequiredEs_iterator_filter) return es_iterator_filter;
-  hasRequiredEs_iterator_filter = 1;
-  var $ = require_export();
-  var call = requireFunctionCall();
-  var aCallable2 = requireACallable();
-  var anObject2 = requireAnObject();
-  var getIteratorDirect2 = requireGetIteratorDirect();
-  var createIteratorProxy = requireIteratorCreateProxy();
-  var callWithSafeIterationClosing2 = requireCallWithSafeIterationClosing();
-  var IS_PURE = requireIsPure();
-  var iteratorClose2 = requireIteratorClose();
-  var iteratorHelperThrowsOnInvalidIterator2 = requireIteratorHelperThrowsOnInvalidIterator();
-  var iteratorHelperWithoutClosingOnEarlyError2 = requireIteratorHelperWithoutClosingOnEarlyError();
-  var FILTER_WITHOUT_THROWING_ON_INVALID_ITERATOR = !IS_PURE && !iteratorHelperThrowsOnInvalidIterator2("filter", function() {
-  });
-  var filterWithoutClosingOnEarlyError = !IS_PURE && !FILTER_WITHOUT_THROWING_ON_INVALID_ITERATOR && iteratorHelperWithoutClosingOnEarlyError2("filter", TypeError);
-  var FORCED = IS_PURE || FILTER_WITHOUT_THROWING_ON_INVALID_ITERATOR || filterWithoutClosingOnEarlyError;
-  var IteratorProxy = createIteratorProxy(function() {
-    var iterator = this.iterator;
-    var predicate = this.predicate;
-    var next = this.next;
-    var result, done, value;
-    while (true) {
-      result = anObject2(call(next, iterator));
-      done = this.done = !!result.done;
-      if (done) return;
-      value = result.value;
-      if (callWithSafeIterationClosing2(iterator, predicate, [value, this.counter++], true)) return value;
-    }
-  });
-  $({
-    target: "Iterator",
-    proto: true,
-    real: true,
-    forced: FORCED
-  }, {
-    filter: function filter(predicate) {
-      anObject2(this);
-      try {
-        aCallable2(predicate);
-      } catch (error) {
-        iteratorClose2(this, "throw", error);
-      }
-      if (filterWithoutClosingOnEarlyError) return call(filterWithoutClosingOnEarlyError, this, predicate);
-      return new IteratorProxy(getIteratorDirect2(this), {
-        predicate
-      });
-    }
-  });
-  return es_iterator_filter;
-}
-requireEs_iterator_filter();
 const _hoisted_1 = {
   class: "sort-filter-dataset-ng"
 };
@@ -7315,14 +7333,14 @@ function hoursMinutesStringToMinutes(valueString, extraForgiving = false) {
   if (logic.isEmpty(valueString.trim())) {
     return void 0;
   }
-  const [hours, minutes] = splitHoursMinutes(valueString, extraForgiving).map((value) => parseInt(value, 10));
+  const [hours, minutes] = splitHoursMinutes(valueString, extraForgiving).map((value) => Number.parseInt(value, 10));
   const totalMinutes = hours * 60 + minutes;
-  return !isNaN(totalMinutes) ? totalMinutes : void 0;
+  return !Number.isNaN(totalMinutes) ? totalMinutes : void 0;
 }
 function minutesToHoursMinutesString(value) {
   let valueString = "";
-  const safeValue = value !== null && value !== void 0 ? value : NaN;
-  if (!isNaN(safeValue)) {
+  const safeValue = value !== null && value !== void 0 ? value : Number.NaN;
+  if (!Number.isNaN(safeValue)) {
     const {
       hours,
       minutes
@@ -7349,18 +7367,18 @@ function minutesToUserFriendlyString(value) {
   });
 }
 function minutesToHoursFloat(...values) {
-  const minutes = values.filter((value) => logic.isSet(value) && !isNaN(value)).reduce((sum, value) => sum + value, 0);
+  const minutes = values.filter((value) => logic.isSet(value) && !Number.isNaN(value)).reduce((sum, value) => sum + value, 0);
   return minutes / 60;
 }
 function minutesToObject(...values) {
-  const minutes = values.filter((value) => logic.isSet(value) && !isNaN(value)).reduce((sum, value) => sum + value, 0);
+  const minutes = values.filter((value) => logic.isSet(value) && !Number.isNaN(value)).reduce((sum, value) => sum + value, 0);
   return {
     hours: Math.floor(minutes / 60),
     minutes: minutes % 60
   };
 }
 function formatNumberToTime(value) {
-  if (typeof value !== "number" || isNaN(value)) {
+  if (typeof value !== "number" || Number.isNaN(value)) {
     return void 0;
   }
   return minutesToHoursMinutesString(value);
@@ -7370,8 +7388,8 @@ function parseTimeToNumberUsingConfig(value, extraForgiving) {
   if (typeof value !== "string") {
     return void 0;
   }
-  const parsedValue = (_hoursMinutesStringTo = hoursMinutesStringToMinutes(value, extraForgiving)) !== null && _hoursMinutesStringTo !== void 0 ? _hoursMinutesStringTo : NaN;
-  return !isNaN(parsedValue) ? parsedValue : void 0;
+  const parsedValue = (_hoursMinutesStringTo = hoursMinutesStringToMinutes(value, extraForgiving)) !== null && _hoursMinutesStringTo !== void 0 ? _hoursMinutesStringTo : Number.NaN;
+  return !Number.isNaN(parsedValue) ? parsedValue : void 0;
 }
 function parseTimeToNumber(value) {
   return parseTimeToNumberUsingConfig(value, false);