@fkui/vue 5.46.0 → 6.0.0

package/dist/esm/index.esm.js

@@ -1,8 +1,8 @@
-import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, renderSlot, mergeProps, createTextVNode, createElementVNode, isVNode, Comment, createApp, resolveComponent, withKeys, createCommentVNode, toDisplayString, createVNode, createBlock, withCtx, Fragment, renderList, withModifiers, getCurrentInstance, resolveDynamicComponent, onMounted, toValue, onUnmounted, useSlots, ref, normalizeProps, guardReactiveProps, unref, Transition, Teleport, normalizeStyle, useTemplateRef, watchEffect, watch, nextTick, withDirectives, vShow, readonly, inject, toRef, provide, createSlots, vModelSelect, vModelDynamic, toHandlers, shallowRef, toRefs } from "vue";
-import { TranslationService, isSet, configLogic, focus as focus$1, ElementIdService, pushFocus, findTabbableElements, popFocus, scrollTo, Reference, documentOrderComparator, ValidationService, isValidatableHTMLElement, alertScreenReader, debounce, handleTab, isEmpty, deepClone, formatNumber, parseNumber, parseBankAccountNumber, parseBankgiro, parseClearingNumber, formatPersonnummer, parsePersonnummer, parsePlusgiro, formatPostalCode, parsePercent, formatPercent, parseOrganisationsnummer, isInvalidDatesConfig, isInvalidWeekdaysConfig, parseDate, waitForScreenReader, focusFirst, saveFocus, addFocusListener, removeFocusListener, restoreFocus, DomUtils } from "@fkui/logic";
-import { getWeekdayNamings, groupByWeek, FDate, DateFormat } from "@fkui/date";
+import { defineComponent, computed, createElementBlock, openBlock, normalizeClass, renderSlot, mergeProps, createTextVNode, createElementVNode, createApp, resolveComponent, createCommentVNode, withKeys, createVNode, toDisplayString, createBlock, withCtx, Fragment, renderList, withModifiers, isVNode, Comment, getCurrentInstance, resolveDynamicComponent, onMounted, toValue, onUnmounted, useSlots, ref, normalizeProps, guardReactiveProps, unref, Transition, Teleport, normalizeStyle, useTemplateRef, watchEffect, watch, nextTick, withDirectives, vShow, readonly, inject, toRef, provide, createSlots, vModelSelect, vModelDynamic, toHandlers, shallowRef, toRefs } from "vue";
+import { TranslationService, isSet, configLogic, focus as focus$1, ElementIdService, findTabbableElements, popFocus, pushFocus, scrollTo, documentOrderComparator, ValidationService, isValidatableHTMLElement, alertScreenReader, debounce, handleTab, isEmpty, deepClone, parseNumber, formatNumber, parseBankAccountNumber, parseBankgiro, parseClearingNumber, parsePersonnummer, formatPersonnummer, parsePlusgiro, formatPostalCode, parsePercent, formatPercent, parseOrganisationsnummer, isInvalidDatesConfig, isInvalidWeekdaysConfig, parseDate, waitForScreenReader, focusFirst, removeFocusListener, restoreFocus, saveFocus, addFocusListener, DomUtils } from "@fkui/logic";
+import { groupByWeek, getWeekdayNamings, FDate, DateFormat } from "@fkui/date";
 const statuses = ["default", "warning", "error", "success", "info"];
-const _sfc_main$1f = /* @__PURE__ */ defineComponent({
+const _sfc_main$1b = /* @__PURE__ */ defineComponent({
   __name: "FBadge",
   props: {
     /**
@@ -1320,7 +1320,7 @@ function requireEs_array_push() {
 requireEs_array_push();
 const Flip = ["horizontal", "vertical"];
 const Rotate = ["90", "180", "270"];
-const _sfc_main$1e = defineComponent({
+const _sfc_main$1a = defineComponent({
   name: "FIcon",
   inheritAttrs: false,
   props: {
@@ -1408,18 +1408,18 @@ const _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const _hoisted_1$W = ["aria-hidden"];
-const _hoisted_2$H = ["xlink:href"];
-function _sfc_render$10(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_1$U = ["aria-hidden"];
+const _hoisted_2$F = ["xlink:href"];
+function _sfc_render$W(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", mergeProps(_ctx.$attrs, {
     focusable: "false",
     class: ["icon", [_ctx.spriteKey, ..._ctx.modifiers]],
     "aria-hidden": _ctx.ariaHidden
   }), [renderSlot(_ctx.$slots, "default"), _cache[0] || (_cache[0] = createTextVNode()), createElementVNode("use", {
     "xlink:href": _ctx.spriteId
-  }, null, 8, _hoisted_2$H)], 16, _hoisted_1$W);
+  }, null, 8, _hoisted_2$F)], 16, _hoisted_1$U);
 }
-const FIcon = /* @__PURE__ */ _export_sfc(_sfc_main$1e, [["render", _sfc_render$10]]);
+const FIcon = /* @__PURE__ */ _export_sfc(_sfc_main$1a, [["render", _sfc_render$W]]);
 const DATA_TEST_ATTRIBUTE_NAME = "data-test";
 function throwErrorIfEmpty(value) {
   if (!value) {
@@ -3348,56 +3348,6 @@ const scrollClasses = {
 function tableScrollClasses(val) {
   return scrollClasses[val];
 }
-const defaultOptions = {
-  stripClasses: ["sr-only"]
-};
-function collapseWhitespace(text) {
-  return text.replace(/\s+/gm, " ").replace(/(^ | $)/g, "");
-}
-function intersection(a, b) {
-  return a.filter((it) => b.includes(it));
-}
-function excludeClass(exclude) {
-  return (node) => {
-    var _a;
-    if (typeof ((_a = node.props) == null ? void 0 : _a.class) !== "string") {
-      return true;
-    }
-    const classes = node.props.class.split(/\s+/);
-    const matches = intersection(classes, exclude);
-    return matches.length === 0;
-  };
-}
-function excludeComment(node) {
-  return node.type !== Comment;
-}
-function getTextContent(children, options) {
-  return children.filter(isVNode).filter(excludeComment).filter(excludeClass(options.stripClasses)).map((child) => {
-    if (Array.isArray(child.children)) {
-      return getTextContent(child.children, options);
-    }
-    if (typeof child.children === "string") {
-      return child.children;
-    }
-  }).join("");
-}
-function renderSlotText(render, props = {}, options) {
-  if (!render) {
-    return void 0;
-  }
-  const nodes = render(props);
-  if (nodes.length === 0) {
-    return void 0;
-  }
-  return collapseWhitespace(getTextContent(nodes, {
-    ...defaultOptions,
-    ...options
-  }));
-}
-function getTextFromScopedSlot(slot) {
-  var _renderSlotText;
-  return (_renderSlotText = renderSlotText(slot)) !== null && _renderSlotText !== void 0 ? _renderSlotText : "";
-}
 function dispatchComponentValidityEvent(element, detail) {
   element.dispatchEvent(new CustomEvent("component-validity", {
     detail,
@@ -3506,10 +3456,7 @@ function getHTMLElementFromVueRef(ref2) {
 }
 function lazyLoad(fn2) {
   let cache;
-  return () => {
-    var _cache;
-    return (_cache = cache) !== null && _cache !== void 0 ? _cache : cache = fn2();
-  };
+  return () => cache !== null && cache !== void 0 ? cache : cache = fn2();
 }
 const eventTarget = lazyLoad(() => new EventTarget());
 const fn = /* @__PURE__ */ new Map();
@@ -3540,10 +3487,8 @@ var FKUIConfigButtonOrder = /* @__PURE__ */ ((FKUIConfigButtonOrder2) => {
 let popupContainer = document.body;
 let production = true;
 const config = {
-  buttonOrder: FKUIConfigButtonOrder.LEFT_TO_RIGHT,
+  buttonOrder: FKUIConfigButtonOrder.RIGHT_TO_LEFT,
   teleportTarget: document.body,
-  modalTarget: null,
-  popupTarget: null,
   get popupContainer() {
     if (typeof popupContainer === "string") {
       const element = document.querySelector(popupContainer);
@@ -3646,7 +3591,6 @@ function unpackPayload(event, src) {
   };
 }
 function openModal(callingInstance, Component, options) {
-  var _config$modalTarget;
   if (typeof options === "string") {
     return openModal(callingInstance, Component, {
       props: {
@@ -3655,7 +3599,7 @@ function openModal(callingInstance, Component, options) {
     });
   }
   const defaultOptions2 = {
-    attachTo: (_config$modalTarget = config.modalTarget) !== null && _config$modalTarget !== void 0 ? _config$modalTarget : config.teleportTarget,
+    attachTo: config.teleportTarget,
     props: {}
   };
   const {
@@ -3741,7 +3685,7 @@ function elementIsRadioButton(element) {
 function isHTMLInputElement(element) {
   return element instanceof HTMLInputElement;
 }
-const _sfc_main$1d = defineComponent({
+const _sfc_main$19 = defineComponent({
   name: "FModal",
   components: {
     FIcon
@@ -3921,14 +3865,14 @@ const _sfc_main$1d = defineComponent({
     }
   }
 });
-const _hoisted_1$V = ["id"];
-const _hoisted_2$G = {
+const _hoisted_1$T = ["id"];
+const _hoisted_2$E = {
   class: "modal__backdrop"
 };
-const _hoisted_3$x = {
+const _hoisted_3$w = {
   class: "modal__inner-container"
 };
-const _hoisted_4$r = {
+const _hoisted_4$q = {
   class: "modal__dialog"
 };
 const _hoisted_5$l = {
@@ -3937,13 +3881,13 @@ const _hoisted_5$l = {
 const _hoisted_6$g = {
   class: "modal__header"
 };
-const _hoisted_7$e = {
+const _hoisted_7$d = {
   key: 0,
   ref: "modalTitle",
   class: "modal__title",
   tabindex: "-1"
 };
-const _hoisted_8$9 = {
+const _hoisted_8$8 = {
   ref: "modalContent",
   class: "modal__content",
   tabindex: "-1"
@@ -3955,25 +3899,25 @@ const _hoisted_10$4 = {
   class: "modal__shelf"
 };
 const _hoisted_11$3 = ["aria-label"];
-function _sfc_render$$(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$V(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_f_icon = resolveComponent("f-icon");
   return _ctx.isOpen ? (openBlock(), createElementBlock("div", {
     key: 0,
     id: _ctx.id,
     class: normalizeClass(["modal", _ctx.modalClass])
-  }, [createElementVNode("div", _hoisted_2$G, [createElementVNode("div", {
+  }, [createElementVNode("div", _hoisted_2$E, [createElementVNode("div", {
     class: "modal__outer-container scroll-target",
     tabindex: "-1",
     role: "dialog",
     "aria-modal": "true",
     onKeyup: _cache[3] || (_cache[3] = withKeys((...args) => _ctx.onClose && _ctx.onClose(...args), ["esc"]))
-  }, [createElementVNode("div", _hoisted_3$x, [createElementVNode("div", {
+  }, [createElementVNode("div", _hoisted_3$w, [createElementVNode("div", {
     ref: "modalDialogContainer",
     class: normalizeClass(["modal__dialog-container", _ctx.containerClasses])
-  }, [createElementVNode("div", _hoisted_4$r, [createElementVNode("div", _hoisted_5$l, [createElementVNode("div", _hoisted_6$g, [createElementVNode("div", {
+  }, [createElementVNode("div", _hoisted_4$q, [createElementVNode("div", _hoisted_5$l, [createElementVNode("div", _hoisted_6$g, [createElementVNode("div", {
     tabindex: "0",
     onFocus: _cache[0] || (_cache[0] = (...args) => _ctx.onFocusFirst && _ctx.onFocusFirst(...args))
-  }, null, 32), _cache[4] || (_cache[4] = createTextVNode()), _ctx.hasHeaderSlot ? (openBlock(), createElementBlock("h1", _hoisted_7$e, [renderSlot(_ctx.$slots, "header")], 512)) : createCommentVNode("", true)]), _cache[5] || (_cache[5] = createTextVNode()), createElementVNode("div", _hoisted_8$9, [renderSlot(_ctx.$slots, "content")], 512), _cache[6] || (_cache[6] = createTextVNode()), createElementVNode("div", _hoisted_9$6, [renderSlot(_ctx.$slots, "footer")])]), _cache[9] || (_cache[9] = createTextVNode()), createElementVNode("div", _hoisted_10$4, [createElementVNode("button", {
+  }, null, 32), _cache[4] || (_cache[4] = createTextVNode()), _ctx.hasHeaderSlot ? (openBlock(), createElementBlock("h1", _hoisted_7$d, [renderSlot(_ctx.$slots, "header")], 512)) : createCommentVNode("", true)]), _cache[5] || (_cache[5] = createTextVNode()), createElementVNode("div", _hoisted_8$8, [renderSlot(_ctx.$slots, "content")], 512), _cache[6] || (_cache[6] = createTextVNode()), createElementVNode("div", _hoisted_9$6, [renderSlot(_ctx.$slots, "footer")])]), _cache[9] || (_cache[9] = createTextVNode()), createElementVNode("div", _hoisted_10$4, [createElementVNode("button", {
     type: "button",
     class: "close-button",
     "aria-label": _ctx.ariaCloseText,
@@ -3983,9 +3927,9 @@ function _sfc_render$$(_ctx, _cache, $props, $setup, $data, $options) {
   })], 8, _hoisted_11$3), _cache[8] || (_cache[8] = createTextVNode()), createElementVNode("div", {
     tabindex: "0",
     onFocus: _cache[2] || (_cache[2] = (...args) => _ctx.onFocusLast && _ctx.onFocusLast(...args))
-  }, null, 32)])])], 2)])], 32)])], 10, _hoisted_1$V)) : createCommentVNode("", true);
+  }, null, 32)])])], 2)])], 32)])], 10, _hoisted_1$T)) : createCommentVNode("", true);
 }
-const FModal = /* @__PURE__ */ _export_sfc(_sfc_main$1d, [["render", _sfc_render$$]]);
+const FModal = /* @__PURE__ */ _export_sfc(_sfc_main$19, [["render", _sfc_render$V]]);
 function prepareButtonList(src, buttonOrder = config.buttonOrder) {
   const list = src.map((it) => {
     var _it$event, _ref, _it$reason, _it$type;
@@ -4014,7 +3958,7 @@ const defaultButtons = [{
   event: "dismiss",
   type: "secondary"
 }];
-const _sfc_main$1c = defineComponent({
+const _sfc_main$18 = defineComponent({
   name: "FConfirmModal",
   components: {
     FModal
@@ -4118,15 +4062,15 @@ const _sfc_main$1c = defineComponent({
     }
   }
 });
-const _hoisted_1$U = {
+const _hoisted_1$S = {
   class: "button-group"
 };
-const _hoisted_2$F = ["onClick"];
-const _hoisted_3$w = {
+const _hoisted_2$D = ["onClick"];
+const _hoisted_3$v = {
   key: 0,
   class: "sr-only"
 };
-function _sfc_render$_(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$U(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_f_modal = resolveComponent("f-modal");
   return openBlock(), createBlock(_component_f_modal, {
     fullscreen: _ctx.fullscreen,
@@ -4139,22 +4083,22 @@ function _sfc_render$_(_ctx, _cache, $props, $setup, $data, $options) {
   }, {
     header: withCtx(() => [renderSlot(_ctx.$slots, "heading", {}, () => [createTextVNode(toDisplayString(_ctx.heading), 1)])]),
     content: withCtx(() => [renderSlot(_ctx.$slots, "content", {}, () => [createTextVNode(toDisplayString(_ctx.content), 1)])]),
-    footer: withCtx(() => [createElementVNode("div", _hoisted_1$U, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.preparedButtons, (button) => {
+    footer: withCtx(() => [createElementVNode("div", _hoisted_1$S, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.preparedButtons, (button) => {
       return openBlock(), createElementBlock("button", {
         key: button.label,
         type: "button",
         class: normalizeClass([button.classlist, "button-group__item"]),
         onClick: ($event) => _ctx.onClick(button)
-      }, [createElementVNode("span", null, toDisplayString(button.label), 1), _cache[0] || (_cache[0] = createTextVNode()), button.screenreader ? (openBlock(), createElementBlock("span", _hoisted_3$w, " " + toDisplayString(button.screenreader), 1)) : createCommentVNode("", true)], 10, _hoisted_2$F);
+      }, [createElementVNode("span", null, toDisplayString(button.label), 1), _cache[0] || (_cache[0] = createTextVNode()), button.screenreader ? (openBlock(), createElementBlock("span", _hoisted_3$v, " " + toDisplayString(button.screenreader), 1)) : createCommentVNode("", true)], 10, _hoisted_2$D);
     }), 128))])]),
     _: 3
   }, 8, ["fullscreen", "is-open", "aria-close-text", "size", "focus", "onClose"]);
 }
-const FConfirmModal = /* @__PURE__ */ _export_sfc(_sfc_main$1c, [["render", _sfc_render$_]]);
+const FConfirmModal = /* @__PURE__ */ _export_sfc(_sfc_main$18, [["render", _sfc_render$U]]);
 const GAP = ["1x", "2x", "3x", "4x", "5x", "6x", "7x", "8x"];
 const ALIGNMENT = ["top", "center", "bottom"];
 const FLOAT = ["left", "center", "right"];
-const _sfc_main$1b = defineComponent({
+const _sfc_main$17 = defineComponent({
   name: "IFlex",
   inheritAttrs: true,
   props: {
@@ -4229,13 +4173,13 @@ const _sfc_main$1b = defineComponent({
     }
   }
 });
-function _sfc_render$Z(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$T(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     class: normalizeClass(["iflex", _ctx.classList])
   }, [renderSlot(_ctx.$slots, "default")], 2);
 }
-const IFlex = /* @__PURE__ */ _export_sfc(_sfc_main$1b, [["render", _sfc_render$Z]]);
-const _sfc_main$1a = defineComponent({
+const IFlex = /* @__PURE__ */ _export_sfc(_sfc_main$17, [["render", _sfc_render$T]]);
+const _sfc_main$16 = defineComponent({
   name: "IFlexItem",
   inheritAttrs: true,
   props: {
@@ -4282,12 +4226,12 @@ const _sfc_main$1a = defineComponent({
     }
   }
 });
-function _sfc_render$Y(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$S(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     class: normalizeClass(["iflex__item", _ctx.classList])
   }, [renderSlot(_ctx.$slots, "default")], 2);
 }
-const IFlexItem = /* @__PURE__ */ _export_sfc(_sfc_main$1a, [["render", _sfc_render$Y]]);
+const IFlexItem = /* @__PURE__ */ _export_sfc(_sfc_main$16, [["render", _sfc_render$S]]);
 function focusError(item) {
   const element = document.querySelector(`#${item.id}`);
   if (!element) {
@@ -4297,7 +4241,7 @@ function focusError(item) {
   scrollTo(element, window.innerHeight * 0.25);
   focus$1(focusElement2 ? focusElement2 : element);
 }
-const _sfc_main$19 = defineComponent({
+const _sfc_main$15 = defineComponent({
   name: "FErrorList",
   components: {
     FIcon,
@@ -4353,24 +4297,24 @@ const _sfc_main$19 = defineComponent({
     }
   }
 });
-const _hoisted_1$T = {
+const _hoisted_1$R = {
   class: "error-list"
 };
-const _hoisted_2$E = {
+const _hoisted_2$C = {
   key: 0
 };
-const _hoisted_3$v = {
+const _hoisted_3$u = {
   class: "error-list__list error-list--list-style-none"
 };
-const _hoisted_4$q = ["onClick"];
+const _hoisted_4$p = ["onClick"];
 const _hoisted_5$k = {
   class: "error-list__link"
 };
-function _sfc_render$X(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$R(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_f_icon = resolveComponent("f-icon");
   const _component_i_flex_item = resolveComponent("i-flex-item");
   const _component_i_flex = resolveComponent("i-flex");
-  return openBlock(), createElementBlock("div", _hoisted_1$T, [createVNode(_component_i_flex, null, {
+  return openBlock(), createElementBlock("div", _hoisted_1$R, [createVNode(_component_i_flex, null, {
     default: withCtx(() => [_ctx.hasTitleSlot ? (openBlock(), createBlock(_component_i_flex_item, {
       key: 0,
       shrink: ""
@@ -4389,7 +4333,7 @@ function _sfc_render$X(_ctx, _cache, $props, $setup, $data, $options) {
     })) : createCommentVNode("", true), _cache[7] || (_cache[7] = createTextVNode()), createVNode(_component_i_flex_item, {
       grow: ""
     }, {
-      default: withCtx(() => [_ctx.hasTitleSlot ? (openBlock(), createElementBlock("div", _hoisted_2$E, [renderSlot(_ctx.$slots, "title")])) : createCommentVNode("", true), _cache[5] || (_cache[5] = createTextVNode()), createElementVNode("ul", _hoisted_3$v, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.items, (item) => {
+      default: withCtx(() => [_ctx.hasTitleSlot ? (openBlock(), createElementBlock("div", _hoisted_2$C, [renderSlot(_ctx.$slots, "title")])) : createCommentVNode("", true), _cache[5] || (_cache[5] = createTextVNode()), createElementVNode("ul", _hoisted_3$u, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.items, (item) => {
         return openBlock(), createElementBlock("li", {
           key: item.id,
           class: normalizeClass(_ctx.liClasses(item))
@@ -4404,7 +4348,7 @@ function _sfc_render$X(_ctx, _cache, $props, $setup, $data, $options) {
           "aria-hidden": "true"
         }, null, -1)), _cache[2] || (_cache[2] = createTextVNode()), createElementVNode("span", _hoisted_5$k, toDisplayString(item.title), 1)], 64)) : (openBlock(), createElementBlock(Fragment, {
           key: 1
-        }, [createTextVNode(toDisplayString(item.title), 1)], 64))], 8, _hoisted_4$q)) : (openBlock(), createElementBlock(Fragment, {
+        }, [createTextVNode(toDisplayString(item.title), 1)], 64))], 8, _hoisted_4$p)) : (openBlock(), createElementBlock(Fragment, {
           key: 1
         }, [_ctx.bullets ? (openBlock(), createElementBlock(Fragment, {
           key: 0
@@ -4420,7 +4364,7 @@ function _sfc_render$X(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   })]);
 }
-const FErrorList = /* @__PURE__ */ _export_sfc(_sfc_main$19, [["render", _sfc_render$X]]);
+const FErrorList = /* @__PURE__ */ _export_sfc(_sfc_main$15, [["render", _sfc_render$R]]);
 function cleanUpElements(vm) {
   return new Promise((resolve) => {
     window.setTimeout(() => {
@@ -4434,22 +4378,7 @@ function cleanUpElements(vm) {
     }, 0);
   });
 }
-function sortComponentsWithErrorsOnDOMOrder(componentList) {
-  const errorList = Object.values(componentList).filter((component) => {
-    const validity = component instanceof Reference ? component.ref.isValid : component.validityMode;
-    return typeof validity === "boolean" ? validity === false : validity === "ERROR";
-  });
-  errorList.sort((a, b) => {
-    const elementToCompareA = a instanceof Reference ? document.querySelector(`#${a.ref.id}`) : a.target;
-    const elementToCompareB = b instanceof Reference ? document.querySelector(`#${b.ref.id}`) : b.target;
-    return documentOrderComparator(elementToCompareA, elementToCompareB);
-  });
-  return errorList;
-}
-function isFormStepReference(reference) {
-  return "isOpen" in reference.ref;
-}
-const _sfc_main$18 = defineComponent({
+const _sfc_main$14 = defineComponent({
   name: "FValidationGroup",
   props: {
     /**
@@ -4519,19 +4448,19 @@ const _sfc_main$18 = defineComponent({
     }
   }
 });
-function _sfc_render$W(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$Q(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     onComponentValidity: _cache[0] || (_cache[0] = (...args) => _ctx.onComponentValidity && _ctx.onComponentValidity(...args)),
     onComponentUnmount: _cache[1] || (_cache[1] = (...args) => _ctx.onComponentUnmount && _ctx.onComponentUnmount(...args))
   }, [renderSlot(_ctx.$slots, "default")], 32);
 }
-const FValidationGroup = /* @__PURE__ */ _export_sfc(_sfc_main$18, [["render", _sfc_render$W]]);
+const FValidationGroup = /* @__PURE__ */ _export_sfc(_sfc_main$14, [["render", _sfc_render$Q]]);
 var FValidationFormAction = /* @__PURE__ */ ((FValidationFormAction2) => {
   FValidationFormAction2[FValidationFormAction2["CONTINUE"] = 0] = "CONTINUE";
   FValidationFormAction2[FValidationFormAction2["CANCEL"] = 1] = "CANCEL";
   return FValidationFormAction2;
 })(FValidationFormAction || {});
-const _sfc_main$17 = defineComponent({
+const _sfc_main$13 = defineComponent({
   name: "FValidationForm",
   components: {
     FValidationGroup,
@@ -4670,14 +4599,14 @@ const _sfc_main$17 = defineComponent({
     }
   }
 });
-const _hoisted_1$S = ["id"];
-const _hoisted_2$D = {
+const _hoisted_1$Q = ["id"];
+const _hoisted_2$B = {
   key: 0,
   ref: "errors",
   tabindex: "-1",
   role: "group"
 };
-function _sfc_render$V(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$P(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_f_error_list = resolveComponent("f-error-list");
   const _component_f_validation_group = resolveComponent("f-validation-group");
   return openBlock(), createBlock(_component_f_validation_group, {
@@ -4692,19 +4621,19 @@ function _sfc_render$V(_ctx, _cache, $props, $setup, $data, $options) {
       novalidate: "",
       autocomplete: "off",
       onSubmit: _cache[0] || (_cache[0] = withModifiers((...args) => _ctx.onSubmit && _ctx.onSubmit(...args), ["prevent"]))
-    }), [_ctx.displayErrors ? (openBlock(), createElementBlock("nav", _hoisted_2$D, [createVNode(_component_f_error_list, {
+    }), [_ctx.displayErrors ? (openBlock(), createElementBlock("nav", _hoisted_2$B, [createVNode(_component_f_error_list, {
       items: _ctx.errors,
       bullets: _ctx.errorListBullets,
       "before-navigate": _ctx.errorListBeforeNavigate
     }, {
       title: withCtx(() => [renderSlot(_ctx.$slots, "error-message")]),
       _: 3
-    }, 8, ["items", "bullets", "before-navigate"])], 512)) : createCommentVNode("", true), _cache[2] || (_cache[2] = createTextVNode()), renderSlot(_ctx.$slots, "default")], 16, _hoisted_1$S)]),
+    }, 8, ["items", "bullets", "before-navigate"])], 512)) : createCommentVNode("", true), _cache[2] || (_cache[2] = createTextVNode()), renderSlot(_ctx.$slots, "default")], 16, _hoisted_1$Q)]),
     _: 3
   }, 8, ["modelValue"]);
 }
-const FValidationForm = /* @__PURE__ */ _export_sfc(_sfc_main$17, [["render", _sfc_render$V]]);
-const _sfc_main$16 = defineComponent({
+const FValidationForm = /* @__PURE__ */ _export_sfc(_sfc_main$13, [["render", _sfc_render$P]]);
+const _sfc_main$12 = defineComponent({
   name: "FFormModal",
   components: {
     FModal,
@@ -4823,10 +4752,7 @@ const _sfc_main$16 = defineComponent({
   },
   computed: {
     preparedButtons() {
-      return prepareButtonList(this.buttons, FKUIConfigButtonOrder.LEFT_TO_RIGHT);
-    },
-    hasDeprecatedSlots() {
-      return hasSlot(this, "cancel-button-text") || hasSlot(this, "submit-button-text");
+      return prepareButtonList(this.buttons, FKUIConfigButtonOrder.RIGHT_TO_LEFT);
     }
   },
   methods: {
@@ -4856,16 +4782,15 @@ const _sfc_main$16 = defineComponent({
     }
   }
 });
-const _hoisted_1$R = {
+const _hoisted_1$P = {
   class: "button-group"
 };
-const _hoisted_2$C = ["type", "form", "onClick"];
-const _hoisted_3$u = {
+const _hoisted_2$A = ["type", "form", "onClick"];
+const _hoisted_3$t = {
   key: 0,
   class: "sr-only"
 };
-const _hoisted_4$p = ["form"];
-function _sfc_render$U(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$O(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_f_validation_form = resolveComponent("f-validation-form");
   const _component_f_modal = resolveComponent("f-modal");
   return openBlock(), createBlock(_component_f_modal, {
@@ -4877,7 +4802,7 @@ function _sfc_render$U(_ctx, _cache, $props, $setup, $data, $options) {
     onClose: _ctx.onClose
   }, {
     header: withCtx(() => [renderSlot(_ctx.$slots, "header")]),
-    content: withCtx(() => [createElementVNode("div", null, [renderSlot(_ctx.$slots, "default")]), _cache[2] || (_cache[2] = createTextVNode()), createVNode(_component_f_validation_form, {
+    content: withCtx(() => [createElementVNode("div", null, [renderSlot(_ctx.$slots, "default")]), _cache[1] || (_cache[1] = createTextVNode()), createVNode(_component_f_validation_form, {
       id: _ctx.formId,
       "before-submit": _ctx.beforeSubmit,
       "before-validation": _ctx.beforeValidation,
@@ -4886,36 +4811,22 @@ function _sfc_render$U(_ctx, _cache, $props, $setup, $data, $options) {
       onCancel: _ctx.onCancel
     }, {
       "error-message": withCtx(() => [renderSlot(_ctx.$slots, "error-message")]),
-      default: withCtx(() => [_cache[1] || (_cache[1] = createTextVNode()), renderSlot(_ctx.$slots, "input-text-fields")]),
+      default: withCtx(() => [_cache[0] || (_cache[0] = createTextVNode()), renderSlot(_ctx.$slots, "input-text-fields")]),
       _: 3
     }, 8, ["id", "before-submit", "before-validation", "use-error-list", "onSubmit", "onCancel"])]),
-    footer: withCtx(() => [createElementVNode("div", _hoisted_1$R, [!_ctx.hasDeprecatedSlots ? (openBlock(true), createElementBlock(Fragment, {
-      key: 0
-    }, renderList(_ctx.preparedButtons, (button) => {
+    footer: withCtx(() => [createElementVNode("div", _hoisted_1$P, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.preparedButtons, (button) => {
       return openBlock(), createElementBlock("button", {
         key: button.label,
         type: button.buttonType,
         class: normalizeClass([button.classlist, "button-group__item"]),
         form: button.buttonType === "submit" ? _ctx.formId : void 0,
         onClick: ($event) => button.buttonType === "button" ? _ctx.onCancel() : false
-      }, [createElementVNode("span", null, toDisplayString(button.label), 1), _cache[3] || (_cache[3] = createTextVNode()), button.screenreader ? (openBlock(), createElementBlock("span", _hoisted_3$u, " " + toDisplayString(button.screenreader), 1)) : createCommentVNode("", true)], 10, _hoisted_2$C);
-    }), 128)) : (openBlock(), createElementBlock(Fragment, {
-      key: 1
-    }, [createElementVNode("button", {
-      form: _ctx.formId,
-      "data-test": "submit-button",
-      type: "submit",
-      class: "button button--primary button-group__item button--large"
-    }, [renderSlot(_ctx.$slots, "submit-button-text", {}, () => [createTextVNode(toDisplayString(_ctx.$t("fkui.form-modal.button.submit.text", "Spara")), 1)])], 8, _hoisted_4$p), _cache[4] || (_cache[4] = createTextVNode()), createElementVNode("button", {
-      "data-test": "cancel-button",
-      type: "button",
-      class: "button button--secondary button-group__item button--large",
-      onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onCancel && _ctx.onCancel(...args))
-    }, [renderSlot(_ctx.$slots, "cancel-button-text", {}, () => [createTextVNode(toDisplayString(_ctx.$t("fkui.form-modal.button.cancel.text", "Avbryt")), 1)])])], 64))])]),
+      }, [createElementVNode("span", null, toDisplayString(button.label), 1), _cache[2] || (_cache[2] = createTextVNode()), button.screenreader ? (openBlock(), createElementBlock("span", _hoisted_3$t, " " + toDisplayString(button.screenreader), 1)) : createCommentVNode("", true)], 10, _hoisted_2$A);
+    }), 128))])]),
     _: 3
   }, 8, ["data-test", "fullscreen", "is-open", "size", "aria-close-text", "onClose"]);
 }
-const FFormModal = /* @__PURE__ */ _export_sfc(_sfc_main$16, [["render", _sfc_render$U]]);
+const FFormModal = /* @__PURE__ */ _export_sfc(_sfc_main$12, [["render", _sfc_render$O]]);
 async function confirmModal(callingInstance, texts) {
   const buttons = [{
     label: texts.confirm,
@@ -4964,6 +4875,52 @@ function getInputElement(vm) {
   }
   return inputElement;
 }
+const defaultOptions = {
+  stripClasses: ["sr-only"]
+};
+function collapseWhitespace(text) {
+  return text.replace(/\s+/gm, " ").replace(/(^ | $)/g, "");
+}
+function intersection(a, b) {
+  return a.filter((it) => b.includes(it));
+}
+function excludeClass(exclude) {
+  return (node) => {
+    var _a;
+    if (typeof ((_a = node.props) == null ? void 0 : _a.class) !== "string") {
+      return true;
+    }
+    const classes = node.props.class.split(/\s+/);
+    const matches = intersection(classes, exclude);
+    return matches.length === 0;
+  };
+}
+function excludeComment(node) {
+  return node.type !== Comment;
+}
+function getTextContent(children, options) {
+  return children.filter(isVNode).filter(excludeComment).filter(excludeClass(options.stripClasses)).map((child) => {
+    if (Array.isArray(child.children)) {
+      return getTextContent(child.children, options);
+    }
+    if (typeof child.children === "string") {
+      return child.children;
+    }
+  }).join("");
+}
+function renderSlotText(render, props = {}, options) {
+  if (!render) {
+    return void 0;
+  }
+  const nodes = render(props);
+  if (nodes.length === 0) {
+    return void 0;
+  }
+  return collapseWhitespace(getTextContent(nodes, {
+    ...defaultOptions,
+    ...options
+  }));
+}
 function hasSlot(vm, name, props = {}, options = {}) {
   const slot = vm.$slots[name];
   return Boolean(renderSlotText(slot, props, options));
@@ -5020,7 +4977,7 @@ function toPrimitive(t, r) {
   if ("object" != _typeof(t) || !t) return t;
   var e = t[Symbol.toPrimitive];
   if (void 0 !== e) {
-    var i = e.call(t, r || "default");
+    var i = e.call(t, r);
     if ("object" != _typeof(i)) return i;
     throw new TypeError("@@toPrimitive must return a primitive value.");
   }
@@ -5066,18 +5023,6 @@ class FormErrorList {
     Object.assign(this, fields);
   }
 }
-class FormStep {
-  constructor(fields) {
-    _defineProperty(this, "isOpen", false);
-    _defineProperty(this, "isAnyFieldTouched", false);
-    _defineProperty(this, "focusElementId", "");
-    _defineProperty(this, "id", "");
-    _defineProperty(this, "isValid", false);
-    _defineProperty(this, "numberOfTimesSubmitted", 0);
-    _defineProperty(this, "title", "");
-    Object.assign(this, fields);
-  }
-}
 var MenuAction = /* @__PURE__ */ ((MenuAction2) => {
   MenuAction2[MenuAction2["MOVE_NEXT"] = 0] = "MOVE_NEXT";
   MenuAction2[MenuAction2["MOVE_PREV"] = 1] = "MOVE_PREV";
@@ -5149,7 +5094,7 @@ function getValidatableElement(element) {
     throw new Error(`Couldn't find any validatable element`);
   }
 }
-function triggerInitialValidationToSupportFFormStepValidation(el) {
+function triggerInitialValidation(el) {
   const target = getValidatableElement(el);
   ValidationService.validateElement(target);
 }
@@ -5185,7 +5130,7 @@ const ValidationDirective = {
     }
   },
   mounted(el) {
-    triggerInitialValidationToSupportFFormStepValidation(el);
+    triggerInitialValidation(el);
   }
 };
 const ValidationPrefixDirective = {
@@ -5241,7 +5186,7 @@ const ErrorPlugin = {
     }
   }
 };
-const _sfc_main$15 = defineComponent({
+const _sfc_main$11 = defineComponent({
   name: "FErrorPage",
   props: {
     payload: {
@@ -5251,16 +5196,16 @@ const _sfc_main$15 = defineComponent({
     }
   }
 });
-const _hoisted_1$Q = {
+const _hoisted_1$O = {
   "data-test": "f-error-page"
 };
-function _sfc_render$T(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", _hoisted_1$Q, _cache[0] || (_cache[0] = [createElementVNode("h1", null, "Fel", -1), createTextVNode(), createElementVNode("p", null, "Ett fel har uppstått.", -1), createTextVNode(), createElementVNode("a", {
+function _sfc_render$N(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", _hoisted_1$O, _cache[0] || (_cache[0] = [createElementVNode("h1", null, "Fel", -1), createTextVNode(), createElementVNode("p", null, "Ett fel har uppstått.", -1), createTextVNode(), createElementVNode("a", {
     href: "/"
   }, "Gå till startsidan", -1)]));
 }
-const FErrorPage = /* @__PURE__ */ _export_sfc(_sfc_main$15, [["render", _sfc_render$T]]);
-const _sfc_main$14 = defineComponent({
+const FErrorPage = /* @__PURE__ */ _export_sfc(_sfc_main$11, [["render", _sfc_render$N]]);
+const _sfc_main$10 = defineComponent({
   name: "FErrorHandlingApp",
   props: {
     defaultComponent: {
@@ -5289,7 +5234,7 @@ const _sfc_main$14 = defineComponent({
     });
   }
 });
-function _sfc_render$S(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$M(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", null, [_ctx.hasError ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.errorComponent), {
     key: 0,
     payload: _ctx.payload
@@ -5299,7 +5244,7 @@ function _sfc_render$S(_ctx, _cache, $props, $setup, $data, $options) {
     key: 2
   })]);
 }
-const FErrorHandlingApp = /* @__PURE__ */ _export_sfc(_sfc_main$14, [["render", _sfc_render$S]]);
+const FErrorHandlingApp = /* @__PURE__ */ _export_sfc(_sfc_main$10, [["render", _sfc_render$M]]);
 function isMonthBefore(date, minDate) {
   return Boolean(minDate && date.isBefore(minDate.startOfMonth()));
 }
@@ -5340,7 +5285,7 @@ function getMessage($t2, date, minDate, maxDate) {
     });
   }
 }
-const _sfc_main$13 = defineComponent({
+const _sfc_main$$ = defineComponent({
   name: "ICalendarNavbar",
   components: {
     FIcon
@@ -5409,7 +5354,6 @@ const _sfc_main$13 = defineComponent({
     onClickPreviousButton() {
       if (!this.previousDisabled) {
         this.$emit("update:modelValue", this.previousValue);
-        this.$emit("change", this.previousValue);
         const previousMonth = this.getDateText(this.previousValue);
         const previousMonthText = this.$t("fkui.calendar-navbar.previous-month", "{{ previousMonth }} visas", {
           previousMonth
@@ -5454,14 +5398,14 @@ const _sfc_main$13 = defineComponent({
     }
   }
 });
-const _hoisted_1$P = {
+const _hoisted_1$N = {
   class: "calendar-navbar"
 };
-const _hoisted_2$B = {
+const _hoisted_2$z = {
   class: "calendar-navbar__month",
   tabindex: "-1"
 };
-const _hoisted_3$t = ["aria-disabled", "aria-live"];
+const _hoisted_3$s = ["aria-disabled", "aria-live"];
 const _hoisted_4$o = {
   class: "sr-only"
 };
@@ -5469,9 +5413,9 @@ const _hoisted_5$j = ["aria-disabled", "aria-live"];
 const _hoisted_6$f = {
   class: "sr-only"
 };
-function _sfc_render$R(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$L(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_f_icon = resolveComponent("f-icon");
-  return openBlock(), createElementBlock("div", _hoisted_1$P, [createElementVNode("div", _hoisted_2$B, toDisplayString(_ctx.currentText), 1), _cache[4] || (_cache[4] = createTextVNode()), createElementVNode("button", {
+  return openBlock(), createElementBlock("div", _hoisted_1$N, [createElementVNode("div", _hoisted_2$z, toDisplayString(_ctx.currentText), 1), _cache[4] || (_cache[4] = createTextVNode()), createElementVNode("button", {
     ref: "previousButton",
     class: "calendar-navbar__arrow calendar-navbar__arrow--previous",
     type: "button",
@@ -5481,7 +5425,7 @@ function _sfc_render$R(_ctx, _cache, $props, $setup, $data, $options) {
   }, [createElementVNode("span", _hoisted_4$o, toDisplayString(_ctx.previousSrText), 1), _cache[2] || (_cache[2] = createTextVNode()), createVNode(_component_f_icon, {
     class: normalizeClass(_ctx.previousIconClasses),
     name: "arrow-right"
-  }, null, 8, ["class"])], 8, _hoisted_3$t), _cache[5] || (_cache[5] = createTextVNode()), createElementVNode("button", {
+  }, null, 8, ["class"])], 8, _hoisted_3$s), _cache[5] || (_cache[5] = createTextVNode()), createElementVNode("button", {
     ref: "nextButton",
     class: "calendar-navbar__arrow calendar-navbar__arrow--next",
     type: "button",
@@ -5493,14 +5437,14 @@ function _sfc_render$R(_ctx, _cache, $props, $setup, $data, $options) {
     name: "arrow-right"
   }, null, 8, ["class"])], 8, _hoisted_5$j)]);
 }
-const ICalendarNavbar = /* @__PURE__ */ _export_sfc(_sfc_main$13, [["render", _sfc_render$R]]);
+const ICalendarNavbar = /* @__PURE__ */ _export_sfc(_sfc_main$$, [["render", _sfc_render$L]]);
 function getDayStartOffset(days) {
   return days[0].weekDay - 1;
 }
 function getDayEndOffset(days) {
   return 7 - days[days.length - 1].weekDay;
 }
-const _sfc_main$12 = defineComponent({
+const _sfc_main$_ = defineComponent({
   name: "ICalendarMonthGrid",
   props: {
     /**
@@ -5574,12 +5518,12 @@ const _sfc_main$12 = defineComponent({
     }
   }
 });
-const _hoisted_1$O = ["aria-label"];
-const _hoisted_2$A = {
+const _hoisted_1$M = ["aria-label"];
+const _hoisted_2$y = {
   key: 0,
   class: "calendar-month__col--week"
 };
-const _hoisted_3$s = {
+const _hoisted_3$r = {
   key: 0,
   scope: "col",
   "aria-hidden": "true",
@@ -5592,8 +5536,8 @@ const _hoisted_5$i = {
   "aria-hidden": "true"
 };
 const _hoisted_6$e = ["colspan"];
-const _hoisted_7$d = ["colspan"];
-const _hoisted_8$8 = {
+const _hoisted_7$c = ["colspan"];
+const _hoisted_8$7 = {
   key: 0,
   "aria-hidden": "true"
 };
@@ -5603,14 +5547,14 @@ const _hoisted_10$3 = {
   "aria-hidden": "true"
 };
 const _hoisted_11$2 = ["colspan"];
-function _sfc_render$Q(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$K(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("table", {
     class: "calendar-month__table",
     role: "grid",
     "aria-label": _ctx.ariaLabel,
     onFocusin: _cache[0] || (_cache[0] = (...args) => _ctx.onFocusin && _ctx.onFocusin(...args)),
     onFocusout: _cache[1] || (_cache[1] = (...args) => _ctx.onFocusout && _ctx.onFocusout(...args))
-  }, [createElementVNode("colgroup", null, [!_ctx.internalHideWeekNumbers ? (openBlock(), createElementBlock("col", _hoisted_2$A)) : createCommentVNode("", true), _cache[2] || (_cache[2] = createTextVNode()), _cache[3] || (_cache[3] = createElementVNode("col", {
+  }, [createElementVNode("colgroup", null, [!_ctx.internalHideWeekNumbers ? (openBlock(), createElementBlock("col", _hoisted_2$y)) : createCommentVNode("", true), _cache[2] || (_cache[2] = createTextVNode()), _cache[3] || (_cache[3] = createElementVNode("col", {
     class: "calendar-month__col--day"
   }, null, -1)), _cache[4] || (_cache[4] = createTextVNode()), _cache[5] || (_cache[5] = createElementVNode("col", {
     class: "calendar-month__col--day"
@@ -5624,7 +5568,7 @@ function _sfc_render$Q(_ctx, _cache, $props, $setup, $data, $options) {
     class: "calendar-month__col--day"
   }, null, -1)), _cache[14] || (_cache[14] = createTextVNode()), _cache[15] || (_cache[15] = createElementVNode("col", {
     class: "calendar-month__col--day"
-  }, null, -1))]), _cache[22] || (_cache[22] = createTextVNode()), createElementVNode("thead", null, [createElementVNode("tr", null, [!_ctx.internalHideWeekNumbers ? (openBlock(), createElementBlock("th", _hoisted_3$s)) : createCommentVNode("", true), _cache[16] || (_cache[16] = createTextVNode()), (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.weekdays, (weekday) => {
+  }, null, -1))]), _cache[22] || (_cache[22] = createTextVNode()), createElementVNode("thead", null, [createElementVNode("tr", null, [!_ctx.internalHideWeekNumbers ? (openBlock(), createElementBlock("th", _hoisted_3$r)) : createCommentVNode("", true), _cache[16] || (_cache[16] = createTextVNode()), (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.weekdays, (weekday) => {
     return openBlock(), createElementBlock("th", {
       key: weekday.name,
       scope: "col",
@@ -5654,8 +5598,8 @@ function _sfc_render$Q(_ctx, _cache, $props, $setup, $data, $options) {
       class: "calendar-month__cell",
       colspan: _ctx.getDayEndOffset(week.days),
       "aria-hidden": "true"
-    }, null, 8, _hoisted_7$d)) : createCommentVNode("", true)]);
-  }), 128)), _cache[20] || (_cache[20] = createTextVNode()), _ctx.weeks.length < 5 ? (openBlock(), createElementBlock("tr", _hoisted_8$8, [createElementVNode("td", {
+    }, null, 8, _hoisted_7$c)) : createCommentVNode("", true)]);
+  }), 128)), _cache[20] || (_cache[20] = createTextVNode()), _ctx.weeks.length < 5 ? (openBlock(), createElementBlock("tr", _hoisted_8$7, [createElementVNode("td", {
     class: "calendar-month__cell",
     colspan: _ctx.totalCols,
     "aria-hidden": "true"
@@ -5663,9 +5607,9 @@ function _sfc_render$Q(_ctx, _cache, $props, $setup, $data, $options) {
     class: "calendar-month__cell",
     colspan: _ctx.totalCols,
     "aria-hidden": "true"
-  }, null, 8, _hoisted_11$2)])) : createCommentVNode("", true)])], 40, _hoisted_1$O);
+  }, null, 8, _hoisted_11$2)])) : createCommentVNode("", true)])], 40, _hoisted_1$M);
 }
-const ICalendarMonthGrid = /* @__PURE__ */ _export_sfc(_sfc_main$12, [["render", _sfc_render$Q]]);
+const ICalendarMonthGrid = /* @__PURE__ */ _export_sfc(_sfc_main$_, [["render", _sfc_render$K]]);
 const DayStep = {
   ArrowRight: 1,
   ArrowLeft: -1,
@@ -5689,7 +5633,7 @@ function getDayTabindex(date, active, entry) {
     return date.day === 1 ? 0 : -1;
   }
 }
-const _sfc_main$11 = defineComponent({
+const _sfc_main$Z = defineComponent({
   name: "ICalendarMonth",
   components: {
     ICalendarMonthGrid
@@ -5756,7 +5700,6 @@ const _sfc_main$11 = defineComponent({
         return;
       }
       this.$emit("update:modelValue", navigatedMonth);
-      this.$emit("change", navigatedMonth);
       if (navigatedDay.month !== date.month) {
         await this.$nextTick();
       }
@@ -5780,8 +5723,8 @@ const _sfc_main$11 = defineComponent({
     }
   }
 });
-const _hoisted_1$N = ["data-date", "tabindex", "onClick", "onKeydown"];
-function _sfc_render$P(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_1$L = ["data-date", "tabindex", "onClick", "onKeydown"];
+function _sfc_render$J(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_i_calendar_month_grid = resolveComponent("i-calendar-month-grid");
   return openBlock(), createBlock(_component_i_calendar_month_grid, {
     value: _ctx.modelValue
@@ -5800,12 +5743,12 @@ function _sfc_render$P(_ctx, _cache, $props, $setup, $data, $options) {
     }, [renderSlot(_ctx.$slots, "default", {
       date,
       isFocused: _ctx.isDayFocused(date)
-    })], 40, _hoisted_1$N)]),
+    })], 40, _hoisted_1$L)]),
     _: 3
   }, 8, ["value"]);
 }
-const ICalendarMonth = /* @__PURE__ */ _export_sfc(_sfc_main$11, [["render", _sfc_render$P]]);
-const _sfc_main$10 = defineComponent({
+const ICalendarMonth = /* @__PURE__ */ _export_sfc(_sfc_main$Z, [["render", _sfc_render$J]]);
+const _sfc_main$Y = defineComponent({
   name: "FCalendar",
   components: {
     ICalendarNavbar,
@@ -5846,24 +5789,23 @@ const _sfc_main$10 = defineComponent({
       required: true
     }
   },
-  emits: ["click", "change", "update:modelValue"],
+  emits: ["click", "update:modelValue"],
   methods: {
     onClickDay(date) {
       this.$emit("click", date);
     },
     onChangeMonth(date) {
       this.$emit("update:modelValue", date);
-      this.$emit("change", date);
     }
   }
 });
-const _hoisted_1$M = {
+const _hoisted_1$K = {
   class: "calendar__wrapper"
 };
-function _sfc_render$O(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$I(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_i_calendar_navbar = resolveComponent("i-calendar-navbar");
   const _component_i_calendar_month = resolveComponent("i-calendar-month");
-  return openBlock(), createElementBlock("div", _hoisted_1$M, [createVNode(_component_i_calendar_navbar, {
+  return openBlock(), createElementBlock("div", _hoisted_1$K, [createVNode(_component_i_calendar_navbar, {
     "model-value": _ctx.modelValue,
     "min-date": _ctx.minDate,
     "max-date": _ctx.maxDate,
@@ -5886,7 +5828,7 @@ function _sfc_render$O(_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$10, [["render", _sfc_render$O]]);
+const FCalendar = /* @__PURE__ */ _export_sfc(_sfc_main$Y, [["render", _sfc_render$I]]);
 function getCalendarDaySrText(day, enabled, selected, t) {
   const parts = [];
   if (!enabled) {
@@ -5905,7 +5847,7 @@ function getCalendarDaySrText(day, enabled, selected, t) {
   parts.push(day.toString(DateFormat.FULL));
   return parts.join(" ");
 }
-const _sfc_main$$ = defineComponent({
+const _sfc_main$X = defineComponent({
   name: "FCalendarDay",
   mixins: [TranslationMixin],
   props: {
@@ -5970,18 +5912,18 @@ const _sfc_main$$ = defineComponent({
     }
   }
 });
-const _hoisted_1$L = {
+const _hoisted_1$J = {
   "aria-hidden": "true"
 };
-const _hoisted_2$z = {
+const _hoisted_2$x = {
   class: "sr-only"
 };
-function _sfc_render$N(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$H(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("span", {
     class: normalizeClass(_ctx.dayClasses)
-  }, [createElementVNode("span", _hoisted_1$L, toDisplayString(_ctx.day.day), 1), _cache[0] || (_cache[0] = createTextVNode()), createElementVNode("span", _hoisted_2$z, toDisplayString(_ctx.srText), 1)], 2);
+  }, [createElementVNode("span", _hoisted_1$J, toDisplayString(_ctx.day.day), 1), _cache[0] || (_cache[0] = createTextVNode()), createElementVNode("span", _hoisted_2$x, toDisplayString(_ctx.srText), 1)], 2);
 }
-const FCalendarDay = /* @__PURE__ */ _export_sfc(_sfc_main$$, [["render", _sfc_render$N]]);
+const FCalendarDay = /* @__PURE__ */ _export_sfc(_sfc_main$X, [["render", _sfc_render$H]]);
 function useEventListener(target, event, callback) {
   onMounted(() => {
     var _a;
@@ -6002,19 +5944,19 @@ function useSlotUtils() {
     }
   };
 }
-const _hoisted_1$K = ["id"];
-const _hoisted_2$y = {
+const _hoisted_1$I = ["id"];
+const _hoisted_2$w = {
   key: 0,
   class: "card__header"
 };
-const _hoisted_3$r = {
+const _hoisted_3$q = {
   class: "card__content"
 };
 const _hoisted_4$m = {
   key: 1,
   class: "card__footer"
 };
-const _sfc_main$_ = /* @__PURE__ */ defineComponent({
+const _sfc_main$W = /* @__PURE__ */ defineComponent({
   __name: "FCard",
   props: {
     /**
@@ -6072,7 +6014,7 @@ const _sfc_main$_ = /* @__PURE__ */ defineComponent({
         id: __props.id,
         class: normalizeClass(cardClass.value),
         onValidity
-      }, [hasHeaderSlot.value ? (openBlock(), createElementBlock("div", _hoisted_2$y, [renderSlot(_ctx.$slots, "header", normalizeProps(guardReactiveProps({
+      }, [hasHeaderSlot.value ? (openBlock(), createElementBlock("div", _hoisted_2$w, [renderSlot(_ctx.$slots, "header", normalizeProps(guardReactiveProps({
         headingSlotClass: "card__header-label"
       })))])) : createCommentVNode("", true), _cache[1] || (_cache[1] = createTextVNode()), renderSlot(_ctx.$slots, "error-message", normalizeProps(guardReactiveProps({
         hasError: hasError.value,
@@ -6097,14 +6039,14 @@ const _sfc_main$_ = /* @__PURE__ */ defineComponent({
           _: 1
         })]),
         _: 1
-      })) : createCommentVNode("", true)]), _cache[2] || (_cache[2] = createTextVNode()), createElementVNode("div", _hoisted_3$r, [renderSlot(_ctx.$slots, "default")]), _cache[3] || (_cache[3] = createTextVNode()), hasFooterSlot.value ? (openBlock(), createElementBlock("div", _hoisted_4$m, [renderSlot(_ctx.$slots, "footer", normalizeProps(guardReactiveProps({
+      })) : createCommentVNode("", true)]), _cache[2] || (_cache[2] = createTextVNode()), createElementVNode("div", _hoisted_3$q, [renderSlot(_ctx.$slots, "default")]), _cache[3] || (_cache[3] = createTextVNode()), hasFooterSlot.value ? (openBlock(), createElementBlock("div", _hoisted_4$m, [renderSlot(_ctx.$slots, "footer", normalizeProps(guardReactiveProps({
         hasError: hasError.value,
         validationMessage: validationMessage.value
-      })))])) : createCommentVNode("", true)], 42, _hoisted_1$K);
+      })))])) : createCommentVNode("", true)], 42, _hoisted_1$I);
     };
   }
 });
-const _sfc_main$Z = defineComponent({
+const _sfc_main$V = defineComponent({
   name: "FExpand",
   data() {
     return {
@@ -6158,7 +6100,7 @@ const _sfc_main$Z = defineComponent({
     }
   }
 });
-function _sfc_render$M(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$G(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createBlock(Transition, {
     onEnter: _ctx.enter,
     onAfterEnter: _ctx.afterEnter,
@@ -6170,7 +6112,7 @@ function _sfc_render$M(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   }, 8, ["onEnter", "onAfterEnter", "onLeave"]);
 }
-const FExpand = /* @__PURE__ */ _export_sfc(_sfc_main$Z, [["render", _sfc_render$M]]);
+const FExpand = /* @__PURE__ */ _export_sfc(_sfc_main$V, [["render", _sfc_render$G]]);
 function offset(page, el) {
   const rect = el.getBoundingClientRect();
   return {
@@ -6455,7 +6397,7 @@ function isTeleportDisabled(options) {
   }
   return disableTeleport;
 }
-const _sfc_main$Y = defineComponent({
+const _sfc_main$U = defineComponent({
   name: "IPopup",
   inheritAttrs: false,
   props: {
@@ -6488,15 +6430,6 @@ const _sfc_main$Y = defineComponent({
       },
       default: "auto"
     },
-    /**
-     * Force popup to always display inline.
-     * @deprecated Use `inline="always"` instead.
-     */
-    alwaysInline: {
-      type: Boolean,
-      required: false,
-      default: false
-    },
     /**
      * Which element to use as container.
      */
@@ -6574,14 +6507,13 @@ const _sfc_main$Y = defineComponent({
       return isInline;
     },
     forceInline() {
-      return this.alwaysInline || this.inline === "always";
+      return this.inline === "always";
     },
     forceOverlay() {
       return this.inline === "never";
     },
     teleportTarget() {
-      var _config$popupTarget;
-      return (_config$popupTarget = config.popupTarget) !== null && _config$popupTarget !== void 0 ? _config$popupTarget : config.teleportTarget;
+      return config.teleportTarget;
     }
   },
   watch: {
@@ -6746,7 +6678,7 @@ const _sfc_main$Y = defineComponent({
     }
   }
 });
-function _sfc_render$L(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$F(_ctx, _cache, $props, $setup, $data, $options) {
   return _ctx.isOpen ? (openBlock(), createBlock(Teleport, {
     key: 0,
     to: _ctx.teleportTarget,
@@ -6767,7 +6699,7 @@ function _sfc_render$L(_ctx, _cache, $props, $setup, $data, $options) {
     placement: _ctx.placement
   })))], 544)], 16)], 8, ["to", "disabled"])) : createCommentVNode("", true);
 }
-const IPopup = /* @__PURE__ */ _export_sfc(_sfc_main$Y, [["render", _sfc_render$L]]);
+const IPopup = /* @__PURE__ */ _export_sfc(_sfc_main$U, [["render", _sfc_render$F]]);
 function computeArrowOffset(placement, inputIconRect, wrapperRect) {
   switch (placement) {
     case Placement.A: {
@@ -6831,7 +6763,7 @@ function computeArrowOffset(placement, inputIconRect, wrapperRect) {
   }
 }
 const POPUP_SPACING = 10;
-const _sfc_main$X = defineComponent({
+const _sfc_main$T = defineComponent({
   name: "IPopupError",
   components: {
     FIcon
@@ -6966,11 +6898,11 @@ const _sfc_main$X = defineComponent({
     }
   }
 });
-const _hoisted_1$J = {
+const _hoisted_1$H = {
   ref: "wrapper",
   class: "popup-error__wrapper"
 };
-function _sfc_render$K(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$E(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_f_icon = resolveComponent("f-icon");
   return _ctx.isOpen ? (openBlock(), createBlock(Teleport, {
     key: 0,
@@ -6980,7 +6912,7 @@ function _sfc_render$K(_ctx, _cache, $props, $setup, $data, $options) {
     ref: "popup",
     class: normalizeClass(_ctx.popupClasses),
     "aria-hidden": "true"
-  }, [createElementVNode("div", _hoisted_1$J, [createElementVNode("div", {
+  }, [createElementVNode("div", _hoisted_1$H, [createElementVNode("div", {
     class: normalizeClass(_ctx.arrowClass),
     style: normalizeStyle(_ctx.errorStyle)
   }, [createElementVNode("span", null, toDisplayString(_ctx.errorMessage), 1), _cache[1] || (_cache[1] = createTextVNode()), createElementVNode("button", {
@@ -6994,7 +6926,7 @@ function _sfc_render$K(_ctx, _cache, $props, $setup, $data, $options) {
     class: "button__icon"
   })])], 6)], 512)], 2)], 8, ["disabled"])) : createCommentVNode("", true);
 }
-const IPopupError = /* @__PURE__ */ _export_sfc(_sfc_main$X, [["render", _sfc_render$K]]);
+const IPopupError = /* @__PURE__ */ _export_sfc(_sfc_main$T, [["render", _sfc_render$E]]);
 function numItems(itemHeight, availableHeight, verticalSpacing) {
   const itemsFit = Math.floor((availableHeight - verticalSpacing) / itemHeight);
   return Math.min(itemsFit, 7);
@@ -7061,12 +6993,12 @@ function computeListboxRect(anchor, options, root = document.documentElement, {
   }
   return void 0;
 }
-const _hoisted_1$I = ["onKeyup"];
-const _hoisted_2$x = {
+const _hoisted_1$G = ["onKeyup"];
+const _hoisted_2$v = {
   ref: "content"
 };
 const teleportDisabled = false;
-const _sfc_main$W = /* @__PURE__ */ defineComponent({
+const _sfc_main$S = /* @__PURE__ */ defineComponent({
   __name: "IPopupListbox",
   props: {
     isOpen: {
@@ -7085,10 +7017,7 @@ const _sfc_main$W = /* @__PURE__ */ defineComponent({
     const wrapperRef = useTemplateRef("wrapper");
     const contentRef = useTemplateRef("content");
     const popupClasses = ["popup", "popup--overlay"];
-    const teleportTarget = computed(() => {
-      var _config$popupTarget;
-      return (_config$popupTarget = config.popupTarget) !== null && _config$popupTarget !== void 0 ? _config$popupTarget : config.teleportTarget;
-    });
+    const teleportTarget = computed(() => config.teleportTarget);
     let guessedItemHeight = void 0;
     let verticalSpacing = void 0;
     useEventListener(__props.anchor, "keyup", onKeyEsc);
@@ -7218,7 +7147,7 @@ const _sfc_main$W = /* @__PURE__ */ defineComponent({
         onKeyup: withKeys(withModifiers(onKeyEsc, ["stop"]), ["esc"]),
         onClick: _cache[0] || (_cache[0] = withModifiers(() => {
         }, ["stop"]))
-      }), [createElementVNode("div", _hoisted_2$x, [renderSlot(_ctx.$slots, "default")], 512)], 16, _hoisted_1$I)], 512)], 8, ["to"])) : createCommentVNode("", true);
+      }), [createElementVNode("div", _hoisted_2$v, [renderSlot(_ctx.$slots, "default")], 512)], 16, _hoisted_1$G)], 512)], 8, ["to"])) : createCommentVNode("", true);
     };
   }
 });
@@ -7262,7 +7191,7 @@ async function doMenuAction$2(action, target) {
   }
 }
 const preventKeys$2 = ["Tab", "Up", "Down", "ArrowUp", "ArrowDown", "Home", "End", " ", "Spacebar", "Enter"];
-const _sfc_main$V = defineComponent({
+const _sfc_main$R = defineComponent({
   name: "IPopupMenu",
   components: {
     IPopup
@@ -7343,10 +7272,9 @@ const _sfc_main$V = defineComponent({
      */
     "close",
     /**
-     * Vue 2 V-model event. Emitted when an item is selected.
+     * Emitted when an item is selected.
      *
      * @event select
-     * @deprecated
      * @type {string} item key
      */
     "select",
@@ -7518,18 +7446,18 @@ const _sfc_main$V = defineComponent({
     }
   }
 });
-const _hoisted_1$H = ["aria-label"];
-const _hoisted_2$w = {
+const _hoisted_1$F = ["aria-label"];
+const _hoisted_2$u = {
   role: "menu",
   class: "ipopupmenu__list"
 };
-const _hoisted_3$q = ["onClick"];
+const _hoisted_3$p = ["onClick"];
 const _hoisted_4$l = ["data-ref-index", "href", "target"];
 const _hoisted_5$h = {
   key: 0,
   class: "sr-only"
 };
-function _sfc_render$J(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$D(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_i_popup = resolveComponent("i-popup");
   return openBlock(), createBlock(_component_i_popup, {
     class: "ipopupmenu",
@@ -7544,7 +7472,7 @@ function _sfc_render$J(_ctx, _cache, $props, $setup, $data, $options) {
     default: withCtx(() => [createElementVNode("nav", {
       class: "ipopupmenu ipopupmenu--vertical",
       "aria-label": _ctx.ariaLabel
-    }, [createElementVNode("ul", _hoisted_2$w, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.items, (item, index) => {
+    }, [createElementVNode("ul", _hoisted_2$u, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.items, (item, index) => {
       return openBlock(), createElementBlock("li", {
         ref_for: true,
         ref: "items",
@@ -7560,18 +7488,18 @@ function _sfc_render$J(_ctx, _cache, $props, $setup, $data, $options) {
         role: "menuitem",
         target: item.target,
         tabindex: "0"
-      }, [_ctx.isSelected(index) ? (openBlock(), createElementBlock("span", _hoisted_5$h, [createElementVNode("span", null, toDisplayString(_ctx.selectedMenuItemScreenReaderText) + " ", 1)])) : createCommentVNode("", true), createTextVNode(" " + toDisplayString(item.label), 1)], 8, _hoisted_4$l)], 10, _hoisted_3$q);
-    }), 128))])], 8, _hoisted_1$H)]),
+      }, [_ctx.isSelected(index) ? (openBlock(), createElementBlock("span", _hoisted_5$h, [createElementVNode("span", null, toDisplayString(_ctx.selectedMenuItemScreenReaderText) + " ", 1)])) : createCommentVNode("", true), createTextVNode(" " + toDisplayString(item.label), 1)], 8, _hoisted_4$l)], 10, _hoisted_3$p);
+    }), 128))])], 8, _hoisted_1$F)]),
     _: 1
   }, 8, ["is-open", "anchor", "focus-element", "onKeyup", "onKeydown"]);
 }
-const IPopupMenu = /* @__PURE__ */ _export_sfc(_sfc_main$V, [["render", _sfc_render$J]]);
+const IPopupMenu = /* @__PURE__ */ _export_sfc(_sfc_main$R, [["render", _sfc_render$D]]);
 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$U = defineComponent({
+const _sfc_main$Q = defineComponent({
   name: "IAnimateExpand",
   props: {
     /**
@@ -7763,19 +7691,19 @@ const _sfc_main$U = defineComponent({
     }
   }
 });
-const _hoisted_1$G = {
+const _hoisted_1$E = {
   key: 0,
   ref: "content",
   "data-test": "animation-content"
 };
-function _sfc_render$I(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$C(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     class: normalizeClass(_ctx.animationClasses),
     style: normalizeStyle(_ctx.heightStyle)
-  }, [_ctx.shouldVIf ? withDirectives((openBlock(), createElementBlock("div", _hoisted_1$G, [renderSlot(_ctx.$slots, "default")], 512)), [[vShow, _ctx.shouldVShow]]) : createCommentVNode("", true)], 6);
+  }, [_ctx.shouldVIf ? withDirectives((openBlock(), createElementBlock("div", _hoisted_1$E, [renderSlot(_ctx.$slots, "default")], 512)), [[vShow, _ctx.shouldVShow]]) : createCommentVNode("", true)], 6);
 }
-const IAnimateExpand = /* @__PURE__ */ _export_sfc(_sfc_main$U, [["render", _sfc_render$I]]);
-const _sfc_main$T = defineComponent({
+const IAnimateExpand = /* @__PURE__ */ _export_sfc(_sfc_main$Q, [["render", _sfc_render$C]]);
+const _sfc_main$P = defineComponent({
   name: "ISkipLink",
   mixins: [TranslationMixin],
   props: {
@@ -7789,14 +7717,14 @@ const _sfc_main$T = defineComponent({
     }
   }
 });
-const _hoisted_1$F = ["href"];
-function _sfc_render$H(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_1$D = ["href"];
+function _sfc_render$B(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("a", {
     class: "iskiplink",
     href: _ctx.href
-  }, [renderSlot(_ctx.$slots, "default", {}, () => [createTextVNode(toDisplayString(_ctx.$t("fkui.skip-link.text", "Gå direkt till innehåll")), 1)])], 8, _hoisted_1$F);
+  }, [renderSlot(_ctx.$slots, "default", {}, () => [createTextVNode(toDisplayString(_ctx.$t("fkui.skip-link.text", "Gå direkt till innehåll")), 1)])], 8, _hoisted_1$D);
 }
-const ISkipLink = /* @__PURE__ */ _export_sfc(_sfc_main$T, [["render", _sfc_render$H]]);
+const ISkipLink = /* @__PURE__ */ _export_sfc(_sfc_main$P, [["render", _sfc_render$B]]);
 function filterOptions(options, filter2, selectMode) {
   if (isEmpty(filter2) || selectMode) {
     return options;
@@ -7806,7 +7734,7 @@ function filterOptions(options, filter2, selectMode) {
 }
 const $t = useTranslate();
 function useCombobox(inputRef, options, onOptionSelected) {
-  if (!options) {
+  if (options.value === void 0) {
     return {
       dropdownId: "",
       dropdownIsOpen: ref(false),
@@ -7833,7 +7761,8 @@ function useCombobox(inputRef, options, onOptionSelected) {
   const selectMode = ref(false);
   const selectedOption = ref(null);
   const dropdownOptions = computed(() => {
-    return filterOptions(options, filter2.value, selectMode.value);
+    var _options$value;
+    return filterOptions((_options$value = options.value) !== null && _options$value !== void 0 ? _options$value : [], filter2.value, selectMode.value);
   });
   const hasOptions = computed(() => {
     return dropdownOptions.value.length > 0;
@@ -7869,7 +7798,7 @@ function useCombobox(inputRef, options, onOptionSelected) {
     let description = selectMode.value ? `${$t("fkui.combobox.selected", "Valt förslag")} ` : "";
     if (isEmpty(filter2.value) || selectMode.value) {
       description += $t("fkui.combobox.listDetails", `Det finns {{ count }} förslag. Använd uppåtpil och nedåtpil för att navigera bland förslagen.`, {
-        count: options.length
+        count: options.value ? options.value.length : 0
       });
     } else if (hasOptions.value) {
       description += $t("fkui.combobox.matchesListDetails", `Det finns {{ count }} förslag som matchar. Använd uppåtpil och nedåtpil för att navigera bland förslagen.`, {
@@ -7966,10 +7895,10 @@ function useCombobox(inputRef, options, onOptionSelected) {
   }
   async function onInputFocus() {
     var _a;
-    var _inputRef$value$value, _options$includes;
+    var _inputRef$value$value;
     await nextTick();
     filter2.value = (_inputRef$value$value = (_a = inputRef.value) == null ? void 0 : _a.value) !== null && _inputRef$value$value !== void 0 ? _inputRef$value$value : "";
-    selectMode.value = (_options$includes = options == null ? void 0 : options.includes(filter2.value)) !== null && _options$includes !== void 0 ? _options$includes : false;
+    selectMode.value = options.value ? options.value.includes(filter2.value) : false;
   }
   async function onInputKeyDown(event) {
     let flag = false;
@@ -8041,12 +7970,12 @@ function useCombobox(inputRef, options, onOptionSelected) {
     }
   }
 }
-const _hoisted_1$E = {
+const _hoisted_1$C = {
   class: "combobox"
 };
-const _hoisted_2$v = ["id"];
-const _hoisted_3$p = ["id", "aria-selected", "onClick"];
-const _sfc_main$S = /* @__PURE__ */ defineComponent({
+const _hoisted_2$t = ["id"];
+const _hoisted_3$o = ["id", "aria-selected", "onClick"];
+const _sfc_main$O = /* @__PURE__ */ defineComponent({
   __name: "IComboboxDropdown",
   props: {
     id: {},
@@ -8083,7 +8012,7 @@ const _sfc_main$S = /* @__PURE__ */ defineComponent({
       }
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$E, [createVNode(unref(_sfc_main$W), {
+      return openBlock(), createElementBlock("div", _hoisted_1$C, [createVNode(unref(_sfc_main$S), {
         "is-open": _ctx.isOpen,
         anchor: _ctx.inputNode,
         "num-of-items": _ctx.options.length,
@@ -8107,15 +8036,15 @@ const _sfc_main$S = /* @__PURE__ */ defineComponent({
               "combobox__listbox__option--highlight": isOptionActive(item)
             }]),
             onClick: withModifiers(($event) => onOptionClick(item), ["stop", "prevent"])
-          }, toDisplayString(item), 11, _hoisted_3$p);
-        }), 128))], 8, _hoisted_2$v)]),
+          }, toDisplayString(item), 11, _hoisted_3$o);
+        }), 128))], 8, _hoisted_2$t)]),
         _: 1
       }, 8, ["is-open", "anchor", "num-of-items", "active-element"])]);
     };
   }
 });
-const _hoisted_1$D = ["aria-label"];
-const _sfc_main$R = /* @__PURE__ */ defineComponent({
+const _hoisted_1$B = ["aria-label"];
+const _sfc_main$N = /* @__PURE__ */ defineComponent({
   __name: "IComboboxToggleButton",
   emits: ["toggle"],
   setup(__props, {
@@ -8134,7 +8063,7 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
       }, [createVNode(unref(FIcon), {
         name: "arrow-down",
         class: "text-field__icon"
-      })], 8, _hoisted_1$D);
+      })], 8, _hoisted_1$B);
     };
   }
 });
@@ -8236,7 +8165,7 @@ function useHorizontalOffset(options) {
     }, 0);
   }
 }
-const _sfc_main$Q = defineComponent({
+const _sfc_main$M = defineComponent({
   name: "FTooltip",
   components: {
     FExpand,
@@ -8285,9 +8214,6 @@ const _sfc_main$Q = defineComponent({
      * Element to render for the header element inside the tooltip.
      *
      * Must be set to one of:
-     *
-     * - `div` (default)
-     * - `span`
      * - `h1`
      * - `h2`
      * - `h3`
@@ -8296,10 +8222,11 @@ const _sfc_main$Q = defineComponent({
      * - `h6`
      */
     headerTag: {
-      default: "div",
+      type: String,
+      default: void 0,
       required: false,
       validator(value) {
-        return ["div", "span", "h1", "h2", "h3", "h4", "h5", "h6"].includes(value);
+        return [void 0, "h1", "h2", "h3", "h4", "h5", "h6"].includes(value);
       }
     }
   },
@@ -8370,6 +8297,12 @@ const _sfc_main$Q = defineComponent({
       }
     }
   },
+  created() {
+    const slots = useSlots();
+    if (slots.header && !this.headerTag) {
+      throw new Error("Tooltip with header must define headerTag");
+    }
+  },
   methods: {
     /**
      * Gets called when the user interacts with the toggle button
@@ -8391,11 +8324,11 @@ const _sfc_main$Q = defineComponent({
     }
   }
 });
-const _hoisted_1$C = ["aria-expanded"];
-const _hoisted_2$u = {
+const _hoisted_1$A = ["aria-expanded"];
+const _hoisted_2$s = {
   class: "icon-stack icon-stack--tooltip"
 };
-const _hoisted_3$o = {
+const _hoisted_3$n = {
   class: "sr-only"
 };
 const _hoisted_4$k = {
@@ -8409,7 +8342,7 @@ const _hoisted_5$g = {
 const _hoisted_6$d = {
   class: "tooltip__footer"
 };
-function _sfc_render$G(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$A(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_f_icon = resolveComponent("f-icon");
   return openBlock(), createElementBlock(Fragment, null, [(openBlock(), createBlock(Teleport, {
     disabled: _ctx.iconTarget === null,
@@ -8420,11 +8353,11 @@ function _sfc_render$G(_ctx, _cache, $props, $setup, $data, $options) {
     type: "button",
     "aria-expanded": _ctx.isOpen,
     onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onClickToggle && _ctx.onClickToggle(...args))
-  }, [createElementVNode("span", _hoisted_2$u, [createVNode(_component_f_icon, {
+  }, [createElementVNode("span", _hoisted_2$s, [createVNode(_component_f_icon, {
     name: "circle"
   }), _cache[2] || (_cache[2] = createTextVNode()), createVNode(_component_f_icon, {
     name: "i"
-  }), _cache[3] || (_cache[3] = createTextVNode()), createElementVNode("span", _hoisted_3$o, toDisplayString(_ctx.screenReaderText), 1)])], 8, _hoisted_1$C)], 8, ["disabled", "to"])), _cache[7] || (_cache[7] = createTextVNode()), createElementVNode("div", mergeProps({
+  }), _cache[3] || (_cache[3] = createTextVNode()), createElementVNode("span", _hoisted_3$n, toDisplayString(_ctx.screenReaderText), 1)])], 8, _hoisted_1$A)], 8, ["disabled", "to"])), _cache[7] || (_cache[7] = createTextVNode()), createElementVNode("div", mergeProps({
     ref: "wrapper",
     class: "tooltip"
   }, _ctx.$attrs), [_ctx.ready ? (openBlock(), createElementBlock("div", _hoisted_4$k, [_ctx.hasHeader ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.headerTag), {
@@ -8442,7 +8375,7 @@ function _sfc_render$G(_ctx, _cache, $props, $setup, $data, $options) {
     name: "close"
   })])])])) : createCommentVNode("", true)], 16)], 64);
 }
-const FTooltip = /* @__PURE__ */ _export_sfc(_sfc_main$Q, [["render", _sfc_render$G]]);
+const FTooltip = /* @__PURE__ */ _export_sfc(_sfc_main$M, [["render", _sfc_render$A]]);
 function* labelClasses(options) {
   const {
     labelClass
@@ -8483,7 +8416,7 @@ function isEqual(a, b) {
   }
   return a.every((_, i) => a[i] === b[i]);
 }
-const _sfc_main$P = defineComponent({
+const _sfc_main$L = defineComponent({
   name: "FFieldset",
   components: {
     FIcon
@@ -8578,7 +8511,7 @@ const _sfc_main$P = defineComponent({
         validityMode: "INITIAL"
       },
       descriptionClass: ["label__description"],
-      discreteDescriptionClass: ["label__description", "label__description--discrete"],
+      formatDescriptionClass: ["label__description", "label__description--format"],
       validityElement: null,
       dispatchObject: {},
       detail: {},
@@ -8711,12 +8644,12 @@ const _sfc_main$P = defineComponent({
     }
   }
 });
-const _hoisted_1$B = ["id"];
-const _hoisted_2$t = {
+const _hoisted_1$z = ["id"];
+const _hoisted_2$r = {
   key: 0,
   class: "sr-only"
 };
-const _hoisted_3$n = {
+const _hoisted_3$m = {
   key: 0,
   class: "label__message label__message--error"
 };
@@ -8732,18 +8665,18 @@ const _hoisted_5$f = {
 const _hoisted_6$c = {
   key: 1
 };
-const _hoisted_7$c = {
+const _hoisted_7$b = {
   ref: "tooltipAttachTo",
   class: "label"
 };
-const _hoisted_8$7 = {
+const _hoisted_8$6 = {
   "aria-hidden": "true"
 };
 const _hoisted_9$4 = {
   key: 0,
   class: "label__message label__message--error"
 };
-function _sfc_render$F(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$z(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_f_icon = resolveComponent("f-icon");
   return openBlock(), createElementBlock("fieldset", {
     id: _ctx.id,
@@ -8752,25 +8685,25 @@ function _sfc_render$F(_ctx, _cache, $props, $setup, $data, $options) {
   }, [(openBlock(), createElementBlock("legend", {
     key: _ctx.legendKey,
     class: normalizeClass(["label", _ctx.legendClass])
-  }, [renderSlot(_ctx.$slots, "label"), _cache[1] || (_cache[1] = createTextVNode()), _ctx.hasCheckbox && _ctx.children.length > 1 ? (openBlock(), createElementBlock("span", _hoisted_2$t, [createElementVNode("span", null, toDisplayString(_ctx.numberOfCheckboxesScreenReaderText), 1)])) : createCommentVNode("", true), _cache[2] || (_cache[2] = createTextVNode()), renderSlot(_ctx.$slots, "description", normalizeProps(guardReactiveProps({
+  }, [renderSlot(_ctx.$slots, "label"), _cache[1] || (_cache[1] = createTextVNode()), _ctx.hasCheckbox && _ctx.children.length > 1 ? (openBlock(), createElementBlock("span", _hoisted_2$r, [createElementVNode("span", null, toDisplayString(_ctx.numberOfCheckboxesScreenReaderText), 1)])) : createCommentVNode("", true), _cache[2] || (_cache[2] = createTextVNode()), renderSlot(_ctx.$slots, "description", {
     descriptionClass: _ctx.descriptionClass,
-    discreteDescriptionClass: _ctx.discreteDescriptionClass
-  }))), _cache[3] || (_cache[3] = createTextVNode()), renderSlot(_ctx.$slots, "error-message", normalizeProps(guardReactiveProps({
+    formatDescriptionClass: _ctx.formatDescriptionClass
+  }), _cache[3] || (_cache[3] = createTextVNode()), renderSlot(_ctx.$slots, "error-message", normalizeProps(guardReactiveProps({
     hasError: _ctx.hasError,
     validationMessage: _ctx.validity.validationMessage
-  })), () => [_ctx.hasError ? (openBlock(), createElementBlock("span", _hoisted_3$n, [createVNode(_component_f_icon, {
+  })), () => [_ctx.hasError ? (openBlock(), createElementBlock("span", _hoisted_3$m, [createVNode(_component_f_icon, {
     class: "label__icon--left",
     name: "error"
   }), createTextVNode(" " + toDisplayString(_ctx.validity.validationMessage), 1)])) : createCommentVNode("", true)])], 2)), _cache[7] || (_cache[7] = createTextVNode()), _ctx.hasCheckbox ? (openBlock(), createElementBlock("span", _hoisted_4$j, [_ctx.children.length === 1 ? (openBlock(), createElementBlock("span", _hoisted_5$f, toDisplayString(_ctx.checkboxCheckedScreenReaderText), 1)) : (openBlock(), createElementBlock("span", _hoisted_6$c, toDisplayString(_ctx.numberOfCheckedCheckboxesScreenText), 1))])) : createCommentVNode("", true), _cache[8] || (_cache[8] = createTextVNode()), _ctx.hasTooltipSlot ? (openBlock(), createElementBlock(Fragment, {
     key: 1
-  }, [createElementVNode("div", _hoisted_7$c, [createElementVNode("span", _hoisted_8$7, [renderSlot(_ctx.$slots, "label")])], 512), _cache[5] || (_cache[5] = createTextVNode()), renderSlot(_ctx.$slots, "tooltip"), _cache[6] || (_cache[6] = createTextVNode()), _ctx.hasDescriptionSlot || _ctx.hasErrorMessageSlot || _ctx.hasError ? (openBlock(), createElementBlock("div", {
+  }, [createElementVNode("div", _hoisted_7$b, [createElementVNode("span", _hoisted_8$6, [renderSlot(_ctx.$slots, "label")])], 512), _cache[5] || (_cache[5] = createTextVNode()), renderSlot(_ctx.$slots, "tooltip"), _cache[6] || (_cache[6] = createTextVNode()), _ctx.hasDescriptionSlot || _ctx.hasErrorMessageSlot || _ctx.hasError ? (openBlock(), createElementBlock("div", {
     key: 0,
     class: normalizeClass(["label", _ctx.groupLabelClass]),
     "aria-hidden": "true"
-  }, [renderSlot(_ctx.$slots, "description", normalizeProps(guardReactiveProps({
+  }, [renderSlot(_ctx.$slots, "description", {
     descriptionClass: _ctx.descriptionClass,
-    discreteDescriptionClass: _ctx.discreteDescriptionClass
-  }))), _cache[4] || (_cache[4] = createTextVNode()), renderSlot(_ctx.$slots, "error-message", normalizeProps(guardReactiveProps({
+    formatDescriptionClass: _ctx.formatDescriptionClass
+  }), _cache[4] || (_cache[4] = createTextVNode()), renderSlot(_ctx.$slots, "error-message", normalizeProps(guardReactiveProps({
     hasError: _ctx.hasError,
     validationMessage: _ctx.validity.validationMessage
   })), () => [_ctx.hasError ? (openBlock(), createElementBlock("span", _hoisted_9$4, [createVNode(_component_f_icon, {
@@ -8778,11 +8711,11 @@ function _sfc_render$F(_ctx, _cache, $props, $setup, $data, $options) {
     name: "error"
   }), createTextVNode(" " + toDisplayString(_ctx.validity.validationMessage), 1)])) : createCommentVNode("", true)])], 2)) : createCommentVNode("", true)], 64)) : createCommentVNode("", true), _cache[9] || (_cache[9] = createTextVNode()), createElementVNode("div", {
     class: normalizeClass(_ctx.groupContentClass)
-  }, [renderSlot(_ctx.$slots, "default")], 2)], 42, _hoisted_1$B);
+  }, [renderSlot(_ctx.$slots, "default")], 2)], 42, _hoisted_1$z);
 }
-const FFieldset = /* @__PURE__ */ _export_sfc(_sfc_main$P, [["render", _sfc_render$F]]);
+const FFieldset = /* @__PURE__ */ _export_sfc(_sfc_main$L, [["render", _sfc_render$z]]);
 const anyType$1 = [String, Object, Array, Number, Date, Boolean];
-const _sfc_main$O = defineComponent({
+const _sfc_main$K = defineComponent({
   name: "FCheckboxField",
   inheritAttrs: false,
   props: {
@@ -8968,9 +8901,9 @@ const _sfc_main$O = defineComponent({
     }
   }
 });
-const _hoisted_1$A = ["id", "disabled"];
-const _hoisted_2$s = ["for"];
-const _hoisted_3$m = {
+const _hoisted_1$y = ["id", "disabled"];
+const _hoisted_2$q = ["for"];
+const _hoisted_3$l = {
   key: 0,
   class: "checkbox__details"
 };
@@ -8978,7 +8911,7 @@ const _hoisted_4$i = {
   key: 0,
   class: "checkbox__details"
 };
-function _sfc_render$E(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$y(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     class: normalizeClass(["checkbox", _ctx.disabledClass]),
     onValidity: _cache[2] || (_cache[2] = (...args) => _ctx.onValidity && _ctx.onValidity(...args))
@@ -8991,12 +8924,12 @@ function _sfc_render$E(_ctx, _cache, $props, $setup, $data, $options) {
     disabled: _ctx.disabled,
     onKeydown: _cache[0] || (_cache[0] = withKeys((...args) => _ctx.onKeydown && _ctx.onKeydown(...args), ["space"])),
     onChange: _cache[1] || (_cache[1] = ($event) => _ctx.updateExpandedFlag())
-  }), null, 16, _hoisted_1$A), _cache[9] || (_cache[9] = createTextVNode()), createElementVNode("label", {
+  }), null, 16, _hoisted_1$y), _cache[9] || (_cache[9] = createTextVNode()), createElementVNode("label", {
     class: normalizeClass(_ctx.$slots.details ? "checkbox__label checkbox__width" : "checkbox__label"),
     for: _ctx.id
   }, [renderSlot(_ctx.$slots, "default"), _cache[8] || (_cache[8] = createTextVNode()), _ctx.$slots.details ? (openBlock(), createElementBlock(Fragment, {
     key: 0
-  }, [_ctx.showDetails === "always" ? (openBlock(), createElementBlock("span", _hoisted_3$m, [_cache[3] || (_cache[3] = createElementVNode("br", null, null, -1)), _cache[4] || (_cache[4] = createTextVNode()), renderSlot(_ctx.$slots, "details")])) : createCommentVNode("", true), _cache[7] || (_cache[7] = createTextVNode()), _ctx.showDetails === "when-selected" ? (openBlock(), createBlock(Transition, {
+  }, [_ctx.showDetails === "always" ? (openBlock(), createElementBlock("span", _hoisted_3$l, [_cache[3] || (_cache[3] = createElementVNode("br", null, null, -1)), _cache[4] || (_cache[4] = createTextVNode()), renderSlot(_ctx.$slots, "details")])) : createCommentVNode("", true), _cache[7] || (_cache[7] = createTextVNode()), _ctx.showDetails === "when-selected" ? (openBlock(), createBlock(Transition, {
     key: 1,
     onEnter: _ctx.enter,
     onAfterEnter: _ctx.afterEnter,
@@ -9006,59 +8939,9 @@ function _sfc_render$E(_ctx, _cache, $props, $setup, $data, $options) {
       height: _ctx.height
     })])) : createCommentVNode("", true)]),
     _: 3
-  }, 8, ["onEnter", "onAfterEnter", "onLeave"])) : createCommentVNode("", true)], 64)) : createCommentVNode("", true)], 10, _hoisted_2$s)], 34);
-}
-const FCheckboxField = /* @__PURE__ */ _export_sfc(_sfc_main$O, [["render", _sfc_render$E]]);
-const _sfc_main$N = defineComponent({
-  name: "FCheckboxGroup",
-  components: {
-    FFieldset
-  },
-  mixins: [TranslationMixin],
-  inheritAttrs: false,
-  props: {
-    /**
-     * The id for the fieldset id attribute.
-     * If the prop is not set the id will be generated.
-     */
-    id: {
-      type: String,
-      required: false,
-      default: () => ElementIdService.generateElementId()
-    },
-    /**
-     * The name of the checkbox group.
-     */
-    name: {
-      type: String,
-      required: true
-    }
-  }
-});
-function _sfc_render$D(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_f_fieldset = resolveComponent("f-fieldset");
-  return openBlock(), createBlock(_component_f_fieldset, mergeProps({
-    id: _ctx.id,
-    name: _ctx.name
-  }, _ctx.$attrs), createSlots({
-    label: withCtx(() => [renderSlot(_ctx.$slots, "label")]),
-    description: withCtx(({
-      descriptionClass,
-      discreteDescriptionClass
-    }) => [renderSlot(_ctx.$slots, "description", normalizeProps(guardReactiveProps({
-      descriptionClass,
-      discreteDescriptionClass
-    })))]),
-    "error-message": withCtx(() => [renderSlot(_ctx.$slots, "error-message")]),
-    default: withCtx(() => [_cache[0] || (_cache[0] = createTextVNode()), _cache[1] || (_cache[1] = createTextVNode()), _cache[2] || (_cache[2] = createTextVNode()), _cache[3] || (_cache[3] = createTextVNode()), renderSlot(_ctx.$slots, "default")]),
-    _: 2
-  }, [_ctx.$slots.tooltip ? {
-    name: "tooltip",
-    fn: withCtx(() => [renderSlot(_ctx.$slots, "tooltip")]),
-    key: "0"
-  } : void 0]), 1040, ["id", "name"]);
+  }, 8, ["onEnter", "onAfterEnter", "onLeave"])) : createCommentVNode("", true)], 64)) : createCommentVNode("", true)], 10, _hoisted_2$q)], 34);
 }
-const FCheckboxGroup = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["render", _sfc_render$D]]);
+const FCheckboxField = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["render", _sfc_render$y]]);
 function isContextMenuTextItem(value) {
   return typeof value.key === "string";
 }
@@ -9106,7 +8989,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$M = defineComponent({
+const _sfc_main$J = defineComponent({
   name: "FContextMenu",
   components: {
     IPopup,
@@ -9270,20 +9153,20 @@ const _sfc_main$M = defineComponent({
     }
   }
 });
-const _hoisted_1$z = ["aria-label"];
-const _hoisted_2$r = {
+const _hoisted_1$x = ["aria-label"];
+const _hoisted_2$p = {
   ref: "contextmenu",
   role: "menu",
   tabindex: "-1",
   class: "contextmenu__list"
 };
-const _hoisted_3$l = ["onClick"];
+const _hoisted_3$k = ["onClick"];
 const _hoisted_4$h = ["tabindex"];
 const _hoisted_5$e = {
   key: 0,
   class: "contextmenu__separator"
 };
-function _sfc_render$C(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$x(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_f_icon = resolveComponent("f-icon");
   const _component_i_popup = resolveComponent("i-popup");
   return openBlock(), createBlock(_component_i_popup, {
@@ -9300,7 +9183,7 @@ function _sfc_render$C(_ctx, _cache, $props, $setup, $data, $options) {
       "aria-label": _ctx.ariaLabel,
       onKeyup: _cache[0] || (_cache[0] = (...args) => _ctx.onKeyUp && _ctx.onKeyUp(...args)),
       onKeydown: _cache[1] || (_cache[1] = (...args) => _ctx.onKeyDown && _ctx.onKeyDown(...args))
-    }, [createElementVNode("ul", _hoisted_2$r, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.popupItems, (item, index) => {
+    }, [createElementVNode("ul", _hoisted_2$p, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.popupItems, (item, index) => {
       return openBlock(), createElementBlock("li", {
         key: item.key,
         role: "menuitem",
@@ -9318,12 +9201,12 @@ function _sfc_render$C(_ctx, _cache, $props, $setup, $data, $options) {
       }, null, 8, ["name", "library"])) : createCommentVNode("", true), _cache[3] || (_cache[3] = createTextVNode()), createElementVNode("a", {
         ref_for: true,
         ref: "anchors"
-      }, toDisplayString(item.label), 513)], 8, _hoisted_4$h), _cache[4] || (_cache[4] = createTextVNode()), _ctx.hasSeparatorAfterItemAt(index) ? (openBlock(), createElementBlock("hr", _hoisted_5$e)) : createCommentVNode("", true)], 8, _hoisted_3$l);
-    }), 128))], 512)], 40, _hoisted_1$z)]),
+      }, toDisplayString(item.label), 513)], 8, _hoisted_4$h), _cache[4] || (_cache[4] = createTextVNode()), _ctx.hasSeparatorAfterItemAt(index) ? (openBlock(), createElementBlock("hr", _hoisted_5$e)) : createCommentVNode("", true)], 8, _hoisted_3$k);
+    }), 128))], 512)], 40, _hoisted_1$x)]),
     _: 1
   }, 8, ["is-open", "anchor", "focus-element"]);
 }
-const FContextMenu = /* @__PURE__ */ _export_sfc(_sfc_main$M, [["render", _sfc_render$C]]);
+const FContextMenu = /* @__PURE__ */ _export_sfc(_sfc_main$J, [["render", _sfc_render$x]]);
 var Operation = /* @__PURE__ */ ((Operation2) => {
   Operation2[Operation2["ADD"] = 0] = "ADD";
   Operation2[Operation2["DELETE"] = 1] = "DELETE";
@@ -9331,7 +9214,7 @@ var Operation = /* @__PURE__ */ ((Operation2) => {
   Operation2[Operation2["NONE"] = 3] = "NONE";
   return Operation2;
 })(Operation || {});
-const _sfc_main$L = defineComponent({
+const _sfc_main$I = defineComponent({
   name: "FCrudDataset",
   components: {
     FFormModal,
@@ -9437,7 +9320,7 @@ const _sfc_main$L = defineComponent({
       default: TranslationService.provider.translate("fkui.crud-dataset.modal.header.delete", "Är du säker på att du vill ta bort raden?")
     }
   },
-  emits: ["change", "created", "deleted", "updated", "update:modelValue"],
+  emits: ["created", "deleted", "updated", "update:modelValue"],
   data() {
     return {
       result: [],
@@ -9454,11 +9337,20 @@ const _sfc_main$L = defineComponent({
     };
   },
   computed: {
-    confirmButtonText() {
-      return this.operation === Operation.ADD ? this.$t("fkui.crud-dataset.modal.confirm.add", "Lägg till") : this.$t("fkui.crud-dataset.modal.confirm.modify", "Spara");
-    },
-    cancelButtonText() {
-      return this.operation === Operation.ADD ? this.$t("fkui.crud-dataset.modal.cancel.add", "Avbryt") : this.$t("fkui.crud-dataset.modal.cancel.modify", "Avbryt");
+    formModalButtons() {
+      const confirmButtonText = this.operation === Operation.ADD ? this.$t("fkui.crud-dataset.modal.confirm.add", "Lägg till") : this.$t("fkui.crud-dataset.modal.confirm.modify", "Spara");
+      const cancelButtonText = this.operation === Operation.ADD ? this.$t("fkui.crud-dataset.modal.cancel.add", "Avbryt") : this.$t("fkui.crud-dataset.modal.cancel.modify", "Avbryt");
+      return [{
+        label: confirmButtonText,
+        event: "confirm",
+        type: "primary",
+        submitButton: true
+      }, {
+        label: cancelButtonText,
+        event: "dismiss",
+        type: "secondary",
+        submitButton: false
+      }];
     },
     confirmDeleteButtons() {
       return [{
@@ -9522,7 +9414,6 @@ const _sfc_main$L = defineComponent({
       this.result = this.result.filter((item) => item !== this.item);
       this.$emit("deleted", this.item);
       this.$emit("update:modelValue", this.result);
-      this.$emit("change", this.result);
       alertScreenReader(this.$t("fkui.crud-dataset.aria-live.delete", "Raden har tagits bort"), {
         assertive: true
       });
@@ -9545,7 +9436,6 @@ const _sfc_main$L = defineComponent({
         this.result.push(this.item);
         this.$emit("created", this.item);
         this.$emit("update:modelValue", this.result);
-        this.$emit("change", this.result);
         this.callbackAfterItemAdd(this.item);
         alertScreenReader(this.$t("fkui.crud-dataset.aria-live.add", "En rad har lagts till"), {
           assertive: true
@@ -9558,7 +9448,6 @@ const _sfc_main$L = defineComponent({
         }
         this.$emit("updated", this.originalItemToUpdate);
         this.$emit("update:modelValue", this.result);
-        this.$emit("change", this.result);
         alertScreenReader(this.$t("fkui.crud-dataset.aria-live.modify", "Raden har ändrats"), {
           assertive: true
         });
@@ -9576,17 +9465,17 @@ const _sfc_main$L = defineComponent({
     }
   }
 });
-const _hoisted_1$y = {
+const _hoisted_1$w = {
   class: "crud-dataset"
 };
-const _hoisted_2$q = {
+const _hoisted_2$o = {
   key: 0
 };
-function _sfc_render$B(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$w(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_f_icon = resolveComponent("f-icon");
   const _component_f_form_modal = resolveComponent("f-form-modal");
   const _component_f_confirm_modal = resolveComponent("f-confirm-modal");
-  return openBlock(), createElementBlock("div", _hoisted_1$y, [renderSlot(_ctx.$slots, "default"), _cache[7] || (_cache[7] = createTextVNode()), _ctx.hasAddSlot ? (openBlock(), createElementBlock("div", _hoisted_2$q, [createElementVNode("button", {
+  return openBlock(), createElementBlock("div", _hoisted_1$w, [renderSlot(_ctx.$slots, "default"), _cache[5] || (_cache[5] = createTextVNode()), _ctx.hasAddSlot ? (openBlock(), createElementBlock("div", _hoisted_2$o, [createElementVNode("button", {
     "data-test": "f-crud-dataset-add-button",
     type: "button",
     class: "button button--tertiary crud-dataset__add-button",
@@ -9594,9 +9483,10 @@ function _sfc_render$B(_ctx, _cache, $props, $setup, $data, $options) {
   }, [createVNode(_component_f_icon, {
     class: "button__icon",
     name: "plus"
-  }), _cache[1] || (_cache[1] = createTextVNode()), renderSlot(_ctx.$slots, "add-button", {}, () => [createTextVNode(toDisplayString(_ctx.$t("fkui.crud-dataset.button.add", "Lägg till ny")), 1)])])])) : createCommentVNode("", true), _cache[8] || (_cache[8] = createTextVNode()), createVNode(_component_f_form_modal, {
+  }), _cache[1] || (_cache[1] = createTextVNode()), renderSlot(_ctx.$slots, "add-button", {}, () => [createTextVNode(toDisplayString(_ctx.$t("fkui.crud-dataset.button.add", "Lägg till ny")), 1)])])])) : createCommentVNode("", true), _cache[6] || (_cache[6] = createTextVNode()), createVNode(_component_f_form_modal, {
     "is-open": _ctx.isFormModalOpen,
     "aria-close-text": _ctx.$t("fkui.crud-dataset.modal.close", "Stäng"),
+    buttons: _ctx.formModalButtons,
     "use-error-list": false,
     "before-submit": _ctx.beforeSubmit,
     "before-validation": _ctx.beforeValidation,
@@ -9615,10 +9505,8 @@ function _sfc_render$B(_ctx, _cache, $props, $setup, $data, $options) {
     }, {
       item: _ctx.item
     }))) : createCommentVNode("", true)]),
-    "submit-button-text": withCtx(() => [createTextVNode(toDisplayString(_ctx.confirmButtonText), 1)]),
-    "cancel-button-text": withCtx(() => [createTextVNode(toDisplayString(_ctx.cancelButtonText), 1)]),
     _: 3
-  }, 8, ["is-open", "aria-close-text", "before-submit", "before-validation", "on-cancel", "onClose", "onCancel", "onSubmit"]), _cache[9] || (_cache[9] = createTextVNode()), createVNode(_component_f_confirm_modal, {
+  }, 8, ["is-open", "aria-close-text", "buttons", "before-submit", "before-validation", "on-cancel", "onClose", "onCancel", "onSubmit"]), _cache[7] || (_cache[7] = createTextVNode()), createVNode(_component_f_confirm_modal, {
     "is-open": _ctx.isConfirmModalOpen,
     buttons: _ctx.confirmDeleteButtons,
     onConfirm: _ctx.onDeleteConfirm,
@@ -9631,14 +9519,14 @@ function _sfc_render$B(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   }, 8, ["is-open", "buttons", "onConfirm", "onClose"])]);
 }
-const FCrudDataset = /* @__PURE__ */ _export_sfc(_sfc_main$L, [["render", _sfc_render$B]]);
+const FCrudDataset = /* @__PURE__ */ _export_sfc(_sfc_main$I, [["render", _sfc_render$w]]);
 function FCrudDatasetInjected() {
   return {
     delete: inject("delete"),
     modify: inject("modify")
   };
 }
-const _sfc_main$K = defineComponent({
+const _sfc_main$H = defineComponent({
   name: "FCrudButton",
   components: {
     FIcon
@@ -9694,11 +9582,11 @@ const _sfc_main$K = defineComponent({
     }
   }
 });
-const _hoisted_1$x = {
+const _hoisted_1$v = {
   key: 1,
   class: "sr-only"
 };
-function _sfc_render$A(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$v(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_f_icon = resolveComponent("f-icon");
   return openBlock(), createElementBlock("button", {
     type: "button",
@@ -9708,11 +9596,11 @@ function _sfc_render$A(_ctx, _cache, $props, $setup, $data, $options) {
     key: 0,
     class: "button__icon",
     name: _ctx.iconName
-  }, null, 8, ["name"])) : createCommentVNode("", true), _cache[1] || (_cache[1] = createTextVNode()), !_ctx.label ? (openBlock(), createElementBlock("span", _hoisted_1$x, [renderSlot(_ctx.$slots, "default", {}, () => [createTextVNode(toDisplayString(_ctx.buttonText), 1)])])) : createCommentVNode("", true), _cache[2] || (_cache[2] = createTextVNode()), _ctx.label ? renderSlot(_ctx.$slots, "default", {
+  }, null, 8, ["name"])) : createCommentVNode("", true), _cache[1] || (_cache[1] = createTextVNode()), !_ctx.label ? (openBlock(), createElementBlock("span", _hoisted_1$v, [renderSlot(_ctx.$slots, "default", {}, () => [createTextVNode(toDisplayString(_ctx.buttonText), 1)])])) : createCommentVNode("", true), _cache[2] || (_cache[2] = createTextVNode()), _ctx.label ? renderSlot(_ctx.$slots, "default", {
     key: 2
   }, () => [createTextVNode(toDisplayString(_ctx.buttonText), 1)]) : createCommentVNode("", true)]);
 }
-const FCrudButton = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["render", _sfc_render$A]]);
+const FCrudButton = /* @__PURE__ */ _export_sfc(_sfc_main$H, [["render", _sfc_render$v]]);
 function ActivateItemInjected() {
   return {
     registerCallbackAfterItemAdd: inject("registerCallbackAfterItemAdd", () => void 0),
@@ -9796,7 +9684,7 @@ function FTableInjected() {
     renderColumns: inject("renderColumns", false)
   };
 }
-const _sfc_main$J = defineComponent({
+const _sfc_main$G = defineComponent({
   name: "FTableColumn",
   inheritAttrs: false,
   props: {
@@ -9937,7 +9825,7 @@ const _sfc_main$J = defineComponent({
     });
   }
 });
-function _sfc_render$z(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$u(_ctx, _cache, $props, $setup, $data, $options) {
   return _ctx.renderColumns && _ctx.visible ? (openBlock(), createBlock(resolveDynamicComponent(_ctx.tagName), mergeProps({
     key: 0,
     class: _ctx.classes,
@@ -9949,7 +9837,7 @@ function _sfc_render$z(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   }, 16, ["class", "scope"])) : createCommentVNode("", true);
 }
-const FTableColumn = /* @__PURE__ */ _export_sfc(_sfc_main$J, [["render", _sfc_render$z]]);
+const FTableColumn = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["render", _sfc_render$u]]);
 function FSortFilterDatasetInjected() {
   return {
     sort: inject("sort", () => void 0),
@@ -9957,7 +9845,7 @@ function FSortFilterDatasetInjected() {
     registerCallbackOnMount: inject("registerCallbackOnMount", () => void 0)
   };
 }
-const _sfc_main$I = defineComponent({
+const _sfc_main$F = defineComponent({
   name: "FLabel",
   components: {
     FIcon
@@ -9978,7 +9866,7 @@ const _sfc_main$I = defineComponent({
   data() {
     return {
       descriptionClass: ["label__description"],
-      discreteDescriptionClass: ["label__description", "label__description--discrete"]
+      formatDescriptionClass: ["label__description", "label__description--format"]
     };
   },
   computed: {
@@ -9996,56 +9884,56 @@ const _sfc_main$I = defineComponent({
     }
   }
 });
-const _hoisted_1$w = {
+const _hoisted_1$u = {
   key: 0
 };
-const _hoisted_2$p = {
+const _hoisted_2$n = {
   key: 0,
   ref: "tooltipAttachTo"
 };
-const _hoisted_3$k = ["for"];
+const _hoisted_3$j = ["for"];
 const _hoisted_4$g = ["for"];
 const _hoisted_5$d = {
   key: 0,
   class: "label__message label__message--error"
 };
 const _hoisted_6$b = ["for"];
-const _hoisted_7$b = {
+const _hoisted_7$a = {
   key: 0,
   class: "label__message label__message--error"
 };
-function _sfc_render$y(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$t(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_f_icon = resolveComponent("f-icon");
-  return _ctx.$slots.tooltip ? (openBlock(), createElementBlock("div", _hoisted_1$w, [_ctx.hasDefaultSlot ? (openBlock(), createElementBlock("div", _hoisted_2$p, [createElementVNode("label", {
+  return _ctx.$slots.tooltip ? (openBlock(), createElementBlock("div", _hoisted_1$u, [_ctx.hasDefaultSlot ? (openBlock(), createElementBlock("div", _hoisted_2$n, [createElementVNode("label", {
     class: "label",
     for: _ctx.forProperty
-  }, [renderSlot(_ctx.$slots, "default")], 8, _hoisted_3$k)], 512)) : createCommentVNode("", true), _cache[2] || (_cache[2] = createTextVNode()), renderSlot(_ctx.$slots, "tooltip"), _cache[3] || (_cache[3] = createTextVNode()), _ctx.hasDescriptionSlot || _ctx.hasErrorMessageSlot ? (openBlock(), createElementBlock("label", {
+  }, [renderSlot(_ctx.$slots, "default")], 8, _hoisted_3$j)], 512)) : createCommentVNode("", true), _cache[2] || (_cache[2] = createTextVNode()), renderSlot(_ctx.$slots, "tooltip"), _cache[3] || (_cache[3] = createTextVNode()), _ctx.hasDescriptionSlot || _ctx.hasErrorMessageSlot ? (openBlock(), createElementBlock("label", {
     key: 1,
     class: "label sr-separator",
     for: _ctx.forProperty
-  }, [renderSlot(_ctx.$slots, "description", normalizeProps(guardReactiveProps({
+  }, [renderSlot(_ctx.$slots, "description", {
     descriptionClass: _ctx.descriptionClass,
-    discreteDescriptionClass: _ctx.discreteDescriptionClass
-  }))), _cache[1] || (_cache[1] = createTextVNode()), _ctx.hasErrorMessageSlot ? (openBlock(), createElementBlock("span", _hoisted_5$d, [createVNode(_component_f_icon, {
+    formatDescriptionClass: _ctx.formatDescriptionClass
+  }), _cache[1] || (_cache[1] = createTextVNode()), _ctx.hasErrorMessageSlot ? (openBlock(), createElementBlock("span", _hoisted_5$d, [createVNode(_component_f_icon, {
     class: "label__icon--left",
     name: "error"
   }), _cache[0] || (_cache[0] = createTextVNode()), renderSlot(_ctx.$slots, "error-message")])) : createCommentVNode("", true)], 8, _hoisted_4$g)) : createCommentVNode("", true)])) : (openBlock(), createElementBlock("label", {
     key: 1,
     class: "label",
     for: _ctx.forProperty
-  }, [renderSlot(_ctx.$slots, "default"), _cache[5] || (_cache[5] = createTextVNode()), renderSlot(_ctx.$slots, "description", normalizeProps(guardReactiveProps({
+  }, [renderSlot(_ctx.$slots, "default"), _cache[5] || (_cache[5] = createTextVNode()), renderSlot(_ctx.$slots, "description", {
     descriptionClass: _ctx.descriptionClass,
-    discreteDescriptionClass: _ctx.discreteDescriptionClass
-  }))), _cache[6] || (_cache[6] = createTextVNode()), _ctx.hasErrorMessageSlot ? (openBlock(), createElementBlock("span", _hoisted_7$b, [createVNode(_component_f_icon, {
+    formatDescriptionClass: _ctx.formatDescriptionClass
+  }), _cache[6] || (_cache[6] = createTextVNode()), _ctx.hasErrorMessageSlot ? (openBlock(), createElementBlock("span", _hoisted_7$a, [createVNode(_component_f_icon, {
     class: "label__icon--left",
     name: "error"
   }), _cache[4] || (_cache[4] = createTextVNode()), renderSlot(_ctx.$slots, "error-message")])) : createCommentVNode("", true)], 8, _hoisted_6$b));
 }
-const FLabel = /* @__PURE__ */ _export_sfc(_sfc_main$I, [["render", _sfc_render$y]]);
+const FLabel = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["render", _sfc_render$t]]);
 function resolveWidthClass$1(words, inline) {
   return inline ? void 0 : words.split(" ").map((word) => `i-width-${word}`).join(" ");
 }
-const _sfc_main$H = defineComponent({
+const _sfc_main$E = defineComponent({
   name: "FSelectField",
   components: {
     FIcon,
@@ -10176,8 +10064,8 @@ const _sfc_main$H = defineComponent({
     }
   }
 });
-const _hoisted_1$v = ["id"];
-function _sfc_render$x(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_1$t = ["id"];
+function _sfc_render$s(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_f_label = resolveComponent("f-label");
   const _component_f_icon = resolveComponent("f-icon");
   return openBlock(), createElementBlock("div", {
@@ -10192,11 +10080,11 @@ function _sfc_render$x(_ctx, _cache, $props, $setup, $data, $options) {
     default: withCtx(() => [renderSlot(_ctx.$slots, "label")]),
     description: withCtx(({
       descriptionClass,
-      discreteDescriptionClass
-    }) => [renderSlot(_ctx.$slots, "description", normalizeProps(guardReactiveProps({
+      formatDescriptionClass
+    }) => [renderSlot(_ctx.$slots, "description", {
       descriptionClass,
-      discreteDescriptionClass
-    })))]),
+      formatDescriptionClass
+    })]),
     "error-message": withCtx(() => [renderSlot(_ctx.$slots, "error-message", normalizeProps(guardReactiveProps({
       hasError: _ctx.hasError,
       validationMessage: _ctx.validationMessage
@@ -10214,7 +10102,7 @@ function _sfc_render$x(_ctx, _cache, $props, $setup, $data, $options) {
     id: _ctx.id,
     "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.vModel = $event),
     class: "select-field__select"
-  }, _ctx.attrs), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_1$v), [[vModelSelect, _ctx.vModel]]), _cache[5] || (_cache[5] = createTextVNode()), _ctx.hasError && _ctx.textFieldTableMode ? (openBlock(), createBlock(_component_f_icon, {
+  }, _ctx.attrs), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_1$t), [[vModelSelect, _ctx.vModel]]), _cache[5] || (_cache[5] = createTextVNode()), _ctx.hasError && _ctx.textFieldTableMode ? (openBlock(), createBlock(_component_f_icon, {
     key: 0,
     ref: "icon",
     class: "text-field__icon input-icon select-field__error-popup-icon",
@@ -10224,7 +10112,7 @@ function _sfc_render$x(_ctx, _cache, $props, $setup, $data, $options) {
     name: "arrow-down"
   })], 2)], 34);
 }
-const FSelectField = /* @__PURE__ */ _export_sfc(_sfc_main$H, [["render", _sfc_render$x]]);
+const FSelectField = /* @__PURE__ */ _export_sfc(_sfc_main$E, [["render", _sfc_render$s]]);
 function resolveWidthClass(words, inline) {
   return inline ? void 0 : words.split(" ").map((word) => `i-width-${word}`).join(" ");
 }
@@ -10253,7 +10141,7 @@ function useTextFieldSetup(props) {
     toggleDropdown,
     selectOption,
     closeDropdown
-  } = useCombobox(inputNode, props.options, onOptionSelected);
+  } = useCombobox(inputNode, toRef(props, "options"), onOptionSelected);
   return {
     textFieldTableMode,
     viewValue,
@@ -10268,14 +10156,14 @@ function useTextFieldSetup(props) {
     closeDropdown
   };
 }
-const _sfc_main$G = defineComponent({
+const _sfc_main$D = defineComponent({
   name: "FTextField",
   components: {
     FLabel,
     FIcon,
     IPopupError,
-    IComboboxDropdown: _sfc_main$S,
-    IComboboxToggleButton: _sfc_main$R
+    IComboboxDropdown: _sfc_main$O,
+    IComboboxToggleButton: _sfc_main$N
   },
   inheritAttrs: false,
   props: {
@@ -10376,6 +10264,8 @@ const _sfc_main$G = defineComponent({
      *
      * When set, the user can select a value from the list of options and filter while typing.
      *
+     * If options will be set at a later time, initially specify as an empty array.
+     *
      * If a formatter is used by the component, make sure the options are formatted as well.
      */
     options: {
@@ -10392,7 +10282,7 @@ const _sfc_main$G = defineComponent({
       default: false
     }
   },
-  emits: ["blur", "change", "update", "update:modelValue"],
+  emits: ["blur", "change", "update:modelValue"],
   setup(props) {
     const {
       textFieldTableMode,
@@ -10501,7 +10391,6 @@ const _sfc_main$G = defineComponent({
     async onChange() {
       if (!this.$refs.input.hasAttribute("data-validation")) {
         this.$emit("update:modelValue", this.viewValue);
-        this.$emit("update", this.viewValue);
         await this.$nextTick();
         this.$emit("change", this.viewValue);
       }
@@ -10516,7 +10405,6 @@ const _sfc_main$G = defineComponent({
       }
       if (!this.$refs.input.hasAttribute("data-validation")) {
         this.$emit("update:modelValue", this.viewValue);
-        this.$emit("update", this.viewValue);
         await this.$nextTick();
         this.$emit("blur", this.viewValue);
       }
@@ -10535,7 +10423,6 @@ const _sfc_main$G = defineComponent({
         }
         this.lastModelValue = newModelValue;
         this.$emit("update:modelValue", newModelValue);
-        this.$emit("update", newModelValue);
         await this.$nextTick();
         this.$emit(detail.nativeEvent, newModelValue);
         if (detail.isValid) {
@@ -10607,14 +10494,14 @@ const _sfc_main$G = defineComponent({
     }
   }
 });
-const _hoisted_1$u = {
+const _hoisted_1$s = {
   key: 0
 };
-const _hoisted_2$o = {
+const _hoisted_2$m = {
   key: 0,
   class: "sr-only"
 };
-const _hoisted_3$j = {
+const _hoisted_3$i = {
   key: 0,
   class: "sr-only"
 };
@@ -10626,11 +10513,11 @@ const _hoisted_6$a = {
   key: 2,
   class: "text-field__append-inner"
 };
-const _hoisted_7$a = {
+const _hoisted_7$9 = {
   key: 3,
   class: "text-field__append-inner"
 };
-function _sfc_render$w(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$r(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_f_label = resolveComponent("f-label");
   const _component_f_icon = resolveComponent("f-icon");
   const _component_i_popup_error = resolveComponent("i-popup-error");
@@ -10644,20 +10531,20 @@ function _sfc_render$w(_ctx, _cache, $props, $setup, $data, $options) {
     for: _ctx.id,
     class: normalizeClass(_ctx.labelClass)
   }, createSlots({
-    default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, () => [_ctx.defaultText !== "" ? (openBlock(), createElementBlock("span", _hoisted_1$u, toDisplayString(_ctx.defaultText), 1)) : createCommentVNode("", true)])]),
+    default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, () => [_ctx.defaultText !== "" ? (openBlock(), createElementBlock("span", _hoisted_1$s, toDisplayString(_ctx.defaultText), 1)) : createCommentVNode("", true)])]),
     description: withCtx(({
       descriptionClass,
-      discreteDescriptionClass
-    }) => [renderSlot(_ctx.$slots, "description", normalizeProps(guardReactiveProps({
+      formatDescriptionClass
+    }) => [renderSlot(_ctx.$slots, "description", {
       descriptionClass,
-      discreteDescriptionClass
-    })), () => [_ctx.descriptionText ? (openBlock(), createElementBlock("span", {
+      formatDescriptionClass
+    }, () => [_ctx.descriptionText ? (openBlock(), createElementBlock("span", {
       key: 0,
       class: normalizeClass(descriptionClass)
-    }, [_ctx.descriptionScreenReaderText ? (openBlock(), createElementBlock("span", _hoisted_2$o, toDisplayString(_ctx.descriptionScreenReaderText), 1)) : createCommentVNode("", true), _cache[7] || (_cache[7] = createTextVNode()), createElementVNode("span", null, toDisplayString(_ctx.descriptionText), 1)], 2)) : createCommentVNode("", true), _cache[9] || (_cache[9] = createTextVNode()), _ctx.discreteDescriptionText ? (openBlock(), createElementBlock("span", {
+    }, [_ctx.descriptionScreenReaderText ? (openBlock(), createElementBlock("span", _hoisted_2$m, toDisplayString(_ctx.descriptionScreenReaderText), 1)) : createCommentVNode("", true), _cache[7] || (_cache[7] = createTextVNode()), createElementVNode("span", null, toDisplayString(_ctx.descriptionText), 1)], 2)) : createCommentVNode("", true), _cache[9] || (_cache[9] = createTextVNode()), _ctx.discreteDescriptionText ? (openBlock(), createElementBlock("span", {
       key: 1,
-      class: normalizeClass(discreteDescriptionClass)
-    }, [_ctx.discreteDescriptionScreenReaderText ? (openBlock(), createElementBlock("span", _hoisted_3$j, toDisplayString(_ctx.discreteDescriptionScreenReaderText), 1)) : createCommentVNode("", true), _cache[8] || (_cache[8] = createTextVNode()), createElementVNode("span", null, toDisplayString(_ctx.discreteDescriptionText), 1)], 2)) : createCommentVNode("", true)])]),
+      class: normalizeClass(formatDescriptionClass)
+    }, [_ctx.discreteDescriptionScreenReaderText ? (openBlock(), createElementBlock("span", _hoisted_3$i, toDisplayString(_ctx.discreteDescriptionScreenReaderText), 1)) : createCommentVNode("", true), _cache[8] || (_cache[8] = createTextVNode()), createElementVNode("span", null, toDisplayString(_ctx.discreteDescriptionText), 1)], 2)) : createCommentVNode("", true)])]),
     "error-message": withCtx(() => [renderSlot(_ctx.$slots, "error-message", normalizeProps(guardReactiveProps({
       hasError: _ctx.hasError,
       validationMessage: _ctx.validationMessage
@@ -10696,7 +10583,7 @@ function _sfc_render$w(_ctx, _cache, $props, $setup, $data, $options) {
     "is-open": _ctx.showPopupError,
     "error-message": _ctx.validationMessage,
     onClose: _ctx.closePopupError
-  }, null, 8, ["anchor", "is-open", "error-message", "onClose"])) : createCommentVNode("", true), _cache[15] || (_cache[15] = createTextVNode()), _ctx.$slots["append-inner"] ? (openBlock(), createElementBlock("div", _hoisted_6$a, [renderSlot(_ctx.$slots, "append-inner")])) : createCommentVNode("", true), _cache[16] || (_cache[16] = createTextVNode()), _ctx.options ? (openBlock(), createElementBlock("div", _hoisted_7$a, [createVNode(_component_i_combobox_toggle_button, {
+  }, null, 8, ["anchor", "is-open", "error-message", "onClose"])) : createCommentVNode("", true), _cache[15] || (_cache[15] = createTextVNode()), _ctx.$slots["append-inner"] ? (openBlock(), createElementBlock("div", _hoisted_6$a, [renderSlot(_ctx.$slots, "append-inner")])) : createCommentVNode("", true), _cache[16] || (_cache[16] = createTextVNode()), _ctx.options ? (openBlock(), createElementBlock("div", _hoisted_7$9, [createVNode(_component_i_combobox_toggle_button, {
     disabled: _ctx.disabled,
     "aria-controls": _ctx.dropdownIsOpen ? _ctx.dropdownId : void 0,
     "aria-expanded": _ctx.dropdownIsOpen,
@@ -10713,8 +10600,8 @@ function _sfc_render$w(_ctx, _cache, $props, $setup, $data, $options) {
     onClose: _ctx.onDropdownClose
   }, null, 8, ["id", "is-open", "options", "active-option", "active-option-id", "input-node", "onSelect", "onClose"])) : createCommentVNode("", true)], 2);
 }
-const FTextField = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["render", _sfc_render$w]]);
-const _sfc_main$F = defineComponent({
+const FTextField = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["render", _sfc_render$r]]);
+const _sfc_main$C = defineComponent({
   name: "FEmailTextField",
   components: {
     FTextField
@@ -10760,7 +10647,7 @@ const _sfc_main$F = defineComponent({
       default: TranslationService.provider.translate("fkui.email-text-field.error.pasting", "Du kan inte kopiera mejladressen. Du måste skriva in den igen.")
     }
   },
-  emits: ["blur", "change", "update", "update:modelValue"],
+  emits: ["blur", "change", "update:modelValue"],
   data() {
     return {
       validityMode: "INITIAL",
@@ -10781,7 +10668,6 @@ const _sfc_main$F = defineComponent({
     },
     onUpdate(event) {
       this.$emit("update:modelValue", event);
-      this.$emit("update", event);
     },
     onPaste(event) {
       this.showPasteErrorMessage = true;
@@ -10831,10 +10717,10 @@ const _sfc_main$F = defineComponent({
     }
   }
 });
-const _hoisted_1$t = {
+const _hoisted_1$r = {
   key: 0
 };
-function _sfc_render$v(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$q(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_f_text_field = resolveComponent("f-text-field");
   return openBlock(), createElementBlock("div", null, [createVNode(_component_f_text_field, mergeProps({
     id: _ctx.id,
@@ -10844,14 +10730,14 @@ function _sfc_render$v(_ctx, _cache, $props, $setup, $data, $options) {
     "model-value": _ctx.modelValue,
     onChange: _ctx.onChange,
     onBlur: _ctx.onBlur,
-    onUpdate: _ctx.onUpdate,
+    "onUpdate:modelValue": _ctx.onUpdate,
     onValidity: _ctx.onValidity,
     onPendingValidity: _ctx.onPendingValidity
   }), {
-    "error-message": withCtx(() => [_ctx.showPasteErrorMessage ? (openBlock(), createElementBlock("span", _hoisted_1$t, toDisplayString(_ctx.pasteErrorText), 1)) : createCommentVNode("", true)]),
+    "error-message": withCtx(() => [_ctx.showPasteErrorMessage ? (openBlock(), createElementBlock("span", _hoisted_1$r, toDisplayString(_ctx.pasteErrorText), 1)) : createCommentVNode("", true)]),
     default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, () => [createTextVNode(toDisplayString(_ctx.defaultText), 1)]), _cache[2] || (_cache[2] = createTextVNode())]),
     _: 3
-  }, 16, ["id", "maxlength", "model-value", "onChange", "onBlur", "onUpdate", "onValidity", "onPendingValidity"]), _cache[3] || (_cache[3] = createTextVNode()), _ctx.extendedValidation ? (openBlock(), createBlock(_component_f_text_field, {
+  }, 16, ["id", "maxlength", "model-value", "onChange", "onBlur", "onUpdate:modelValue", "onValidity", "onPendingValidity"]), _cache[3] || (_cache[3] = createTextVNode()), _ctx.extendedValidation ? (openBlock(), createBlock(_component_f_text_field, {
     key: 0,
     modelValue: _ctx.secondEmail,
     "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.secondEmail = $event),
@@ -10864,8 +10750,8 @@ function _sfc_render$v(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   }, 8, ["modelValue", "maxlength", "onPaste"])) : createCommentVNode("", true)]);
 }
-const FEmailTextField = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["render", _sfc_render$v]]);
-const _sfc_main$E = defineComponent({
+const FEmailTextField = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["render", _sfc_render$q]]);
+const _sfc_main$B = defineComponent({
   name: "FPhoneTextField",
   components: {
     FTextField
@@ -10902,7 +10788,7 @@ const _sfc_main$E = defineComponent({
       default: false
     }
   },
-  emits: ["blur", "change", "update", "update:modelValue"],
+  emits: ["blur", "change", "update:modelValue"],
   data() {
     return {
       validityMode: "INITIAL",
@@ -10922,7 +10808,6 @@ const _sfc_main$E = defineComponent({
     },
     onUpdate(event) {
       this.$emit("update:modelValue", event);
-      this.$emit("update", event);
     },
     onValidity({
       detail
@@ -10966,7 +10851,7 @@ const _sfc_main$E = defineComponent({
     }
   }
 });
-function _sfc_render$u(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$p(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_f_text_field = resolveComponent("f-text-field");
   return openBlock(), createElementBlock("div", null, [createVNode(_component_f_text_field, mergeProps({
     id: _ctx.id,
@@ -10976,13 +10861,13 @@ function _sfc_render$u(_ctx, _cache, $props, $setup, $data, $options) {
     "model-value": _ctx.modelValue,
     onChange: _ctx.onChange,
     onBlur: _ctx.onBlur,
-    onUpdate: _ctx.onUpdate,
+    "onUpdate:modelValue": _ctx.onUpdate,
     onValidity: _ctx.onValidity,
     onPendingValidity: _ctx.onPendingValidity
   }), {
     default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, () => [createTextVNode(toDisplayString(_ctx.defaultText), 1)])]),
     _: 3
-  }, 16, ["id", "maxlength", "model-value", "onChange", "onBlur", "onUpdate", "onValidity", "onPendingValidity"]), _cache[1] || (_cache[1] = createTextVNode()), _ctx.extendedValidation ? (openBlock(), createBlock(_component_f_text_field, {
+  }, 16, ["id", "maxlength", "model-value", "onChange", "onBlur", "onUpdate:modelValue", "onValidity", "onPendingValidity"]), _cache[1] || (_cache[1] = createTextVNode()), _ctx.extendedValidation ? (openBlock(), createBlock(_component_f_text_field, {
     key: 0,
     modelValue: _ctx.secondPhone,
     "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.secondPhone = $event),
@@ -10993,8 +10878,8 @@ function _sfc_render$u(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   }, 8, ["modelValue", "maxlength"])) : createCommentVNode("", true)]);
 }
-const FPhoneTextField = /* @__PURE__ */ _export_sfc(_sfc_main$E, [["render", _sfc_render$u]]);
-const _sfc_main$D = defineComponent({
+const FPhoneTextField = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["render", _sfc_render$p]]);
+const _sfc_main$A = defineComponent({
   name: "FCurrencyTextField",
   extends: FTextField,
   mixins: [TranslationMixin],
@@ -11029,7 +10914,7 @@ const _sfc_main$D = defineComponent({
     ValidationService.validateElement(inputElement);
   }
 });
-const _sfc_main$C = defineComponent({
+const _sfc_main$z = defineComponent({
   name: "FSearchTextField",
   components: {
     FTextField,
@@ -11089,10 +10974,10 @@ const _sfc_main$C = defineComponent({
     }
   }
 });
-const _hoisted_1$s = {
+const _hoisted_1$q = {
   class: "sr-only"
 };
-function _sfc_render$t(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$o(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_f_icon = resolveComponent("f-icon");
   const _component_f_text_field = resolveComponent("f-text-field");
   return openBlock(), createElementBlock("div", null, [createVNode(_component_f_text_field, mergeProps({
@@ -11118,11 +11003,11 @@ function _sfc_render$t(_ctx, _cache, $props, $setup, $data, $options) {
     })))]),
     description: withCtx(({
       descriptionClass,
-      discreteDescriptionClass
-    }) => [renderSlot(_ctx.$slots, "description", normalizeProps(guardReactiveProps({
+      formatDescriptionClass
+    }) => [renderSlot(_ctx.$slots, "description", {
       descriptionClass,
-      discreteDescriptionClass
-    })))]),
+      formatDescriptionClass
+    })]),
     default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, () => [createTextVNode(toDisplayString(_ctx.defaultText), 1)]), _cache[2] || (_cache[2] = createTextVNode()), _cache[3] || (_cache[3] = createTextVNode()), _cache[4] || (_cache[4] = createTextVNode()), _cache[5] || (_cache[5] = createTextVNode()), _cache[6] || (_cache[6] = createTextVNode()), _cache[7] || (_cache[7] = createTextVNode())]),
     _: 2
   }, [_ctx.$slots.tooltip ? {
@@ -11138,12 +11023,12 @@ function _sfc_render$t(_ctx, _cache, $props, $setup, $data, $options) {
     }, [createVNode(_component_f_icon, {
       name: "cross",
       class: "clear-button__icon"
-    }), _cache[1] || (_cache[1] = createTextVNode()), createElementVNode("span", _hoisted_1$s, toDisplayString(_ctx.clearableScreenReaderText), 1)])]),
+    }), _cache[1] || (_cache[1] = createTextVNode()), createElementVNode("span", _hoisted_1$q, toDisplayString(_ctx.clearableScreenReaderText), 1)])]),
     key: "1"
   } : void 0]), 1040, ["id", "maxlength", "model-value", "onChange", "onInput", "onBlur", "onUpdate"])]);
 }
-const FSearchTextField = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["render", _sfc_render$t]]);
-const _sfc_main$B = defineComponent({
+const FSearchTextField = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["render", _sfc_render$o]]);
+const _sfc_main$y = defineComponent({
   name: "FBankAccountNumberTextField",
   extends: FTextField,
   mixins: [TranslationMixin],
@@ -11172,7 +11057,7 @@ const _sfc_main$B = defineComponent({
     ValidationService.validateElement(inputElement);
   }
 });
-const _sfc_main$A = defineComponent({
+const _sfc_main$x = defineComponent({
   name: "FBankgiroTextField",
   extends: FTextField,
   mixins: [TranslationMixin],
@@ -11204,7 +11089,7 @@ const _sfc_main$A = defineComponent({
     ValidationService.validateElement(inputElement);
   }
 });
-const _sfc_main$z = defineComponent({
+const _sfc_main$w = defineComponent({
   name: "FClearingnumberTextField",
   extends: FTextField,
   mixins: [TranslationMixin],
@@ -11236,7 +11121,7 @@ const _sfc_main$z = defineComponent({
 function defaultFormatter$1(modelValue) {
   return formatNumber(modelValue, this.decimals);
 }
-const _sfc_main$y = defineComponent({
+const _sfc_main$v = defineComponent({
   name: "FNumericTextField",
   extends: FTextField,
   props: {
@@ -11273,7 +11158,7 @@ const _sfc_main$y = defineComponent({
     ValidationService.validateElement(inputElement);
   }
 });
-const _sfc_main$x = defineComponent({
+const _sfc_main$u = defineComponent({
   name: "FPersonnummerTextField",
   extends: FTextField,
   mixins: [TranslationMixin],
@@ -11313,7 +11198,7 @@ const _sfc_main$x = defineComponent({
     ValidationService.validateElement(inputElement);
   }
 });
-const _sfc_main$w = defineComponent({
+const _sfc_main$t = defineComponent({
   name: "FPlusgiroTextField",
   extends: FTextField,
   mixins: [TranslationMixin],
@@ -11345,7 +11230,7 @@ const _sfc_main$w = defineComponent({
     ValidationService.validateElement(inputElement);
   }
 });
-const _sfc_main$v = defineComponent({
+const _sfc_main$s = defineComponent({
   name: "FPostalCodeTextField",
   extends: FTextField,
   mixins: [TranslationMixin],
@@ -11382,7 +11267,7 @@ const _sfc_main$v = defineComponent({
 function defaultFormatter(modelValue) {
   return formatPercent(modelValue, this.decimals);
 }
-const _sfc_main$u = defineComponent({
+const _sfc_main$r = defineComponent({
   name: "FPercentTextField",
   extends: FTextField,
   mixins: [TranslationMixin],
@@ -11430,7 +11315,7 @@ const _sfc_main$u = defineComponent({
     ValidationService.validateElement(inputElement);
   }
 });
-const _sfc_main$t = defineComponent({
+const _sfc_main$q = defineComponent({
   name: "FOrganisationsnummerTextField",
   extends: FTextField,
   mixins: [TranslationMixin],
@@ -11538,7 +11423,7 @@ function filter(list, filterAttributes, searchString) {
   const searchTerms = searchString.split(/\s+/).map((word) => word.toLocaleLowerCase());
   return list.filter((item) => includesAllSearchTerms(item, filterAttributes, searchTerms));
 }
-const _sfc_main$s = defineComponent({
+const _sfc_main$p = defineComponent({
   name: "FSortFilterDataset",
   components: {
     FSelectField,
@@ -11740,13 +11625,13 @@ const _sfc_main$s = defineComponent({
     }
   }
 });
-const _hoisted_1$r = {
+const _hoisted_1$p = {
   class: "sort-filter-dataset"
 };
-const _hoisted_2$n = {
+const _hoisted_2$l = {
   class: "sort-filter-dataset__search"
 };
-const _hoisted_3$i = {
+const _hoisted_3$h = {
   class: "sr-only"
 };
 const _hoisted_4$e = ["title"];
@@ -11759,14 +11644,14 @@ const _hoisted_6$9 = {
     ascending: false
   }
 };
-const _hoisted_7$9 = ["value"];
-function _sfc_render$s(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_7$8 = ["value"];
+function _sfc_render$n(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_i_flex_item = resolveComponent("i-flex-item");
   const _component_f_icon = resolveComponent("f-icon");
   const _component_f_text_field = resolveComponent("f-text-field");
   const _component_f_select_field = resolveComponent("f-select-field");
   const _component_i_flex = resolveComponent("i-flex");
-  return openBlock(), createElementBlock("div", _hoisted_1$r, [createVNode(_component_i_flex, {
+  return openBlock(), createElementBlock("div", _hoisted_1$p, [createVNode(_component_i_flex, {
     collapse: "",
     gap: "3x",
     wrap: ""
@@ -11791,7 +11676,7 @@ function _sfc_render$s(_ctx, _cache, $props, $setup, $data, $options) {
           shrink: "",
           align: "center"
         }, {
-          default: withCtx(() => [createElementVNode("div", _hoisted_2$n, [createVNode(_component_f_icon, {
+          default: withCtx(() => [createElementVNode("div", _hoisted_2$l, [createVNode(_component_f_icon, {
             name: "search",
             class: "sort-filter-dataset__search__magnify-icon"
           }), _cache[4] || (_cache[4] = createTextVNode()), createVNode(_component_f_text_field, {
@@ -11802,7 +11687,7 @@ function _sfc_render$s(_ctx, _cache, $props, $setup, $data, $options) {
             maxlength: "64",
             onInput: _ctx.onSearchInput
           }, {
-            default: withCtx(() => [createElementVNode("span", _hoisted_3$i, toDisplayString(_ctx.placeholderFilter), 1)]),
+            default: withCtx(() => [createElementVNode("span", _hoisted_3$h, toDisplayString(_ctx.placeholderFilter), 1)]),
             _: 1
           }, 8, ["modelValue", "placeholder", "onInput"]), _cache[5] || (_cache[5] = createTextVNode()), _ctx.showClearButton ? (openBlock(), createElementBlock("button", {
             key: 0,
@@ -11831,7 +11716,7 @@ function _sfc_render$s(_ctx, _cache, $props, $setup, $data, $options) {
               return openBlock(), createElementBlock("option", {
                 key: sortOrder.id,
                 value: sortOrder
-              }, toDisplayString(sortOrder.name) + " (" + toDisplayString(sortOrder.ascendingName) + ")\n                            ", 9, _hoisted_7$9);
+              }, toDisplayString(sortOrder.name) + " (" + toDisplayString(sortOrder.ascendingName) + ")\n                            ", 9, _hoisted_7$8);
             }), 128))]),
             _: 1
           }, 8, ["modelValue", "onChange"])]),
@@ -11846,8 +11731,8 @@ function _sfc_render$s(_ctx, _cache, $props, $setup, $data, $options) {
     sortFilterResult: _ctx.sortFilterResult
   })))]);
 }
-const FSortFilterDataset = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["render", _sfc_render$s]]);
-const _sfc_main$r = defineComponent({
+const FSortFilterDataset = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["render", _sfc_render$n]]);
+const _sfc_main$o = defineComponent({
   name: "FDataTable",
   components: {
     FIcon
@@ -11992,11 +11877,11 @@ const _sfc_main$r = defineComponent({
     }
   }
 });
-const _hoisted_1$q = ["tabindex"];
-const _hoisted_2$m = {
+const _hoisted_1$o = ["tabindex"];
+const _hoisted_2$k = {
   key: 0
 };
-const _hoisted_3$h = {
+const _hoisted_3$g = {
   class: "table__row"
 };
 const _hoisted_4$d = ["innerHTML"];
@@ -12007,23 +11892,23 @@ const _hoisted_5$a = {
 const _hoisted_6$8 = {
   key: 0
 };
-const _hoisted_7$8 = {
+const _hoisted_7$7 = {
   key: 1
 };
-const _hoisted_8$6 = ["colspan"];
-function _sfc_render$r(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_8$5 = ["colspan"];
+function _sfc_render$m(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_f_icon = resolveComponent("f-icon");
   return openBlock(), createElementBlock("div", {
     class: normalizeClass(_ctx.wrapperClasses)
   }, [createElementVNode("table", mergeProps({
     class: ["table", _ctx.tableClasses],
     tabindex: _ctx.tabindex
-  }, _ctx.$attrs), [_ctx.hasCaption ? (openBlock(), createElementBlock("caption", _hoisted_2$m, [renderSlot(_ctx.$slots, "caption")])) : createCommentVNode("", true), _cache[4] || (_cache[4] = createTextVNode()), createElementVNode("colgroup", null, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.columns, (column) => {
+  }, _ctx.$attrs), [_ctx.hasCaption ? (openBlock(), createElementBlock("caption", _hoisted_2$k, [renderSlot(_ctx.$slots, "caption")])) : createCommentVNode("", true), _cache[4] || (_cache[4] = createTextVNode()), createElementVNode("colgroup", null, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.columns, (column) => {
     return openBlock(), createElementBlock("col", {
       key: column.id,
       class: normalizeClass(column.size)
     }, null, 2);
-  }), 128))]), _cache[5] || (_cache[5] = createTextVNode()), createElementVNode("thead", null, [createElementVNode("tr", _hoisted_3$h, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.visibleColumns, (column) => {
+  }), 128))]), _cache[5] || (_cache[5] = createTextVNode()), createElementVNode("thead", null, [createElementVNode("tr", _hoisted_3$g, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.visibleColumns, (column) => {
     return openBlock(), createElementBlock("th", mergeProps({
       key: column.id,
       scope: "col",
@@ -12039,10 +11924,10 @@ function _sfc_render$r(_ctx, _cache, $props, $setup, $data, $options) {
     }, null, 8, ["class", "name"])) : createCommentVNode("", true), _cache[1] || (_cache[1] = createTextVNode()), column.description ? (openBlock(), createElementBlock("span", _hoisted_5$a, toDisplayString(column.description), 1)) : createCommentVNode("", true)], 16);
   }), 128))])]), _cache[6] || (_cache[6] = createTextVNode()), createElementVNode("tbody", null, [_ctx.isEmpty && _ctx.columns.length === 0 ? (openBlock(), createElementBlock("tr", _hoisted_6$8, [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps({
     row: {}
-  })))])) : createCommentVNode("", true), _cache[2] || (_cache[2] = createTextVNode()), _ctx.isEmpty ? (openBlock(), createElementBlock("tr", _hoisted_7$8, [createElementVNode("td", {
+  })))])) : createCommentVNode("", true), _cache[2] || (_cache[2] = createTextVNode()), _ctx.isEmpty ? (openBlock(), createElementBlock("tr", _hoisted_7$7, [createElementVNode("td", {
     class: "table__column table__column--action",
     colspan: _ctx.columns.length
-  }, [renderSlot(_ctx.$slots, "empty", {}, () => [createTextVNode(toDisplayString(_ctx.$t("fkui.data-table.empty", "Tabellen är tom")), 1)])], 8, _hoisted_8$6)])) : createCommentVNode("", true), _cache[3] || (_cache[3] = createTextVNode()), (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.rows, (row) => {
+  }, [renderSlot(_ctx.$slots, "empty", {}, () => [createTextVNode(toDisplayString(_ctx.$t("fkui.data-table.empty", "Tabellen är tom")), 1)])], 8, _hoisted_8$5)])) : createCommentVNode("", true), _cache[3] || (_cache[3] = createTextVNode()), (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.rows, (row) => {
     return openBlock(), createElementBlock("tr", {
       key: _ctx.rowKey(row),
       class: "table__row"
@@ -12051,9 +11936,9 @@ function _sfc_render$r(_ctx, _cache, $props, $setup, $data, $options) {
     }, {
       row
     }))]);
-  }), 128))])], 16, _hoisted_1$q)], 2);
+  }), 128))])], 16, _hoisted_1$o)], 2);
 }
-const FDataTable = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["render", _sfc_render$r]]);
+const FDataTable = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["render", _sfc_render$m]]);
 function isDayEnabled(day, config2) {
   return passesMinDate(day, config2.minDate) && passesMaxDate(day, config2.maxDate) && passesInvalidDates(day, config2.invalidDates) && passesInvalidWeekdays(day, config2.invalidWeekdays);
 }
@@ -12129,7 +12014,7 @@ function getDisplayMonth(minDate, maxDate, selectedDate, initialMonth) {
   }
   return month || FDate.now().startOfMonth();
 }
-const _sfc_main$q = defineComponent({
+const _sfc_main$n = defineComponent({
   name: "FDatepickerField",
   components: {
     FCalendar,
@@ -12387,24 +12272,24 @@ const _sfc_main$q = defineComponent({
     }
   }
 });
-const _hoisted_1$p = {
+const _hoisted_1$n = {
   ref: "component",
   class: "datepicker-field"
 };
-const _hoisted_2$l = ["disabled", "aria-expanded"];
-const _hoisted_3$g = {
+const _hoisted_2$j = ["disabled", "aria-expanded"];
+const _hoisted_3$f = {
   class: "sr-only"
 };
 const _hoisted_4$c = {
   class: "datepicker-field__close"
 };
-function _sfc_render$q(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$l(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_f_icon = resolveComponent("f-icon");
   const _component_f_text_field = resolveComponent("f-text-field");
   const _component_f_calendar_day = resolveComponent("f-calendar-day");
   const _component_f_calendar = resolveComponent("f-calendar");
   const _component_i_popup = resolveComponent("i-popup");
-  return openBlock(), createElementBlock("div", _hoisted_1$p, [createElementVNode("div", {
+  return openBlock(), createElementBlock("div", _hoisted_1$n, [createElementVNode("div", {
     ref: "calendarInputs",
     onFocusout: _cache[2] || (_cache[2] = (...args) => _ctx.onFocusoutTextFieldButton && _ctx.onFocusoutTextFieldButton(...args))
   }, [createVNode(_component_f_text_field, mergeProps(_ctx.$attrs, {
@@ -12421,11 +12306,11 @@ function _sfc_render$q(_ctx, _cache, $props, $setup, $data, $options) {
   }), createSlots({
     description: withCtx(({
       descriptionClass,
-      discreteDescriptionClass
-    }) => [renderSlot(_ctx.$slots, "description", normalizeProps(guardReactiveProps({
+      formatDescriptionClass
+    }) => [renderSlot(_ctx.$slots, "description", {
       descriptionClass,
-      discreteDescriptionClass
-    })))]),
+      formatDescriptionClass
+    })]),
     "error-message": withCtx(({
       hasError,
       validationMessage
@@ -12443,7 +12328,7 @@ function _sfc_render$q(_ctx, _cache, $props, $setup, $data, $options) {
       onClick: _cache[0] || (_cache[0] = ($event) => _ctx.onClickCalendarButton())
     }, [createVNode(_component_f_icon, {
       name: "calendar"
-    }), _cache[6] || (_cache[6] = createTextVNode()), createElementVNode("span", _hoisted_3$g, toDisplayString(_ctx.calendarButtonText), 1)], 8, _hoisted_2$l)]),
+    }), _cache[6] || (_cache[6] = createTextVNode()), createElementVNode("span", _hoisted_3$f, toDisplayString(_ctx.calendarButtonText), 1)], 8, _hoisted_2$j)]),
     default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, () => [createTextVNode(toDisplayString(_ctx.$t("fkui.datepicker-field.label", "Datum")), 1)]), _cache[7] || (_cache[7] = createTextVNode()), _cache[8] || (_cache[8] = createTextVNode()), _cache[9] || (_cache[9] = createTextVNode()), _cache[10] || (_cache[10] = createTextVNode())]),
     _: 2
   }, [_ctx.$slots.tooltip ? {
@@ -12494,11 +12379,11 @@ function _sfc_render$q(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
   }, 8, ["is-open", "anchor", "inline", "onOpen", "onClose"])], 512);
 }
-const FDatepickerField = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["render", _sfc_render$q]]);
+const FDatepickerField = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["render", _sfc_render$l]]);
 function isDialogueTreeEndQuestion(value) {
   return Boolean(value.userData);
 }
-const _sfc_main$p = defineComponent({
+const _sfc_main$m = defineComponent({
   name: "FDialogueTree",
   components: {
     FIcon
@@ -12520,7 +12405,7 @@ const _sfc_main$p = defineComponent({
       required: true
     }
   },
-  emits: ["change", "update:modelValue"],
+  emits: ["update:modelValue"],
   data() {
     return {
       currentStep: this.dialogueTree,
@@ -12573,21 +12458,20 @@ const _sfc_main$p = defineComponent({
         steps: this.steps
       };
       this.$emit("update:modelValue", emit);
-      this.$emit("change", emit);
     }
   }
 });
-const _hoisted_1$o = {
+const _hoisted_1$m = {
   class: "dialogue-tree"
 };
-const _hoisted_2$k = {
+const _hoisted_2$i = {
   key: 0,
   class: "dialogue-tree__list"
 };
-const _hoisted_3$f = ["onClick"];
-function _sfc_render$p(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_3$e = ["onClick"];
+function _sfc_render$k(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_f_icon = resolveComponent("f-icon");
-  return openBlock(), createElementBlock("div", _hoisted_1$o, [_ctx.options.length > 0 ? (openBlock(), createElementBlock("ul", _hoisted_2$k, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.options, (option, index) => {
+  return openBlock(), createElementBlock("div", _hoisted_1$m, [_ctx.options.length > 0 ? (openBlock(), createElementBlock("ul", _hoisted_2$i, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.options, (option, index) => {
     return openBlock(), createElementBlock("li", {
       key: option.label,
       class: "dialogue-tree__list-item"
@@ -12598,15 +12482,15 @@ function _sfc_render$p(_ctx, _cache, $props, $setup, $data, $options) {
       onClick: ($event) => _ctx.onClickedOption(option, index)
     }, [createElementVNode("span", null, toDisplayString(option.label), 1), _cache[0] || (_cache[0] = createTextVNode()), createVNode(_component_f_icon, {
       name: "arrow-right"
-    })], 8, _hoisted_3$f)]);
+    })], 8, _hoisted_3$e)]);
   }), 128))])) : renderSlot(_ctx.$slots, "default", normalizeProps(mergeProps({
     key: 1
   }, {
     userData: _ctx.userData
   })))]);
 }
-const FDialogueTree = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["render", _sfc_render$p]]);
-const _sfc_main$o = defineComponent({
+const FDialogueTree = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["render", _sfc_render$k]]);
+const _sfc_main$l = defineComponent({
   name: "FExpandablePanel",
   components: {
     FIcon,
@@ -12680,11 +12564,11 @@ const _sfc_main$o = defineComponent({
     }
   }
 });
-const _hoisted_1$n = ["aria-expanded", "aria-controls"];
-const _hoisted_2$j = {
+const _hoisted_1$l = ["aria-expanded", "aria-controls"];
+const _hoisted_2$h = {
   class: "expandable-panel__icon"
 };
-const _hoisted_3$e = {
+const _hoisted_3$d = {
   class: "icon-stack"
 };
 const _hoisted_4$b = ["title"];
@@ -12692,14 +12576,14 @@ const _hoisted_5$9 = {
   class: "sr-only"
 };
 const _hoisted_6$7 = ["id"];
-const _hoisted_7$7 = {
+const _hoisted_7$6 = {
   class: "expandable-panel__body"
 };
-const _hoisted_8$5 = {
+const _hoisted_8$4 = {
   key: 0,
   class: "expandable-panel__outside"
 };
-function _sfc_render$o(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$j(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_f_icon = resolveComponent("f-icon");
   const _component_f_expand = resolveComponent("f-expand");
   return openBlock(), createElementBlock("div", {
@@ -12713,7 +12597,7 @@ function _sfc_render$o(_ctx, _cache, $props, $setup, $data, $options) {
       "aria-controls": _ctx.id
     }, _ctx.$attrs, {
       onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onClickHeadingButton && _ctx.onClickHeadingButton(...args))
-    }), [createElementVNode("span", _hoisted_2$j, [createElementVNode("span", _hoisted_3$e, [createVNode(_component_f_icon, {
+    }), [createElementVNode("span", _hoisted_2$h, [createElementVNode("span", _hoisted_3$d, [createVNode(_component_f_icon, {
       name: "dash"
     }), _cache[1] || (_cache[1] = createTextVNode()), createVNode(_component_f_icon, {
       name: "dash"
@@ -12726,18 +12610,18 @@ function _sfc_render$o(_ctx, _cache, $props, $setup, $data, $options) {
       })
     }, [createElementVNode("span", _hoisted_5$9, toDisplayString(_ctx.screenReaderNotificationText), 1), _cache[2] || (_cache[2] = createTextVNode()), createVNode(_component_f_icon, {
       name: "bell"
-    })], 8, _hoisted_4$b)) : createCommentVNode("", true)], 16, _hoisted_1$n)]),
+    })], 8, _hoisted_4$b)) : createCommentVNode("", true)], 16, _hoisted_1$l)]),
     _: 3
   })), _cache[6] || (_cache[6] = createTextVNode()), createVNode(_component_f_expand, null, {
     default: withCtx(() => [withDirectives(createElementVNode("div", {
       id: _ctx.id,
       class: "expandable-panel__content"
-    }, [createElementVNode("div", _hoisted_7$7, [renderSlot(_ctx.$slots, "default")]), _cache[5] || (_cache[5] = createTextVNode()), _ctx.hasOutsideSlot ? (openBlock(), createElementBlock("div", _hoisted_8$5, [renderSlot(_ctx.$slots, "outside")])) : createCommentVNode("", true)], 8, _hoisted_6$7), [[vShow, _ctx.expanded]])]),
+    }, [createElementVNode("div", _hoisted_7$6, [renderSlot(_ctx.$slots, "default")]), _cache[5] || (_cache[5] = createTextVNode()), _ctx.hasOutsideSlot ? (openBlock(), createElementBlock("div", _hoisted_8$4, [renderSlot(_ctx.$slots, "outside")])) : createCommentVNode("", true)], 8, _hoisted_6$7), [[vShow, _ctx.expanded]])]),
     _: 3
   })], 2);
 }
-const FExpandablePanel = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["render", _sfc_render$o]]);
-const _sfc_main$n = defineComponent({
+const FExpandablePanel = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["render", _sfc_render$j]]);
+const _sfc_main$k = defineComponent({
   name: "FExpandableParagraph",
   components: {
     FIcon,
@@ -12819,11 +12703,11 @@ const _sfc_main$n = defineComponent({
     }
   }
 });
-const _hoisted_1$m = ["aria-expanded", "aria-controls"];
-const _hoisted_2$i = {
+const _hoisted_1$k = ["aria-expanded", "aria-controls"];
+const _hoisted_2$g = {
   class: "expandable-paragraph__icon"
 };
-const _hoisted_3$d = {
+const _hoisted_3$c = {
   class: "icon-stack"
 };
 const _hoisted_4$a = {
@@ -12834,11 +12718,11 @@ const _hoisted_5$8 = ["id"];
 const _hoisted_6$6 = {
   class: "expandable-paragraph__content"
 };
-const _hoisted_7$6 = {
+const _hoisted_7$5 = {
   key: 0,
   class: "expandable-paragraph__separator"
 };
-function _sfc_render$n(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$i(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_f_icon = resolveComponent("f-icon");
   const _component_f_expand = resolveComponent("f-expand");
   return openBlock(), createElementBlock("div", {
@@ -12855,21 +12739,21 @@ function _sfc_render$n(_ctx, _cache, $props, $setup, $data, $options) {
       "aria-controls": _ctx.id
     }, _ctx.$attrs, {
       onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onClickMinimize && _ctx.onClickMinimize(...args))
-    }), [createElementVNode("span", _hoisted_2$i, [createElementVNode("span", _hoisted_3$d, [createVNode(_component_f_icon, {
+    }), [createElementVNode("span", _hoisted_2$g, [createElementVNode("span", _hoisted_3$c, [createVNode(_component_f_icon, {
       name: "dash"
     }), _cache[1] || (_cache[1] = createTextVNode()), createVNode(_component_f_icon, {
       name: "dash"
-    })])]), _cache[2] || (_cache[2] = createTextVNode()), renderSlot(_ctx.$slots, "title")], 16, _hoisted_1$m)]),
+    })])]), _cache[2] || (_cache[2] = createTextVNode()), renderSlot(_ctx.$slots, "title")], 16, _hoisted_1$k)]),
     _: 3
   }, 8, ["class"])), _cache[3] || (_cache[3] = createTextVNode()), _ctx.hasRelatedSlot ? (openBlock(), createElementBlock("div", _hoisted_4$a, [renderSlot(_ctx.$slots, "related")])) : createCommentVNode("", true)], 2), _cache[5] || (_cache[5] = createTextVNode()), createVNode(_component_f_expand, null, {
     default: withCtx(() => [withDirectives(createElementVNode("div", {
       id: _ctx.id,
       class: "expandable-paragraph__container"
-    }, [createElementVNode("div", _hoisted_6$6, [renderSlot(_ctx.$slots, "default")]), _cache[4] || (_cache[4] = createTextVNode()), !_ctx.list ? (openBlock(), createElementBlock("div", _hoisted_7$6)) : createCommentVNode("", true)], 8, _hoisted_5$8), [[vShow, _ctx.expanded]])]),
+    }, [createElementVNode("div", _hoisted_6$6, [renderSlot(_ctx.$slots, "default")]), _cache[4] || (_cache[4] = createTextVNode()), !_ctx.list ? (openBlock(), createElementBlock("div", _hoisted_7$5)) : createCommentVNode("", true)], 8, _hoisted_5$8), [[vShow, _ctx.expanded]])]),
     _: 3
   })], 2);
 }
-const FExpandableParagraph = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["render", _sfc_render$n]]);
+const FExpandableParagraph = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["render", _sfc_render$i]]);
 const DEFAULT_ICON = "file";
 const iconMap = {
   "image/*": "pic",
@@ -12878,7 +12762,7 @@ const iconMap = {
   "application/vnd.openxmlformats-officedocument.wordprocessingml.document": "doc",
   "application/vnd.openxmlformats-officedocument.wordprocessingml.template": "doc"
 };
-const _sfc_main$m = defineComponent({
+const _sfc_main$j = defineComponent({
   name: "FFileItem",
   components: {
     FIcon
@@ -12957,13 +12841,13 @@ const _sfc_main$m = defineComponent({
     }
   }
 });
-const _hoisted_1$l = {
+const _hoisted_1$j = {
   class: "file-item"
 };
-const _hoisted_2$h = {
+const _hoisted_2$f = {
   class: "file-item__row"
 };
-const _hoisted_3$c = ["id"];
+const _hoisted_3$b = ["id"];
 const _hoisted_4$9 = {
   class: "icon-stack button__icon icon-stack--new-window"
 };
@@ -12973,25 +12857,25 @@ const _hoisted_5$7 = {
 const _hoisted_6$5 = {
   class: "sr-only"
 };
-const _hoisted_7$5 = {
+const _hoisted_7$4 = {
   key: 0,
   class: "file-item__change-info"
 };
-function _sfc_render$m(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$h(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_f_icon = resolveComponent("f-icon");
-  return openBlock(), createElementBlock("div", _hoisted_1$l, [createElementVNode("div", _hoisted_2$h, [createElementVNode("a", mergeProps({
+  return openBlock(), createElementBlock("div", _hoisted_1$j, [createElementVNode("div", _hoisted_2$f, [createElementVNode("a", mergeProps({
     id: _ctx.id,
     class: "file-item__file-open"
   }, _ctx.$attrs), [createElementVNode("div", _hoisted_4$9, [createVNode(_component_f_icon, {
     name: "new-window"
   }), _cache[0] || (_cache[0] = createTextVNode()), createVNode(_component_f_icon, {
     name: _ctx.iconName
-  }, null, 8, ["name"])]), _cache[1] || (_cache[1] = createTextVNode()), createElementVNode("span", _hoisted_5$7, toDisplayString(_ctx.fileName), 1), _cache[2] || (_cache[2] = createTextVNode()), createElementVNode("span", _hoisted_6$5, " " + toDisplayString(_ctx.$t("fkui.file-item.file-open", "öppnas i nytt fönster")), 1)], 16, _hoisted_3$c), _cache[3] || (_cache[3] = createTextVNode()), renderSlot(_ctx.$slots, "row")]), _cache[4] || (_cache[4] = createTextVNode()), renderSlot(_ctx.$slots, "default"), _cache[5] || (_cache[5] = createTextVNode()), _ctx.isMimeTypeChanged ? (openBlock(), createElementBlock("div", _hoisted_7$5, toDisplayString(_ctx.mimeTypeChangedText), 1)) : createCommentVNode("", true), _cache[6] || (_cache[6] = createTextVNode()), _cache[7] || (_cache[7] = createElementVNode("hr", {
+  }, null, 8, ["name"])]), _cache[1] || (_cache[1] = createTextVNode()), createElementVNode("span", _hoisted_5$7, toDisplayString(_ctx.fileName), 1), _cache[2] || (_cache[2] = createTextVNode()), createElementVNode("span", _hoisted_6$5, " " + toDisplayString(_ctx.$t("fkui.file-item.file-open", "öppnas i nytt fönster")), 1)], 16, _hoisted_3$b), _cache[3] || (_cache[3] = createTextVNode()), renderSlot(_ctx.$slots, "row")]), _cache[4] || (_cache[4] = createTextVNode()), renderSlot(_ctx.$slots, "default"), _cache[5] || (_cache[5] = createTextVNode()), _ctx.isMimeTypeChanged ? (openBlock(), createElementBlock("div", _hoisted_7$4, toDisplayString(_ctx.mimeTypeChangedText), 1)) : createCommentVNode("", true), _cache[6] || (_cache[6] = createTextVNode()), _cache[7] || (_cache[7] = createElementVNode("hr", {
     class: "file-item__separator"
   }, null, -1))]);
 }
-const FFileItem = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["render", _sfc_render$m]]);
-const _sfc_main$l = defineComponent({
+const FFileItem = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["render", _sfc_render$h]]);
+const _sfc_main$i = defineComponent({
   name: "FFileSelector",
   components: {
     FIcon
@@ -13052,14 +12936,14 @@ const _sfc_main$l = defineComponent({
     }
   }
 });
-const _hoisted_1$k = {
+const _hoisted_1$i = {
   class: "file-selector"
 };
-const _hoisted_2$g = ["id", "aria-labelledby", "aria-disabled"];
-const _hoisted_3$b = ["id", "for"];
-function _sfc_render$l(_ctx, _cache, $props, $setup, $data, $options) {
+const _hoisted_2$e = ["id", "aria-labelledby", "aria-disabled"];
+const _hoisted_3$a = ["id", "for"];
+function _sfc_render$g(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_f_icon = resolveComponent("f-icon");
-  return openBlock(), createElementBlock("div", _hoisted_1$k, [createElementVNode("input", mergeProps({
+  return openBlock(), createElementBlock("div", _hoisted_1$i, [createElementVNode("input", mergeProps({
     id: _ctx.id,
     ref: "file-selector",
     type: "file",
@@ -13067,7 +12951,7 @@ function _sfc_render$l(_ctx, _cache, $props, $setup, $data, $options) {
     "aria-disabled": _ctx.ariaDisabled ? "true" : void 0
   }, _ctx.attrs, {
     onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onClick && _ctx.onClick(...args))
-  }), null, 16, _hoisted_2$g), _cache[2] || (_cache[2] = createTextVNode()), createElementVNode("label", {
+  }), null, 16, _hoisted_2$e), _cache[2] || (_cache[2] = createTextVNode()), createElementVNode("label", {
     id: _ctx.labelId,
     role: "button",
     class: normalizeClass([_ctx.labelClass, "button button--tertiary button--medium"]),
@@ -13076,673 +12960,15 @@ function _sfc_render$l(_ctx, _cache, $props, $setup, $data, $options) {
   }, [createVNode(_component_f_icon, {
     class: "button__icon",
     name: "paper-clip"
-  }), _cache[1] || (_cache[1] = createTextVNode()), renderSlot(_ctx.$slots, "default")], 10, _hoisted_3$b)]);
+  }), _cache[1] || (_cache[1] = createTextVNode()), renderSlot(_ctx.$slots, "default")], 10, _hoisted_3$a)]);
 }
-const FFileSelector = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["render", _sfc_render$l]]);
-const iconClasses = {
-  success: {
-    symbol: "circle",
-    sign: "success",
-    screenReaderContextKey: "fkui.message-box.sr-context.success",
-    screenReaderContextDefault: "Meddelande"
-  },
-  warning: {
-    symbol: "circle",
-    sign: "alert",
-    screenReaderContextKey: "fkui.message-box.sr-context.warning",
-    screenReaderContextDefault: "Varningsmeddelande"
-  },
-  error: {
-    symbol: "triangle",
-    sign: "alert",
-    screenReaderContextKey: "fkui.message-box.sr-context.error",
-    screenReaderContextDefault: "Felmeddelande"
-  },
-  info: {
-    symbol: "circle",
-    sign: "i",
-    screenReaderContextKey: "fkui.message-box.sr-context.info",
-    screenReaderContextDefault: "Informationsmeddelande"
-  }
-};
-const _sfc_main$k = defineComponent({
-  name: "FMessageBox",
-  components: {
-    FIcon,
-    IFlex,
-    IFlexItem
-  },
-  props: {
-    /**
-     * Type of message-box. 'success', 'error', 'warning' and 'info' is valid.
-     * */
-    type: {
-      type: String,
-      required: true,
-      validator(value) {
-        return ["success", "warning", "error", "info"].includes(value);
-      }
-    },
-    /**
-     * If message-box should be a banner.
-     * If prop is not used message-box will have default styling.
-     */
-    banner: {
-      type: Boolean,
-      required: false
-    },
-    /**
-     * It is important to provide a context for a screenreader, similar to a modal that initially outputs it is a dialog.
-     * Type-specific screenreader context is output by default in this component.
-     * By setting this property to false no context will be output.
-     * Note that by doing this, it is the applications responsiblity to provide a clear context.
-     */
-    provideScreenReaderContext: {
-      type: Boolean,
-      required: false,
-      default: true
-    },
-    /**
-     * Select standard or short layout.
-     *
-     * - 'normal' - Use normal layout when need for heading and/or longer text/multiple sentences
-     * - 'short' - Use short layout when only need for shorter text
-     */
-    layout: {
-      type: String,
-      required: false,
-      default: "standard",
-      validator(value) {
-        return ["standard", "short"].includes(value);
-      }
-    }
-  },
-  data() {
-    return {
-      headingClass: ["message-box__heading"]
-    };
-  },
-  computed: {
-    messageBoxType() {
-      if (this.layout === "short") {
-        return `message-box--${this.type}-short`;
-      } else {
-        return `message-box--${this.type}`;
-      }
-    },
-    bannerType() {
-      return this.banner ? `message-box--banner` : "";
-    },
-    classType() {
-      return `icon__${this.type}`;
-    },
-    classIcon() {
-      return iconClasses[this.type].symbol === "circle" && iconClasses[this.type].sign === "alert" ? `icon__exclamation` : "";
-    },
-    stackTypeClass() {
-      return `icon-stack--${this.type}`;
-    },
-    symbol() {
-      return iconClasses[this.type].symbol;
-    },
-    sign() {
-      return iconClasses[this.type].sign;
-    }
-  },
-  methods: {
-    screenReaderContext() {
-      return TranslationService.provider.translate(iconClasses[this.type].screenReaderContextKey, iconClasses[this.type].screenReaderContextDefault);
-    }
-  }
-});
-const _hoisted_1$j = {
-  key: 0,
-  class: "sr-only"
-};
-function _sfc_render$k(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_f_icon = resolveComponent("f-icon");
-  const _component_i_flex_item = resolveComponent("i-flex-item");
-  const _component_i_flex = resolveComponent("i-flex");
-  return openBlock(), createElementBlock("div", {
-    class: normalizeClass(["message-box", [_ctx.messageBoxType, _ctx.bannerType]])
-  }, [_ctx.provideScreenReaderContext ? (openBlock(), createElementBlock("span", _hoisted_1$j, toDisplayString(_ctx.screenReaderContext()), 1)) : createCommentVNode("", true), _cache[2] || (_cache[2] = createTextVNode()), createVNode(_component_i_flex, {
-    gap: "2x"
-  }, {
-    default: withCtx(() => [_ctx.layout === "short" ? (openBlock(), createBlock(_component_i_flex_item, {
-      key: 0,
-      class: "message-box__icon",
-      shrink: "",
-      align: "center"
-    }, {
-      default: withCtx(() => [createElementVNode("span", {
-        class: normalizeClass(["icon-stack", _ctx.stackTypeClass])
-      }, [createVNode(_component_f_icon, {
-        class: normalizeClass(_ctx.classType),
-        name: _ctx.symbol
-      }, null, 8, ["class", "name"]), _cache[0] || (_cache[0] = createTextVNode()), createVNode(_component_f_icon, {
-        class: normalizeClass(_ctx.classIcon),
-        name: _ctx.sign
-      }, null, 8, ["class", "name"])], 2)]),
-      _: 1
-    })) : createCommentVNode("", true), _cache[1] || (_cache[1] = createTextVNode()), createVNode(_component_i_flex_item, {
-      class: "message-box__content",
-      grow: "",
-      align: "center"
-    }, {
-      default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(_ctx.layout === "short" ? {} : {
-        headingSlotClass: _ctx.headingClass
-      })))]),
-      _: 3
-    })]),
-    _: 3
-  })], 2);
-}
-const FMessageBox = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["render", _sfc_render$k]]);
-const setRef = Symbol("setRef");
-const getRef = Symbol("getRef");
-const setIsOpen = Symbol("setIsOpen");
-function createFFormProvideOptions(vm) {
-  const {
-    components
-  } = vm;
-  return {
-    [setRef](id, data) {
-      components[id] = new Reference(data);
-    },
-    [getRef](id) {
-      return components[id];
-    },
-    [setIsOpen](id, isOpen) {
-      const steps = Object.values(components).filter(isFormStepReference);
-      for (const step2 of steps) {
-        step2.ref.isOpen = false;
-      }
-      const step = components[id];
-      if (isFormStepReference(step)) {
-        step.ref.isOpen = isOpen;
-      }
-    }
-  };
-}
-const _sfc_main$j = defineComponent({
-  name: "FForm",
-  components: {
-    FMessageBox,
-    FErrorList
-  },
-  provide() {
-    return createFFormProvideOptions(this);
-  },
-  inheritAttrs: false,
-  props: {
-    /**
-     * The id for the form id attribute.
-     * If the prop is not set a random value will be generated.
-     */
-    id: {
-      type: String,
-      required: false,
-      default: () => ElementIdService.generateElementId()
-    },
-    /**
-     * If the error-message slot and the invalid elements list
-     * should be displayed.
-     */
-    displayError: {
-      type: Boolean,
-      default: true
-    },
-    /**
-     * If invalid fields at submit this tells how the scroll to the error
-     * field should occur. The default, "center", centres the error information
-     * vertically. Allowed value is also "top" which scrolls such that the error
-     * informations top is at the top of the viewport.
-     */
-    errorScroll: {
-      type: String,
-      default: "center",
-      validator(value) {
-        return ["center", "top"].includes(value);
-      }
-    }
-  },
-  data() {
-    return {
-      errorMessageSlotClass: ["message-box__heading"],
-      components: {}
-    };
-  },
-  computed: {
-    attrs() {
-      let onSubmit;
-      if (this.$attrs.onSubmit) {
-        const originalSubmit = this.$attrs.onSubmit;
-        onSubmit = async (event) => {
-          const isValid = await this.onSubmit(event);
-          if (isValid) {
-            if (Array.isArray(originalSubmit)) {
-              originalSubmit.forEach((submitFunction) => submitFunction(event));
-            } else {
-              originalSubmit(event);
-            }
-          }
-        };
-      } else {
-        onSubmit = this.onSubmit;
-      }
-      const attrs = {
-        ...this.$attrs,
-        id: this.id,
-        onSubmit
-      };
-      return attrs;
-    },
-    numberOfTimesSubmitted() {
-      const components = Object.values(this.components);
-      return Math.max(0, ...components.map((it) => it.ref.numberOfTimesSubmitted));
-    },
-    isSubmitted() {
-      return this.numberOfTimesSubmitted > 0;
-    },
-    hasError() {
-      if (Object.values(this.components).length === 0) {
-        return false;
-      } else {
-        const components = Object.values(this.components);
-        return components.some((component) => component.ref.isValid === false);
-      }
-    },
-    componentsWithErrors() {
-      const sortedComponents = sortComponentsWithErrorsOnDOMOrder(this.components);
-      return sortedComponents.map((c) => c.ref);
-    },
-    needsErrorScroll() {
-      return this.errorScroll !== "center";
-    }
-  },
-  methods: {
-    async focusDomElement() {
-      await this.$nextTick();
-      const messageBoxError = this.$el.querySelector(".message-box--error");
-      if (messageBoxError) {
-        focus$1(messageBoxError, {
-          scrollToTop: this.needsErrorScroll
-        });
-      }
-    },
-    async focusFallbackElement() {
-      await this.$nextTick();
-      const element = this.$el.querySelector(".form-step__header");
-      const invalidElement = this.$el.querySelector(":invalid");
-      if (element) {
-        focus$1(element, {
-          scrollToTop: this.needsErrorScroll
-        });
-      } else if (invalidElement) {
-        focus$1(invalidElement, {
-          force: true,
-          scrollToTop: this.needsErrorScroll
-        });
-      }
-    },
-    async onSubmit(event) {
-      event.preventDefault();
-      const components = Object.values(this.components);
-      components.forEach((component) => {
-        component.ref.numberOfTimesSubmitted++;
-        if (!isFormStepReference(component)) {
-          ValidationService.setTouched(component.ref.id);
-          ValidationService.setSubmitted(component.ref.id);
-        }
-      });
-      await cleanUpElements(this);
-      await ValidationService.validateAllElements(this.id);
-      if (this.displayError) {
-        this.focusDomElement();
-      } else {
-        this.focusFallbackElement();
-      }
-      return this.hasError === false;
-    },
-    async onComponentValidity(event) {
-      const reference = new Reference({
-        id: event.detail.elementId,
-        focusElementId: event.detail.focusElementId,
-        title: event.detail.errorMessage,
-        isValid: event.detail.isValid,
-        numberOfTimesSubmitted: this.numberOfTimesSubmitted
-      });
-      this.components[event.detail.elementId] = reference;
-      await cleanUpElements(this);
-    }
-  }
-});
-const _hoisted_1$i = ["id"];
-function _sfc_render$j(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_f_error_list = resolveComponent("f-error-list");
-  const _component_f_message_box = resolveComponent("f-message-box");
-  return openBlock(), createElementBlock("form", mergeProps({
-    id: _ctx.id,
-    class: "form",
-    novalidate: ""
-  }, _ctx.attrs, {
-    onComponentValidity: _cache[0] || (_cache[0] = (...args) => _ctx.onComponentValidity && _ctx.onComponentValidity(...args))
-  }), [_ctx.displayError && _ctx.isSubmitted && _ctx.hasError ? (openBlock(), createBlock(_component_f_message_box, {
-    key: 0,
-    tabindex: "-1",
-    type: "error"
-  }, {
-    default: withCtx(() => [renderSlot(_ctx.$slots, "error-message", normalizeProps(guardReactiveProps({
-      slotClass: _ctx.errorMessageSlotClass
-    }))), _cache[1] || (_cache[1] = createTextVNode()), createElementVNode("nav", null, [createVNode(_component_f_error_list, {
-      items: _ctx.componentsWithErrors
-    }, null, 8, ["items"])])]),
-    _: 3
-  })) : createCommentVNode("", true), _cache[2] || (_cache[2] = createTextVNode()), renderSlot(_ctx.$slots, "default")], 16, _hoisted_1$i);
-}
-const FForm = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["render", _sfc_render$j]]);
-const _sfc_main$i = defineComponent({
-  name: "FFormStep",
-  components: {
-    FIcon,
-    FValidationGroup,
-    FErrorList
-  },
-  mixins: [TranslationMixin],
-  inheritAttrs: false,
-  props: {
-    /**
-     * The id for the root div id attribute.
-     * If the prop is not set a random value will be generated.
-     */
-    id: {
-      type: String,
-      required: true,
-      default: () => ElementIdService.generateElementId()
-    },
-    /**
-     * If the form step should have a bottom arrow.
-     * It is recommended to remove the arrow for the last step with `:has-arrow="false"`.
-     */
-    hasArrow: {
-      type: Boolean,
-      default: true
-    },
-    /**
-     * If the form step is the last step.
-     * If set to true the form step will have a bigger bottom margin.
-     */
-    isLastStep: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * If error links should be disabled, `:disable-error-links="true"`..
-     * If `true`, errors will be displayed as text instead.
-     */
-    disableErrorLinks: {
-      type: Boolean,
-      default: false
-    }
-  },
-  setup() {
-    return {
-      setRef: inject(setRef),
-      getRef: inject(getRef),
-      setIsOpen: inject(setIsOpen)
-    };
-  },
-  data() {
-    return {
-      self: new Reference({
-        isOpen: false,
-        numberOfTimesSubmitted: 0,
-        isAnyFieldTouched: false,
-        isValid: true,
-        id: this.id,
-        focusElementId: `${this.id}-error`,
-        title: ""
-      }),
-      hasBeenValid: false,
-      isOpenedClosed: false,
-      headerSlotClass: ["form-step__title"],
-      stepErrorId: `${this.id}-error`,
-      groupValidity: {
-        isValid: false,
-        componentsWithError: [],
-        componentCount: 0
-      }
-    };
-  },
-  computed: {
-    attrs() {
-      return {
-        ...this.$attrs,
-        class: {
-          "form-step--complete": this.self.ref.isValid,
-          "form-step--last-step": this.isLastStep
-        }
-      };
-    },
-    defaultErrorMessage() {
-      return this.$t("fkui.form-step.errorlist.title", "Oj, du har glömt att fylla i något. Gå till:");
-    },
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any -- technical debt, not sure what is going on here
-    injected() {
-      return this;
-    },
-    isSubmitted() {
-      return this.self.ref.numberOfTimesSubmitted > 0;
-    },
-    componentsWithError() {
-      return this.groupValidity.componentsWithError.map((c) => ({
-        id: this.disableErrorLinks ? void 0 : c.elementId,
-        focusElementId: c.focusElementId,
-        title: c.errorMessage
-      }));
-    },
-    hasError() {
-      return this.groupValidity.componentsWithError.length > 0;
-    },
-    displayErrorList() {
-      return (this.isOpenedClosed || this.hasBeenValid || this.isSubmitted) && this.hasError;
-    },
-    validationGroupKey() {
-      return `${this.id}-group`;
-    }
-  },
-  watch: {
-    "self.ref.numberOfTimesSubmitted": {
-      handler() {
-        ValidationService.setSubmitted(this.$el);
-        ValidationService.validateAllElements(this.id);
-      }
-    },
-    groupValidity: {
-      immediate: true,
-      handler() {
-        this.self.ref.isValid = this.groupValidity.isValid;
-        if (this.hasBeenValid === false) {
-          this.hasBeenValid = this.groupValidity.isValid;
-        }
-      }
-    }
-  },
-  async mounted() {
-    await this.$nextTick();
-    this.loadSelf();
-    this.injected.setRef(this.id, this.self.ref);
-    this.loadSelf();
-    this.updateSelfRefTitle();
-  },
-  beforeUpdate() {
-    this.updateSelfRefTitle();
-  },
-  methods: {
-    updateSelfRefTitle() {
-      const [firstSlotClass] = this.headerSlotClass;
-      const headerElement = this.$el.querySelector(`.${firstSlotClass}`);
-      if (headerElement && headerElement.textContent) {
-        this.self.ref.title = headerElement.textContent;
-      }
-    },
-    loadSelf() {
-      const ref2 = this.injected.getRef(this.id);
-      Object.assign(this.self, ref2);
-    },
-    async focusDomElement() {
-      await this.$nextTick();
-      if (this.hasError && this.self.ref.isAnyFieldTouched) {
-        const formStepError = this.$el.querySelector(".form-step__error");
-        focus$1(formStepError);
-      } else {
-        const formStepHeader = this.$el.querySelector(".form-step__header");
-        focus$1(formStepHeader);
-      }
-    },
-    async beforeNavigateToError() {
-      this.injected.setIsOpen(this.id, true);
-      await this.$nextTick();
-    },
-    /**
-     * Toggle if open or closed.
-     * If another form step is open then it will be closed.
-     * @public
-     */
-    toggleIsOpen() {
-      this.injected.setIsOpen(this.id, !this.self.ref.isOpen);
-      if (this.self.ref.isAnyFieldTouched && this.self.ref.isOpen === false) {
-        if (this.isOpenedClosed === false) {
-          this.isOpenedClosed = true;
-        }
-        ValidationService.setTouched(this.$el);
-        ValidationService.validateAllElements(this.id);
-      }
-      this.focusDomElement();
-    },
-    onComponentValidity(event) {
-      const hasReceivedValidOrErrorEvent = event.detail.validityMode === "VALID" || event.detail.validityMode === "ERROR";
-      if (hasReceivedValidOrErrorEvent && this.self.ref.isOpen) {
-        this.self.ref.isAnyFieldTouched = true;
-      }
-    }
-  }
-});
-const _hoisted_1$h = {
-  class: "form-step__header",
-  tabindex: "-1",
-  role: "group"
-};
-const _hoisted_2$f = ["id"];
-const _hoisted_3$a = {
-  key: 0,
-  class: "form-step__arrow"
-};
-function _sfc_render$i(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_f_icon = resolveComponent("f-icon");
-  const _component_f_error_list = resolveComponent("f-error-list");
-  const _component_f_validation_group = resolveComponent("f-validation-group");
-  return openBlock(), createBlock(_component_f_validation_group, mergeProps({
-    id: _ctx.id
-  }, _ctx.attrs, {
-    key: _ctx.validationGroupKey,
-    modelValue: _ctx.groupValidity,
-    "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => _ctx.groupValidity = $event),
-    class: "form-step",
-    "stop-propagation": true
-  }), {
-    default: withCtx(() => [createElementVNode("div", _hoisted_1$h, [renderSlot(_ctx.$slots, "header", normalizeProps(guardReactiveProps({
-      slotClass: _ctx.headerSlotClass,
-      ..._ctx.self.ref,
-      toggleIsOpen: _ctx.toggleIsOpen
-    }))), _cache[2] || (_cache[2] = createTextVNode()), _ctx.self.ref.isValid ? (openBlock(), createBlock(_component_f_icon, {
-      key: 0,
-      class: "form-step__check",
-      name: "success"
-    })) : createCommentVNode("", true)]), _cache[4] || (_cache[4] = createTextVNode()), _ctx.displayErrorList ? (openBlock(), createElementBlock("div", {
-      key: 0,
-      id: _ctx.stepErrorId,
-      class: "form-step__error",
-      tabindex: "-1",
-      role: "group"
-    }, [createElementVNode("nav", null, [createVNode(_component_f_error_list, {
-      bullets: true,
-      items: _ctx.componentsWithError,
-      "before-navigate": _ctx.beforeNavigateToError
-    }, {
-      title: withCtx(() => [renderSlot(_ctx.$slots, "error-message", {}, () => [createTextVNode(toDisplayString(_ctx.defaultErrorMessage), 1)])]),
-      _: 3
-    }, 8, ["items", "before-navigate"])])], 8, _hoisted_2$f)) : createCommentVNode("", true), _cache[5] || (_cache[5] = createTextVNode()), createElementVNode("div", {
-      onComponentValidity: _cache[0] || (_cache[0] = (...args) => _ctx.onComponentValidity && _ctx.onComponentValidity(...args))
-    }, [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps({
-      ..._ctx.self.ref,
-      isSubmitted: _ctx.isSubmitted,
-      toggleIsOpen: _ctx.toggleIsOpen
-    }))), _cache[3] || (_cache[3] = createTextVNode()), _ctx.hasArrow ? (openBlock(), createElementBlock("span", _hoisted_3$a)) : createCommentVNode("", true)], 32)]),
-    _: 3
-  }, 16, ["id", "modelValue"]);
-}
-const FFormStep = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["render", _sfc_render$i]]);
-const _sfc_main$h = defineComponent({
-  name: "FFormStepButton",
-  components: {
-    FIcon
-  },
-  mixins: [TranslationMixin],
-  inheritAttrs: false,
-  model: {
-    prop: "sr-only"
-  },
-  props: {
-    /**
-     * If the id is not set a random value will be generated.
-     */
-    id: {
-      type: String,
-      required: false,
-      default: () => ElementIdService.generateElementId()
-    },
-    isOpen: Boolean,
-    isAnyFieldTouched: Boolean,
-    additionalScreenreaderText: {
-      type: String,
-      required: false,
-      default: ""
-    }
-  }
-});
-const _hoisted_1$g = ["id", "aria-expanded"];
-const _hoisted_2$e = {
-  class: "sr-only"
-};
-function _sfc_render$h(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_f_icon = resolveComponent("f-icon");
-  return openBlock(), createElementBlock("button", mergeProps({
-    id: _ctx.id,
-    class: "button button--margin-bottom-0 button--large",
-    type: "button"
-  }, _ctx.$attrs, {
-    "aria-expanded": _ctx.isOpen ? "true" : "false",
-    "data-form-step-button": ""
-  }), [_ctx.isOpen ? (openBlock(), createElementBlock(Fragment, {
-    key: 0
-  }, [createVNode(_component_f_icon, {
-    name: "success",
-    class: "button__icon"
-  }), createTextVNode(" " + toDisplayString(_ctx.$t("fkui.form-step-button.close", "OK")), 1)], 64)) : (openBlock(), createElementBlock(Fragment, {
-    key: 1
-  }, [createVNode(_component_f_icon, {
-    name: "pen",
-    class: "button__icon"
-  }), createTextVNode(" " + toDisplayString(_ctx.isAnyFieldTouched ? _ctx.$t("fkui.form-step-button.edit", "Ändra") : _ctx.$t("fkui.form-step-button.open", "Fyll i")), 1)], 64)), _cache[0] || (_cache[0] = createTextVNode()), createElementVNode("span", _hoisted_2$e, toDisplayString(_ctx.additionalScreenreaderText), 1)], 16, _hoisted_1$g);
-}
-const FFormStepButton = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["render", _sfc_render$h]]);
-const keybindings = Object.fromEntries([["Up", focusTrAbove], ["Down", focusTrBelow], ["ArrowUp", focusTrAbove], ["ArrowDown", focusTrBelow], [" ", activateRow], ["Spacebar", activateRow]]);
-function focusTrAbove(current) {
-  if (current > 0) {
-    this.tr[current - 1].focus();
-  } else {
-    this.tr[this.tr.length - 1].focus();
+const FFileSelector = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["render", _sfc_render$g]]);
+const keybindings = Object.fromEntries([["Up", focusTrAbove], ["Down", focusTrBelow], ["ArrowUp", focusTrAbove], ["ArrowDown", focusTrBelow], [" ", activateRow], ["Spacebar", activateRow]]);
+function focusTrAbove(current) {
+  if (current > 0) {
+    this.tr[current - 1].focus();
+  } else {
+    this.tr[this.tr.length - 1].focus();
   }
 }
 function focusTrBelow(current) {
@@ -13844,7 +13070,7 @@ function forceRepaintIE11(target) {
     target.style.removeProperty("display");
   }
 }
-const _sfc_main$g = defineComponent({
+const _sfc_main$h = defineComponent({
   name: "FInteractiveTable",
   components: {
     FCheckboxField,
@@ -13962,7 +13188,6 @@ const _sfc_main$g = defineComponent({
   emits: [
     "change",
     "click",
-    "update",
     "unselect",
     "update:modelValue",
     "update:active",
@@ -14155,7 +13380,6 @@ const _sfc_main$g = defineComponent({
     updateVModelWithSelectedRows() {
       if (this.modelValue) {
         this.$emit("update:modelValue", this.selectedRows);
-        this.$emit("update", this.selectedRows);
       }
     },
     rowClasses(row, index) {
@@ -14232,7 +13456,7 @@ const _sfc_main$g = defineComponent({
     }
   }
 });
-const _hoisted_1$f = ["role"];
+const _hoisted_1$h = ["role"];
 const _hoisted_2$d = {
   key: 0
 };
@@ -14251,10 +13475,10 @@ const _hoisted_6$4 = {
   key: 0,
   scope: "col"
 };
-const _hoisted_7$4 = {
+const _hoisted_7$3 = {
   class: "sr-only"
 };
-const _hoisted_8$4 = {
+const _hoisted_8$3 = {
   key: 1,
   scope: "col"
 };
@@ -14297,7 +13521,7 @@ const _hoisted_21 = {
   key: 1
 };
 const _hoisted_22 = ["colspan"];
-function _sfc_render$g(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$f(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_f_icon = resolveComponent("f-icon");
   const _component_f_checkbox_field = resolveComponent("f-checkbox-field");
   return openBlock(), createElementBlock("div", {
@@ -14310,7 +13534,7 @@ function _sfc_render$g(_ctx, _cache, $props, $setup, $data, $options) {
       key: column.id,
       class: normalizeClass(column.size)
     }, null, 2);
-  }), 128))]), _cache[16] || (_cache[16] = createTextVNode()), createElementVNode("thead", null, [createElementVNode("tr", _hoisted_5$6, [_ctx.isExpandableTable ? (openBlock(), createElementBlock("th", _hoisted_6$4, [createElementVNode("span", _hoisted_7$4, toDisplayString(_ctx.$t("fkui.interactive-table.select", "Expandera")), 1)])) : createCommentVNode("", true), _cache[4] || (_cache[4] = createTextVNode()), _ctx.selectable ? (openBlock(), createElementBlock("th", _hoisted_8$4, [createElementVNode("span", _hoisted_9$3, toDisplayString(_ctx.$t("fkui.interactive-table.select", "Markera")), 1)])) : createCommentVNode("", true), _cache[5] || (_cache[5] = createTextVNode()), (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.visibleColumns, (column) => {
+  }), 128))]), _cache[16] || (_cache[16] = createTextVNode()), createElementVNode("thead", null, [createElementVNode("tr", _hoisted_5$6, [_ctx.isExpandableTable ? (openBlock(), createElementBlock("th", _hoisted_6$4, [createElementVNode("span", _hoisted_7$3, toDisplayString(_ctx.$t("fkui.interactive-table.select", "Expandera")), 1)])) : createCommentVNode("", true), _cache[4] || (_cache[4] = createTextVNode()), _ctx.selectable ? (openBlock(), createElementBlock("th", _hoisted_8$3, [createElementVNode("span", _hoisted_9$3, toDisplayString(_ctx.$t("fkui.interactive-table.select", "Markera")), 1)])) : createCommentVNode("", true), _cache[5] || (_cache[5] = createTextVNode()), (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.visibleColumns, (column) => {
     return openBlock(), createElementBlock("th", mergeProps({
       key: column.id,
       scope: "col",
@@ -14389,10 +13613,10 @@ function _sfc_render$g(_ctx, _cache, $props, $setup, $data, $options) {
     colspan: _ctx.nbOfColumns
   }, [renderSlot(_ctx.$slots, "empty", {}, () => [createTextVNode(toDisplayString(_ctx.$t("fkui.interactive-table.empty", "Tabellen är tom")), 1)])], 8, _hoisted_22), _cache[12] || (_cache[12] = createTextVNode()), renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps({
     row: {}
-  })))])) : createCommentVNode("", true)]))], 16, _hoisted_1$f)], 2);
+  })))])) : createCommentVNode("", true)]))], 16, _hoisted_1$h)], 2);
 }
-const FInteractiveTable = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["render", _sfc_render$g]]);
-const _sfc_main$f = defineComponent({
+const FInteractiveTable = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["render", _sfc_render$f]]);
+const _sfc_main$g = defineComponent({
   name: "FLayoutApplicationTemplate",
   computed: {
     showHeader() {
@@ -14417,7 +13641,7 @@ const _sfc_main$f = defineComponent({
     }
   }
 });
-const _hoisted_1$e = {
+const _hoisted_1$g = {
   class: "layout-application-template"
 };
 const _hoisted_2$c = {
@@ -14436,12 +13660,12 @@ const _hoisted_5$5 = {
   key: 0,
   class: "layout-application-template__footer"
 };
-function _sfc_render$f(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", _hoisted_1$e, [_ctx.showHeader || _ctx.showTopNavigation ? (openBlock(), createElementBlock("header", _hoisted_2$c, [_ctx.showHeader ? renderSlot(_ctx.$slots, "header", {
+function _sfc_render$e(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", _hoisted_1$g, [_ctx.showHeader || _ctx.showTopNavigation ? (openBlock(), createElementBlock("header", _hoisted_2$c, [_ctx.showHeader ? renderSlot(_ctx.$slots, "header", {
     key: 0
   }) : createCommentVNode("", true), _cache[0] || (_cache[0] = createTextVNode()), _ctx.showTopNavigation ? (openBlock(), createElementBlock("nav", _hoisted_3$8, [renderSlot(_ctx.$slots, "top-navigation")])) : createCommentVNode("", true)], 512)) : createCommentVNode("", true), _cache[2] || (_cache[2] = createTextVNode()), createElementVNode("main", _hoisted_4$7, [renderSlot(_ctx.$slots, "default"), _cache[1] || (_cache[1] = createTextVNode()), _ctx.showFooter ? (openBlock(), createElementBlock("footer", _hoisted_5$5, [renderSlot(_ctx.$slots, "footer")])) : createCommentVNode("", true)], 512)]);
 }
-const FLayoutApplicationTemplate = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["render", _sfc_render$f]]);
+const FLayoutApplicationTemplate = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["render", _sfc_render$e]]);
 function getGridClasses(target) {
   if (target === null) {
     return {};
@@ -14542,7 +13766,7 @@ function useLayoutPanel(options) {
     rightPrimaryClasses
   };
 }
-const _sfc_main$e = defineComponent({
+const _sfc_main$f = defineComponent({
   name: "FLayoutLeftPanel",
   components: {
     FIcon
@@ -14627,7 +13851,7 @@ const _sfc_main$e = defineComponent({
     }
   }
 });
-const _hoisted_1$d = {
+const _hoisted_1$f = {
   class: "layout-navigation"
 };
 const _hoisted_2$b = ["aria-expanded"];
@@ -14638,9 +13862,9 @@ const _hoisted_4$6 = {
   key: 1,
   class: "layout-navigation__navigation__inner--minimized"
 };
-function _sfc_render$e(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_f_icon = resolveComponent("f-icon");
-  return openBlock(), createElementBlock("div", _hoisted_1$d, [createElementVNode("nav", {
+  return openBlock(), createElementBlock("div", _hoisted_1$f, [createElementVNode("nav", {
     id: "layout-navigation__navigation",
     class: "layout-navigation__navigation",
     style: normalizeStyle(_ctx.navigationStyle),
@@ -14689,7 +13913,7 @@ function _sfc_render$e(_ctx, _cache, $props, $setup, $data, $options) {
     style: normalizeStyle(_ctx.primaryStyle)
   }, [renderSlot(_ctx.$slots, "default")], 6)]);
 }
-const FLayoutLeftPanel = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["render", _sfc_render$e]]);
+const FLayoutLeftPanel = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["render", _sfc_render$d]]);
 class FRightPanelServiceImpl {
   constructor() {
     _defineProperty(this, "focusedElementBeforeOpenining", null);
@@ -14719,7 +13943,7 @@ class FRightPanelServiceImpl {
   }
 }
 const FLayoutRightPanelService = new FRightPanelServiceImpl();
-const _sfc_main$d = defineComponent({
+const _sfc_main$e = defineComponent({
   name: "FLayoutRightPanel",
   components: {
     FIcon
@@ -14836,15 +14060,15 @@ const _sfc_main$d = defineComponent({
     }
   }
 });
-const _hoisted_1$c = {
+const _hoisted_1$e = {
   class: "layout-secondary"
 };
 const _hoisted_2$a = {
   class: "layout-secondary__secondary__inner"
 };
-function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_f_icon = resolveComponent("f-icon");
-  return openBlock(), createElementBlock("div", _hoisted_1$c, [createElementVNode("div", {
+  return openBlock(), createElementBlock("div", _hoisted_1$e, [createElementVNode("div", {
     id: "layout-secondary__primary",
     class: normalizeClass(["layout-secondary__primary", _ctx.rightPrimaryClasses]),
     style: normalizeStyle(_ctx.primaryStyle)
@@ -14881,8 +14105,8 @@ function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) {
     name: "close"
   })])], 6)])], 4)) : createCommentVNode("", true)]);
 }
-const FLayoutRightPanel = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["render", _sfc_render$d]]);
-const _sfc_main$c = defineComponent({
+const FLayoutRightPanel = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["render", _sfc_render$c]]);
+const _sfc_main$d = defineComponent({
   name: "FList",
   components: {
     FCheckboxField
@@ -14947,7 +14171,7 @@ const _sfc_main$c = defineComponent({
       default: () => ElementIdService.generateElementId()
     }
   },
-  emits: ["change", "click", "update", "unselect", "update:modelValue", "select", "update:active"],
+  emits: ["change", "click", "unselect", "update:modelValue", "select", "update:active"],
   setup() {
     return ActivateItemInjected();
   },
@@ -15045,7 +14269,6 @@ const _sfc_main$c = defineComponent({
     updateVModelWithSelectedItems() {
       if (this.modelValue) {
         this.$emit("update:modelValue", this.selectedItems);
-        this.$emit("update", this.selectedItems);
       }
     },
     updateSelectedItemsFromVModel() {
@@ -15125,7 +14348,7 @@ const _sfc_main$c = defineComponent({
     }
   }
 });
-const _hoisted_1$b = {
+const _hoisted_1$d = {
   key: 0,
   class: "list"
 };
@@ -15139,10 +14362,10 @@ const _hoisted_3$6 = {
 const _hoisted_4$5 = ["tabindex"];
 const _hoisted_5$4 = ["id", "aria-labelledby", "tabindex", "onKeydown"];
 const _hoisted_6$3 = ["onClick"];
-const _hoisted_7$3 = {
+const _hoisted_7$2 = {
   class: "list__item__selectpane__input"
 };
-const _hoisted_8$3 = ["id"];
+const _hoisted_8$2 = ["id"];
 const _hoisted_9$2 = {
   key: 0,
   class: "list__item"
@@ -15150,9 +14373,9 @@ const _hoisted_9$2 = {
 const _hoisted_10$1 = {
   class: "list__item__itempane"
 };
-function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_f_checkbox_field = resolveComponent("f-checkbox-field");
-  return !_ctx.selectable ? (openBlock(), createElementBlock("ul", _hoisted_1$b, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.items, (item) => {
+  return !_ctx.selectable ? (openBlock(), createElementBlock("ul", _hoisted_1$d, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.items, (item) => {
     return openBlock(), createElementBlock("li", {
       key: _ctx.itemKey(item),
       class: "list__item"
@@ -15184,7 +14407,7 @@ function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
       key: 0,
       class: "list__item__selectpane",
       onClick: withModifiers(($event) => _ctx.onSelect(item), ["self"])
-    }, [createElementVNode("div", _hoisted_7$3, [createVNode(_component_f_checkbox_field, {
+    }, [createElementVNode("div", _hoisted_7$2, [createVNode(_component_f_checkbox_field, {
       value: true,
       "model-value": _ctx.isSelected(item),
       onClick: withModifiers(($event) => _ctx.onSelect(item), ["self"])
@@ -15196,7 +14419,7 @@ function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
         ref_for: true
       }, {
         item
-      }))], 8, _hoisted_8$3)]),
+      }))], 8, _hoisted_8$2)]),
       _: 2
     }, 1032, ["model-value", "onClick"])])], 8, _hoisted_6$3)) : createCommentVNode("", true), _cache[3] || (_cache[3] = createTextVNode()), (openBlock(), createBlock(resolveDynamicComponent(_ctx.checkbox ? "div" : "a"), {
       ref_for: true,
@@ -15214,8 +14437,8 @@ function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
     }, 1032, ["href", "onClick"]))], 42, _hoisted_5$4);
   }), 128)), _cache[4] || (_cache[4] = createTextVNode()), _ctx.isEmpty ? (openBlock(), createElementBlock("li", _hoisted_9$2, [createElementVNode("div", _hoisted_10$1, [renderSlot(_ctx.$slots, "empty", {}, () => [createElementVNode("em", null, toDisplayString(_ctx.$t("fkui.list.empty", "Listan är tom")), 1)])])])) : createCommentVNode("", true)], 8, _hoisted_4$5));
 }
-const FList = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["render", _sfc_render$c]]);
-const _sfc_main$b = defineComponent({
+const FList = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["render", _sfc_render$b]]);
+const _sfc_main$c = defineComponent({
   name: "FLoader",
   mixins: [TranslationMixin],
   inheritAttrs: false,
@@ -15327,59 +14550,258 @@ const _sfc_main$b = defineComponent({
     }
   }
 });
+const _hoisted_1$c = {
+  class: "loader__backdrop"
+};
+const _hoisted_2$8 = {
+  role: "alert"
+};
+function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createBlock(Teleport, {
+    to: _ctx.teleportTarget,
+    disabled: _ctx.teleportDisabled
+  }, [withDirectives(createElementVNode("div", mergeProps(_ctx.$attrs, {
+    class: ["loader", _ctx.classes]
+  }), [createElementVNode("div", _hoisted_1$c, [_cache[0] || (_cache[0] = createElementVNode("div", {
+    class: "loader__wrapper"
+  }, [createElementVNode("div", {
+    class: "loader__spinner-1 loader__spinner"
+  }, [createElementVNode("div", {
+    class: "loader__spinner-1-circle1 loader__circle loader__circle--1"
+  }), createTextVNode(), createElementVNode("div", {
+    class: "loader__spinner-1-circle2 loader__circle loader__circle--2"
+  }), createTextVNode(), createElementVNode("div", {
+    class: "loader__spinner-1-circle3 loader__circle loader__circle--3"
+  }), createTextVNode(), createElementVNode("div", {
+    class: "loader__spinner-1-circle4 loader__circle loader__circle--4"
+  })]), createTextVNode(), createElementVNode("div", {
+    class: "loader__spinner-2 loader__spinner"
+  }, [createElementVNode("div", {
+    class: "loader__spinner-2-circle1 loader__circle loader__circle--1"
+  }), createTextVNode(), createElementVNode("div", {
+    class: "loader__spinner-2-circle2 loader__circle loader__circle--2"
+  }), createTextVNode(), createElementVNode("div", {
+    class: "loader__spinner-2-circle3 loader__circle loader__circle--3"
+  }), createTextVNode(), createElementVNode("div", {
+    class: "loader__spinner-2-circle4 loader__circle loader__circle--4"
+  })]), createTextVNode(), createElementVNode("div", {
+    class: "loader__spinner-3 loader__spinner"
+  }, [createElementVNode("div", {
+    class: "loader__spinner-3-circle1 loader__circle loader__circle--1"
+  }), createTextVNode(), createElementVNode("div", {
+    class: "loader__spinner-3-circle2 loader__circle loader__circle--2"
+  }), createTextVNode(), createElementVNode("div", {
+    class: "loader__spinner-3-circle3 loader__circle loader__circle--3"
+  }), createTextVNode(), createElementVNode("div", {
+    class: "loader__spinner-3-circle4 loader__circle loader__circle--4"
+  })])], -1)), _cache[1] || (_cache[1] = createTextVNode()), createElementVNode("div", {
+    ref: "loader-text",
+    class: normalizeClass(["loader__wait-text", {
+      "loader--delay": _ctx.delay
+    }]),
+    tabindex: "-1"
+  }, [createElementVNode("span", _hoisted_2$8, [renderSlot(_ctx.$slots, "default", {}, () => [createTextVNode(toDisplayString(_ctx.$t("fkui.loader.wait.text", _ctx.defaultLoadingText)), 1)])])], 2)])], 16), [[vShow, _ctx.show]])], 8, ["to", "disabled"]);
+}
+const FLoader = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["render", _sfc_render$a]]);
+const _hoisted_1$b = ["aria-label"];
+const __default__ = defineComponent({
+  computed: {
+    ariaLabel() {
+      const content = renderSlotText(this.$slots.default);
+      if (!content) {
+        throw new Error("`f-logo` requires text content.");
+      }
+      return content;
+    }
+  }
+});
+const _sfc_main$b = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  __name: "FLogo",
+  props: {
+    /**
+     * Size of the logo: `"small"`, `"large"`, or `"responsive"`.
+     * Requires matching CSS variable to be set (`--f-logo-image-{small/large}`), or both if "responsive".
+     */
+    size: {
+      type: String,
+      default: "responsive",
+      required: false,
+      validator(value) {
+        return ["small", "large", "responsive"].includes(value);
+      }
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("span", {
+        class: normalizeClass(`logo logo--${props.size}`),
+        "aria-label": _ctx.ariaLabel,
+        role: "img"
+      }, null, 10, _hoisted_1$b);
+    };
+  }
+});
+const iconClasses = {
+  success: {
+    symbol: "circle",
+    sign: "success",
+    screenReaderContextKey: "fkui.message-box.sr-context.success",
+    screenReaderContextDefault: "Meddelande"
+  },
+  warning: {
+    symbol: "circle",
+    sign: "alert",
+    screenReaderContextKey: "fkui.message-box.sr-context.warning",
+    screenReaderContextDefault: "Varningsmeddelande"
+  },
+  error: {
+    symbol: "triangle",
+    sign: "alert",
+    screenReaderContextKey: "fkui.message-box.sr-context.error",
+    screenReaderContextDefault: "Felmeddelande"
+  },
+  info: {
+    symbol: "circle",
+    sign: "i",
+    screenReaderContextKey: "fkui.message-box.sr-context.info",
+    screenReaderContextDefault: "Informationsmeddelande"
+  }
+};
+const _sfc_main$a = defineComponent({
+  name: "FMessageBox",
+  components: {
+    FIcon,
+    IFlex,
+    IFlexItem
+  },
+  props: {
+    /**
+     * Type of message-box. 'success', 'error', 'warning' and 'info' is valid.
+     * */
+    type: {
+      type: String,
+      required: true,
+      validator(value) {
+        return ["success", "warning", "error", "info"].includes(value);
+      }
+    },
+    /**
+     * If message-box should be a banner.
+     * If prop is not used message-box will have default styling.
+     */
+    banner: {
+      type: Boolean,
+      required: false
+    },
+    /**
+     * It is important to provide a context for a screenreader, similar to a modal that initially outputs it is a dialog.
+     * Type-specific screenreader context is output by default in this component.
+     * By setting this property to false no context will be output.
+     * Note that by doing this, it is the applications responsiblity to provide a clear context.
+     */
+    provideScreenReaderContext: {
+      type: Boolean,
+      required: false,
+      default: true
+    },
+    /**
+     * Select standard or short layout.
+     *
+     * - 'normal' - Use normal layout when need for heading and/or longer text/multiple sentences
+     * - 'short' - Use short layout when only need for shorter text
+     */
+    layout: {
+      type: String,
+      required: false,
+      default: "standard",
+      validator(value) {
+        return ["standard", "short"].includes(value);
+      }
+    }
+  },
+  data() {
+    return {
+      headingClass: ["message-box__heading"]
+    };
+  },
+  computed: {
+    messageBoxType() {
+      if (this.layout === "short") {
+        return `message-box--${this.type}-short`;
+      } else {
+        return `message-box--${this.type}`;
+      }
+    },
+    bannerType() {
+      return this.banner ? `message-box--banner` : "";
+    },
+    classType() {
+      return `icon__${this.type}`;
+    },
+    classIcon() {
+      return iconClasses[this.type].symbol === "circle" && iconClasses[this.type].sign === "alert" ? `icon__exclamation` : "";
+    },
+    stackTypeClass() {
+      return `icon-stack--${this.type}`;
+    },
+    symbol() {
+      return iconClasses[this.type].symbol;
+    },
+    sign() {
+      return iconClasses[this.type].sign;
+    }
+  },
+  methods: {
+    screenReaderContext() {
+      return TranslationService.provider.translate(iconClasses[this.type].screenReaderContextKey, iconClasses[this.type].screenReaderContextDefault);
+    }
+  }
+});
 const _hoisted_1$a = {
-  class: "loader__backdrop"
-};
-const _hoisted_2$8 = {
-  role: "alert"
+  key: 0,
+  class: "sr-only"
 };
-function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createBlock(Teleport, {
-    to: _ctx.teleportTarget,
-    disabled: _ctx.teleportDisabled
-  }, [withDirectives(createElementVNode("div", mergeProps(_ctx.$attrs, {
-    class: ["loader", _ctx.classes]
-  }), [createElementVNode("div", _hoisted_1$a, [_cache[0] || (_cache[0] = createElementVNode("div", {
-    class: "loader__wrapper"
-  }, [createElementVNode("div", {
-    class: "loader__spinner-1 loader__spinner"
-  }, [createElementVNode("div", {
-    class: "loader__spinner-1-circle1 loader__circle loader__circle--1"
-  }), createTextVNode(), createElementVNode("div", {
-    class: "loader__spinner-1-circle2 loader__circle loader__circle--2"
-  }), createTextVNode(), createElementVNode("div", {
-    class: "loader__spinner-1-circle3 loader__circle loader__circle--3"
-  }), createTextVNode(), createElementVNode("div", {
-    class: "loader__spinner-1-circle4 loader__circle loader__circle--4"
-  })]), createTextVNode(), createElementVNode("div", {
-    class: "loader__spinner-2 loader__spinner"
-  }, [createElementVNode("div", {
-    class: "loader__spinner-2-circle1 loader__circle loader__circle--1"
-  }), createTextVNode(), createElementVNode("div", {
-    class: "loader__spinner-2-circle2 loader__circle loader__circle--2"
-  }), createTextVNode(), createElementVNode("div", {
-    class: "loader__spinner-2-circle3 loader__circle loader__circle--3"
-  }), createTextVNode(), createElementVNode("div", {
-    class: "loader__spinner-2-circle4 loader__circle loader__circle--4"
-  })]), createTextVNode(), createElementVNode("div", {
-    class: "loader__spinner-3 loader__spinner"
-  }, [createElementVNode("div", {
-    class: "loader__spinner-3-circle1 loader__circle loader__circle--1"
-  }), createTextVNode(), createElementVNode("div", {
-    class: "loader__spinner-3-circle2 loader__circle loader__circle--2"
-  }), createTextVNode(), createElementVNode("div", {
-    class: "loader__spinner-3-circle3 loader__circle loader__circle--3"
-  }), createTextVNode(), createElementVNode("div", {
-    class: "loader__spinner-3-circle4 loader__circle loader__circle--4"
-  })])], -1)), _cache[1] || (_cache[1] = createTextVNode()), createElementVNode("div", {
-    ref: "loader-text",
-    class: normalizeClass(["loader__wait-text", {
-      "loader--delay": _ctx.delay
-    }]),
-    tabindex: "-1"
-  }, [createElementVNode("span", _hoisted_2$8, [renderSlot(_ctx.$slots, "default", {}, () => [createTextVNode(toDisplayString(_ctx.$t("fkui.loader.wait.text", _ctx.defaultLoadingText)), 1)])])], 2)])], 16), [[vShow, _ctx.show]])], 8, ["to", "disabled"]);
+function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_f_icon = resolveComponent("f-icon");
+  const _component_i_flex_item = resolveComponent("i-flex-item");
+  const _component_i_flex = resolveComponent("i-flex");
+  return openBlock(), createElementBlock("div", {
+    class: normalizeClass(["message-box", [_ctx.messageBoxType, _ctx.bannerType]])
+  }, [_ctx.provideScreenReaderContext ? (openBlock(), createElementBlock("span", _hoisted_1$a, toDisplayString(_ctx.screenReaderContext()), 1)) : createCommentVNode("", true), _cache[2] || (_cache[2] = createTextVNode()), createVNode(_component_i_flex, {
+    gap: "2x"
+  }, {
+    default: withCtx(() => [_ctx.layout === "short" ? (openBlock(), createBlock(_component_i_flex_item, {
+      key: 0,
+      class: "message-box__icon",
+      shrink: "",
+      align: "center"
+    }, {
+      default: withCtx(() => [createElementVNode("span", {
+        class: normalizeClass(["icon-stack", _ctx.stackTypeClass])
+      }, [createVNode(_component_f_icon, {
+        class: normalizeClass(_ctx.classType),
+        name: _ctx.symbol
+      }, null, 8, ["class", "name"]), _cache[0] || (_cache[0] = createTextVNode()), createVNode(_component_f_icon, {
+        class: normalizeClass(_ctx.classIcon),
+        name: _ctx.sign
+      }, null, 8, ["class", "name"])], 2)]),
+      _: 1
+    })) : createCommentVNode("", true), _cache[1] || (_cache[1] = createTextVNode()), createVNode(_component_i_flex_item, {
+      class: "message-box__content",
+      grow: "",
+      align: "center"
+    }, {
+      default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(_ctx.layout === "short" ? {} : {
+        headingSlotClass: _ctx.headingClass
+      })))]),
+      _: 3
+    })]),
+    _: 3
+  })], 2);
 }
-const FLoader = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["render", _sfc_render$b]]);
+const FMessageBox = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["render", _sfc_render$9]]);
 function findOverflowIndex(totalWidth, elements) {
   let sum = 0;
   const index = elements.findIndex((element) => {
@@ -15429,7 +14851,7 @@ const upKeys = ["Up", "ArrowUp"];
 const downKeys = ["Down", "ArrowDown"];
 const verticalKeys = [...upKeys, ...downKeys];
 const preventKeys = ["Tab", "Left", "Right", "ArrowLeft", "ArrowRight", "Home", "End", " ", "Spacebar", "Enter", ...verticalKeys];
-const _sfc_main$a = defineComponent({
+const _sfc_main$9 = defineComponent({
   name: "FNavigationMenu",
   components: {
     FIcon,
@@ -15777,14 +15199,14 @@ const _hoisted_6$2 = {
   class: "imenu__popup-item",
   role: "none"
 };
-const _hoisted_7$2 = {
+const _hoisted_7$1 = {
   class: "imenu__list__anchor-container"
 };
-const _hoisted_8$2 = ["aria-expanded"];
+const _hoisted_8$1 = ["aria-expanded"];
 const _hoisted_9$1 = {
   class: "sr-only"
 };
-function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_f_icon = resolveComponent("f-icon");
   const _component_i_popup_menu = resolveComponent("i-popup-menu");
   return openBlock(), createElementBlock("nav", {
@@ -15819,7 +15241,7 @@ function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
     ref: "popup-item",
     class: normalizeClass(_ctx.popupItemClasses),
     onClick: _cache[0] || (_cache[0] = ($event) => _ctx.togglePopup(true))
-  }, [createElementVNode("div", _hoisted_7$2, [createElementVNode("a", {
+  }, [createElementVNode("div", _hoisted_7$1, [createElementVNode("a", {
     ref: "popup-anchor",
     tabindex: "0",
     class: "imenu__list__anchor",
@@ -15829,7 +15251,7 @@ function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
   }, [createElementVNode("span", _hoisted_9$1, [createElementVNode("span", null, toDisplayString(_ctx.popupMenuSrText) + " ", 1)]), createTextVNode(" " + toDisplayString(_ctx.popupLabel) + " ", 1), createVNode(_component_f_icon, {
     name: "arrow-down",
     class: "imenu__list__anchor-icon-right"
-  })], 8, _hoisted_8$2)])], 2)])) : createCommentVNode("", true)], 32), _cache[7] || (_cache[7] = createTextVNode()), createVNode(_component_i_popup_menu, {
+  })], 8, _hoisted_8$1)])], 2)])) : createCommentVNode("", true)], 32), _cache[7] || (_cache[7] = createTextVNode()), createVNode(_component_i_popup_menu, {
     ref: "popup-menu",
     modelValue: _ctx.selectedItem,
     "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => _ctx.selectedItem = $event),
@@ -15845,9 +15267,9 @@ function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
     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);
 }
-const FNavigationMenu = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["render", _sfc_render$a]]);
+const FNavigationMenu = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["render", _sfc_render$8]]);
 const EVENTS = ["online", "offline"];
-const _sfc_main$9 = defineComponent({
+const _sfc_main$8 = defineComponent({
   name: "FOffline",
   components: {
     FIcon,
@@ -15907,7 +15329,7 @@ const _hoisted_4$3 = {
   class: "offline__content"
 };
 const _hoisted_5$2 = ["aria-hidden"];
-function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_f_icon = resolveComponent("f-icon");
   const _component_i_flex_item = resolveComponent("i-flex-item");
   const _component_i_flex = resolveComponent("i-flex");
@@ -15943,8 +15365,8 @@ function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
     "aria-hidden": _ctx.shouldNotRead ? "true" : void 0
   }, "\n            Din internetuppkoppling fungerar igen\n        ", 8, _hoisted_5$2), [[vShow, _ctx.isOnline]])], 8, _hoisted_1$8);
 }
-const FOffline = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["render", _sfc_render$9]]);
-const _sfc_main$8 = defineComponent({
+const FOffline = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", _sfc_render$7]]);
+const _sfc_main$7 = defineComponent({
   name: "FOutputField",
   components: {
     FLabel
@@ -15981,7 +15403,7 @@ const _hoisted_1$7 = {
   class: "output-field"
 };
 const _hoisted_2$5 = ["id", "for"];
-function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_f_label = resolveComponent("f-label");
   return openBlock(), createElementBlock("div", _hoisted_1$7, [createVNode(_component_f_label, {
     for: _ctx.id
@@ -15998,62 +15420,26 @@ function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
     class: "output-field__output"
   }, _ctx.$attrs), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_2$5)]);
 }
-const FOutputField = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", _sfc_render$8]]);
-function getAltLogoText(hasRouterLink, routerLinkLabel, t) {
-  const srStdLogoAltText = t("fkui.page-header.logo.alt-text", "Försäkringskassan");
-  const srStdRouterLinkLabel = t("fkui.page-header.router.link.label", "gå till startsidan");
-  if (hasRouterLink && routerLinkLabel !== "") {
-    return `${srStdLogoAltText} ${routerLinkLabel}`;
-  } else if (hasRouterLink) {
-    return `${srStdLogoAltText}, ${srStdRouterLinkLabel}`;
-  } else {
-    return srStdLogoAltText;
-  }
-}
-const _sfc_main$7 = defineComponent({
+const FOutputField = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render$6]]);
+const _sfc_main$6 = defineComponent({
   name: "FPageHeader",
   components: {
     ISkipLink
   },
-  mixins: [TranslationMixin],
   inheritAttrs: true,
   props: {
-    /** Setting the logo sizes small, large or responsive. */
-    logoSize: {
-      type: String,
-      default: "responsive",
-      required: false,
-      validator(value) {
-        return ["small", "large", "responsive"].includes(value);
-      }
-    },
     /**
      * Render skiplink.
      *
-     * When set to a non-empty string thethe skiplink feature is enabled.
+     * When set to a non-empty string the skiplink feature is enabled.
      * The string is the id of the element to move focus to.
      *
-     * When set to `true` the deprecated `skipLinkHref` prop is used to
-     * set the element id to move focus to.
-     *
-     * When set to `false` or empty string the skiplink feature is disabled.
-     *
-     * Using a boolean is deprecated. Leave unset or a non-empty string.
+     * When set to empty string (default) the skiplink feature is disabled.
      */
     skipLink: {
-      type: [String, Boolean],
-      required: false,
-      default: ""
-    },
-    /**
-     * Target for skiplink.
-     *
-     * @deprecated Use `skipLink` prop with a non-empty string instead.
-     */
-    skipLinkHref: {
       type: String,
       required: false,
-      default: "#applicationlayout-main-content"
+      default: ""
     },
     /**
      * HTML element type for header.
@@ -16064,73 +15450,21 @@ const _sfc_main$7 = defineComponent({
       validator(value) {
         return ["span", "h1"].includes(value);
       }
-    },
-    /**
-     *  Target for router-link via path.
-     *  (Behaviour from using both name and path in combination is undefined.)
-     */
-    routerLinkPath: {
-      type: String,
-      required: false,
-      default: ""
-    },
-    /**
-     *  Target for router-link via name.
-     *  (Behaviour from using both name and path in combination is undefined.)
-     */
-    routerLinkName: {
-      type: String,
-      required: false,
-      default: ""
-    },
-    /**
-     *  Label to override the router-link label when router-link is present.
-     */
-    routerLinkLabel: {
-      type: String,
-      required: false,
-      default: ""
     }
   },
   computed: {
-    logoClass() {
-      return `page-header__logo--${this.logoSize}`;
-    },
-    hasRouterLink() {
-      return Boolean(this.routerLinkName || this.routerLinkPath);
-    },
-    routerLinkTo() {
-      const {
-        routerLinkName,
-        routerLinkPath
-      } = this;
-      if (routerLinkName) {
-        return {
-          name: routerLinkName
-        };
-      }
-      if (routerLinkPath) {
-        return {
-          path: routerLinkPath
-        };
-      }
-      return null;
-    },
     skipLinkAnchor() {
       const {
-        skipLink,
-        skipLinkHref
+        skipLink
       } = this;
-      if (skipLink === false || skipLink === "") {
+      if (skipLink === "") {
         return null;
-      } else if (skipLink === true) {
-        return skipLinkHref;
       } else {
         return `#${skipLink}`;
       }
     },
-    altLogoText() {
-      return getAltLogoText(this.hasRouterLink, this.routerLinkLabel, this.$t);
+    hasLogo() {
+      return Boolean(this.$slots.logo);
     }
   }
 });
@@ -16145,124 +15479,111 @@ const _hoisted_3$3 = {
   class: "page-header"
 };
 const _hoisted_4$2 = {
+  key: 0,
   class: "page-header__logo"
 };
-const _hoisted_5$1 = ["aria-label"];
-const _hoisted_6$1 = ["aria-label"];
-const _hoisted_7$1 = {
+const _hoisted_5$1 = {
   class: "page-header__right"
 };
-const _hoisted_8$1 = {
+const _hoisted_6$1 = {
   class: "page-header__right-slot"
 };
-function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_i_skip_link = resolveComponent("i-skip-link");
-  const _component_router_link = resolveComponent("router-link");
   return openBlock(), createElementBlock("div", _hoisted_1$6, [_ctx.skipLinkAnchor ? (openBlock(), createElementBlock("nav", _hoisted_2$4, [createVNode(_component_i_skip_link, {
     href: _ctx.skipLinkAnchor
   }, {
     default: withCtx(() => [renderSlot(_ctx.$slots, "skip-link-text")]),
     _: 3
-  }, 8, ["href"])])) : createCommentVNode("", true), _cache[2] || (_cache[2] = createTextVNode()), createElementVNode("div", _hoisted_3$3, [createElementVNode("div", _hoisted_4$2, [renderSlot(_ctx.$slots, "logo", {}, () => [_ctx.routerLinkTo ? (openBlock(), createBlock(_component_router_link, {
-    key: 0,
-    to: _ctx.routerLinkTo
-  }, {
-    default: withCtx(() => [createElementVNode("span", {
-      class: normalizeClass(_ctx.logoClass),
-      "aria-label": _ctx.altLogoText,
-      role: "img"
-    }, null, 10, _hoisted_5$1)]),
-    _: 1
-  }, 8, ["to"])) : (openBlock(), createElementBlock("span", {
-    key: 1,
-    class: normalizeClass(_ctx.logoClass),
-    "aria-label": _ctx.altLogoText,
-    role: "img"
-  }, null, 10, _hoisted_6$1))])]), _cache[0] || (_cache[0] = createTextVNode()), (openBlock(), createBlock(resolveDynamicComponent(_ctx.headerTag), {
+  }, 8, ["href"])])) : createCommentVNode("", true), _cache[2] || (_cache[2] = createTextVNode()), createElementVNode("div", _hoisted_3$3, [_ctx.hasLogo ? (openBlock(), createElementBlock("div", _hoisted_4$2, [renderSlot(_ctx.$slots, "logo")])) : createCommentVNode("", true), _cache[0] || (_cache[0] = createTextVNode()), (openBlock(), createBlock(resolveDynamicComponent(_ctx.headerTag), {
     class: "page-header__app-name"
   }, {
     default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
     _: 3
-  })), _cache[1] || (_cache[1] = createTextVNode()), createElementVNode("div", _hoisted_7$1, [createElementVNode("div", _hoisted_8$1, [renderSlot(_ctx.$slots, "right")])])], 512)]);
+  })), _cache[1] || (_cache[1] = createTextVNode()), createElementVNode("div", _hoisted_5$1, [createElementVNode("div", _hoisted_6$1, [renderSlot(_ctx.$slots, "right")])])], 512)]);
 }
-const FPageHeader = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render$7]]);
+const FPageHeader = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_render$5]]);
+const _hoisted_1$5 = {
+  class: "progress"
+};
+const _hoisted_2$3 = ["aria-label", "aria-valuenow", "aria-valuetext"];
+const _hoisted_3$2 = {
+  class: "sr-only"
+};
 const MIN_VALUE = 0;
 const MAX_VALUE = 100;
-function clamp(val) {
-  return Math.round(Math.min(Math.max(val || 0, MIN_VALUE), MAX_VALUE));
-}
-const _sfc_main$6 = defineComponent({
-  name: "FProgressbar",
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+  __name: "FProgressbar",
   props: {
     /**
-     * Sets the progress. Higher value indicates further progress. Value must be in range 0-100.
+     * Sets the progress. Higher value indicates further progress.
+     *
+     * Value must be in range 0-100.
      */
     value: {
       type: Number,
       required: true,
       validator(value) {
-        return value >= MIN_VALUE && value <= MAX_VALUE;
+        return value >= 0 && value <= 100;
       }
     },
     /**
-     * Text that the screenreader will read, the actual value will be replaced with %VALUE%  e.g  You have uploaded %VALUE% percent
+     * Text that the screenreader will read.
+     *
+     * `%VALUE%` can be used as a placeholder for the actual value e.g
+     * `"You have uploaded %VALUE% percent"`.
      */
     valueText: {
       type: String,
       required: false,
       default: "Du har slutfört %VALUE% %."
     },
-    ariaLabel: {
+    /**
+     * Accessible name for this progressbar. Should describe the purpose of this
+     * progressbar.
+     */
+    /* eslint-disable-next-line vue/prop-name-casing -- vue does not allow ariaLabel as a prop as it collides with internal types */
+    "aria-label": {
       type: String,
       required: true
     }
   },
-  computed: {
-    progressValueNow() {
-      return clamp(this.value);
-    },
-    isFinished() {
-      return this.progressValueNow === MAX_VALUE;
-    },
-    isInProgress() {
-      return this.progressValueNow > MIN_VALUE && this.progressValueNow < MAX_VALUE;
-    },
-    isPending() {
-      return this.progressValueNow === MIN_VALUE;
-    },
-    cssWidth() {
-      return `width: ${this.progressValueNow}%`;
-    },
-    progressBarClass() {
-      return `${this.isInProgress ? "progress__meter--inprogress" : ""} ${this.isPending ? "progress__meter--pending" : ""} ${this.isFinished ? "progress__meter--finished" : ""}`;
-    },
-    progressText() {
-      return `${this.valueText.replace("%VALUE%", this.progressValueNow.toString())}`;
-    }
+  setup(__props) {
+    const props = __props;
+    const ariaLabel = props.ariaLabel;
+    function clamp(val) {
+      return Math.round(Math.min(Math.max(val || 0, MIN_VALUE), MAX_VALUE));
+    }
+    const progressValueNow = computed(() => clamp(props.value));
+    const cssWidth = computed(() => `width: ${progressValueNow.value}%`);
+    const progressBarClass = computed(() => {
+      if (progressValueNow.value === MIN_VALUE) {
+        return "progress__meter--pending";
+      } else if (progressValueNow.value === MAX_VALUE) {
+        return "progress__meter--finished";
+      } else {
+        return "progress__meter--inprogress";
+      }
+    });
+    const progressText = computed(() => {
+      return `${props.valueText.replace("%VALUE%", progressValueNow.value.toString())}`;
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1$5, [createElementVNode("span", {
+        class: normalizeClass(["progress__meter", progressBarClass.value]),
+        role: "progressbar",
+        "aria-label": unref(ariaLabel),
+        "aria-valuemin": "0",
+        "aria-valuemax": "100",
+        "aria-valuenow": progressValueNow.value,
+        "aria-valuetext": progressText.value,
+        style: normalizeStyle(cssWidth.value)
+      }, [createElementVNode("span", _hoisted_3$2, toDisplayString(progressText.value), 1)], 14, _hoisted_2$3)]);
+    };
   }
 });
-const _hoisted_1$5 = {
-  class: "progress"
-};
-const _hoisted_2$3 = ["aria-label", "aria-valuenow", "aria-valuetext"];
-const _hoisted_3$2 = {
-  class: "sr-only"
-};
-function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", _hoisted_1$5, [createElementVNode("span", {
-    class: normalizeClass(["progress__meter", _ctx.progressBarClass]),
-    role: "progressbar",
-    "aria-label": _ctx.ariaLabel,
-    "aria-valuemin": "0",
-    "aria-valuemax": "100",
-    "aria-valuenow": _ctx.progressValueNow,
-    "aria-valuetext": _ctx.progressText,
-    style: normalizeStyle(_ctx.cssWidth)
-  }, [createElementVNode("span", _hoisted_3$2, toDisplayString(_ctx.progressText), 1)], 14, _hoisted_2$3)]);
-}
-const FProgressbar = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_render$6]]);
 const anyType = [String, Object, Array, Number, Date, Boolean];
-const _sfc_main$5 = defineComponent({
+const _sfc_main$4 = defineComponent({
   name: "FRadioField",
   inheritAttrs: false,
   props: {
@@ -16428,7 +15749,7 @@ const _hoisted_4$1 = {
   key: 0,
   class: "radio-button__details"
 };
-function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     class: normalizeClass(["radio-button", _ctx.disabledClass]),
     onValidity: _cache[0] || (_cache[0] = (...args) => _ctx.onValidity && _ctx.onValidity(...args))
@@ -16454,70 +15775,7 @@ function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   }, 8, ["onEnter", "onAfterEnter", "onLeave"])) : createCommentVNode("", true)], 64)) : createCommentVNode("", true)], 10, _hoisted_2$2)], 34);
 }
-const FRadioField = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["render", _sfc_render$5]]);
-const _sfc_main$4 = defineComponent({
-  name: "FRadioGroup",
-  components: {
-    FFieldset
-  },
-  inheritAttrs: false,
-  props: {
-    /**
-     * The id for the fieldset id attribute.
-     * If the prop is not set the id will be generated.
-     */
-    id: {
-      type: String,
-      required: false,
-      default: () => ElementIdService.generateElementId()
-    },
-    /**
-     * The name of the radio group.
-     * The radio group fields in the group will use the same name.
-     */
-    name: {
-      type: String,
-      required: true
-    },
-    /**
-     * If radio buttons should be aligned horizontally.
-     * If the prop is not set the radio buttons will be aligned vertically.
-     * Default: `false`
-     */
-    isHorizontal: {
-      type: Boolean,
-      required: false
-    }
-  }
-});
-function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_f_fieldset = resolveComponent("f-fieldset");
-  return openBlock(), createBlock(_component_f_fieldset, mergeProps({
-    id: _ctx.id,
-    name: _ctx.name
-  }, _ctx.$attrs, {
-    horizontal: _ctx.isHorizontal
-  }), createSlots({
-    label: withCtx(() => [renderSlot(_ctx.$slots, "label")]),
-    description: withCtx(({
-      descriptionClass,
-      discreteDescriptionClass
-    }) => [renderSlot(_ctx.$slots, "description", normalizeProps(guardReactiveProps({
-      descriptionClass,
-      discreteDescriptionClass
-    })))]),
-    "error-message": withCtx(() => [renderSlot(_ctx.$slots, "error-message")]),
-    default: withCtx(() => [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps({
-      indentClass: "indent"
-    })))]),
-    _: 2
-  }, [_ctx.$slots.tooltip ? {
-    name: "tooltip",
-    fn: withCtx(() => [renderSlot(_ctx.$slots, "tooltip")]),
-    key: "0"
-  } : void 0]), 1040, ["id", "name", "horizontal"]);
-}
-const FRadioGroup = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["render", _sfc_render$4]]);
+const FRadioField = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["render", _sfc_render$4]]);
 const _sfc_main$3 = defineComponent({
   name: "FStaticField",
   components: {
@@ -16536,11 +15794,11 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
     default: withCtx(() => [renderSlot(_ctx.$slots, "label")]),
     description: withCtx(({
       descriptionClass,
-      discreteDescriptionClass
-    }) => [renderSlot(_ctx.$slots, "description", normalizeProps(guardReactiveProps({
+      formatDescriptionClass
+    }) => [renderSlot(_ctx.$slots, "description", {
       descriptionClass,
-      discreteDescriptionClass
-    })))]),
+      formatDescriptionClass
+    })]),
     _: 2
   }, [_ctx.$slots.tooltip ? {
     name: "tooltip",
@@ -16716,11 +15974,11 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
     default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
     description: withCtx(({
       descriptionClass,
-      discreteDescriptionClass
-    }) => [renderSlot(_ctx.$slots, "description", normalizeProps(guardReactiveProps({
+      formatDescriptionClass
+    }) => [renderSlot(_ctx.$slots, "description", {
       descriptionClass,
-      discreteDescriptionClass
-    })))]),
+      formatDescriptionClass
+    })]),
     "error-message": withCtx(() => [renderSlot(_ctx.$slots, "error-message", normalizeProps(guardReactiveProps({
       hasError: _ctx.hasError,
       validationMessage: _ctx.validationMessage
@@ -16843,7 +16101,7 @@ const _sfc_main$1 = defineComponent({
       default: false
     }
   },
-  emits: ["cancel", "change", "completed", "update:modelValue"],
+  emits: ["cancel", "completed", "update:modelValue"],
   data() {
     return {
       steps: []
@@ -16922,10 +16180,8 @@ const _sfc_main$1 = defineComponent({
       if (open >= 0) {
         const step = this.steps[open - 1];
         this.$emit("update:modelValue", step.key);
-        this.$emit("change", step.key);
       } else {
         this.$emit("update:modelValue", null);
-        this.$emit("change", null);
       }
     },
     cancel(isFinalStep) {
@@ -17292,21 +16548,19 @@ export {
   ErrorPlugin,
   ErrorViewData,
   EventBus,
-  _sfc_main$1f as FBadge,
-  _sfc_main$B as FBankAccountNumberTextField,
-  _sfc_main$A as FBankgiroTextField,
+  _sfc_main$1b as FBadge,
+  _sfc_main$y as FBankAccountNumberTextField,
+  _sfc_main$x as FBankgiroTextField,
   FCalendar,
   FCalendarDay,
-  _sfc_main$_ as FCard,
+  _sfc_main$W as FCard,
   FCheckboxField,
-  FCheckboxGroup,
-  FCheckboxField as FCheckboxGroupField,
-  _sfc_main$z as FClearingnumberTextField,
+  _sfc_main$w as FClearingnumberTextField,
   FConfirmModal,
   FContextMenu,
   FCrudButton,
   FCrudDataset,
-  _sfc_main$D as FCurrencyTextField,
+  _sfc_main$A as FCurrencyTextField,
   FDataTable,
   FDatepickerField,
   FDialogueTree,
@@ -17319,11 +16573,8 @@ export {
   FFieldset,
   FFileItem,
   FFileSelector,
-  FForm,
   FFormModal,
   FValidationFormAction as FFormModalAction,
-  FFormStep,
-  FFormStepButton,
   FIcon,
   FInteractiveTable,
   FKUIConfigButtonOrder,
@@ -17334,23 +16585,22 @@ export {
   FLayoutRightPanelService,
   FList,
   FLoader,
+  _sfc_main$b as FLogo,
   FMessageBox,
   FModal,
   FNavigationMenu,
-  _sfc_main$y as FNumericTextField,
+  _sfc_main$v as FNumericTextField,
   FOffline,
-  _sfc_main$t as FOrganisationsnummerTextField,
+  _sfc_main$q as FOrganisationsnummerTextField,
   FOutputField,
   FPageHeader,
-  _sfc_main$u as FPercentTextField,
-  _sfc_main$x as FPersonnummerTextField,
+  _sfc_main$r as FPercentTextField,
+  _sfc_main$u as FPersonnummerTextField,
   FPhoneTextField,
-  _sfc_main$w as FPlusgiroTextField,
-  _sfc_main$v as FPostalCodeTextField,
-  FProgressbar,
+  _sfc_main$t as FPlusgiroTextField,
+  _sfc_main$s as FPostalCodeTextField,
+  _sfc_main$5 as FProgressbar,
   FRadioField,
-  FRadioGroup,
-  FRadioField as FRadioGroupField,
   FSearchTextField,
   FSelectField,
   FSortFilterDataset,
@@ -17370,18 +16620,17 @@ export {
   FWizardStep,
   FValidationFormAction as FWizardStepAction,
   FormErrorList,
-  FormStep,
   IAnimateExpand,
   ICalendarMonth,
   ICalendarMonthGrid,
   ICalendarNavbar,
-  _sfc_main$S as IComboboxDropdown,
-  _sfc_main$R as IComboboxToggleButton,
+  _sfc_main$O as IComboboxDropdown,
+  _sfc_main$N as IComboboxToggleButton,
   IFlex,
   IFlexItem,
   IPopup,
   IPopupError,
-  _sfc_main$W as IPopupListbox,
+  _sfc_main$S as IPopupListbox,
   IPopupMenu,
   ISkipLink,
   FValidationForm as IValidationForm,
@@ -17396,10 +16645,8 @@ export {
   UNHANDLED_ERROR_EVENT,
   ValidationPlugin,
   actionFromKeyboardEvent,
-  cleanUpElements,
   config,
   confirmModal,
-  createFFormProvideOptions,
   dispatchComponentUnmountEvent,
   dispatchComponentValidityEvent,
   findElementFromVueRef,
@@ -17416,9 +16663,7 @@ export {
   getHTMLElementsFromVueRef,
   getInputElement,
   getParentByName,
-  getRef,
   getSortedHTMLElementsFromVueRef,
-  getTextFromScopedSlot,
   handleKeyboardFocusNavigation,
   hasParentByName,
   hasSlot,
@@ -17426,7 +16671,6 @@ export {
   isContextMenuSeparatorItem,
   isContextMenuTextItem,
   isDialogueTreeEndQuestion,
-  isFormStepReference,
   itemEquals,
   mountComponent,
   openModal,
@@ -17436,10 +16680,7 @@ export {
   refIsVue,
   refIsVueArray,
   renderSlotText,
-  setIsOpen,
-  setRef,
   setRunningContext,
-  sortComponentsWithErrorsOnDOMOrder,
   tableScrollClasses,
   tooltipAttachTo,
   useCombobox,