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

@fkui/vue 6.1.0 → 6.2.0

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 (12) hide show

package/dist/cjs/{cypress.js → cypress.cjs.js} +2 -56
package/dist/cjs/{cypress.js.map → cypress.cjs.js.map} +1 -1
package/dist/cjs/index.cjs.js +563 -256
package/dist/cjs/index.cjs.js.map +1 -1
package/dist/esm/cypress.esm.js +1516 -0
package/dist/esm/cypress.esm.js.map +7 -0
package/dist/esm/index.esm.js +563 -256
package/dist/esm/index.esm.js.map +1 -1
package/dist/types/index.d.ts +85 -4
package/dist/types/tsdoc-metadata.json +1 -1
package/htmlvalidate/elements/components.js +9 -0
package/package.json +8 -7

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

@@ -4,7 +4,7 @@ const vue = require("vue");
 const logic = require("@fkui/logic");
 const date = require("@fkui/date");
 const statuses = ["default", "warning", "error", "success", "info"];
-const _sfc_main$1b = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$1c = /* @__PURE__ */ vue.defineComponent({
   __name: "FBadge",
   props: {
     /**
@@ -766,8 +766,8 @@ function requireWeakMapBasicDetection() {
   hasRequiredWeakMapBasicDetection = 1;
   var globalThis2 = requireGlobalThis();
   var isCallable2 = requireIsCallable();
-  var WeakMap = globalThis2.WeakMap;
-  weakMapBasicDetection = isCallable2(WeakMap) && /native code/.test(String(WeakMap));
+  var WeakMap2 = globalThis2.WeakMap;
+  weakMapBasicDetection = isCallable2(WeakMap2) && /native code/.test(String(WeakMap2));
   return weakMapBasicDetection;
 }
 var sharedKey;
@@ -806,7 +806,7 @@ function requireInternalState() {
   var hiddenKeys2 = requireHiddenKeys();
   var OBJECT_ALREADY_INITIALIZED = "Object already initialized";
   var TypeError2 = globalThis2.TypeError;
-  var WeakMap = globalThis2.WeakMap;
+  var WeakMap2 = globalThis2.WeakMap;
   var set, get, has;
   var enforce = function(it) {
     return has(it) ? get(it) : set(it, {});
@@ -821,7 +821,7 @@ function requireInternalState() {
     };
   };
   if (NATIVE_WEAK_MAP || shared2.state) {
-    var store = shared2.state || (shared2.state = new WeakMap());
+    var store = shared2.state || (shared2.state = new WeakMap2());
     store.get = store.get;
     store.has = store.has;
     store.set = store.set;
@@ -1883,7 +1883,7 @@ function requireEs_array_push() {
 requireEs_array_push();
 const Flip = ["horizontal", "vertical"];
 const Rotate = ["90", "180", "270"];
-const _sfc_main$1a = vue.defineComponent({
+const _sfc_main$1b = vue.defineComponent({
   name: "FIcon",
   inheritAttrs: false,
   props: {
@@ -1971,7 +1971,7 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const _hoisted_1$U = ["aria-hidden"];
+const _hoisted_1$V = ["aria-hidden"];
 const _hoisted_2$F = ["xlink:href"];
 function _sfc_render$R(_ctx, _cache, $props, $setup, $data, $options) {
   return vue.openBlock(), vue.createElementBlock("svg", vue.mergeProps(_ctx.$attrs, {
@@ -1980,9 +1980,9 @@ function _sfc_render$R(_ctx, _cache, $props, $setup, $data, $options) {
     "aria-hidden": _ctx.ariaHidden
   }), [vue.renderSlot(_ctx.$slots, "default"), _cache[0] || (_cache[0] = vue.createTextVNode()), vue.createElementVNode("use", {
     "xlink:href": _ctx.spriteId
-  }, null, 8, _hoisted_2$F)], 16, _hoisted_1$U);
+  }, null, 8, _hoisted_2$F)], 16, _hoisted_1$V);
 }
-const FIcon = /* @__PURE__ */ _export_sfc(_sfc_main$1a, [["render", _sfc_render$R]]);
+const FIcon = /* @__PURE__ */ _export_sfc(_sfc_main$1b, [["render", _sfc_render$R]]);
 const DATA_TEST_ATTRIBUTE_NAME = "data-test";
 function throwErrorIfEmpty(value) {
   if (!value) {
@@ -3873,8 +3873,8 @@ function require_WeakMap() {
   if (hasRequired_WeakMap) return _WeakMap;
   hasRequired_WeakMap = 1;
   var getNative = require_getNative(), root = require_root();
-  var WeakMap = getNative(root, "WeakMap");
-  _WeakMap = WeakMap;
+  var WeakMap2 = getNative(root, "WeakMap");
+  _WeakMap = WeakMap2;
   return _WeakMap;
 }
 var _getTag;
@@ -3882,12 +3882,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(), WeakMap = require_WeakMap(), baseGetTag = require_baseGetTag(), toSource = require_toSource();
+  var DataView2 = require_DataView(), Map2 = require_Map(), Promise2 = require_Promise(), Set = 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(WeakMap);
+  var dataViewCtorString = toSource(DataView2), mapCtorString = toSource(Map2), promiseCtorString = toSource(Promise2), setCtorString = toSource(Set), 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 || WeakMap && getTag(new WeakMap()) != weakMapTag) {
+  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) {
     getTag = function(value) {
       var result = baseGetTag(value), Ctor = result == objectTag ? value.constructor : void 0, ctorString = Ctor ? toSource(Ctor) : "";
       if (ctorString) {
@@ -4420,7 +4420,7 @@ function elementIsRadioButton(element) {
 function isHTMLInputElement(element) {
   return element instanceof HTMLInputElement;
 }
-const _sfc_main$19 = vue.defineComponent({
+const _sfc_main$1a = vue.defineComponent({
   name: "FModal",
   components: {
     FIcon
@@ -4600,7 +4600,7 @@ const _sfc_main$19 = vue.defineComponent({
     }
   }
 });
-const _hoisted_1$T = ["id"];
+const _hoisted_1$U = ["id"];
 const _hoisted_2$E = {
   class: "modal__backdrop"
 };
@@ -4662,9 +4662,9 @@ function _sfc_render$Q(_ctx, _cache, $props, $setup, $data, $options) {
   })], 8, _hoisted_11$3), _cache[8] || (_cache[8] = vue.createTextVNode()), vue.createElementVNode("div", {
     tabindex: "0",
     onFocus: _cache[2] || (_cache[2] = (...args) => _ctx.onFocusLast && _ctx.onFocusLast(...args))
-  }, null, 32)])])], 2)])], 32)])], 10, _hoisted_1$T)) : vue.createCommentVNode("", true);
+  }, null, 32)])])], 2)])], 32)])], 10, _hoisted_1$U)) : vue.createCommentVNode("", true);
 }
-const FModal = /* @__PURE__ */ _export_sfc(_sfc_main$19, [["render", _sfc_render$Q]]);
+const FModal = /* @__PURE__ */ _export_sfc(_sfc_main$1a, [["render", _sfc_render$Q]]);
 function prepareButtonList(src, buttonOrder = config.buttonOrder) {
   const list = src.map((it) => {
     var _it$event, _ref, _it$reason, _it$type;
@@ -4693,7 +4693,7 @@ const defaultButtons = [{
   event: "dismiss",
   type: "secondary"
 }];
-const _sfc_main$18 = vue.defineComponent({
+const _sfc_main$19 = vue.defineComponent({
   name: "FConfirmModal",
   components: {
     FModal
@@ -4797,7 +4797,7 @@ const _sfc_main$18 = vue.defineComponent({
     }
   }
 });
-const _hoisted_1$S = {
+const _hoisted_1$T = {
   class: "button-group"
 };
 const _hoisted_2$D = ["onClick"];
@@ -4818,7 +4818,7 @@ function _sfc_render$P(_ctx, _cache, $props, $setup, $data, $options) {
   }, {
     header: vue.withCtx(() => [vue.renderSlot(_ctx.$slots, "heading", {}, () => [vue.createTextVNode(vue.toDisplayString(_ctx.heading), 1)])]),
     content: vue.withCtx(() => [vue.renderSlot(_ctx.$slots, "content", {}, () => [vue.createTextVNode(vue.toDisplayString(_ctx.content), 1)])]),
-    footer: vue.withCtx(() => [vue.createElementVNode("div", _hoisted_1$S, [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.preparedButtons, (button) => {
+    footer: vue.withCtx(() => [vue.createElementVNode("div", _hoisted_1$T, [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.preparedButtons, (button) => {
       return vue.openBlock(), vue.createElementBlock("button", {
         key: button.label,
         type: "button",
@@ -4829,11 +4829,11 @@ function _sfc_render$P(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   }, 8, ["fullscreen", "is-open", "aria-close-text", "size", "focus", "onClose"]);
 }
-const FConfirmModal = /* @__PURE__ */ _export_sfc(_sfc_main$18, [["render", _sfc_render$P]]);
+const FConfirmModal = /* @__PURE__ */ _export_sfc(_sfc_main$19, [["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$17 = vue.defineComponent({
+const _sfc_main$18 = vue.defineComponent({
   name: "IFlex",
   inheritAttrs: true,
   props: {
@@ -4913,8 +4913,8 @@ function _sfc_render$O(_ctx, _cache, $props, $setup, $data, $options) {
     class: vue.normalizeClass(["iflex", _ctx.classList])
   }, [vue.renderSlot(_ctx.$slots, "default")], 2);
 }
-const IFlex = /* @__PURE__ */ _export_sfc(_sfc_main$17, [["render", _sfc_render$O]]);
-const _sfc_main$16 = vue.defineComponent({
+const IFlex = /* @__PURE__ */ _export_sfc(_sfc_main$18, [["render", _sfc_render$O]]);
+const _sfc_main$17 = vue.defineComponent({
   name: "IFlexItem",
   inheritAttrs: true,
   props: {
@@ -4966,7 +4966,7 @@ function _sfc_render$N(_ctx, _cache, $props, $setup, $data, $options) {
     class: vue.normalizeClass(["iflex__item", _ctx.classList])
   }, [vue.renderSlot(_ctx.$slots, "default")], 2);
 }
-const IFlexItem = /* @__PURE__ */ _export_sfc(_sfc_main$16, [["render", _sfc_render$N]]);
+const IFlexItem = /* @__PURE__ */ _export_sfc(_sfc_main$17, [["render", _sfc_render$N]]);
 function focusError(item) {
   const element = document.querySelector(`#${item.id}`);
   if (!element) {
@@ -4976,7 +4976,7 @@ function focusError(item) {
   logic.scrollTo(element, window.innerHeight * 0.25);
   logic.focus(focusElement2 ? focusElement2 : element);
 }
-const _sfc_main$15 = vue.defineComponent({
+const _sfc_main$16 = vue.defineComponent({
   name: "FErrorList",
   components: {
     FIcon,
@@ -5032,7 +5032,7 @@ const _sfc_main$15 = vue.defineComponent({
     }
   }
 });
-const _hoisted_1$R = {
+const _hoisted_1$S = {
   class: "error-list"
 };
 const _hoisted_2$C = {
@@ -5049,7 +5049,7 @@ function _sfc_render$M(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_f_icon = vue.resolveComponent("f-icon");
   const _component_i_flex_item = vue.resolveComponent("i-flex-item");
   const _component_i_flex = vue.resolveComponent("i-flex");
-  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$R, [vue.createVNode(_component_i_flex, null, {
+  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$S, [vue.createVNode(_component_i_flex, null, {
     default: vue.withCtx(() => [_ctx.hasTitleSlot ? (vue.openBlock(), vue.createBlock(_component_i_flex_item, {
       key: 0,
       shrink: ""
@@ -5099,7 +5099,7 @@ function _sfc_render$M(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   })]);
 }
-const FErrorList = /* @__PURE__ */ _export_sfc(_sfc_main$15, [["render", _sfc_render$M]]);
+const FErrorList = /* @__PURE__ */ _export_sfc(_sfc_main$16, [["render", _sfc_render$M]]);
 var es_iterator_every = {};
 var hasRequiredEs_iterator_every;
 function requireEs_iterator_every() {
@@ -5187,7 +5187,7 @@ function cleanUpElements(vm) {
     }, 0);
   });
 }
-const _sfc_main$14 = vue.defineComponent({
+const _sfc_main$15 = vue.defineComponent({
   name: "FValidationGroup",
   props: {
     /**
@@ -5263,13 +5263,13 @@ function _sfc_render$L(_ctx, _cache, $props, $setup, $data, $options) {
     onComponentUnmount: _cache[1] || (_cache[1] = (...args) => _ctx.onComponentUnmount && _ctx.onComponentUnmount(...args))
   }, [vue.renderSlot(_ctx.$slots, "default")], 32);
 }
-const FValidationGroup = /* @__PURE__ */ _export_sfc(_sfc_main$14, [["render", _sfc_render$L]]);
+const FValidationGroup = /* @__PURE__ */ _export_sfc(_sfc_main$15, [["render", _sfc_render$L]]);
 var FValidationFormAction = /* @__PURE__ */ ((FValidationFormAction2) => {
   FValidationFormAction2[FValidationFormAction2["CONTINUE"] = 0] = "CONTINUE";
   FValidationFormAction2[FValidationFormAction2["CANCEL"] = 1] = "CANCEL";
   return FValidationFormAction2;
 })(FValidationFormAction || {});
-const _sfc_main$13 = vue.defineComponent({
+const _sfc_main$14 = vue.defineComponent({
   name: "FValidationForm",
   components: {
     FValidationGroup,
@@ -5408,7 +5408,7 @@ const _sfc_main$13 = vue.defineComponent({
     }
   }
 });
-const _hoisted_1$Q = ["id"];
+const _hoisted_1$R = ["id"];
 const _hoisted_2$B = {
   key: 0,
   ref: "errors",
@@ -5437,12 +5437,12 @@ function _sfc_render$K(_ctx, _cache, $props, $setup, $data, $options) {
     }, {
       title: vue.withCtx(() => [vue.renderSlot(_ctx.$slots, "error-message")]),
       _: 3
-    }, 8, ["items", "bullets", "before-navigate"])], 512)) : vue.createCommentVNode("", true), _cache[2] || (_cache[2] = vue.createTextVNode()), vue.renderSlot(_ctx.$slots, "default")], 16, _hoisted_1$Q)]),
+    }, 8, ["items", "bullets", "before-navigate"])], 512)) : vue.createCommentVNode("", true), _cache[2] || (_cache[2] = vue.createTextVNode()), vue.renderSlot(_ctx.$slots, "default")], 16, _hoisted_1$R)]),
     _: 3
   }, 8, ["modelValue"]);
 }
-const FValidationForm = /* @__PURE__ */ _export_sfc(_sfc_main$13, [["render", _sfc_render$K]]);
-const _sfc_main$12 = vue.defineComponent({
+const FValidationForm = /* @__PURE__ */ _export_sfc(_sfc_main$14, [["render", _sfc_render$K]]);
+const _sfc_main$13 = vue.defineComponent({
   name: "FFormModal",
   components: {
     FModal,
@@ -5591,7 +5591,7 @@ const _sfc_main$12 = vue.defineComponent({
     }
   }
 });
-const _hoisted_1$P = {
+const _hoisted_1$Q = {
   class: "button-group"
 };
 const _hoisted_2$A = ["type", "form", "onClick"];
@@ -5623,7 +5623,7 @@ function _sfc_render$J(_ctx, _cache, $props, $setup, $data, $options) {
       default: vue.withCtx(() => [_cache[0] || (_cache[0] = vue.createTextVNode()), vue.renderSlot(_ctx.$slots, "input-text-fields")]),
       _: 3
     }, 8, ["id", "before-submit", "before-validation", "use-error-list", "onSubmit", "onCancel"])]),
-    footer: vue.withCtx(() => [vue.createElementVNode("div", _hoisted_1$P, [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.preparedButtons, (button) => {
+    footer: vue.withCtx(() => [vue.createElementVNode("div", _hoisted_1$Q, [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.preparedButtons, (button) => {
       return vue.openBlock(), vue.createElementBlock("button", {
         key: button.label,
         type: button.buttonType,
@@ -5635,7 +5635,7 @@ function _sfc_render$J(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   }, 8, ["data-test", "fullscreen", "is-open", "size", "aria-close-text", "onClose"]);
 }
-const FFormModal = /* @__PURE__ */ _export_sfc(_sfc_main$12, [["render", _sfc_render$J]]);
+const FFormModal = /* @__PURE__ */ _export_sfc(_sfc_main$13, [["render", _sfc_render$J]]);
 async function confirmModal(callingInstance, texts) {
   const buttons = [{
     label: texts.confirm,
@@ -5995,7 +5995,7 @@ const ErrorPlugin = {
     }
   }
 };
-const _sfc_main$11 = vue.defineComponent({
+const _sfc_main$12 = vue.defineComponent({
   name: "FErrorPage",
   props: {
     payload: {
@@ -6005,16 +6005,16 @@ const _sfc_main$11 = vue.defineComponent({
     }
   }
 });
-const _hoisted_1$O = {
+const _hoisted_1$P = {
   "data-test": "f-error-page"
 };
 function _sfc_render$I(_ctx, _cache, $props, $setup, $data, $options) {
-  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$O, _cache[0] || (_cache[0] = [vue.createElementVNode("h1", null, "Fel", -1), vue.createTextVNode(), vue.createElementVNode("p", null, "Ett fel har uppstått.", -1), vue.createTextVNode(), vue.createElementVNode("a", {
+  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$P, _cache[0] || (_cache[0] = [vue.createElementVNode("h1", null, "Fel", -1), vue.createTextVNode(), vue.createElementVNode("p", null, "Ett fel har uppstått.", -1), vue.createTextVNode(), vue.createElementVNode("a", {
     href: "/"
   }, "Gå till startsidan", -1)]));
 }
-const FErrorPage = /* @__PURE__ */ _export_sfc(_sfc_main$11, [["render", _sfc_render$I]]);
-const _sfc_main$10 = vue.defineComponent({
+const FErrorPage = /* @__PURE__ */ _export_sfc(_sfc_main$12, [["render", _sfc_render$I]]);
+const _sfc_main$11 = vue.defineComponent({
   name: "FErrorHandlingApp",
   props: {
     defaultComponent: {
@@ -6053,7 +6053,7 @@ function _sfc_render$H(_ctx, _cache, $props, $setup, $data, $options) {
     key: 2
   })]);
 }
-const FErrorHandlingApp = /* @__PURE__ */ _export_sfc(_sfc_main$10, [["render", _sfc_render$H]]);
+const FErrorHandlingApp = /* @__PURE__ */ _export_sfc(_sfc_main$11, [["render", _sfc_render$H]]);
 function isMonthBefore(date2, minDate) {
   return Boolean(minDate && date2.isBefore(minDate.startOfMonth()));
 }
@@ -6094,7 +6094,7 @@ function getMessage($t2, date2, minDate, maxDate) {
     });
   }
 }
-const _sfc_main$$ = vue.defineComponent({
+const _sfc_main$10 = vue.defineComponent({
   name: "ICalendarNavbar",
   components: {
     FIcon
@@ -6207,7 +6207,7 @@ const _sfc_main$$ = vue.defineComponent({
     }
   }
 });
-const _hoisted_1$N = {
+const _hoisted_1$O = {
   class: "calendar-navbar"
 };
 const _hoisted_2$z = {
@@ -6224,7 +6224,7 @@ const _hoisted_6$f = {
 };
 function _sfc_render$G(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_f_icon = vue.resolveComponent("f-icon");
-  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$N, [vue.createElementVNode("div", _hoisted_2$z, vue.toDisplayString(_ctx.currentText), 1), _cache[4] || (_cache[4] = vue.createTextVNode()), vue.createElementVNode("button", {
+  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$O, [vue.createElementVNode("div", _hoisted_2$z, vue.toDisplayString(_ctx.currentText), 1), _cache[4] || (_cache[4] = vue.createTextVNode()), vue.createElementVNode("button", {
     ref: "previousButton",
     class: "calendar-navbar__arrow calendar-navbar__arrow--previous",
     type: "button",
@@ -6246,14 +6246,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$$, [["render", _sfc_render$G]]);
+const ICalendarNavbar = /* @__PURE__ */ _export_sfc(_sfc_main$10, [["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$_ = vue.defineComponent({
+const _sfc_main$$ = vue.defineComponent({
   name: "ICalendarMonthGrid",
   props: {
     /**
@@ -6327,7 +6327,7 @@ const _sfc_main$_ = vue.defineComponent({
     }
   }
 });
-const _hoisted_1$M = ["aria-label"];
+const _hoisted_1$N = ["aria-label"];
 const _hoisted_2$y = {
   key: 0,
   class: "calendar-month__col--week"
@@ -6420,9 +6420,9 @@ function _sfc_render$F(_ctx, _cache, $props, $setup, $data, $options) {
     class: "calendar-month__cell",
     colspan: _ctx.totalCols,
     "aria-hidden": "true"
-  }, null, 8, _hoisted_12$2)])) : vue.createCommentVNode("", true)])], 40, _hoisted_1$M);
+  }, null, 8, _hoisted_12$2)])) : vue.createCommentVNode("", true)])], 40, _hoisted_1$N);
 }
-const ICalendarMonthGrid = /* @__PURE__ */ _export_sfc(_sfc_main$_, [["render", _sfc_render$F]]);
+const ICalendarMonthGrid = /* @__PURE__ */ _export_sfc(_sfc_main$$, [["render", _sfc_render$F]]);
 const DayStep = {
   ArrowRight: 1,
   ArrowLeft: -1,
@@ -6446,7 +6446,7 @@ function getDayTabindex(date2, active, entry) {
     return date2.day === 1 ? 0 : -1;
   }
 }
-const _sfc_main$Z = vue.defineComponent({
+const _sfc_main$_ = vue.defineComponent({
   name: "ICalendarMonth",
   components: {
     ICalendarMonthGrid
@@ -6536,7 +6536,7 @@ const _sfc_main$Z = vue.defineComponent({
     }
   }
 });
-const _hoisted_1$L = ["data-date", "tabindex", "onClick", "onKeydown"];
+const _hoisted_1$M = ["data-date", "tabindex", "onClick", "onKeydown"];
 function _sfc_render$E(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_i_calendar_month_grid = vue.resolveComponent("i-calendar-month-grid");
   return vue.openBlock(), vue.createBlock(_component_i_calendar_month_grid, {
@@ -6556,12 +6556,12 @@ function _sfc_render$E(_ctx, _cache, $props, $setup, $data, $options) {
     }, [vue.renderSlot(_ctx.$slots, "default", {
       date: date2,
       isFocused: _ctx.isDayFocused(date2)
-    })], 40, _hoisted_1$L)]),
+    })], 40, _hoisted_1$M)]),
     _: 3
   }, 8, ["value"]);
 }
-const ICalendarMonth = /* @__PURE__ */ _export_sfc(_sfc_main$Z, [["render", _sfc_render$E]]);
-const _sfc_main$Y = vue.defineComponent({
+const ICalendarMonth = /* @__PURE__ */ _export_sfc(_sfc_main$_, [["render", _sfc_render$E]]);
+const _sfc_main$Z = vue.defineComponent({
   name: "FCalendar",
   components: {
     ICalendarNavbar,
@@ -6612,13 +6612,13 @@ const _sfc_main$Y = vue.defineComponent({
     }
   }
 });
-const _hoisted_1$K = {
+const _hoisted_1$L = {
   class: "calendar__wrapper"
 };
 function _sfc_render$D(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_i_calendar_navbar = vue.resolveComponent("i-calendar-navbar");
   const _component_i_calendar_month = vue.resolveComponent("i-calendar-month");
-  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$K, [vue.createVNode(_component_i_calendar_navbar, {
+  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$L, [vue.createVNode(_component_i_calendar_navbar, {
     "model-value": _ctx.modelValue,
     "min-date": _ctx.minDate,
     "max-date": _ctx.maxDate,
@@ -6641,7 +6641,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$Y, [["render", _sfc_render$D]]);
+const FCalendar = /* @__PURE__ */ _export_sfc(_sfc_main$Z, [["render", _sfc_render$D]]);
 function getCalendarDaySrText(day, enabled, selected, t) {
   const parts = [];
   if (!enabled) {
@@ -6660,7 +6660,7 @@ function getCalendarDaySrText(day, enabled, selected, t) {
   parts.push(day.toString(date.DateFormat.FULL));
   return parts.join(" ");
 }
-const _sfc_main$X = vue.defineComponent({
+const _sfc_main$Y = vue.defineComponent({
   name: "FCalendarDay",
   mixins: [TranslationMixin],
   props: {
@@ -6725,7 +6725,7 @@ const _sfc_main$X = vue.defineComponent({
     }
   }
 });
-const _hoisted_1$J = {
+const _hoisted_1$K = {
   "aria-hidden": "true"
 };
 const _hoisted_2$x = {
@@ -6734,9 +6734,9 @@ const _hoisted_2$x = {
 function _sfc_render$C(_ctx, _cache, $props, $setup, $data, $options) {
   return vue.openBlock(), vue.createElementBlock("span", {
     class: vue.normalizeClass(_ctx.dayClasses)
-  }, [vue.createElementVNode("span", _hoisted_1$J, vue.toDisplayString(_ctx.day.day), 1), _cache[0] || (_cache[0] = vue.createTextVNode()), vue.createElementVNode("span", _hoisted_2$x, vue.toDisplayString(_ctx.srText), 1)], 2);
+  }, [vue.createElementVNode("span", _hoisted_1$K, vue.toDisplayString(_ctx.day.day), 1), _cache[0] || (_cache[0] = vue.createTextVNode()), vue.createElementVNode("span", _hoisted_2$x, vue.toDisplayString(_ctx.srText), 1)], 2);
 }
-const FCalendarDay = /* @__PURE__ */ _export_sfc(_sfc_main$X, [["render", _sfc_render$C]]);
+const FCalendarDay = /* @__PURE__ */ _export_sfc(_sfc_main$Y, [["render", _sfc_render$C]]);
 function useEventListener(target, event, callback) {
   vue.onMounted(() => {
     var _a;
@@ -6757,7 +6757,7 @@ function useSlotUtils() {
     }
   };
 }
-const _hoisted_1$I = ["id"];
+const _hoisted_1$J = ["id"];
 const _hoisted_2$w = {
   key: 0,
   class: "card__header"
@@ -6769,7 +6769,7 @@ const _hoisted_4$m = {
   key: 1,
   class: "card__footer"
 };
-const _sfc_main$W = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$X = /* @__PURE__ */ vue.defineComponent({
   __name: "FCard",
   props: {
     /**
@@ -6855,11 +6855,11 @@ const _sfc_main$W = /* @__PURE__ */ vue.defineComponent({
       })) : vue.createCommentVNode("", true)]), _cache[2] || (_cache[2] = vue.createTextVNode()), vue.createElementVNode("div", _hoisted_3$q, [vue.renderSlot(_ctx.$slots, "default")]), _cache[3] || (_cache[3] = vue.createTextVNode()), hasFooterSlot.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$m, [vue.renderSlot(_ctx.$slots, "footer", vue.normalizeProps(vue.guardReactiveProps({
         hasError: hasError.value,
         validationMessage: validationMessage.value
-      })))])) : vue.createCommentVNode("", true)], 42, _hoisted_1$I);
+      })))])) : vue.createCommentVNode("", true)], 42, _hoisted_1$J);
     };
   }
 });
-const _sfc_main$V = vue.defineComponent({
+const _sfc_main$W = vue.defineComponent({
   name: "FExpand",
   data() {
     return {
@@ -6925,7 +6925,7 @@ function _sfc_render$B(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   }, 8, ["onEnter", "onAfterEnter", "onLeave"]);
 }
-const FExpand = /* @__PURE__ */ _export_sfc(_sfc_main$V, [["render", _sfc_render$B]]);
+const FExpand = /* @__PURE__ */ _export_sfc(_sfc_main$W, [["render", _sfc_render$B]]);
 function offset(page, el) {
   const rect = el.getBoundingClientRect();
   return {
@@ -7210,7 +7210,7 @@ function isTeleportDisabled(options) {
   }
   return disableTeleport;
 }
-const _sfc_main$U = vue.defineComponent({
+const _sfc_main$V = vue.defineComponent({
   name: "IPopup",
   inheritAttrs: false,
   props: {
@@ -7512,7 +7512,7 @@ function _sfc_render$A(_ctx, _cache, $props, $setup, $data, $options) {
     placement: _ctx.placement
   })))], 544)], 16)], 8, ["to", "disabled"])) : vue.createCommentVNode("", true);
 }
-const IPopup = /* @__PURE__ */ _export_sfc(_sfc_main$U, [["render", _sfc_render$A]]);
+const IPopup = /* @__PURE__ */ _export_sfc(_sfc_main$V, [["render", _sfc_render$A]]);
 function computeArrowOffset(placement, inputIconRect, wrapperRect) {
   switch (placement) {
     case Placement.A: {
@@ -7576,7 +7576,7 @@ function computeArrowOffset(placement, inputIconRect, wrapperRect) {
   }
 }
 const POPUP_SPACING = 10;
-const _sfc_main$T = vue.defineComponent({
+const _sfc_main$U = vue.defineComponent({
   name: "IPopupError",
   components: {
     FIcon
@@ -7714,7 +7714,7 @@ const _sfc_main$T = vue.defineComponent({
     }
   }
 });
-const _hoisted_1$H = {
+const _hoisted_1$I = {
   ref: "wrapper",
   class: "popup-error__wrapper"
 };
@@ -7728,7 +7728,7 @@ function _sfc_render$z(_ctx, _cache, $props, $setup, $data, $options) {
     ref: "popup",
     class: vue.normalizeClass(_ctx.popupClasses),
     "aria-hidden": "true"
-  }, [vue.createElementVNode("div", _hoisted_1$H, [vue.createElementVNode("div", {
+  }, [vue.createElementVNode("div", _hoisted_1$I, [vue.createElementVNode("div", {
     class: vue.normalizeClass(_ctx.arrowClass),
     style: vue.normalizeStyle(_ctx.errorStyle)
   }, [vue.createElementVNode("span", null, vue.toDisplayString(_ctx.errorMessage), 1), _cache[1] || (_cache[1] = vue.createTextVNode()), vue.createElementVNode("button", {
@@ -7742,7 +7742,7 @@ function _sfc_render$z(_ctx, _cache, $props, $setup, $data, $options) {
     class: "button__icon"
   })])], 6)], 512)], 2)], 8, ["to", "disabled"])) : vue.createCommentVNode("", true);
 }
-const IPopupError = /* @__PURE__ */ _export_sfc(_sfc_main$T, [["render", _sfc_render$z]]);
+const IPopupError = /* @__PURE__ */ _export_sfc(_sfc_main$U, [["render", _sfc_render$z]]);
 function numItems(itemHeight, availableHeight, verticalSpacing) {
   const itemsFit = Math.floor((availableHeight - verticalSpacing) / itemHeight);
   return Math.min(itemsFit, 7);
@@ -7809,12 +7809,12 @@ function computeListboxRect(anchor, options, root = document.documentElement, {
   }
   return void 0;
 }
-const _hoisted_1$G = ["onKeyup"];
+const _hoisted_1$H = ["onKeyup"];
 const _hoisted_2$v = {
   ref: "content"
 };
 const teleportDisabled = false;
-const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$T = /* @__PURE__ */ vue.defineComponent({
   __name: "IPopupListbox",
   props: {
     isOpen: {
@@ -7919,7 +7919,11 @@ const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
       }
       if (verticalSpacing === void 0) {
         const absWrapper = getAbsolutePosition(wrapperElement);
-        const marginTotal = absWrapper.y * 2;
+        const {
+          marginTop,
+          marginBottom
+        } = getComputedStyle(wrapperElement);
+        const marginTotal = parseInt(marginTop, 10) + parseInt(marginBottom, 10);
         verticalSpacing = Math.ceil(absWrapper.height - contentItemHeigth * __props.numOfItems) + marginTotal;
       }
       wrapperElement.style.overflowY = "auto";
@@ -7931,7 +7935,7 @@ const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
         verticalSpacing
       });
       if (rect) {
-        var _offsetRect$x;
+        var _offsetRect$x, _offsetRect$top;
         const {
           top,
           left,
@@ -7940,7 +7944,8 @@ const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
         } = rect;
         const offsetRect = (_a = wrapperElement == null ? void 0 : wrapperElement.offsetParent) == null ? void 0 : _a.getBoundingClientRect();
         const offsetLeft = (_offsetRect$x = offsetRect == null ? void 0 : offsetRect.x) !== null && _offsetRect$x !== void 0 ? _offsetRect$x : 0;
-        wrapperElement.style.top = `${top}px`;
+        const offSetTop = Math.floor(((_offsetRect$top = offsetRect == null ? void 0 : offsetRect.top) !== null && _offsetRect$top !== void 0 ? _offsetRect$top : 0) + window.scrollY);
+        wrapperElement.style.top = `${top - offSetTop}px`;
         wrapperElement.style.left = `${left - offsetLeft}px`;
         wrapperElement.style.width = `${width}px`;
         contentWrapper.style.maxHeight = `${height}px`;
@@ -7963,7 +7968,7 @@ const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
         onKeyup: vue.withKeys(vue.withModifiers(onKeyEsc, ["stop"]), ["esc"]),
         onClick: _cache[0] || (_cache[0] = vue.withModifiers(() => {
         }, ["stop"]))
-      }), [vue.createElementVNode("div", _hoisted_2$v, [vue.renderSlot(_ctx.$slots, "default")], 512)], 16, _hoisted_1$G)], 512)], 8, ["to"])) : vue.createCommentVNode("", true);
+      }), [vue.createElementVNode("div", _hoisted_2$v, [vue.renderSlot(_ctx.$slots, "default")], 512)], 16, _hoisted_1$H)], 512)], 8, ["to"])) : vue.createCommentVNode("", true);
     };
   }
 });
@@ -8007,7 +8012,7 @@ async function doMenuAction$2(action, target) {
   }
 }
 const preventKeys$2 = ["Tab", "Up", "Down", "ArrowUp", "ArrowDown", "Home", "End", " ", "Spacebar", "Enter"];
-const _sfc_main$R = vue.defineComponent({
+const _sfc_main$S = vue.defineComponent({
   name: "IPopupMenu",
   components: {
     IPopup
@@ -8262,7 +8267,7 @@ const _sfc_main$R = vue.defineComponent({
     }
   }
 });
-const _hoisted_1$F = ["aria-label"];
+const _hoisted_1$G = ["aria-label"];
 const _hoisted_2$u = {
   role: "menu",
   class: "ipopupmenu__list"
@@ -8305,17 +8310,17 @@ function _sfc_render$y(_ctx, _cache, $props, $setup, $data, $options) {
         target: item.target,
         tabindex: "0"
       }, [_ctx.isSelected(index) ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_5$h, [vue.createElementVNode("span", null, vue.toDisplayString(_ctx.selectedMenuItemScreenReaderText) + " ", 1)])) : vue.createCommentVNode("", true), vue.createTextVNode(" " + vue.toDisplayString(item.label), 1)], 8, _hoisted_4$l)], 10, _hoisted_3$p);
-    }), 128))])], 8, _hoisted_1$F)]),
+    }), 128))])], 8, _hoisted_1$G)]),
     _: 1
   }, 8, ["is-open", "anchor", "focus-element", "onKeyup", "onKeydown"]);
 }
-const IPopupMenu = /* @__PURE__ */ _export_sfc(_sfc_main$R, [["render", _sfc_render$y]]);
+const IPopupMenu = /* @__PURE__ */ _export_sfc(_sfc_main$S, [["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$Q = vue.defineComponent({
+const _sfc_main$R = vue.defineComponent({
   name: "IAnimateExpand",
   props: {
     /**
@@ -8507,7 +8512,7 @@ const _sfc_main$Q = vue.defineComponent({
     }
   }
 });
-const _hoisted_1$E = {
+const _hoisted_1$F = {
   key: 0,
   ref: "content",
   "data-test": "animation-content"
@@ -8516,10 +8521,10 @@ function _sfc_render$x(_ctx, _cache, $props, $setup, $data, $options) {
   return vue.openBlock(), vue.createElementBlock("div", {
     class: vue.normalizeClass(_ctx.animationClasses),
     style: vue.normalizeStyle(_ctx.heightStyle)
-  }, [_ctx.shouldVIf ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", _hoisted_1$E, [vue.renderSlot(_ctx.$slots, "default")], 512)), [[vue.vShow, _ctx.shouldVShow]]) : vue.createCommentVNode("", true)], 6);
+  }, [_ctx.shouldVIf ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", _hoisted_1$F, [vue.renderSlot(_ctx.$slots, "default")], 512)), [[vue.vShow, _ctx.shouldVShow]]) : vue.createCommentVNode("", true)], 6);
 }
-const IAnimateExpand = /* @__PURE__ */ _export_sfc(_sfc_main$Q, [["render", _sfc_render$x]]);
-const _sfc_main$P = vue.defineComponent({
+const IAnimateExpand = /* @__PURE__ */ _export_sfc(_sfc_main$R, [["render", _sfc_render$x]]);
+const _sfc_main$Q = vue.defineComponent({
   name: "ISkipLink",
   mixins: [TranslationMixin],
   props: {
@@ -8533,14 +8538,14 @@ const _sfc_main$P = vue.defineComponent({
     }
   }
 });
-const _hoisted_1$D = ["href"];
+const _hoisted_1$E = ["href"];
 function _sfc_render$w(_ctx, _cache, $props, $setup, $data, $options) {
   return vue.openBlock(), vue.createElementBlock("a", {
     class: "iskiplink",
     href: _ctx.href
-  }, [vue.renderSlot(_ctx.$slots, "default", {}, () => [vue.createTextVNode(vue.toDisplayString(_ctx.$t("fkui.skip-link.text", "Gå direkt till innehåll")), 1)])], 8, _hoisted_1$D);
+  }, [vue.renderSlot(_ctx.$slots, "default", {}, () => [vue.createTextVNode(vue.toDisplayString(_ctx.$t("fkui.skip-link.text", "Gå direkt till innehåll")), 1)])], 8, _hoisted_1$E);
 }
-const ISkipLink = /* @__PURE__ */ _export_sfc(_sfc_main$P, [["render", _sfc_render$w]]);
+const ISkipLink = /* @__PURE__ */ _export_sfc(_sfc_main$Q, [["render", _sfc_render$w]]);
 function filterOptions(options, filter2, selectMode) {
   if (logic.isEmpty(filter2) || selectMode) {
     return options;
@@ -8786,12 +8791,12 @@ function useCombobox(inputRef, options, onOptionSelected) {
     }
   }
 }
-const _hoisted_1$C = {
+const _hoisted_1$D = {
   class: "combobox"
 };
 const _hoisted_2$t = ["id"];
 const _hoisted_3$o = ["id", "aria-selected", "onClick"];
-const _sfc_main$O = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$P = /* @__PURE__ */ vue.defineComponent({
   __name: "IComboboxDropdown",
   props: {
     id: {},
@@ -8828,7 +8833,7 @@ const _sfc_main$O = /* @__PURE__ */ vue.defineComponent({
       }
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$C, [vue.createVNode(vue.unref(_sfc_main$S), {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$D, [vue.createVNode(vue.unref(_sfc_main$T), {
         "is-open": _ctx.isOpen,
         anchor: _ctx.inputNode,
         "num-of-items": _ctx.options.length,
@@ -8859,8 +8864,8 @@ const _sfc_main$O = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$B = ["aria-label"];
-const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
+const _hoisted_1$C = ["aria-label"];
+const _sfc_main$O = /* @__PURE__ */ vue.defineComponent({
   __name: "IComboboxToggleButton",
   emits: ["toggle"],
   setup(__props, {
@@ -8879,7 +8884,7 @@ const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
       }, [vue.createVNode(vue.unref(FIcon), {
         name: "arrow-down",
         class: "text-field__icon"
-      })], 8, _hoisted_1$B);
+      })], 8, _hoisted_1$C);
     };
   }
 });
@@ -8981,7 +8986,7 @@ function useHorizontalOffset(options) {
     }, 0);
   }
 }
-const _sfc_main$M = vue.defineComponent({
+const _sfc_main$N = vue.defineComponent({
   name: "FTooltip",
   components: {
     FExpand,
@@ -9140,7 +9145,7 @@ const _sfc_main$M = vue.defineComponent({
     }
   }
 });
-const _hoisted_1$A = ["aria-expanded"];
+const _hoisted_1$B = ["aria-expanded"];
 const _hoisted_2$s = {
   class: "icon-stack icon-stack--tooltip"
 };
@@ -9173,7 +9178,7 @@ function _sfc_render$v(_ctx, _cache, $props, $setup, $data, $options) {
     name: "circle"
   }), _cache[2] || (_cache[2] = vue.createTextVNode()), vue.createVNode(_component_f_icon, {
     name: "i"
-  }), _cache[3] || (_cache[3] = vue.createTextVNode()), vue.createElementVNode("span", _hoisted_3$n, vue.toDisplayString(_ctx.screenReaderText), 1)])], 8, _hoisted_1$A)], 8, ["disabled", "to"])), _cache[7] || (_cache[7] = vue.createTextVNode()), vue.createElementVNode("div", vue.mergeProps({
+  }), _cache[3] || (_cache[3] = vue.createTextVNode()), vue.createElementVNode("span", _hoisted_3$n, vue.toDisplayString(_ctx.screenReaderText), 1)])], 8, _hoisted_1$B)], 8, ["disabled", "to"])), _cache[7] || (_cache[7] = vue.createTextVNode()), vue.createElementVNode("div", vue.mergeProps({
     ref: "wrapper",
     class: "tooltip"
   }, _ctx.$attrs), [_ctx.ready ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$k, [_ctx.hasHeader ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.headerTag), {
@@ -9191,7 +9196,7 @@ function _sfc_render$v(_ctx, _cache, $props, $setup, $data, $options) {
     name: "close"
   })])])])) : vue.createCommentVNode("", true)], 16)], 64);
 }
-const FTooltip = /* @__PURE__ */ _export_sfc(_sfc_main$M, [["render", _sfc_render$v]]);
+const FTooltip = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["render", _sfc_render$v]]);
 function* labelClasses(options) {
   const {
     labelClass
@@ -9232,7 +9237,7 @@ function isEqual(a, b) {
   }
   return a.every((_, i) => a[i] === b[i]);
 }
-const _sfc_main$L = vue.defineComponent({
+const _sfc_main$M = vue.defineComponent({
   name: "FFieldset",
   components: {
     FIcon
@@ -9460,7 +9465,7 @@ const _sfc_main$L = vue.defineComponent({
     }
   }
 });
-const _hoisted_1$z = ["id"];
+const _hoisted_1$A = ["id"];
 const _hoisted_2$r = {
   key: 0,
   class: "sr-only"
@@ -9527,11 +9532,11 @@ function _sfc_render$u(_ctx, _cache, $props, $setup, $data, $options) {
     name: "error"
   }), vue.createTextVNode(" " + vue.toDisplayString(_ctx.validity.validationMessage), 1)])) : vue.createCommentVNode("", true)])], 2)) : vue.createCommentVNode("", true)], 64)) : vue.createCommentVNode("", true), _cache[9] || (_cache[9] = vue.createTextVNode()), vue.createElementVNode("div", {
     class: vue.normalizeClass(_ctx.groupContentClass)
-  }, [vue.renderSlot(_ctx.$slots, "default")], 2)], 42, _hoisted_1$z);
+  }, [vue.renderSlot(_ctx.$slots, "default")], 2)], 42, _hoisted_1$A);
 }
-const FFieldset = /* @__PURE__ */ _export_sfc(_sfc_main$L, [["render", _sfc_render$u]]);
+const FFieldset = /* @__PURE__ */ _export_sfc(_sfc_main$M, [["render", _sfc_render$u]]);
 const anyType$1 = [String, Object, Array, Number, Date, Boolean];
-const _sfc_main$K = vue.defineComponent({
+const _sfc_main$L = vue.defineComponent({
   name: "FCheckboxField",
   inheritAttrs: false,
   props: {
@@ -9717,7 +9722,7 @@ const _sfc_main$K = vue.defineComponent({
     }
   }
 });
-const _hoisted_1$y = ["id", "disabled"];
+const _hoisted_1$z = ["id", "disabled"];
 const _hoisted_2$q = ["for"];
 const _hoisted_3$l = {
   key: 0,
@@ -9740,7 +9745,7 @@ function _sfc_render$t(_ctx, _cache, $props, $setup, $data, $options) {
     disabled: _ctx.disabled,
     onKeydown: _cache[0] || (_cache[0] = vue.withKeys((...args) => _ctx.onKeydown && _ctx.onKeydown(...args), ["space"])),
     onChange: _cache[1] || (_cache[1] = ($event) => _ctx.updateExpandedFlag())
-  }), null, 16, _hoisted_1$y), _cache[9] || (_cache[9] = vue.createTextVNode()), vue.createElementVNode("label", {
+  }), null, 16, _hoisted_1$z), _cache[9] || (_cache[9] = vue.createTextVNode()), vue.createElementVNode("label", {
     class: vue.normalizeClass(_ctx.$slots.details ? "checkbox__label checkbox__width" : "checkbox__label"),
     for: _ctx.id
   }, [vue.renderSlot(_ctx.$slots, "default"), _cache[8] || (_cache[8] = vue.createTextVNode()), _ctx.$slots.details ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, {
@@ -9757,7 +9762,7 @@ function _sfc_render$t(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   }, 8, ["onEnter", "onAfterEnter", "onLeave"])) : vue.createCommentVNode("", true)], 64)) : vue.createCommentVNode("", true)], 10, _hoisted_2$q)], 34);
 }
-const FCheckboxField = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["render", _sfc_render$t]]);
+const FCheckboxField = /* @__PURE__ */ _export_sfc(_sfc_main$L, [["render", _sfc_render$t]]);
 var es_iterator_some = {};
 var hasRequiredEs_iterator_some;
 function requireEs_iterator_some() {
@@ -9836,7 +9841,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$J = vue.defineComponent({
+const _sfc_main$K = vue.defineComponent({
   name: "FContextMenu",
   components: {
     IPopup,
@@ -10000,7 +10005,7 @@ const _sfc_main$J = vue.defineComponent({
     }
   }
 });
-const _hoisted_1$x = ["aria-label"];
+const _hoisted_1$y = ["aria-label"];
 const _hoisted_2$p = {
   ref: "contextmenu",
   role: "menu",
@@ -10049,11 +10054,11 @@ function _sfc_render$s(_ctx, _cache, $props, $setup, $data, $options) {
         ref_for: true,
         ref: "anchors"
       }, vue.toDisplayString(item.label), 513)], 8, _hoisted_4$h), _cache[4] || (_cache[4] = vue.createTextVNode()), _ctx.hasSeparatorAfterItemAt(index) ? (vue.openBlock(), vue.createElementBlock("hr", _hoisted_5$e)) : vue.createCommentVNode("", true)], 8, _hoisted_3$k);
-    }), 128))], 512)], 40, _hoisted_1$x)]),
+    }), 128))], 512)], 40, _hoisted_1$y)]),
     _: 1
   }, 8, ["is-open", "anchor", "focus-element"]);
 }
-const FContextMenu = /* @__PURE__ */ _export_sfc(_sfc_main$J, [["render", _sfc_render$s]]);
+const FContextMenu = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["render", _sfc_render$s]]);
 var Operation = /* @__PURE__ */ ((Operation2) => {
   Operation2[Operation2["ADD"] = 0] = "ADD";
   Operation2[Operation2["DELETE"] = 1] = "DELETE";
@@ -10061,13 +10066,13 @@ var Operation = /* @__PURE__ */ ((Operation2) => {
   Operation2[Operation2["NONE"] = 3] = "NONE";
   return Operation2;
 })(Operation || {});
-const _hoisted_1$w = {
+const _hoisted_1$x = {
   class: "crud-dataset"
 };
 const _hoisted_2$o = {
   key: 0
 };
-const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
   __name: "FCrudDataset",
   props: {
     /**
@@ -10297,7 +10302,7 @@ const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
       isFormModalOpen.value = true;
     }
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$w, [vue.renderSlot(_ctx.$slots, "default"), _cache[5] || (_cache[5] = vue.createTextVNode()), hasAddSlot.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$o, [vue.createElementVNode("button", {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$x, [vue.renderSlot(_ctx.$slots, "default"), _cache[5] || (_cache[5] = vue.createTextVNode()), hasAddSlot.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$o, [vue.createElementVNode("button", {
         "data-test": "f-crud-dataset-add-button",
         type: "button",
         class: "button button--tertiary crud-dataset__add-button",
@@ -10349,7 +10354,7 @@ function FCrudDatasetInjected() {
     modify: vue.inject("modify")
   };
 }
-const _sfc_main$H = vue.defineComponent({
+const _sfc_main$I = vue.defineComponent({
   name: "FCrudButton",
   components: {
     FIcon
@@ -10405,7 +10410,7 @@ const _sfc_main$H = vue.defineComponent({
     }
   }
 });
-const _hoisted_1$v = {
+const _hoisted_1$w = {
   key: 1,
   class: "sr-only"
 };
@@ -10419,11 +10424,11 @@ function _sfc_render$r(_ctx, _cache, $props, $setup, $data, $options) {
     key: 0,
     class: "button__icon",
     name: _ctx.iconName
-  }, null, 8, ["name"])) : vue.createCommentVNode("", true), _cache[1] || (_cache[1] = vue.createTextVNode()), !_ctx.label ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$v, [vue.renderSlot(_ctx.$slots, "default", {}, () => [vue.createTextVNode(vue.toDisplayString(_ctx.buttonText), 1)])])) : vue.createCommentVNode("", true), _cache[2] || (_cache[2] = vue.createTextVNode()), _ctx.label ? vue.renderSlot(_ctx.$slots, "default", {
+  }, null, 8, ["name"])) : vue.createCommentVNode("", true), _cache[1] || (_cache[1] = vue.createTextVNode()), !_ctx.label ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$w, [vue.renderSlot(_ctx.$slots, "default", {}, () => [vue.createTextVNode(vue.toDisplayString(_ctx.buttonText), 1)])])) : vue.createCommentVNode("", true), _cache[2] || (_cache[2] = vue.createTextVNode()), _ctx.label ? vue.renderSlot(_ctx.$slots, "default", {
     key: 2
   }, () => [vue.createTextVNode(vue.toDisplayString(_ctx.buttonText), 1)]) : vue.createCommentVNode("", true)]);
 }
-const FCrudButton = /* @__PURE__ */ _export_sfc(_sfc_main$H, [["render", _sfc_render$r]]);
+const FCrudButton = /* @__PURE__ */ _export_sfc(_sfc_main$I, [["render", _sfc_render$r]]);
 function ActivateItemInjected() {
   return {
     registerCallbackAfterItemAdd: vue.inject("registerCallbackAfterItemAdd", () => void 0),
@@ -10507,7 +10512,7 @@ function FTableInjected() {
     renderColumns: vue.inject("renderColumns", false)
   };
 }
-const _sfc_main$G = vue.defineComponent({
+const _sfc_main$H = vue.defineComponent({
   name: "FTableColumn",
   inheritAttrs: false,
   props: {
@@ -10660,7 +10665,7 @@ function _sfc_render$q(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   }, 16, ["class", "scope"])) : vue.createCommentVNode("", true);
 }
-const FTableColumn = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["render", _sfc_render$q]]);
+const FTableColumn = /* @__PURE__ */ _export_sfc(_sfc_main$H, [["render", _sfc_render$q]]);
 function FSortFilterDatasetInjected() {
   return {
     sort: vue.inject("sort", () => void 0),
@@ -10668,7 +10673,7 @@ function FSortFilterDatasetInjected() {
     registerCallbackOnMount: vue.inject("registerCallbackOnMount", () => void 0)
   };
 }
-const _sfc_main$F = vue.defineComponent({
+const _sfc_main$G = vue.defineComponent({
   name: "FLabel",
   components: {
     FIcon
@@ -10707,7 +10712,7 @@ const _sfc_main$F = vue.defineComponent({
     }
   }
 });
-const _hoisted_1$u = {
+const _hoisted_1$v = {
   key: 0
 };
 const _hoisted_2$n = {
@@ -10727,7 +10732,7 @@ const _hoisted_7$a = {
 };
 function _sfc_render$p(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_f_icon = vue.resolveComponent("f-icon");
-  return _ctx.$slots.tooltip ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$u, [_ctx.hasDefaultSlot ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$n, [vue.createElementVNode("label", {
+  return _ctx.$slots.tooltip ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$v, [_ctx.hasDefaultSlot ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$n, [vue.createElementVNode("label", {
     class: "label",
     for: _ctx.forProperty
   }, [vue.renderSlot(_ctx.$slots, "default")], 8, _hoisted_3$j)], 512)) : vue.createCommentVNode("", true), _cache[2] || (_cache[2] = vue.createTextVNode()), vue.renderSlot(_ctx.$slots, "tooltip"), _cache[3] || (_cache[3] = vue.createTextVNode()), _ctx.hasDescriptionSlot || _ctx.hasErrorMessageSlot ? (vue.openBlock(), vue.createElementBlock("label", {
@@ -10752,11 +10757,11 @@ function _sfc_render$p(_ctx, _cache, $props, $setup, $data, $options) {
     name: "error"
   }), _cache[4] || (_cache[4] = vue.createTextVNode()), vue.renderSlot(_ctx.$slots, "error-message")])) : vue.createCommentVNode("", true)], 8, _hoisted_6$b));
 }
-const FLabel = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["render", _sfc_render$p]]);
+const FLabel = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["render", _sfc_render$p]]);
 function resolveWidthClass$1(words, inline) {
   return inline ? void 0 : words.split(" ").map((word) => `i-width-${word}`).join(" ");
 }
-const _sfc_main$E = vue.defineComponent({
+const _sfc_main$F = vue.defineComponent({
   name: "FSelectField",
   components: {
     FIcon,
@@ -10887,7 +10892,7 @@ const _sfc_main$E = vue.defineComponent({
     }
   }
 });
-const _hoisted_1$t = ["id"];
+const _hoisted_1$u = ["id"];
 function _sfc_render$o(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_f_label = vue.resolveComponent("f-label");
   const _component_f_icon = vue.resolveComponent("f-icon");
@@ -10925,7 +10930,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), [vue.renderSlot(_ctx.$slots, "default")], 16, _hoisted_1$t), [[vue.vModelSelect, _ctx.vModel]]), _cache[5] || (_cache[5] = vue.createTextVNode()), _ctx.hasError && _ctx.textFieldTableMode ? (vue.openBlock(), vue.createBlock(_component_f_icon, {
+  }, _ctx.attrs), [vue.renderSlot(_ctx.$slots, "default")], 16, _hoisted_1$u), [[vue.vModelSelect, _ctx.vModel]]), _cache[5] || (_cache[5] = vue.createTextVNode()), _ctx.hasError && _ctx.textFieldTableMode ? (vue.openBlock(), vue.createBlock(_component_f_icon, {
     key: 0,
     ref: "icon",
     class: "text-field__icon input-icon select-field__error-popup-icon",
@@ -10935,7 +10940,7 @@ function _sfc_render$o(_ctx, _cache, $props, $setup, $data, $options) {
     name: "arrow-down"
   })], 2)], 34);
 }
-const FSelectField = /* @__PURE__ */ _export_sfc(_sfc_main$E, [["render", _sfc_render$o]]);
+const FSelectField = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["render", _sfc_render$o]]);
 function resolveWidthClass(words, inline) {
   return inline ? void 0 : words.split(" ").map((word) => `i-width-${word}`).join(" ");
 }
@@ -10979,14 +10984,14 @@ function useTextFieldSetup(props) {
     closeDropdown
   };
 }
-const _sfc_main$D = vue.defineComponent({
+const _sfc_main$E = vue.defineComponent({
   name: "FTextField",
   components: {
     FLabel,
     FIcon,
     IPopupError,
-    IComboboxDropdown: _sfc_main$O,
-    IComboboxToggleButton: _sfc_main$N
+    IComboboxDropdown: _sfc_main$P,
+    IComboboxToggleButton: _sfc_main$O
   },
   inheritAttrs: false,
   props: {
@@ -11317,7 +11322,7 @@ const _sfc_main$D = vue.defineComponent({
     }
   }
 });
-const _hoisted_1$s = {
+const _hoisted_1$t = {
   key: 0
 };
 const _hoisted_2$m = {
@@ -11354,7 +11359,7 @@ function _sfc_render$n(_ctx, _cache, $props, $setup, $data, $options) {
     for: _ctx.id,
     class: vue.normalizeClass(_ctx.labelClass)
   }, vue.createSlots({
-    default: vue.withCtx(() => [vue.renderSlot(_ctx.$slots, "default", {}, () => [_ctx.defaultText !== "" ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$s, vue.toDisplayString(_ctx.defaultText), 1)) : vue.createCommentVNode("", true)])]),
+    default: vue.withCtx(() => [vue.renderSlot(_ctx.$slots, "default", {}, () => [_ctx.defaultText !== "" ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$t, vue.toDisplayString(_ctx.defaultText), 1)) : vue.createCommentVNode("", true)])]),
     description: vue.withCtx(({
       descriptionClass,
       formatDescriptionClass
@@ -11423,8 +11428,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"])) : vue.createCommentVNode("", true)], 2);
 }
-const FTextField = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["render", _sfc_render$n]]);
-const _sfc_main$C = vue.defineComponent({
+const FTextField = /* @__PURE__ */ _export_sfc(_sfc_main$E, [["render", _sfc_render$n]]);
+const _sfc_main$D = vue.defineComponent({
   name: "FEmailTextField",
   components: {
     FTextField
@@ -11540,7 +11545,7 @@ const _sfc_main$C = vue.defineComponent({
     }
   }
 });
-const _hoisted_1$r = {
+const _hoisted_1$s = {
   key: 0
 };
 function _sfc_render$m(_ctx, _cache, $props, $setup, $data, $options) {
@@ -11557,7 +11562,7 @@ function _sfc_render$m(_ctx, _cache, $props, $setup, $data, $options) {
     onValidity: _ctx.onValidity,
     onPendingValidity: _ctx.onPendingValidity
   }), {
-    "error-message": vue.withCtx(() => [_ctx.showPasteErrorMessage ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$r, vue.toDisplayString(_ctx.pasteErrorText), 1)) : vue.createCommentVNode("", true)]),
+    "error-message": vue.withCtx(() => [_ctx.showPasteErrorMessage ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$s, vue.toDisplayString(_ctx.pasteErrorText), 1)) : vue.createCommentVNode("", true)]),
     default: vue.withCtx(() => [vue.renderSlot(_ctx.$slots, "default", {}, () => [vue.createTextVNode(vue.toDisplayString(_ctx.defaultText), 1)]), _cache[2] || (_cache[2] = vue.createTextVNode())]),
     _: 3
   }, 16, ["id", "maxlength", "model-value", "onChange", "onBlur", "onUpdate:modelValue", "onValidity", "onPendingValidity"]), _cache[3] || (_cache[3] = vue.createTextVNode()), _ctx.extendedValidation ? (vue.openBlock(), vue.createBlock(_component_f_text_field, {
@@ -11573,8 +11578,8 @@ function _sfc_render$m(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   }, 8, ["modelValue", "maxlength", "onPaste"])) : vue.createCommentVNode("", true)]);
 }
-const FEmailTextField = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["render", _sfc_render$m]]);
-const _sfc_main$B = vue.defineComponent({
+const FEmailTextField = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["render", _sfc_render$m]]);
+const _sfc_main$C = vue.defineComponent({
   name: "FPhoneTextField",
   components: {
     FTextField
@@ -11701,8 +11706,8 @@ function _sfc_render$l(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   }, 8, ["modelValue", "maxlength"])) : vue.createCommentVNode("", true)]);
 }
-const FPhoneTextField = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["render", _sfc_render$l]]);
-const _sfc_main$A = vue.defineComponent({
+const FPhoneTextField = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["render", _sfc_render$l]]);
+const _sfc_main$B = vue.defineComponent({
   name: "FCurrencyTextField",
   extends: FTextField,
   mixins: [TranslationMixin],
@@ -11737,7 +11742,7 @@ const _sfc_main$A = vue.defineComponent({
     logic.ValidationService.validateElement(inputElement);
   }
 });
-const _sfc_main$z = vue.defineComponent({
+const _sfc_main$A = vue.defineComponent({
   name: "FSearchTextField",
   components: {
     FTextField,
@@ -11797,7 +11802,7 @@ const _sfc_main$z = vue.defineComponent({
     }
   }
 });
-const _hoisted_1$q = {
+const _hoisted_1$r = {
   class: "sr-only"
 };
 function _sfc_render$k(_ctx, _cache, $props, $setup, $data, $options) {
@@ -11846,12 +11851,12 @@ function _sfc_render$k(_ctx, _cache, $props, $setup, $data, $options) {
     }, [vue.createVNode(_component_f_icon, {
       name: "cross",
       class: "clear-button__icon"
-    }), _cache[1] || (_cache[1] = vue.createTextVNode()), vue.createElementVNode("span", _hoisted_1$q, vue.toDisplayString(_ctx.clearableScreenReaderText), 1)])]),
+    }), _cache[1] || (_cache[1] = vue.createTextVNode()), vue.createElementVNode("span", _hoisted_1$r, vue.toDisplayString(_ctx.clearableScreenReaderText), 1)])]),
     key: "1"
   } : void 0]), 1040, ["id", "maxlength", "model-value", "onChange", "onInput", "onBlur", "onUpdate"])]);
 }
-const FSearchTextField = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["render", _sfc_render$k]]);
-const _sfc_main$y = vue.defineComponent({
+const FSearchTextField = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["render", _sfc_render$k]]);
+const _sfc_main$z = vue.defineComponent({
   name: "FBankAccountNumberTextField",
   extends: FTextField,
   mixins: [TranslationMixin],
@@ -11880,7 +11885,7 @@ const _sfc_main$y = vue.defineComponent({
     logic.ValidationService.validateElement(inputElement);
   }
 });
-const _sfc_main$x = vue.defineComponent({
+const _sfc_main$y = vue.defineComponent({
   name: "FBankgiroTextField",
   extends: FTextField,
   mixins: [TranslationMixin],
@@ -11912,7 +11917,7 @@ const _sfc_main$x = vue.defineComponent({
     logic.ValidationService.validateElement(inputElement);
   }
 });
-const _sfc_main$w = vue.defineComponent({
+const _sfc_main$x = vue.defineComponent({
   name: "FClearingnumberTextField",
   extends: FTextField,
   mixins: [TranslationMixin],
@@ -11944,7 +11949,7 @@ const _sfc_main$w = vue.defineComponent({
 function defaultFormatter$1(modelValue) {
   return logic.formatNumber(modelValue, this.decimals);
 }
-const _sfc_main$v = vue.defineComponent({
+const _sfc_main$w = vue.defineComponent({
   name: "FNumericTextField",
   extends: FTextField,
   props: {
@@ -11981,7 +11986,7 @@ const _sfc_main$v = vue.defineComponent({
     logic.ValidationService.validateElement(inputElement);
   }
 });
-const _sfc_main$u = vue.defineComponent({
+const _sfc_main$v = vue.defineComponent({
   name: "FPersonnummerTextField",
   extends: FTextField,
   mixins: [TranslationMixin],
@@ -12021,7 +12026,7 @@ const _sfc_main$u = vue.defineComponent({
     logic.ValidationService.validateElement(inputElement);
   }
 });
-const _sfc_main$t = vue.defineComponent({
+const _sfc_main$u = vue.defineComponent({
   name: "FPlusgiroTextField",
   extends: FTextField,
   mixins: [TranslationMixin],
@@ -12053,7 +12058,7 @@ const _sfc_main$t = vue.defineComponent({
     logic.ValidationService.validateElement(inputElement);
   }
 });
-const _sfc_main$s = vue.defineComponent({
+const _sfc_main$t = vue.defineComponent({
   name: "FPostalCodeTextField",
   extends: FTextField,
   mixins: [TranslationMixin],
@@ -12090,7 +12095,7 @@ const _sfc_main$s = vue.defineComponent({
 function defaultFormatter(modelValue) {
   return logic.formatPercent(modelValue, this.decimals);
 }
-const _sfc_main$r = vue.defineComponent({
+const _sfc_main$s = vue.defineComponent({
   name: "FPercentTextField",
   extends: FTextField,
   mixins: [TranslationMixin],
@@ -12138,7 +12143,7 @@ const _sfc_main$r = vue.defineComponent({
     logic.ValidationService.validateElement(inputElement);
   }
 });
-const _sfc_main$q = vue.defineComponent({
+const _sfc_main$r = vue.defineComponent({
   name: "FOrganisationsnummerTextField",
   extends: FTextField,
   mixins: [TranslationMixin],
@@ -12246,7 +12251,7 @@ 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$p = {
+const _hoisted_1$q = {
   class: "sort-filter-dataset"
 };
 const _hoisted_2$l = {
@@ -12266,7 +12271,7 @@ const _hoisted_6$9 = {
   }
 };
 const _hoisted_7$8 = ["value"];
-const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
   __name: "FSortFilterDataset",
   props: {
     /**
@@ -12452,7 +12457,7 @@ const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
       }
     }
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$p, [vue.createVNode(vue.unref(IFlex), {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$q, [vue.createVNode(vue.unref(IFlex), {
         collapse: "",
         gap: "3x",
         wrap: ""
@@ -12535,7 +12540,7 @@ const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$o = ["tabindex"];
+const _hoisted_1$p = ["tabindex"];
 const _hoisted_2$k = {
   key: 0
 };
@@ -12554,7 +12559,7 @@ const _hoisted_7$7 = {
   key: 1
 };
 const _hoisted_8$5 = ["colspan"];
-const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -12733,7 +12738,7 @@ const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
         }, {
           row
         }))]);
-      }), 128))])], 16, _hoisted_1$o)], 2);
+      }), 128))])], 16, _hoisted_1$p)], 2);
     };
   }
 });
@@ -12812,7 +12817,7 @@ function getDisplayMonth(minDate, maxDate, selectedDate, initialMonth) {
   }
   return month || date.FDate.now().startOfMonth();
 }
-const _sfc_main$n = vue.defineComponent({
+const _sfc_main$o = vue.defineComponent({
   name: "FDatepickerField",
   components: {
     FCalendar,
@@ -13070,7 +13075,7 @@ const _sfc_main$n = vue.defineComponent({
     }
   }
 });
-const _hoisted_1$n = {
+const _hoisted_1$o = {
   ref: "component",
   class: "datepicker-field"
 };
@@ -13087,7 +13092,7 @@ function _sfc_render$j(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_f_calendar_day = vue.resolveComponent("f-calendar-day");
   const _component_f_calendar = vue.resolveComponent("f-calendar");
   const _component_i_popup = vue.resolveComponent("i-popup");
-  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$n, [vue.createElementVNode("div", {
+  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$o, [vue.createElementVNode("div", {
     ref: "calendarInputs",
     onFocusout: _cache[2] || (_cache[2] = (...args) => _ctx.onFocusoutTextFieldButton && _ctx.onFocusoutTextFieldButton(...args))
   }, [vue.createVNode(_component_f_text_field, vue.mergeProps(_ctx.$attrs, {
@@ -13177,11 +13182,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$n, [["render", _sfc_render$j]]);
+const FDatepickerField = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["render", _sfc_render$j]]);
 function isDialogueTreeEndQuestion(value) {
   return Boolean(value.userData);
 }
-const _sfc_main$m = vue.defineComponent({
+const _sfc_main$n = vue.defineComponent({
   name: "FDialogueTree",
   components: {
     FIcon
@@ -13259,7 +13264,7 @@ const _sfc_main$m = vue.defineComponent({
     }
   }
 });
-const _hoisted_1$m = {
+const _hoisted_1$n = {
   class: "dialogue-tree"
 };
 const _hoisted_2$i = {
@@ -13269,7 +13274,7 @@ const _hoisted_2$i = {
 const _hoisted_3$e = ["onClick"];
 function _sfc_render$i(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_f_icon = vue.resolveComponent("f-icon");
-  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$m, [_ctx.options.length > 0 ? (vue.openBlock(), vue.createElementBlock("ul", _hoisted_2$i, [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.options, (option, index) => {
+  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$n, [_ctx.options.length > 0 ? (vue.openBlock(), vue.createElementBlock("ul", _hoisted_2$i, [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.options, (option, index) => {
     return vue.openBlock(), vue.createElementBlock("li", {
       key: option.label,
       class: "dialogue-tree__list-item"
@@ -13287,8 +13292,8 @@ function _sfc_render$i(_ctx, _cache, $props, $setup, $data, $options) {
     userData: _ctx.userData
   })))]);
 }
-const FDialogueTree = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["render", _sfc_render$i]]);
-const _sfc_main$l = vue.defineComponent({
+const FDialogueTree = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["render", _sfc_render$i]]);
+const _sfc_main$m = vue.defineComponent({
   name: "FExpandablePanel",
   components: {
     FIcon,
@@ -13362,7 +13367,7 @@ const _sfc_main$l = vue.defineComponent({
     }
   }
 });
-const _hoisted_1$l = ["aria-expanded", "aria-controls"];
+const _hoisted_1$m = ["aria-expanded", "aria-controls"];
 const _hoisted_2$h = {
   class: "expandable-panel__icon"
 };
@@ -13408,7 +13413,7 @@ function _sfc_render$h(_ctx, _cache, $props, $setup, $data, $options) {
       })
     }, [vue.createElementVNode("span", _hoisted_5$9, vue.toDisplayString(_ctx.screenReaderNotificationText), 1), _cache[2] || (_cache[2] = vue.createTextVNode()), vue.createVNode(_component_f_icon, {
       name: "bell"
-    })], 8, _hoisted_4$b)) : vue.createCommentVNode("", true)], 16, _hoisted_1$l)]),
+    })], 8, _hoisted_4$b)) : vue.createCommentVNode("", true)], 16, _hoisted_1$m)]),
     _: 3
   })), _cache[6] || (_cache[6] = vue.createTextVNode()), vue.createVNode(_component_f_expand, null, {
     default: vue.withCtx(() => [vue.withDirectives(vue.createElementVNode("div", {
@@ -13418,8 +13423,8 @@ function _sfc_render$h(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   })], 2);
 }
-const FExpandablePanel = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["render", _sfc_render$h]]);
-const _sfc_main$k = vue.defineComponent({
+const FExpandablePanel = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["render", _sfc_render$h]]);
+const _sfc_main$l = vue.defineComponent({
   name: "FExpandableParagraph",
   components: {
     FIcon,
@@ -13501,7 +13506,7 @@ const _sfc_main$k = vue.defineComponent({
     }
   }
 });
-const _hoisted_1$k = ["aria-expanded", "aria-controls"];
+const _hoisted_1$l = ["aria-expanded", "aria-controls"];
 const _hoisted_2$g = {
   class: "expandable-paragraph__icon"
 };
@@ -13541,7 +13546,7 @@ function _sfc_render$g(_ctx, _cache, $props, $setup, $data, $options) {
       name: "dash"
     }), _cache[1] || (_cache[1] = vue.createTextVNode()), vue.createVNode(_component_f_icon, {
       name: "dash"
-    })])]), _cache[2] || (_cache[2] = vue.createTextVNode()), vue.renderSlot(_ctx.$slots, "title")], 16, _hoisted_1$k)]),
+    })])]), _cache[2] || (_cache[2] = vue.createTextVNode()), vue.renderSlot(_ctx.$slots, "title")], 16, _hoisted_1$l)]),
     _: 3
   }, 8, ["class"])), _cache[3] || (_cache[3] = vue.createTextVNode()), _ctx.hasRelatedSlot ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$a, [vue.renderSlot(_ctx.$slots, "related")])) : vue.createCommentVNode("", true)], 2), _cache[5] || (_cache[5] = vue.createTextVNode()), vue.createVNode(_component_f_expand, null, {
     default: vue.withCtx(() => [vue.withDirectives(vue.createElementVNode("div", {
@@ -13551,7 +13556,7 @@ function _sfc_render$g(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   })], 2);
 }
-const FExpandableParagraph = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["render", _sfc_render$g]]);
+const FExpandableParagraph = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["render", _sfc_render$g]]);
 const DEFAULT_ICON = "file";
 const iconMap = {
   "image/*": "pic",
@@ -13560,7 +13565,7 @@ const iconMap = {
   "application/vnd.openxmlformats-officedocument.wordprocessingml.document": "doc",
   "application/vnd.openxmlformats-officedocument.wordprocessingml.template": "doc"
 };
-const _sfc_main$j = vue.defineComponent({
+const _sfc_main$k = vue.defineComponent({
   name: "FFileItem",
   components: {
     FIcon
@@ -13639,7 +13644,7 @@ const _sfc_main$j = vue.defineComponent({
     }
   }
 });
-const _hoisted_1$j = {
+const _hoisted_1$k = {
   class: "file-item"
 };
 const _hoisted_2$f = {
@@ -13661,7 +13666,7 @@ const _hoisted_7$4 = {
 };
 function _sfc_render$f(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_f_icon = vue.resolveComponent("f-icon");
-  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$j, [vue.createElementVNode("div", _hoisted_2$f, [vue.createElementVNode("a", vue.mergeProps({
+  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$k, [vue.createElementVNode("div", _hoisted_2$f, [vue.createElementVNode("a", vue.mergeProps({
     id: _ctx.id,
     class: "file-item__file-open"
   }, _ctx.$attrs), [vue.createElementVNode("div", _hoisted_4$9, [vue.createVNode(_component_f_icon, {
@@ -13672,8 +13677,8 @@ function _sfc_render$f(_ctx, _cache, $props, $setup, $data, $options) {
     class: "file-item__separator"
   }, null, -1))]);
 }
-const FFileItem = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["render", _sfc_render$f]]);
-const _sfc_main$i = vue.defineComponent({
+const FFileItem = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["render", _sfc_render$f]]);
+const _sfc_main$j = vue.defineComponent({
   name: "FFileSelector",
   components: {
     FIcon
@@ -13734,14 +13739,14 @@ const _sfc_main$i = vue.defineComponent({
     }
   }
 });
-const _hoisted_1$i = {
+const _hoisted_1$j = {
   class: "file-selector"
 };
 const _hoisted_2$e = ["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 = vue.resolveComponent("f-icon");
-  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$i, [vue.createElementVNode("input", vue.mergeProps({
+  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$j, [vue.createElementVNode("input", vue.mergeProps({
     id: _ctx.id,
     ref: "file-selector",
     type: "file",
@@ -13760,7 +13765,7 @@ function _sfc_render$e(_ctx, _cache, $props, $setup, $data, $options) {
     name: "paper-clip"
   }), _cache[1] || (_cache[1] = vue.createTextVNode()), vue.renderSlot(_ctx.$slots, "default")], 10, _hoisted_3$a)]);
 }
-const FFileSelector = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["render", _sfc_render$e]]);
+const FFileSelector = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["render", _sfc_render$e]]);
 const keybindings = {
   Up: focusTrAbove,
   Down: focusTrBelow,
@@ -13869,7 +13874,7 @@ function useExpandableTable(expandableAttribute, keyAttribute, describedby, emit
     hasExpandableContent
   };
 }
-const _hoisted_1$h = ["role"];
+const _hoisted_1$i = ["role"];
 const _hoisted_2$d = {
   key: 0
 };
@@ -13934,7 +13939,7 @@ const _hoisted_21 = {
   key: 1
 };
 const _hoisted_22 = ["colspan"];
-const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -14401,11 +14406,11 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
         colspan: nbOfColumns.value
       }, [vue.renderSlot(_ctx.$slots, "empty", {}, () => [vue.createTextVNode(vue.toDisplayString(vue.unref($t2)("fkui.interactive-table.empty", "Tabellen är tom")), 1)])], 8, _hoisted_22), _cache[12] || (_cache[12] = vue.createTextVNode()), vue.renderSlot(_ctx.$slots, "default", vue.normalizeProps(vue.guardReactiveProps({
         row: {}
-      })))])) : vue.createCommentVNode("", true)]))], 16, _hoisted_1$h)], 2);
+      })))])) : vue.createCommentVNode("", true)]))], 16, _hoisted_1$i)], 2);
     };
   }
 });
-const _sfc_main$g = vue.defineComponent({
+const _sfc_main$h = vue.defineComponent({
   name: "FLayoutApplicationTemplate",
   computed: {
     showHeader() {
@@ -14430,7 +14435,7 @@ const _sfc_main$g = vue.defineComponent({
     }
   }
 });
-const _hoisted_1$g = {
+const _hoisted_1$h = {
   class: "layout-application-template"
 };
 const _hoisted_2$c = {
@@ -14450,11 +14455,11 @@ const _hoisted_5$5 = {
   class: "layout-application-template__footer"
 };
 function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) {
-  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$g, [_ctx.showHeader || _ctx.showTopNavigation ? (vue.openBlock(), vue.createElementBlock("header", _hoisted_2$c, [_ctx.showHeader ? vue.renderSlot(_ctx.$slots, "header", {
+  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$h, [_ctx.showHeader || _ctx.showTopNavigation ? (vue.openBlock(), vue.createElementBlock("header", _hoisted_2$c, [_ctx.showHeader ? vue.renderSlot(_ctx.$slots, "header", {
     key: 0
   }) : vue.createCommentVNode("", true), _cache[0] || (_cache[0] = vue.createTextVNode()), _ctx.showTopNavigation ? (vue.openBlock(), vue.createElementBlock("nav", _hoisted_3$8, [vue.renderSlot(_ctx.$slots, "top-navigation")])) : vue.createCommentVNode("", true)], 512)) : vue.createCommentVNode("", true), _cache[2] || (_cache[2] = vue.createTextVNode()), vue.createElementVNode("main", _hoisted_4$7, [vue.renderSlot(_ctx.$slots, "default"), _cache[1] || (_cache[1] = vue.createTextVNode()), _ctx.showFooter ? (vue.openBlock(), vue.createElementBlock("footer", _hoisted_5$5, [vue.renderSlot(_ctx.$slots, "footer")])) : vue.createCommentVNode("", true)], 512)]);
 }
-const FLayoutApplicationTemplate = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["render", _sfc_render$d]]);
+const FLayoutApplicationTemplate = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["render", _sfc_render$d]]);
 function getGridClasses(target) {
   if (target === null) {
     return {};
@@ -14555,7 +14560,7 @@ function useLayoutPanel(options) {
     rightPrimaryClasses
   };
 }
-const _sfc_main$f = vue.defineComponent({
+const _sfc_main$g = vue.defineComponent({
   name: "FLayoutLeftPanel",
   components: {
     FIcon
@@ -14640,7 +14645,7 @@ const _sfc_main$f = vue.defineComponent({
     }
   }
 });
-const _hoisted_1$f = {
+const _hoisted_1$g = {
   class: "layout-navigation"
 };
 const _hoisted_2$b = ["aria-expanded"];
@@ -14653,7 +14658,7 @@ const _hoisted_4$6 = {
 };
 function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_f_icon = vue.resolveComponent("f-icon");
-  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$f, [vue.createElementVNode("nav", {
+  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$g, [vue.createElementVNode("nav", {
     id: "layout-navigation__navigation",
     class: "layout-navigation__navigation",
     style: vue.normalizeStyle(_ctx.navigationStyle),
@@ -14702,7 +14707,7 @@ function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
     style: vue.normalizeStyle(_ctx.primaryStyle)
   }, [vue.renderSlot(_ctx.$slots, "default")], 6)]);
 }
-const FLayoutLeftPanel = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["render", _sfc_render$c]]);
+const FLayoutLeftPanel = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["render", _sfc_render$c]]);
 class FRightPanelServiceImpl {
   constructor() {
     _defineProperty(this, "focusedElementBeforeOpenining", null);
@@ -14732,7 +14737,7 @@ class FRightPanelServiceImpl {
   }
 }
 const FLayoutRightPanelService = new FRightPanelServiceImpl();
-const _sfc_main$e = vue.defineComponent({
+const _sfc_main$f = vue.defineComponent({
   name: "FLayoutRightPanel",
   components: {
     FIcon
@@ -14849,7 +14854,7 @@ const _sfc_main$e = vue.defineComponent({
     }
   }
 });
-const _hoisted_1$e = {
+const _hoisted_1$f = {
   class: "layout-secondary"
 };
 const _hoisted_2$a = {
@@ -14857,7 +14862,7 @@ const _hoisted_2$a = {
 };
 function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_f_icon = vue.resolveComponent("f-icon");
-  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$e, [vue.createElementVNode("div", {
+  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$f, [vue.createElementVNode("div", {
     id: "layout-secondary__primary",
     class: vue.normalizeClass(["layout-secondary__primary", _ctx.rightPrimaryClasses]),
     style: vue.normalizeStyle(_ctx.primaryStyle)
@@ -14894,8 +14899,8 @@ function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
     name: "close"
   })])], 6)])], 4)) : vue.createCommentVNode("", true)]);
 }
-const FLayoutRightPanel = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["render", _sfc_render$b]]);
-const _hoisted_1$d = {
+const FLayoutRightPanel = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["render", _sfc_render$b]]);
+const _hoisted_1$e = {
   key: 0,
   class: "list"
 };
@@ -14920,7 +14925,7 @@ const _hoisted_9$2 = {
 const _hoisted_10$1 = {
   class: "list__item__itempane"
 };
-const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
   __name: "FList",
   props: {
     /**
@@ -15144,7 +15149,7 @@ const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
       return props.checkbox && itemEquals(activeItem.value, item, props.keyAttribute);
     }
     return (_ctx, _cache) => {
-      return !__props.selectable ? (vue.openBlock(), vue.createElementBlock("ul", _hoisted_1$d, [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.items, (item) => {
+      return !__props.selectable ? (vue.openBlock(), vue.createElementBlock("ul", _hoisted_1$e, [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.items, (item) => {
         return vue.openBlock(), vue.createElementBlock("li", {
           key: itemKey(item),
           class: "list__item"
@@ -15209,7 +15214,7 @@ const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _sfc_main$c = vue.defineComponent({
+const _sfc_main$d = vue.defineComponent({
   name: "FLoader",
   mixins: [TranslationMixin],
   inheritAttrs: false,
@@ -15321,7 +15326,7 @@ const _sfc_main$c = vue.defineComponent({
     }
   }
 });
-const _hoisted_1$c = {
+const _hoisted_1$d = {
   class: "loader__backdrop"
 };
 const _hoisted_2$8 = {
@@ -15333,7 +15338,7 @@ function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
     disabled: _ctx.teleportDisabled
   }, [vue.withDirectives(vue.createElementVNode("div", vue.mergeProps(_ctx.$attrs, {
     class: ["loader", _ctx.classes]
-  }), [vue.createElementVNode("div", _hoisted_1$c, [_cache[0] || (_cache[0] = vue.createElementVNode("div", {
+  }), [vue.createElementVNode("div", _hoisted_1$d, [_cache[0] || (_cache[0] = vue.createElementVNode("div", {
     class: "loader__wrapper"
   }, [vue.createElementVNode("div", {
     class: "loader__spinner-1 loader__spinner"
@@ -15373,8 +15378,8 @@ function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
     tabindex: "-1"
   }, [vue.createElementVNode("span", _hoisted_2$8, [vue.renderSlot(_ctx.$slots, "default", {}, () => [vue.createTextVNode(vue.toDisplayString(_ctx.$t("fkui.loader.wait.text", _ctx.defaultLoadingText)), 1)])])], 2)])], 16), [[vue.vShow, _ctx.show]])], 8, ["to", "disabled"]);
 }
-const FLoader = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["render", _sfc_render$a]]);
-const _hoisted_1$b = ["aria-label"];
+const FLoader = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["render", _sfc_render$a]]);
+const _hoisted_1$c = ["aria-label"];
 const __default__ = vue.defineComponent({
   computed: {
     ariaLabel() {
@@ -15386,7 +15391,7 @@ const __default__ = vue.defineComponent({
     }
   }
 });
-const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
   ...__default__,
   __name: "FLogo",
   props: {
@@ -15410,7 +15415,7 @@ const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
         class: vue.normalizeClass(`logo logo--${props.size}`),
         "aria-label": _ctx.ariaLabel,
         role: "img"
-      }, null, 10, _hoisted_1$b);
+      }, null, 10, _hoisted_1$c);
     };
   }
 });
@@ -15440,7 +15445,7 @@ const iconClasses = {
     screenReaderContextDefault: "Informationsmeddelande"
   }
 };
-const _sfc_main$a = vue.defineComponent({
+const _sfc_main$b = vue.defineComponent({
   name: "FMessageBox",
   components: {
     FIcon,
@@ -15530,7 +15535,7 @@ const _sfc_main$a = vue.defineComponent({
     }
   }
 });
-const _hoisted_1$a = {
+const _hoisted_1$b = {
   key: 0,
   class: "sr-only"
 };
@@ -15540,7 +15545,7 @@ function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_i_flex = vue.resolveComponent("i-flex");
   return vue.openBlock(), vue.createElementBlock("div", {
     class: vue.normalizeClass(["message-box", [_ctx.messageBoxType, _ctx.bannerType]])
-  }, [_ctx.provideScreenReaderContext ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$a, vue.toDisplayString(_ctx.screenReaderContext()), 1)) : vue.createCommentVNode("", true), _cache[2] || (_cache[2] = vue.createTextVNode()), vue.createVNode(_component_i_flex, {
+  }, [_ctx.provideScreenReaderContext ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$b, vue.toDisplayString(_ctx.screenReaderContext()), 1)) : vue.createCommentVNode("", true), _cache[2] || (_cache[2] = vue.createTextVNode()), vue.createVNode(_component_i_flex, {
     gap: "2x"
   }, {
     default: vue.withCtx(() => [_ctx.layout === "short" ? (vue.openBlock(), vue.createBlock(_component_i_flex_item, {
@@ -15572,7 +15577,7 @@ function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   })], 2);
 }
-const FMessageBox = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["render", _sfc_render$9]]);
+const FMessageBox = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["render", _sfc_render$9]]);
 function findOverflowIndex(totalWidth, elements) {
   let sum = 0;
   const index = elements.findIndex((element) => {
@@ -15622,7 +15627,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$9 = vue.defineComponent({
+const _sfc_main$a = vue.defineComponent({
   name: "FNavigationMenu",
   components: {
     FIcon,
@@ -15955,7 +15960,7 @@ const _sfc_main$9 = vue.defineComponent({
     }
   }
 });
-const _hoisted_1$9 = ["aria-label"];
+const _hoisted_1$a = ["aria-label"];
 const _hoisted_2$7 = ["data-ref-index", "onClick"];
 const _hoisted_3$5 = {
   class: "imenu__list__anchor-container"
@@ -16036,11 +16041,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$9);
+  }, null, 8, ["modelValue", "focused-item", "items", "is-open", "anchor", "selected-menu-item-screen-reader-text", "aria-label", "onSelect"])], 10, _hoisted_1$a);
 }
-const FNavigationMenu = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["render", _sfc_render$8]]);
+const FNavigationMenu = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["render", _sfc_render$8]]);
 const EVENTS = ["online", "offline"];
-const _sfc_main$8 = vue.defineComponent({
+const _sfc_main$9 = vue.defineComponent({
   name: "FOffline",
   components: {
     FIcon,
@@ -16088,7 +16093,7 @@ const _sfc_main$8 = vue.defineComponent({
     }
   }
 });
-const _hoisted_1$8 = ["role"];
+const _hoisted_1$9 = ["role"];
 const _hoisted_2$6 = {
   key: 0,
   class: "offline"
@@ -16134,10 +16139,10 @@ function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
   })])) : vue.createCommentVNode("", true), _cache[3] || (_cache[3] = vue.createTextVNode()), vue.withDirectives(vue.createElementVNode("span", {
     class: "sr-only",
     "aria-hidden": _ctx.shouldNotRead ? "true" : void 0
-  }, "\n            Din internetuppkoppling fungerar igen\n        ", 8, _hoisted_5$2), [[vue.vShow, _ctx.isOnline]])], 8, _hoisted_1$8);
+  }, "\n            Din internetuppkoppling fungerar igen\n        ", 8, _hoisted_5$2), [[vue.vShow, _ctx.isOnline]])], 8, _hoisted_1$9);
 }
-const FOffline = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", _sfc_render$7]]);
-const _sfc_main$7 = vue.defineComponent({
+const FOffline = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["render", _sfc_render$7]]);
+const _sfc_main$8 = vue.defineComponent({
   name: "FOutputField",
   components: {
     FLabel
@@ -16170,13 +16175,13 @@ const _sfc_main$7 = vue.defineComponent({
     }
   }
 });
-const _hoisted_1$7 = {
+const _hoisted_1$8 = {
   class: "output-field"
 };
 const _hoisted_2$5 = ["id", "for"];
 function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_f_label = vue.resolveComponent("f-label");
-  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$7, [vue.createVNode(_component_f_label, {
+  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$8, [vue.createVNode(_component_f_label, {
     for: _ctx.id
   }, vue.createSlots({
     default: vue.withCtx(() => [vue.renderSlot(_ctx.$slots, "label")]),
@@ -16191,8 +16196,8 @@ function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
     class: "output-field__output"
   }, _ctx.$attrs), [vue.renderSlot(_ctx.$slots, "default")], 16, _hoisted_2$5)]);
 }
-const FOutputField = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render$6]]);
-const _sfc_main$6 = vue.defineComponent({
+const FOutputField = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", _sfc_render$6]]);
+const _sfc_main$7 = vue.defineComponent({
   name: "FPageHeader",
   components: {
     ISkipLink
@@ -16239,7 +16244,7 @@ const _sfc_main$6 = vue.defineComponent({
     }
   }
 });
-const _hoisted_1$6 = {
+const _hoisted_1$7 = {
   class: "page-header__root"
 };
 const _hoisted_2$4 = {
@@ -16261,7 +16266,7 @@ const _hoisted_6$1 = {
 };
 function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_i_skip_link = vue.resolveComponent("i-skip-link");
-  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$6, [_ctx.skipLinkAnchor ? (vue.openBlock(), vue.createElementBlock("nav", _hoisted_2$4, [vue.createVNode(_component_i_skip_link, {
+  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$7, [_ctx.skipLinkAnchor ? (vue.openBlock(), vue.createElementBlock("nav", _hoisted_2$4, [vue.createVNode(_component_i_skip_link, {
     href: _ctx.skipLinkAnchor
   }, {
     default: vue.withCtx(() => [vue.renderSlot(_ctx.$slots, "skip-link-text")]),
@@ -16273,7 +16278,306 @@ function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   })), _cache[1] || (_cache[1] = vue.createTextVNode()), vue.createElementVNode("div", _hoisted_5$1, [vue.createElementVNode("div", _hoisted_6$1, [vue.renderSlot(_ctx.$slots, "right")])])], 512)]);
 }
-const FPageHeader = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_render$5]]);
+const FPageHeader = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render$5]]);
+const layoutRegister = {};
+function getLayout(name) {
+  var _layoutRegister$name;
+  return (_layoutRegister$name = layoutRegister[name]) !== null && _layoutRegister$name !== void 0 ? _layoutRegister$name : null;
+}
+function setLayout(name, layout) {
+  layoutRegister[name] = layout;
+}
+function defineLayout(definition) {
+  return normalizeDefinition(definition);
+}
+function registerLayout(definition) {
+  setLayout(definition.name, normalizeDefinition(definition));
+}
+function normalizeDefinition(definition) {
+  return {
+    name: definition.name,
+    areas: normalizeAreasDefinition(definition.areas)
+  };
+}
+function normalizeAreasDefinition(areas) {
+  return Object.fromEntries(Object.entries(areas).map(([key, area]) => {
+    var _area$scroll;
+    return [key, {
+      attachPanel: area.attachPanel,
+      direction: area.direction,
+      scroll: (_area$scroll = area.scroll) !== null && _area$scroll !== void 0 ? _area$scroll : false
+    }];
+  }));
+}
+function _checkPrivateRedeclaration(e, t) {
+  if (t.has(e)) throw new TypeError("Cannot initialize the same private elements twice on an object");
+}
+function _classPrivateFieldInitSpec(e, t, a) {
+  _checkPrivateRedeclaration(e, t), t.set(e, a);
+}
+function _assertClassBrand(e, t, n) {
+  if ("function" == typeof e ? e === t : e.has(t)) return arguments.length < 3 ? t : n;
+  throw new TypeError("Private element is not present on this object");
+}
+function _classPrivateFieldGet2(s, a) {
+  return s.get(_assertClassBrand(s, a));
+}
+function _classPrivateFieldSet2(s, a, r) {
+  return s.set(_assertClassBrand(s, a), r), r;
+}
+const VAR_NAME_AREA = "--f-layout-area";
+const VAR_NAME_ATTACH_PANEL = "--f-layout-panel";
+const VAR_NAME_DIRECTION = "--f-layout-direction";
+registerLayout({
+  name: "simple",
+  areas: {
+    header: {
+      attachPanel: "none",
+      direction: "column"
+    },
+    content: {
+      attachPanel: "none",
+      direction: "column",
+      scroll: true
+    },
+    footer: {
+      attachPanel: "none",
+      direction: "column"
+    }
+  }
+});
+registerLayout({
+  name: "left-panel",
+  areas: {
+    header: {
+      attachPanel: "none",
+      direction: "column"
+    },
+    left: {
+      attachPanel: "left",
+      direction: "column"
+    },
+    content: {
+      attachPanel: "none",
+      direction: "column",
+      scroll: true
+    },
+    footer: {
+      attachPanel: "none",
+      direction: "column"
+    }
+  }
+});
+registerLayout({
+  name: "right-panel",
+  areas: {
+    header: {
+      attachPanel: "none",
+      direction: "column"
+    },
+    right: {
+      attachPanel: "right",
+      direction: "column"
+    },
+    content: {
+      attachPanel: "none",
+      direction: "column",
+      scroll: true
+    },
+    footer: {
+      attachPanel: "none",
+      direction: "column"
+    }
+  }
+});
+registerLayout({
+  name: "three-column",
+  areas: {
+    header: {
+      attachPanel: "top",
+      direction: "column"
+    },
+    left: {
+      attachPanel: "left",
+      direction: "column"
+    },
+    right: {
+      attachPanel: "right",
+      direction: "column"
+    },
+    content: {
+      attachPanel: "none",
+      direction: "column",
+      scroll: true
+    },
+    footer: {
+      attachPanel: "bottom",
+      direction: "column"
+    }
+  }
+});
+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 stubLayout = defineLayout({
+  name: "",
+  areas: {}
+});
+function getSlotNames(element) {
+  return Array.from(element.querySelectorAll(":scope > [slot]"), (it) => it.slot);
+}
+var _wrapper = /* @__PURE__ */ new WeakMap();
+var _elements = /* @__PURE__ */ new WeakMap();
+var _layout = /* @__PURE__ */ new WeakMap();
+var _observer = /* @__PURE__ */ new WeakMap();
+var _slotNames = /* @__PURE__ */ new WeakMap();
+class PageLayout extends HTMLElement {
+  constructor() {
+    super();
+    _classPrivateFieldInitSpec(this, _wrapper, void 0);
+    _classPrivateFieldInitSpec(this, _elements, {});
+    _classPrivateFieldInitSpec(this, _layout, stubLayout);
+    _classPrivateFieldInitSpec(this, _observer, void 0);
+    _classPrivateFieldInitSpec(this, _slotNames, []);
+    _classPrivateFieldSet2(_wrapper, this, document.createElement("div"));
+    _classPrivateFieldSet2(_observer, this, new MutationObserver(() => {
+      this.slotNames = getSlotNames(this);
+    }));
+  }
+  /* eslint-disable-next-line @typescript-eslint/explicit-function-return-type -- this one is better to infer or each attribute would have to be duplicated */
+  static get observedAttributes() {
+    return ["layout"];
+  }
+  connectedCallback() {
+    this.slotNames = getSlotNames(this);
+    _classPrivateFieldGet2(_observer, this).observe(this, {
+      childList: true
+    });
+    const shadow = this.attachShadow({
+      mode: "open"
+    });
+    const style = document.createElement("style");
+    style.textContent = styleContent;
+    shadow.append(style);
+    shadow.append(_classPrivateFieldGet2(_wrapper, this));
+  }
+  disconnectedCallback() {
+    _classPrivateFieldGet2(_observer, this).disconnect();
+  }
+  attributeChangedCallback(name, _oldValue, value) {
+    switch (name) {
+      case "layout": {
+        var _getLayout;
+        const part = ["grid", value].filter(Boolean).join(" ");
+        _classPrivateFieldGet2(_wrapper, this).className = "page-layout";
+        _classPrivateFieldGet2(_wrapper, this).setAttribute("part", part);
+        _classPrivateFieldSet2(_layout, this, (_getLayout = getLayout(value)) !== null && _getLayout !== void 0 ? _getLayout : stubLayout);
+        this.updateSlotElements();
+        break;
+      }
+    }
+  }
+  get slotNames() {
+    return _classPrivateFieldGet2(_slotNames, this);
+  }
+  set slotNames(slots) {
+    _classPrivateFieldSet2(_slotNames, this, slots);
+    this.updateSlotElements();
+  }
+  updateSlotElements() {
+    const wrapper = _classPrivateFieldGet2(_wrapper, this);
+    const layout = _classPrivateFieldGet2(_layout, this);
+    for (const slot of _classPrivateFieldGet2(_slotNames, this)) {
+      const existing = _classPrivateFieldGet2(_elements, this)[slot];
+      const element = existing !== null && existing !== void 0 ? existing : document.createElement("div");
+      const area = layout.areas[slot];
+      if (!area) {
+        continue;
+      }
+      const {
+        attachPanel: attach,
+        direction,
+        scroll
+      } = area;
+      element.className = "";
+      element.classList.add("page-layout__area");
+      element.setAttribute("part", ["area", slot].join(" "));
+      element.setAttribute("data-direction", direction);
+      if (scroll) {
+        element.setAttribute("data-scroll", "true");
+      } else {
+        element.removeAttribute("data-scroll");
+      }
+      element.style.setProperty("grid-area", slot);
+      element.style.setProperty(VAR_NAME_AREA, `"${slot}"`);
+      element.style.setProperty(VAR_NAME_ATTACH_PANEL, `"${attach}"`);
+      element.style.setProperty(VAR_NAME_DIRECTION, `"${direction}"`);
+      if (!existing) {
+        const slotElement = document.createElement("slot");
+        slotElement.name = slot;
+        element.append(slotElement);
+        wrapper.append(element);
+        _classPrivateFieldGet2(_elements, this)[slot] = element;
+      }
+    }
+  }
+}
+const _hoisted_1$6 = ["slot"];
+const tagName = `ce-page-layout`;
+const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
+  __name: "FPageLayout",
+  props: {
+    layout: {}
+  },
+  setup(__props) {
+    const slots = vue.useSlots();
+    const slotNames = vue.computed(() => {
+      return Object.keys(slots);
+    });
+    vue.onMounted(() => {
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, PageLayout);
+      }
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(tagName), {
+        layout: _ctx.layout
+      }, {
+        default: vue.withCtx(() => [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(slotNames.value, (slot) => {
+          return vue.openBlock(), vue.createElementBlock("div", {
+            key: slot,
+            slot
+          }, [vue.renderSlot(_ctx.$slots, slot)], 8, _hoisted_1$6);
+        }), 128))]),
+        _: 3
+      }, 8, ["layout"]);
+    };
+  }
+});
+function getProperty(style, key) {
+  const value = style.getPropertyValue(key);
+  if (value === "") {
+    return null;
+  } else {
+    return JSON.parse(value);
+  }
+}
+function useAreaData(element) {
+  const area = vue.ref(null);
+  const attachPanel = vue.ref(null);
+  const direction = vue.ref(null);
+  vue.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);
+    }
+  });
+  return {
+    area,
+    attachPanel,
+    direction
+  };
+}
 const _hoisted_1$5 = {
   class: "progress"
 };
@@ -17318,20 +17622,20 @@ exports.ErrorData = ErrorData;
 exports.ErrorPlugin = ErrorPlugin;
 exports.ErrorViewData = ErrorViewData;
 exports.EventBus = EventBus;
-exports.FBadge = _sfc_main$1b;
-exports.FBankAccountNumberTextField = _sfc_main$y;
-exports.FBankgiroTextField = _sfc_main$x;
+exports.FBadge = _sfc_main$1c;
+exports.FBankAccountNumberTextField = _sfc_main$z;
+exports.FBankgiroTextField = _sfc_main$y;
 exports.FCalendar = FCalendar;
 exports.FCalendarDay = FCalendarDay;
-exports.FCard = _sfc_main$W;
+exports.FCard = _sfc_main$X;
 exports.FCheckboxField = FCheckboxField;
-exports.FClearingnumberTextField = _sfc_main$w;
+exports.FClearingnumberTextField = _sfc_main$x;
 exports.FConfirmModal = FConfirmModal;
 exports.FContextMenu = FContextMenu;
 exports.FCrudButton = FCrudButton;
-exports.FCrudDataset = _sfc_main$I;
-exports.FCurrencyTextField = _sfc_main$A;
-exports.FDataTable = _sfc_main$o;
+exports.FCrudDataset = _sfc_main$J;
+exports.FCurrencyTextField = _sfc_main$B;
+exports.FDataTable = _sfc_main$p;
 exports.FDatepickerField = FDatepickerField;
 exports.FDialogueTree = FDialogueTree;
 exports.FEmailTextField = FEmailTextField;
@@ -17346,34 +17650,35 @@ exports.FFileSelector = FFileSelector;
 exports.FFormModal = FFormModal;
 exports.FFormModalAction = FValidationFormAction;
 exports.FIcon = FIcon;
-exports.FInteractiveTable = _sfc_main$h;
+exports.FInteractiveTable = _sfc_main$i;
 exports.FKUIConfigButtonOrder = FKUIConfigButtonOrder;
 exports.FLabel = FLabel;
 exports.FLayoutApplicationTemplate = FLayoutApplicationTemplate;
 exports.FLayoutLeftPanel = FLayoutLeftPanel;
 exports.FLayoutRightPanel = FLayoutRightPanel;
 exports.FLayoutRightPanelService = FLayoutRightPanelService;
-exports.FList = _sfc_main$d;
+exports.FList = _sfc_main$e;
 exports.FLoader = FLoader;
-exports.FLogo = _sfc_main$b;
+exports.FLogo = _sfc_main$c;
 exports.FMessageBox = FMessageBox;
 exports.FModal = FModal;
 exports.FNavigationMenu = FNavigationMenu;
-exports.FNumericTextField = _sfc_main$v;
+exports.FNumericTextField = _sfc_main$w;
 exports.FOffline = FOffline;
-exports.FOrganisationsnummerTextField = _sfc_main$q;
+exports.FOrganisationsnummerTextField = _sfc_main$r;
 exports.FOutputField = FOutputField;
 exports.FPageHeader = FPageHeader;
-exports.FPercentTextField = _sfc_main$r;
-exports.FPersonnummerTextField = _sfc_main$u;
+exports.FPageLayout = _sfc_main$6;
+exports.FPercentTextField = _sfc_main$s;
+exports.FPersonnummerTextField = _sfc_main$v;
 exports.FPhoneTextField = FPhoneTextField;
-exports.FPlusgiroTextField = _sfc_main$t;
-exports.FPostalCodeTextField = _sfc_main$s;
+exports.FPlusgiroTextField = _sfc_main$u;
+exports.FPostalCodeTextField = _sfc_main$t;
 exports.FProgressbar = _sfc_main$5;
 exports.FRadioField = FRadioField;
 exports.FSearchTextField = FSearchTextField;
 exports.FSelectField = FSelectField;
-exports.FSortFilterDataset = _sfc_main$p;
+exports.FSortFilterDataset = _sfc_main$q;
 exports.FSortFilterDatasetInjected = FSortFilterDatasetInjected;
 exports.FStaticField = FStaticField;
 exports.FTableColumn = FTableColumn;
@@ -17394,13 +17699,13 @@ exports.IAnimateExpand = IAnimateExpand;
 exports.ICalendarMonth = ICalendarMonth;
 exports.ICalendarMonthGrid = ICalendarMonthGrid;
 exports.ICalendarNavbar = ICalendarNavbar;
-exports.IComboboxDropdown = _sfc_main$O;
-exports.IComboboxToggleButton = _sfc_main$N;
+exports.IComboboxDropdown = _sfc_main$P;
+exports.IComboboxToggleButton = _sfc_main$O;
 exports.IFlex = IFlex;
 exports.IFlexItem = IFlexItem;
 exports.IPopup = IPopup;
 exports.IPopupError = IPopupError;
-exports.IPopupListbox = _sfc_main$S;
+exports.IPopupListbox = _sfc_main$T;
 exports.IPopupMenu = IPopupMenu;
 exports.ISkipLink = ISkipLink;
 exports.IValidationForm = FValidationForm;
@@ -17449,10 +17754,12 @@ exports.refIsElementArray = refIsElementArray;
 exports.refIsHTMLElementArray = refIsHTMLElementArray;
 exports.refIsVue = refIsVue;
 exports.refIsVueArray = refIsVueArray;
+exports.registerLayout = registerLayout;
 exports.renderSlotText = renderSlotText;
 exports.setRunningContext = setRunningContext;
 exports.tableScrollClasses = tableScrollClasses;
 exports.tooltipAttachTo = tooltipAttachTo;
+exports.useAreaData = useAreaData;
 exports.useCombobox = useCombobox;
 exports.useModal = useModal;
 exports.useSlotUtils = useSlotUtils;