npm - @fkui/vue - Versions diffs - 6.2.0 → 6.3.1 - Mend

@fkui/vue 6.2.0 → 6.3.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (15) hide show

package/dist/cjs/cypress.cjs.js +3 -0
package/dist/cjs/cypress.cjs.js.map +2 -2
package/dist/cjs/index.cjs.js +1542 -454
package/dist/cjs/index.cjs.js.map +1 -1
package/dist/esm/cypress.esm.js +3 -0
package/dist/esm/cypress.esm.js.map +2 -2
package/dist/esm/index.esm.js +1543 -455
package/dist/esm/index.esm.js.map +1 -1
package/dist/types/cypress.d.ts +1 -0
package/dist/types/index.d.ts +213 -148
package/dist/types/tsdoc-metadata.json +1 -1
package/htmlvalidate/elements/components.js +23 -3
package/htmlvalidate/elements/internal-components.js +1 -0
package/package.json +6 -6
package/tsconfig-consumer.json +1 -3

package/dist/esm/index.esm.js CHANGED Viewed

@@ -1,8 +1,8 @@
-import { defineComponent, computed, createElementBlock, openBlock, normalizeClass, renderSlot, mergeProps, createTextVNode, createElementVNode, createApp, resolveComponent, createCommentVNode, withKeys, createVNode, toDisplayString, createBlock, withCtx, Fragment, renderList, withModifiers, isVNode, Comment, getCurrentInstance, resolveDynamicComponent, onMounted, toValue, onUnmounted, useSlots, ref, normalizeProps, guardReactiveProps, unref, Transition, Teleport, normalizeStyle, useTemplateRef, watchEffect, watch, nextTick, withDirectives, vShow, readonly, inject, toRef, provide, createSlots, vModelSelect, vModelDynamic, toHandlers, shallowRef, onUpdated, toRefs } from "vue";
+import { defineComponent, computed, createElementBlock, openBlock, normalizeClass, renderSlot, mergeProps, createTextVNode, createElementVNode, createApp, resolveComponent, createCommentVNode, withKeys, createVNode, toDisplayString, createBlock, withCtx, Fragment, renderList, withModifiers, isVNode, Comment, getCurrentInstance, resolveDynamicComponent, onMounted, toValue, onUnmounted, useSlots, ref, normalizeProps, guardReactiveProps, unref, Transition, Teleport, normalizeStyle, useTemplateRef, watchEffect, watch, nextTick, withDirectives, vShow, readonly, inject, toRef, provide, createSlots, vModelSelect, vModelDynamic, toHandlers, shallowRef, onUpdated, toRefs, getCurrentScope, onScopeDispose, defineCustomElement } from "vue";
 import { TranslationService, isSet, configLogic, focus as focus$1, ElementIdService, findTabbableElements, popFocus, pushFocus, scrollTo, documentOrderComparator, ValidationService, isValidatableHTMLElement, alertScreenReader, debounce, handleTab, isEmpty, deepClone, parseNumber, formatNumber, parseBankAccountNumber, parseBankgiro, parseClearingNumber, parsePersonnummer, formatPersonnummer, parsePlusgiro, formatPostalCode, parsePercent, formatPercent, parseOrganisationsnummer, isInvalidDatesConfig, isInvalidWeekdaysConfig, parseDate, waitForScreenReader, focusFirst, removeFocusListener, restoreFocus, saveFocus, addFocusListener, DomUtils } from "@fkui/logic";
 import { groupByWeek, getWeekdayNamings, FDate, DateFormat } from "@fkui/date";
 const statuses = ["default", "warning", "error", "success", "info"];
-const _sfc_main$1c = /* @__PURE__ */ defineComponent({
+const _sfc_main$1e = /* @__PURE__ */ defineComponent({
   __name: "FBadge",
   props: {
     /**
@@ -160,10 +160,10 @@ function requireClassofRaw() {
   if (hasRequiredClassofRaw) return classofRaw;
   hasRequiredClassofRaw = 1;
   var uncurryThis = requireFunctionUncurryThis();
-  var toString = uncurryThis({}.toString);
+  var toString2 = uncurryThis({}.toString);
   var stringSlice = uncurryThis("".slice);
   classofRaw = function(it) {
-    return stringSlice(toString(it), 8, -1);
+    return stringSlice(toString2(it), 8, -1);
   };
   return classofRaw;
 }
@@ -232,16 +232,16 @@ function requireIsCallable() {
   };
   return isCallable;
 }
-var isObject;
+var isObject$1;
 var hasRequiredIsObject$1;
 function requireIsObject$1() {
-  if (hasRequiredIsObject$1) return isObject;
+  if (hasRequiredIsObject$1) return isObject$1;
   hasRequiredIsObject$1 = 1;
   var isCallable2 = requireIsCallable();
-  isObject = function(it) {
+  isObject$1 = function(it) {
     return typeof it == "object" ? it !== null : isCallable2(it);
   };
-  return isObject;
+  return isObject$1;
 }
 var getBuiltIn;
 var hasRequiredGetBuiltIn;
@@ -449,10 +449,10 @@ function requireSharedStore() {
   var SHARED = "__core-js_shared__";
   var store = sharedStore.exports = globalThis2[SHARED] || defineGlobalProperty2(SHARED, {});
   (store.versions || (store.versions = [])).push({
-    version: "3.40.0",
+    version: "3.41.0",
     mode: IS_PURE ? "pure" : "global",
     copyright: "© 2014-2025 Denis Pushkarev (zloirock.ru)",
-    license: "https://github.com/zloirock/core-js/blob/v3.40.0/LICENSE",
+    license: "https://github.com/zloirock/core-js/blob/v3.41.0/LICENSE",
     source: "https://github.com/zloirock/core-js"
   });
   return sharedStore.exports;
@@ -501,9 +501,9 @@ function requireUid() {
   var uncurryThis = requireFunctionUncurryThis();
   var id = 0;
   var postfix = Math.random();
-  var toString = uncurryThis(1 .toString);
+  var toString2 = uncurryThis(1 .toString);
   uid = function(key) {
-    return "Symbol(" + (key === void 0 ? "" : key) + ")_" + toString(++id + postfix, 36);
+    return "Symbol(" + (key === void 0 ? "" : key) + ")_" + toString2(++id + postfix, 36);
   };
   return uid;
 }
@@ -918,7 +918,7 @@ function requireMakeBuiltIn() {
     }
     return value;
   };
-  Function.prototype.toString = makeBuiltIn$1(function toString() {
+  Function.prototype.toString = makeBuiltIn$1(function toString2() {
     return isCallable2(this) && getInternalState(this).source || inspectSource2(this);
   }, "toString");
   return makeBuiltIn.exports;
@@ -1881,7 +1881,7 @@ function requireEs_array_push() {
 requireEs_array_push();
 const Flip = ["horizontal", "vertical"];
 const Rotate = ["90", "180", "270"];
-const _sfc_main$1b = defineComponent({
+const _sfc_main$1d = defineComponent({
   name: "FIcon",
   inheritAttrs: false,
   props: {
@@ -1969,8 +1969,8 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const _hoisted_1$V = ["aria-hidden"];
-const _hoisted_2$F = ["xlink:href"];
+const _hoisted_1$X = ["aria-hidden"];
+const _hoisted_2$G = ["xlink:href"];
 function _sfc_render$R(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", mergeProps(_ctx.$attrs, {
     focusable: "false",
@@ -1978,9 +1978,9 @@ function _sfc_render$R(_ctx, _cache, $props, $setup, $data, $options) {
     "aria-hidden": _ctx.ariaHidden
   }), [renderSlot(_ctx.$slots, "default"), _cache[0] || (_cache[0] = createTextVNode()), createElementVNode("use", {
     "xlink:href": _ctx.spriteId
-  }, null, 8, _hoisted_2$F)], 16, _hoisted_1$V);
+  }, null, 8, _hoisted_2$G)], 16, _hoisted_1$X);
 }
-const FIcon = /* @__PURE__ */ _export_sfc(_sfc_main$1b, [["render", _sfc_render$R]]);
+const FIcon = /* @__PURE__ */ _export_sfc(_sfc_main$1d, [["render", _sfc_render$R]]);
 const DATA_TEST_ATTRIBUTE_NAME = "data-test";
 function throwErrorIfEmpty(value) {
   if (!value) {
@@ -3861,8 +3861,8 @@ function require_Set() {
   if (hasRequired_Set) return _Set;
   hasRequired_Set = 1;
   var getNative = require_getNative(), root = require_root();
-  var Set = getNative(root, "Set");
-  _Set = Set;
+  var Set2 = getNative(root, "Set");
+  _Set = Set2;
   return _Set;
 }
 var _WeakMap;
@@ -3880,12 +3880,12 @@ var hasRequired_getTag;
 function require_getTag() {
   if (hasRequired_getTag) return _getTag;
   hasRequired_getTag = 1;
-  var DataView2 = require_DataView(), Map2 = require_Map(), Promise2 = require_Promise(), Set = require_Set(), WeakMap2 = require_WeakMap(), baseGetTag = require_baseGetTag(), toSource = require_toSource();
+  var DataView2 = require_DataView(), Map2 = require_Map(), Promise2 = require_Promise(), Set2 = require_Set(), WeakMap2 = require_WeakMap(), baseGetTag = require_baseGetTag(), toSource = require_toSource();
   var mapTag = "[object Map]", objectTag = "[object Object]", promiseTag = "[object Promise]", setTag = "[object Set]", weakMapTag = "[object WeakMap]";
   var dataViewTag = "[object DataView]";
-  var dataViewCtorString = toSource(DataView2), mapCtorString = toSource(Map2), promiseCtorString = toSource(Promise2), setCtorString = toSource(Set), weakMapCtorString = toSource(WeakMap2);
+  var dataViewCtorString = toSource(DataView2), mapCtorString = toSource(Map2), promiseCtorString = toSource(Promise2), setCtorString = toSource(Set2), weakMapCtorString = toSource(WeakMap2);
   var getTag = baseGetTag;
-  if (DataView2 && getTag(new DataView2(new ArrayBuffer(1))) != dataViewTag || Map2 && getTag(new Map2()) != mapTag || Promise2 && getTag(Promise2.resolve()) != promiseTag || Set && getTag(new Set()) != setTag || WeakMap2 && getTag(new WeakMap2()) != weakMapTag) {
+  if (DataView2 && getTag(new DataView2(new ArrayBuffer(1))) != dataViewTag || Map2 && getTag(new Map2()) != mapTag || Promise2 && getTag(Promise2.resolve()) != promiseTag || Set2 && getTag(new Set2()) != setTag || WeakMap2 && getTag(new WeakMap2()) != weakMapTag) {
     getTag = function(value) {
       var result = baseGetTag(value), Ctor = result == objectTag ? value.constructor : void 0, ctorString = Ctor ? toSource(Ctor) : "";
       if (ctorString) {
@@ -4418,7 +4418,7 @@ function elementIsRadioButton(element) {
 function isHTMLInputElement(element) {
   return element instanceof HTMLInputElement;
 }
-const _sfc_main$1a = defineComponent({
+const _sfc_main$1c = defineComponent({
   name: "FModal",
   components: {
     FIcon
@@ -4598,8 +4598,8 @@ const _sfc_main$1a = defineComponent({
     }
   }
 });
-const _hoisted_1$U = ["id"];
-const _hoisted_2$E = {
+const _hoisted_1$W = ["id"];
+const _hoisted_2$F = {
   class: "modal__backdrop"
 };
 const _hoisted_3$w = {
@@ -4628,7 +4628,7 @@ const _hoisted_8$8 = {
 const _hoisted_9$6 = {
   class: "modal__footer"
 };
-const _hoisted_10$4 = {
+const _hoisted_10$3 = {
   class: "modal__shelf"
 };
 const _hoisted_11$3 = ["aria-label"];
@@ -4638,7 +4638,7 @@ function _sfc_render$Q(_ctx, _cache, $props, $setup, $data, $options) {
     key: 0,
     id: _ctx.id,
     class: normalizeClass(["modal", _ctx.modalClass])
-  }, [createElementVNode("div", _hoisted_2$E, [createElementVNode("div", {
+  }, [createElementVNode("div", _hoisted_2$F, [createElementVNode("div", {
     class: "modal__outer-container scroll-target",
     tabindex: "-1",
     role: "dialog",
@@ -4650,7 +4650,7 @@ function _sfc_render$Q(_ctx, _cache, $props, $setup, $data, $options) {
   }, [createElementVNode("div", _hoisted_4$q, [createElementVNode("div", _hoisted_5$l, [createElementVNode("div", _hoisted_6$g, [createElementVNode("div", {
     tabindex: "0",
     onFocus: _cache[0] || (_cache[0] = (...args) => _ctx.onFocusFirst && _ctx.onFocusFirst(...args))
-  }, null, 32), _cache[4] || (_cache[4] = createTextVNode()), _ctx.hasHeaderSlot ? (openBlock(), createElementBlock("h1", _hoisted_7$d, [renderSlot(_ctx.$slots, "header")], 512)) : createCommentVNode("", true)]), _cache[5] || (_cache[5] = createTextVNode()), createElementVNode("div", _hoisted_8$8, [renderSlot(_ctx.$slots, "content")], 512), _cache[6] || (_cache[6] = createTextVNode()), createElementVNode("div", _hoisted_9$6, [renderSlot(_ctx.$slots, "footer")])]), _cache[9] || (_cache[9] = createTextVNode()), createElementVNode("div", _hoisted_10$4, [createElementVNode("button", {
+  }, null, 32), _cache[4] || (_cache[4] = createTextVNode()), _ctx.hasHeaderSlot ? (openBlock(), createElementBlock("h1", _hoisted_7$d, [renderSlot(_ctx.$slots, "header")], 512)) : createCommentVNode("", true)]), _cache[5] || (_cache[5] = createTextVNode()), createElementVNode("div", _hoisted_8$8, [renderSlot(_ctx.$slots, "content")], 512), _cache[6] || (_cache[6] = createTextVNode()), createElementVNode("div", _hoisted_9$6, [renderSlot(_ctx.$slots, "footer")])]), _cache[9] || (_cache[9] = createTextVNode()), createElementVNode("div", _hoisted_10$3, [createElementVNode("button", {
     type: "button",
     class: "close-button",
     "aria-label": _ctx.ariaCloseText,
@@ -4660,9 +4660,9 @@ function _sfc_render$Q(_ctx, _cache, $props, $setup, $data, $options) {
   })], 8, _hoisted_11$3), _cache[8] || (_cache[8] = createTextVNode()), createElementVNode("div", {
     tabindex: "0",
     onFocus: _cache[2] || (_cache[2] = (...args) => _ctx.onFocusLast && _ctx.onFocusLast(...args))
-  }, null, 32)])])], 2)])], 32)])], 10, _hoisted_1$U)) : createCommentVNode("", true);
+  }, null, 32)])])], 2)])], 32)])], 10, _hoisted_1$W)) : createCommentVNode("", true);
 }
-const FModal = /* @__PURE__ */ _export_sfc(_sfc_main$1a, [["render", _sfc_render$Q]]);
+const FModal = /* @__PURE__ */ _export_sfc(_sfc_main$1c, [["render", _sfc_render$Q]]);
 function prepareButtonList(src, buttonOrder = config.buttonOrder) {
   const list = src.map((it) => {
     var _it$event, _ref, _it$reason, _it$type;
@@ -4691,7 +4691,7 @@ const defaultButtons = [{
   event: "dismiss",
   type: "secondary"
 }];
-const _sfc_main$19 = defineComponent({
+const _sfc_main$1b = defineComponent({
   name: "FConfirmModal",
   components: {
     FModal
@@ -4795,10 +4795,10 @@ const _sfc_main$19 = defineComponent({
     }
   }
 });
-const _hoisted_1$T = {
+const _hoisted_1$V = {
   class: "button-group"
 };
-const _hoisted_2$D = ["onClick"];
+const _hoisted_2$E = ["onClick"];
 const _hoisted_3$v = {
   key: 0,
   class: "sr-only"
@@ -4816,22 +4816,22 @@ function _sfc_render$P(_ctx, _cache, $props, $setup, $data, $options) {
   }, {
     header: withCtx(() => [renderSlot(_ctx.$slots, "heading", {}, () => [createTextVNode(toDisplayString(_ctx.heading), 1)])]),
     content: withCtx(() => [renderSlot(_ctx.$slots, "content", {}, () => [createTextVNode(toDisplayString(_ctx.content), 1)])]),
-    footer: withCtx(() => [createElementVNode("div", _hoisted_1$T, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.preparedButtons, (button) => {
+    footer: withCtx(() => [createElementVNode("div", _hoisted_1$V, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.preparedButtons, (button) => {
       return openBlock(), createElementBlock("button", {
         key: button.label,
         type: "button",
         class: normalizeClass([button.classlist, "button-group__item"]),
         onClick: ($event) => _ctx.onClick(button)
-      }, [createElementVNode("span", null, toDisplayString(button.label), 1), _cache[0] || (_cache[0] = createTextVNode()), button.screenreader ? (openBlock(), createElementBlock("span", _hoisted_3$v, " " + toDisplayString(button.screenreader), 1)) : createCommentVNode("", true)], 10, _hoisted_2$D);
+      }, [createElementVNode("span", null, toDisplayString(button.label), 1), _cache[0] || (_cache[0] = createTextVNode()), button.screenreader ? (openBlock(), createElementBlock("span", _hoisted_3$v, " " + toDisplayString(button.screenreader), 1)) : createCommentVNode("", true)], 10, _hoisted_2$E);
     }), 128))])]),
     _: 3
   }, 8, ["fullscreen", "is-open", "aria-close-text", "size", "focus", "onClose"]);
 }
-const FConfirmModal = /* @__PURE__ */ _export_sfc(_sfc_main$19, [["render", _sfc_render$P]]);
+const FConfirmModal = /* @__PURE__ */ _export_sfc(_sfc_main$1b, [["render", _sfc_render$P]]);
 const GAP = ["1x", "2x", "3x", "4x", "5x", "6x", "7x", "8x"];
 const ALIGNMENT = ["top", "center", "bottom"];
 const FLOAT = ["left", "center", "right"];
-const _sfc_main$18 = defineComponent({
+const _sfc_main$1a = defineComponent({
   name: "IFlex",
   inheritAttrs: true,
   props: {
@@ -4911,8 +4911,8 @@ function _sfc_render$O(_ctx, _cache, $props, $setup, $data, $options) {
     class: normalizeClass(["iflex", _ctx.classList])
   }, [renderSlot(_ctx.$slots, "default")], 2);
 }
-const IFlex = /* @__PURE__ */ _export_sfc(_sfc_main$18, [["render", _sfc_render$O]]);
-const _sfc_main$17 = defineComponent({
+const IFlex = /* @__PURE__ */ _export_sfc(_sfc_main$1a, [["render", _sfc_render$O]]);
+const _sfc_main$19 = defineComponent({
   name: "IFlexItem",
   inheritAttrs: true,
   props: {
@@ -4964,7 +4964,7 @@ function _sfc_render$N(_ctx, _cache, $props, $setup, $data, $options) {
     class: normalizeClass(["iflex__item", _ctx.classList])
   }, [renderSlot(_ctx.$slots, "default")], 2);
 }
-const IFlexItem = /* @__PURE__ */ _export_sfc(_sfc_main$17, [["render", _sfc_render$N]]);
+const IFlexItem = /* @__PURE__ */ _export_sfc(_sfc_main$19, [["render", _sfc_render$N]]);
 function focusError(item) {
   const element = document.querySelector(`#${item.id}`);
   if (!element) {
@@ -4974,7 +4974,7 @@ function focusError(item) {
   scrollTo(element, window.innerHeight * 0.25);
   focus$1(focusElement2 ? focusElement2 : element);
 }
-const _sfc_main$16 = defineComponent({
+const _sfc_main$18 = defineComponent({
   name: "FErrorList",
   components: {
     FIcon,
@@ -5030,10 +5030,10 @@ const _sfc_main$16 = defineComponent({
     }
   }
 });
-const _hoisted_1$S = {
+const _hoisted_1$U = {
   class: "error-list"
 };
-const _hoisted_2$C = {
+const _hoisted_2$D = {
   key: 0
 };
 const _hoisted_3$u = {
@@ -5047,7 +5047,7 @@ function _sfc_render$M(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_f_icon = resolveComponent("f-icon");
   const _component_i_flex_item = resolveComponent("i-flex-item");
   const _component_i_flex = resolveComponent("i-flex");
-  return openBlock(), createElementBlock("div", _hoisted_1$S, [createVNode(_component_i_flex, null, {
+  return openBlock(), createElementBlock("div", _hoisted_1$U, [createVNode(_component_i_flex, null, {
     default: withCtx(() => [_ctx.hasTitleSlot ? (openBlock(), createBlock(_component_i_flex_item, {
       key: 0,
       shrink: ""
@@ -5066,7 +5066,7 @@ function _sfc_render$M(_ctx, _cache, $props, $setup, $data, $options) {
     })) : createCommentVNode("", true), _cache[7] || (_cache[7] = createTextVNode()), createVNode(_component_i_flex_item, {
       grow: ""
     }, {
-      default: withCtx(() => [_ctx.hasTitleSlot ? (openBlock(), createElementBlock("div", _hoisted_2$C, [renderSlot(_ctx.$slots, "title")])) : createCommentVNode("", true), _cache[5] || (_cache[5] = createTextVNode()), createElementVNode("ul", _hoisted_3$u, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.items, (item) => {
+      default: withCtx(() => [_ctx.hasTitleSlot ? (openBlock(), createElementBlock("div", _hoisted_2$D, [renderSlot(_ctx.$slots, "title")])) : createCommentVNode("", true), _cache[5] || (_cache[5] = createTextVNode()), createElementVNode("ul", _hoisted_3$u, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.items, (item) => {
         return openBlock(), createElementBlock("li", {
           key: item.id,
           class: normalizeClass(_ctx.liClasses(item))
@@ -5097,7 +5097,7 @@ function _sfc_render$M(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   })]);
 }
-const FErrorList = /* @__PURE__ */ _export_sfc(_sfc_main$16, [["render", _sfc_render$M]]);
+const FErrorList = /* @__PURE__ */ _export_sfc(_sfc_main$18, [["render", _sfc_render$M]]);
 var es_iterator_every = {};
 var hasRequiredEs_iterator_every;
 function requireEs_iterator_every() {
@@ -5185,7 +5185,7 @@ function cleanUpElements(vm) {
     }, 0);
   });
 }
-const _sfc_main$15 = defineComponent({
+const _sfc_main$17 = defineComponent({
   name: "FValidationGroup",
   props: {
     /**
@@ -5261,13 +5261,13 @@ function _sfc_render$L(_ctx, _cache, $props, $setup, $data, $options) {
     onComponentUnmount: _cache[1] || (_cache[1] = (...args) => _ctx.onComponentUnmount && _ctx.onComponentUnmount(...args))
   }, [renderSlot(_ctx.$slots, "default")], 32);
 }
-const FValidationGroup = /* @__PURE__ */ _export_sfc(_sfc_main$15, [["render", _sfc_render$L]]);
+const FValidationGroup = /* @__PURE__ */ _export_sfc(_sfc_main$17, [["render", _sfc_render$L]]);
 var FValidationFormAction = /* @__PURE__ */ ((FValidationFormAction2) => {
   FValidationFormAction2[FValidationFormAction2["CONTINUE"] = 0] = "CONTINUE";
   FValidationFormAction2[FValidationFormAction2["CANCEL"] = 1] = "CANCEL";
   return FValidationFormAction2;
 })(FValidationFormAction || {});
-const _sfc_main$14 = defineComponent({
+const _sfc_main$16 = defineComponent({
   name: "FValidationForm",
   components: {
     FValidationGroup,
@@ -5406,8 +5406,8 @@ const _sfc_main$14 = defineComponent({
     }
   }
 });
-const _hoisted_1$R = ["id"];
-const _hoisted_2$B = {
+const _hoisted_1$T = ["id"];
+const _hoisted_2$C = {
   key: 0,
   ref: "errors",
   tabindex: "-1",
@@ -5428,19 +5428,19 @@ function _sfc_render$K(_ctx, _cache, $props, $setup, $data, $options) {
       novalidate: "",
       autocomplete: "off",
       onSubmit: _cache[0] || (_cache[0] = withModifiers((...args) => _ctx.onSubmit && _ctx.onSubmit(...args), ["prevent"]))
-    }), [_ctx.displayErrors ? (openBlock(), createElementBlock("nav", _hoisted_2$B, [createVNode(_component_f_error_list, {
+    }), [_ctx.displayErrors ? (openBlock(), createElementBlock("nav", _hoisted_2$C, [createVNode(_component_f_error_list, {
       items: _ctx.errors,
       bullets: _ctx.errorListBullets,
       "before-navigate": _ctx.errorListBeforeNavigate
     }, {
       title: withCtx(() => [renderSlot(_ctx.$slots, "error-message")]),
       _: 3
-    }, 8, ["items", "bullets", "before-navigate"])], 512)) : createCommentVNode("", true), _cache[2] || (_cache[2] = createTextVNode()), renderSlot(_ctx.$slots, "default")], 16, _hoisted_1$R)]),
+    }, 8, ["items", "bullets", "before-navigate"])], 512)) : createCommentVNode("", true), _cache[2] || (_cache[2] = createTextVNode()), renderSlot(_ctx.$slots, "default")], 16, _hoisted_1$T)]),
     _: 3
   }, 8, ["modelValue"]);
 }
-const FValidationForm = /* @__PURE__ */ _export_sfc(_sfc_main$14, [["render", _sfc_render$K]]);
-const _sfc_main$13 = defineComponent({
+const FValidationForm = /* @__PURE__ */ _export_sfc(_sfc_main$16, [["render", _sfc_render$K]]);
+const _sfc_main$15 = defineComponent({
   name: "FFormModal",
   components: {
     FModal,
@@ -5589,10 +5589,10 @@ const _sfc_main$13 = defineComponent({
     }
   }
 });
-const _hoisted_1$Q = {
+const _hoisted_1$S = {
   class: "button-group"
 };
-const _hoisted_2$A = ["type", "form", "onClick"];
+const _hoisted_2$B = ["type", "form", "onClick"];
 const _hoisted_3$t = {
   key: 0,
   class: "sr-only"
@@ -5621,19 +5621,19 @@ function _sfc_render$J(_ctx, _cache, $props, $setup, $data, $options) {
       default: withCtx(() => [_cache[0] || (_cache[0] = createTextVNode()), renderSlot(_ctx.$slots, "input-text-fields")]),
       _: 3
     }, 8, ["id", "before-submit", "before-validation", "use-error-list", "onSubmit", "onCancel"])]),
-    footer: withCtx(() => [createElementVNode("div", _hoisted_1$Q, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.preparedButtons, (button) => {
+    footer: withCtx(() => [createElementVNode("div", _hoisted_1$S, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.preparedButtons, (button) => {
       return openBlock(), createElementBlock("button", {
         key: button.label,
         type: button.buttonType,
         class: normalizeClass([button.classlist, "button-group__item"]),
         form: button.buttonType === "submit" ? _ctx.formId : void 0,
         onClick: ($event) => button.buttonType === "button" ? _ctx.onCancel() : false
-      }, [createElementVNode("span", null, toDisplayString(button.label), 1), _cache[2] || (_cache[2] = createTextVNode()), button.screenreader ? (openBlock(), createElementBlock("span", _hoisted_3$t, " " + toDisplayString(button.screenreader), 1)) : createCommentVNode("", true)], 10, _hoisted_2$A);
+      }, [createElementVNode("span", null, toDisplayString(button.label), 1), _cache[2] || (_cache[2] = createTextVNode()), button.screenreader ? (openBlock(), createElementBlock("span", _hoisted_3$t, " " + toDisplayString(button.screenreader), 1)) : createCommentVNode("", true)], 10, _hoisted_2$B);
     }), 128))])]),
     _: 3
   }, 8, ["data-test", "fullscreen", "is-open", "size", "aria-close-text", "onClose"]);
 }
-const FFormModal = /* @__PURE__ */ _export_sfc(_sfc_main$13, [["render", _sfc_render$J]]);
+const FFormModal = /* @__PURE__ */ _export_sfc(_sfc_main$15, [["render", _sfc_render$J]]);
 async function confirmModal(callingInstance, texts) {
   const buttons = [{
     label: texts.confirm,
@@ -5993,7 +5993,7 @@ const ErrorPlugin = {
     }
   }
 };
-const _sfc_main$12 = defineComponent({
+const _sfc_main$14 = defineComponent({
   name: "FErrorPage",
   props: {
     payload: {
@@ -6003,16 +6003,16 @@ const _sfc_main$12 = defineComponent({
     }
   }
 });
-const _hoisted_1$P = {
+const _hoisted_1$R = {
   "data-test": "f-error-page"
 };
 function _sfc_render$I(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", _hoisted_1$P, _cache[0] || (_cache[0] = [createElementVNode("h1", null, "Fel", -1), createTextVNode(), createElementVNode("p", null, "Ett fel har uppstått.", -1), createTextVNode(), createElementVNode("a", {
+  return openBlock(), createElementBlock("div", _hoisted_1$R, _cache[0] || (_cache[0] = [createElementVNode("h1", null, "Fel", -1), createTextVNode(), createElementVNode("p", null, "Ett fel har uppstått.", -1), createTextVNode(), createElementVNode("a", {
     href: "/"
   }, "Gå till startsidan", -1)]));
 }
-const FErrorPage = /* @__PURE__ */ _export_sfc(_sfc_main$12, [["render", _sfc_render$I]]);
-const _sfc_main$11 = defineComponent({
+const FErrorPage = /* @__PURE__ */ _export_sfc(_sfc_main$14, [["render", _sfc_render$I]]);
+const _sfc_main$13 = defineComponent({
   name: "FErrorHandlingApp",
   props: {
     defaultComponent: {
@@ -6051,7 +6051,7 @@ function _sfc_render$H(_ctx, _cache, $props, $setup, $data, $options) {
     key: 2
   })]);
 }
-const FErrorHandlingApp = /* @__PURE__ */ _export_sfc(_sfc_main$11, [["render", _sfc_render$H]]);
+const FErrorHandlingApp = /* @__PURE__ */ _export_sfc(_sfc_main$13, [["render", _sfc_render$H]]);
 function isMonthBefore(date, minDate) {
   return Boolean(minDate && date.isBefore(minDate.startOfMonth()));
 }
@@ -6092,7 +6092,7 @@ function getMessage($t2, date, minDate, maxDate) {
     });
   }
 }
-const _sfc_main$10 = defineComponent({
+const _sfc_main$12 = defineComponent({
   name: "ICalendarNavbar",
   components: {
     FIcon
@@ -6205,10 +6205,10 @@ const _sfc_main$10 = defineComponent({
     }
   }
 });
-const _hoisted_1$O = {
+const _hoisted_1$Q = {
   class: "calendar-navbar"
 };
-const _hoisted_2$z = {
+const _hoisted_2$A = {
   class: "calendar-navbar__month",
   tabindex: "-1"
 };
@@ -6222,7 +6222,7 @@ const _hoisted_6$f = {
 };
 function _sfc_render$G(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_f_icon = resolveComponent("f-icon");
-  return openBlock(), createElementBlock("div", _hoisted_1$O, [createElementVNode("div", _hoisted_2$z, toDisplayString(_ctx.currentText), 1), _cache[4] || (_cache[4] = createTextVNode()), createElementVNode("button", {
+  return openBlock(), createElementBlock("div", _hoisted_1$Q, [createElementVNode("div", _hoisted_2$A, toDisplayString(_ctx.currentText), 1), _cache[4] || (_cache[4] = createTextVNode()), createElementVNode("button", {
     ref: "previousButton",
     class: "calendar-navbar__arrow calendar-navbar__arrow--previous",
     type: "button",
@@ -6244,14 +6244,14 @@ function _sfc_render$G(_ctx, _cache, $props, $setup, $data, $options) {
     name: "arrow-right"
   }, null, 8, ["class"])], 8, _hoisted_5$j)]);
 }
-const ICalendarNavbar = /* @__PURE__ */ _export_sfc(_sfc_main$10, [["render", _sfc_render$G]]);
+const ICalendarNavbar = /* @__PURE__ */ _export_sfc(_sfc_main$12, [["render", _sfc_render$G]]);
 function getDayStartOffset(days) {
   return days[0].weekDay - 1;
 }
 function getDayEndOffset(days) {
   return 7 - days[days.length - 1].weekDay;
 }
-const _sfc_main$$ = defineComponent({
+const _sfc_main$11 = defineComponent({
   name: "ICalendarMonthGrid",
   props: {
     /**
@@ -6325,8 +6325,8 @@ const _sfc_main$$ = defineComponent({
     }
   }
 });
-const _hoisted_1$N = ["aria-label"];
-const _hoisted_2$y = {
+const _hoisted_1$P = ["aria-label"];
+const _hoisted_2$z = {
   key: 0,
   class: "calendar-month__col--week"
 };
@@ -6351,7 +6351,7 @@ const _hoisted_9$5 = {
   key: 0,
   "aria-hidden": "true"
 };
-const _hoisted_10$3 = ["colspan"];
+const _hoisted_10$2 = ["colspan"];
 const _hoisted_11$2 = {
   key: 1,
   "aria-hidden": "true"
@@ -6364,7 +6364,7 @@ function _sfc_render$F(_ctx, _cache, $props, $setup, $data, $options) {
     "aria-label": _ctx.ariaLabel,
     onFocusin: _cache[0] || (_cache[0] = (...args) => _ctx.onFocusin && _ctx.onFocusin(...args)),
     onFocusout: _cache[1] || (_cache[1] = (...args) => _ctx.onFocusout && _ctx.onFocusout(...args))
-  }, [createElementVNode("colgroup", null, [!_ctx.internalHideWeekNumbers ? (openBlock(), createElementBlock("col", _hoisted_2$y)) : createCommentVNode("", true), _cache[2] || (_cache[2] = createTextVNode()), _cache[3] || (_cache[3] = createElementVNode("col", {
+  }, [createElementVNode("colgroup", null, [!_ctx.internalHideWeekNumbers ? (openBlock(), createElementBlock("col", _hoisted_2$z)) : createCommentVNode("", true), _cache[2] || (_cache[2] = createTextVNode()), _cache[3] || (_cache[3] = createElementVNode("col", {
     class: "calendar-month__col--day"
   }, null, -1)), _cache[4] || (_cache[4] = createTextVNode()), _cache[5] || (_cache[5] = createElementVNode("col", {
     class: "calendar-month__col--day"
@@ -6414,13 +6414,13 @@ function _sfc_render$F(_ctx, _cache, $props, $setup, $data, $options) {
     class: "calendar-month__cell",
     colspan: _ctx.totalCols,
     "aria-hidden": "true"
-  }, null, 8, _hoisted_10$3)])) : createCommentVNode("", true), _cache[21] || (_cache[21] = createTextVNode()), _ctx.weeks.length < 6 ? (openBlock(), createElementBlock("tr", _hoisted_11$2, [createElementVNode("td", {
+  }, null, 8, _hoisted_10$2)])) : createCommentVNode("", true), _cache[21] || (_cache[21] = createTextVNode()), _ctx.weeks.length < 6 ? (openBlock(), createElementBlock("tr", _hoisted_11$2, [createElementVNode("td", {
     class: "calendar-month__cell",
     colspan: _ctx.totalCols,
     "aria-hidden": "true"
-  }, null, 8, _hoisted_12$2)])) : createCommentVNode("", true)])], 40, _hoisted_1$N);
+  }, null, 8, _hoisted_12$2)])) : createCommentVNode("", true)])], 40, _hoisted_1$P);
 }
-const ICalendarMonthGrid = /* @__PURE__ */ _export_sfc(_sfc_main$$, [["render", _sfc_render$F]]);
+const ICalendarMonthGrid = /* @__PURE__ */ _export_sfc(_sfc_main$11, [["render", _sfc_render$F]]);
 const DayStep = {
   ArrowRight: 1,
   ArrowLeft: -1,
@@ -6444,7 +6444,7 @@ function getDayTabindex(date, active, entry) {
     return date.day === 1 ? 0 : -1;
   }
 }
-const _sfc_main$_ = defineComponent({
+const _sfc_main$10 = defineComponent({
   name: "ICalendarMonth",
   components: {
     ICalendarMonthGrid
@@ -6534,7 +6534,7 @@ const _sfc_main$_ = defineComponent({
     }
   }
 });
-const _hoisted_1$M = ["data-date", "tabindex", "onClick", "onKeydown"];
+const _hoisted_1$O = ["data-date", "tabindex", "onClick", "onKeydown"];
 function _sfc_render$E(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_i_calendar_month_grid = resolveComponent("i-calendar-month-grid");
   return openBlock(), createBlock(_component_i_calendar_month_grid, {
@@ -6554,12 +6554,12 @@ function _sfc_render$E(_ctx, _cache, $props, $setup, $data, $options) {
     }, [renderSlot(_ctx.$slots, "default", {
       date,
       isFocused: _ctx.isDayFocused(date)
-    })], 40, _hoisted_1$M)]),
+    })], 40, _hoisted_1$O)]),
     _: 3
   }, 8, ["value"]);
 }
-const ICalendarMonth = /* @__PURE__ */ _export_sfc(_sfc_main$_, [["render", _sfc_render$E]]);
-const _sfc_main$Z = defineComponent({
+const ICalendarMonth = /* @__PURE__ */ _export_sfc(_sfc_main$10, [["render", _sfc_render$E]]);
+const _sfc_main$$ = defineComponent({
   name: "FCalendar",
   components: {
     ICalendarNavbar,
@@ -6610,13 +6610,13 @@ const _sfc_main$Z = defineComponent({
     }
   }
 });
-const _hoisted_1$L = {
+const _hoisted_1$N = {
   class: "calendar__wrapper"
 };
 function _sfc_render$D(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_i_calendar_navbar = resolveComponent("i-calendar-navbar");
   const _component_i_calendar_month = resolveComponent("i-calendar-month");
-  return openBlock(), createElementBlock("div", _hoisted_1$L, [createVNode(_component_i_calendar_navbar, {
+  return openBlock(), createElementBlock("div", _hoisted_1$N, [createVNode(_component_i_calendar_navbar, {
     "model-value": _ctx.modelValue,
     "min-date": _ctx.minDate,
     "max-date": _ctx.maxDate,
@@ -6639,7 +6639,7 @@ function _sfc_render$D(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   }, 8, ["model-value", "min-date", "max-date", "tab-date", "onClick", "onUpdate:modelValue"])]);
 }
-const FCalendar = /* @__PURE__ */ _export_sfc(_sfc_main$Z, [["render", _sfc_render$D]]);
+const FCalendar = /* @__PURE__ */ _export_sfc(_sfc_main$$, [["render", _sfc_render$D]]);
 function getCalendarDaySrText(day, enabled, selected, t) {
   const parts = [];
   if (!enabled) {
@@ -6658,7 +6658,7 @@ function getCalendarDaySrText(day, enabled, selected, t) {
   parts.push(day.toString(DateFormat.FULL));
   return parts.join(" ");
 }
-const _sfc_main$Y = defineComponent({
+const _sfc_main$_ = defineComponent({
   name: "FCalendarDay",
   mixins: [TranslationMixin],
   props: {
@@ -6723,19 +6723,19 @@ const _sfc_main$Y = defineComponent({
     }
   }
 });
-const _hoisted_1$K = {
+const _hoisted_1$M = {
   "aria-hidden": "true"
 };
-const _hoisted_2$x = {
+const _hoisted_2$y = {
   class: "sr-only"
 };
 function _sfc_render$C(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("span", {
     class: normalizeClass(_ctx.dayClasses)
-  }, [createElementVNode("span", _hoisted_1$K, toDisplayString(_ctx.day.day), 1), _cache[0] || (_cache[0] = createTextVNode()), createElementVNode("span", _hoisted_2$x, toDisplayString(_ctx.srText), 1)], 2);
+  }, [createElementVNode("span", _hoisted_1$M, toDisplayString(_ctx.day.day), 1), _cache[0] || (_cache[0] = createTextVNode()), createElementVNode("span", _hoisted_2$y, toDisplayString(_ctx.srText), 1)], 2);
 }
-const FCalendarDay = /* @__PURE__ */ _export_sfc(_sfc_main$Y, [["render", _sfc_render$C]]);
-function useEventListener(target, event, callback) {
+const FCalendarDay = /* @__PURE__ */ _export_sfc(_sfc_main$_, [["render", _sfc_render$C]]);
+function useEventListener$1(target, event, callback) {
   onMounted(() => {
     var _a;
     (_a = toValue(target)) == null ? void 0 : _a.addEventListener(event, callback);
@@ -6755,8 +6755,8 @@ function useSlotUtils() {
     }
   };
 }
-const _hoisted_1$J = ["id"];
-const _hoisted_2$w = {
+const _hoisted_1$L = ["id"];
+const _hoisted_2$x = {
   key: 0,
   class: "card__header"
 };
@@ -6767,7 +6767,7 @@ const _hoisted_4$m = {
   key: 1,
   class: "card__footer"
 };
-const _sfc_main$X = /* @__PURE__ */ defineComponent({
+const _sfc_main$Z = /* @__PURE__ */ defineComponent({
   __name: "FCard",
   props: {
     /**
@@ -6825,7 +6825,7 @@ const _sfc_main$X = /* @__PURE__ */ defineComponent({
         id: __props.id,
         class: normalizeClass(cardClass.value),
         onValidity
-      }, [hasHeaderSlot.value ? (openBlock(), createElementBlock("div", _hoisted_2$w, [renderSlot(_ctx.$slots, "header", normalizeProps(guardReactiveProps({
+      }, [hasHeaderSlot.value ? (openBlock(), createElementBlock("div", _hoisted_2$x, [renderSlot(_ctx.$slots, "header", normalizeProps(guardReactiveProps({
         headingSlotClass: "card__header-label"
       })))])) : createCommentVNode("", true), _cache[1] || (_cache[1] = createTextVNode()), renderSlot(_ctx.$slots, "error-message", normalizeProps(guardReactiveProps({
         hasError: hasError.value,
@@ -6853,11 +6853,11 @@ const _sfc_main$X = /* @__PURE__ */ defineComponent({
       })) : createCommentVNode("", true)]), _cache[2] || (_cache[2] = createTextVNode()), createElementVNode("div", _hoisted_3$q, [renderSlot(_ctx.$slots, "default")]), _cache[3] || (_cache[3] = createTextVNode()), hasFooterSlot.value ? (openBlock(), createElementBlock("div", _hoisted_4$m, [renderSlot(_ctx.$slots, "footer", normalizeProps(guardReactiveProps({
         hasError: hasError.value,
         validationMessage: validationMessage.value
-      })))])) : createCommentVNode("", true)], 42, _hoisted_1$J);
+      })))])) : createCommentVNode("", true)], 42, _hoisted_1$L);
     };
   }
 });
-const _sfc_main$W = defineComponent({
+const _sfc_main$Y = defineComponent({
   name: "FExpand",
   data() {
     return {
@@ -6923,7 +6923,7 @@ function _sfc_render$B(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   }, 8, ["onEnter", "onAfterEnter", "onLeave"]);
 }
-const FExpand = /* @__PURE__ */ _export_sfc(_sfc_main$W, [["render", _sfc_render$B]]);
+const FExpand = /* @__PURE__ */ _export_sfc(_sfc_main$Y, [["render", _sfc_render$B]]);
 function offset(page, el) {
   const rect = el.getBoundingClientRect();
   return {
@@ -7208,7 +7208,7 @@ function isTeleportDisabled(options) {
   }
   return disableTeleport;
 }
-const _sfc_main$V = defineComponent({
+const _sfc_main$X = defineComponent({
   name: "IPopup",
   inheritAttrs: false,
   props: {
@@ -7510,7 +7510,7 @@ function _sfc_render$A(_ctx, _cache, $props, $setup, $data, $options) {
     placement: _ctx.placement
   })))], 544)], 16)], 8, ["to", "disabled"])) : createCommentVNode("", true);
 }
-const IPopup = /* @__PURE__ */ _export_sfc(_sfc_main$V, [["render", _sfc_render$A]]);
+const IPopup = /* @__PURE__ */ _export_sfc(_sfc_main$X, [["render", _sfc_render$A]]);
 function computeArrowOffset(placement, inputIconRect, wrapperRect) {
   switch (placement) {
     case Placement.A: {
@@ -7574,7 +7574,7 @@ function computeArrowOffset(placement, inputIconRect, wrapperRect) {
   }
 }
 const POPUP_SPACING = 10;
-const _sfc_main$U = defineComponent({
+const _sfc_main$W = defineComponent({
   name: "IPopupError",
   components: {
     FIcon
@@ -7712,7 +7712,7 @@ const _sfc_main$U = defineComponent({
     }
   }
 });
-const _hoisted_1$I = {
+const _hoisted_1$K = {
   ref: "wrapper",
   class: "popup-error__wrapper"
 };
@@ -7726,7 +7726,7 @@ function _sfc_render$z(_ctx, _cache, $props, $setup, $data, $options) {
     ref: "popup",
     class: normalizeClass(_ctx.popupClasses),
     "aria-hidden": "true"
-  }, [createElementVNode("div", _hoisted_1$I, [createElementVNode("div", {
+  }, [createElementVNode("div", _hoisted_1$K, [createElementVNode("div", {
     class: normalizeClass(_ctx.arrowClass),
     style: normalizeStyle(_ctx.errorStyle)
   }, [createElementVNode("span", null, toDisplayString(_ctx.errorMessage), 1), _cache[1] || (_cache[1] = createTextVNode()), createElementVNode("button", {
@@ -7740,7 +7740,7 @@ function _sfc_render$z(_ctx, _cache, $props, $setup, $data, $options) {
     class: "button__icon"
   })])], 6)], 512)], 2)], 8, ["to", "disabled"])) : createCommentVNode("", true);
 }
-const IPopupError = /* @__PURE__ */ _export_sfc(_sfc_main$U, [["render", _sfc_render$z]]);
+const IPopupError = /* @__PURE__ */ _export_sfc(_sfc_main$W, [["render", _sfc_render$z]]);
 function numItems(itemHeight, availableHeight, verticalSpacing) {
   const itemsFit = Math.floor((availableHeight - verticalSpacing) / itemHeight);
   return Math.min(itemsFit, 7);
@@ -7807,12 +7807,12 @@ function computeListboxRect(anchor, options, root = document.documentElement, {
   }
   return void 0;
 }
-const _hoisted_1$H = ["onKeyup"];
-const _hoisted_2$v = {
+const _hoisted_1$J = ["onKeyup"];
+const _hoisted_2$w = {
   ref: "content"
 };
 const teleportDisabled = false;
-const _sfc_main$T = /* @__PURE__ */ defineComponent({
+const _sfc_main$V = /* @__PURE__ */ defineComponent({
   __name: "IPopupListbox",
   props: {
     isOpen: {
@@ -7834,7 +7834,7 @@ const _sfc_main$T = /* @__PURE__ */ defineComponent({
     const teleportTarget = computed(() => config.teleportTarget);
     let guessedItemHeight = void 0;
     let verticalSpacing = void 0;
-    useEventListener(__props.anchor, "keyup", onKeyEsc);
+    useEventListener$1(__props.anchor, "keyup", onKeyEsc);
     watchEffect(() => {
       if (wrapperRef.value && __props.activeElement !== void 0) {
         const centerPosition = __props.activeElement.offsetTop - (wrapperRef.value.getBoundingClientRect().height - __props.activeElement.getBoundingClientRect().height) / 2;
@@ -7966,7 +7966,7 @@ const _sfc_main$T = /* @__PURE__ */ defineComponent({
         onKeyup: withKeys(withModifiers(onKeyEsc, ["stop"]), ["esc"]),
         onClick: _cache[0] || (_cache[0] = withModifiers(() => {
         }, ["stop"]))
-      }), [createElementVNode("div", _hoisted_2$v, [renderSlot(_ctx.$slots, "default")], 512)], 16, _hoisted_1$H)], 512)], 8, ["to"])) : createCommentVNode("", true);
+      }), [createElementVNode("div", _hoisted_2$w, [renderSlot(_ctx.$slots, "default")], 512)], 16, _hoisted_1$J)], 512)], 8, ["to"])) : createCommentVNode("", true);
     };
   }
 });
@@ -8010,7 +8010,7 @@ async function doMenuAction$2(action, target) {
   }
 }
 const preventKeys$2 = ["Tab", "Up", "Down", "ArrowUp", "ArrowDown", "Home", "End", " ", "Spacebar", "Enter"];
-const _sfc_main$S = defineComponent({
+const _sfc_main$U = defineComponent({
   name: "IPopupMenu",
   components: {
     IPopup
@@ -8265,8 +8265,8 @@ const _sfc_main$S = defineComponent({
     }
   }
 });
-const _hoisted_1$G = ["aria-label"];
-const _hoisted_2$u = {
+const _hoisted_1$I = ["aria-label"];
+const _hoisted_2$v = {
   role: "menu",
   class: "ipopupmenu__list"
 };
@@ -8291,7 +8291,7 @@ function _sfc_render$y(_ctx, _cache, $props, $setup, $data, $options) {
     default: withCtx(() => [createElementVNode("nav", {
       class: "ipopupmenu ipopupmenu--vertical",
       "aria-label": _ctx.ariaLabel
-    }, [createElementVNode("ul", _hoisted_2$u, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.items, (item, index) => {
+    }, [createElementVNode("ul", _hoisted_2$v, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.items, (item, index) => {
       return openBlock(), createElementBlock("li", {
         ref_for: true,
         ref: "items",
@@ -8308,17 +8308,17 @@ function _sfc_render$y(_ctx, _cache, $props, $setup, $data, $options) {
         target: item.target,
         tabindex: "0"
       }, [_ctx.isSelected(index) ? (openBlock(), createElementBlock("span", _hoisted_5$h, [createElementVNode("span", null, toDisplayString(_ctx.selectedMenuItemScreenReaderText) + " ", 1)])) : createCommentVNode("", true), createTextVNode(" " + toDisplayString(item.label), 1)], 8, _hoisted_4$l)], 10, _hoisted_3$p);
-    }), 128))])], 8, _hoisted_1$G)]),
+    }), 128))])], 8, _hoisted_1$I)]),
     _: 1
   }, 8, ["is-open", "anchor", "focus-element", "onKeyup", "onKeydown"]);
 }
-const IPopupMenu = /* @__PURE__ */ _export_sfc(_sfc_main$S, [["render", _sfc_render$y]]);
+const IPopupMenu = /* @__PURE__ */ _export_sfc(_sfc_main$U, [["render", _sfc_render$y]]);
 const ANIMATION_DURATION = 500;
 const NO_CSS_CLASSES = "";
 const CLOSED_CSS_CLASS_OPACITY = "animate-expand animate-expand--opacity";
 const CLOSED_CSS_CLASS = "animate-expand";
 const ANIMATION_CSS_CLASSES = "animate-expand animate-expand--expanded";
-const _sfc_main$R = defineComponent({
+const _sfc_main$T = defineComponent({
   name: "IAnimateExpand",
   props: {
     /**
@@ -8510,7 +8510,7 @@ const _sfc_main$R = defineComponent({
     }
   }
 });
-const _hoisted_1$F = {
+const _hoisted_1$H = {
   key: 0,
   ref: "content",
   "data-test": "animation-content"
@@ -8519,10 +8519,10 @@ function _sfc_render$x(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     class: normalizeClass(_ctx.animationClasses),
     style: normalizeStyle(_ctx.heightStyle)
-  }, [_ctx.shouldVIf ? withDirectives((openBlock(), createElementBlock("div", _hoisted_1$F, [renderSlot(_ctx.$slots, "default")], 512)), [[vShow, _ctx.shouldVShow]]) : createCommentVNode("", true)], 6);
+  }, [_ctx.shouldVIf ? withDirectives((openBlock(), createElementBlock("div", _hoisted_1$H, [renderSlot(_ctx.$slots, "default")], 512)), [[vShow, _ctx.shouldVShow]]) : createCommentVNode("", true)], 6);
 }
-const IAnimateExpand = /* @__PURE__ */ _export_sfc(_sfc_main$R, [["render", _sfc_render$x]]);
-const _sfc_main$Q = defineComponent({
+const IAnimateExpand = /* @__PURE__ */ _export_sfc(_sfc_main$T, [["render", _sfc_render$x]]);
+const _sfc_main$S = defineComponent({
   name: "ISkipLink",
   mixins: [TranslationMixin],
   props: {
@@ -8536,14 +8536,14 @@ const _sfc_main$Q = defineComponent({
     }
   }
 });
-const _hoisted_1$E = ["href"];
+const _hoisted_1$G = ["href"];
 function _sfc_render$w(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("a", {
     class: "iskiplink",
     href: _ctx.href
-  }, [renderSlot(_ctx.$slots, "default", {}, () => [createTextVNode(toDisplayString(_ctx.$t("fkui.skip-link.text", "Gå direkt till innehåll")), 1)])], 8, _hoisted_1$E);
+  }, [renderSlot(_ctx.$slots, "default", {}, () => [createTextVNode(toDisplayString(_ctx.$t("fkui.skip-link.text", "Gå direkt till innehåll")), 1)])], 8, _hoisted_1$G);
 }
-const ISkipLink = /* @__PURE__ */ _export_sfc(_sfc_main$Q, [["render", _sfc_render$w]]);
+const ISkipLink = /* @__PURE__ */ _export_sfc(_sfc_main$S, [["render", _sfc_render$w]]);
 function filterOptions(options, filter2, selectMode) {
   if (isEmpty(filter2) || selectMode) {
     return options;
@@ -8568,10 +8568,10 @@ function useCombobox(inputRef, options, onOptionSelected) {
       }
     };
   }
-  useEventListener(inputRef, "click", onInputClick);
-  useEventListener(inputRef, "focus", onInputFocus);
-  useEventListener(inputRef, "keydown", onInputKeyDown);
-  useEventListener(inputRef, "keyup", onInputKeyUp);
+  useEventListener$1(inputRef, "click", onInputClick);
+  useEventListener$1(inputRef, "focus", onInputFocus);
+  useEventListener$1(inputRef, "keydown", onInputKeyDown);
+  useEventListener$1(inputRef, "keyup", onInputKeyUp);
   const dropdownId = ElementIdService.generateElementId();
   const dropdownIsOpen = ref(false);
   const activeOptionId = ElementIdService.generateElementId();
@@ -8789,12 +8789,12 @@ function useCombobox(inputRef, options, onOptionSelected) {
     }
   }
 }
-const _hoisted_1$D = {
+const _hoisted_1$F = {
   class: "combobox"
 };
-const _hoisted_2$t = ["id"];
+const _hoisted_2$u = ["id"];
 const _hoisted_3$o = ["id", "aria-selected", "onClick"];
-const _sfc_main$P = /* @__PURE__ */ defineComponent({
+const _sfc_main$R = /* @__PURE__ */ defineComponent({
   __name: "IComboboxDropdown",
   props: {
     id: {},
@@ -8831,7 +8831,7 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
       }
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$D, [createVNode(unref(_sfc_main$T), {
+      return openBlock(), createElementBlock("div", _hoisted_1$F, [createVNode(unref(_sfc_main$V), {
         "is-open": _ctx.isOpen,
         anchor: _ctx.inputNode,
         "num-of-items": _ctx.options.length,
@@ -8856,14 +8856,14 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
             }]),
             onClick: withModifiers(($event) => onOptionClick(item), ["stop", "prevent"])
           }, toDisplayString(item), 11, _hoisted_3$o);
-        }), 128))], 8, _hoisted_2$t)]),
+        }), 128))], 8, _hoisted_2$u)]),
         _: 1
       }, 8, ["is-open", "anchor", "num-of-items", "active-element"])]);
     };
   }
 });
-const _hoisted_1$C = ["aria-label"];
-const _sfc_main$O = /* @__PURE__ */ defineComponent({
+const _hoisted_1$E = ["aria-label"];
+const _sfc_main$Q = /* @__PURE__ */ defineComponent({
   __name: "IComboboxToggleButton",
   emits: ["toggle"],
   setup(__props, {
@@ -8882,7 +8882,7 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
       }, [createVNode(unref(FIcon), {
         name: "arrow-down",
         class: "text-field__icon"
-      })], 8, _hoisted_1$C);
+      })], 8, _hoisted_1$E);
     };
   }
 });
@@ -8984,7 +8984,7 @@ function useHorizontalOffset(options) {
     }, 0);
   }
 }
-const _sfc_main$N = defineComponent({
+const _sfc_main$P = defineComponent({
   name: "FTooltip",
   components: {
     FExpand,
@@ -9143,8 +9143,8 @@ const _sfc_main$N = defineComponent({
     }
   }
 });
-const _hoisted_1$B = ["aria-expanded"];
-const _hoisted_2$s = {
+const _hoisted_1$D = ["aria-expanded"];
+const _hoisted_2$t = {
   class: "icon-stack icon-stack--tooltip"
 };
 const _hoisted_3$n = {
@@ -9172,11 +9172,11 @@ function _sfc_render$v(_ctx, _cache, $props, $setup, $data, $options) {
     type: "button",
     "aria-expanded": _ctx.isOpen,
     onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onClickToggle && _ctx.onClickToggle(...args))
-  }, [createElementVNode("span", _hoisted_2$s, [createVNode(_component_f_icon, {
+  }, [createElementVNode("span", _hoisted_2$t, [createVNode(_component_f_icon, {
     name: "circle"
   }), _cache[2] || (_cache[2] = createTextVNode()), createVNode(_component_f_icon, {
     name: "i"
-  }), _cache[3] || (_cache[3] = createTextVNode()), createElementVNode("span", _hoisted_3$n, toDisplayString(_ctx.screenReaderText), 1)])], 8, _hoisted_1$B)], 8, ["disabled", "to"])), _cache[7] || (_cache[7] = createTextVNode()), createElementVNode("div", mergeProps({
+  }), _cache[3] || (_cache[3] = createTextVNode()), createElementVNode("span", _hoisted_3$n, toDisplayString(_ctx.screenReaderText), 1)])], 8, _hoisted_1$D)], 8, ["disabled", "to"])), _cache[7] || (_cache[7] = createTextVNode()), createElementVNode("div", mergeProps({
     ref: "wrapper",
     class: "tooltip"
   }, _ctx.$attrs), [_ctx.ready ? (openBlock(), createElementBlock("div", _hoisted_4$k, [_ctx.hasHeader ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.headerTag), {
@@ -9194,7 +9194,7 @@ function _sfc_render$v(_ctx, _cache, $props, $setup, $data, $options) {
     name: "close"
   })])])])) : createCommentVNode("", true)], 16)], 64);
 }
-const FTooltip = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["render", _sfc_render$v]]);
+const FTooltip = /* @__PURE__ */ _export_sfc(_sfc_main$P, [["render", _sfc_render$v]]);
 function* labelClasses(options) {
   const {
     labelClass
@@ -9235,7 +9235,7 @@ function isEqual(a, b) {
   }
   return a.every((_, i) => a[i] === b[i]);
 }
-const _sfc_main$M = defineComponent({
+const _sfc_main$O = defineComponent({
   name: "FFieldset",
   components: {
     FIcon
@@ -9463,8 +9463,8 @@ const _sfc_main$M = defineComponent({
     }
   }
 });
-const _hoisted_1$A = ["id"];
-const _hoisted_2$r = {
+const _hoisted_1$C = ["id"];
+const _hoisted_2$s = {
   key: 0,
   class: "sr-only"
 };
@@ -9504,7 +9504,7 @@ function _sfc_render$u(_ctx, _cache, $props, $setup, $data, $options) {
   }, [(openBlock(), createElementBlock("legend", {
     key: _ctx.legendKey,
     class: normalizeClass(["label", _ctx.legendClass])
-  }, [renderSlot(_ctx.$slots, "label"), _cache[1] || (_cache[1] = createTextVNode()), _ctx.hasCheckbox && _ctx.children.length > 1 ? (openBlock(), createElementBlock("span", _hoisted_2$r, [createElementVNode("span", null, toDisplayString(_ctx.numberOfCheckboxesScreenReaderText), 1)])) : createCommentVNode("", true), _cache[2] || (_cache[2] = createTextVNode()), renderSlot(_ctx.$slots, "description", {
+  }, [renderSlot(_ctx.$slots, "label"), _cache[1] || (_cache[1] = createTextVNode()), _ctx.hasCheckbox && _ctx.children.length > 1 ? (openBlock(), createElementBlock("span", _hoisted_2$s, [createElementVNode("span", null, toDisplayString(_ctx.numberOfCheckboxesScreenReaderText), 1)])) : createCommentVNode("", true), _cache[2] || (_cache[2] = createTextVNode()), renderSlot(_ctx.$slots, "description", {
     descriptionClass: _ctx.descriptionClass,
     formatDescriptionClass: _ctx.formatDescriptionClass
   }), _cache[3] || (_cache[3] = createTextVNode()), renderSlot(_ctx.$slots, "error-message", normalizeProps(guardReactiveProps({
@@ -9530,11 +9530,11 @@ function _sfc_render$u(_ctx, _cache, $props, $setup, $data, $options) {
     name: "error"
   }), createTextVNode(" " + toDisplayString(_ctx.validity.validationMessage), 1)])) : createCommentVNode("", true)])], 2)) : createCommentVNode("", true)], 64)) : createCommentVNode("", true), _cache[9] || (_cache[9] = createTextVNode()), createElementVNode("div", {
     class: normalizeClass(_ctx.groupContentClass)
-  }, [renderSlot(_ctx.$slots, "default")], 2)], 42, _hoisted_1$A);
+  }, [renderSlot(_ctx.$slots, "default")], 2)], 42, _hoisted_1$C);
 }
-const FFieldset = /* @__PURE__ */ _export_sfc(_sfc_main$M, [["render", _sfc_render$u]]);
+const FFieldset = /* @__PURE__ */ _export_sfc(_sfc_main$O, [["render", _sfc_render$u]]);
 const anyType$1 = [String, Object, Array, Number, Date, Boolean];
-const _sfc_main$L = defineComponent({
+const _sfc_main$N = defineComponent({
   name: "FCheckboxField",
   inheritAttrs: false,
   props: {
@@ -9720,8 +9720,8 @@ const _sfc_main$L = defineComponent({
     }
   }
 });
-const _hoisted_1$z = ["id", "disabled"];
-const _hoisted_2$q = ["for"];
+const _hoisted_1$B = ["id", "disabled"];
+const _hoisted_2$r = ["for"];
 const _hoisted_3$l = {
   key: 0,
   class: "checkbox__details"
@@ -9743,7 +9743,7 @@ function _sfc_render$t(_ctx, _cache, $props, $setup, $data, $options) {
     disabled: _ctx.disabled,
     onKeydown: _cache[0] || (_cache[0] = withKeys((...args) => _ctx.onKeydown && _ctx.onKeydown(...args), ["space"])),
     onChange: _cache[1] || (_cache[1] = ($event) => _ctx.updateExpandedFlag())
-  }), null, 16, _hoisted_1$z), _cache[9] || (_cache[9] = createTextVNode()), createElementVNode("label", {
+  }), null, 16, _hoisted_1$B), _cache[9] || (_cache[9] = createTextVNode()), createElementVNode("label", {
     class: normalizeClass(_ctx.$slots.details ? "checkbox__label checkbox__width" : "checkbox__label"),
     for: _ctx.id
   }, [renderSlot(_ctx.$slots, "default"), _cache[8] || (_cache[8] = createTextVNode()), _ctx.$slots.details ? (openBlock(), createElementBlock(Fragment, {
@@ -9758,9 +9758,9 @@ function _sfc_render$t(_ctx, _cache, $props, $setup, $data, $options) {
       height: _ctx.height
     })])) : createCommentVNode("", true)]),
     _: 3
-  }, 8, ["onEnter", "onAfterEnter", "onLeave"])) : createCommentVNode("", true)], 64)) : createCommentVNode("", true)], 10, _hoisted_2$q)], 34);
+  }, 8, ["onEnter", "onAfterEnter", "onLeave"])) : createCommentVNode("", true)], 64)) : createCommentVNode("", true)], 10, _hoisted_2$r)], 34);
 }
-const FCheckboxField = /* @__PURE__ */ _export_sfc(_sfc_main$L, [["render", _sfc_render$t]]);
+const FCheckboxField = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["render", _sfc_render$t]]);
 var es_iterator_some = {};
 var hasRequiredEs_iterator_some;
 function requireEs_iterator_some() {
@@ -9839,7 +9839,7 @@ async function doMenuAction$1(action, target) {
 }
 const preventKeys$1 = ["Tab", "Up", "Down", "ArrowUp", "ArrowDown", "Home", "End", " ", "Spacebar", "Enter", "Escape"];
 const keyUp = ["ArrowUp", "Up"];
-const _sfc_main$K = defineComponent({
+const _sfc_main$M = defineComponent({
   name: "FContextMenu",
   components: {
     IPopup,
@@ -10003,8 +10003,8 @@ const _sfc_main$K = defineComponent({
     }
   }
 });
-const _hoisted_1$y = ["aria-label"];
-const _hoisted_2$p = {
+const _hoisted_1$A = ["aria-label"];
+const _hoisted_2$q = {
   ref: "contextmenu",
   role: "menu",
   tabindex: "-1",
@@ -10033,7 +10033,7 @@ function _sfc_render$s(_ctx, _cache, $props, $setup, $data, $options) {
       "aria-label": _ctx.ariaLabel,
       onKeyup: _cache[0] || (_cache[0] = (...args) => _ctx.onKeyUp && _ctx.onKeyUp(...args)),
       onKeydown: _cache[1] || (_cache[1] = (...args) => _ctx.onKeyDown && _ctx.onKeyDown(...args))
-    }, [createElementVNode("ul", _hoisted_2$p, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.popupItems, (item, index) => {
+    }, [createElementVNode("ul", _hoisted_2$q, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.popupItems, (item, index) => {
       return openBlock(), createElementBlock("li", {
         key: item.key,
         role: "menuitem",
@@ -10052,11 +10052,11 @@ function _sfc_render$s(_ctx, _cache, $props, $setup, $data, $options) {
         ref_for: true,
         ref: "anchors"
       }, toDisplayString(item.label), 513)], 8, _hoisted_4$h), _cache[4] || (_cache[4] = createTextVNode()), _ctx.hasSeparatorAfterItemAt(index) ? (openBlock(), createElementBlock("hr", _hoisted_5$e)) : createCommentVNode("", true)], 8, _hoisted_3$k);
-    }), 128))], 512)], 40, _hoisted_1$y)]),
+    }), 128))], 512)], 40, _hoisted_1$A)]),
     _: 1
   }, 8, ["is-open", "anchor", "focus-element"]);
 }
-const FContextMenu = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["render", _sfc_render$s]]);
+const FContextMenu = /* @__PURE__ */ _export_sfc(_sfc_main$M, [["render", _sfc_render$s]]);
 var Operation = /* @__PURE__ */ ((Operation2) => {
   Operation2[Operation2["ADD"] = 0] = "ADD";
   Operation2[Operation2["DELETE"] = 1] = "DELETE";
@@ -10064,13 +10064,13 @@ var Operation = /* @__PURE__ */ ((Operation2) => {
   Operation2[Operation2["NONE"] = 3] = "NONE";
   return Operation2;
 })(Operation || {});
-const _hoisted_1$x = {
+const _hoisted_1$z = {
   class: "crud-dataset"
 };
-const _hoisted_2$o = {
+const _hoisted_2$p = {
   key: 0
 };
-const _sfc_main$J = /* @__PURE__ */ defineComponent({
+const _sfc_main$L = /* @__PURE__ */ defineComponent({
   __name: "FCrudDataset",
   props: {
     /**
@@ -10300,7 +10300,7 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
       isFormModalOpen.value = true;
     }
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$x, [renderSlot(_ctx.$slots, "default"), _cache[5] || (_cache[5] = createTextVNode()), hasAddSlot.value ? (openBlock(), createElementBlock("div", _hoisted_2$o, [createElementVNode("button", {
+      return openBlock(), createElementBlock("div", _hoisted_1$z, [renderSlot(_ctx.$slots, "default"), _cache[5] || (_cache[5] = createTextVNode()), hasAddSlot.value ? (openBlock(), createElementBlock("div", _hoisted_2$p, [createElementVNode("button", {
         "data-test": "f-crud-dataset-add-button",
         type: "button",
         class: "button button--tertiary crud-dataset__add-button",
@@ -10352,7 +10352,7 @@ function FCrudDatasetInjected() {
     modify: inject("modify")
   };
 }
-const _sfc_main$I = defineComponent({
+const _sfc_main$K = defineComponent({
   name: "FCrudButton",
   components: {
     FIcon
@@ -10408,7 +10408,7 @@ const _sfc_main$I = defineComponent({
     }
   }
 });
-const _hoisted_1$w = {
+const _hoisted_1$y = {
   key: 1,
   class: "sr-only"
 };
@@ -10422,17 +10422,582 @@ function _sfc_render$r(_ctx, _cache, $props, $setup, $data, $options) {
     key: 0,
     class: "button__icon",
     name: _ctx.iconName
-  }, null, 8, ["name"])) : createCommentVNode("", true), _cache[1] || (_cache[1] = createTextVNode()), !_ctx.label ? (openBlock(), createElementBlock("span", _hoisted_1$w, [renderSlot(_ctx.$slots, "default", {}, () => [createTextVNode(toDisplayString(_ctx.buttonText), 1)])])) : createCommentVNode("", true), _cache[2] || (_cache[2] = createTextVNode()), _ctx.label ? renderSlot(_ctx.$slots, "default", {
+  }, null, 8, ["name"])) : createCommentVNode("", true), _cache[1] || (_cache[1] = createTextVNode()), !_ctx.label ? (openBlock(), createElementBlock("span", _hoisted_1$y, [renderSlot(_ctx.$slots, "default", {}, () => [createTextVNode(toDisplayString(_ctx.buttonText), 1)])])) : createCommentVNode("", true), _cache[2] || (_cache[2] = createTextVNode()), _ctx.label ? renderSlot(_ctx.$slots, "default", {
     key: 2
   }, () => [createTextVNode(toDisplayString(_ctx.buttonText), 1)]) : createCommentVNode("", true)]);
 }
-const FCrudButton = /* @__PURE__ */ _export_sfc(_sfc_main$I, [["render", _sfc_render$r]]);
+const FCrudButton = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["render", _sfc_render$r]]);
 function ActivateItemInjected() {
   return {
     registerCallbackAfterItemAdd: inject("registerCallbackAfterItemAdd", () => void 0),
     registerCallbackBeforeItemDelete: inject("registerCallbackBeforeItemDelete", () => void 0)
   };
 }
+var es_set_difference_v2 = {};
+var setHelpers;
+var hasRequiredSetHelpers;
+function requireSetHelpers() {
+  if (hasRequiredSetHelpers) return setHelpers;
+  hasRequiredSetHelpers = 1;
+  var uncurryThis = requireFunctionUncurryThis();
+  var SetPrototype = Set.prototype;
+  setHelpers = {
+    // eslint-disable-next-line es/no-set -- safe
+    Set,
+    add: uncurryThis(SetPrototype.add),
+    has: uncurryThis(SetPrototype.has),
+    remove: uncurryThis(SetPrototype["delete"]),
+    proto: SetPrototype
+  };
+  return setHelpers;
+}
+var aSet;
+var hasRequiredASet;
+function requireASet() {
+  if (hasRequiredASet) return aSet;
+  hasRequiredASet = 1;
+  var has = requireSetHelpers().has;
+  aSet = function(it) {
+    has(it);
+    return it;
+  };
+  return aSet;
+}
+var iterateSimple;
+var hasRequiredIterateSimple;
+function requireIterateSimple() {
+  if (hasRequiredIterateSimple) return iterateSimple;
+  hasRequiredIterateSimple = 1;
+  var call = requireFunctionCall();
+  iterateSimple = function(record, fn2, ITERATOR_INSTEAD_OF_RECORD) {
+    var iterator = ITERATOR_INSTEAD_OF_RECORD ? record : record.iterator;
+    var next = record.next;
+    var step, result;
+    while (!(step = call(next, iterator)).done) {
+      result = fn2(step.value);
+      if (result !== void 0) return result;
+    }
+  };
+  return iterateSimple;
+}
+var setIterate;
+var hasRequiredSetIterate;
+function requireSetIterate() {
+  if (hasRequiredSetIterate) return setIterate;
+  hasRequiredSetIterate = 1;
+  var uncurryThis = requireFunctionUncurryThis();
+  var iterateSimple2 = requireIterateSimple();
+  var SetHelpers = requireSetHelpers();
+  var Set2 = SetHelpers.Set;
+  var SetPrototype = SetHelpers.proto;
+  var forEach = uncurryThis(SetPrototype.forEach);
+  var keys = uncurryThis(SetPrototype.keys);
+  var next = keys(new Set2()).next;
+  setIterate = function(set, fn2, interruptible) {
+    return interruptible ? iterateSimple2({
+      iterator: keys(set),
+      next
+    }, fn2) : forEach(set, fn2);
+  };
+  return setIterate;
+}
+var setClone;
+var hasRequiredSetClone;
+function requireSetClone() {
+  if (hasRequiredSetClone) return setClone;
+  hasRequiredSetClone = 1;
+  var SetHelpers = requireSetHelpers();
+  var iterate2 = requireSetIterate();
+  var Set2 = SetHelpers.Set;
+  var add = SetHelpers.add;
+  setClone = function(set) {
+    var result = new Set2();
+    iterate2(set, function(it) {
+      add(result, it);
+    });
+    return result;
+  };
+  return setClone;
+}
+var setSize;
+var hasRequiredSetSize;
+function requireSetSize() {
+  if (hasRequiredSetSize) return setSize;
+  hasRequiredSetSize = 1;
+  var uncurryThisAccessor = requireFunctionUncurryThisAccessor();
+  var SetHelpers = requireSetHelpers();
+  setSize = uncurryThisAccessor(SetHelpers.proto, "size", "get") || function(set) {
+    return set.size;
+  };
+  return setSize;
+}
+var getSetRecord;
+var hasRequiredGetSetRecord;
+function requireGetSetRecord() {
+  if (hasRequiredGetSetRecord) return getSetRecord;
+  hasRequiredGetSetRecord = 1;
+  var aCallable2 = requireACallable();
+  var anObject2 = requireAnObject();
+  var call = requireFunctionCall();
+  var toIntegerOrInfinity2 = requireToIntegerOrInfinity();
+  var getIteratorDirect2 = requireGetIteratorDirect();
+  var INVALID_SIZE = "Invalid size";
+  var $RangeError = RangeError;
+  var $TypeError = TypeError;
+  var max = Math.max;
+  var SetRecord = function(set, intSize) {
+    this.set = set;
+    this.size = max(intSize, 0);
+    this.has = aCallable2(set.has);
+    this.keys = aCallable2(set.keys);
+  };
+  SetRecord.prototype = {
+    getIterator: function() {
+      return getIteratorDirect2(anObject2(call(this.keys, this.set)));
+    },
+    includes: function(it) {
+      return call(this.has, this.set, it);
+    }
+  };
+  getSetRecord = function(obj) {
+    anObject2(obj);
+    var numSize = +obj.size;
+    if (numSize !== numSize) throw new $TypeError(INVALID_SIZE);
+    var intSize = toIntegerOrInfinity2(numSize);
+    if (intSize < 0) throw new $RangeError(INVALID_SIZE);
+    return new SetRecord(obj, intSize);
+  };
+  return getSetRecord;
+}
+var setDifference;
+var hasRequiredSetDifference;
+function requireSetDifference() {
+  if (hasRequiredSetDifference) return setDifference;
+  hasRequiredSetDifference = 1;
+  var aSet2 = requireASet();
+  var SetHelpers = requireSetHelpers();
+  var clone = requireSetClone();
+  var size = requireSetSize();
+  var getSetRecord2 = requireGetSetRecord();
+  var iterateSet = requireSetIterate();
+  var iterateSimple2 = requireIterateSimple();
+  var has = SetHelpers.has;
+  var remove = SetHelpers.remove;
+  setDifference = function difference(other) {
+    var O = aSet2(this);
+    var otherRec = getSetRecord2(other);
+    var result = clone(O);
+    if (size(O) <= otherRec.size) iterateSet(O, function(e) {
+      if (otherRec.includes(e)) remove(result, e);
+    });
+    else iterateSimple2(otherRec.getIterator(), function(e) {
+      if (has(O, e)) remove(result, e);
+    });
+    return result;
+  };
+  return setDifference;
+}
+var setMethodAcceptSetLike;
+var hasRequiredSetMethodAcceptSetLike;
+function requireSetMethodAcceptSetLike() {
+  if (hasRequiredSetMethodAcceptSetLike) return setMethodAcceptSetLike;
+  hasRequiredSetMethodAcceptSetLike = 1;
+  var getBuiltIn2 = requireGetBuiltIn();
+  var createSetLike = function(size) {
+    return {
+      size,
+      has: function() {
+        return false;
+      },
+      keys: function() {
+        return {
+          next: function() {
+            return {
+              done: true
+            };
+          }
+        };
+      }
+    };
+  };
+  var createSetLikeWithInfinitySize = function(size) {
+    return {
+      size,
+      has: function() {
+        return true;
+      },
+      keys: function() {
+        throw new Error("e");
+      }
+    };
+  };
+  setMethodAcceptSetLike = function(name, callback) {
+    var Set2 = getBuiltIn2("Set");
+    try {
+      new Set2()[name](createSetLike(0));
+      try {
+        new Set2()[name](createSetLike(-1));
+        return false;
+      } catch (error2) {
+        if (!callback) return true;
+        try {
+          new Set2()[name](createSetLikeWithInfinitySize(-Infinity));
+          return false;
+        } catch (error) {
+          var set = new Set2();
+          set.add(1);
+          set.add(2);
+          return callback(set[name](createSetLikeWithInfinitySize(Infinity)));
+        }
+      }
+    } catch (error) {
+      return false;
+    }
+  };
+  return setMethodAcceptSetLike;
+}
+var hasRequiredEs_set_difference_v2;
+function requireEs_set_difference_v2() {
+  if (hasRequiredEs_set_difference_v2) return es_set_difference_v2;
+  hasRequiredEs_set_difference_v2 = 1;
+  var $ = require_export();
+  var difference = requireSetDifference();
+  var setMethodAcceptSetLike2 = requireSetMethodAcceptSetLike();
+  var INCORRECT = !setMethodAcceptSetLike2("difference", function(result) {
+    return result.size === 0;
+  });
+  $({
+    target: "Set",
+    proto: true,
+    real: true,
+    forced: INCORRECT
+  }, {
+    difference
+  });
+  return es_set_difference_v2;
+}
+requireEs_set_difference_v2();
+var es_set_intersection_v2 = {};
+var setIntersection;
+var hasRequiredSetIntersection;
+function requireSetIntersection() {
+  if (hasRequiredSetIntersection) return setIntersection;
+  hasRequiredSetIntersection = 1;
+  var aSet2 = requireASet();
+  var SetHelpers = requireSetHelpers();
+  var size = requireSetSize();
+  var getSetRecord2 = requireGetSetRecord();
+  var iterateSet = requireSetIterate();
+  var iterateSimple2 = requireIterateSimple();
+  var Set2 = SetHelpers.Set;
+  var add = SetHelpers.add;
+  var has = SetHelpers.has;
+  setIntersection = function intersection2(other) {
+    var O = aSet2(this);
+    var otherRec = getSetRecord2(other);
+    var result = new Set2();
+    if (size(O) > otherRec.size) {
+      iterateSimple2(otherRec.getIterator(), function(e) {
+        if (has(O, e)) add(result, e);
+      });
+    } else {
+      iterateSet(O, function(e) {
+        if (otherRec.includes(e)) add(result, e);
+      });
+    }
+    return result;
+  };
+  return setIntersection;
+}
+var hasRequiredEs_set_intersection_v2;
+function requireEs_set_intersection_v2() {
+  if (hasRequiredEs_set_intersection_v2) return es_set_intersection_v2;
+  hasRequiredEs_set_intersection_v2 = 1;
+  var $ = require_export();
+  var fails2 = requireFails();
+  var intersection2 = requireSetIntersection();
+  var setMethodAcceptSetLike2 = requireSetMethodAcceptSetLike();
+  var INCORRECT = !setMethodAcceptSetLike2("intersection", function(result) {
+    return result.size === 2 && result.has(1) && result.has(2);
+  }) || fails2(function() {
+    return String(Array.from((/* @__PURE__ */ new Set([1, 2, 3])).intersection(/* @__PURE__ */ new Set([3, 2])))) !== "3,2";
+  });
+  $({
+    target: "Set",
+    proto: true,
+    real: true,
+    forced: INCORRECT
+  }, {
+    intersection: intersection2
+  });
+  return es_set_intersection_v2;
+}
+requireEs_set_intersection_v2();
+var es_set_isDisjointFrom_v2 = {};
+var setIsDisjointFrom;
+var hasRequiredSetIsDisjointFrom;
+function requireSetIsDisjointFrom() {
+  if (hasRequiredSetIsDisjointFrom) return setIsDisjointFrom;
+  hasRequiredSetIsDisjointFrom = 1;
+  var aSet2 = requireASet();
+  var has = requireSetHelpers().has;
+  var size = requireSetSize();
+  var getSetRecord2 = requireGetSetRecord();
+  var iterateSet = requireSetIterate();
+  var iterateSimple2 = requireIterateSimple();
+  var iteratorClose2 = requireIteratorClose();
+  setIsDisjointFrom = function isDisjointFrom(other) {
+    var O = aSet2(this);
+    var otherRec = getSetRecord2(other);
+    if (size(O) <= otherRec.size) return iterateSet(O, function(e) {
+      if (otherRec.includes(e)) return false;
+    }, true) !== false;
+    var iterator = otherRec.getIterator();
+    return iterateSimple2(iterator, function(e) {
+      if (has(O, e)) return iteratorClose2(iterator, "normal", false);
+    }) !== false;
+  };
+  return setIsDisjointFrom;
+}
+var hasRequiredEs_set_isDisjointFrom_v2;
+function requireEs_set_isDisjointFrom_v2() {
+  if (hasRequiredEs_set_isDisjointFrom_v2) return es_set_isDisjointFrom_v2;
+  hasRequiredEs_set_isDisjointFrom_v2 = 1;
+  var $ = require_export();
+  var isDisjointFrom = requireSetIsDisjointFrom();
+  var setMethodAcceptSetLike2 = requireSetMethodAcceptSetLike();
+  var INCORRECT = !setMethodAcceptSetLike2("isDisjointFrom", function(result) {
+    return !result;
+  });
+  $({
+    target: "Set",
+    proto: true,
+    real: true,
+    forced: INCORRECT
+  }, {
+    isDisjointFrom
+  });
+  return es_set_isDisjointFrom_v2;
+}
+requireEs_set_isDisjointFrom_v2();
+var es_set_isSubsetOf_v2 = {};
+var setIsSubsetOf;
+var hasRequiredSetIsSubsetOf;
+function requireSetIsSubsetOf() {
+  if (hasRequiredSetIsSubsetOf) return setIsSubsetOf;
+  hasRequiredSetIsSubsetOf = 1;
+  var aSet2 = requireASet();
+  var size = requireSetSize();
+  var iterate2 = requireSetIterate();
+  var getSetRecord2 = requireGetSetRecord();
+  setIsSubsetOf = function isSubsetOf(other) {
+    var O = aSet2(this);
+    var otherRec = getSetRecord2(other);
+    if (size(O) > otherRec.size) return false;
+    return iterate2(O, function(e) {
+      if (!otherRec.includes(e)) return false;
+    }, true) !== false;
+  };
+  return setIsSubsetOf;
+}
+var hasRequiredEs_set_isSubsetOf_v2;
+function requireEs_set_isSubsetOf_v2() {
+  if (hasRequiredEs_set_isSubsetOf_v2) return es_set_isSubsetOf_v2;
+  hasRequiredEs_set_isSubsetOf_v2 = 1;
+  var $ = require_export();
+  var isSubsetOf = requireSetIsSubsetOf();
+  var setMethodAcceptSetLike2 = requireSetMethodAcceptSetLike();
+  var INCORRECT = !setMethodAcceptSetLike2("isSubsetOf", function(result) {
+    return result;
+  });
+  $({
+    target: "Set",
+    proto: true,
+    real: true,
+    forced: INCORRECT
+  }, {
+    isSubsetOf
+  });
+  return es_set_isSubsetOf_v2;
+}
+requireEs_set_isSubsetOf_v2();
+var es_set_isSupersetOf_v2 = {};
+var setIsSupersetOf;
+var hasRequiredSetIsSupersetOf;
+function requireSetIsSupersetOf() {
+  if (hasRequiredSetIsSupersetOf) return setIsSupersetOf;
+  hasRequiredSetIsSupersetOf = 1;
+  var aSet2 = requireASet();
+  var has = requireSetHelpers().has;
+  var size = requireSetSize();
+  var getSetRecord2 = requireGetSetRecord();
+  var iterateSimple2 = requireIterateSimple();
+  var iteratorClose2 = requireIteratorClose();
+  setIsSupersetOf = function isSupersetOf(other) {
+    var O = aSet2(this);
+    var otherRec = getSetRecord2(other);
+    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);
+    }) !== false;
+  };
+  return setIsSupersetOf;
+}
+var hasRequiredEs_set_isSupersetOf_v2;
+function requireEs_set_isSupersetOf_v2() {
+  if (hasRequiredEs_set_isSupersetOf_v2) return es_set_isSupersetOf_v2;
+  hasRequiredEs_set_isSupersetOf_v2 = 1;
+  var $ = require_export();
+  var isSupersetOf = requireSetIsSupersetOf();
+  var setMethodAcceptSetLike2 = requireSetMethodAcceptSetLike();
+  var INCORRECT = !setMethodAcceptSetLike2("isSupersetOf", function(result) {
+    return !result;
+  });
+  $({
+    target: "Set",
+    proto: true,
+    real: true,
+    forced: INCORRECT
+  }, {
+    isSupersetOf
+  });
+  return es_set_isSupersetOf_v2;
+}
+requireEs_set_isSupersetOf_v2();
+var es_set_symmetricDifference_v2 = {};
+var setSymmetricDifference;
+var hasRequiredSetSymmetricDifference;
+function requireSetSymmetricDifference() {
+  if (hasRequiredSetSymmetricDifference) return setSymmetricDifference;
+  hasRequiredSetSymmetricDifference = 1;
+  var aSet2 = requireASet();
+  var SetHelpers = requireSetHelpers();
+  var clone = requireSetClone();
+  var getSetRecord2 = requireGetSetRecord();
+  var iterateSimple2 = requireIterateSimple();
+  var add = SetHelpers.add;
+  var has = SetHelpers.has;
+  var remove = SetHelpers.remove;
+  setSymmetricDifference = function symmetricDifference(other) {
+    var O = aSet2(this);
+    var keysIter = getSetRecord2(other).getIterator();
+    var result = clone(O);
+    iterateSimple2(keysIter, function(e) {
+      if (has(O, e)) remove(result, e);
+      else add(result, e);
+    });
+    return result;
+  };
+  return setSymmetricDifference;
+}
+var hasRequiredEs_set_symmetricDifference_v2;
+function requireEs_set_symmetricDifference_v2() {
+  if (hasRequiredEs_set_symmetricDifference_v2) return es_set_symmetricDifference_v2;
+  hasRequiredEs_set_symmetricDifference_v2 = 1;
+  var $ = require_export();
+  var symmetricDifference = requireSetSymmetricDifference();
+  var setMethodAcceptSetLike2 = requireSetMethodAcceptSetLike();
+  $({
+    target: "Set",
+    proto: true,
+    real: true,
+    forced: !setMethodAcceptSetLike2("symmetricDifference")
+  }, {
+    symmetricDifference
+  });
+  return es_set_symmetricDifference_v2;
+}
+requireEs_set_symmetricDifference_v2();
+var es_set_union_v2 = {};
+var setUnion;
+var hasRequiredSetUnion;
+function requireSetUnion() {
+  if (hasRequiredSetUnion) return setUnion;
+  hasRequiredSetUnion = 1;
+  var aSet2 = requireASet();
+  var add = requireSetHelpers().add;
+  var clone = requireSetClone();
+  var getSetRecord2 = requireGetSetRecord();
+  var iterateSimple2 = requireIterateSimple();
+  setUnion = function union(other) {
+    var O = aSet2(this);
+    var keysIter = getSetRecord2(other).getIterator();
+    var result = clone(O);
+    iterateSimple2(keysIter, function(it) {
+      add(result, it);
+    });
+    return result;
+  };
+  return setUnion;
+}
+var hasRequiredEs_set_union_v2;
+function requireEs_set_union_v2() {
+  if (hasRequiredEs_set_union_v2) return es_set_union_v2;
+  hasRequiredEs_set_union_v2 = 1;
+  var $ = require_export();
+  var union = requireSetUnion();
+  var setMethodAcceptSetLike2 = requireSetMethodAcceptSetLike();
+  $({
+    target: "Set",
+    proto: true,
+    real: true,
+    forced: !setMethodAcceptSetLike2("union")
+  }, {
+    union
+  });
+  return es_set_union_v2;
+}
+requireEs_set_union_v2();
+const internalKey = Symbol("internal-key");
+let internalIndex = 0;
+function getInternalKey() {
+  return internalKey;
+}
+function setInternalKey(item, value) {
+  if (item[internalKey]) {
+    return;
+  }
+  Object.defineProperty(item, internalKey, {
+    value: value !== null && value !== void 0 ? value : String(internalIndex++),
+    enumerable: false,
+    writable: true
+  });
+}
+function setInternalKeys(items, key, nestedKey, seenValues = /* @__PURE__ */ new Set()) {
+  if (key === void 0) {
+    return items.map((item) => {
+      setInternalKey(item);
+      if (nestedKey !== void 0) {
+        const nestedItem = item[nestedKey];
+        if (Array.isArray(nestedItem)) {
+          setInternalKeys(nestedItem);
+        }
+      }
+      return item;
+    });
+  }
+  return items.map((item, index) => {
+    const value = item[key];
+    const keyString = String(key);
+    const invalidValue = value === void 0 || value === null || String(value).length === 0;
+    if (invalidValue) {
+      throw new Error(`Key [${keyString}] is missing or has invalid value in item index ${index}`);
+    }
+    if (seenValues.has(value)) {
+      throw new Error(`Expected each item to have key [${keyString}] with unique value but encountered duplicate of "${value}" in item index ${index}.`);
+    }
+    setInternalKey(item, String(value));
+    seenValues.add(value);
+    if (nestedKey !== void 0) {
+      const nestedItem = item[nestedKey];
+      if (Array.isArray(nestedItem)) {
+        setInternalKeys(nestedItem, key, void 0, seenValues);
+      }
+    }
+    return item;
+  });
+}
 var FTableColumnType = /* @__PURE__ */ ((FTableColumnType2) => {
   FTableColumnType2["TEXT"] = "text";
   FTableColumnType2["DATE"] = "date";
@@ -10510,7 +11075,7 @@ function FTableInjected() {
     renderColumns: inject("renderColumns", false)
   };
 }
-const _sfc_main$H = defineComponent({
+const _sfc_main$J = defineComponent({
   name: "FTableColumn",
   inheritAttrs: false,
   props: {
@@ -10663,7 +11228,7 @@ function _sfc_render$q(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   }, 16, ["class", "scope"])) : createCommentVNode("", true);
 }
-const FTableColumn = /* @__PURE__ */ _export_sfc(_sfc_main$H, [["render", _sfc_render$q]]);
+const FTableColumn = /* @__PURE__ */ _export_sfc(_sfc_main$J, [["render", _sfc_render$q]]);
 function FSortFilterDatasetInjected() {
   return {
     sort: inject("sort", () => void 0),
@@ -10671,7 +11236,7 @@ function FSortFilterDatasetInjected() {
     registerCallbackOnMount: inject("registerCallbackOnMount", () => void 0)
   };
 }
-const _sfc_main$G = defineComponent({
+const _sfc_main$I = defineComponent({
   name: "FLabel",
   components: {
     FIcon
@@ -10710,10 +11275,10 @@ const _sfc_main$G = defineComponent({
     }
   }
 });
-const _hoisted_1$v = {
+const _hoisted_1$x = {
   key: 0
 };
-const _hoisted_2$n = {
+const _hoisted_2$o = {
   key: 0,
   ref: "tooltipAttachTo"
 };
@@ -10730,7 +11295,7 @@ const _hoisted_7$a = {
 };
 function _sfc_render$p(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_f_icon = resolveComponent("f-icon");
-  return _ctx.$slots.tooltip ? (openBlock(), createElementBlock("div", _hoisted_1$v, [_ctx.hasDefaultSlot ? (openBlock(), createElementBlock("div", _hoisted_2$n, [createElementVNode("label", {
+  return _ctx.$slots.tooltip ? (openBlock(), createElementBlock("div", _hoisted_1$x, [_ctx.hasDefaultSlot ? (openBlock(), createElementBlock("div", _hoisted_2$o, [createElementVNode("label", {
     class: "label",
     for: _ctx.forProperty
   }, [renderSlot(_ctx.$slots, "default")], 8, _hoisted_3$j)], 512)) : createCommentVNode("", true), _cache[2] || (_cache[2] = createTextVNode()), renderSlot(_ctx.$slots, "tooltip"), _cache[3] || (_cache[3] = createTextVNode()), _ctx.hasDescriptionSlot || _ctx.hasErrorMessageSlot ? (openBlock(), createElementBlock("label", {
@@ -10755,11 +11320,11 @@ function _sfc_render$p(_ctx, _cache, $props, $setup, $data, $options) {
     name: "error"
   }), _cache[4] || (_cache[4] = createTextVNode()), renderSlot(_ctx.$slots, "error-message")])) : createCommentVNode("", true)], 8, _hoisted_6$b));
 }
-const FLabel = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["render", _sfc_render$p]]);
+const FLabel = /* @__PURE__ */ _export_sfc(_sfc_main$I, [["render", _sfc_render$p]]);
 function resolveWidthClass$1(words, inline) {
   return inline ? void 0 : words.split(" ").map((word) => `i-width-${word}`).join(" ");
 }
-const _sfc_main$F = defineComponent({
+const _sfc_main$H = defineComponent({
   name: "FSelectField",
   components: {
     FIcon,
@@ -10890,7 +11455,7 @@ const _sfc_main$F = defineComponent({
     }
   }
 });
-const _hoisted_1$u = ["id"];
+const _hoisted_1$w = ["id"];
 function _sfc_render$o(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_f_label = resolveComponent("f-label");
   const _component_f_icon = resolveComponent("f-icon");
@@ -10928,7 +11493,7 @@ function _sfc_render$o(_ctx, _cache, $props, $setup, $data, $options) {
     id: _ctx.id,
     "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.vModel = $event),
     class: "select-field__select"
-  }, _ctx.attrs), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_1$u), [[vModelSelect, _ctx.vModel]]), _cache[5] || (_cache[5] = createTextVNode()), _ctx.hasError && _ctx.textFieldTableMode ? (openBlock(), createBlock(_component_f_icon, {
+  }, _ctx.attrs), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_1$w), [[vModelSelect, _ctx.vModel]]), _cache[5] || (_cache[5] = createTextVNode()), _ctx.hasError && _ctx.textFieldTableMode ? (openBlock(), createBlock(_component_f_icon, {
     key: 0,
     ref: "icon",
     class: "text-field__icon input-icon select-field__error-popup-icon",
@@ -10938,7 +11503,7 @@ function _sfc_render$o(_ctx, _cache, $props, $setup, $data, $options) {
     name: "arrow-down"
   })], 2)], 34);
 }
-const FSelectField = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["render", _sfc_render$o]]);
+const FSelectField = /* @__PURE__ */ _export_sfc(_sfc_main$H, [["render", _sfc_render$o]]);
 function resolveWidthClass(words, inline) {
   return inline ? void 0 : words.split(" ").map((word) => `i-width-${word}`).join(" ");
 }
@@ -10982,14 +11547,14 @@ function useTextFieldSetup(props) {
     closeDropdown
   };
 }
-const _sfc_main$E = defineComponent({
+const _sfc_main$G = defineComponent({
   name: "FTextField",
   components: {
     FLabel,
     FIcon,
     IPopupError,
-    IComboboxDropdown: _sfc_main$P,
-    IComboboxToggleButton: _sfc_main$O
+    IComboboxDropdown: _sfc_main$R,
+    IComboboxToggleButton: _sfc_main$Q
   },
   inheritAttrs: false,
   props: {
@@ -11013,11 +11578,12 @@ const _sfc_main$E = defineComponent({
     },
     /**
      * The value for the input.
-     * If the prop is not set undefined will be used.
+     * If the prop is not used or set to undefined
+     * or null then the default value will be used.
      * @model
      */
     modelValue: {
-      type: [String, Number],
+      type: [String, Number, null],
       required: false,
       default: ""
     },
@@ -11320,10 +11886,10 @@ const _sfc_main$E = defineComponent({
     }
   }
 });
-const _hoisted_1$t = {
+const _hoisted_1$v = {
   key: 0
 };
-const _hoisted_2$m = {
+const _hoisted_2$n = {
   key: 0,
   class: "sr-only"
 };
@@ -11357,7 +11923,7 @@ function _sfc_render$n(_ctx, _cache, $props, $setup, $data, $options) {
     for: _ctx.id,
     class: normalizeClass(_ctx.labelClass)
   }, createSlots({
-    default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, () => [_ctx.defaultText !== "" ? (openBlock(), createElementBlock("span", _hoisted_1$t, toDisplayString(_ctx.defaultText), 1)) : createCommentVNode("", true)])]),
+    default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, () => [_ctx.defaultText !== "" ? (openBlock(), createElementBlock("span", _hoisted_1$v, toDisplayString(_ctx.defaultText), 1)) : createCommentVNode("", true)])]),
     description: withCtx(({
       descriptionClass,
       formatDescriptionClass
@@ -11367,7 +11933,7 @@ function _sfc_render$n(_ctx, _cache, $props, $setup, $data, $options) {
     }, () => [_ctx.descriptionText ? (openBlock(), createElementBlock("span", {
       key: 0,
       class: normalizeClass(descriptionClass)
-    }, [_ctx.descriptionScreenReaderText ? (openBlock(), createElementBlock("span", _hoisted_2$m, toDisplayString(_ctx.descriptionScreenReaderText), 1)) : createCommentVNode("", true), _cache[7] || (_cache[7] = createTextVNode()), createElementVNode("span", null, toDisplayString(_ctx.descriptionText), 1)], 2)) : createCommentVNode("", true), _cache[9] || (_cache[9] = createTextVNode()), _ctx.discreteDescriptionText ? (openBlock(), createElementBlock("span", {
+    }, [_ctx.descriptionScreenReaderText ? (openBlock(), createElementBlock("span", _hoisted_2$n, toDisplayString(_ctx.descriptionScreenReaderText), 1)) : createCommentVNode("", true), _cache[7] || (_cache[7] = createTextVNode()), createElementVNode("span", null, toDisplayString(_ctx.descriptionText), 1)], 2)) : createCommentVNode("", true), _cache[9] || (_cache[9] = createTextVNode()), _ctx.discreteDescriptionText ? (openBlock(), createElementBlock("span", {
       key: 1,
       class: normalizeClass(formatDescriptionClass)
     }, [_ctx.discreteDescriptionScreenReaderText ? (openBlock(), createElementBlock("span", _hoisted_3$i, toDisplayString(_ctx.discreteDescriptionScreenReaderText), 1)) : createCommentVNode("", true), _cache[8] || (_cache[8] = createTextVNode()), createElementVNode("span", null, toDisplayString(_ctx.discreteDescriptionText), 1)], 2)) : createCommentVNode("", true)])]),
@@ -11426,8 +11992,8 @@ function _sfc_render$n(_ctx, _cache, $props, $setup, $data, $options) {
     onClose: _ctx.onDropdownClose
   }, null, 8, ["id", "is-open", "options", "active-option", "active-option-id", "input-node", "onSelect", "onClose"])) : createCommentVNode("", true)], 2);
 }
-const FTextField = /* @__PURE__ */ _export_sfc(_sfc_main$E, [["render", _sfc_render$n]]);
-const _sfc_main$D = defineComponent({
+const FTextField = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["render", _sfc_render$n]]);
+const _sfc_main$F = defineComponent({
   name: "FEmailTextField",
   components: {
     FTextField
@@ -11451,7 +12017,7 @@ const _sfc_main$D = defineComponent({
      * @model
      */
     modelValue: {
-      type: String,
+      type: [String, null],
       required: false,
       default: void 0
     },
@@ -11543,7 +12109,7 @@ const _sfc_main$D = defineComponent({
     }
   }
 });
-const _hoisted_1$s = {
+const _hoisted_1$u = {
   key: 0
 };
 function _sfc_render$m(_ctx, _cache, $props, $setup, $data, $options) {
@@ -11560,7 +12126,7 @@ function _sfc_render$m(_ctx, _cache, $props, $setup, $data, $options) {
     onValidity: _ctx.onValidity,
     onPendingValidity: _ctx.onPendingValidity
   }), {
-    "error-message": withCtx(() => [_ctx.showPasteErrorMessage ? (openBlock(), createElementBlock("span", _hoisted_1$s, toDisplayString(_ctx.pasteErrorText), 1)) : createCommentVNode("", true)]),
+    "error-message": withCtx(() => [_ctx.showPasteErrorMessage ? (openBlock(), createElementBlock("span", _hoisted_1$u, toDisplayString(_ctx.pasteErrorText), 1)) : createCommentVNode("", true)]),
     default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, () => [createTextVNode(toDisplayString(_ctx.defaultText), 1)]), _cache[2] || (_cache[2] = createTextVNode())]),
     _: 3
   }, 16, ["id", "maxlength", "model-value", "onChange", "onBlur", "onUpdate:modelValue", "onValidity", "onPendingValidity"]), _cache[3] || (_cache[3] = createTextVNode()), _ctx.extendedValidation ? (openBlock(), createBlock(_component_f_text_field, {
@@ -11576,8 +12142,8 @@ function _sfc_render$m(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   }, 8, ["modelValue", "maxlength", "onPaste"])) : createCommentVNode("", true)]);
 }
-const FEmailTextField = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["render", _sfc_render$m]]);
-const _sfc_main$C = defineComponent({
+const FEmailTextField = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["render", _sfc_render$m]]);
+const _sfc_main$E = defineComponent({
   name: "FPhoneTextField",
   components: {
     FTextField
@@ -11597,11 +12163,12 @@ const _sfc_main$C = defineComponent({
     },
     /**
      * The value for the input.
-     * If the prop is not set undefined will be used.
+     * If the prop is not used or set to undefined
+     * or null then the default value will be used.
      * @model
      */
     modelValue: {
-      type: String,
+      type: [String, null],
       required: false,
       default: void 0
     },
@@ -11704,8 +12271,8 @@ function _sfc_render$l(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   }, 8, ["modelValue", "maxlength"])) : createCommentVNode("", true)]);
 }
-const FPhoneTextField = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["render", _sfc_render$l]]);
-const _sfc_main$B = defineComponent({
+const FPhoneTextField = /* @__PURE__ */ _export_sfc(_sfc_main$E, [["render", _sfc_render$l]]);
+const _sfc_main$D = defineComponent({
   name: "FCurrencyTextField",
   extends: FTextField,
   mixins: [TranslationMixin],
@@ -11740,7 +12307,7 @@ const _sfc_main$B = defineComponent({
     ValidationService.validateElement(inputElement);
   }
 });
-const _sfc_main$A = defineComponent({
+const _sfc_main$C = defineComponent({
   name: "FSearchTextField",
   components: {
     FTextField,
@@ -11753,7 +12320,7 @@ const _sfc_main$A = defineComponent({
       default: () => ElementIdService.generateElementId()
     },
     modelValue: {
-      type: String,
+      type: [String, null],
       required: false,
       default: ""
     },
@@ -11775,7 +12342,8 @@ const _sfc_main$A = defineComponent({
   },
   computed: {
     canClear() {
-      return this.modelValue !== "";
+      const isEmpty2 = this.modelValue === void 0 || this.modelValue === null || this.modelValue === "";
+      return !isEmpty2;
     }
   },
   methods: {
@@ -11800,7 +12368,7 @@ const _sfc_main$A = defineComponent({
     }
   }
 });
-const _hoisted_1$r = {
+const _hoisted_1$t = {
   class: "sr-only"
 };
 function _sfc_render$k(_ctx, _cache, $props, $setup, $data, $options) {
@@ -11849,12 +12417,12 @@ function _sfc_render$k(_ctx, _cache, $props, $setup, $data, $options) {
     }, [createVNode(_component_f_icon, {
       name: "cross",
       class: "clear-button__icon"
-    }), _cache[1] || (_cache[1] = createTextVNode()), createElementVNode("span", _hoisted_1$r, toDisplayString(_ctx.clearableScreenReaderText), 1)])]),
+    }), _cache[1] || (_cache[1] = createTextVNode()), createElementVNode("span", _hoisted_1$t, toDisplayString(_ctx.clearableScreenReaderText), 1)])]),
     key: "1"
   } : void 0]), 1040, ["id", "maxlength", "model-value", "onChange", "onInput", "onBlur", "onUpdate"])]);
 }
-const FSearchTextField = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["render", _sfc_render$k]]);
-const _sfc_main$z = defineComponent({
+const FSearchTextField = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["render", _sfc_render$k]]);
+const _sfc_main$B = defineComponent({
   name: "FBankAccountNumberTextField",
   extends: FTextField,
   mixins: [TranslationMixin],
@@ -11883,7 +12451,7 @@ const _sfc_main$z = defineComponent({
     ValidationService.validateElement(inputElement);
   }
 });
-const _sfc_main$y = defineComponent({
+const _sfc_main$A = defineComponent({
   name: "FBankgiroTextField",
   extends: FTextField,
   mixins: [TranslationMixin],
@@ -11915,7 +12483,7 @@ const _sfc_main$y = defineComponent({
     ValidationService.validateElement(inputElement);
   }
 });
-const _sfc_main$x = defineComponent({
+const _sfc_main$z = defineComponent({
   name: "FClearingnumberTextField",
   extends: FTextField,
   mixins: [TranslationMixin],
@@ -11947,7 +12515,7 @@ const _sfc_main$x = defineComponent({
 function defaultFormatter$1(modelValue) {
   return formatNumber(modelValue, this.decimals);
 }
-const _sfc_main$w = defineComponent({
+const _sfc_main$y = defineComponent({
   name: "FNumericTextField",
   extends: FTextField,
   props: {
@@ -11984,7 +12552,7 @@ const _sfc_main$w = defineComponent({
     ValidationService.validateElement(inputElement);
   }
 });
-const _sfc_main$v = defineComponent({
+const _sfc_main$x = defineComponent({
   name: "FPersonnummerTextField",
   extends: FTextField,
   mixins: [TranslationMixin],
@@ -12024,7 +12592,7 @@ const _sfc_main$v = defineComponent({
     ValidationService.validateElement(inputElement);
   }
 });
-const _sfc_main$u = defineComponent({
+const _sfc_main$w = defineComponent({
   name: "FPlusgiroTextField",
   extends: FTextField,
   mixins: [TranslationMixin],
@@ -12056,7 +12624,7 @@ const _sfc_main$u = defineComponent({
     ValidationService.validateElement(inputElement);
   }
 });
-const _sfc_main$t = defineComponent({
+const _sfc_main$v = defineComponent({
   name: "FPostalCodeTextField",
   extends: FTextField,
   mixins: [TranslationMixin],
@@ -12093,7 +12661,7 @@ const _sfc_main$t = defineComponent({
 function defaultFormatter(modelValue) {
   return formatPercent(modelValue, this.decimals);
 }
-const _sfc_main$s = defineComponent({
+const _sfc_main$u = defineComponent({
   name: "FPercentTextField",
   extends: FTextField,
   mixins: [TranslationMixin],
@@ -12141,7 +12709,7 @@ const _sfc_main$s = defineComponent({
     ValidationService.validateElement(inputElement);
   }
 });
-const _sfc_main$r = defineComponent({
+const _sfc_main$t = defineComponent({
   name: "FOrganisationsnummerTextField",
   extends: FTextField,
   mixins: [TranslationMixin],
@@ -12249,10 +12817,10 @@ function filter(list, filterAttributes, searchString) {
   const searchTerms = searchString.split(/\s+/).map((word) => word.toLocaleLowerCase());
   return list.filter((item) => includesAllSearchTerms(item, filterAttributes, searchTerms));
 }
-const _hoisted_1$q = {
+const _hoisted_1$s = {
   class: "sort-filter-dataset"
 };
-const _hoisted_2$l = {
+const _hoisted_2$m = {
   class: "sort-filter-dataset__search"
 };
 const _hoisted_3$h = {
@@ -12269,7 +12837,7 @@ const _hoisted_6$9 = {
   }
 };
 const _hoisted_7$8 = ["value"];
-const _sfc_main$q = /* @__PURE__ */ defineComponent({
+const _sfc_main$s = /* @__PURE__ */ defineComponent({
   __name: "FSortFilterDataset",
   props: {
     /**
@@ -12455,7 +13023,7 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
       }
     }
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$q, [createVNode(unref(IFlex), {
+      return openBlock(), createElementBlock("div", _hoisted_1$s, [createVNode(unref(IFlex), {
         collapse: "",
         gap: "3x",
         wrap: ""
@@ -12480,7 +13048,7 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
               shrink: "",
               align: "center"
             }, {
-              default: withCtx(() => [createElementVNode("div", _hoisted_2$l, [createVNode(unref(FIcon), {
+              default: withCtx(() => [createElementVNode("div", _hoisted_2$m, [createVNode(unref(FIcon), {
                 name: "search",
                 class: "sort-filter-dataset__search__magnify-icon"
               }), _cache[3] || (_cache[3] = createTextVNode()), createVNode(unref(FTextField), {
@@ -12538,8 +13106,8 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$p = ["tabindex"];
-const _hoisted_2$k = {
+const _hoisted_1$r = ["tabindex"];
+const _hoisted_2$l = {
   key: 0
 };
 const _hoisted_3$g = {
@@ -12557,7 +13125,7 @@ const _hoisted_7$7 = {
   key: 1
 };
 const _hoisted_8$5 = ["colspan"];
-const _sfc_main$p = /* @__PURE__ */ defineComponent({
+const _sfc_main$r = /* @__PURE__ */ defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -12576,7 +13144,8 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
      */
     keyAttribute: {
       type: String,
-      required: true
+      required: false,
+      default: void 0
     },
     /**
      * If `true` alternating rows will use a different background color.
@@ -12614,6 +13183,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
       registerCallbackOnSort,
       registerCallbackOnMount
     } = FSortFilterDatasetInjected();
+    const internalKey2 = getInternalKey();
     const columns = ref([]);
     const props = __props;
     const hasCaption = computed(() => {
@@ -12629,7 +13199,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
       return classes;
     });
     const isEmpty2 = computed(() => {
-      return props.rows.length === 0;
+      return internalRows.value.length === 0;
     });
     const visibleColumns = computed(() => {
       return columns.value.filter((col) => col.visible);
@@ -12640,6 +13210,15 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
     const tabindex = computed(() => {
       return props.scroll !== TableScroll.NONE ? 0 : void 0;
     });
+    const internalRows = computed(() => {
+      const {
+        keyAttribute
+      } = props;
+      if (keyAttribute) {
+        return setInternalKeys(props.rows, keyAttribute);
+      }
+      return setInternalKeys(props.rows);
+    });
     provide("addColumn", (column) => {
       if (column.type === FTableColumnType.ACTION) {
         throw new Error("Cannot use action column in FDataTable component");
@@ -12651,18 +13230,14 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
     });
     provide("textFieldTableMode", true);
     provide("renderColumns", computed(() => {
-      return props.rows.length > 0;
+      return internalRows.value.length > 0;
     }));
     onMounted(() => {
       registerCallbackOnSort(callbackOnSort);
       registerCallbackOnMount(callbackSortableColumns);
     });
     function rowKey(item) {
-      const key = item[props.keyAttribute];
-      if (typeof key === "undefined") {
-        throw new Error(`Key attribute [${props.keyAttribute}]' is missing in row`);
-      }
-      return String(key);
+      return String(item[internalKey2]);
     }
     function columnClasses(column) {
       const classes = ["table__column", `table__column--${column.type}`, column.size];
@@ -12703,7 +13278,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
       }, [createElementVNode("table", mergeProps({
         class: ["table", tableClasses.value],
         tabindex: tabindex.value
-      }, _ctx.$attrs), [hasCaption.value ? (openBlock(), createElementBlock("caption", _hoisted_2$k, [renderSlot(_ctx.$slots, "caption")])) : createCommentVNode("", true), _cache[4] || (_cache[4] = createTextVNode()), createElementVNode("colgroup", null, [(openBlock(true), createElementBlock(Fragment, null, renderList(columns.value, (column) => {
+      }, _ctx.$attrs), [hasCaption.value ? (openBlock(), createElementBlock("caption", _hoisted_2$l, [renderSlot(_ctx.$slots, "caption")])) : createCommentVNode("", true), _cache[4] || (_cache[4] = createTextVNode()), createElementVNode("colgroup", null, [(openBlock(true), createElementBlock(Fragment, null, renderList(columns.value, (column) => {
         return openBlock(), createElementBlock("col", {
           key: column.id,
           class: normalizeClass(column.size)
@@ -12727,7 +13302,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
       })))])) : createCommentVNode("", true), _cache[2] || (_cache[2] = createTextVNode()), isEmpty2.value ? (openBlock(), createElementBlock("tr", _hoisted_7$7, [createElementVNode("td", {
         class: "table__column table__column--action",
         colspan: columns.value.length
-      }, [renderSlot(_ctx.$slots, "empty", {}, () => [createTextVNode(toDisplayString(unref($t2)("fkui.data-table.empty", "Tabellen är tom")), 1)])], 8, _hoisted_8$5)])) : createCommentVNode("", true), _cache[3] || (_cache[3] = createTextVNode()), (openBlock(true), createElementBlock(Fragment, null, renderList(__props.rows, (row) => {
+      }, [renderSlot(_ctx.$slots, "empty", {}, () => [createTextVNode(toDisplayString(unref($t2)("fkui.data-table.empty", "Tabellen är tom")), 1)])], 8, _hoisted_8$5)])) : createCommentVNode("", true), _cache[3] || (_cache[3] = createTextVNode()), (openBlock(true), createElementBlock(Fragment, null, renderList(internalRows.value, (row) => {
         return openBlock(), createElementBlock("tr", {
           key: rowKey(row),
           class: "table__row"
@@ -12736,7 +13311,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
         }, {
           row
         }))]);
-      }), 128))])], 16, _hoisted_1$p)], 2);
+      }), 128))])], 16, _hoisted_1$r)], 2);
     };
   }
 });
@@ -12815,7 +13390,7 @@ function getDisplayMonth(minDate, maxDate, selectedDate, initialMonth) {
   }
   return month || FDate.now().startOfMonth();
 }
-const _sfc_main$o = defineComponent({
+const _sfc_main$q = defineComponent({
   name: "FDatepickerField",
   components: {
     FCalendar,
@@ -13073,11 +13648,11 @@ const _sfc_main$o = defineComponent({
     }
   }
 });
-const _hoisted_1$o = {
+const _hoisted_1$q = {
   ref: "component",
   class: "datepicker-field"
 };
-const _hoisted_2$j = ["disabled", "aria-expanded"];
+const _hoisted_2$k = ["disabled", "aria-expanded"];
 const _hoisted_3$f = {
   class: "sr-only"
 };
@@ -13090,7 +13665,7 @@ function _sfc_render$j(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_f_calendar_day = resolveComponent("f-calendar-day");
   const _component_f_calendar = resolveComponent("f-calendar");
   const _component_i_popup = resolveComponent("i-popup");
-  return openBlock(), createElementBlock("div", _hoisted_1$o, [createElementVNode("div", {
+  return openBlock(), createElementBlock("div", _hoisted_1$q, [createElementVNode("div", {
     ref: "calendarInputs",
     onFocusout: _cache[2] || (_cache[2] = (...args) => _ctx.onFocusoutTextFieldButton && _ctx.onFocusoutTextFieldButton(...args))
   }, [createVNode(_component_f_text_field, mergeProps(_ctx.$attrs, {
@@ -13129,7 +13704,7 @@ function _sfc_render$j(_ctx, _cache, $props, $setup, $data, $options) {
       onClick: _cache[0] || (_cache[0] = ($event) => _ctx.onClickCalendarButton())
     }, [createVNode(_component_f_icon, {
       name: "calendar"
-    }), _cache[6] || (_cache[6] = createTextVNode()), createElementVNode("span", _hoisted_3$f, toDisplayString(_ctx.calendarButtonText), 1)], 8, _hoisted_2$j)]),
+    }), _cache[6] || (_cache[6] = createTextVNode()), createElementVNode("span", _hoisted_3$f, toDisplayString(_ctx.calendarButtonText), 1)], 8, _hoisted_2$k)]),
     default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, () => [createTextVNode(toDisplayString(_ctx.$t("fkui.datepicker-field.label", "Datum")), 1)]), _cache[7] || (_cache[7] = createTextVNode()), _cache[8] || (_cache[8] = createTextVNode()), _cache[9] || (_cache[9] = createTextVNode()), _cache[10] || (_cache[10] = createTextVNode())]),
     _: 2
   }, [_ctx.$slots.tooltip ? {
@@ -13180,11 +13755,11 @@ function _sfc_render$j(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
   }, 8, ["is-open", "anchor", "inline", "onOpen", "onClose"])], 512);
 }
-const FDatepickerField = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["render", _sfc_render$j]]);
+const FDatepickerField = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["render", _sfc_render$j]]);
 function isDialogueTreeEndQuestion(value) {
   return Boolean(value.userData);
 }
-const _sfc_main$n = defineComponent({
+const _sfc_main$p = defineComponent({
   name: "FDialogueTree",
   components: {
     FIcon
@@ -13262,17 +13837,17 @@ const _sfc_main$n = defineComponent({
     }
   }
 });
-const _hoisted_1$n = {
+const _hoisted_1$p = {
   class: "dialogue-tree"
 };
-const _hoisted_2$i = {
+const _hoisted_2$j = {
   key: 0,
   class: "dialogue-tree__list"
 };
 const _hoisted_3$e = ["onClick"];
 function _sfc_render$i(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_f_icon = resolveComponent("f-icon");
-  return openBlock(), createElementBlock("div", _hoisted_1$n, [_ctx.options.length > 0 ? (openBlock(), createElementBlock("ul", _hoisted_2$i, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.options, (option, index) => {
+  return openBlock(), createElementBlock("div", _hoisted_1$p, [_ctx.options.length > 0 ? (openBlock(), createElementBlock("ul", _hoisted_2$j, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.options, (option, index) => {
     return openBlock(), createElementBlock("li", {
       key: option.label,
       class: "dialogue-tree__list-item"
@@ -13290,8 +13865,8 @@ function _sfc_render$i(_ctx, _cache, $props, $setup, $data, $options) {
     userData: _ctx.userData
   })))]);
 }
-const FDialogueTree = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["render", _sfc_render$i]]);
-const _sfc_main$m = defineComponent({
+const FDialogueTree = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["render", _sfc_render$i]]);
+const _sfc_main$o = defineComponent({
   name: "FExpandablePanel",
   components: {
     FIcon,
@@ -13365,8 +13940,8 @@ const _sfc_main$m = defineComponent({
     }
   }
 });
-const _hoisted_1$m = ["aria-expanded", "aria-controls"];
-const _hoisted_2$h = {
+const _hoisted_1$o = ["aria-expanded", "aria-controls"];
+const _hoisted_2$i = {
   class: "expandable-panel__icon"
 };
 const _hoisted_3$d = {
@@ -13398,7 +13973,7 @@ function _sfc_render$h(_ctx, _cache, $props, $setup, $data, $options) {
       "aria-controls": _ctx.id
     }, _ctx.$attrs, {
       onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onClickHeadingButton && _ctx.onClickHeadingButton(...args))
-    }), [createElementVNode("span", _hoisted_2$h, [createElementVNode("span", _hoisted_3$d, [createVNode(_component_f_icon, {
+    }), [createElementVNode("span", _hoisted_2$i, [createElementVNode("span", _hoisted_3$d, [createVNode(_component_f_icon, {
       name: "dash"
     }), _cache[1] || (_cache[1] = createTextVNode()), createVNode(_component_f_icon, {
       name: "dash"
@@ -13411,7 +13986,7 @@ function _sfc_render$h(_ctx, _cache, $props, $setup, $data, $options) {
       })
     }, [createElementVNode("span", _hoisted_5$9, toDisplayString(_ctx.screenReaderNotificationText), 1), _cache[2] || (_cache[2] = createTextVNode()), createVNode(_component_f_icon, {
       name: "bell"
-    })], 8, _hoisted_4$b)) : createCommentVNode("", true)], 16, _hoisted_1$m)]),
+    })], 8, _hoisted_4$b)) : createCommentVNode("", true)], 16, _hoisted_1$o)]),
     _: 3
   })), _cache[6] || (_cache[6] = createTextVNode()), createVNode(_component_f_expand, null, {
     default: withCtx(() => [withDirectives(createElementVNode("div", {
@@ -13421,8 +13996,8 @@ function _sfc_render$h(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   })], 2);
 }
-const FExpandablePanel = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["render", _sfc_render$h]]);
-const _sfc_main$l = defineComponent({
+const FExpandablePanel = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["render", _sfc_render$h]]);
+const _sfc_main$n = defineComponent({
   name: "FExpandableParagraph",
   components: {
     FIcon,
@@ -13504,8 +14079,8 @@ const _sfc_main$l = defineComponent({
     }
   }
 });
-const _hoisted_1$l = ["aria-expanded", "aria-controls"];
-const _hoisted_2$g = {
+const _hoisted_1$n = ["aria-expanded", "aria-controls"];
+const _hoisted_2$h = {
   class: "expandable-paragraph__icon"
 };
 const _hoisted_3$c = {
@@ -13540,11 +14115,11 @@ function _sfc_render$g(_ctx, _cache, $props, $setup, $data, $options) {
       "aria-controls": _ctx.id
     }, _ctx.$attrs, {
       onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onClickMinimize && _ctx.onClickMinimize(...args))
-    }), [createElementVNode("span", _hoisted_2$g, [createElementVNode("span", _hoisted_3$c, [createVNode(_component_f_icon, {
+    }), [createElementVNode("span", _hoisted_2$h, [createElementVNode("span", _hoisted_3$c, [createVNode(_component_f_icon, {
       name: "dash"
     }), _cache[1] || (_cache[1] = createTextVNode()), createVNode(_component_f_icon, {
       name: "dash"
-    })])]), _cache[2] || (_cache[2] = createTextVNode()), renderSlot(_ctx.$slots, "title")], 16, _hoisted_1$l)]),
+    })])]), _cache[2] || (_cache[2] = createTextVNode()), renderSlot(_ctx.$slots, "title")], 16, _hoisted_1$n)]),
     _: 3
   }, 8, ["class"])), _cache[3] || (_cache[3] = createTextVNode()), _ctx.hasRelatedSlot ? (openBlock(), createElementBlock("div", _hoisted_4$a, [renderSlot(_ctx.$slots, "related")])) : createCommentVNode("", true)], 2), _cache[5] || (_cache[5] = createTextVNode()), createVNode(_component_f_expand, null, {
     default: withCtx(() => [withDirectives(createElementVNode("div", {
@@ -13554,7 +14129,7 @@ function _sfc_render$g(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   })], 2);
 }
-const FExpandableParagraph = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["render", _sfc_render$g]]);
+const FExpandableParagraph = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["render", _sfc_render$g]]);
 const DEFAULT_ICON = "file";
 const iconMap = {
   "image/*": "pic",
@@ -13563,7 +14138,7 @@ const iconMap = {
   "application/vnd.openxmlformats-officedocument.wordprocessingml.document": "doc",
   "application/vnd.openxmlformats-officedocument.wordprocessingml.template": "doc"
 };
-const _sfc_main$k = defineComponent({
+const _sfc_main$m = defineComponent({
   name: "FFileItem",
   components: {
     FIcon
@@ -13642,10 +14217,10 @@ const _sfc_main$k = defineComponent({
     }
   }
 });
-const _hoisted_1$k = {
+const _hoisted_1$m = {
   class: "file-item"
 };
-const _hoisted_2$f = {
+const _hoisted_2$g = {
   class: "file-item__row"
 };
 const _hoisted_3$b = ["id"];
@@ -13664,7 +14239,7 @@ const _hoisted_7$4 = {
 };
 function _sfc_render$f(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_f_icon = resolveComponent("f-icon");
-  return openBlock(), createElementBlock("div", _hoisted_1$k, [createElementVNode("div", _hoisted_2$f, [createElementVNode("a", mergeProps({
+  return openBlock(), createElementBlock("div", _hoisted_1$m, [createElementVNode("div", _hoisted_2$g, [createElementVNode("a", mergeProps({
     id: _ctx.id,
     class: "file-item__file-open"
   }, _ctx.$attrs), [createElementVNode("div", _hoisted_4$9, [createVNode(_component_f_icon, {
@@ -13675,8 +14250,8 @@ function _sfc_render$f(_ctx, _cache, $props, $setup, $data, $options) {
     class: "file-item__separator"
   }, null, -1))]);
 }
-const FFileItem = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["render", _sfc_render$f]]);
-const _sfc_main$j = defineComponent({
+const FFileItem = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["render", _sfc_render$f]]);
+const _sfc_main$l = defineComponent({
   name: "FFileSelector",
   components: {
     FIcon
@@ -13737,14 +14312,14 @@ const _sfc_main$j = defineComponent({
     }
   }
 });
-const _hoisted_1$j = {
+const _hoisted_1$l = {
   class: "file-selector"
 };
-const _hoisted_2$e = ["id", "aria-labelledby", "aria-disabled"];
+const _hoisted_2$f = ["id", "aria-labelledby", "aria-disabled"];
 const _hoisted_3$a = ["id", "for"];
 function _sfc_render$e(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_f_icon = resolveComponent("f-icon");
-  return openBlock(), createElementBlock("div", _hoisted_1$j, [createElementVNode("input", mergeProps({
+  return openBlock(), createElementBlock("div", _hoisted_1$l, [createElementVNode("input", mergeProps({
     id: _ctx.id,
     ref: "file-selector",
     type: "file",
@@ -13752,7 +14327,7 @@ function _sfc_render$e(_ctx, _cache, $props, $setup, $data, $options) {
     "aria-disabled": _ctx.ariaDisabled ? "true" : void 0
   }, _ctx.attrs, {
     onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onClick && _ctx.onClick(...args))
-  }), null, 16, _hoisted_2$e), _cache[2] || (_cache[2] = createTextVNode()), createElementVNode("label", {
+  }), null, 16, _hoisted_2$f), _cache[2] || (_cache[2] = createTextVNode()), createElementVNode("label", {
     id: _ctx.labelId,
     role: "button",
     class: normalizeClass([_ctx.labelClass, "button button--tertiary button--medium"]),
@@ -13763,7 +14338,7 @@ function _sfc_render$e(_ctx, _cache, $props, $setup, $data, $options) {
     name: "paper-clip"
   }), _cache[1] || (_cache[1] = createTextVNode()), renderSlot(_ctx.$slots, "default")], 10, _hoisted_3$a)]);
 }
-const FFileSelector = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["render", _sfc_render$e]]);
+const FFileSelector = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["render", _sfc_render$e]]);
 const keybindings = {
   Up: focusTrAbove,
   Down: focusTrBelow,
@@ -13849,11 +14424,14 @@ function useExpandableTable(expandableAttribute, keyAttribute, describedby, emit
   }
   function expandableRows(row) {
     const expandableRows2 = row[expandableAttribute];
-    if (typeof expandableRows2 === "undefined") {
+    if (expandableRows2 === void 0 || expandableRows2 === null) {
       return void 0;
     }
     if (!Array.isArray(expandableRows2)) {
-      throw new Error(`Expandable rows must be a ListArray`);
+      throw new Error(`Expandable rows must be an array`);
+    }
+    if (expandableRows2.length === 0) {
+      return void 0;
     }
     return expandableRows2;
   }
@@ -13872,8 +14450,8 @@ function useExpandableTable(expandableAttribute, keyAttribute, describedby, emit
     hasExpandableContent
   };
 }
-const _hoisted_1$i = ["role"];
-const _hoisted_2$d = {
+const _hoisted_1$k = ["role"];
+const _hoisted_2$e = {
   key: 0
 };
 const _hoisted_3$9 = {
@@ -13901,7 +14479,7 @@ const _hoisted_8$3 = {
 const _hoisted_9$3 = {
   class: "sr-only"
 };
-const _hoisted_10$2 = ["innerHTML"];
+const _hoisted_10$1 = ["innerHTML"];
 const _hoisted_11$1 = {
   key: 1,
   class: "table__column__description"
@@ -13937,7 +14515,7 @@ const _hoisted_21 = {
   key: 1
 };
 const _hoisted_22 = ["colspan"];
-const _sfc_main$i = /* @__PURE__ */ defineComponent({
+const _sfc_main$k = /* @__PURE__ */ defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -13963,7 +14541,8 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
      */
     keyAttribute: {
       type: String,
-      required: true
+      required: false,
+      default: void 0
     },
     /**
      * Attribute of expandable content in rows.
@@ -14014,7 +14593,8 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
       }
     },
     /**
-     * V-model will bind to value containing selected rows.
+     * Currently selected rows.
+     * Requires `selectable` to be set.
      */
     modelValue: {
       type: Array,
@@ -14056,6 +14636,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
       registerCallbackAfterItemAdd,
       registerCallbackBeforeItemDelete
     } = ActivateItemInjected();
+    const internalKey2 = getInternalKey();
     const activeRow = ref(void 0);
     const columns = ref([]);
     const selectedRows = ref([]);
@@ -14063,7 +14644,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
     const tbodyKey = ref(0);
     const props = __props;
     const emit = __emit;
-    const expandableTable = useExpandableTable(props.expandableAttribute, props.keyAttribute, props.expandableDescribedby, emit, slots);
+    const expandableTable = useExpandableTable(props.expandableAttribute, internalKey2, props.expandableDescribedby, emit, slots);
     const {
       isExpandableTable,
       hasExpandableSlot,
@@ -14075,19 +14656,20 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
       expandableRows,
       hasExpandableContent
     } = expandableTable;
+    const tbodyElement = useTemplateRef("tbodyElement");
     const hasCaption = computed(() => {
       return hasSlot2("caption", {}, {
         stripClasses: []
       });
     });
     const hasCheckboxDescription = computed(() => {
-      const firstRow = props.rows[0];
+      const firstRow = internalRows.value[0];
       return hasSlot2("checkbox-description", {
         row: firstRow
       });
     });
     const isEmpty2 = computed(() => {
-      return props.rows.length === 0;
+      return internalRows.value.length === 0;
     });
     const visibleColumns = computed(() => {
       return columns.value.filter((col) => col.visible);
@@ -14118,6 +14700,16 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
       }
       return columnCount;
     });
+    const internalRows = computed(() => {
+      const {
+        keyAttribute,
+        expandableAttribute
+      } = props;
+      if (isExpandableTable) {
+        return setInternalKeys(props.rows, keyAttribute, expandableAttribute);
+      }
+      return setInternalKeys(props.rows, keyAttribute);
+    });
     provide("addColumn", (column) => {
       columns.value = addColumn(columns.value, column);
     });
@@ -14125,14 +14717,8 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
       setVisibilityColumn(columns.value, id, visible);
     });
     provide("textFieldTableMode", true);
-    provide("renderColumns", computed(() => props.rows.length > 0));
-    watch(() => props.rows, () => {
-      if (props.modelValue) {
-        selectedRows.value = props.modelValue.filter((row) => {
-          return includeItem(row, props.rows, props.keyAttribute);
-        });
-      }
-    }, {
+    provide("renderColumns", computed(() => internalRows.value.length > 0));
+    watch(() => props.rows, () => setSelectedRows(), {
       immediate: true,
       deep: true
     });
@@ -14148,21 +14734,23 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
     }, {
       immediate: true
     });
-    function updateTr(tbodyElement) {
-      const trElements = [].slice.call(tbodyElement.children);
+    watch(() => props.modelValue, () => setSelectedRows(), {
+      immediate: true,
+      deep: true
+    });
+    function updateTr(tbodyElement2) {
+      const trElements = [].slice.call(tbodyElement2.children);
       const trInteractableElements = trElements.filter((tr2) => {
         return tr2.tabIndex === 0;
       });
       tr.value = trInteractableElements;
     }
     onUpdated(() => {
-      const tbodyElement = useTemplateRef("tbodyElement");
       if (tbodyElement.value) {
         updateTr(tbodyElement.value);
       }
     });
     onMounted(() => {
-      const tbodyElement = useTemplateRef("tbodyElement");
       if (tbodyElement.value) {
         updateTr(tbodyElement.value);
       }
@@ -14182,14 +14770,14 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
       if (!props.showActive) {
         return false;
       }
-      return itemEquals(row, activeRow.value, props.keyAttribute);
+      return itemEquals(row, activeRow.value, internalKey2);
     }
     function isSelected(row) {
-      return includeItem(row, selectedRows.value, props.keyAttribute);
+      return includeItem(row, selectedRows.value, internalKey2);
     }
     function onKeydown$1(event, index) {
       onKeydown({
-        rows: props.rows,
+        rows: internalRows.value,
         tr,
         activate
       }, event, index);
@@ -14209,7 +14797,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
       if (isExpandableTable.value && hasExpandableContent(row)) {
         toggleExpanded(row);
       }
-      if (!itemEquals(row, activeRow.value, props.keyAttribute)) {
+      if (!itemEquals(row, activeRow.value, internalKey2)) {
         emit("change", row);
         setActiveRow(row);
         if (tr2) {
@@ -14227,8 +14815,8 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
     }
     function onSelect(row) {
       var _a, _b;
-      if (includeItem(row, selectedRows.value, props.keyAttribute)) {
-        selectedRows.value = selectedRows.value.filter((i) => !itemEquals(i, row, props.keyAttribute));
+      if (includeItem(row, selectedRows.value, internalKey2)) {
+        selectedRows.value = selectedRows.value.filter((i) => !itemEquals(i, row, internalKey2));
         emit("unselect", row);
       } else {
         selectedRows.value.push(row);
@@ -14237,6 +14825,15 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
       updateVModelWithSelectedRows();
       (_b = (_a = getCurrentInstance()) == null ? void 0 : _a.proxy) == null ? void 0 : _b.$forceUpdate();
     }
+    function setSelectedRows() {
+      if (!props.modelValue || !props.modelValue.length) {
+        selectedRows.value = [];
+        return;
+      }
+      selectedRows.value = props.modelValue.filter((row) => {
+        return includeItem(row, internalRows.value, internalKey2);
+      });
+    }
     function updateVModelWithSelectedRows() {
       if (props.modelValue) {
         emit("update:modelValue", selectedRows.value);
@@ -14252,11 +14849,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
       return ["table__row", ...active, ...selected, ...striped, ...expandable, ...expanded];
     }
     function rowKey(row) {
-      const key = row[props.keyAttribute];
-      if (typeof key === "undefined") {
-        throw new Error(`Key attribute [${props.keyAttribute}]' is missing in row`);
-      }
-      return String(key);
+      return String(row[internalKey2]);
     }
     function columnClasses(column) {
       const sortable = column.sortable ? ["table__column--sortable"] : [];
@@ -14289,16 +14882,16 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
       activate(item, null);
     }
     function callbackBeforeItemDelete(item) {
-      if (props.rows.length === 0) {
+      if (internalRows.value.length === 0) {
         return;
       }
-      let targetIndex = props.rows.indexOf(item) - 1;
-      if (targetIndex < 0 && props.rows.length > 1) {
+      let targetIndex = internalRows.value.indexOf(item) - 1;
+      if (targetIndex < 0 && internalRows.value.length > 1) {
         targetIndex = 1;
       } else if (targetIndex < 0) {
         targetIndex = 0;
       }
-      activate(props.rows[targetIndex], tr.value[targetIndex]);
+      activate(internalRows.value[targetIndex], tr.value[targetIndex]);
     }
     function escapeNewlines(value) {
       return value.replace(/\n/g, "<br/>");
@@ -14306,7 +14899,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
     function updateActiveRowFromVModel() {
       if (props.active === void 0) {
         setActiveRow(void 0);
-      } else if (!itemEquals(props.active, activeRow.value, props.keyAttribute)) {
+      } else if (!itemEquals(props.active, activeRow.value, internalKey2)) {
         setActiveRow(props.active);
       }
     }
@@ -14320,7 +14913,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
       }, [createCommentVNode("", true), _cache[18] || (_cache[18] = createTextVNode()), createElementVNode("table", mergeProps({
         class: ["table", tableClasses.value],
         role: tableRole.value
-      }, _ctx.$attrs), [hasCaption.value ? (openBlock(), createElementBlock("caption", _hoisted_2$d, [renderSlot(_ctx.$slots, "caption")])) : createCommentVNode("", true), _cache[15] || (_cache[15] = createTextVNode()), createElementVNode("colgroup", null, [unref(isExpandableTable) ? (openBlock(), createElementBlock("col", _hoisted_3$9)) : createCommentVNode("", true), _cache[0] || (_cache[0] = createTextVNode()), __props.selectable ? (openBlock(), createElementBlock("col", _hoisted_4$8)) : createCommentVNode("", true), _cache[1] || (_cache[1] = createTextVNode()), (openBlock(true), createElementBlock(Fragment, null, renderList(columns.value, (column) => {
+      }, _ctx.$attrs), [hasCaption.value ? (openBlock(), createElementBlock("caption", _hoisted_2$e, [renderSlot(_ctx.$slots, "caption")])) : createCommentVNode("", true), _cache[15] || (_cache[15] = createTextVNode()), createElementVNode("colgroup", null, [unref(isExpandableTable) ? (openBlock(), createElementBlock("col", _hoisted_3$9)) : createCommentVNode("", true), _cache[0] || (_cache[0] = createTextVNode()), __props.selectable ? (openBlock(), createElementBlock("col", _hoisted_4$8)) : createCommentVNode("", true), _cache[1] || (_cache[1] = createTextVNode()), (openBlock(true), createElementBlock(Fragment, null, renderList(columns.value, (column) => {
         return openBlock(), createElementBlock("col", {
           key: column.id,
           class: normalizeClass(column.size)
@@ -14334,15 +14927,16 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
           click: () => onClickColumnHeader(column)
         } : {}, true)), [createElementVNode("span", {
           innerHTML: escapeNewlines(column.title)
-        }, null, 8, _hoisted_10$2), _cache[2] || (_cache[2] = createTextVNode()), column.sortable ? (openBlock(), createBlock(unref(FIcon), {
+        }, null, 8, _hoisted_10$1), _cache[2] || (_cache[2] = createTextVNode()), column.sortable ? (openBlock(), createBlock(unref(FIcon), {
           key: 0,
           class: normalizeClass(iconClasses2(column)),
           name: iconName(column)
         }, null, 8, ["class", "name"])) : createCommentVNode("", true), _cache[3] || (_cache[3] = createTextVNode()), column.description ? (openBlock(), createElementBlock("span", _hoisted_11$1, toDisplayString(column.description), 1)) : createCommentVNode("", true)], 16);
       }), 128))])]), _cache[17] || (_cache[17] = createTextVNode()), (openBlock(), createElementBlock("tbody", {
-        ref: "tbodyElement",
+        ref_key: "tbodyElement",
+        ref: tbodyElement,
         key: tbodyKey.value
-      }, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.rows, (row, index) => {
+      }, [(openBlock(true), createElementBlock(Fragment, null, renderList(internalRows.value, (row, index) => {
         return openBlock(), createElementBlock(Fragment, {
           key: rowKey(row)
         }, [createElementVNode("tr", {
@@ -14404,11 +14998,11 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
         colspan: nbOfColumns.value
       }, [renderSlot(_ctx.$slots, "empty", {}, () => [createTextVNode(toDisplayString(unref($t2)("fkui.interactive-table.empty", "Tabellen är tom")), 1)])], 8, _hoisted_22), _cache[12] || (_cache[12] = createTextVNode()), renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps({
         row: {}
-      })))])) : createCommentVNode("", true)]))], 16, _hoisted_1$i)], 2);
+      })))])) : createCommentVNode("", true)]))], 16, _hoisted_1$k)], 2);
     };
   }
 });
-const _sfc_main$h = defineComponent({
+const _sfc_main$j = defineComponent({
   name: "FLayoutApplicationTemplate",
   computed: {
     showHeader() {
@@ -14433,10 +15027,10 @@ const _sfc_main$h = defineComponent({
     }
   }
 });
-const _hoisted_1$h = {
+const _hoisted_1$j = {
   class: "layout-application-template"
 };
-const _hoisted_2$c = {
+const _hoisted_2$d = {
   key: 0,
   ref: "header",
   class: "layout-application-template__header"
@@ -14453,11 +15047,11 @@ const _hoisted_5$5 = {
   class: "layout-application-template__footer"
 };
 function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", _hoisted_1$h, [_ctx.showHeader || _ctx.showTopNavigation ? (openBlock(), createElementBlock("header", _hoisted_2$c, [_ctx.showHeader ? renderSlot(_ctx.$slots, "header", {
+  return openBlock(), createElementBlock("div", _hoisted_1$j, [_ctx.showHeader || _ctx.showTopNavigation ? (openBlock(), createElementBlock("header", _hoisted_2$d, [_ctx.showHeader ? renderSlot(_ctx.$slots, "header", {
     key: 0
   }) : createCommentVNode("", true), _cache[0] || (_cache[0] = createTextVNode()), _ctx.showTopNavigation ? (openBlock(), createElementBlock("nav", _hoisted_3$8, [renderSlot(_ctx.$slots, "top-navigation")])) : createCommentVNode("", true)], 512)) : createCommentVNode("", true), _cache[2] || (_cache[2] = createTextVNode()), createElementVNode("main", _hoisted_4$7, [renderSlot(_ctx.$slots, "default"), _cache[1] || (_cache[1] = createTextVNode()), _ctx.showFooter ? (openBlock(), createElementBlock("footer", _hoisted_5$5, [renderSlot(_ctx.$slots, "footer")])) : createCommentVNode("", true)], 512)]);
 }
-const FLayoutApplicationTemplate = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["render", _sfc_render$d]]);
+const FLayoutApplicationTemplate = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["render", _sfc_render$d]]);
 function getGridClasses(target) {
   if (target === null) {
     return {};
@@ -14558,7 +15152,7 @@ function useLayoutPanel(options) {
     rightPrimaryClasses
   };
 }
-const _sfc_main$g = defineComponent({
+const _sfc_main$i = defineComponent({
   name: "FLayoutLeftPanel",
   components: {
     FIcon
@@ -14643,10 +15237,10 @@ const _sfc_main$g = defineComponent({
     }
   }
 });
-const _hoisted_1$g = {
+const _hoisted_1$i = {
   class: "layout-navigation"
 };
-const _hoisted_2$b = ["aria-expanded"];
+const _hoisted_2$c = ["aria-expanded"];
 const _hoisted_3$7 = {
   class: "layout-navigation__navigation__inner"
 };
@@ -14656,7 +15250,7 @@ const _hoisted_4$6 = {
 };
 function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_f_icon = resolveComponent("f-icon");
-  return openBlock(), createElementBlock("div", _hoisted_1$g, [createElementVNode("nav", {
+  return openBlock(), createElementBlock("div", _hoisted_1$i, [createElementVNode("nav", {
     id: "layout-navigation__navigation",
     class: "layout-navigation__navigation",
     style: normalizeStyle(_ctx.navigationStyle),
@@ -14699,13 +15293,13 @@ function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
     class: "layout-navigation__navigation__border__dot"
   }, null, -1), createTextVNode(), createElementVNode("div", {
     class: "layout-navigation__navigation__border__dot"
-  }, null, -1)]), 32)) : createCommentVNode("", true)], 12, _hoisted_2$b), _cache[14] || (_cache[14] = createTextVNode()), createElementVNode("div", {
+  }, null, -1)]), 32)) : createCommentVNode("", true)], 12, _hoisted_2$c), _cache[14] || (_cache[14] = createTextVNode()), createElementVNode("div", {
     id: "layout-navigation__primary",
     class: normalizeClass(["layout-navigation__primary", _ctx.leftPrimaryClasses]),
     style: normalizeStyle(_ctx.primaryStyle)
   }, [renderSlot(_ctx.$slots, "default")], 6)]);
 }
-const FLayoutLeftPanel = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["render", _sfc_render$c]]);
+const FLayoutLeftPanel = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["render", _sfc_render$c]]);
 class FRightPanelServiceImpl {
   constructor() {
     _defineProperty(this, "focusedElementBeforeOpenining", null);
@@ -14735,7 +15329,7 @@ class FRightPanelServiceImpl {
   }
 }
 const FLayoutRightPanelService = new FRightPanelServiceImpl();
-const _sfc_main$f = defineComponent({
+const _sfc_main$h = defineComponent({
   name: "FLayoutRightPanel",
   components: {
     FIcon
@@ -14852,15 +15446,15 @@ const _sfc_main$f = defineComponent({
     }
   }
 });
-const _hoisted_1$f = {
+const _hoisted_1$h = {
   class: "layout-secondary"
 };
-const _hoisted_2$a = {
+const _hoisted_2$b = {
   class: "layout-secondary__secondary__inner"
 };
 function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_f_icon = resolveComponent("f-icon");
-  return openBlock(), createElementBlock("div", _hoisted_1$f, [createElementVNode("div", {
+  return openBlock(), createElementBlock("div", _hoisted_1$h, [createElementVNode("div", {
     id: "layout-secondary__primary",
     class: normalizeClass(["layout-secondary__primary", _ctx.rightPrimaryClasses]),
     style: normalizeStyle(_ctx.primaryStyle)
@@ -14877,7 +15471,7 @@ function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
     class: "layout-secondary__secondary__border__dot"
   }, null, -1), createTextVNode(), createElementVNode("div", {
     class: "layout-secondary__secondary__border__dot"
-  }, null, -1)]), 32), _cache[9] || (_cache[9] = createTextVNode()), createElementVNode("div", _hoisted_2$a, [createElementVNode("div", {
+  }, null, -1)]), 32), _cache[9] || (_cache[9] = createTextVNode()), createElementVNode("div", _hoisted_2$b, [createElementVNode("div", {
     ref: "title",
     class: "layout-secondary__secondary__inner__title",
     style: normalizeStyle(_ctx.contentStyle)
@@ -14897,33 +15491,32 @@ function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
     name: "close"
   })])], 6)])], 4)) : createCommentVNode("", true)]);
 }
-const FLayoutRightPanel = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["render", _sfc_render$b]]);
-const _hoisted_1$e = {
+const FLayoutRightPanel = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["render", _sfc_render$b]]);
+const _hoisted_1$g = {
   key: 0,
   class: "list"
 };
-const _hoisted_2$9 = {
+const _hoisted_2$a = {
   key: 0,
   class: "list__item"
 };
 const _hoisted_3$6 = {
   class: "list__item__itempane"
 };
-const _hoisted_4$5 = ["tabindex"];
-const _hoisted_5$4 = ["id", "aria-labelledby", "tabindex", "onKeydown"];
-const _hoisted_6$3 = ["onClick"];
-const _hoisted_7$2 = {
+const _hoisted_4$5 = ["id", "aria-labelledby", "tabindex", "onKeydown"];
+const _hoisted_5$4 = ["onClick"];
+const _hoisted_6$3 = {
   class: "list__item__selectpane__input"
 };
-const _hoisted_8$2 = ["id"];
-const _hoisted_9$2 = {
+const _hoisted_7$2 = ["id"];
+const _hoisted_8$2 = {
   key: 0,
   class: "list__item"
 };
-const _hoisted_10$1 = {
+const _hoisted_9$2 = {
   class: "list__item__itempane"
 };
-const _sfc_main$e = /* @__PURE__ */ defineComponent({
+const _sfc_main$g = /* @__PURE__ */ defineComponent({
   __name: "FList",
   props: {
     /**
@@ -14941,7 +15534,8 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
      */
     keyAttribute: {
       type: String,
-      required: true
+      required: false,
+      default: void 0
     },
     /**
      * If `true` the list will be selectable.
@@ -14994,13 +15588,23 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
       registerCallbackAfterItemAdd,
       registerCallbackBeforeItemDelete
     } = ActivateItemInjected();
+    const internalKey2 = getInternalKey();
     const selectedItems = ref([]);
     const activeItem = ref(void 0);
     const ulElement = ref();
     const props = __props;
     const emit = __emit;
     const isEmpty2 = computed(() => {
-      return props.items.length === 0;
+      return internalItems.value.length === 0;
+    });
+    const internalItems = computed(() => {
+      const {
+        keyAttribute
+      } = props;
+      if (keyAttribute) {
+        return setInternalKeys(props.items, keyAttribute);
+      }
+      return setInternalKeys(props.items);
     });
     watch(() => props.items, () => {
       updateSelectedItemsFromVModel();
@@ -15033,14 +15637,10 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
       return Array.from(element.children);
     }
     function itemKey(item) {
-      const key = item[props.keyAttribute];
-      if (typeof key === "undefined") {
-        throw new Error(`Key attribute [${props.keyAttribute}]' is missing in item`);
-      }
-      return String(key);
+      return String(item[internalKey2]);
     }
     function isSelected(item) {
-      return includeItem(item, selectedItems.value, props.keyAttribute);
+      return includeItem(item, selectedItems.value, internalKey2);
     }
     function itemClasses(item) {
       return {
@@ -15050,8 +15650,8 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
     }
     function onSelect(item) {
       var _a, _b;
-      if (includeItem(item, selectedItems.value, props.keyAttribute)) {
-        selectedItems.value = selectedItems.value.filter((i) => !itemEquals(i, item, props.keyAttribute));
+      if (includeItem(item, selectedItems.value, internalKey2)) {
+        selectedItems.value = selectedItems.value.filter((i) => !itemEquals(i, item, internalKey2));
         emit("unselect", item);
       } else {
         selectedItems.value.push(item);
@@ -15062,7 +15662,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
     }
     function setActiveItem(item) {
       emit("click", item);
-      if (!itemEquals(item, activeItem.value, props.keyAttribute)) {
+      if (!itemEquals(item, activeItem.value, internalKey2)) {
         emit("change", item);
         activeItem.value = item;
         emit("update:active", activeItem.value);
@@ -15079,7 +15679,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
     function updateSelectedItemsFromVModel() {
       if (Array.isArray(props.modelValue)) {
         selectedItems.value = props.modelValue.filter((item) => {
-          return includeItem(item, props.items, props.keyAttribute);
+          return includeItem(item, internalItems.value, internalKey2);
         });
       } else {
         selectedItems.value = [];
@@ -15088,7 +15688,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
     function updateActiveItemFromVModel() {
       if (props.active === void 0) {
         activeItem.value = void 0;
-      } else if (!itemEquals(props.active, activeItem.value, props.keyAttribute)) {
+      } else if (!itemEquals(props.active, activeItem.value, internalKey2)) {
         activeItem.value = props.active;
       }
     }
@@ -15128,26 +15728,26 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
       setActiveItem(item);
     }
     function callbackBeforeItemDelete(item) {
-      if (props.items.length === 0) {
+      if (internalItems.value.length === 0) {
         return;
       }
-      let targetIndex = props.items.indexOf(item) - 1;
-      if (targetIndex < 0 && props.items.length > 1) {
+      let targetIndex = internalItems.value.indexOf(item) - 1;
+      if (targetIndex < 0 && internalItems.value.length > 1) {
         targetIndex = 1;
       } else if (targetIndex < 0) {
         targetIndex = 0;
       }
-      setActiveItem(props.items[targetIndex]);
+      setActiveItem(internalItems.value[targetIndex]);
       const targetElement = getLiElements()[targetIndex];
       if (targetElement) {
         targetElement.focus();
       }
     }
     function isActive(item) {
-      return props.checkbox && itemEquals(activeItem.value, item, props.keyAttribute);
+      return props.checkbox && itemEquals(activeItem.value, item, internalKey2);
     }
     return (_ctx, _cache) => {
-      return !__props.selectable ? (openBlock(), createElementBlock("ul", _hoisted_1$e, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (item) => {
+      return !__props.selectable ? (openBlock(), createElementBlock("ul", _hoisted_1$g, [(openBlock(true), createElementBlock(Fragment, null, renderList(internalItems.value, (item) => {
         return openBlock(), createElementBlock("li", {
           key: itemKey(item),
           class: "list__item"
@@ -15160,13 +15760,12 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
         }, {
           item
         }))], 512)]);
-      }), 128)), _cache[0] || (_cache[0] = createTextVNode()), isEmpty2.value ? (openBlock(), createElementBlock("li", _hoisted_2$9, [createElementVNode("div", _hoisted_3$6, [renderSlot(_ctx.$slots, "empty", {}, () => [createElementVNode("em", null, toDisplayString(unref($t2)("fkui.list.empty", "Listan är tom")), 1)])])])) : createCommentVNode("", true)])) : (openBlock(), createElementBlock("ul", {
+      }), 128)), _cache[0] || (_cache[0] = createTextVNode()), isEmpty2.value ? (openBlock(), createElementBlock("li", _hoisted_2$a, [createElementVNode("div", _hoisted_3$6, [renderSlot(_ctx.$slots, "empty", {}, () => [createElementVNode("em", null, toDisplayString(unref($t2)("fkui.list.empty", "Listan är tom")), 1)])])])) : createCommentVNode("", true)])) : (openBlock(), createElementBlock("ul", {
         key: 1,
         ref_key: "ulElement",
         ref: ulElement,
-        class: "list list--hover",
-        tabindex: __props.checkbox ? 0 : void 0
-      }, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (item, index) => {
+        class: "list list--hover"
+      }, [(openBlock(true), createElementBlock(Fragment, null, renderList(internalItems.value, (item, index) => {
         return openBlock(), createElementBlock("li", {
           id: getItemId(item),
           key: itemKey(item),
@@ -15180,7 +15779,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
           key: 0,
           class: "list__item__selectpane",
           onClick: withModifiers(($event) => onSelect(item), ["self"])
-        }, [createElementVNode("div", _hoisted_7$2, [createVNode(unref(FCheckboxField), {
+        }, [createElementVNode("div", _hoisted_6$3, [createVNode(unref(FCheckboxField), {
           value: true,
           "model-value": isSelected(item),
           onClick: withModifiers(($event) => onSelect(item), ["self"])
@@ -15192,9 +15791,9 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
             ref_for: true
           }, {
             item
-          }))], 8, _hoisted_8$2)]),
+          }))], 8, _hoisted_7$2)]),
           _: 2
-        }, 1032, ["model-value", "onClick"])])], 8, _hoisted_6$3)) : createCommentVNode("", true), _cache[1] || (_cache[1] = createTextVNode()), (openBlock(), createBlock(resolveDynamicComponent(__props.checkbox ? "div" : "a"), {
+        }, 1032, ["model-value", "onClick"])])], 8, _hoisted_5$4)) : createCommentVNode("", true), _cache[1] || (_cache[1] = createTextVNode()), (openBlock(), createBlock(resolveDynamicComponent(__props.checkbox ? "div" : "a"), {
           ref_for: true,
           ref: "listItemPanes",
           href: !__props.checkbox ? "javascript:" : void 0,
@@ -15207,12 +15806,12 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
             item
           }))]),
           _: 2
-        }, 1032, ["href", "onClick"]))], 42, _hoisted_5$4);
-      }), 128)), _cache[2] || (_cache[2] = createTextVNode()), isEmpty2.value ? (openBlock(), createElementBlock("li", _hoisted_9$2, [createElementVNode("div", _hoisted_10$1, [renderSlot(_ctx.$slots, "empty", {}, () => [createElementVNode("em", null, toDisplayString(unref($t2)("fkui.list.empty", "Listan är tom")), 1)])])])) : createCommentVNode("", true)], 8, _hoisted_4$5));
+        }, 1032, ["href", "onClick"]))], 42, _hoisted_4$5);
+      }), 128)), _cache[2] || (_cache[2] = createTextVNode()), isEmpty2.value ? (openBlock(), createElementBlock("li", _hoisted_8$2, [createElementVNode("div", _hoisted_9$2, [renderSlot(_ctx.$slots, "empty", {}, () => [createElementVNode("em", null, toDisplayString(unref($t2)("fkui.list.empty", "Listan är tom")), 1)])])])) : createCommentVNode("", true)], 512));
     };
   }
 });
-const _sfc_main$d = defineComponent({
+const _sfc_main$f = defineComponent({
   name: "FLoader",
   mixins: [TranslationMixin],
   inheritAttrs: false,
@@ -15324,10 +15923,10 @@ const _sfc_main$d = defineComponent({
     }
   }
 });
-const _hoisted_1$d = {
+const _hoisted_1$f = {
   class: "loader__backdrop"
 };
-const _hoisted_2$8 = {
+const _hoisted_2$9 = {
   role: "alert"
 };
 function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
@@ -15336,7 +15935,7 @@ function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
     disabled: _ctx.teleportDisabled
   }, [withDirectives(createElementVNode("div", mergeProps(_ctx.$attrs, {
     class: ["loader", _ctx.classes]
-  }), [createElementVNode("div", _hoisted_1$d, [_cache[0] || (_cache[0] = createElementVNode("div", {
+  }), [createElementVNode("div", _hoisted_1$f, [_cache[0] || (_cache[0] = createElementVNode("div", {
     class: "loader__wrapper"
   }, [createElementVNode("div", {
     class: "loader__spinner-1 loader__spinner"
@@ -15374,10 +15973,10 @@ function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
       "loader--delay": _ctx.delay
     }]),
     tabindex: "-1"
-  }, [createElementVNode("span", _hoisted_2$8, [renderSlot(_ctx.$slots, "default", {}, () => [createTextVNode(toDisplayString(_ctx.$t("fkui.loader.wait.text", _ctx.defaultLoadingText)), 1)])])], 2)])], 16), [[vShow, _ctx.show]])], 8, ["to", "disabled"]);
+  }, [createElementVNode("span", _hoisted_2$9, [renderSlot(_ctx.$slots, "default", {}, () => [createTextVNode(toDisplayString(_ctx.$t("fkui.loader.wait.text", _ctx.defaultLoadingText)), 1)])])], 2)])], 16), [[vShow, _ctx.show]])], 8, ["to", "disabled"]);
 }
-const FLoader = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["render", _sfc_render$a]]);
-const _hoisted_1$c = ["aria-label"];
+const FLoader = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["render", _sfc_render$a]]);
+const _hoisted_1$e = ["aria-label"];
 const __default__ = defineComponent({
   computed: {
     ariaLabel() {
@@ -15389,7 +15988,7 @@ const __default__ = defineComponent({
     }
   }
 });
-const _sfc_main$c = /* @__PURE__ */ defineComponent({
+const _sfc_main$e = /* @__PURE__ */ defineComponent({
   ...__default__,
   __name: "FLogo",
   props: {
@@ -15413,7 +16012,7 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
         class: normalizeClass(`logo logo--${props.size}`),
         "aria-label": _ctx.ariaLabel,
         role: "img"
-      }, null, 10, _hoisted_1$c);
+      }, null, 10, _hoisted_1$e);
     };
   }
 });
@@ -15443,7 +16042,7 @@ const iconClasses = {
     screenReaderContextDefault: "Informationsmeddelande"
   }
 };
-const _sfc_main$b = defineComponent({
+const _sfc_main$d = defineComponent({
   name: "FMessageBox",
   components: {
     FIcon,
@@ -15533,7 +16132,7 @@ const _sfc_main$b = defineComponent({
     }
   }
 });
-const _hoisted_1$b = {
+const _hoisted_1$d = {
   key: 0,
   class: "sr-only"
 };
@@ -15543,7 +16142,7 @@ function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_i_flex = resolveComponent("i-flex");
   return openBlock(), createElementBlock("div", {
     class: normalizeClass(["message-box", [_ctx.messageBoxType, _ctx.bannerType]])
-  }, [_ctx.provideScreenReaderContext ? (openBlock(), createElementBlock("span", _hoisted_1$b, toDisplayString(_ctx.screenReaderContext()), 1)) : createCommentVNode("", true), _cache[2] || (_cache[2] = createTextVNode()), createVNode(_component_i_flex, {
+  }, [_ctx.provideScreenReaderContext ? (openBlock(), createElementBlock("span", _hoisted_1$d, toDisplayString(_ctx.screenReaderContext()), 1)) : createCommentVNode("", true), _cache[2] || (_cache[2] = createTextVNode()), createVNode(_component_i_flex, {
     gap: "2x"
   }, {
     default: withCtx(() => [_ctx.layout === "short" ? (openBlock(), createBlock(_component_i_flex_item, {
@@ -15575,7 +16174,7 @@ function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   })], 2);
 }
-const FMessageBox = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["render", _sfc_render$9]]);
+const FMessageBox = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["render", _sfc_render$9]]);
 function findOverflowIndex(totalWidth, elements) {
   let sum = 0;
   const index = elements.findIndex((element) => {
@@ -15625,7 +16224,7 @@ const upKeys = ["Up", "ArrowUp"];
 const downKeys = ["Down", "ArrowDown"];
 const verticalKeys = [...upKeys, ...downKeys];
 const preventKeys = ["Tab", "Left", "Right", "ArrowLeft", "ArrowRight", "Home", "End", " ", "Spacebar", "Enter", ...verticalKeys];
-const _sfc_main$a = defineComponent({
+const _sfc_main$c = defineComponent({
   name: "FNavigationMenu",
   components: {
     FIcon,
@@ -15958,8 +16557,8 @@ const _sfc_main$a = defineComponent({
     }
   }
 });
-const _hoisted_1$a = ["aria-label"];
-const _hoisted_2$7 = ["data-ref-index", "onClick"];
+const _hoisted_1$c = ["aria-label"];
+const _hoisted_2$8 = ["data-ref-index", "onClick"];
 const _hoisted_3$5 = {
   class: "imenu__list__anchor-container"
 };
@@ -16010,7 +16609,7 @@ function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
       target: item.target,
       class: "imenu__list__anchor",
       role: "menuitem"
-    }, [_ctx.showItemSrText(index) ? (openBlock(), createElementBlock("span", _hoisted_5$3, [createElementVNode("span", null, toDisplayString(_ctx.selectedItemSrText) + " ", 1)])) : createCommentVNode("", true), createTextVNode(" " + toDisplayString(item.label), 1)], 8, _hoisted_4$4)])], 10, _hoisted_2$7);
+    }, [_ctx.showItemSrText(index) ? (openBlock(), createElementBlock("span", _hoisted_5$3, [createElementVNode("span", null, toDisplayString(_ctx.selectedItemSrText) + " ", 1)])) : createCommentVNode("", true), createTextVNode(" " + toDisplayString(item.label), 1)], 8, _hoisted_4$4)])], 10, _hoisted_2$8);
   }), 128)), _cache[6] || (_cache[6] = createTextVNode()), _ctx.hasOverflow ? (openBlock(), createElementBlock("li", _hoisted_6$2, [createElementVNode("div", {
     ref: "popup-item",
     class: normalizeClass(_ctx.popupItemClasses),
@@ -16039,11 +16638,11 @@ function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
     "enable-keyboard-navigation": "",
     onSelect: _ctx.onPopupMenuItemSelected,
     onClose: _cache[5] || (_cache[5] = ($event) => _ctx.togglePopup(false))
-  }, null, 8, ["modelValue", "focused-item", "items", "is-open", "anchor", "selected-menu-item-screen-reader-text", "aria-label", "onSelect"])], 10, _hoisted_1$a);
+  }, null, 8, ["modelValue", "focused-item", "items", "is-open", "anchor", "selected-menu-item-screen-reader-text", "aria-label", "onSelect"])], 10, _hoisted_1$c);
 }
-const FNavigationMenu = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["render", _sfc_render$8]]);
+const FNavigationMenu = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["render", _sfc_render$8]]);
 const EVENTS = ["online", "offline"];
-const _sfc_main$9 = defineComponent({
+const _sfc_main$b = defineComponent({
   name: "FOffline",
   components: {
     FIcon,
@@ -16091,8 +16690,8 @@ const _sfc_main$9 = defineComponent({
     }
   }
 });
-const _hoisted_1$9 = ["role"];
-const _hoisted_2$6 = {
+const _hoisted_1$b = ["role"];
+const _hoisted_2$7 = {
   key: 0,
   class: "offline"
 };
@@ -16111,7 +16710,7 @@ function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
     ref: "offline",
     class: "offline__wrapper",
     role: _ctx.role
-  }, [!_ctx.isOnline ? (openBlock(), createElementBlock("div", _hoisted_2$6, [createVNode(_component_i_flex, {
+  }, [!_ctx.isOnline ? (openBlock(), createElementBlock("div", _hoisted_2$7, [createVNode(_component_i_flex, {
     gap: "2x"
   }, {
     default: withCtx(() => [createVNode(_component_i_flex_item, {
@@ -16137,10 +16736,10 @@ function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
   })])) : createCommentVNode("", true), _cache[3] || (_cache[3] = createTextVNode()), withDirectives(createElementVNode("span", {
     class: "sr-only",
     "aria-hidden": _ctx.shouldNotRead ? "true" : void 0
-  }, "\n            Din internetuppkoppling fungerar igen\n        ", 8, _hoisted_5$2), [[vShow, _ctx.isOnline]])], 8, _hoisted_1$9);
+  }, "\n            Din internetuppkoppling fungerar igen\n        ", 8, _hoisted_5$2), [[vShow, _ctx.isOnline]])], 8, _hoisted_1$b);
 }
-const FOffline = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["render", _sfc_render$7]]);
-const _sfc_main$8 = defineComponent({
+const FOffline = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["render", _sfc_render$7]]);
+const _sfc_main$a = defineComponent({
   name: "FOutputField",
   components: {
     FLabel
@@ -16173,13 +16772,13 @@ const _sfc_main$8 = defineComponent({
     }
   }
 });
-const _hoisted_1$8 = {
+const _hoisted_1$a = {
   class: "output-field"
 };
-const _hoisted_2$5 = ["id", "for"];
+const _hoisted_2$6 = ["id", "for"];
 function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_f_label = resolveComponent("f-label");
-  return openBlock(), createElementBlock("div", _hoisted_1$8, [createVNode(_component_f_label, {
+  return openBlock(), createElementBlock("div", _hoisted_1$a, [createVNode(_component_f_label, {
     for: _ctx.id
   }, createSlots({
     default: withCtx(() => [renderSlot(_ctx.$slots, "label")]),
@@ -16192,10 +16791,10 @@ function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
     id: _ctx.id,
     for: _ctx.htmlFor,
     class: "output-field__output"
-  }, _ctx.$attrs), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_2$5)]);
+  }, _ctx.$attrs), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_2$6)]);
 }
-const FOutputField = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", _sfc_render$6]]);
-const _sfc_main$7 = defineComponent({
+const FOutputField = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["render", _sfc_render$6]]);
+const _sfc_main$9 = defineComponent({
   name: "FPageHeader",
   components: {
     ISkipLink
@@ -16242,10 +16841,10 @@ const _sfc_main$7 = defineComponent({
     }
   }
 });
-const _hoisted_1$7 = {
+const _hoisted_1$9 = {
   class: "page-header__root"
 };
-const _hoisted_2$4 = {
+const _hoisted_2$5 = {
   key: 0
 };
 const _hoisted_3$3 = {
@@ -16264,7 +16863,7 @@ const _hoisted_6$1 = {
 };
 function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_i_skip_link = resolveComponent("i-skip-link");
-  return openBlock(), createElementBlock("div", _hoisted_1$7, [_ctx.skipLinkAnchor ? (openBlock(), createElementBlock("nav", _hoisted_2$4, [createVNode(_component_i_skip_link, {
+  return openBlock(), createElementBlock("div", _hoisted_1$9, [_ctx.skipLinkAnchor ? (openBlock(), createElementBlock("nav", _hoisted_2$5, [createVNode(_component_i_skip_link, {
     href: _ctx.skipLinkAnchor
   }, {
     default: withCtx(() => [renderSlot(_ctx.$slots, "skip-link-text")]),
@@ -16276,7 +16875,7 @@ function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   })), _cache[1] || (_cache[1] = createTextVNode()), createElementVNode("div", _hoisted_5$1, [createElementVNode("div", _hoisted_6$1, [renderSlot(_ctx.$slots, "right")])])], 512)]);
 }
-const FPageHeader = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render$5]]);
+const FPageHeader = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["render", _sfc_render$5]]);
 const layoutRegister = {};
 function getLayout(name) {
   var _layoutRegister$name;
@@ -16414,7 +17013,7 @@ registerLayout({
     }
   }
 });
-const styleContent = '.page-layout {\n    display: grid;\n    height: 100cqh;\n    width: min(100%, 100cqw);\n\n    &[part~="simple"] {\n        grid-template:\n            "header" min-content\n            "content" 1fr\n            "footer" min-content\n            / 1fr;\n    }\n\n    &[part~="left-panel"] {\n        grid-template:\n            "header header" min-content\n            "left content" 1fr\n            "footer footer" min-content\n            / min-content 1fr;\n    }\n\n    &[part~="right-panel"] {\n        grid-template:\n            "header header" min-content\n            "content right" 1fr\n            "footer footer" min-content\n            / 1fr min-content;\n    }\n\n    &[part~="three-column"] {\n        grid-template:\n            "header header header" min-content\n            "left content right" 1fr\n            "footer footer footer" min-content\n            / min-content 1fr min-content;\n    }\n}\n\n.page-layout__area {\n    display: flex;\n    position: relative;\n\n    &[data-direction="column"] {\n        flex-direction: column;\n    }\n\n    &[data-direction="row"] {\n        flex-direction: row;\n    }\n\n    &[data-scroll] {\n        overflow-y: auto;\n    }\n\n    &:empty {\n        display: none;\n    }\n}\n\n:host ::slotted(*) {\n    display: contents;\n}\n';
+const styleContent = ':host {\n    display: block;\n}\n\n.page-layout {\n    display: grid;\n    height: 100cqh;\n    width: min(100%, 100cqw);\n\n    &[part~="simple"] {\n        grid-template:\n            "header" min-content\n            "content" 1fr\n            "footer" min-content\n            / 1fr;\n\n        [part="area header"],\n        [part="area footer"] {\n            background: var(--f-background-pageheader-primary);\n            color: var(--fkds-color-text-inverted);\n        }\n\n        [part="area content"] {\n            background: var(--fkds-color-background-primary);\n            color: var(--fkds-color-text-primary);\n        }\n    }\n\n    &[part~="left-panel"] {\n        grid-template:\n            "header header" min-content\n            "left content" 1fr\n            "footer footer" min-content\n            / min-content 1fr;\n\n        [part="area header"],\n        [part="area footer"] {\n            background: var(--f-background-pageheader-primary);\n            color: var(--fkds-color-text-inverted);\n        }\n\n        [part="area left"] {\n            background: var(--fkds-color-background-secondary);\n        }\n\n        [part="area content"] {\n            background: var(--fkds-color-background-primary);\n            color: var(--fkds-color-text-primary);\n        }\n    }\n\n    &[part~="right-panel"] {\n        grid-template:\n            "header header" min-content\n            "content right" 1fr\n            "footer footer" min-content\n            / 1fr min-content;\n\n        [part="area header"],\n        [part="area footer"] {\n            background: var(--f-background-pageheader-primary);\n            color: var(--fkds-color-text-inverted);\n        }\n\n        [part="area right"] {\n            background: var(--fkds-color-background-secondary);\n            color: var(--fkds-color-text-primary);\n        }\n\n        [part="area content"] {\n            background: var(--fkds-color-background-primary);\n            color: var(--fkds-color-text-primary);\n        }\n    }\n\n    &[part~="three-column"] {\n        grid-template:\n            "header header header" min-content\n            "left content right" 1fr\n            "footer footer footer" min-content\n            / min-content 1fr min-content;\n\n        [part="area header"],\n        [part="area footer"] {\n            background: var(--f-background-pageheader-primary);\n            color: var(--fkds-color-text-inverted);\n        }\n\n        [part="area left"],\n        [part="area right"] {\n            background: var(--fkds-color-background-secondary);\n            color: var(--fkds-color-text-primary);\n        }\n\n        [part="area content"] {\n            background: var(--fkds-color-background-primary);\n            color: var(--fkds-color-text-primary);\n        }\n    }\n}\n\n.page-layout__area {\n    display: flex;\n    position: relative;\n\n    &[data-direction="column"] {\n        flex-direction: column;\n    }\n\n    &[data-direction="row"] {\n        flex-direction: row;\n    }\n\n    &[data-scroll] {\n        overflow-y: auto;\n    }\n\n    &:empty {\n        display: none;\n    }\n}\n\n:host ::slotted(*) {\n    display: contents;\n}\n';
 const stubLayout = defineLayout({
   name: "",
   areas: {}
@@ -16516,40 +17115,128 @@ class PageLayout extends HTMLElement {
         _classPrivateFieldGet2(_elements, this)[slot] = element;
       }
     }
+    setTimeout(() => {
+      this.dispatchEvent(new CustomEvent("update"));
+    }, 0);
   }
 }
-const _hoisted_1$6 = ["slot"];
-const tagName = `ce-page-layout`;
-const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+const _hoisted_1$8 = ["slot"];
+const tagName$1 = `ce-page-layout`;
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   __name: "FPageLayout",
   props: {
     layout: {}
   },
-  setup(__props) {
+  emits: ["update"],
+  setup(__props, {
+    emit: __emit
+  }) {
+    const emit = __emit;
     const slots = useSlots();
     const slotNames = computed(() => {
       return Object.keys(slots);
     });
     onMounted(() => {
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, PageLayout);
+      if (!customElements.get(tagName$1)) {
+        customElements.define(tagName$1, PageLayout);
       }
     });
+    function onUpdate() {
+      emit("update");
+    }
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(resolveDynamicComponent(tagName), {
-        layout: _ctx.layout
+      return openBlock(), createBlock(resolveDynamicComponent(tagName$1), {
+        layout: _ctx.layout,
+        onUpdate
       }, {
         default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(slotNames.value, (slot) => {
           return openBlock(), createElementBlock("div", {
             key: slot,
             slot
-          }, [renderSlot(_ctx.$slots, slot)], 8, _hoisted_1$6);
+          }, [renderSlot(_ctx.$slots, slot)], 8, _hoisted_1$8);
         }), 128))]),
         _: 3
-      }, 8, ["layout"]);
+      }, 40, ["layout"]);
     };
   }
 });
+function tryOnScopeDispose(fn2) {
+  if (getCurrentScope()) {
+    onScopeDispose(fn2);
+    return true;
+  }
+  return false;
+}
+const isClient = typeof window !== "undefined" && typeof document !== "undefined";
+typeof WorkerGlobalScope !== "undefined" && globalThis instanceof WorkerGlobalScope;
+const toString = Object.prototype.toString;
+const isObject = (val) => toString.call(val) === "[object Object]";
+function toArray(value) {
+  return Array.isArray(value) ? value : [value];
+}
+function watchImmediate(source, cb, options) {
+  return watch(
+    source,
+    cb,
+    {
+      ...options,
+      immediate: true
+    }
+  );
+}
+const defaultWindow = isClient ? window : void 0;
+function unrefElement(elRef) {
+  var _a;
+  const plain = toValue(elRef);
+  return (_a = plain == null ? void 0 : plain.$el) != null ? _a : plain;
+}
+function useEventListener(...args) {
+  const cleanups = [];
+  const cleanup = () => {
+    cleanups.forEach((fn2) => fn2());
+    cleanups.length = 0;
+  };
+  const register = (el, event, listener, options) => {
+    el.addEventListener(event, listener, options);
+    return () => el.removeEventListener(event, listener, options);
+  };
+  const firstParamTargets = computed(() => {
+    const test = toArray(toValue(args[0])).filter((e) => e != null);
+    return test.every((e) => typeof e !== "string") ? test : void 0;
+  });
+  const stopWatch = watchImmediate(
+    () => {
+      var _a, _b;
+      return [
+        (_b = (_a = firstParamTargets.value) == null ? void 0 : _a.map((e) => unrefElement(e))) != null ? _b : [defaultWindow].filter((e) => e != null),
+        toArray(toValue(firstParamTargets.value ? args[1] : args[0])),
+        toArray(unref(firstParamTargets.value ? args[2] : args[1])),
+        // @ts-expect-error - TypeScript gets the correct types, but somehow still complains
+        toValue(firstParamTargets.value ? args[3] : args[2])
+      ];
+    },
+    ([raw_targets, raw_events, raw_listeners, raw_options]) => {
+      cleanup();
+      if (!(raw_targets == null ? void 0 : raw_targets.length) || !(raw_events == null ? void 0 : raw_events.length) || !(raw_listeners == null ? void 0 : raw_listeners.length))
+        return;
+      const optionsClone = isObject(raw_options) ? { ...raw_options } : raw_options;
+      cleanups.push(
+        ...raw_targets.flatMap(
+          (el) => raw_events.flatMap(
+            (event) => raw_listeners.map((listener) => register(el, event, listener, optionsClone))
+          )
+        )
+      );
+    },
+    { flush: "post" }
+  );
+  const stop = () => {
+    stopWatch();
+    cleanup();
+  };
+  tryOnScopeDispose(cleanup);
+  return stop;
+}
 function getProperty(style, key) {
   const value = style.getPropertyValue(key);
   if (value === "") {
@@ -16558,16 +17245,33 @@ function getProperty(style, key) {
     return JSON.parse(value);
   }
 }
+function findLayoutElement(element) {
+  if (!element) {
+    return null;
+  }
+  const parent = element.closest("ce-page-layout");
+  if (parent) {
+    return parent;
+  }
+  const root = element.getRootNode();
+  if (root instanceof ShadowRoot) {
+    return findLayoutElement(root.host);
+  }
+  return null;
+}
 function useAreaData(element) {
   const area = ref(null);
   const attachPanel = ref(null);
   const direction = ref(null);
+  const layoutElement = computed(() => findLayoutElement(toValue(element)));
+  useEventListener(layoutElement, "update", () => {
+    if (element.value) {
+      update(element.value);
+    }
+  });
   watchEffect(() => {
     if (element.value) {
-      const style = getComputedStyle(element.value);
-      area.value = getProperty(style, VAR_NAME_AREA);
-      attachPanel.value = getProperty(style, VAR_NAME_ATTACH_PANEL);
-      direction.value = getProperty(style, VAR_NAME_DIRECTION);
+      update(element.value);
     }
   });
   return {
@@ -16575,17 +17279,23 @@ function useAreaData(element) {
     attachPanel,
     direction
   };
+  function update(element2) {
+    const style = getComputedStyle(element2);
+    area.value = getProperty(style, VAR_NAME_AREA);
+    attachPanel.value = getProperty(style, VAR_NAME_ATTACH_PANEL);
+    direction.value = getProperty(style, VAR_NAME_DIRECTION);
+  }
 }
-const _hoisted_1$5 = {
+const _hoisted_1$7 = {
   class: "progress"
 };
-const _hoisted_2$3 = ["aria-label", "aria-valuenow", "aria-valuetext"];
+const _hoisted_2$4 = ["aria-label", "aria-valuenow", "aria-valuetext"];
 const _hoisted_3$2 = {
   class: "sr-only"
 };
 const MIN_VALUE = 0;
 const MAX_VALUE = 100;
-const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   __name: "FProgressbar",
   props: {
     /**
@@ -16624,10 +17334,10 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const props = __props;
     const ariaLabel = props.ariaLabel;
-    function clamp(val) {
+    function clamp2(val) {
       return Math.round(Math.min(Math.max(val || 0, MIN_VALUE), MAX_VALUE));
     }
-    const progressValueNow = computed(() => clamp(props.value));
+    const progressValueNow = computed(() => clamp2(props.value));
     const cssWidth = computed(() => `width: ${progressValueNow.value}%`);
     const progressBarClass = computed(() => {
       if (progressValueNow.value === MIN_VALUE) {
@@ -16642,7 +17352,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
       return `${props.valueText.replace("%VALUE%", progressValueNow.value.toString())}`;
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$5, [createElementVNode("span", {
+      return openBlock(), createElementBlock("div", _hoisted_1$7, [createElementVNode("span", {
         class: normalizeClass(["progress__meter", progressBarClass.value]),
         role: "progressbar",
         "aria-label": unref(ariaLabel),
@@ -16651,12 +17361,12 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
         "aria-valuenow": progressValueNow.value,
         "aria-valuetext": progressText.value,
         style: normalizeStyle(cssWidth.value)
-      }, [createElementVNode("span", _hoisted_3$2, toDisplayString(progressText.value), 1)], 14, _hoisted_2$3)]);
+      }, [createElementVNode("span", _hoisted_3$2, toDisplayString(progressText.value), 1)], 14, _hoisted_2$4)]);
     };
   }
 });
 const anyType = [String, Object, Array, Number, Date, Boolean];
-const _sfc_main$4 = defineComponent({
+const _sfc_main$6 = defineComponent({
   name: "FRadioField",
   inheritAttrs: false,
   props: {
@@ -16812,8 +17522,8 @@ const _sfc_main$4 = defineComponent({
     }
   }
 });
-const _hoisted_1$4 = ["id", "disabled"];
-const _hoisted_2$2 = ["for"];
+const _hoisted_1$6 = ["id", "disabled"];
+const _hoisted_2$3 = ["for"];
 const _hoisted_3$1 = {
   key: 0,
   class: "radio-button__details"
@@ -16831,7 +17541,7 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
     type: "radio",
     class: "radio-button__input",
     disabled: _ctx.disabled
-  }, _ctx.attrs), null, 16, _hoisted_1$4), _cache[7] || (_cache[7] = createTextVNode()), createElementVNode("label", {
+  }, _ctx.attrs), null, 16, _hoisted_1$6), _cache[7] || (_cache[7] = createTextVNode()), createElementVNode("label", {
     class: normalizeClass(_ctx.$slots.details ? "radio-button__label radio-button__width" : "radio-button__label"),
     for: _ctx.id
   }, [renderSlot(_ctx.$slots, "default"), _cache[6] || (_cache[6] = createTextVNode()), _ctx.$slots.details ? (openBlock(), createElementBlock(Fragment, {
@@ -16846,9 +17556,386 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
       height: _ctx.height
     })])) : createCommentVNode("", true)]),
     _: 3
-  }, 8, ["onEnter", "onAfterEnter", "onLeave"])) : createCommentVNode("", true)], 64)) : createCommentVNode("", true)], 10, _hoisted_2$2)], 34);
+  }, 8, ["onEnter", "onAfterEnter", "onLeave"])) : createCommentVNode("", true)], 64)) : createCommentVNode("", true)], 10, _hoisted_2$3)], 34);
+}
+const FRadioField = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_render$4]]);
+const keymap = {
+  left: {
+    ArrowLeft: "decrease",
+    ArrowRight: "increase",
+    Home: "minimize",
+    End: "maximize"
+  },
+  right: {
+    ArrowLeft: "increase",
+    ArrowRight: "decrease",
+    Home: "minimize",
+    End: "maximize"
+  },
+  top: {
+    ArrowUp: "decrease",
+    ArrowDown: "increase",
+    Home: "minimize",
+    End: "maximize"
+  },
+  bottom: {
+    ArrowUp: "increase",
+    ArrowDown: "decrease",
+    Home: "minimize",
+    End: "maximize"
+  },
+  none: {}
+};
+function useKeyboardHandler(options) {
+  const {
+    attachment,
+    separator
+  } = options;
+  useEventListener(separator, "keydown", (event) => {
+    if (!attachment.value) {
+      return;
+    }
+    const action = keymap[attachment.value][event.key];
+    if (action) {
+      event.preventDefault();
+      options[action]();
+    }
+  });
+}
+function clamp(value, min, max) {
+  return Math.min(Math.max(value, min), max);
+}
+function usePointerHandler(options) {
+  const {
+    separator,
+    attachment
+  } = options;
+  const invert = computed(() => {
+    if (attachment.value === "right" || attachment.value === "bottom") {
+      return -1;
+    }
+    return 1;
+  });
+  const orientation = computed(() => {
+    if (attachment.value === "top" || attachment.value === "bottom") {
+      return "horizontal";
+    } else {
+      return "vertical";
+    }
+  });
+  useEventListener(separator, "pointerdown", (event) => {
+    const {
+      isPrimary,
+      button,
+      target,
+      pointerId
+    } = event;
+    if (!separator.value) {
+      return;
+    }
+    if (!isPrimary || button !== 0 || target !== separator.value) {
+      return;
+    }
+    const separatorElement = separator.value;
+    const property = orientation.value === "horizontal" ? "clientY" : "clientX";
+    const reference = event[property];
+    const resize = createResizer();
+    function onPointerMove(event2) {
+      if (event2.pointerId === pointerId) {
+        resize(event2[property] - reference);
+      }
+    }
+    function onLostPointerCapture(event2) {
+      if (event2.pointerId === pointerId) {
+        separatorElement.removeEventListener("pointermove", onPointerMove);
+        separatorElement.removeEventListener("lostpointercapture", onLostPointerCapture);
+      }
+    }
+    onPointerMove(event);
+    separatorElement.addEventListener("lostpointercapture", onLostPointerCapture);
+    separatorElement.addEventListener("pointermove", onPointerMove);
+    separatorElement.setPointerCapture(pointerId);
+    event.preventDefault();
+  });
+  function createResizer() {
+    const {
+      min,
+      max,
+      current: value
+    } = options.state.value;
+    return (amount) => {
+      options.movement(clamp(value + amount * invert.value, min, max));
+    };
+  }
+}
+function computeCssValue(raw, total, auto) {
+  if (raw.endsWith("px")) {
+    return parseInt(raw.slice(0, -2), 10);
+  } else if (raw.endsWith("%")) {
+    const value = parseInt(raw.slice(0, -1), 10);
+    const percent = value / 100;
+    return percent * total;
+  } else if (raw === "0") {
+    return 0;
+  } else if (raw === "auto") {
+    return auto;
+  } else {
+    throw new Error(`Cant parse size from "${raw}"`);
+  }
+}
+function aggregateCssValue(raw, total, auto, take) {
+  if (raw === "auto") {
+    return auto;
+  }
+  const parts = raw.split(/\s+/).map((it) => it.trim());
+  const parsed = parts.map((it) => computeCssValue(it, total, auto));
+  return take(...parsed);
+}
+function useStorage(options) {
+  const {
+    state,
+    storageKey
+  } = options;
+  const loaded = ref(false);
+  let last = -1;
+  watchEffect(() => {
+    if (!loaded.value) {
+      return;
+    }
+    if (!storageKey.value) {
+      return;
+    }
+    if (state.value.current < 0 || state.value.current === last) {
+      return;
+    }
+    const json = JSON.stringify(state.value.current);
+    window.localStorage.setItem(storageKey.value, json);
+    last = state.value.current;
+  });
+  watchEffect(() => {
+    if (!storageKey.value) {
+      return;
+    }
+    const json = window.localStorage.getItem(storageKey.value);
+    if (json) {
+      const value = JSON.parse(json);
+      state.value.current = clamp(value, state.value.min, state.value.max);
+      last = value;
+    }
+    loaded.value = true;
+  });
 }
-const FRadioField = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["render", _sfc_render$4]]);
+const _hoisted_1$5 = ["aria-orientation"];
+const _hoisted_2$2 = ["aria-orientation"];
+const STEP_SIZE = 10;
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+  __name: "FResizePane.ce",
+  props: {
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    min: {
+      default: "0",
+      type: String
+    },
+    max: {
+      default: "100%",
+      type: String
+    },
+    initial: {
+      default: "50%",
+      type: String
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    const root = shallowRef();
+    const content = ref();
+    const separator = ref();
+    const state = ref({
+      min: -1,
+      max: -1,
+      current: -1
+    });
+    const separatorSize = ref(0);
+    const layoutSize = ref(0);
+    const storageKey = computed(() => area.value ? `layout/${area.value}/size` : null);
+    const {
+      attachPanel: attachment,
+      area
+    } = useAreaData(root);
+    useKeyboardHandler({
+      increase() {
+        state.value.current = Math.min(state.value.current + STEP_SIZE, state.value.max);
+      },
+      decrease() {
+        state.value.current = Math.max(state.value.current - STEP_SIZE, state.value.min);
+      },
+      maximize() {
+        state.value.current = state.value.max;
+      },
+      minimize() {
+        state.value.current = state.value.min;
+      },
+      attachment,
+      separator
+    });
+    useStorage({
+      state,
+      storageKey
+    });
+    usePointerHandler({
+      movement(value) {
+        state.value.current = value;
+      },
+      separator,
+      state,
+      attachment
+    });
+    const minSize = computed(() => {
+      const total = layoutSize.value;
+      return Math.floor(aggregateCssValue(props.min, total, 0, Math.max) + separatorSize.value);
+    });
+    const maxSize = computed(() => {
+      const total = layoutSize.value;
+      return Math.floor(aggregateCssValue(props.max, total, total, Math.min) + separatorSize.value);
+    });
+    const initialSize = computed(() => {
+      const total = layoutSize.value;
+      return Math.floor(computeCssValue(props.initial, total, total * 0.5));
+    });
+    const orientation = computed(() => {
+      if (attachment.value === "top" || attachment.value === "bottom") {
+        return "horizontal";
+      } else {
+        return "vertical";
+      }
+    });
+    const layoutElement = computed(() => {
+      var _host$closest;
+      if (!root.value) {
+        return void 0;
+      }
+      const shadow = root.value.getRootNode();
+      const host = shadow.host;
+      return (_host$closest = host.closest("ce-page-layout")) !== null && _host$closest !== void 0 ? _host$closest : void 0;
+    });
+    watchEffect(() => {
+      const {
+        min,
+        max,
+        current: value
+      } = state.value;
+      if (root.value) {
+        root.value.style.setProperty("--size", `${String(value)}px`);
+        root.value.style.setProperty("--min", `${min}px`);
+        root.value.style.setProperty("--max", `${max}px`);
+      }
+      if (separator.value) {
+        separator.value.setAttribute("aria-valuemin", String(Math.floor(min)));
+        separator.value.setAttribute("aria-valuemax", String(Math.floor(max)));
+        separator.value.setAttribute("aria-valuenow", String(Math.floor(value)));
+      }
+    });
+    onMounted(() => {
+      if (separator.value) {
+        const {
+          flexBasis
+        } = getComputedStyle(separator.value);
+        separatorSize.value = computeCssValue(flexBasis, 0, 0);
+      }
+      layoutSize.value = getLayoutSize();
+      state.value = {
+        min: minSize.value,
+        max: maxSize.value,
+        current: clamp(initialSize.value, minSize.value, maxSize.value)
+      };
+    });
+    useEventListener$1(window, "resize", debounce(onResize, 20));
+    function onResize() {
+      layoutSize.value = getLayoutSize();
+      state.value = {
+        min: minSize.value,
+        max: maxSize.value,
+        current: initialSize.value
+      };
+    }
+    function getLayoutSize() {
+      if (!layoutElement.value) {
+        return 0;
+      }
+      switch (orientation.value) {
+        case "horizontal": {
+          return layoutElement.value.offsetHeight;
+        }
+        case "vertical": {
+          return layoutElement.value.offsetWidth;
+        }
+      }
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        ref_key: "root",
+        ref: root,
+        class: normalizeClass(["resize", `resize--${unref(attachment)}`])
+      }, [createElementVNode("div", {
+        ref_key: "content",
+        ref: content,
+        class: "resize__content"
+      }, [renderSlot(_ctx.$slots, "content")], 512), _cache[0] || (_cache[0] = createTextVNode()), !props.disabled ? (openBlock(), createElementBlock("div", {
+        key: 0,
+        ref_key: "separator",
+        ref: separator,
+        role: "separator",
+        class: "resize__handle",
+        tabindex: "0",
+        "aria-orientation": orientation.value
+      }, null, 8, _hoisted_1$5)) : (openBlock(), createElementBlock("div", {
+        key: 1,
+        role: "separator",
+        class: "resize__handle disabled",
+        "aria-orientation": orientation.value
+      }, null, 8, _hoisted_2$2))], 2);
+    };
+  }
+});
+const _style_0 = '/* background color */\n/* highlight color */\n/* the width of the visible handle */\n/* how much extra click/hover area the handle has */\n/* how much extra space the handle occupies when hovering (not counting the click area) */\n/* how long before visually indicating the hover state */\n/* how long the animation for the visual indicator is */\n:host {\n  display: contents;\n}\n.resize {\n  flex-grow: 1;\n  display: flex;\n  align-items: stretch;\n}\n.resize--left {\n  flex-direction: row;\n  width: var(--size);\n}\n.resize--right {\n  flex-direction: row-reverse;\n  width: var(--size);\n}\n.resize--top {\n  flex-direction: column;\n  height: var(--size);\n}\n.resize--bottom {\n  flex-direction: column-reverse;\n  height: var(--size);\n}\n.resize__content {\n  flex: 1 1 auto;\n  overflow: auto;\n  box-sizing: border-box;\n  display: flex;\n}\n.resize--left .resize__content, .resize--right .resize__content {\n  min-width: calc(var(--min) - 2px);\n  max-width: calc(var(--max) - 2px);\n}\n.resize--top .resize__content, .resize--bottom .resize__content {\n  min-height: calc(var(--min) - 2px);\n  max-height: calc(var(--max) - 2px);\n}\n.resize__handle {\n  flex: 0 0 2px;\n  background: var(--fkds-color-border-primary);\n  touch-action: none;\n  user-select: none;\n  z-index: 1;\n  position: relative;\n  transition: z-index 0s 200ms;\n  /* disable regular focus indicator as this component has its own */\n  /* when focus by keyboard we dont want the delay or transition */\n  /* as the handle area expand we increase z-index for the handle to make sure it covers other separators */\n}\n@media (forced-colors: active) {\n.resize__handle {\n    background: CanvasText;\n}\n}\n.resize__handle[aria-orientation=horizontal] {\n  cursor: row-resize;\n  height: 2px;\n}\n.resize__handle[aria-orientation=horizontal]::before {\n  inset: -2px 0;\n}\n.resize__handle[aria-orientation=horizontal]::after {\n  inset: -4px 0;\n}\n.resize__handle[aria-orientation=vertical] {\n  cursor: col-resize;\n  width: 2px;\n}\n.resize__handle[aria-orientation=vertical]::before {\n  inset: 0 -2px;\n}\n.resize__handle[aria-orientation=vertical]::after {\n  inset: 0 -4px;\n}\n.resize__handle::before {\n  content: "";\n  pointer-events: none;\n  position: absolute;\n  background-color: transparent;\n  transition: background-color 200ms ease-in;\n}\n.resize__handle::after {\n  content: "";\n  position: absolute;\n}\n.resize__handle:focus::before, .resize__handle:hover::before, .resize__handle.drag::before {\n  background-color: var(--fkds-color-action-border-primary-hover);\n  transition-delay: 200ms;\n}\n@media (forced-colors: active) {\n.resize__handle:focus::before, .resize__handle:hover::before, .resize__handle.drag::before {\n    background-color: Highlight;\n}\n}\n.resize__handle:focus {\n  outline: none;\n  box-shadow: none;\n}\n.resize__handle:focus::before {\n  transition: none;\n}\n.resize__handle:hover, .resize__handle:focus, .resize__handle.drag {\n  z-index: 2;\n  transition: z-index 0s 0s;\n}\n.resize__handle.disabled {\n  cursor: auto;\n}\n.resize__handle.disabled::before {\n  display: none;\n}\n.resize--left .resize__handle {\n  left: 2px;\n}\n.resize--right .resize__handle {\n  right: 2px;\n}\n.resize--top .resize__handle {\n  top: 2px;\n}\n.resize--bottom .resize__handle {\n  bottom: 2px;\n}';
+const FResizePane = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["styles", [_style_0]]]);
+const _hoisted_1$4 = {
+  slot: "content"
+};
+const tagName = "ce-resize-pane";
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+  __name: "FResizePane",
+  props: {
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    min: {
+      default: "0"
+    },
+    max: {
+      default: "100%"
+    },
+    initial: {
+      default: "50%"
+    }
+  },
+  setup(__props) {
+    if (!customElements.get(tagName)) {
+      customElements.define(tagName, defineCustomElement(FResizePane));
+    }
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(resolveDynamicComponent(tagName), normalizeProps(guardReactiveProps(props)), {
+        default: withCtx(() => [createElementVNode("div", _hoisted_1$4, [renderSlot(_ctx.$slots, "default")])]),
+        _: 3
+      }, 16);
+    };
+  }
+});
 const _sfc_main$3 = defineComponent({
   name: "FStaticField",
   components: {
@@ -17621,20 +18708,20 @@ export {
   ErrorPlugin,
   ErrorViewData,
   EventBus,
-  _sfc_main$1c as FBadge,
-  _sfc_main$z as FBankAccountNumberTextField,
-  _sfc_main$y as FBankgiroTextField,
+  _sfc_main$1e as FBadge,
+  _sfc_main$B as FBankAccountNumberTextField,
+  _sfc_main$A as FBankgiroTextField,
   FCalendar,
   FCalendarDay,
-  _sfc_main$X as FCard,
+  _sfc_main$Z as FCard,
   FCheckboxField,
-  _sfc_main$x as FClearingnumberTextField,
+  _sfc_main$z as FClearingnumberTextField,
   FConfirmModal,
   FContextMenu,
   FCrudButton,
-  _sfc_main$J as FCrudDataset,
-  _sfc_main$B as FCurrencyTextField,
-  _sfc_main$p as FDataTable,
+  _sfc_main$L as FCrudDataset,
+  _sfc_main$D as FCurrencyTextField,
+  _sfc_main$r as FDataTable,
   FDatepickerField,
   FDialogueTree,
   FEmailTextField,
@@ -17649,35 +18736,36 @@ export {
   FFormModal,
   FValidationFormAction as FFormModalAction,
   FIcon,
-  _sfc_main$i as FInteractiveTable,
+  _sfc_main$k as FInteractiveTable,
   FKUIConfigButtonOrder,
   FLabel,
   FLayoutApplicationTemplate,
   FLayoutLeftPanel,
   FLayoutRightPanel,
   FLayoutRightPanelService,
-  _sfc_main$e as FList,
+  _sfc_main$g as FList,
   FLoader,
-  _sfc_main$c as FLogo,
+  _sfc_main$e as FLogo,
   FMessageBox,
   FModal,
   FNavigationMenu,
-  _sfc_main$w as FNumericTextField,
+  _sfc_main$y as FNumericTextField,
   FOffline,
-  _sfc_main$r as FOrganisationsnummerTextField,
+  _sfc_main$t as FOrganisationsnummerTextField,
   FOutputField,
   FPageHeader,
-  _sfc_main$6 as FPageLayout,
-  _sfc_main$s as FPercentTextField,
-  _sfc_main$v as FPersonnummerTextField,
+  _sfc_main$8 as FPageLayout,
+  _sfc_main$u as FPercentTextField,
+  _sfc_main$x as FPersonnummerTextField,
   FPhoneTextField,
-  _sfc_main$u as FPlusgiroTextField,
-  _sfc_main$t as FPostalCodeTextField,
-  _sfc_main$5 as FProgressbar,
+  _sfc_main$w as FPlusgiroTextField,
+  _sfc_main$v as FPostalCodeTextField,
+  _sfc_main$7 as FProgressbar,
   FRadioField,
+  _sfc_main$4 as FResizePane,
   FSearchTextField,
   FSelectField,
-  _sfc_main$q as FSortFilterDataset,
+  _sfc_main$s as FSortFilterDataset,
   FSortFilterDatasetInjected,
   FStaticField,
   FTableColumn,
@@ -17698,13 +18786,13 @@ export {
   ICalendarMonth,
   ICalendarMonthGrid,
   ICalendarNavbar,
-  _sfc_main$P as IComboboxDropdown,
-  _sfc_main$O as IComboboxToggleButton,
+  _sfc_main$R as IComboboxDropdown,
+  _sfc_main$Q as IComboboxToggleButton,
   IFlex,
   IFlexItem,
   IPopup,
   IPopupError,
-  _sfc_main$T as IPopupListbox,
+  _sfc_main$V as IPopupListbox,
   IPopupMenu,
   ISkipLink,
   FValidationForm as IValidationForm,