npm - @fkui/vue - Versions diffs - 5.46.1 → 6.0.0 - Mend

@fkui/vue 5.46.1 → 6.0.0

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

Files changed (19) hide show

package/dist/cjs/{pageobject.js → cypress.js} +135 -311
package/dist/cjs/cypress.js.map +7 -0
package/dist/cjs/index.cjs.js +881 -1640
package/dist/cjs/index.cjs.js.map +1 -1
package/dist/esm/index.esm.js +884 -1643
package/dist/esm/index.esm.js.map +1 -1
package/dist/types/{pageobject.d.ts → cypress.d.ts} +48 -139
package/dist/types/index.d.ts +588 -2249
package/dist/types/tsdoc-metadata.json +1 -1
package/htmlvalidate/configs/recommended.js +1 -1
package/htmlvalidate/elements/components.js +14 -192
package/htmlvalidate/elements/internal-components.js +0 -6
package/htmlvalidate/rules/deprecated-validator.js +1 -1
package/htmlvalidate/rules/index.js +2 -2
package/htmlvalidate/rules/no-template-modal.rule.js +44 -0
package/package.json +6 -7
package/dist/cjs/pageobject.js.map +0 -7
package/pageobject.d.ts +0 -1
package/pageobject.js +0 -1

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

@@ -4,7 +4,7 @@ const vue = require("vue");
 const logic = require("@fkui/logic");
 const date = require("@fkui/date");
 const statuses = ["default", "warning", "error", "success", "info"];
-const _sfc_main$1f = /* @__PURE__ */ vue.defineComponent({
+const _sfc_main$1b = /* @__PURE__ */ vue.defineComponent({
   __name: "FBadge",
   props: {
     /**
@@ -1322,7 +1322,7 @@ function requireEs_array_push() {
 requireEs_array_push();
 const Flip = ["horizontal", "vertical"];
 const Rotate = ["90", "180", "270"];
-const _sfc_main$1e = vue.defineComponent({
+const _sfc_main$1a = vue.defineComponent({
   name: "FIcon",
   inheritAttrs: false,
   props: {
@@ -1410,18 +1410,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 vue.openBlock(), vue.createElementBlock("svg", vue.mergeProps(_ctx.$attrs, {
     focusable: "false",
     class: ["icon", [_ctx.spriteKey, ..._ctx.modifiers]],
     "aria-hidden": _ctx.ariaHidden
   }), [vue.renderSlot(_ctx.$slots, "default"), _cache[0] || (_cache[0] = vue.createTextVNode()), vue.createElementVNode("use", {
     "xlink:href": _ctx.spriteId
-  }, null, 8, _hoisted_2$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) {
@@ -3350,56 +3350,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 !== vue.Comment;
-}
-function getTextContent(children, options) {
-  return children.filter(vue.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,
@@ -3508,10 +3458,7 @@ function getHTMLElementFromVueRef(ref) {
 }
 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();
@@ -3542,10 +3489,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);
@@ -3648,7 +3593,6 @@ function unpackPayload(event, src) {
   };
 }
 function openModal(callingInstance, Component, options) {
-  var _config$modalTarget;
   if (typeof options === "string") {
     return openModal(callingInstance, Component, {
       props: {
@@ -3657,7 +3601,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 {
@@ -3743,7 +3687,7 @@ function elementIsRadioButton(element) {
 function isHTMLInputElement(element) {
   return element instanceof HTMLInputElement;
 }
-const _sfc_main$1d = vue.defineComponent({
+const _sfc_main$19 = vue.defineComponent({
   name: "FModal",
   components: {
     FIcon
@@ -3923,14 +3867,14 @@ const _sfc_main$1d = vue.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 = {
@@ -3939,13 +3883,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"
@@ -3957,25 +3901,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 = vue.resolveComponent("f-icon");
   return _ctx.isOpen ? (vue.openBlock(), vue.createElementBlock("div", {
     key: 0,
     id: _ctx.id,
     class: vue.normalizeClass(["modal", _ctx.modalClass])
-  }, [vue.createElementVNode("div", _hoisted_2$G, [vue.createElementVNode("div", {
+  }, [vue.createElementVNode("div", _hoisted_2$E, [vue.createElementVNode("div", {
     class: "modal__outer-container scroll-target",
     tabindex: "-1",
     role: "dialog",
     "aria-modal": "true",
     onKeyup: _cache[3] || (_cache[3] = vue.withKeys((...args) => _ctx.onClose && _ctx.onClose(...args), ["esc"]))
-  }, [vue.createElementVNode("div", _hoisted_3$x, [vue.createElementVNode("div", {
+  }, [vue.createElementVNode("div", _hoisted_3$w, [vue.createElementVNode("div", {
     ref: "modalDialogContainer",
     class: vue.normalizeClass(["modal__dialog-container", _ctx.containerClasses])
-  }, [vue.createElementVNode("div", _hoisted_4$r, [vue.createElementVNode("div", _hoisted_5$l, [vue.createElementVNode("div", _hoisted_6$g, [vue.createElementVNode("div", {
+  }, [vue.createElementVNode("div", _hoisted_4$q, [vue.createElementVNode("div", _hoisted_5$l, [vue.createElementVNode("div", _hoisted_6$g, [vue.createElementVNode("div", {
     tabindex: "0",
     onFocus: _cache[0] || (_cache[0] = (...args) => _ctx.onFocusFirst && _ctx.onFocusFirst(...args))
-  }, null, 32), _cache[4] || (_cache[4] = vue.createTextVNode()), _ctx.hasHeaderSlot ? (vue.openBlock(), vue.createElementBlock("h1", _hoisted_7$e, [vue.renderSlot(_ctx.$slots, "header")], 512)) : vue.createCommentVNode("", true)]), _cache[5] || (_cache[5] = vue.createTextVNode()), vue.createElementVNode("div", _hoisted_8$9, [vue.renderSlot(_ctx.$slots, "content")], 512), _cache[6] || (_cache[6] = vue.createTextVNode()), vue.createElementVNode("div", _hoisted_9$6, [vue.renderSlot(_ctx.$slots, "footer")])]), _cache[9] || (_cache[9] = vue.createTextVNode()), vue.createElementVNode("div", _hoisted_10$4, [vue.createElementVNode("button", {
+  }, null, 32), _cache[4] || (_cache[4] = vue.createTextVNode()), _ctx.hasHeaderSlot ? (vue.openBlock(), vue.createElementBlock("h1", _hoisted_7$d, [vue.renderSlot(_ctx.$slots, "header")], 512)) : vue.createCommentVNode("", true)]), _cache[5] || (_cache[5] = vue.createTextVNode()), vue.createElementVNode("div", _hoisted_8$8, [vue.renderSlot(_ctx.$slots, "content")], 512), _cache[6] || (_cache[6] = vue.createTextVNode()), vue.createElementVNode("div", _hoisted_9$6, [vue.renderSlot(_ctx.$slots, "footer")])]), _cache[9] || (_cache[9] = vue.createTextVNode()), vue.createElementVNode("div", _hoisted_10$4, [vue.createElementVNode("button", {
     type: "button",
     class: "close-button",
     "aria-label": _ctx.ariaCloseText,
@@ -3985,9 +3929,9 @@ function _sfc_render$$(_ctx, _cache, $props, $setup, $data, $options) {
   })], 8, _hoisted_11$3), _cache[8] || (_cache[8] = vue.createTextVNode()), vue.createElementVNode("div", {
     tabindex: "0",
     onFocus: _cache[2] || (_cache[2] = (...args) => _ctx.onFocusLast && _ctx.onFocusLast(...args))
-  }, null, 32)])])], 2)])], 32)])], 10, _hoisted_1$V)) : vue.createCommentVNode("", true);
+  }, null, 32)])])], 2)])], 32)])], 10, _hoisted_1$T)) : vue.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;
@@ -4016,7 +3960,7 @@ const defaultButtons = [{
   event: "dismiss",
   type: "secondary"
 }];
-const _sfc_main$1c = vue.defineComponent({
+const _sfc_main$18 = vue.defineComponent({
   name: "FConfirmModal",
   components: {
     FModal
@@ -4120,15 +4064,15 @@ const _sfc_main$1c = vue.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 = vue.resolveComponent("f-modal");
   return vue.openBlock(), vue.createBlock(_component_f_modal, {
     fullscreen: _ctx.fullscreen,
@@ -4141,22 +4085,22 @@ function _sfc_render$_(_ctx, _cache, $props, $setup, $data, $options) {
   }, {
     header: vue.withCtx(() => [vue.renderSlot(_ctx.$slots, "heading", {}, () => [vue.createTextVNode(vue.toDisplayString(_ctx.heading), 1)])]),
     content: vue.withCtx(() => [vue.renderSlot(_ctx.$slots, "content", {}, () => [vue.createTextVNode(vue.toDisplayString(_ctx.content), 1)])]),
-    footer: vue.withCtx(() => [vue.createElementVNode("div", _hoisted_1$U, [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.preparedButtons, (button) => {
+    footer: vue.withCtx(() => [vue.createElementVNode("div", _hoisted_1$S, [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.preparedButtons, (button) => {
       return vue.openBlock(), vue.createElementBlock("button", {
         key: button.label,
         type: "button",
         class: vue.normalizeClass([button.classlist, "button-group__item"]),
         onClick: ($event) => _ctx.onClick(button)
-      }, [vue.createElementVNode("span", null, vue.toDisplayString(button.label), 1), _cache[0] || (_cache[0] = vue.createTextVNode()), button.screenreader ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$w, " " + vue.toDisplayString(button.screenreader), 1)) : vue.createCommentVNode("", true)], 10, _hoisted_2$F);
+      }, [vue.createElementVNode("span", null, vue.toDisplayString(button.label), 1), _cache[0] || (_cache[0] = vue.createTextVNode()), button.screenreader ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$v, " " + vue.toDisplayString(button.screenreader), 1)) : vue.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 = vue.defineComponent({
+const _sfc_main$17 = vue.defineComponent({
   name: "IFlex",
   inheritAttrs: true,
   props: {
@@ -4231,13 +4175,13 @@ const _sfc_main$1b = vue.defineComponent({
     }
   }
 });
-function _sfc_render$Z(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$T(_ctx, _cache, $props, $setup, $data, $options) {
   return vue.openBlock(), vue.createElementBlock("div", {
     class: vue.normalizeClass(["iflex", _ctx.classList])
   }, [vue.renderSlot(_ctx.$slots, "default")], 2);
 }
-const IFlex = /* @__PURE__ */ _export_sfc(_sfc_main$1b, [["render", _sfc_render$Z]]);
-const _sfc_main$1a = vue.defineComponent({
+const IFlex = /* @__PURE__ */ _export_sfc(_sfc_main$17, [["render", _sfc_render$T]]);
+const _sfc_main$16 = vue.defineComponent({
   name: "IFlexItem",
   inheritAttrs: true,
   props: {
@@ -4284,12 +4228,12 @@ const _sfc_main$1a = vue.defineComponent({
     }
   }
 });
-function _sfc_render$Y(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$S(_ctx, _cache, $props, $setup, $data, $options) {
   return vue.openBlock(), vue.createElementBlock("div", {
     class: vue.normalizeClass(["iflex__item", _ctx.classList])
   }, [vue.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) {
@@ -4299,7 +4243,7 @@ function focusError(item) {
   logic.scrollTo(element, window.innerHeight * 0.25);
   logic.focus(focusElement2 ? focusElement2 : element);
 }
-const _sfc_main$19 = vue.defineComponent({
+const _sfc_main$15 = vue.defineComponent({
   name: "FErrorList",
   components: {
     FIcon,
@@ -4355,24 +4299,24 @@ const _sfc_main$19 = vue.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 = vue.resolveComponent("f-icon");
   const _component_i_flex_item = vue.resolveComponent("i-flex-item");
   const _component_i_flex = vue.resolveComponent("i-flex");
-  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$T, [vue.createVNode(_component_i_flex, null, {
+  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$R, [vue.createVNode(_component_i_flex, null, {
     default: vue.withCtx(() => [_ctx.hasTitleSlot ? (vue.openBlock(), vue.createBlock(_component_i_flex_item, {
       key: 0,
       shrink: ""
@@ -4391,7 +4335,7 @@ function _sfc_render$X(_ctx, _cache, $props, $setup, $data, $options) {
     })) : vue.createCommentVNode("", true), _cache[7] || (_cache[7] = vue.createTextVNode()), vue.createVNode(_component_i_flex_item, {
       grow: ""
     }, {
-      default: vue.withCtx(() => [_ctx.hasTitleSlot ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$E, [vue.renderSlot(_ctx.$slots, "title")])) : vue.createCommentVNode("", true), _cache[5] || (_cache[5] = vue.createTextVNode()), vue.createElementVNode("ul", _hoisted_3$v, [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.items, (item) => {
+      default: vue.withCtx(() => [_ctx.hasTitleSlot ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$C, [vue.renderSlot(_ctx.$slots, "title")])) : vue.createCommentVNode("", true), _cache[5] || (_cache[5] = vue.createTextVNode()), vue.createElementVNode("ul", _hoisted_3$u, [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.items, (item) => {
         return vue.openBlock(), vue.createElementBlock("li", {
           key: item.id,
           class: vue.normalizeClass(_ctx.liClasses(item))
@@ -4406,7 +4350,7 @@ function _sfc_render$X(_ctx, _cache, $props, $setup, $data, $options) {
           "aria-hidden": "true"
         }, null, -1)), _cache[2] || (_cache[2] = vue.createTextVNode()), vue.createElementVNode("span", _hoisted_5$k, vue.toDisplayString(item.title), 1)], 64)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, {
           key: 1
-        }, [vue.createTextVNode(vue.toDisplayString(item.title), 1)], 64))], 8, _hoisted_4$q)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, {
+        }, [vue.createTextVNode(vue.toDisplayString(item.title), 1)], 64))], 8, _hoisted_4$p)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, {
           key: 1
         }, [_ctx.bullets ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, {
           key: 0
@@ -4422,7 +4366,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(() => {
@@ -4436,22 +4380,7 @@ function cleanUpElements(vm) {
     }, 0);
   });
 }
-function sortComponentsWithErrorsOnDOMOrder(componentList) {
-  const errorList = Object.values(componentList).filter((component) => {
-    const validity = component instanceof logic.Reference ? component.ref.isValid : component.validityMode;
-    return typeof validity === "boolean" ? validity === false : validity === "ERROR";
-  });
-  errorList.sort((a, b) => {
-    const elementToCompareA = a instanceof logic.Reference ? document.querySelector(`#${a.ref.id}`) : a.target;
-    const elementToCompareB = b instanceof logic.Reference ? document.querySelector(`#${b.ref.id}`) : b.target;
-    return logic.documentOrderComparator(elementToCompareA, elementToCompareB);
-  });
-  return errorList;
-}
-function isFormStepReference(reference) {
-  return "isOpen" in reference.ref;
-}
-const _sfc_main$18 = vue.defineComponent({
+const _sfc_main$14 = vue.defineComponent({
   name: "FValidationGroup",
   props: {
     /**
@@ -4521,19 +4450,19 @@ const _sfc_main$18 = vue.defineComponent({
     }
   }
 });
-function _sfc_render$W(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$Q(_ctx, _cache, $props, $setup, $data, $options) {
   return vue.openBlock(), vue.createElementBlock("div", {
     onComponentValidity: _cache[0] || (_cache[0] = (...args) => _ctx.onComponentValidity && _ctx.onComponentValidity(...args)),
     onComponentUnmount: _cache[1] || (_cache[1] = (...args) => _ctx.onComponentUnmount && _ctx.onComponentUnmount(...args))
   }, [vue.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 = vue.defineComponent({
+const _sfc_main$13 = vue.defineComponent({
   name: "FValidationForm",
   components: {
     FValidationGroup,
@@ -4672,14 +4601,14 @@ const _sfc_main$17 = vue.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 = vue.resolveComponent("f-error-list");
   const _component_f_validation_group = vue.resolveComponent("f-validation-group");
   return vue.openBlock(), vue.createBlock(_component_f_validation_group, {
@@ -4694,19 +4623,19 @@ function _sfc_render$V(_ctx, _cache, $props, $setup, $data, $options) {
       novalidate: "",
       autocomplete: "off",
       onSubmit: _cache[0] || (_cache[0] = vue.withModifiers((...args) => _ctx.onSubmit && _ctx.onSubmit(...args), ["prevent"]))
-    }), [_ctx.displayErrors ? (vue.openBlock(), vue.createElementBlock("nav", _hoisted_2$D, [vue.createVNode(_component_f_error_list, {
+    }), [_ctx.displayErrors ? (vue.openBlock(), vue.createElementBlock("nav", _hoisted_2$B, [vue.createVNode(_component_f_error_list, {
       items: _ctx.errors,
       bullets: _ctx.errorListBullets,
       "before-navigate": _ctx.errorListBeforeNavigate
     }, {
       title: vue.withCtx(() => [vue.renderSlot(_ctx.$slots, "error-message")]),
       _: 3
-    }, 8, ["items", "bullets", "before-navigate"])], 512)) : vue.createCommentVNode("", true), _cache[2] || (_cache[2] = vue.createTextVNode()), vue.renderSlot(_ctx.$slots, "default")], 16, _hoisted_1$S)]),
+    }, 8, ["items", "bullets", "before-navigate"])], 512)) : vue.createCommentVNode("", true), _cache[2] || (_cache[2] = vue.createTextVNode()), vue.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 = vue.defineComponent({
+const FValidationForm = /* @__PURE__ */ _export_sfc(_sfc_main$13, [["render", _sfc_render$P]]);
+const _sfc_main$12 = vue.defineComponent({
   name: "FFormModal",
   components: {
     FModal,
@@ -4825,10 +4754,7 @@ const _sfc_main$16 = vue.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: {
@@ -4858,16 +4784,15 @@ const _sfc_main$16 = vue.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 = vue.resolveComponent("f-validation-form");
   const _component_f_modal = vue.resolveComponent("f-modal");
   return vue.openBlock(), vue.createBlock(_component_f_modal, {
@@ -4879,7 +4804,7 @@ function _sfc_render$U(_ctx, _cache, $props, $setup, $data, $options) {
     onClose: _ctx.onClose
   }, {
     header: vue.withCtx(() => [vue.renderSlot(_ctx.$slots, "header")]),
-    content: vue.withCtx(() => [vue.createElementVNode("div", null, [vue.renderSlot(_ctx.$slots, "default")]), _cache[2] || (_cache[2] = vue.createTextVNode()), vue.createVNode(_component_f_validation_form, {
+    content: vue.withCtx(() => [vue.createElementVNode("div", null, [vue.renderSlot(_ctx.$slots, "default")]), _cache[1] || (_cache[1] = vue.createTextVNode()), vue.createVNode(_component_f_validation_form, {
       id: _ctx.formId,
       "before-submit": _ctx.beforeSubmit,
       "before-validation": _ctx.beforeValidation,
@@ -4888,36 +4813,22 @@ function _sfc_render$U(_ctx, _cache, $props, $setup, $data, $options) {
       onCancel: _ctx.onCancel
     }, {
       "error-message": vue.withCtx(() => [vue.renderSlot(_ctx.$slots, "error-message")]),
-      default: vue.withCtx(() => [_cache[1] || (_cache[1] = vue.createTextVNode()), vue.renderSlot(_ctx.$slots, "input-text-fields")]),
+      default: vue.withCtx(() => [_cache[0] || (_cache[0] = vue.createTextVNode()), vue.renderSlot(_ctx.$slots, "input-text-fields")]),
       _: 3
     }, 8, ["id", "before-submit", "before-validation", "use-error-list", "onSubmit", "onCancel"])]),
-    footer: vue.withCtx(() => [vue.createElementVNode("div", _hoisted_1$R, [!_ctx.hasDeprecatedSlots ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, {
-      key: 0
-    }, vue.renderList(_ctx.preparedButtons, (button) => {
+    footer: vue.withCtx(() => [vue.createElementVNode("div", _hoisted_1$P, [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.preparedButtons, (button) => {
       return vue.openBlock(), vue.createElementBlock("button", {
         key: button.label,
         type: button.buttonType,
         class: vue.normalizeClass([button.classlist, "button-group__item"]),
         form: button.buttonType === "submit" ? _ctx.formId : void 0,
         onClick: ($event) => button.buttonType === "button" ? _ctx.onCancel() : false
-      }, [vue.createElementVNode("span", null, vue.toDisplayString(button.label), 1), _cache[3] || (_cache[3] = vue.createTextVNode()), button.screenreader ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$u, " " + vue.toDisplayString(button.screenreader), 1)) : vue.createCommentVNode("", true)], 10, _hoisted_2$C);
-    }), 128)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, {
-      key: 1
-    }, [vue.createElementVNode("button", {
-      form: _ctx.formId,
-      "data-test": "submit-button",
-      type: "submit",
-      class: "button button--primary button-group__item button--large"
-    }, [vue.renderSlot(_ctx.$slots, "submit-button-text", {}, () => [vue.createTextVNode(vue.toDisplayString(_ctx.$t("fkui.form-modal.button.submit.text", "Spara")), 1)])], 8, _hoisted_4$p), _cache[4] || (_cache[4] = vue.createTextVNode()), vue.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))
-    }, [vue.renderSlot(_ctx.$slots, "cancel-button-text", {}, () => [vue.createTextVNode(vue.toDisplayString(_ctx.$t("fkui.form-modal.button.cancel.text", "Avbryt")), 1)])])], 64))])]),
+      }, [vue.createElementVNode("span", null, vue.toDisplayString(button.label), 1), _cache[2] || (_cache[2] = vue.createTextVNode()), button.screenreader ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$t, " " + vue.toDisplayString(button.screenreader), 1)) : vue.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,
@@ -4966,6 +4877,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 !== vue.Comment;
+}
+function getTextContent(children, options) {
+  return children.filter(vue.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));
@@ -5022,7 +4979,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.");
   }
@@ -5068,18 +5025,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";
@@ -5151,7 +5096,7 @@ function getValidatableElement(element) {
     throw new Error(`Couldn't find any validatable element`);
   }
 }
-function triggerInitialValidationToSupportFFormStepValidation(el) {
+function triggerInitialValidation(el) {
   const target = getValidatableElement(el);
   logic.ValidationService.validateElement(target);
 }
@@ -5187,7 +5132,7 @@ const ValidationDirective = {
     }
   },
   mounted(el) {
-    triggerInitialValidationToSupportFFormStepValidation(el);
+    triggerInitialValidation(el);
   }
 };
 const ValidationPrefixDirective = {
@@ -5243,7 +5188,7 @@ const ErrorPlugin = {
     }
   }
 };
-const _sfc_main$15 = vue.defineComponent({
+const _sfc_main$11 = vue.defineComponent({
   name: "FErrorPage",
   props: {
     payload: {
@@ -5253,16 +5198,16 @@ const _sfc_main$15 = vue.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 vue.openBlock(), vue.createElementBlock("div", _hoisted_1$Q, _cache[0] || (_cache[0] = [vue.createElementVNode("h1", null, "Fel", -1), vue.createTextVNode(), vue.createElementVNode("p", null, "Ett fel har uppstått.", -1), vue.createTextVNode(), vue.createElementVNode("a", {
+function _sfc_render$N(_ctx, _cache, $props, $setup, $data, $options) {
+  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$O, _cache[0] || (_cache[0] = [vue.createElementVNode("h1", null, "Fel", -1), vue.createTextVNode(), vue.createElementVNode("p", null, "Ett fel har uppstått.", -1), vue.createTextVNode(), vue.createElementVNode("a", {
     href: "/"
   }, "Gå till startsidan", -1)]));
 }
-const FErrorPage = /* @__PURE__ */ _export_sfc(_sfc_main$15, [["render", _sfc_render$T]]);
-const _sfc_main$14 = vue.defineComponent({
+const FErrorPage = /* @__PURE__ */ _export_sfc(_sfc_main$11, [["render", _sfc_render$N]]);
+const _sfc_main$10 = vue.defineComponent({
   name: "FErrorHandlingApp",
   props: {
     defaultComponent: {
@@ -5291,7 +5236,7 @@ const _sfc_main$14 = vue.defineComponent({
     });
   }
 });
-function _sfc_render$S(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$M(_ctx, _cache, $props, $setup, $data, $options) {
   return vue.openBlock(), vue.createElementBlock("div", null, [_ctx.hasError ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.errorComponent), {
     key: 0,
     payload: _ctx.payload
@@ -5301,7 +5246,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(date2, minDate) {
   return Boolean(minDate && date2.isBefore(minDate.startOfMonth()));
 }
@@ -5342,7 +5287,7 @@ function getMessage($t2, date2, minDate, maxDate) {
     });
   }
 }
-const _sfc_main$13 = vue.defineComponent({
+const _sfc_main$$ = vue.defineComponent({
   name: "ICalendarNavbar",
   components: {
     FIcon
@@ -5411,7 +5356,6 @@ const _sfc_main$13 = vue.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
@@ -5456,14 +5400,14 @@ const _sfc_main$13 = vue.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"
 };
@@ -5471,9 +5415,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 = vue.resolveComponent("f-icon");
-  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$P, [vue.createElementVNode("div", _hoisted_2$B, vue.toDisplayString(_ctx.currentText), 1), _cache[4] || (_cache[4] = vue.createTextVNode()), vue.createElementVNode("button", {
+  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$N, [vue.createElementVNode("div", _hoisted_2$z, vue.toDisplayString(_ctx.currentText), 1), _cache[4] || (_cache[4] = vue.createTextVNode()), vue.createElementVNode("button", {
     ref: "previousButton",
     class: "calendar-navbar__arrow calendar-navbar__arrow--previous",
     type: "button",
@@ -5483,7 +5427,7 @@ function _sfc_render$R(_ctx, _cache, $props, $setup, $data, $options) {
   }, [vue.createElementVNode("span", _hoisted_4$o, vue.toDisplayString(_ctx.previousSrText), 1), _cache[2] || (_cache[2] = vue.createTextVNode()), vue.createVNode(_component_f_icon, {
     class: vue.normalizeClass(_ctx.previousIconClasses),
     name: "arrow-right"
-  }, null, 8, ["class"])], 8, _hoisted_3$t), _cache[5] || (_cache[5] = vue.createTextVNode()), vue.createElementVNode("button", {
+  }, null, 8, ["class"])], 8, _hoisted_3$s), _cache[5] || (_cache[5] = vue.createTextVNode()), vue.createElementVNode("button", {
     ref: "nextButton",
     class: "calendar-navbar__arrow calendar-navbar__arrow--next",
     type: "button",
@@ -5495,14 +5439,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 = vue.defineComponent({
+const _sfc_main$_ = vue.defineComponent({
   name: "ICalendarMonthGrid",
   props: {
     /**
@@ -5576,12 +5520,12 @@ const _sfc_main$12 = vue.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",
@@ -5594,8 +5538,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"
 };
@@ -5605,14 +5549,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 vue.openBlock(), vue.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))
-  }, [vue.createElementVNode("colgroup", null, [!_ctx.internalHideWeekNumbers ? (vue.openBlock(), vue.createElementBlock("col", _hoisted_2$A)) : vue.createCommentVNode("", true), _cache[2] || (_cache[2] = vue.createTextVNode()), _cache[3] || (_cache[3] = vue.createElementVNode("col", {
+  }, [vue.createElementVNode("colgroup", null, [!_ctx.internalHideWeekNumbers ? (vue.openBlock(), vue.createElementBlock("col", _hoisted_2$y)) : vue.createCommentVNode("", true), _cache[2] || (_cache[2] = vue.createTextVNode()), _cache[3] || (_cache[3] = vue.createElementVNode("col", {
     class: "calendar-month__col--day"
   }, null, -1)), _cache[4] || (_cache[4] = vue.createTextVNode()), _cache[5] || (_cache[5] = vue.createElementVNode("col", {
     class: "calendar-month__col--day"
@@ -5626,7 +5570,7 @@ function _sfc_render$Q(_ctx, _cache, $props, $setup, $data, $options) {
     class: "calendar-month__col--day"
   }, null, -1)), _cache[14] || (_cache[14] = vue.createTextVNode()), _cache[15] || (_cache[15] = vue.createElementVNode("col", {
     class: "calendar-month__col--day"
-  }, null, -1))]), _cache[22] || (_cache[22] = vue.createTextVNode()), vue.createElementVNode("thead", null, [vue.createElementVNode("tr", null, [!_ctx.internalHideWeekNumbers ? (vue.openBlock(), vue.createElementBlock("th", _hoisted_3$s)) : vue.createCommentVNode("", true), _cache[16] || (_cache[16] = vue.createTextVNode()), (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.weekdays, (weekday) => {
+  }, null, -1))]), _cache[22] || (_cache[22] = vue.createTextVNode()), vue.createElementVNode("thead", null, [vue.createElementVNode("tr", null, [!_ctx.internalHideWeekNumbers ? (vue.openBlock(), vue.createElementBlock("th", _hoisted_3$r)) : vue.createCommentVNode("", true), _cache[16] || (_cache[16] = vue.createTextVNode()), (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.weekdays, (weekday) => {
     return vue.openBlock(), vue.createElementBlock("th", {
       key: weekday.name,
       scope: "col",
@@ -5656,8 +5600,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)) : vue.createCommentVNode("", true)]);
-  }), 128)), _cache[20] || (_cache[20] = vue.createTextVNode()), _ctx.weeks.length < 5 ? (vue.openBlock(), vue.createElementBlock("tr", _hoisted_8$8, [vue.createElementVNode("td", {
+    }, null, 8, _hoisted_7$c)) : vue.createCommentVNode("", true)]);
+  }), 128)), _cache[20] || (_cache[20] = vue.createTextVNode()), _ctx.weeks.length < 5 ? (vue.openBlock(), vue.createElementBlock("tr", _hoisted_8$7, [vue.createElementVNode("td", {
     class: "calendar-month__cell",
     colspan: _ctx.totalCols,
     "aria-hidden": "true"
@@ -5665,9 +5609,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)])) : vue.createCommentVNode("", true)])], 40, _hoisted_1$O);
+  }, null, 8, _hoisted_11$2)])) : vue.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,
@@ -5691,7 +5635,7 @@ function getDayTabindex(date2, active, entry) {
     return date2.day === 1 ? 0 : -1;
   }
 }
-const _sfc_main$11 = vue.defineComponent({
+const _sfc_main$Z = vue.defineComponent({
   name: "ICalendarMonth",
   components: {
     ICalendarMonthGrid
@@ -5758,7 +5702,6 @@ const _sfc_main$11 = vue.defineComponent({
         return;
       }
       this.$emit("update:modelValue", navigatedMonth);
-      this.$emit("change", navigatedMonth);
       if (navigatedDay.month !== date2.month) {
         await this.$nextTick();
       }
@@ -5782,8 +5725,8 @@ const _sfc_main$11 = vue.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 = vue.resolveComponent("i-calendar-month-grid");
   return vue.openBlock(), vue.createBlock(_component_i_calendar_month_grid, {
     value: _ctx.modelValue
@@ -5802,12 +5745,12 @@ function _sfc_render$P(_ctx, _cache, $props, $setup, $data, $options) {
     }, [vue.renderSlot(_ctx.$slots, "default", {
       date: date2,
       isFocused: _ctx.isDayFocused(date2)
-    })], 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 = vue.defineComponent({
+const ICalendarMonth = /* @__PURE__ */ _export_sfc(_sfc_main$Z, [["render", _sfc_render$J]]);
+const _sfc_main$Y = vue.defineComponent({
   name: "FCalendar",
   components: {
     ICalendarNavbar,
@@ -5848,24 +5791,23 @@ const _sfc_main$10 = vue.defineComponent({
       required: true
     }
   },
-  emits: ["click", "change", "update:modelValue"],
+  emits: ["click", "update:modelValue"],
   methods: {
     onClickDay(date2) {
       this.$emit("click", date2);
     },
     onChangeMonth(date2) {
       this.$emit("update:modelValue", date2);
-      this.$emit("change", date2);
     }
   }
 });
-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 = vue.resolveComponent("i-calendar-navbar");
   const _component_i_calendar_month = vue.resolveComponent("i-calendar-month");
-  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$M, [vue.createVNode(_component_i_calendar_navbar, {
+  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$K, [vue.createVNode(_component_i_calendar_navbar, {
     "model-value": _ctx.modelValue,
     "min-date": _ctx.minDate,
     "max-date": _ctx.maxDate,
@@ -5888,7 +5830,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) {
@@ -5907,7 +5849,7 @@ function getCalendarDaySrText(day, enabled, selected, t) {
   parts.push(day.toString(date.DateFormat.FULL));
   return parts.join(" ");
 }
-const _sfc_main$$ = vue.defineComponent({
+const _sfc_main$X = vue.defineComponent({
   name: "FCalendarDay",
   mixins: [TranslationMixin],
   props: {
@@ -5972,18 +5914,18 @@ const _sfc_main$$ = vue.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 vue.openBlock(), vue.createElementBlock("span", {
     class: vue.normalizeClass(_ctx.dayClasses)
-  }, [vue.createElementVNode("span", _hoisted_1$L, vue.toDisplayString(_ctx.day.day), 1), _cache[0] || (_cache[0] = vue.createTextVNode()), vue.createElementVNode("span", _hoisted_2$z, vue.toDisplayString(_ctx.srText), 1)], 2);
+  }, [vue.createElementVNode("span", _hoisted_1$J, vue.toDisplayString(_ctx.day.day), 1), _cache[0] || (_cache[0] = vue.createTextVNode()), vue.createElementVNode("span", _hoisted_2$x, vue.toDisplayString(_ctx.srText), 1)], 2);
 }
-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) {
   vue.onMounted(() => {
     var _a;
@@ -6004,19 +5946,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__ */ vue.defineComponent({
+const _sfc_main$W = /* @__PURE__ */ vue.defineComponent({
   __name: "FCard",
   props: {
     /**
@@ -6074,7 +6016,7 @@ const _sfc_main$_ = /* @__PURE__ */ vue.defineComponent({
         id: __props.id,
         class: vue.normalizeClass(cardClass.value),
         onValidity
-      }, [hasHeaderSlot.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$y, [vue.renderSlot(_ctx.$slots, "header", vue.normalizeProps(vue.guardReactiveProps({
+      }, [hasHeaderSlot.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$w, [vue.renderSlot(_ctx.$slots, "header", vue.normalizeProps(vue.guardReactiveProps({
         headingSlotClass: "card__header-label"
       })))])) : vue.createCommentVNode("", true), _cache[1] || (_cache[1] = vue.createTextVNode()), vue.renderSlot(_ctx.$slots, "error-message", vue.normalizeProps(vue.guardReactiveProps({
         hasError: hasError.value,
@@ -6099,14 +6041,14 @@ const _sfc_main$_ = /* @__PURE__ */ vue.defineComponent({
           _: 1
         })]),
         _: 1
-      })) : vue.createCommentVNode("", true)]), _cache[2] || (_cache[2] = vue.createTextVNode()), vue.createElementVNode("div", _hoisted_3$r, [vue.renderSlot(_ctx.$slots, "default")]), _cache[3] || (_cache[3] = vue.createTextVNode()), hasFooterSlot.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$m, [vue.renderSlot(_ctx.$slots, "footer", vue.normalizeProps(vue.guardReactiveProps({
+      })) : vue.createCommentVNode("", true)]), _cache[2] || (_cache[2] = vue.createTextVNode()), vue.createElementVNode("div", _hoisted_3$q, [vue.renderSlot(_ctx.$slots, "default")]), _cache[3] || (_cache[3] = vue.createTextVNode()), hasFooterSlot.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$m, [vue.renderSlot(_ctx.$slots, "footer", vue.normalizeProps(vue.guardReactiveProps({
         hasError: hasError.value,
         validationMessage: validationMessage.value
-      })))])) : vue.createCommentVNode("", true)], 42, _hoisted_1$K);
+      })))])) : vue.createCommentVNode("", true)], 42, _hoisted_1$I);
     };
   }
 });
-const _sfc_main$Z = vue.defineComponent({
+const _sfc_main$V = vue.defineComponent({
   name: "FExpand",
   data() {
     return {
@@ -6160,7 +6102,7 @@ const _sfc_main$Z = vue.defineComponent({
     }
   }
 });
-function _sfc_render$M(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$G(_ctx, _cache, $props, $setup, $data, $options) {
   return vue.openBlock(), vue.createBlock(vue.Transition, {
     onEnter: _ctx.enter,
     onAfterEnter: _ctx.afterEnter,
@@ -6172,7 +6114,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 {
@@ -6457,7 +6399,7 @@ function isTeleportDisabled(options) {
   }
   return disableTeleport;
 }
-const _sfc_main$Y = vue.defineComponent({
+const _sfc_main$U = vue.defineComponent({
   name: "IPopup",
   inheritAttrs: false,
   props: {
@@ -6490,15 +6432,6 @@ const _sfc_main$Y = vue.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.
      */
@@ -6576,14 +6509,13 @@ const _sfc_main$Y = vue.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: {
@@ -6748,7 +6680,7 @@ const _sfc_main$Y = vue.defineComponent({
     }
   }
 });
-function _sfc_render$L(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$F(_ctx, _cache, $props, $setup, $data, $options) {
   return _ctx.isOpen ? (vue.openBlock(), vue.createBlock(vue.Teleport, {
     key: 0,
     to: _ctx.teleportTarget,
@@ -6769,7 +6701,7 @@ function _sfc_render$L(_ctx, _cache, $props, $setup, $data, $options) {
     placement: _ctx.placement
   })))], 544)], 16)], 8, ["to", "disabled"])) : vue.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: {
@@ -6833,7 +6765,7 @@ function computeArrowOffset(placement, inputIconRect, wrapperRect) {
   }
 }
 const POPUP_SPACING = 10;
-const _sfc_main$X = vue.defineComponent({
+const _sfc_main$T = vue.defineComponent({
   name: "IPopupError",
   components: {
     FIcon
@@ -6968,11 +6900,11 @@ const _sfc_main$X = vue.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 = vue.resolveComponent("f-icon");
   return _ctx.isOpen ? (vue.openBlock(), vue.createBlock(vue.Teleport, {
     key: 0,
@@ -6982,7 +6914,7 @@ function _sfc_render$K(_ctx, _cache, $props, $setup, $data, $options) {
     ref: "popup",
     class: vue.normalizeClass(_ctx.popupClasses),
     "aria-hidden": "true"
-  }, [vue.createElementVNode("div", _hoisted_1$J, [vue.createElementVNode("div", {
+  }, [vue.createElementVNode("div", _hoisted_1$H, [vue.createElementVNode("div", {
     class: vue.normalizeClass(_ctx.arrowClass),
     style: vue.normalizeStyle(_ctx.errorStyle)
   }, [vue.createElementVNode("span", null, vue.toDisplayString(_ctx.errorMessage), 1), _cache[1] || (_cache[1] = vue.createTextVNode()), vue.createElementVNode("button", {
@@ -6996,7 +6928,7 @@ function _sfc_render$K(_ctx, _cache, $props, $setup, $data, $options) {
     class: "button__icon"
   })])], 6)], 512)], 2)], 8, ["disabled"])) : vue.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);
@@ -7063,12 +6995,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__ */ vue.defineComponent({
+const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
   __name: "IPopupListbox",
   props: {
     isOpen: {
@@ -7087,10 +7019,7 @@ const _sfc_main$W = /* @__PURE__ */ vue.defineComponent({
     const wrapperRef = vue.useTemplateRef("wrapper");
     const contentRef = vue.useTemplateRef("content");
     const popupClasses = ["popup", "popup--overlay"];
-    const teleportTarget = vue.computed(() => {
-      var _config$popupTarget;
-      return (_config$popupTarget = config.popupTarget) !== null && _config$popupTarget !== void 0 ? _config$popupTarget : config.teleportTarget;
-    });
+    const teleportTarget = vue.computed(() => config.teleportTarget);
     let guessedItemHeight = void 0;
     let verticalSpacing = void 0;
     useEventListener(__props.anchor, "keyup", onKeyEsc);
@@ -7220,7 +7149,7 @@ const _sfc_main$W = /* @__PURE__ */ vue.defineComponent({
         onKeyup: vue.withKeys(vue.withModifiers(onKeyEsc, ["stop"]), ["esc"]),
         onClick: _cache[0] || (_cache[0] = vue.withModifiers(() => {
         }, ["stop"]))
-      }), [vue.createElementVNode("div", _hoisted_2$x, [vue.renderSlot(_ctx.$slots, "default")], 512)], 16, _hoisted_1$I)], 512)], 8, ["to"])) : vue.createCommentVNode("", true);
+      }), [vue.createElementVNode("div", _hoisted_2$v, [vue.renderSlot(_ctx.$slots, "default")], 512)], 16, _hoisted_1$G)], 512)], 8, ["to"])) : vue.createCommentVNode("", true);
     };
   }
 });
@@ -7264,7 +7193,7 @@ async function doMenuAction$2(action, target) {
   }
 }
 const preventKeys$2 = ["Tab", "Up", "Down", "ArrowUp", "ArrowDown", "Home", "End", " ", "Spacebar", "Enter"];
-const _sfc_main$V = vue.defineComponent({
+const _sfc_main$R = vue.defineComponent({
   name: "IPopupMenu",
   components: {
     IPopup
@@ -7345,10 +7274,9 @@ const _sfc_main$V = vue.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",
@@ -7520,18 +7448,18 @@ const _sfc_main$V = vue.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 = vue.resolveComponent("i-popup");
   return vue.openBlock(), vue.createBlock(_component_i_popup, {
     class: "ipopupmenu",
@@ -7546,7 +7474,7 @@ function _sfc_render$J(_ctx, _cache, $props, $setup, $data, $options) {
     default: vue.withCtx(() => [vue.createElementVNode("nav", {
       class: "ipopupmenu ipopupmenu--vertical",
       "aria-label": _ctx.ariaLabel
-    }, [vue.createElementVNode("ul", _hoisted_2$w, [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.items, (item, index) => {
+    }, [vue.createElementVNode("ul", _hoisted_2$u, [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.items, (item, index) => {
       return vue.openBlock(), vue.createElementBlock("li", {
         ref_for: true,
         ref: "items",
@@ -7562,18 +7490,18 @@ function _sfc_render$J(_ctx, _cache, $props, $setup, $data, $options) {
         role: "menuitem",
         target: item.target,
         tabindex: "0"
-      }, [_ctx.isSelected(index) ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_5$h, [vue.createElementVNode("span", null, vue.toDisplayString(_ctx.selectedMenuItemScreenReaderText) + " ", 1)])) : vue.createCommentVNode("", true), vue.createTextVNode(" " + vue.toDisplayString(item.label), 1)], 8, _hoisted_4$l)], 10, _hoisted_3$q);
-    }), 128))])], 8, _hoisted_1$H)]),
+      }, [_ctx.isSelected(index) ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_5$h, [vue.createElementVNode("span", null, vue.toDisplayString(_ctx.selectedMenuItemScreenReaderText) + " ", 1)])) : vue.createCommentVNode("", true), vue.createTextVNode(" " + vue.toDisplayString(item.label), 1)], 8, _hoisted_4$l)], 10, _hoisted_3$p);
+    }), 128))])], 8, _hoisted_1$F)]),
     _: 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 = vue.defineComponent({
+const _sfc_main$Q = vue.defineComponent({
   name: "IAnimateExpand",
   props: {
     /**
@@ -7765,19 +7693,19 @@ const _sfc_main$U = vue.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 vue.openBlock(), vue.createElementBlock("div", {
     class: vue.normalizeClass(_ctx.animationClasses),
     style: vue.normalizeStyle(_ctx.heightStyle)
-  }, [_ctx.shouldVIf ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", _hoisted_1$G, [vue.renderSlot(_ctx.$slots, "default")], 512)), [[vue.vShow, _ctx.shouldVShow]]) : vue.createCommentVNode("", true)], 6);
+  }, [_ctx.shouldVIf ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", _hoisted_1$E, [vue.renderSlot(_ctx.$slots, "default")], 512)), [[vue.vShow, _ctx.shouldVShow]]) : vue.createCommentVNode("", true)], 6);
 }
-const IAnimateExpand = /* @__PURE__ */ _export_sfc(_sfc_main$U, [["render", _sfc_render$I]]);
-const _sfc_main$T = vue.defineComponent({
+const IAnimateExpand = /* @__PURE__ */ _export_sfc(_sfc_main$Q, [["render", _sfc_render$C]]);
+const _sfc_main$P = vue.defineComponent({
   name: "ISkipLink",
   mixins: [TranslationMixin],
   props: {
@@ -7791,14 +7719,14 @@ const _sfc_main$T = vue.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 vue.openBlock(), vue.createElementBlock("a", {
     class: "iskiplink",
     href: _ctx.href
-  }, [vue.renderSlot(_ctx.$slots, "default", {}, () => [vue.createTextVNode(vue.toDisplayString(_ctx.$t("fkui.skip-link.text", "Gå direkt till innehåll")), 1)])], 8, _hoisted_1$F);
+  }, [vue.renderSlot(_ctx.$slots, "default", {}, () => [vue.createTextVNode(vue.toDisplayString(_ctx.$t("fkui.skip-link.text", "Gå direkt till innehåll")), 1)])], 8, _hoisted_1$D);
 }
-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 (logic.isEmpty(filter2) || selectMode) {
     return options;
@@ -7808,7 +7736,7 @@ function filterOptions(options, filter2, selectMode) {
 }
 const $t = useTranslate();
 function useCombobox(inputRef, options, onOptionSelected) {
-  if (!options) {
+  if (options.value === void 0) {
     return {
       dropdownId: "",
       dropdownIsOpen: vue.ref(false),
@@ -7835,7 +7763,8 @@ function useCombobox(inputRef, options, onOptionSelected) {
   const selectMode = vue.ref(false);
   const selectedOption = vue.ref(null);
   const dropdownOptions = vue.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 = vue.computed(() => {
     return dropdownOptions.value.length > 0;
@@ -7871,7 +7800,7 @@ function useCombobox(inputRef, options, onOptionSelected) {
     let description = selectMode.value ? `${$t("fkui.combobox.selected", "Valt förslag")} ` : "";
     if (logic.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.`, {
@@ -7968,10 +7897,10 @@ function useCombobox(inputRef, options, onOptionSelected) {
   }
   async function onInputFocus() {
     var _a;
-    var _inputRef$value$value, _options$includes;
+    var _inputRef$value$value;
     await vue.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;
@@ -8043,12 +7972,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__ */ vue.defineComponent({
+const _hoisted_2$t = ["id"];
+const _hoisted_3$o = ["id", "aria-selected", "onClick"];
+const _sfc_main$O = /* @__PURE__ */ vue.defineComponent({
   __name: "IComboboxDropdown",
   props: {
     id: {},
@@ -8085,7 +8014,7 @@ const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
       }
     });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$E, [vue.createVNode(vue.unref(_sfc_main$W), {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$C, [vue.createVNode(vue.unref(_sfc_main$S), {
         "is-open": _ctx.isOpen,
         anchor: _ctx.inputNode,
         "num-of-items": _ctx.options.length,
@@ -8109,15 +8038,15 @@ const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
               "combobox__listbox__option--highlight": isOptionActive(item)
             }]),
             onClick: vue.withModifiers(($event) => onOptionClick(item), ["stop", "prevent"])
-          }, vue.toDisplayString(item), 11, _hoisted_3$p);
-        }), 128))], 8, _hoisted_2$v)]),
+          }, vue.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__ */ vue.defineComponent({
+const _hoisted_1$B = ["aria-label"];
+const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
   __name: "IComboboxToggleButton",
   emits: ["toggle"],
   setup(__props, {
@@ -8136,7 +8065,7 @@ const _sfc_main$R = /* @__PURE__ */ vue.defineComponent({
       }, [vue.createVNode(vue.unref(FIcon), {
         name: "arrow-down",
         class: "text-field__icon"
-      })], 8, _hoisted_1$D);
+      })], 8, _hoisted_1$B);
     };
   }
 });
@@ -8238,7 +8167,7 @@ function useHorizontalOffset(options) {
     }, 0);
   }
 }
-const _sfc_main$Q = vue.defineComponent({
+const _sfc_main$M = vue.defineComponent({
   name: "FTooltip",
   components: {
     FExpand,
@@ -8287,9 +8216,6 @@ const _sfc_main$Q = vue.defineComponent({
      * Element to render for the header element inside the tooltip.
      *
      * Must be set to one of:
-     *
-     * - `div` (default)
-     * - `span`
      * - `h1`
      * - `h2`
      * - `h3`
@@ -8298,10 +8224,11 @@ const _sfc_main$Q = vue.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);
       }
     }
   },
@@ -8372,6 +8299,12 @@ const _sfc_main$Q = vue.defineComponent({
       }
     }
   },
+  created() {
+    const slots = vue.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
@@ -8393,11 +8326,11 @@ const _sfc_main$Q = vue.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 = {
@@ -8411,7 +8344,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 = vue.resolveComponent("f-icon");
   return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [(vue.openBlock(), vue.createBlock(vue.Teleport, {
     disabled: _ctx.iconTarget === null,
@@ -8422,11 +8355,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))
-  }, [vue.createElementVNode("span", _hoisted_2$u, [vue.createVNode(_component_f_icon, {
+  }, [vue.createElementVNode("span", _hoisted_2$s, [vue.createVNode(_component_f_icon, {
     name: "circle"
   }), _cache[2] || (_cache[2] = vue.createTextVNode()), vue.createVNode(_component_f_icon, {
     name: "i"
-  }), _cache[3] || (_cache[3] = vue.createTextVNode()), vue.createElementVNode("span", _hoisted_3$o, vue.toDisplayString(_ctx.screenReaderText), 1)])], 8, _hoisted_1$C)], 8, ["disabled", "to"])), _cache[7] || (_cache[7] = vue.createTextVNode()), vue.createElementVNode("div", vue.mergeProps({
+  }), _cache[3] || (_cache[3] = vue.createTextVNode()), vue.createElementVNode("span", _hoisted_3$n, vue.toDisplayString(_ctx.screenReaderText), 1)])], 8, _hoisted_1$A)], 8, ["disabled", "to"])), _cache[7] || (_cache[7] = vue.createTextVNode()), vue.createElementVNode("div", vue.mergeProps({
     ref: "wrapper",
     class: "tooltip"
   }, _ctx.$attrs), [_ctx.ready ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$k, [_ctx.hasHeader ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.headerTag), {
@@ -8444,7 +8377,7 @@ function _sfc_render$G(_ctx, _cache, $props, $setup, $data, $options) {
     name: "close"
   })])])])) : vue.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
@@ -8485,7 +8418,7 @@ function isEqual(a, b) {
   }
   return a.every((_, i) => a[i] === b[i]);
 }
-const _sfc_main$P = vue.defineComponent({
+const _sfc_main$L = vue.defineComponent({
   name: "FFieldset",
   components: {
     FIcon
@@ -8580,7 +8513,7 @@ const _sfc_main$P = vue.defineComponent({
         validityMode: "INITIAL"
       },
       descriptionClass: ["label__description"],
-      discreteDescriptionClass: ["label__description", "label__description--discrete"],
+      formatDescriptionClass: ["label__description", "label__description--format"],
       validityElement: null,
       dispatchObject: {},
       detail: {},
@@ -8713,12 +8646,12 @@ const _sfc_main$P = vue.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"
 };
@@ -8734,18 +8667,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 = vue.resolveComponent("f-icon");
   return vue.openBlock(), vue.createElementBlock("fieldset", {
     id: _ctx.id,
@@ -8754,25 +8687,25 @@ function _sfc_render$F(_ctx, _cache, $props, $setup, $data, $options) {
   }, [(vue.openBlock(), vue.createElementBlock("legend", {
     key: _ctx.legendKey,
     class: vue.normalizeClass(["label", _ctx.legendClass])
-  }, [vue.renderSlot(_ctx.$slots, "label"), _cache[1] || (_cache[1] = vue.createTextVNode()), _ctx.hasCheckbox && _ctx.children.length > 1 ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$t, [vue.createElementVNode("span", null, vue.toDisplayString(_ctx.numberOfCheckboxesScreenReaderText), 1)])) : vue.createCommentVNode("", true), _cache[2] || (_cache[2] = vue.createTextVNode()), vue.renderSlot(_ctx.$slots, "description", vue.normalizeProps(vue.guardReactiveProps({
+  }, [vue.renderSlot(_ctx.$slots, "label"), _cache[1] || (_cache[1] = vue.createTextVNode()), _ctx.hasCheckbox && _ctx.children.length > 1 ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$r, [vue.createElementVNode("span", null, vue.toDisplayString(_ctx.numberOfCheckboxesScreenReaderText), 1)])) : vue.createCommentVNode("", true), _cache[2] || (_cache[2] = vue.createTextVNode()), vue.renderSlot(_ctx.$slots, "description", {
     descriptionClass: _ctx.descriptionClass,
-    discreteDescriptionClass: _ctx.discreteDescriptionClass
-  }))), _cache[3] || (_cache[3] = vue.createTextVNode()), vue.renderSlot(_ctx.$slots, "error-message", vue.normalizeProps(vue.guardReactiveProps({
+    formatDescriptionClass: _ctx.formatDescriptionClass
+  }), _cache[3] || (_cache[3] = vue.createTextVNode()), vue.renderSlot(_ctx.$slots, "error-message", vue.normalizeProps(vue.guardReactiveProps({
     hasError: _ctx.hasError,
     validationMessage: _ctx.validity.validationMessage
-  })), () => [_ctx.hasError ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$n, [vue.createVNode(_component_f_icon, {
+  })), () => [_ctx.hasError ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$m, [vue.createVNode(_component_f_icon, {
     class: "label__icon--left",
     name: "error"
   }), vue.createTextVNode(" " + vue.toDisplayString(_ctx.validity.validationMessage), 1)])) : vue.createCommentVNode("", true)])], 2)), _cache[7] || (_cache[7] = vue.createTextVNode()), _ctx.hasCheckbox ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$j, [_ctx.children.length === 1 ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_5$f, vue.toDisplayString(_ctx.checkboxCheckedScreenReaderText), 1)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_6$c, vue.toDisplayString(_ctx.numberOfCheckedCheckboxesScreenText), 1))])) : vue.createCommentVNode("", true), _cache[8] || (_cache[8] = vue.createTextVNode()), _ctx.hasTooltipSlot ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, {
     key: 1
-  }, [vue.createElementVNode("div", _hoisted_7$c, [vue.createElementVNode("span", _hoisted_8$7, [vue.renderSlot(_ctx.$slots, "label")])], 512), _cache[5] || (_cache[5] = vue.createTextVNode()), vue.renderSlot(_ctx.$slots, "tooltip"), _cache[6] || (_cache[6] = vue.createTextVNode()), _ctx.hasDescriptionSlot || _ctx.hasErrorMessageSlot || _ctx.hasError ? (vue.openBlock(), vue.createElementBlock("div", {
+  }, [vue.createElementVNode("div", _hoisted_7$b, [vue.createElementVNode("span", _hoisted_8$6, [vue.renderSlot(_ctx.$slots, "label")])], 512), _cache[5] || (_cache[5] = vue.createTextVNode()), vue.renderSlot(_ctx.$slots, "tooltip"), _cache[6] || (_cache[6] = vue.createTextVNode()), _ctx.hasDescriptionSlot || _ctx.hasErrorMessageSlot || _ctx.hasError ? (vue.openBlock(), vue.createElementBlock("div", {
     key: 0,
     class: vue.normalizeClass(["label", _ctx.groupLabelClass]),
     "aria-hidden": "true"
-  }, [vue.renderSlot(_ctx.$slots, "description", vue.normalizeProps(vue.guardReactiveProps({
+  }, [vue.renderSlot(_ctx.$slots, "description", {
     descriptionClass: _ctx.descriptionClass,
-    discreteDescriptionClass: _ctx.discreteDescriptionClass
-  }))), _cache[4] || (_cache[4] = vue.createTextVNode()), vue.renderSlot(_ctx.$slots, "error-message", vue.normalizeProps(vue.guardReactiveProps({
+    formatDescriptionClass: _ctx.formatDescriptionClass
+  }), _cache[4] || (_cache[4] = vue.createTextVNode()), vue.renderSlot(_ctx.$slots, "error-message", vue.normalizeProps(vue.guardReactiveProps({
     hasError: _ctx.hasError,
     validationMessage: _ctx.validity.validationMessage
   })), () => [_ctx.hasError ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_9$4, [vue.createVNode(_component_f_icon, {
@@ -8780,11 +8713,11 @@ function _sfc_render$F(_ctx, _cache, $props, $setup, $data, $options) {
     name: "error"
   }), vue.createTextVNode(" " + vue.toDisplayString(_ctx.validity.validationMessage), 1)])) : vue.createCommentVNode("", true)])], 2)) : vue.createCommentVNode("", true)], 64)) : vue.createCommentVNode("", true), _cache[9] || (_cache[9] = vue.createTextVNode()), vue.createElementVNode("div", {
     class: vue.normalizeClass(_ctx.groupContentClass)
-  }, [vue.renderSlot(_ctx.$slots, "default")], 2)], 42, _hoisted_1$B);
+  }, [vue.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 = vue.defineComponent({
+const _sfc_main$K = vue.defineComponent({
   name: "FCheckboxField",
   inheritAttrs: false,
   props: {
@@ -8970,9 +8903,9 @@ const _sfc_main$O = vue.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"
 };
@@ -8980,7 +8913,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 vue.openBlock(), vue.createElementBlock("div", {
     class: vue.normalizeClass(["checkbox", _ctx.disabledClass]),
     onValidity: _cache[2] || (_cache[2] = (...args) => _ctx.onValidity && _ctx.onValidity(...args))
@@ -8993,12 +8926,12 @@ function _sfc_render$E(_ctx, _cache, $props, $setup, $data, $options) {
     disabled: _ctx.disabled,
     onKeydown: _cache[0] || (_cache[0] = vue.withKeys((...args) => _ctx.onKeydown && _ctx.onKeydown(...args), ["space"])),
     onChange: _cache[1] || (_cache[1] = ($event) => _ctx.updateExpandedFlag())
-  }), null, 16, _hoisted_1$A), _cache[9] || (_cache[9] = vue.createTextVNode()), vue.createElementVNode("label", {
+  }), null, 16, _hoisted_1$y), _cache[9] || (_cache[9] = vue.createTextVNode()), vue.createElementVNode("label", {
     class: vue.normalizeClass(_ctx.$slots.details ? "checkbox__label checkbox__width" : "checkbox__label"),
     for: _ctx.id
   }, [vue.renderSlot(_ctx.$slots, "default"), _cache[8] || (_cache[8] = vue.createTextVNode()), _ctx.$slots.details ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, {
     key: 0
-  }, [_ctx.showDetails === "always" ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$m, [_cache[3] || (_cache[3] = vue.createElementVNode("br", null, null, -1)), _cache[4] || (_cache[4] = vue.createTextVNode()), vue.renderSlot(_ctx.$slots, "details")])) : vue.createCommentVNode("", true), _cache[7] || (_cache[7] = vue.createTextVNode()), _ctx.showDetails === "when-selected" ? (vue.openBlock(), vue.createBlock(vue.Transition, {
+  }, [_ctx.showDetails === "always" ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$l, [_cache[3] || (_cache[3] = vue.createElementVNode("br", null, null, -1)), _cache[4] || (_cache[4] = vue.createTextVNode()), vue.renderSlot(_ctx.$slots, "details")])) : vue.createCommentVNode("", true), _cache[7] || (_cache[7] = vue.createTextVNode()), _ctx.showDetails === "when-selected" ? (vue.openBlock(), vue.createBlock(vue.Transition, {
     key: 1,
     onEnter: _ctx.enter,
     onAfterEnter: _ctx.afterEnter,
@@ -9008,59 +8941,9 @@ function _sfc_render$E(_ctx, _cache, $props, $setup, $data, $options) {
       height: _ctx.height
     })])) : vue.createCommentVNode("", true)]),
     _: 3
-  }, 8, ["onEnter", "onAfterEnter", "onLeave"])) : vue.createCommentVNode("", true)], 64)) : vue.createCommentVNode("", true)], 10, _hoisted_2$s)], 34);
-}
-const FCheckboxField = /* @__PURE__ */ _export_sfc(_sfc_main$O, [["render", _sfc_render$E]]);
-const _sfc_main$N = vue.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: () => logic.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 = vue.resolveComponent("f-fieldset");
-  return vue.openBlock(), vue.createBlock(_component_f_fieldset, vue.mergeProps({
-    id: _ctx.id,
-    name: _ctx.name
-  }, _ctx.$attrs), vue.createSlots({
-    label: vue.withCtx(() => [vue.renderSlot(_ctx.$slots, "label")]),
-    description: vue.withCtx(({
-      descriptionClass,
-      discreteDescriptionClass
-    }) => [vue.renderSlot(_ctx.$slots, "description", vue.normalizeProps(vue.guardReactiveProps({
-      descriptionClass,
-      discreteDescriptionClass
-    })))]),
-    "error-message": vue.withCtx(() => [vue.renderSlot(_ctx.$slots, "error-message")]),
-    default: vue.withCtx(() => [_cache[0] || (_cache[0] = vue.createTextVNode()), _cache[1] || (_cache[1] = vue.createTextVNode()), _cache[2] || (_cache[2] = vue.createTextVNode()), _cache[3] || (_cache[3] = vue.createTextVNode()), vue.renderSlot(_ctx.$slots, "default")]),
-    _: 2
-  }, [_ctx.$slots.tooltip ? {
-    name: "tooltip",
-    fn: vue.withCtx(() => [vue.renderSlot(_ctx.$slots, "tooltip")]),
-    key: "0"
-  } : void 0]), 1040, ["id", "name"]);
+  }, 8, ["onEnter", "onAfterEnter", "onLeave"])) : vue.createCommentVNode("", true)], 64)) : vue.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";
 }
@@ -9108,7 +8991,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 = vue.defineComponent({
+const _sfc_main$J = vue.defineComponent({
   name: "FContextMenu",
   components: {
     IPopup,
@@ -9272,20 +9155,20 @@ const _sfc_main$M = vue.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 = vue.resolveComponent("f-icon");
   const _component_i_popup = vue.resolveComponent("i-popup");
   return vue.openBlock(), vue.createBlock(_component_i_popup, {
@@ -9302,7 +9185,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))
-    }, [vue.createElementVNode("ul", _hoisted_2$r, [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.popupItems, (item, index) => {
+    }, [vue.createElementVNode("ul", _hoisted_2$p, [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.popupItems, (item, index) => {
       return vue.openBlock(), vue.createElementBlock("li", {
         key: item.key,
         role: "menuitem",
@@ -9320,12 +9203,12 @@ function _sfc_render$C(_ctx, _cache, $props, $setup, $data, $options) {
       }, null, 8, ["name", "library"])) : vue.createCommentVNode("", true), _cache[3] || (_cache[3] = vue.createTextVNode()), vue.createElementVNode("a", {
         ref_for: true,
         ref: "anchors"
-      }, vue.toDisplayString(item.label), 513)], 8, _hoisted_4$h), _cache[4] || (_cache[4] = vue.createTextVNode()), _ctx.hasSeparatorAfterItemAt(index) ? (vue.openBlock(), vue.createElementBlock("hr", _hoisted_5$e)) : vue.createCommentVNode("", true)], 8, _hoisted_3$l);
-    }), 128))], 512)], 40, _hoisted_1$z)]),
+      }, vue.toDisplayString(item.label), 513)], 8, _hoisted_4$h), _cache[4] || (_cache[4] = vue.createTextVNode()), _ctx.hasSeparatorAfterItemAt(index) ? (vue.openBlock(), vue.createElementBlock("hr", _hoisted_5$e)) : vue.createCommentVNode("", true)], 8, _hoisted_3$k);
+    }), 128))], 512)], 40, _hoisted_1$x)]),
     _: 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";
@@ -9333,7 +9216,7 @@ var Operation = /* @__PURE__ */ ((Operation2) => {
   Operation2[Operation2["NONE"] = 3] = "NONE";
   return Operation2;
 })(Operation || {});
-const _sfc_main$L = vue.defineComponent({
+const _sfc_main$I = vue.defineComponent({
   name: "FCrudDataset",
   components: {
     FFormModal,
@@ -9439,7 +9322,7 @@ const _sfc_main$L = vue.defineComponent({
       default: logic.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: [],
@@ -9456,11 +9339,20 @@ const _sfc_main$L = vue.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 [{
@@ -9524,7 +9416,6 @@ const _sfc_main$L = vue.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);
       logic.alertScreenReader(this.$t("fkui.crud-dataset.aria-live.delete", "Raden har tagits bort"), {
         assertive: true
       });
@@ -9547,7 +9438,6 @@ const _sfc_main$L = vue.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);
         logic.alertScreenReader(this.$t("fkui.crud-dataset.aria-live.add", "En rad har lagts till"), {
           assertive: true
@@ -9560,7 +9450,6 @@ const _sfc_main$L = vue.defineComponent({
         }
         this.$emit("updated", this.originalItemToUpdate);
         this.$emit("update:modelValue", this.result);
-        this.$emit("change", this.result);
         logic.alertScreenReader(this.$t("fkui.crud-dataset.aria-live.modify", "Raden har ändrats"), {
           assertive: true
         });
@@ -9578,17 +9467,17 @@ const _sfc_main$L = vue.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 = vue.resolveComponent("f-icon");
   const _component_f_form_modal = vue.resolveComponent("f-form-modal");
   const _component_f_confirm_modal = vue.resolveComponent("f-confirm-modal");
-  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$y, [vue.renderSlot(_ctx.$slots, "default"), _cache[7] || (_cache[7] = vue.createTextVNode()), _ctx.hasAddSlot ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$q, [vue.createElementVNode("button", {
+  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$w, [vue.renderSlot(_ctx.$slots, "default"), _cache[5] || (_cache[5] = vue.createTextVNode()), _ctx.hasAddSlot ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$o, [vue.createElementVNode("button", {
     "data-test": "f-crud-dataset-add-button",
     type: "button",
     class: "button button--tertiary crud-dataset__add-button",
@@ -9596,9 +9485,10 @@ function _sfc_render$B(_ctx, _cache, $props, $setup, $data, $options) {
   }, [vue.createVNode(_component_f_icon, {
     class: "button__icon",
     name: "plus"
-  }), _cache[1] || (_cache[1] = vue.createTextVNode()), vue.renderSlot(_ctx.$slots, "add-button", {}, () => [vue.createTextVNode(vue.toDisplayString(_ctx.$t("fkui.crud-dataset.button.add", "Lägg till ny")), 1)])])])) : vue.createCommentVNode("", true), _cache[8] || (_cache[8] = vue.createTextVNode()), vue.createVNode(_component_f_form_modal, {
+  }), _cache[1] || (_cache[1] = vue.createTextVNode()), vue.renderSlot(_ctx.$slots, "add-button", {}, () => [vue.createTextVNode(vue.toDisplayString(_ctx.$t("fkui.crud-dataset.button.add", "Lägg till ny")), 1)])])])) : vue.createCommentVNode("", true), _cache[6] || (_cache[6] = vue.createTextVNode()), vue.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,
@@ -9617,10 +9507,8 @@ function _sfc_render$B(_ctx, _cache, $props, $setup, $data, $options) {
     }, {
       item: _ctx.item
     }))) : vue.createCommentVNode("", true)]),
-    "submit-button-text": vue.withCtx(() => [vue.createTextVNode(vue.toDisplayString(_ctx.confirmButtonText), 1)]),
-    "cancel-button-text": vue.withCtx(() => [vue.createTextVNode(vue.toDisplayString(_ctx.cancelButtonText), 1)]),
     _: 3
-  }, 8, ["is-open", "aria-close-text", "before-submit", "before-validation", "on-cancel", "onClose", "onCancel", "onSubmit"]), _cache[9] || (_cache[9] = vue.createTextVNode()), vue.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] = vue.createTextVNode()), vue.createVNode(_component_f_confirm_modal, {
     "is-open": _ctx.isConfirmModalOpen,
     buttons: _ctx.confirmDeleteButtons,
     onConfirm: _ctx.onDeleteConfirm,
@@ -9633,14 +9521,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: vue.inject("delete"),
     modify: vue.inject("modify")
   };
 }
-const _sfc_main$K = vue.defineComponent({
+const _sfc_main$H = vue.defineComponent({
   name: "FCrudButton",
   components: {
     FIcon
@@ -9696,11 +9584,11 @@ const _sfc_main$K = vue.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 = vue.resolveComponent("f-icon");
   return vue.openBlock(), vue.createElementBlock("button", {
     type: "button",
@@ -9710,11 +9598,11 @@ function _sfc_render$A(_ctx, _cache, $props, $setup, $data, $options) {
     key: 0,
     class: "button__icon",
     name: _ctx.iconName
-  }, null, 8, ["name"])) : vue.createCommentVNode("", true), _cache[1] || (_cache[1] = vue.createTextVNode()), !_ctx.label ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$x, [vue.renderSlot(_ctx.$slots, "default", {}, () => [vue.createTextVNode(vue.toDisplayString(_ctx.buttonText), 1)])])) : vue.createCommentVNode("", true), _cache[2] || (_cache[2] = vue.createTextVNode()), _ctx.label ? vue.renderSlot(_ctx.$slots, "default", {
+  }, null, 8, ["name"])) : vue.createCommentVNode("", true), _cache[1] || (_cache[1] = vue.createTextVNode()), !_ctx.label ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$v, [vue.renderSlot(_ctx.$slots, "default", {}, () => [vue.createTextVNode(vue.toDisplayString(_ctx.buttonText), 1)])])) : vue.createCommentVNode("", true), _cache[2] || (_cache[2] = vue.createTextVNode()), _ctx.label ? vue.renderSlot(_ctx.$slots, "default", {
     key: 2
   }, () => [vue.createTextVNode(vue.toDisplayString(_ctx.buttonText), 1)]) : vue.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: vue.inject("registerCallbackAfterItemAdd", () => void 0),
@@ -9798,7 +9686,7 @@ function FTableInjected() {
     renderColumns: vue.inject("renderColumns", false)
   };
 }
-const _sfc_main$J = vue.defineComponent({
+const _sfc_main$G = vue.defineComponent({
   name: "FTableColumn",
   inheritAttrs: false,
   props: {
@@ -9939,7 +9827,7 @@ const _sfc_main$J = vue.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 ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.tagName), vue.mergeProps({
     key: 0,
     class: _ctx.classes,
@@ -9951,7 +9839,7 @@ function _sfc_render$z(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   }, 16, ["class", "scope"])) : vue.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: vue.inject("sort", () => void 0),
@@ -9959,7 +9847,7 @@ function FSortFilterDatasetInjected() {
     registerCallbackOnMount: vue.inject("registerCallbackOnMount", () => void 0)
   };
 }
-const _sfc_main$I = vue.defineComponent({
+const _sfc_main$F = vue.defineComponent({
   name: "FLabel",
   components: {
     FIcon
@@ -9980,7 +9868,7 @@ const _sfc_main$I = vue.defineComponent({
   data() {
     return {
       descriptionClass: ["label__description"],
-      discreteDescriptionClass: ["label__description", "label__description--discrete"]
+      formatDescriptionClass: ["label__description", "label__description--format"]
     };
   },
   computed: {
@@ -9998,56 +9886,56 @@ const _sfc_main$I = vue.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 = vue.resolveComponent("f-icon");
-  return _ctx.$slots.tooltip ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$w, [_ctx.hasDefaultSlot ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$p, [vue.createElementVNode("label", {
+  return _ctx.$slots.tooltip ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$u, [_ctx.hasDefaultSlot ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$n, [vue.createElementVNode("label", {
     class: "label",
     for: _ctx.forProperty
-  }, [vue.renderSlot(_ctx.$slots, "default")], 8, _hoisted_3$k)], 512)) : vue.createCommentVNode("", true), _cache[2] || (_cache[2] = vue.createTextVNode()), vue.renderSlot(_ctx.$slots, "tooltip"), _cache[3] || (_cache[3] = vue.createTextVNode()), _ctx.hasDescriptionSlot || _ctx.hasErrorMessageSlot ? (vue.openBlock(), vue.createElementBlock("label", {
+  }, [vue.renderSlot(_ctx.$slots, "default")], 8, _hoisted_3$j)], 512)) : vue.createCommentVNode("", true), _cache[2] || (_cache[2] = vue.createTextVNode()), vue.renderSlot(_ctx.$slots, "tooltip"), _cache[3] || (_cache[3] = vue.createTextVNode()), _ctx.hasDescriptionSlot || _ctx.hasErrorMessageSlot ? (vue.openBlock(), vue.createElementBlock("label", {
     key: 1,
     class: "label sr-separator",
     for: _ctx.forProperty
-  }, [vue.renderSlot(_ctx.$slots, "description", vue.normalizeProps(vue.guardReactiveProps({
+  }, [vue.renderSlot(_ctx.$slots, "description", {
     descriptionClass: _ctx.descriptionClass,
-    discreteDescriptionClass: _ctx.discreteDescriptionClass
-  }))), _cache[1] || (_cache[1] = vue.createTextVNode()), _ctx.hasErrorMessageSlot ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_5$d, [vue.createVNode(_component_f_icon, {
+    formatDescriptionClass: _ctx.formatDescriptionClass
+  }), _cache[1] || (_cache[1] = vue.createTextVNode()), _ctx.hasErrorMessageSlot ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_5$d, [vue.createVNode(_component_f_icon, {
     class: "label__icon--left",
     name: "error"
   }), _cache[0] || (_cache[0] = vue.createTextVNode()), vue.renderSlot(_ctx.$slots, "error-message")])) : vue.createCommentVNode("", true)], 8, _hoisted_4$g)) : vue.createCommentVNode("", true)])) : (vue.openBlock(), vue.createElementBlock("label", {
     key: 1,
     class: "label",
     for: _ctx.forProperty
-  }, [vue.renderSlot(_ctx.$slots, "default"), _cache[5] || (_cache[5] = vue.createTextVNode()), vue.renderSlot(_ctx.$slots, "description", vue.normalizeProps(vue.guardReactiveProps({
+  }, [vue.renderSlot(_ctx.$slots, "default"), _cache[5] || (_cache[5] = vue.createTextVNode()), vue.renderSlot(_ctx.$slots, "description", {
     descriptionClass: _ctx.descriptionClass,
-    discreteDescriptionClass: _ctx.discreteDescriptionClass
-  }))), _cache[6] || (_cache[6] = vue.createTextVNode()), _ctx.hasErrorMessageSlot ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_7$b, [vue.createVNode(_component_f_icon, {
+    formatDescriptionClass: _ctx.formatDescriptionClass
+  }), _cache[6] || (_cache[6] = vue.createTextVNode()), _ctx.hasErrorMessageSlot ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_7$a, [vue.createVNode(_component_f_icon, {
     class: "label__icon--left",
     name: "error"
   }), _cache[4] || (_cache[4] = vue.createTextVNode()), vue.renderSlot(_ctx.$slots, "error-message")])) : vue.createCommentVNode("", true)], 8, _hoisted_6$b));
 }
-const FLabel = /* @__PURE__ */ _export_sfc(_sfc_main$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 = vue.defineComponent({
+const _sfc_main$E = vue.defineComponent({
   name: "FSelectField",
   components: {
     FIcon,
@@ -10178,8 +10066,8 @@ const _sfc_main$H = vue.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 = vue.resolveComponent("f-label");
   const _component_f_icon = vue.resolveComponent("f-icon");
   return vue.openBlock(), vue.createElementBlock("div", {
@@ -10194,11 +10082,11 @@ function _sfc_render$x(_ctx, _cache, $props, $setup, $data, $options) {
     default: vue.withCtx(() => [vue.renderSlot(_ctx.$slots, "label")]),
     description: vue.withCtx(({
       descriptionClass,
-      discreteDescriptionClass
-    }) => [vue.renderSlot(_ctx.$slots, "description", vue.normalizeProps(vue.guardReactiveProps({
+      formatDescriptionClass
+    }) => [vue.renderSlot(_ctx.$slots, "description", {
       descriptionClass,
-      discreteDescriptionClass
-    })))]),
+      formatDescriptionClass
+    })]),
     "error-message": vue.withCtx(() => [vue.renderSlot(_ctx.$slots, "error-message", vue.normalizeProps(vue.guardReactiveProps({
       hasError: _ctx.hasError,
       validationMessage: _ctx.validationMessage
@@ -10216,7 +10104,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), [vue.renderSlot(_ctx.$slots, "default")], 16, _hoisted_1$v), [[vue.vModelSelect, _ctx.vModel]]), _cache[5] || (_cache[5] = vue.createTextVNode()), _ctx.hasError && _ctx.textFieldTableMode ? (vue.openBlock(), vue.createBlock(_component_f_icon, {
+  }, _ctx.attrs), [vue.renderSlot(_ctx.$slots, "default")], 16, _hoisted_1$t), [[vue.vModelSelect, _ctx.vModel]]), _cache[5] || (_cache[5] = vue.createTextVNode()), _ctx.hasError && _ctx.textFieldTableMode ? (vue.openBlock(), vue.createBlock(_component_f_icon, {
     key: 0,
     ref: "icon",
     class: "text-field__icon input-icon select-field__error-popup-icon",
@@ -10226,7 +10114,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(" ");
 }
@@ -10255,7 +10143,7 @@ function useTextFieldSetup(props) {
     toggleDropdown,
     selectOption,
     closeDropdown
-  } = useCombobox(inputNode, props.options, onOptionSelected);
+  } = useCombobox(inputNode, vue.toRef(props, "options"), onOptionSelected);
   return {
     textFieldTableMode,
     viewValue,
@@ -10270,14 +10158,14 @@ function useTextFieldSetup(props) {
     closeDropdown
   };
 }
-const _sfc_main$G = vue.defineComponent({
+const _sfc_main$D = vue.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: {
@@ -10378,6 +10266,8 @@ const _sfc_main$G = vue.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: {
@@ -10394,7 +10284,7 @@ const _sfc_main$G = vue.defineComponent({
       default: false
     }
   },
-  emits: ["blur", "change", "update", "update:modelValue"],
+  emits: ["blur", "change", "update:modelValue"],
   setup(props) {
     const {
       textFieldTableMode,
@@ -10503,7 +10393,6 @@ const _sfc_main$G = vue.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);
       }
@@ -10518,7 +10407,6 @@ const _sfc_main$G = vue.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);
       }
@@ -10537,7 +10425,6 @@ const _sfc_main$G = vue.defineComponent({
         }
         this.lastModelValue = newModelValue;
         this.$emit("update:modelValue", newModelValue);
-        this.$emit("update", newModelValue);
         await this.$nextTick();
         this.$emit(detail.nativeEvent, newModelValue);
         if (detail.isValid) {
@@ -10609,14 +10496,14 @@ const _sfc_main$G = vue.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"
 };
@@ -10628,11 +10515,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 = vue.resolveComponent("f-label");
   const _component_f_icon = vue.resolveComponent("f-icon");
   const _component_i_popup_error = vue.resolveComponent("i-popup-error");
@@ -10646,20 +10533,20 @@ function _sfc_render$w(_ctx, _cache, $props, $setup, $data, $options) {
     for: _ctx.id,
     class: vue.normalizeClass(_ctx.labelClass)
   }, vue.createSlots({
-    default: vue.withCtx(() => [vue.renderSlot(_ctx.$slots, "default", {}, () => [_ctx.defaultText !== "" ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$u, vue.toDisplayString(_ctx.defaultText), 1)) : vue.createCommentVNode("", true)])]),
+    default: vue.withCtx(() => [vue.renderSlot(_ctx.$slots, "default", {}, () => [_ctx.defaultText !== "" ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$s, vue.toDisplayString(_ctx.defaultText), 1)) : vue.createCommentVNode("", true)])]),
     description: vue.withCtx(({
       descriptionClass,
-      discreteDescriptionClass
-    }) => [vue.renderSlot(_ctx.$slots, "description", vue.normalizeProps(vue.guardReactiveProps({
+      formatDescriptionClass
+    }) => [vue.renderSlot(_ctx.$slots, "description", {
       descriptionClass,
-      discreteDescriptionClass
-    })), () => [_ctx.descriptionText ? (vue.openBlock(), vue.createElementBlock("span", {
+      formatDescriptionClass
+    }, () => [_ctx.descriptionText ? (vue.openBlock(), vue.createElementBlock("span", {
       key: 0,
       class: vue.normalizeClass(descriptionClass)
-    }, [_ctx.descriptionScreenReaderText ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$o, vue.toDisplayString(_ctx.descriptionScreenReaderText), 1)) : vue.createCommentVNode("", true), _cache[7] || (_cache[7] = vue.createTextVNode()), vue.createElementVNode("span", null, vue.toDisplayString(_ctx.descriptionText), 1)], 2)) : vue.createCommentVNode("", true), _cache[9] || (_cache[9] = vue.createTextVNode()), _ctx.discreteDescriptionText ? (vue.openBlock(), vue.createElementBlock("span", {
+    }, [_ctx.descriptionScreenReaderText ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$m, vue.toDisplayString(_ctx.descriptionScreenReaderText), 1)) : vue.createCommentVNode("", true), _cache[7] || (_cache[7] = vue.createTextVNode()), vue.createElementVNode("span", null, vue.toDisplayString(_ctx.descriptionText), 1)], 2)) : vue.createCommentVNode("", true), _cache[9] || (_cache[9] = vue.createTextVNode()), _ctx.discreteDescriptionText ? (vue.openBlock(), vue.createElementBlock("span", {
       key: 1,
-      class: vue.normalizeClass(discreteDescriptionClass)
-    }, [_ctx.discreteDescriptionScreenReaderText ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$j, vue.toDisplayString(_ctx.discreteDescriptionScreenReaderText), 1)) : vue.createCommentVNode("", true), _cache[8] || (_cache[8] = vue.createTextVNode()), vue.createElementVNode("span", null, vue.toDisplayString(_ctx.discreteDescriptionText), 1)], 2)) : vue.createCommentVNode("", true)])]),
+      class: vue.normalizeClass(formatDescriptionClass)
+    }, [_ctx.discreteDescriptionScreenReaderText ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$i, vue.toDisplayString(_ctx.discreteDescriptionScreenReaderText), 1)) : vue.createCommentVNode("", true), _cache[8] || (_cache[8] = vue.createTextVNode()), vue.createElementVNode("span", null, vue.toDisplayString(_ctx.discreteDescriptionText), 1)], 2)) : vue.createCommentVNode("", true)])]),
     "error-message": vue.withCtx(() => [vue.renderSlot(_ctx.$slots, "error-message", vue.normalizeProps(vue.guardReactiveProps({
       hasError: _ctx.hasError,
       validationMessage: _ctx.validationMessage
@@ -10698,7 +10585,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"])) : vue.createCommentVNode("", true), _cache[15] || (_cache[15] = vue.createTextVNode()), _ctx.$slots["append-inner"] ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$a, [vue.renderSlot(_ctx.$slots, "append-inner")])) : vue.createCommentVNode("", true), _cache[16] || (_cache[16] = vue.createTextVNode()), _ctx.options ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7$a, [vue.createVNode(_component_i_combobox_toggle_button, {
+  }, null, 8, ["anchor", "is-open", "error-message", "onClose"])) : vue.createCommentVNode("", true), _cache[15] || (_cache[15] = vue.createTextVNode()), _ctx.$slots["append-inner"] ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$a, [vue.renderSlot(_ctx.$slots, "append-inner")])) : vue.createCommentVNode("", true), _cache[16] || (_cache[16] = vue.createTextVNode()), _ctx.options ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7$9, [vue.createVNode(_component_i_combobox_toggle_button, {
     disabled: _ctx.disabled,
     "aria-controls": _ctx.dropdownIsOpen ? _ctx.dropdownId : void 0,
     "aria-expanded": _ctx.dropdownIsOpen,
@@ -10715,8 +10602,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"])) : vue.createCommentVNode("", true)], 2);
 }
-const FTextField = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["render", _sfc_render$w]]);
-const _sfc_main$F = vue.defineComponent({
+const FTextField = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["render", _sfc_render$r]]);
+const _sfc_main$C = vue.defineComponent({
   name: "FEmailTextField",
   components: {
     FTextField
@@ -10762,7 +10649,7 @@ const _sfc_main$F = vue.defineComponent({
       default: logic.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",
@@ -10783,7 +10670,6 @@ const _sfc_main$F = vue.defineComponent({
     },
     onUpdate(event) {
       this.$emit("update:modelValue", event);
-      this.$emit("update", event);
     },
     onPaste(event) {
       this.showPasteErrorMessage = true;
@@ -10833,10 +10719,10 @@ const _sfc_main$F = vue.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 = vue.resolveComponent("f-text-field");
   return vue.openBlock(), vue.createElementBlock("div", null, [vue.createVNode(_component_f_text_field, vue.mergeProps({
     id: _ctx.id,
@@ -10846,14 +10732,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": vue.withCtx(() => [_ctx.showPasteErrorMessage ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$t, vue.toDisplayString(_ctx.pasteErrorText), 1)) : vue.createCommentVNode("", true)]),
+    "error-message": vue.withCtx(() => [_ctx.showPasteErrorMessage ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$r, vue.toDisplayString(_ctx.pasteErrorText), 1)) : vue.createCommentVNode("", true)]),
     default: vue.withCtx(() => [vue.renderSlot(_ctx.$slots, "default", {}, () => [vue.createTextVNode(vue.toDisplayString(_ctx.defaultText), 1)]), _cache[2] || (_cache[2] = vue.createTextVNode())]),
     _: 3
-  }, 16, ["id", "maxlength", "model-value", "onChange", "onBlur", "onUpdate", "onValidity", "onPendingValidity"]), _cache[3] || (_cache[3] = vue.createTextVNode()), _ctx.extendedValidation ? (vue.openBlock(), vue.createBlock(_component_f_text_field, {
+  }, 16, ["id", "maxlength", "model-value", "onChange", "onBlur", "onUpdate:modelValue", "onValidity", "onPendingValidity"]), _cache[3] || (_cache[3] = vue.createTextVNode()), _ctx.extendedValidation ? (vue.openBlock(), vue.createBlock(_component_f_text_field, {
     key: 0,
     modelValue: _ctx.secondEmail,
     "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.secondEmail = $event),
@@ -10866,8 +10752,8 @@ function _sfc_render$v(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   }, 8, ["modelValue", "maxlength", "onPaste"])) : vue.createCommentVNode("", true)]);
 }
-const FEmailTextField = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["render", _sfc_render$v]]);
-const _sfc_main$E = vue.defineComponent({
+const FEmailTextField = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["render", _sfc_render$q]]);
+const _sfc_main$B = vue.defineComponent({
   name: "FPhoneTextField",
   components: {
     FTextField
@@ -10904,7 +10790,7 @@ const _sfc_main$E = vue.defineComponent({
       default: false
     }
   },
-  emits: ["blur", "change", "update", "update:modelValue"],
+  emits: ["blur", "change", "update:modelValue"],
   data() {
     return {
       validityMode: "INITIAL",
@@ -10924,7 +10810,6 @@ const _sfc_main$E = vue.defineComponent({
     },
     onUpdate(event) {
       this.$emit("update:modelValue", event);
-      this.$emit("update", event);
     },
     onValidity({
       detail
@@ -10968,7 +10853,7 @@ const _sfc_main$E = vue.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 = vue.resolveComponent("f-text-field");
   return vue.openBlock(), vue.createElementBlock("div", null, [vue.createVNode(_component_f_text_field, vue.mergeProps({
     id: _ctx.id,
@@ -10978,13 +10863,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: vue.withCtx(() => [vue.renderSlot(_ctx.$slots, "default", {}, () => [vue.createTextVNode(vue.toDisplayString(_ctx.defaultText), 1)])]),
     _: 3
-  }, 16, ["id", "maxlength", "model-value", "onChange", "onBlur", "onUpdate", "onValidity", "onPendingValidity"]), _cache[1] || (_cache[1] = vue.createTextVNode()), _ctx.extendedValidation ? (vue.openBlock(), vue.createBlock(_component_f_text_field, {
+  }, 16, ["id", "maxlength", "model-value", "onChange", "onBlur", "onUpdate:modelValue", "onValidity", "onPendingValidity"]), _cache[1] || (_cache[1] = vue.createTextVNode()), _ctx.extendedValidation ? (vue.openBlock(), vue.createBlock(_component_f_text_field, {
     key: 0,
     modelValue: _ctx.secondPhone,
     "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.secondPhone = $event),
@@ -10995,8 +10880,8 @@ function _sfc_render$u(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   }, 8, ["modelValue", "maxlength"])) : vue.createCommentVNode("", true)]);
 }
-const FPhoneTextField = /* @__PURE__ */ _export_sfc(_sfc_main$E, [["render", _sfc_render$u]]);
-const _sfc_main$D = vue.defineComponent({
+const FPhoneTextField = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["render", _sfc_render$p]]);
+const _sfc_main$A = vue.defineComponent({
   name: "FCurrencyTextField",
   extends: FTextField,
   mixins: [TranslationMixin],
@@ -11031,7 +10916,7 @@ const _sfc_main$D = vue.defineComponent({
     logic.ValidationService.validateElement(inputElement);
   }
 });
-const _sfc_main$C = vue.defineComponent({
+const _sfc_main$z = vue.defineComponent({
   name: "FSearchTextField",
   components: {
     FTextField,
@@ -11091,10 +10976,10 @@ const _sfc_main$C = vue.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 = vue.resolveComponent("f-icon");
   const _component_f_text_field = vue.resolveComponent("f-text-field");
   return vue.openBlock(), vue.createElementBlock("div", null, [vue.createVNode(_component_f_text_field, vue.mergeProps({
@@ -11120,11 +11005,11 @@ function _sfc_render$t(_ctx, _cache, $props, $setup, $data, $options) {
     })))]),
     description: vue.withCtx(({
       descriptionClass,
-      discreteDescriptionClass
-    }) => [vue.renderSlot(_ctx.$slots, "description", vue.normalizeProps(vue.guardReactiveProps({
+      formatDescriptionClass
+    }) => [vue.renderSlot(_ctx.$slots, "description", {
       descriptionClass,
-      discreteDescriptionClass
-    })))]),
+      formatDescriptionClass
+    })]),
     default: vue.withCtx(() => [vue.renderSlot(_ctx.$slots, "default", {}, () => [vue.createTextVNode(vue.toDisplayString(_ctx.defaultText), 1)]), _cache[2] || (_cache[2] = vue.createTextVNode()), _cache[3] || (_cache[3] = vue.createTextVNode()), _cache[4] || (_cache[4] = vue.createTextVNode()), _cache[5] || (_cache[5] = vue.createTextVNode()), _cache[6] || (_cache[6] = vue.createTextVNode()), _cache[7] || (_cache[7] = vue.createTextVNode())]),
     _: 2
   }, [_ctx.$slots.tooltip ? {
@@ -11140,12 +11025,12 @@ function _sfc_render$t(_ctx, _cache, $props, $setup, $data, $options) {
     }, [vue.createVNode(_component_f_icon, {
       name: "cross",
       class: "clear-button__icon"
-    }), _cache[1] || (_cache[1] = vue.createTextVNode()), vue.createElementVNode("span", _hoisted_1$s, vue.toDisplayString(_ctx.clearableScreenReaderText), 1)])]),
+    }), _cache[1] || (_cache[1] = vue.createTextVNode()), vue.createElementVNode("span", _hoisted_1$q, vue.toDisplayString(_ctx.clearableScreenReaderText), 1)])]),
     key: "1"
   } : void 0]), 1040, ["id", "maxlength", "model-value", "onChange", "onInput", "onBlur", "onUpdate"])]);
 }
-const FSearchTextField = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["render", _sfc_render$t]]);
-const _sfc_main$B = vue.defineComponent({
+const FSearchTextField = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["render", _sfc_render$o]]);
+const _sfc_main$y = vue.defineComponent({
   name: "FBankAccountNumberTextField",
   extends: FTextField,
   mixins: [TranslationMixin],
@@ -11174,7 +11059,7 @@ const _sfc_main$B = vue.defineComponent({
     logic.ValidationService.validateElement(inputElement);
   }
 });
-const _sfc_main$A = vue.defineComponent({
+const _sfc_main$x = vue.defineComponent({
   name: "FBankgiroTextField",
   extends: FTextField,
   mixins: [TranslationMixin],
@@ -11206,7 +11091,7 @@ const _sfc_main$A = vue.defineComponent({
     logic.ValidationService.validateElement(inputElement);
   }
 });
-const _sfc_main$z = vue.defineComponent({
+const _sfc_main$w = vue.defineComponent({
   name: "FClearingnumberTextField",
   extends: FTextField,
   mixins: [TranslationMixin],
@@ -11238,7 +11123,7 @@ const _sfc_main$z = vue.defineComponent({
 function defaultFormatter$1(modelValue) {
   return logic.formatNumber(modelValue, this.decimals);
 }
-const _sfc_main$y = vue.defineComponent({
+const _sfc_main$v = vue.defineComponent({
   name: "FNumericTextField",
   extends: FTextField,
   props: {
@@ -11275,7 +11160,7 @@ const _sfc_main$y = vue.defineComponent({
     logic.ValidationService.validateElement(inputElement);
   }
 });
-const _sfc_main$x = vue.defineComponent({
+const _sfc_main$u = vue.defineComponent({
   name: "FPersonnummerTextField",
   extends: FTextField,
   mixins: [TranslationMixin],
@@ -11315,7 +11200,7 @@ const _sfc_main$x = vue.defineComponent({
     logic.ValidationService.validateElement(inputElement);
   }
 });
-const _sfc_main$w = vue.defineComponent({
+const _sfc_main$t = vue.defineComponent({
   name: "FPlusgiroTextField",
   extends: FTextField,
   mixins: [TranslationMixin],
@@ -11347,7 +11232,7 @@ const _sfc_main$w = vue.defineComponent({
     logic.ValidationService.validateElement(inputElement);
   }
 });
-const _sfc_main$v = vue.defineComponent({
+const _sfc_main$s = vue.defineComponent({
   name: "FPostalCodeTextField",
   extends: FTextField,
   mixins: [TranslationMixin],
@@ -11384,7 +11269,7 @@ const _sfc_main$v = vue.defineComponent({
 function defaultFormatter(modelValue) {
   return logic.formatPercent(modelValue, this.decimals);
 }
-const _sfc_main$u = vue.defineComponent({
+const _sfc_main$r = vue.defineComponent({
   name: "FPercentTextField",
   extends: FTextField,
   mixins: [TranslationMixin],
@@ -11432,7 +11317,7 @@ const _sfc_main$u = vue.defineComponent({
     logic.ValidationService.validateElement(inputElement);
   }
 });
-const _sfc_main$t = vue.defineComponent({
+const _sfc_main$q = vue.defineComponent({
   name: "FOrganisationsnummerTextField",
   extends: FTextField,
   mixins: [TranslationMixin],
@@ -11540,7 +11425,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 = vue.defineComponent({
+const _sfc_main$p = vue.defineComponent({
   name: "FSortFilterDataset",
   components: {
     FSelectField,
@@ -11742,13 +11627,13 @@ const _sfc_main$s = vue.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"];
@@ -11761,14 +11646,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 = vue.resolveComponent("i-flex-item");
   const _component_f_icon = vue.resolveComponent("f-icon");
   const _component_f_text_field = vue.resolveComponent("f-text-field");
   const _component_f_select_field = vue.resolveComponent("f-select-field");
   const _component_i_flex = vue.resolveComponent("i-flex");
-  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$r, [vue.createVNode(_component_i_flex, {
+  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$p, [vue.createVNode(_component_i_flex, {
     collapse: "",
     gap: "3x",
     wrap: ""
@@ -11793,7 +11678,7 @@ function _sfc_render$s(_ctx, _cache, $props, $setup, $data, $options) {
           shrink: "",
           align: "center"
         }, {
-          default: vue.withCtx(() => [vue.createElementVNode("div", _hoisted_2$n, [vue.createVNode(_component_f_icon, {
+          default: vue.withCtx(() => [vue.createElementVNode("div", _hoisted_2$l, [vue.createVNode(_component_f_icon, {
             name: "search",
             class: "sort-filter-dataset__search__magnify-icon"
           }), _cache[4] || (_cache[4] = vue.createTextVNode()), vue.createVNode(_component_f_text_field, {
@@ -11804,7 +11689,7 @@ function _sfc_render$s(_ctx, _cache, $props, $setup, $data, $options) {
             maxlength: "64",
             onInput: _ctx.onSearchInput
           }, {
-            default: vue.withCtx(() => [vue.createElementVNode("span", _hoisted_3$i, vue.toDisplayString(_ctx.placeholderFilter), 1)]),
+            default: vue.withCtx(() => [vue.createElementVNode("span", _hoisted_3$h, vue.toDisplayString(_ctx.placeholderFilter), 1)]),
             _: 1
           }, 8, ["modelValue", "placeholder", "onInput"]), _cache[5] || (_cache[5] = vue.createTextVNode()), _ctx.showClearButton ? (vue.openBlock(), vue.createElementBlock("button", {
             key: 0,
@@ -11833,7 +11718,7 @@ function _sfc_render$s(_ctx, _cache, $props, $setup, $data, $options) {
               return vue.openBlock(), vue.createElementBlock("option", {
                 key: sortOrder.id,
                 value: sortOrder
-              }, vue.toDisplayString(sortOrder.name) + " (" + vue.toDisplayString(sortOrder.ascendingName) + ")\n                            ", 9, _hoisted_7$9);
+              }, vue.toDisplayString(sortOrder.name) + " (" + vue.toDisplayString(sortOrder.ascendingName) + ")\n                            ", 9, _hoisted_7$8);
             }), 128))]),
             _: 1
           }, 8, ["modelValue", "onChange"])]),
@@ -11848,8 +11733,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 = vue.defineComponent({
+const FSortFilterDataset = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["render", _sfc_render$n]]);
+const _sfc_main$o = vue.defineComponent({
   name: "FDataTable",
   components: {
     FIcon
@@ -11994,11 +11879,11 @@ const _sfc_main$r = vue.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"];
@@ -12009,23 +11894,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 = vue.resolveComponent("f-icon");
   return vue.openBlock(), vue.createElementBlock("div", {
     class: vue.normalizeClass(_ctx.wrapperClasses)
   }, [vue.createElementVNode("table", vue.mergeProps({
     class: ["table", _ctx.tableClasses],
     tabindex: _ctx.tabindex
-  }, _ctx.$attrs), [_ctx.hasCaption ? (vue.openBlock(), vue.createElementBlock("caption", _hoisted_2$m, [vue.renderSlot(_ctx.$slots, "caption")])) : vue.createCommentVNode("", true), _cache[4] || (_cache[4] = vue.createTextVNode()), vue.createElementVNode("colgroup", null, [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.columns, (column) => {
+  }, _ctx.$attrs), [_ctx.hasCaption ? (vue.openBlock(), vue.createElementBlock("caption", _hoisted_2$k, [vue.renderSlot(_ctx.$slots, "caption")])) : vue.createCommentVNode("", true), _cache[4] || (_cache[4] = vue.createTextVNode()), vue.createElementVNode("colgroup", null, [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.columns, (column) => {
     return vue.openBlock(), vue.createElementBlock("col", {
       key: column.id,
       class: vue.normalizeClass(column.size)
     }, null, 2);
-  }), 128))]), _cache[5] || (_cache[5] = vue.createTextVNode()), vue.createElementVNode("thead", null, [vue.createElementVNode("tr", _hoisted_3$h, [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.visibleColumns, (column) => {
+  }), 128))]), _cache[5] || (_cache[5] = vue.createTextVNode()), vue.createElementVNode("thead", null, [vue.createElementVNode("tr", _hoisted_3$g, [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.visibleColumns, (column) => {
     return vue.openBlock(), vue.createElementBlock("th", vue.mergeProps({
       key: column.id,
       scope: "col",
@@ -12041,10 +11926,10 @@ function _sfc_render$r(_ctx, _cache, $props, $setup, $data, $options) {
     }, null, 8, ["class", "name"])) : vue.createCommentVNode("", true), _cache[1] || (_cache[1] = vue.createTextVNode()), column.description ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_5$a, vue.toDisplayString(column.description), 1)) : vue.createCommentVNode("", true)], 16);
   }), 128))])]), _cache[6] || (_cache[6] = vue.createTextVNode()), vue.createElementVNode("tbody", null, [_ctx.isEmpty && _ctx.columns.length === 0 ? (vue.openBlock(), vue.createElementBlock("tr", _hoisted_6$8, [vue.renderSlot(_ctx.$slots, "default", vue.normalizeProps(vue.guardReactiveProps({
     row: {}
-  })))])) : vue.createCommentVNode("", true), _cache[2] || (_cache[2] = vue.createTextVNode()), _ctx.isEmpty ? (vue.openBlock(), vue.createElementBlock("tr", _hoisted_7$8, [vue.createElementVNode("td", {
+  })))])) : vue.createCommentVNode("", true), _cache[2] || (_cache[2] = vue.createTextVNode()), _ctx.isEmpty ? (vue.openBlock(), vue.createElementBlock("tr", _hoisted_7$7, [vue.createElementVNode("td", {
     class: "table__column table__column--action",
     colspan: _ctx.columns.length
-  }, [vue.renderSlot(_ctx.$slots, "empty", {}, () => [vue.createTextVNode(vue.toDisplayString(_ctx.$t("fkui.data-table.empty", "Tabellen är tom")), 1)])], 8, _hoisted_8$6)])) : vue.createCommentVNode("", true), _cache[3] || (_cache[3] = vue.createTextVNode()), (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.rows, (row) => {
+  }, [vue.renderSlot(_ctx.$slots, "empty", {}, () => [vue.createTextVNode(vue.toDisplayString(_ctx.$t("fkui.data-table.empty", "Tabellen är tom")), 1)])], 8, _hoisted_8$5)])) : vue.createCommentVNode("", true), _cache[3] || (_cache[3] = vue.createTextVNode()), (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.rows, (row) => {
     return vue.openBlock(), vue.createElementBlock("tr", {
       key: _ctx.rowKey(row),
       class: "table__row"
@@ -12053,9 +11938,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);
 }
@@ -12131,7 +12016,7 @@ function getDisplayMonth(minDate, maxDate, selectedDate, initialMonth) {
   }
   return month || date.FDate.now().startOfMonth();
 }
-const _sfc_main$q = vue.defineComponent({
+const _sfc_main$n = vue.defineComponent({
   name: "FDatepickerField",
   components: {
     FCalendar,
@@ -12389,24 +12274,24 @@ const _sfc_main$q = vue.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 = vue.resolveComponent("f-icon");
   const _component_f_text_field = vue.resolveComponent("f-text-field");
   const _component_f_calendar_day = vue.resolveComponent("f-calendar-day");
   const _component_f_calendar = vue.resolveComponent("f-calendar");
   const _component_i_popup = vue.resolveComponent("i-popup");
-  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$p, [vue.createElementVNode("div", {
+  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$n, [vue.createElementVNode("div", {
     ref: "calendarInputs",
     onFocusout: _cache[2] || (_cache[2] = (...args) => _ctx.onFocusoutTextFieldButton && _ctx.onFocusoutTextFieldButton(...args))
   }, [vue.createVNode(_component_f_text_field, vue.mergeProps(_ctx.$attrs, {
@@ -12423,11 +12308,11 @@ function _sfc_render$q(_ctx, _cache, $props, $setup, $data, $options) {
   }), vue.createSlots({
     description: vue.withCtx(({
       descriptionClass,
-      discreteDescriptionClass
-    }) => [vue.renderSlot(_ctx.$slots, "description", vue.normalizeProps(vue.guardReactiveProps({
+      formatDescriptionClass
+    }) => [vue.renderSlot(_ctx.$slots, "description", {
       descriptionClass,
-      discreteDescriptionClass
-    })))]),
+      formatDescriptionClass
+    })]),
     "error-message": vue.withCtx(({
       hasError,
       validationMessage
@@ -12445,7 +12330,7 @@ function _sfc_render$q(_ctx, _cache, $props, $setup, $data, $options) {
       onClick: _cache[0] || (_cache[0] = ($event) => _ctx.onClickCalendarButton())
     }, [vue.createVNode(_component_f_icon, {
       name: "calendar"
-    }), _cache[6] || (_cache[6] = vue.createTextVNode()), vue.createElementVNode("span", _hoisted_3$g, vue.toDisplayString(_ctx.calendarButtonText), 1)], 8, _hoisted_2$l)]),
+    }), _cache[6] || (_cache[6] = vue.createTextVNode()), vue.createElementVNode("span", _hoisted_3$f, vue.toDisplayString(_ctx.calendarButtonText), 1)], 8, _hoisted_2$j)]),
     default: vue.withCtx(() => [vue.renderSlot(_ctx.$slots, "default", {}, () => [vue.createTextVNode(vue.toDisplayString(_ctx.$t("fkui.datepicker-field.label", "Datum")), 1)]), _cache[7] || (_cache[7] = vue.createTextVNode()), _cache[8] || (_cache[8] = vue.createTextVNode()), _cache[9] || (_cache[9] = vue.createTextVNode()), _cache[10] || (_cache[10] = vue.createTextVNode())]),
     _: 2
   }, [_ctx.$slots.tooltip ? {
@@ -12496,11 +12381,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 = vue.defineComponent({
+const _sfc_main$m = vue.defineComponent({
   name: "FDialogueTree",
   components: {
     FIcon
@@ -12522,7 +12407,7 @@ const _sfc_main$p = vue.defineComponent({
       required: true
     }
   },
-  emits: ["change", "update:modelValue"],
+  emits: ["update:modelValue"],
   data() {
     return {
       currentStep: this.dialogueTree,
@@ -12575,21 +12460,20 @@ const _sfc_main$p = vue.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 = vue.resolveComponent("f-icon");
-  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$o, [_ctx.options.length > 0 ? (vue.openBlock(), vue.createElementBlock("ul", _hoisted_2$k, [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.options, (option, index) => {
+  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$m, [_ctx.options.length > 0 ? (vue.openBlock(), vue.createElementBlock("ul", _hoisted_2$i, [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.options, (option, index) => {
     return vue.openBlock(), vue.createElementBlock("li", {
       key: option.label,
       class: "dialogue-tree__list-item"
@@ -12600,15 +12484,15 @@ function _sfc_render$p(_ctx, _cache, $props, $setup, $data, $options) {
       onClick: ($event) => _ctx.onClickedOption(option, index)
     }, [vue.createElementVNode("span", null, vue.toDisplayString(option.label), 1), _cache[0] || (_cache[0] = vue.createTextVNode()), vue.createVNode(_component_f_icon, {
       name: "arrow-right"
-    })], 8, _hoisted_3$f)]);
+    })], 8, _hoisted_3$e)]);
   }), 128))])) : vue.renderSlot(_ctx.$slots, "default", vue.normalizeProps(vue.mergeProps({
     key: 1
   }, {
     userData: _ctx.userData
   })))]);
 }
-const FDialogueTree = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["render", _sfc_render$p]]);
-const _sfc_main$o = vue.defineComponent({
+const FDialogueTree = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["render", _sfc_render$k]]);
+const _sfc_main$l = vue.defineComponent({
   name: "FExpandablePanel",
   components: {
     FIcon,
@@ -12682,11 +12566,11 @@ const _sfc_main$o = vue.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"];
@@ -12694,14 +12578,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 = vue.resolveComponent("f-icon");
   const _component_f_expand = vue.resolveComponent("f-expand");
   return vue.openBlock(), vue.createElementBlock("div", {
@@ -12715,7 +12599,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))
-    }), [vue.createElementVNode("span", _hoisted_2$j, [vue.createElementVNode("span", _hoisted_3$e, [vue.createVNode(_component_f_icon, {
+    }), [vue.createElementVNode("span", _hoisted_2$h, [vue.createElementVNode("span", _hoisted_3$d, [vue.createVNode(_component_f_icon, {
       name: "dash"
     }), _cache[1] || (_cache[1] = vue.createTextVNode()), vue.createVNode(_component_f_icon, {
       name: "dash"
@@ -12728,18 +12612,18 @@ function _sfc_render$o(_ctx, _cache, $props, $setup, $data, $options) {
       })
     }, [vue.createElementVNode("span", _hoisted_5$9, vue.toDisplayString(_ctx.screenReaderNotificationText), 1), _cache[2] || (_cache[2] = vue.createTextVNode()), vue.createVNode(_component_f_icon, {
       name: "bell"
-    })], 8, _hoisted_4$b)) : vue.createCommentVNode("", true)], 16, _hoisted_1$n)]),
+    })], 8, _hoisted_4$b)) : vue.createCommentVNode("", true)], 16, _hoisted_1$l)]),
     _: 3
   })), _cache[6] || (_cache[6] = vue.createTextVNode()), vue.createVNode(_component_f_expand, null, {
     default: vue.withCtx(() => [vue.withDirectives(vue.createElementVNode("div", {
       id: _ctx.id,
       class: "expandable-panel__content"
-    }, [vue.createElementVNode("div", _hoisted_7$7, [vue.renderSlot(_ctx.$slots, "default")]), _cache[5] || (_cache[5] = vue.createTextVNode()), _ctx.hasOutsideSlot ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_8$5, [vue.renderSlot(_ctx.$slots, "outside")])) : vue.createCommentVNode("", true)], 8, _hoisted_6$7), [[vue.vShow, _ctx.expanded]])]),
+    }, [vue.createElementVNode("div", _hoisted_7$6, [vue.renderSlot(_ctx.$slots, "default")]), _cache[5] || (_cache[5] = vue.createTextVNode()), _ctx.hasOutsideSlot ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_8$4, [vue.renderSlot(_ctx.$slots, "outside")])) : vue.createCommentVNode("", true)], 8, _hoisted_6$7), [[vue.vShow, _ctx.expanded]])]),
     _: 3
   })], 2);
 }
-const FExpandablePanel = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["render", _sfc_render$o]]);
-const _sfc_main$n = vue.defineComponent({
+const FExpandablePanel = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["render", _sfc_render$j]]);
+const _sfc_main$k = vue.defineComponent({
   name: "FExpandableParagraph",
   components: {
     FIcon,
@@ -12821,11 +12705,11 @@ const _sfc_main$n = vue.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 = {
@@ -12836,11 +12720,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 = vue.resolveComponent("f-icon");
   const _component_f_expand = vue.resolveComponent("f-expand");
   return vue.openBlock(), vue.createElementBlock("div", {
@@ -12857,21 +12741,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))
-    }), [vue.createElementVNode("span", _hoisted_2$i, [vue.createElementVNode("span", _hoisted_3$d, [vue.createVNode(_component_f_icon, {
+    }), [vue.createElementVNode("span", _hoisted_2$g, [vue.createElementVNode("span", _hoisted_3$c, [vue.createVNode(_component_f_icon, {
       name: "dash"
     }), _cache[1] || (_cache[1] = vue.createTextVNode()), vue.createVNode(_component_f_icon, {
       name: "dash"
-    })])]), _cache[2] || (_cache[2] = vue.createTextVNode()), vue.renderSlot(_ctx.$slots, "title")], 16, _hoisted_1$m)]),
+    })])]), _cache[2] || (_cache[2] = vue.createTextVNode()), vue.renderSlot(_ctx.$slots, "title")], 16, _hoisted_1$k)]),
     _: 3
   }, 8, ["class"])), _cache[3] || (_cache[3] = vue.createTextVNode()), _ctx.hasRelatedSlot ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$a, [vue.renderSlot(_ctx.$slots, "related")])) : vue.createCommentVNode("", true)], 2), _cache[5] || (_cache[5] = vue.createTextVNode()), vue.createVNode(_component_f_expand, null, {
     default: vue.withCtx(() => [vue.withDirectives(vue.createElementVNode("div", {
       id: _ctx.id,
       class: "expandable-paragraph__container"
-    }, [vue.createElementVNode("div", _hoisted_6$6, [vue.renderSlot(_ctx.$slots, "default")]), _cache[4] || (_cache[4] = vue.createTextVNode()), !_ctx.list ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7$6)) : vue.createCommentVNode("", true)], 8, _hoisted_5$8), [[vue.vShow, _ctx.expanded]])]),
+    }, [vue.createElementVNode("div", _hoisted_6$6, [vue.renderSlot(_ctx.$slots, "default")]), _cache[4] || (_cache[4] = vue.createTextVNode()), !_ctx.list ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7$5)) : vue.createCommentVNode("", true)], 8, _hoisted_5$8), [[vue.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",
@@ -12880,7 +12764,7 @@ const iconMap = {
   "application/vnd.openxmlformats-officedocument.wordprocessingml.document": "doc",
   "application/vnd.openxmlformats-officedocument.wordprocessingml.template": "doc"
 };
-const _sfc_main$m = vue.defineComponent({
+const _sfc_main$j = vue.defineComponent({
   name: "FFileItem",
   components: {
     FIcon
@@ -12959,13 +12843,13 @@ const _sfc_main$m = vue.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"
 };
@@ -12975,25 +12859,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 = vue.resolveComponent("f-icon");
-  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$l, [vue.createElementVNode("div", _hoisted_2$h, [vue.createElementVNode("a", vue.mergeProps({
+  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$j, [vue.createElementVNode("div", _hoisted_2$f, [vue.createElementVNode("a", vue.mergeProps({
     id: _ctx.id,
     class: "file-item__file-open"
   }, _ctx.$attrs), [vue.createElementVNode("div", _hoisted_4$9, [vue.createVNode(_component_f_icon, {
     name: "new-window"
   }), _cache[0] || (_cache[0] = vue.createTextVNode()), vue.createVNode(_component_f_icon, {
     name: _ctx.iconName
-  }, null, 8, ["name"])]), _cache[1] || (_cache[1] = vue.createTextVNode()), vue.createElementVNode("span", _hoisted_5$7, vue.toDisplayString(_ctx.fileName), 1), _cache[2] || (_cache[2] = vue.createTextVNode()), vue.createElementVNode("span", _hoisted_6$5, " " + vue.toDisplayString(_ctx.$t("fkui.file-item.file-open", "öppnas i nytt fönster")), 1)], 16, _hoisted_3$c), _cache[3] || (_cache[3] = vue.createTextVNode()), vue.renderSlot(_ctx.$slots, "row")]), _cache[4] || (_cache[4] = vue.createTextVNode()), vue.renderSlot(_ctx.$slots, "default"), _cache[5] || (_cache[5] = vue.createTextVNode()), _ctx.isMimeTypeChanged ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7$5, vue.toDisplayString(_ctx.mimeTypeChangedText), 1)) : vue.createCommentVNode("", true), _cache[6] || (_cache[6] = vue.createTextVNode()), _cache[7] || (_cache[7] = vue.createElementVNode("hr", {
+  }, null, 8, ["name"])]), _cache[1] || (_cache[1] = vue.createTextVNode()), vue.createElementVNode("span", _hoisted_5$7, vue.toDisplayString(_ctx.fileName), 1), _cache[2] || (_cache[2] = vue.createTextVNode()), vue.createElementVNode("span", _hoisted_6$5, " " + vue.toDisplayString(_ctx.$t("fkui.file-item.file-open", "öppnas i nytt fönster")), 1)], 16, _hoisted_3$b), _cache[3] || (_cache[3] = vue.createTextVNode()), vue.renderSlot(_ctx.$slots, "row")]), _cache[4] || (_cache[4] = vue.createTextVNode()), vue.renderSlot(_ctx.$slots, "default"), _cache[5] || (_cache[5] = vue.createTextVNode()), _ctx.isMimeTypeChanged ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7$4, vue.toDisplayString(_ctx.mimeTypeChangedText), 1)) : vue.createCommentVNode("", true), _cache[6] || (_cache[6] = vue.createTextVNode()), _cache[7] || (_cache[7] = vue.createElementVNode("hr", {
     class: "file-item__separator"
   }, null, -1))]);
 }
-const FFileItem = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["render", _sfc_render$m]]);
-const _sfc_main$l = vue.defineComponent({
+const FFileItem = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["render", _sfc_render$h]]);
+const _sfc_main$i = vue.defineComponent({
   name: "FFileSelector",
   components: {
     FIcon
@@ -13054,14 +12938,14 @@ const _sfc_main$l = vue.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 = vue.resolveComponent("f-icon");
-  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$k, [vue.createElementVNode("input", vue.mergeProps({
+  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$i, [vue.createElementVNode("input", vue.mergeProps({
     id: _ctx.id,
     ref: "file-selector",
     type: "file",
@@ -13069,7 +12953,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] = vue.createTextVNode()), vue.createElementVNode("label", {
+  }), null, 16, _hoisted_2$e), _cache[2] || (_cache[2] = vue.createTextVNode()), vue.createElementVNode("label", {
     id: _ctx.labelId,
     role: "button",
     class: vue.normalizeClass([_ctx.labelClass, "button button--tertiary button--medium"]),
@@ -13078,673 +12962,15 @@ function _sfc_render$l(_ctx, _cache, $props, $setup, $data, $options) {
   }, [vue.createVNode(_component_f_icon, {
     class: "button__icon",
     name: "paper-clip"
-  }), _cache[1] || (_cache[1] = vue.createTextVNode()), vue.renderSlot(_ctx.$slots, "default")], 10, _hoisted_3$b)]);
+  }), _cache[1] || (_cache[1] = vue.createTextVNode()), vue.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 = vue.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 logic.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 = vue.resolveComponent("f-icon");
-  const _component_i_flex_item = vue.resolveComponent("i-flex-item");
-  const _component_i_flex = vue.resolveComponent("i-flex");
-  return vue.openBlock(), vue.createElementBlock("div", {
-    class: vue.normalizeClass(["message-box", [_ctx.messageBoxType, _ctx.bannerType]])
-  }, [_ctx.provideScreenReaderContext ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$j, vue.toDisplayString(_ctx.screenReaderContext()), 1)) : vue.createCommentVNode("", true), _cache[2] || (_cache[2] = vue.createTextVNode()), vue.createVNode(_component_i_flex, {
-    gap: "2x"
-  }, {
-    default: vue.withCtx(() => [_ctx.layout === "short" ? (vue.openBlock(), vue.createBlock(_component_i_flex_item, {
-      key: 0,
-      class: "message-box__icon",
-      shrink: "",
-      align: "center"
-    }, {
-      default: vue.withCtx(() => [vue.createElementVNode("span", {
-        class: vue.normalizeClass(["icon-stack", _ctx.stackTypeClass])
-      }, [vue.createVNode(_component_f_icon, {
-        class: vue.normalizeClass(_ctx.classType),
-        name: _ctx.symbol
-      }, null, 8, ["class", "name"]), _cache[0] || (_cache[0] = vue.createTextVNode()), vue.createVNode(_component_f_icon, {
-        class: vue.normalizeClass(_ctx.classIcon),
-        name: _ctx.sign
-      }, null, 8, ["class", "name"])], 2)]),
-      _: 1
-    })) : vue.createCommentVNode("", true), _cache[1] || (_cache[1] = vue.createTextVNode()), vue.createVNode(_component_i_flex_item, {
-      class: "message-box__content",
-      grow: "",
-      align: "center"
-    }, {
-      default: vue.withCtx(() => [vue.renderSlot(_ctx.$slots, "default", vue.normalizeProps(vue.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 logic.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 = vue.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: () => logic.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) {
-        logic.focus(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) {
-        logic.focus(element, {
-          scrollToTop: this.needsErrorScroll
-        });
-      } else if (invalidElement) {
-        logic.focus(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)) {
-          logic.ValidationService.setTouched(component.ref.id);
-          logic.ValidationService.setSubmitted(component.ref.id);
-        }
-      });
-      await cleanUpElements(this);
-      await logic.ValidationService.validateAllElements(this.id);
-      if (this.displayError) {
-        this.focusDomElement();
-      } else {
-        this.focusFallbackElement();
-      }
-      return this.hasError === false;
-    },
-    async onComponentValidity(event) {
-      const reference = new logic.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 = vue.resolveComponent("f-error-list");
-  const _component_f_message_box = vue.resolveComponent("f-message-box");
-  return vue.openBlock(), vue.createElementBlock("form", vue.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 ? (vue.openBlock(), vue.createBlock(_component_f_message_box, {
-    key: 0,
-    tabindex: "-1",
-    type: "error"
-  }, {
-    default: vue.withCtx(() => [vue.renderSlot(_ctx.$slots, "error-message", vue.normalizeProps(vue.guardReactiveProps({
-      slotClass: _ctx.errorMessageSlotClass
-    }))), _cache[1] || (_cache[1] = vue.createTextVNode()), vue.createElementVNode("nav", null, [vue.createVNode(_component_f_error_list, {
-      items: _ctx.componentsWithErrors
-    }, null, 8, ["items"])])]),
-    _: 3
-  })) : vue.createCommentVNode("", true), _cache[2] || (_cache[2] = vue.createTextVNode()), vue.renderSlot(_ctx.$slots, "default")], 16, _hoisted_1$i);
-}
-const FForm = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["render", _sfc_render$j]]);
-const _sfc_main$i = vue.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: () => logic.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: vue.inject(setRef),
-      getRef: vue.inject(getRef),
-      setIsOpen: vue.inject(setIsOpen)
-    };
-  },
-  data() {
-    return {
-      self: new logic.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() {
-        logic.ValidationService.setSubmitted(this.$el);
-        logic.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 ref = this.injected.getRef(this.id);
-      Object.assign(this.self, ref);
-    },
-    async focusDomElement() {
-      await this.$nextTick();
-      if (this.hasError && this.self.ref.isAnyFieldTouched) {
-        const formStepError = this.$el.querySelector(".form-step__error");
-        logic.focus(formStepError);
-      } else {
-        const formStepHeader = this.$el.querySelector(".form-step__header");
-        logic.focus(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;
-        }
-        logic.ValidationService.setTouched(this.$el);
-        logic.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 = vue.resolveComponent("f-icon");
-  const _component_f_error_list = vue.resolveComponent("f-error-list");
-  const _component_f_validation_group = vue.resolveComponent("f-validation-group");
-  return vue.openBlock(), vue.createBlock(_component_f_validation_group, vue.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: vue.withCtx(() => [vue.createElementVNode("div", _hoisted_1$h, [vue.renderSlot(_ctx.$slots, "header", vue.normalizeProps(vue.guardReactiveProps({
-      slotClass: _ctx.headerSlotClass,
-      ..._ctx.self.ref,
-      toggleIsOpen: _ctx.toggleIsOpen
-    }))), _cache[2] || (_cache[2] = vue.createTextVNode()), _ctx.self.ref.isValid ? (vue.openBlock(), vue.createBlock(_component_f_icon, {
-      key: 0,
-      class: "form-step__check",
-      name: "success"
-    })) : vue.createCommentVNode("", true)]), _cache[4] || (_cache[4] = vue.createTextVNode()), _ctx.displayErrorList ? (vue.openBlock(), vue.createElementBlock("div", {
-      key: 0,
-      id: _ctx.stepErrorId,
-      class: "form-step__error",
-      tabindex: "-1",
-      role: "group"
-    }, [vue.createElementVNode("nav", null, [vue.createVNode(_component_f_error_list, {
-      bullets: true,
-      items: _ctx.componentsWithError,
-      "before-navigate": _ctx.beforeNavigateToError
-    }, {
-      title: vue.withCtx(() => [vue.renderSlot(_ctx.$slots, "error-message", {}, () => [vue.createTextVNode(vue.toDisplayString(_ctx.defaultErrorMessage), 1)])]),
-      _: 3
-    }, 8, ["items", "before-navigate"])])], 8, _hoisted_2$f)) : vue.createCommentVNode("", true), _cache[5] || (_cache[5] = vue.createTextVNode()), vue.createElementVNode("div", {
-      onComponentValidity: _cache[0] || (_cache[0] = (...args) => _ctx.onComponentValidity && _ctx.onComponentValidity(...args))
-    }, [vue.renderSlot(_ctx.$slots, "default", vue.normalizeProps(vue.guardReactiveProps({
-      ..._ctx.self.ref,
-      isSubmitted: _ctx.isSubmitted,
-      toggleIsOpen: _ctx.toggleIsOpen
-    }))), _cache[3] || (_cache[3] = vue.createTextVNode()), _ctx.hasArrow ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$a)) : vue.createCommentVNode("", true)], 32)]),
-    _: 3
-  }, 16, ["id", "modelValue"]);
-}
-const FFormStep = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["render", _sfc_render$i]]);
-const _sfc_main$h = vue.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: () => logic.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 = vue.resolveComponent("f-icon");
-  return vue.openBlock(), vue.createElementBlock("button", vue.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 ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, {
-    key: 0
-  }, [vue.createVNode(_component_f_icon, {
-    name: "success",
-    class: "button__icon"
-  }), vue.createTextVNode(" " + vue.toDisplayString(_ctx.$t("fkui.form-step-button.close", "OK")), 1)], 64)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, {
-    key: 1
-  }, [vue.createVNode(_component_f_icon, {
-    name: "pen",
-    class: "button__icon"
-  }), vue.createTextVNode(" " + vue.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] = vue.createTextVNode()), vue.createElementVNode("span", _hoisted_2$e, vue.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) {
@@ -13846,7 +13072,7 @@ function forceRepaintIE11(target) {
     target.style.removeProperty("display");
   }
 }
-const _sfc_main$g = vue.defineComponent({
+const _sfc_main$h = vue.defineComponent({
   name: "FInteractiveTable",
   components: {
     FCheckboxField,
@@ -13964,7 +13190,6 @@ const _sfc_main$g = vue.defineComponent({
   emits: [
     "change",
     "click",
-    "update",
     "unselect",
     "update:modelValue",
     "update:active",
@@ -14157,7 +13382,6 @@ const _sfc_main$g = vue.defineComponent({
     updateVModelWithSelectedRows() {
       if (this.modelValue) {
         this.$emit("update:modelValue", this.selectedRows);
-        this.$emit("update", this.selectedRows);
       }
     },
     rowClasses(row, index) {
@@ -14234,7 +13458,7 @@ const _sfc_main$g = vue.defineComponent({
     }
   }
 });
-const _hoisted_1$f = ["role"];
+const _hoisted_1$h = ["role"];
 const _hoisted_2$d = {
   key: 0
 };
@@ -14253,10 +13477,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"
 };
@@ -14299,7 +13523,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 = vue.resolveComponent("f-icon");
   const _component_f_checkbox_field = vue.resolveComponent("f-checkbox-field");
   return vue.openBlock(), vue.createElementBlock("div", {
@@ -14312,7 +13536,7 @@ function _sfc_render$g(_ctx, _cache, $props, $setup, $data, $options) {
       key: column.id,
       class: vue.normalizeClass(column.size)
     }, null, 2);
-  }), 128))]), _cache[16] || (_cache[16] = vue.createTextVNode()), vue.createElementVNode("thead", null, [vue.createElementVNode("tr", _hoisted_5$6, [_ctx.isExpandableTable ? (vue.openBlock(), vue.createElementBlock("th", _hoisted_6$4, [vue.createElementVNode("span", _hoisted_7$4, vue.toDisplayString(_ctx.$t("fkui.interactive-table.select", "Expandera")), 1)])) : vue.createCommentVNode("", true), _cache[4] || (_cache[4] = vue.createTextVNode()), _ctx.selectable ? (vue.openBlock(), vue.createElementBlock("th", _hoisted_8$4, [vue.createElementVNode("span", _hoisted_9$3, vue.toDisplayString(_ctx.$t("fkui.interactive-table.select", "Markera")), 1)])) : vue.createCommentVNode("", true), _cache[5] || (_cache[5] = vue.createTextVNode()), (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.visibleColumns, (column) => {
+  }), 128))]), _cache[16] || (_cache[16] = vue.createTextVNode()), vue.createElementVNode("thead", null, [vue.createElementVNode("tr", _hoisted_5$6, [_ctx.isExpandableTable ? (vue.openBlock(), vue.createElementBlock("th", _hoisted_6$4, [vue.createElementVNode("span", _hoisted_7$3, vue.toDisplayString(_ctx.$t("fkui.interactive-table.select", "Expandera")), 1)])) : vue.createCommentVNode("", true), _cache[4] || (_cache[4] = vue.createTextVNode()), _ctx.selectable ? (vue.openBlock(), vue.createElementBlock("th", _hoisted_8$3, [vue.createElementVNode("span", _hoisted_9$3, vue.toDisplayString(_ctx.$t("fkui.interactive-table.select", "Markera")), 1)])) : vue.createCommentVNode("", true), _cache[5] || (_cache[5] = vue.createTextVNode()), (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.visibleColumns, (column) => {
     return vue.openBlock(), vue.createElementBlock("th", vue.mergeProps({
       key: column.id,
       scope: "col",
@@ -14391,10 +13615,10 @@ function _sfc_render$g(_ctx, _cache, $props, $setup, $data, $options) {
     colspan: _ctx.nbOfColumns
   }, [vue.renderSlot(_ctx.$slots, "empty", {}, () => [vue.createTextVNode(vue.toDisplayString(_ctx.$t("fkui.interactive-table.empty", "Tabellen är tom")), 1)])], 8, _hoisted_22), _cache[12] || (_cache[12] = vue.createTextVNode()), vue.renderSlot(_ctx.$slots, "default", vue.normalizeProps(vue.guardReactiveProps({
     row: {}
-  })))])) : vue.createCommentVNode("", true)]))], 16, _hoisted_1$f)], 2);
+  })))])) : vue.createCommentVNode("", true)]))], 16, _hoisted_1$h)], 2);
 }
-const FInteractiveTable = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["render", _sfc_render$g]]);
-const _sfc_main$f = vue.defineComponent({
+const FInteractiveTable = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["render", _sfc_render$f]]);
+const _sfc_main$g = vue.defineComponent({
   name: "FLayoutApplicationTemplate",
   computed: {
     showHeader() {
@@ -14419,7 +13643,7 @@ const _sfc_main$f = vue.defineComponent({
     }
   }
 });
-const _hoisted_1$e = {
+const _hoisted_1$g = {
   class: "layout-application-template"
 };
 const _hoisted_2$c = {
@@ -14438,12 +13662,12 @@ const _hoisted_5$5 = {
   key: 0,
   class: "layout-application-template__footer"
 };
-function _sfc_render$f(_ctx, _cache, $props, $setup, $data, $options) {
-  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$e, [_ctx.showHeader || _ctx.showTopNavigation ? (vue.openBlock(), vue.createElementBlock("header", _hoisted_2$c, [_ctx.showHeader ? vue.renderSlot(_ctx.$slots, "header", {
+function _sfc_render$e(_ctx, _cache, $props, $setup, $data, $options) {
+  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$g, [_ctx.showHeader || _ctx.showTopNavigation ? (vue.openBlock(), vue.createElementBlock("header", _hoisted_2$c, [_ctx.showHeader ? vue.renderSlot(_ctx.$slots, "header", {
     key: 0
   }) : vue.createCommentVNode("", true), _cache[0] || (_cache[0] = vue.createTextVNode()), _ctx.showTopNavigation ? (vue.openBlock(), vue.createElementBlock("nav", _hoisted_3$8, [vue.renderSlot(_ctx.$slots, "top-navigation")])) : vue.createCommentVNode("", true)], 512)) : vue.createCommentVNode("", true), _cache[2] || (_cache[2] = vue.createTextVNode()), vue.createElementVNode("main", _hoisted_4$7, [vue.renderSlot(_ctx.$slots, "default"), _cache[1] || (_cache[1] = vue.createTextVNode()), _ctx.showFooter ? (vue.openBlock(), vue.createElementBlock("footer", _hoisted_5$5, [vue.renderSlot(_ctx.$slots, "footer")])) : vue.createCommentVNode("", true)], 512)]);
 }
-const FLayoutApplicationTemplate = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["render", _sfc_render$f]]);
+const FLayoutApplicationTemplate = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["render", _sfc_render$e]]);
 function getGridClasses(target) {
   if (target === null) {
     return {};
@@ -14544,7 +13768,7 @@ function useLayoutPanel(options) {
     rightPrimaryClasses
   };
 }
-const _sfc_main$e = vue.defineComponent({
+const _sfc_main$f = vue.defineComponent({
   name: "FLayoutLeftPanel",
   components: {
     FIcon
@@ -14629,7 +13853,7 @@ const _sfc_main$e = vue.defineComponent({
     }
   }
 });
-const _hoisted_1$d = {
+const _hoisted_1$f = {
   class: "layout-navigation"
 };
 const _hoisted_2$b = ["aria-expanded"];
@@ -14640,9 +13864,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 = vue.resolveComponent("f-icon");
-  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$d, [vue.createElementVNode("nav", {
+  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$f, [vue.createElementVNode("nav", {
     id: "layout-navigation__navigation",
     class: "layout-navigation__navigation",
     style: vue.normalizeStyle(_ctx.navigationStyle),
@@ -14691,7 +13915,7 @@ function _sfc_render$e(_ctx, _cache, $props, $setup, $data, $options) {
     style: vue.normalizeStyle(_ctx.primaryStyle)
   }, [vue.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);
@@ -14721,7 +13945,7 @@ class FRightPanelServiceImpl {
   }
 }
 const FLayoutRightPanelService = new FRightPanelServiceImpl();
-const _sfc_main$d = vue.defineComponent({
+const _sfc_main$e = vue.defineComponent({
   name: "FLayoutRightPanel",
   components: {
     FIcon
@@ -14838,15 +14062,15 @@ const _sfc_main$d = vue.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 = vue.resolveComponent("f-icon");
-  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$c, [vue.createElementVNode("div", {
+  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$e, [vue.createElementVNode("div", {
     id: "layout-secondary__primary",
     class: vue.normalizeClass(["layout-secondary__primary", _ctx.rightPrimaryClasses]),
     style: vue.normalizeStyle(_ctx.primaryStyle)
@@ -14883,8 +14107,8 @@ function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) {
     name: "close"
   })])], 6)])], 4)) : vue.createCommentVNode("", true)]);
 }
-const FLayoutRightPanel = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["render", _sfc_render$d]]);
-const _sfc_main$c = vue.defineComponent({
+const FLayoutRightPanel = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["render", _sfc_render$c]]);
+const _sfc_main$d = vue.defineComponent({
   name: "FList",
   components: {
     FCheckboxField
@@ -14949,7 +14173,7 @@ const _sfc_main$c = vue.defineComponent({
       default: () => logic.ElementIdService.generateElementId()
     }
   },
-  emits: ["change", "click", "update", "unselect", "update:modelValue", "select", "update:active"],
+  emits: ["change", "click", "unselect", "update:modelValue", "select", "update:active"],
   setup() {
     return ActivateItemInjected();
   },
@@ -15047,7 +14271,6 @@ const _sfc_main$c = vue.defineComponent({
     updateVModelWithSelectedItems() {
       if (this.modelValue) {
         this.$emit("update:modelValue", this.selectedItems);
-        this.$emit("update", this.selectedItems);
       }
     },
     updateSelectedItemsFromVModel() {
@@ -15127,7 +14350,7 @@ const _sfc_main$c = vue.defineComponent({
     }
   }
 });
-const _hoisted_1$b = {
+const _hoisted_1$d = {
   key: 0,
   class: "list"
 };
@@ -15141,10 +14364,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"
@@ -15152,9 +14375,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 = vue.resolveComponent("f-checkbox-field");
-  return !_ctx.selectable ? (vue.openBlock(), vue.createElementBlock("ul", _hoisted_1$b, [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.items, (item) => {
+  return !_ctx.selectable ? (vue.openBlock(), vue.createElementBlock("ul", _hoisted_1$d, [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.items, (item) => {
     return vue.openBlock(), vue.createElementBlock("li", {
       key: _ctx.itemKey(item),
       class: "list__item"
@@ -15186,7 +14409,7 @@ function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
       key: 0,
       class: "list__item__selectpane",
       onClick: vue.withModifiers(($event) => _ctx.onSelect(item), ["self"])
-    }, [vue.createElementVNode("div", _hoisted_7$3, [vue.createVNode(_component_f_checkbox_field, {
+    }, [vue.createElementVNode("div", _hoisted_7$2, [vue.createVNode(_component_f_checkbox_field, {
       value: true,
       "model-value": _ctx.isSelected(item),
       onClick: vue.withModifiers(($event) => _ctx.onSelect(item), ["self"])
@@ -15198,7 +14421,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)) : vue.createCommentVNode("", true), _cache[3] || (_cache[3] = vue.createTextVNode()), (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.checkbox ? "div" : "a"), {
       ref_for: true,
@@ -15216,8 +14439,8 @@ function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
     }, 1032, ["href", "onClick"]))], 42, _hoisted_5$4);
   }), 128)), _cache[4] || (_cache[4] = vue.createTextVNode()), _ctx.isEmpty ? (vue.openBlock(), vue.createElementBlock("li", _hoisted_9$2, [vue.createElementVNode("div", _hoisted_10$1, [vue.renderSlot(_ctx.$slots, "empty", {}, () => [vue.createElementVNode("em", null, vue.toDisplayString(_ctx.$t("fkui.list.empty", "Listan är tom")), 1)])])])) : vue.createCommentVNode("", true)], 8, _hoisted_4$5));
 }
-const FList = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["render", _sfc_render$c]]);
-const _sfc_main$b = vue.defineComponent({
+const FList = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["render", _sfc_render$b]]);
+const _sfc_main$c = vue.defineComponent({
   name: "FLoader",
   mixins: [TranslationMixin],
   inheritAttrs: false,
@@ -15329,59 +14552,258 @@ const _sfc_main$b = vue.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 vue.openBlock(), vue.createBlock(vue.Teleport, {
+    to: _ctx.teleportTarget,
+    disabled: _ctx.teleportDisabled
+  }, [vue.withDirectives(vue.createElementVNode("div", vue.mergeProps(_ctx.$attrs, {
+    class: ["loader", _ctx.classes]
+  }), [vue.createElementVNode("div", _hoisted_1$c, [_cache[0] || (_cache[0] = vue.createElementVNode("div", {
+    class: "loader__wrapper"
+  }, [vue.createElementVNode("div", {
+    class: "loader__spinner-1 loader__spinner"
+  }, [vue.createElementVNode("div", {
+    class: "loader__spinner-1-circle1 loader__circle loader__circle--1"
+  }), vue.createTextVNode(), vue.createElementVNode("div", {
+    class: "loader__spinner-1-circle2 loader__circle loader__circle--2"
+  }), vue.createTextVNode(), vue.createElementVNode("div", {
+    class: "loader__spinner-1-circle3 loader__circle loader__circle--3"
+  }), vue.createTextVNode(), vue.createElementVNode("div", {
+    class: "loader__spinner-1-circle4 loader__circle loader__circle--4"
+  })]), vue.createTextVNode(), vue.createElementVNode("div", {
+    class: "loader__spinner-2 loader__spinner"
+  }, [vue.createElementVNode("div", {
+    class: "loader__spinner-2-circle1 loader__circle loader__circle--1"
+  }), vue.createTextVNode(), vue.createElementVNode("div", {
+    class: "loader__spinner-2-circle2 loader__circle loader__circle--2"
+  }), vue.createTextVNode(), vue.createElementVNode("div", {
+    class: "loader__spinner-2-circle3 loader__circle loader__circle--3"
+  }), vue.createTextVNode(), vue.createElementVNode("div", {
+    class: "loader__spinner-2-circle4 loader__circle loader__circle--4"
+  })]), vue.createTextVNode(), vue.createElementVNode("div", {
+    class: "loader__spinner-3 loader__spinner"
+  }, [vue.createElementVNode("div", {
+    class: "loader__spinner-3-circle1 loader__circle loader__circle--1"
+  }), vue.createTextVNode(), vue.createElementVNode("div", {
+    class: "loader__spinner-3-circle2 loader__circle loader__circle--2"
+  }), vue.createTextVNode(), vue.createElementVNode("div", {
+    class: "loader__spinner-3-circle3 loader__circle loader__circle--3"
+  }), vue.createTextVNode(), vue.createElementVNode("div", {
+    class: "loader__spinner-3-circle4 loader__circle loader__circle--4"
+  })])], -1)), _cache[1] || (_cache[1] = vue.createTextVNode()), vue.createElementVNode("div", {
+    ref: "loader-text",
+    class: vue.normalizeClass(["loader__wait-text", {
+      "loader--delay": _ctx.delay
+    }]),
+    tabindex: "-1"
+  }, [vue.createElementVNode("span", _hoisted_2$8, [vue.renderSlot(_ctx.$slots, "default", {}, () => [vue.createTextVNode(vue.toDisplayString(_ctx.$t("fkui.loader.wait.text", _ctx.defaultLoadingText)), 1)])])], 2)])], 16), [[vue.vShow, _ctx.show]])], 8, ["to", "disabled"]);
+}
+const FLoader = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["render", _sfc_render$a]]);
+const _hoisted_1$b = ["aria-label"];
+const __default__ = vue.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__ */ vue.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 vue.openBlock(), vue.createElementBlock("span", {
+        class: vue.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 = vue.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 logic.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 vue.openBlock(), vue.createBlock(vue.Teleport, {
-    to: _ctx.teleportTarget,
-    disabled: _ctx.teleportDisabled
-  }, [vue.withDirectives(vue.createElementVNode("div", vue.mergeProps(_ctx.$attrs, {
-    class: ["loader", _ctx.classes]
-  }), [vue.createElementVNode("div", _hoisted_1$a, [_cache[0] || (_cache[0] = vue.createElementVNode("div", {
-    class: "loader__wrapper"
-  }, [vue.createElementVNode("div", {
-    class: "loader__spinner-1 loader__spinner"
-  }, [vue.createElementVNode("div", {
-    class: "loader__spinner-1-circle1 loader__circle loader__circle--1"
-  }), vue.createTextVNode(), vue.createElementVNode("div", {
-    class: "loader__spinner-1-circle2 loader__circle loader__circle--2"
-  }), vue.createTextVNode(), vue.createElementVNode("div", {
-    class: "loader__spinner-1-circle3 loader__circle loader__circle--3"
-  }), vue.createTextVNode(), vue.createElementVNode("div", {
-    class: "loader__spinner-1-circle4 loader__circle loader__circle--4"
-  })]), vue.createTextVNode(), vue.createElementVNode("div", {
-    class: "loader__spinner-2 loader__spinner"
-  }, [vue.createElementVNode("div", {
-    class: "loader__spinner-2-circle1 loader__circle loader__circle--1"
-  }), vue.createTextVNode(), vue.createElementVNode("div", {
-    class: "loader__spinner-2-circle2 loader__circle loader__circle--2"
-  }), vue.createTextVNode(), vue.createElementVNode("div", {
-    class: "loader__spinner-2-circle3 loader__circle loader__circle--3"
-  }), vue.createTextVNode(), vue.createElementVNode("div", {
-    class: "loader__spinner-2-circle4 loader__circle loader__circle--4"
-  })]), vue.createTextVNode(), vue.createElementVNode("div", {
-    class: "loader__spinner-3 loader__spinner"
-  }, [vue.createElementVNode("div", {
-    class: "loader__spinner-3-circle1 loader__circle loader__circle--1"
-  }), vue.createTextVNode(), vue.createElementVNode("div", {
-    class: "loader__spinner-3-circle2 loader__circle loader__circle--2"
-  }), vue.createTextVNode(), vue.createElementVNode("div", {
-    class: "loader__spinner-3-circle3 loader__circle loader__circle--3"
-  }), vue.createTextVNode(), vue.createElementVNode("div", {
-    class: "loader__spinner-3-circle4 loader__circle loader__circle--4"
-  })])], -1)), _cache[1] || (_cache[1] = vue.createTextVNode()), vue.createElementVNode("div", {
-    ref: "loader-text",
-    class: vue.normalizeClass(["loader__wait-text", {
-      "loader--delay": _ctx.delay
-    }]),
-    tabindex: "-1"
-  }, [vue.createElementVNode("span", _hoisted_2$8, [vue.renderSlot(_ctx.$slots, "default", {}, () => [vue.createTextVNode(vue.toDisplayString(_ctx.$t("fkui.loader.wait.text", _ctx.defaultLoadingText)), 1)])])], 2)])], 16), [[vue.vShow, _ctx.show]])], 8, ["to", "disabled"]);
+function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_f_icon = vue.resolveComponent("f-icon");
+  const _component_i_flex_item = vue.resolveComponent("i-flex-item");
+  const _component_i_flex = vue.resolveComponent("i-flex");
+  return vue.openBlock(), vue.createElementBlock("div", {
+    class: vue.normalizeClass(["message-box", [_ctx.messageBoxType, _ctx.bannerType]])
+  }, [_ctx.provideScreenReaderContext ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$a, vue.toDisplayString(_ctx.screenReaderContext()), 1)) : vue.createCommentVNode("", true), _cache[2] || (_cache[2] = vue.createTextVNode()), vue.createVNode(_component_i_flex, {
+    gap: "2x"
+  }, {
+    default: vue.withCtx(() => [_ctx.layout === "short" ? (vue.openBlock(), vue.createBlock(_component_i_flex_item, {
+      key: 0,
+      class: "message-box__icon",
+      shrink: "",
+      align: "center"
+    }, {
+      default: vue.withCtx(() => [vue.createElementVNode("span", {
+        class: vue.normalizeClass(["icon-stack", _ctx.stackTypeClass])
+      }, [vue.createVNode(_component_f_icon, {
+        class: vue.normalizeClass(_ctx.classType),
+        name: _ctx.symbol
+      }, null, 8, ["class", "name"]), _cache[0] || (_cache[0] = vue.createTextVNode()), vue.createVNode(_component_f_icon, {
+        class: vue.normalizeClass(_ctx.classIcon),
+        name: _ctx.sign
+      }, null, 8, ["class", "name"])], 2)]),
+      _: 1
+    })) : vue.createCommentVNode("", true), _cache[1] || (_cache[1] = vue.createTextVNode()), vue.createVNode(_component_i_flex_item, {
+      class: "message-box__content",
+      grow: "",
+      align: "center"
+    }, {
+      default: vue.withCtx(() => [vue.renderSlot(_ctx.$slots, "default", vue.normalizeProps(vue.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) => {
@@ -15431,7 +14853,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 = vue.defineComponent({
+const _sfc_main$9 = vue.defineComponent({
   name: "FNavigationMenu",
   components: {
     FIcon,
@@ -15779,14 +15201,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 = vue.resolveComponent("f-icon");
   const _component_i_popup_menu = vue.resolveComponent("i-popup-menu");
   return vue.openBlock(), vue.createElementBlock("nav", {
@@ -15821,7 +15243,7 @@ function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
     ref: "popup-item",
     class: vue.normalizeClass(_ctx.popupItemClasses),
     onClick: _cache[0] || (_cache[0] = ($event) => _ctx.togglePopup(true))
-  }, [vue.createElementVNode("div", _hoisted_7$2, [vue.createElementVNode("a", {
+  }, [vue.createElementVNode("div", _hoisted_7$1, [vue.createElementVNode("a", {
     ref: "popup-anchor",
     tabindex: "0",
     class: "imenu__list__anchor",
@@ -15831,7 +15253,7 @@ function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
   }, [vue.createElementVNode("span", _hoisted_9$1, [vue.createElementVNode("span", null, vue.toDisplayString(_ctx.popupMenuSrText) + " ", 1)]), vue.createTextVNode(" " + vue.toDisplayString(_ctx.popupLabel) + " ", 1), vue.createVNode(_component_f_icon, {
     name: "arrow-down",
     class: "imenu__list__anchor-icon-right"
-  })], 8, _hoisted_8$2)])], 2)])) : vue.createCommentVNode("", true)], 32), _cache[7] || (_cache[7] = vue.createTextVNode()), vue.createVNode(_component_i_popup_menu, {
+  })], 8, _hoisted_8$1)])], 2)])) : vue.createCommentVNode("", true)], 32), _cache[7] || (_cache[7] = vue.createTextVNode()), vue.createVNode(_component_i_popup_menu, {
     ref: "popup-menu",
     modelValue: _ctx.selectedItem,
     "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => _ctx.selectedItem = $event),
@@ -15847,9 +15269,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 = vue.defineComponent({
+const _sfc_main$8 = vue.defineComponent({
   name: "FOffline",
   components: {
     FIcon,
@@ -15909,7 +15331,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 = vue.resolveComponent("f-icon");
   const _component_i_flex_item = vue.resolveComponent("i-flex-item");
   const _component_i_flex = vue.resolveComponent("i-flex");
@@ -15945,8 +15367,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), [[vue.vShow, _ctx.isOnline]])], 8, _hoisted_1$8);
 }
-const FOffline = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["render", _sfc_render$9]]);
-const _sfc_main$8 = vue.defineComponent({
+const FOffline = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["render", _sfc_render$7]]);
+const _sfc_main$7 = vue.defineComponent({
   name: "FOutputField",
   components: {
     FLabel
@@ -15983,7 +15405,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 = vue.resolveComponent("f-label");
   return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$7, [vue.createVNode(_component_f_label, {
     for: _ctx.id
@@ -16000,62 +15422,26 @@ function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
     class: "output-field__output"
   }, _ctx.$attrs), [vue.renderSlot(_ctx.$slots, "default")], 16, _hoisted_2$5)]);
 }
-const FOutputField = /* @__PURE__ */ _export_sfc(_sfc_main$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 = vue.defineComponent({
+const FOutputField = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render$6]]);
+const _sfc_main$6 = vue.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.
@@ -16066,73 +15452,21 @@ const _sfc_main$7 = vue.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);
     }
   }
 });
@@ -16147,124 +15481,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 = vue.resolveComponent("i-skip-link");
-  const _component_router_link = vue.resolveComponent("router-link");
   return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$6, [_ctx.skipLinkAnchor ? (vue.openBlock(), vue.createElementBlock("nav", _hoisted_2$4, [vue.createVNode(_component_i_skip_link, {
     href: _ctx.skipLinkAnchor
   }, {
     default: vue.withCtx(() => [vue.renderSlot(_ctx.$slots, "skip-link-text")]),
     _: 3
-  }, 8, ["href"])])) : vue.createCommentVNode("", true), _cache[2] || (_cache[2] = vue.createTextVNode()), vue.createElementVNode("div", _hoisted_3$3, [vue.createElementVNode("div", _hoisted_4$2, [vue.renderSlot(_ctx.$slots, "logo", {}, () => [_ctx.routerLinkTo ? (vue.openBlock(), vue.createBlock(_component_router_link, {
-    key: 0,
-    to: _ctx.routerLinkTo
-  }, {
-    default: vue.withCtx(() => [vue.createElementVNode("span", {
-      class: vue.normalizeClass(_ctx.logoClass),
-      "aria-label": _ctx.altLogoText,
-      role: "img"
-    }, null, 10, _hoisted_5$1)]),
-    _: 1
-  }, 8, ["to"])) : (vue.openBlock(), vue.createElementBlock("span", {
-    key: 1,
-    class: vue.normalizeClass(_ctx.logoClass),
-    "aria-label": _ctx.altLogoText,
-    role: "img"
-  }, null, 10, _hoisted_6$1))])]), _cache[0] || (_cache[0] = vue.createTextVNode()), (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.headerTag), {
+  }, 8, ["href"])])) : vue.createCommentVNode("", true), _cache[2] || (_cache[2] = vue.createTextVNode()), vue.createElementVNode("div", _hoisted_3$3, [_ctx.hasLogo ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$2, [vue.renderSlot(_ctx.$slots, "logo")])) : vue.createCommentVNode("", true), _cache[0] || (_cache[0] = vue.createTextVNode()), (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.headerTag), {
     class: "page-header__app-name"
   }, {
     default: vue.withCtx(() => [vue.renderSlot(_ctx.$slots, "default")]),
     _: 3
-  })), _cache[1] || (_cache[1] = vue.createTextVNode()), vue.createElementVNode("div", _hoisted_7$1, [vue.createElementVNode("div", _hoisted_8$1, [vue.renderSlot(_ctx.$slots, "right")])])], 512)]);
+  })), _cache[1] || (_cache[1] = vue.createTextVNode()), vue.createElementVNode("div", _hoisted_5$1, [vue.createElementVNode("div", _hoisted_6$1, [vue.renderSlot(_ctx.$slots, "right")])])], 512)]);
 }
-const FPageHeader = /* @__PURE__ */ _export_sfc(_sfc_main$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 = vue.defineComponent({
-  name: "FProgressbar",
+const _sfc_main$5 = /* @__PURE__ */ vue.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 = vue.computed(() => clamp(props.value));
+    const cssWidth = vue.computed(() => `width: ${progressValueNow.value}%`);
+    const progressBarClass = vue.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 = vue.computed(() => {
+      return `${props.valueText.replace("%VALUE%", progressValueNow.value.toString())}`;
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$5, [vue.createElementVNode("span", {
+        class: vue.normalizeClass(["progress__meter", progressBarClass.value]),
+        role: "progressbar",
+        "aria-label": vue.unref(ariaLabel),
+        "aria-valuemin": "0",
+        "aria-valuemax": "100",
+        "aria-valuenow": progressValueNow.value,
+        "aria-valuetext": progressText.value,
+        style: vue.normalizeStyle(cssWidth.value)
+      }, [vue.createElementVNode("span", _hoisted_3$2, vue.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 vue.openBlock(), vue.createElementBlock("div", _hoisted_1$5, [vue.createElementVNode("span", {
-    class: vue.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: vue.normalizeStyle(_ctx.cssWidth)
-  }, [vue.createElementVNode("span", _hoisted_3$2, vue.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 = vue.defineComponent({
+const _sfc_main$4 = vue.defineComponent({
   name: "FRadioField",
   inheritAttrs: false,
   props: {
@@ -16430,7 +15751,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 vue.openBlock(), vue.createElementBlock("div", {
     class: vue.normalizeClass(["radio-button", _ctx.disabledClass]),
     onValidity: _cache[0] || (_cache[0] = (...args) => _ctx.onValidity && _ctx.onValidity(...args))
@@ -16456,70 +15777,7 @@ function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   }, 8, ["onEnter", "onAfterEnter", "onLeave"])) : vue.createCommentVNode("", true)], 64)) : vue.createCommentVNode("", true)], 10, _hoisted_2$2)], 34);
 }
-const FRadioField = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["render", _sfc_render$5]]);
-const _sfc_main$4 = vue.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: () => logic.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 = vue.resolveComponent("f-fieldset");
-  return vue.openBlock(), vue.createBlock(_component_f_fieldset, vue.mergeProps({
-    id: _ctx.id,
-    name: _ctx.name
-  }, _ctx.$attrs, {
-    horizontal: _ctx.isHorizontal
-  }), vue.createSlots({
-    label: vue.withCtx(() => [vue.renderSlot(_ctx.$slots, "label")]),
-    description: vue.withCtx(({
-      descriptionClass,
-      discreteDescriptionClass
-    }) => [vue.renderSlot(_ctx.$slots, "description", vue.normalizeProps(vue.guardReactiveProps({
-      descriptionClass,
-      discreteDescriptionClass
-    })))]),
-    "error-message": vue.withCtx(() => [vue.renderSlot(_ctx.$slots, "error-message")]),
-    default: vue.withCtx(() => [vue.renderSlot(_ctx.$slots, "default", vue.normalizeProps(vue.guardReactiveProps({
-      indentClass: "indent"
-    })))]),
-    _: 2
-  }, [_ctx.$slots.tooltip ? {
-    name: "tooltip",
-    fn: vue.withCtx(() => [vue.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 = vue.defineComponent({
   name: "FStaticField",
   components: {
@@ -16538,11 +15796,11 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
     default: vue.withCtx(() => [vue.renderSlot(_ctx.$slots, "label")]),
     description: vue.withCtx(({
       descriptionClass,
-      discreteDescriptionClass
-    }) => [vue.renderSlot(_ctx.$slots, "description", vue.normalizeProps(vue.guardReactiveProps({
+      formatDescriptionClass
+    }) => [vue.renderSlot(_ctx.$slots, "description", {
       descriptionClass,
-      discreteDescriptionClass
-    })))]),
+      formatDescriptionClass
+    })]),
     _: 2
   }, [_ctx.$slots.tooltip ? {
     name: "tooltip",
@@ -16718,11 +15976,11 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
     default: vue.withCtx(() => [vue.renderSlot(_ctx.$slots, "default")]),
     description: vue.withCtx(({
       descriptionClass,
-      discreteDescriptionClass
-    }) => [vue.renderSlot(_ctx.$slots, "description", vue.normalizeProps(vue.guardReactiveProps({
+      formatDescriptionClass
+    }) => [vue.renderSlot(_ctx.$slots, "description", {
       descriptionClass,
-      discreteDescriptionClass
-    })))]),
+      formatDescriptionClass
+    })]),
     "error-message": vue.withCtx(() => [vue.renderSlot(_ctx.$slots, "error-message", vue.normalizeProps(vue.guardReactiveProps({
       hasError: _ctx.hasError,
       validationMessage: _ctx.validationMessage
@@ -16845,7 +16103,7 @@ const _sfc_main$1 = vue.defineComponent({
       default: false
     }
   },
-  emits: ["cancel", "change", "completed", "update:modelValue"],
+  emits: ["cancel", "completed", "update:modelValue"],
   data() {
     return {
       steps: []
@@ -16924,10 +16182,8 @@ const _sfc_main$1 = vue.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) {
@@ -17260,7 +16516,10 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       class: "wizard-step-body",
       onSubmit: _ctx.onSubmit
     }, {
-      "error-message": vue.withCtx(() => [vue.renderSlot(_ctx.$slots, "error-message", {}, () => [vue.createTextVNode(vue.toDisplayString(_ctx.$t("fkui.wizard-step.errorlist.title", "Oj, du har glömt att fylla i något. Gå till:")), 1)])]),
+      "error-message": vue.withCtx(() => [vue.renderSlot(_ctx.$slots, "error-message", vue.normalizeProps(vue.guardReactiveProps({
+        stepNumber: _ctx.stepNumber,
+        totalSteps: _ctx.totalSteps
+      })), () => [vue.createTextVNode(vue.toDisplayString(_ctx.$t("fkui.wizard-step.errorlist.title", "Oj, du har glömt att fylla i något. Gå till:")), 1)])]),
       default: vue.withCtx(() => [vue.renderSlot(_ctx.$slots, "default"), _cache[14] || (_cache[14] = vue.createTextVNode()), vue.createElementVNode("div", _hoisted_10, [vue.createElementVNode("button", {
         "data-test": "submit-button",
         "data-disabled": _ctx.ignoreClick ? "true" : "false",
@@ -17278,10 +16537,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
         type: "button",
         class: "button button--secondary button-group__item button--large",
         onClick: _cache[2] || (_cache[2] = (...args) => _ctx.onCancel && _ctx.onCancel(...args))
-      }, [vue.renderSlot(_ctx.$slots, "cancel-button-text", vue.normalizeProps(vue.guardReactiveProps({
-        stepNumber: _ctx.stepNumber,
-        totalSteps: _ctx.totalSteps
-      })), () => [vue.createTextVNode(vue.toDisplayString(_ctx.$t("fkui.wizard-step.button.cancel.text", "Avbryt")), 1)])])])]),
+      }, [vue.renderSlot(_ctx.$slots, "cancel-button-text", {}, () => [vue.createTextVNode(vue.toDisplayString(_ctx.$t("fkui.wizard-step.button.cancel.text", "Avbryt")), 1)])])])]),
       _: 3
     }, 8, ["id", "before-submit", "before-validation", "use-error-list", "onSubmit"])]),
     _: 3
@@ -17293,21 +16549,19 @@ exports.ErrorData = ErrorData;
 exports.ErrorPlugin = ErrorPlugin;
 exports.ErrorViewData = ErrorViewData;
 exports.EventBus = EventBus;
-exports.FBadge = _sfc_main$1f;
-exports.FBankAccountNumberTextField = _sfc_main$B;
-exports.FBankgiroTextField = _sfc_main$A;
+exports.FBadge = _sfc_main$1b;
+exports.FBankAccountNumberTextField = _sfc_main$y;
+exports.FBankgiroTextField = _sfc_main$x;
 exports.FCalendar = FCalendar;
 exports.FCalendarDay = FCalendarDay;
-exports.FCard = _sfc_main$_;
+exports.FCard = _sfc_main$W;
 exports.FCheckboxField = FCheckboxField;
-exports.FCheckboxGroup = FCheckboxGroup;
-exports.FCheckboxGroupField = FCheckboxField;
-exports.FClearingnumberTextField = _sfc_main$z;
+exports.FClearingnumberTextField = _sfc_main$w;
 exports.FConfirmModal = FConfirmModal;
 exports.FContextMenu = FContextMenu;
 exports.FCrudButton = FCrudButton;
 exports.FCrudDataset = FCrudDataset;
-exports.FCurrencyTextField = _sfc_main$D;
+exports.FCurrencyTextField = _sfc_main$A;
 exports.FDataTable = FDataTable;
 exports.FDatepickerField = FDatepickerField;
 exports.FDialogueTree = FDialogueTree;
@@ -17320,11 +16574,8 @@ exports.FExpandableParagraph = FExpandableParagraph;
 exports.FFieldset = FFieldset;
 exports.FFileItem = FFileItem;
 exports.FFileSelector = FFileSelector;
-exports.FForm = FForm;
 exports.FFormModal = FFormModal;
 exports.FFormModalAction = FValidationFormAction;
-exports.FFormStep = FFormStep;
-exports.FFormStepButton = FFormStepButton;
 exports.FIcon = FIcon;
 exports.FInteractiveTable = FInteractiveTable;
 exports.FKUIConfigButtonOrder = FKUIConfigButtonOrder;
@@ -17335,23 +16586,22 @@ exports.FLayoutRightPanel = FLayoutRightPanel;
 exports.FLayoutRightPanelService = FLayoutRightPanelService;
 exports.FList = FList;
 exports.FLoader = FLoader;
+exports.FLogo = _sfc_main$b;
 exports.FMessageBox = FMessageBox;
 exports.FModal = FModal;
 exports.FNavigationMenu = FNavigationMenu;
-exports.FNumericTextField = _sfc_main$y;
+exports.FNumericTextField = _sfc_main$v;
 exports.FOffline = FOffline;
-exports.FOrganisationsnummerTextField = _sfc_main$t;
+exports.FOrganisationsnummerTextField = _sfc_main$q;
 exports.FOutputField = FOutputField;
 exports.FPageHeader = FPageHeader;
-exports.FPercentTextField = _sfc_main$u;
-exports.FPersonnummerTextField = _sfc_main$x;
+exports.FPercentTextField = _sfc_main$r;
+exports.FPersonnummerTextField = _sfc_main$u;
 exports.FPhoneTextField = FPhoneTextField;
-exports.FPlusgiroTextField = _sfc_main$w;
-exports.FPostalCodeTextField = _sfc_main$v;
-exports.FProgressbar = FProgressbar;
+exports.FPlusgiroTextField = _sfc_main$t;
+exports.FPostalCodeTextField = _sfc_main$s;
+exports.FProgressbar = _sfc_main$5;
 exports.FRadioField = FRadioField;
-exports.FRadioGroup = FRadioGroup;
-exports.FRadioGroupField = FRadioField;
 exports.FSearchTextField = FSearchTextField;
 exports.FSelectField = FSelectField;
 exports.FSortFilterDataset = FSortFilterDataset;
@@ -17371,18 +16621,17 @@ exports.FWizard = FWizard;
 exports.FWizardStep = FWizardStep;
 exports.FWizardStepAction = FValidationFormAction;
 exports.FormErrorList = FormErrorList;
-exports.FormStep = FormStep;
 exports.IAnimateExpand = IAnimateExpand;
 exports.ICalendarMonth = ICalendarMonth;
 exports.ICalendarMonthGrid = ICalendarMonthGrid;
 exports.ICalendarNavbar = ICalendarNavbar;
-exports.IComboboxDropdown = _sfc_main$S;
-exports.IComboboxToggleButton = _sfc_main$R;
+exports.IComboboxDropdown = _sfc_main$O;
+exports.IComboboxToggleButton = _sfc_main$N;
 exports.IFlex = IFlex;
 exports.IFlexItem = IFlexItem;
 exports.IPopup = IPopup;
 exports.IPopupError = IPopupError;
-exports.IPopupListbox = _sfc_main$W;
+exports.IPopupListbox = _sfc_main$S;
 exports.IPopupMenu = IPopupMenu;
 exports.ISkipLink = ISkipLink;
 exports.IValidationForm = FValidationForm;
@@ -17397,10 +16646,8 @@ exports.TranslationPlugin = TranslationPlugin;
 exports.UNHANDLED_ERROR_EVENT = UNHANDLED_ERROR_EVENT;
 exports.ValidationPlugin = ValidationPlugin;
 exports.actionFromKeyboardEvent = actionFromKeyboardEvent;
-exports.cleanUpElements = cleanUpElements;
 exports.config = config;
 exports.confirmModal = confirmModal;
-exports.createFFormProvideOptions = createFFormProvideOptions;
 exports.dispatchComponentUnmountEvent = dispatchComponentUnmountEvent;
 exports.dispatchComponentValidityEvent = dispatchComponentValidityEvent;
 exports.findElementFromVueRef = findElementFromVueRef;
@@ -17417,9 +16664,7 @@ exports.getHTMLElementFromVueRef = getHTMLElementFromVueRef;
 exports.getHTMLElementsFromVueRef = getHTMLElementsFromVueRef;
 exports.getInputElement = getInputElement;
 exports.getParentByName = getParentByName;
-exports.getRef = getRef;
 exports.getSortedHTMLElementsFromVueRef = getSortedHTMLElementsFromVueRef;
-exports.getTextFromScopedSlot = getTextFromScopedSlot;
 exports.handleKeyboardFocusNavigation = handleKeyboardFocusNavigation;
 exports.hasParentByName = hasParentByName;
 exports.hasSlot = hasSlot;
@@ -17427,7 +16672,6 @@ exports.includeItem = includeItem;
 exports.isContextMenuSeparatorItem = isContextMenuSeparatorItem;
 exports.isContextMenuTextItem = isContextMenuTextItem;
 exports.isDialogueTreeEndQuestion = isDialogueTreeEndQuestion;
-exports.isFormStepReference = isFormStepReference;
 exports.itemEquals = itemEquals;
 exports.mountComponent = mountComponent;
 exports.openModal = openModal;
@@ -17437,10 +16681,7 @@ exports.refIsHTMLElementArray = refIsHTMLElementArray;
 exports.refIsVue = refIsVue;
 exports.refIsVueArray = refIsVueArray;
 exports.renderSlotText = renderSlotText;
-exports.setIsOpen = setIsOpen;
-exports.setRef = setRef;
 exports.setRunningContext = setRunningContext;
-exports.sortComponentsWithErrorsOnDOMOrder = sortComponentsWithErrorsOnDOMOrder;
 exports.tableScrollClasses = tableScrollClasses;
 exports.tooltipAttachTo = tooltipAttachTo;
 exports.useCombobox = useCombobox;