fds-vue-core 2.0.25 → 2.0.26

package/dist/FdsTable.css

@@ -43,7 +43,7 @@
 }
 
 .fds-table-wrapper tbody tr {
-  border-bottom: 1px solid var(--color-gray-100);
+  border-bottom: 1px solid var(--color-blue-100);
 }
 
 .fds-table-wrapper tbody tr:last-child {

package/dist/components/Form/FdsCheckbox/FdsCheckbox.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FdsCheckbox.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/FdsCheckbox/FdsCheckbox.vue"],"names":[],"mappings":"AAuJA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAS/C,KAAK,WAAW,GAAG,gBAAgB,CAAC;AA2HpC,KAAK,iBAAiB,GAAG,WAAW,GAAG;IACvC,UAAU,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC;CAC7C,CAAC;AAkEF,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AA0B/C,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;4EAInB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAY1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"FdsCheckbox.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/FdsCheckbox/FdsCheckbox.vue"],"names":[],"mappings":"AAyJA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAS/C,KAAK,WAAW,GAAG,gBAAgB,CAAC;AA2HpC,KAAK,iBAAiB,GAAG,WAAW,GAAG;IACvC,UAAU,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC;CAC7C,CAAC;AAiEF,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAyB/C,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;4EAInB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAY1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/Form/FdsRadio/FdsRadio.vue.d.ts

@@ -12,16 +12,10 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps,
 } & {
     change: (value: boolean) => any;
     "update:checked": (value: boolean) => any;
-    blur: (event: FocusEvent) => any;
-    focus: (event: FocusEvent) => any;
-    keydown: (event: KeyboardEvent) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     onChange?: (value: boolean) => any;
     "onUpdate:checked"?: (value: boolean) => any;
     "onUpdate:modelValue"?: (value: string | number) => any;
-    onBlur?: (event: FocusEvent) => any;
-    onFocus?: (event: FocusEvent) => any;
-    onKeydown?: (event: KeyboardEvent) => any;
 }>, {
     required: boolean;
     label: string;

package/dist/components/Form/FdsRadio/FdsRadio.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FdsRadio.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/FdsRadio/FdsRadio.vue"],"names":[],"mappings":"AA6GA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAM5C,KAAK,WAAW,GAAG,aAAa,CAAC;AA8EjC,KAAK,iBAAiB,GAAG,WAAW,GAAG;IACvC,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC5B,CAAC;AAwEF,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AA6B/C,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;4EAInB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAY1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"FdsRadio.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/FdsRadio/FdsRadio.vue"],"names":[],"mappings":"AAmGA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAM5C,KAAK,WAAW,GAAG,aAAa,CAAC;AAsEjC,KAAK,iBAAiB,GAAG,WAAW,GAAG;IACvC,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC5B,CAAC;AAmEF,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAyB/C,QAAA,MAAM,eAAe;;;;;;;;;;;;;;;;;4EAInB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAY1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/Typography/FdsListHeading/FdsListHeading.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FdsListHeading.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Typography/FdsListHeading/FdsListHeading.vue"],"names":[],"mappings":"AAsDA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;;;;;AA2IlD,wBAGG"}
+{"version":3,"file":"FdsListHeading.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/Typography/FdsListHeading/FdsListHeading.vue"],"names":[],"mappings":"AA6DA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;;;;;AAmHlD,wBAGG"}

package/dist/fds-vue-core.cjs.js

@@ -405,8 +405,8 @@ const useTreeState = (options = {}) => {
     isEmptySearchResult
   };
 };
-const _hoisted_1$p = ["id", "name", "value", "disabled", "required"];
-const _hoisted_2$f = ["for"];
+const _hoisted_1$p = ["for"];
+const _hoisted_2$f = ["id", "name", "value", "disabled", "required"];
 const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
   __name: "FdsCheckbox",
   props: /* @__PURE__ */ vue.mergeModels({
@@ -431,20 +431,21 @@ const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
     const props = __props;
     const emit = __emit;
     const wrapperClasses = vue.computed(() => ["block relative flex items-center mb-2 last:mb-0"]);
-    const innerWrapperClasses = vue.computed(() => ["flex p-0.5 items-start rounded-md"]);
+    const innerWrapperClasses = vue.computed(() => [
+      "flex p-0.5 items-start rounded-md",
+      "hover:bg-blue_t-100 active:bg-blue_t-200",
+      "[&:has(:focus-visible)]:outline-2 [&:has(:focus-visible)]:outline-dashed [&:has(:focus-visible)]:-outline-offset-2 [&:has(:focus-visible)]:outline-blue-500",
+      props.disabled && "hover:bg-transparent active:bg-transparent"
+    ]);
     const checkboxClasses = vue.computed(() => [
       "rounded-md transition-colors duration-200 accent-blue-500 m-[3px]",
-      "peer z-40 bg-white min-w-[18px] min-h-[18px]",
+      "peer z-40 bg-white min-w-[18px] min-h-[18px] focus-visible:outline-none",
       props.disabled && "cursor-not-allowed"
     ]);
-    const stateClasses = vue.computed(() => [
-      "hover:bg-blue_t-100 active:bg-blue_t-200",
-      "focus-visible:outline-2 focus-visible:outline-dashed focus-visible:-outline-offset-2 focus-visible:outline-blue-500",
-      props.disabled && "hover:bg-transparent active:bg-transparent"
-    ]);
+    const autoId = `fds-checkbox-${Math.random().toString(36).slice(2, 9)}`;
+    const inputId = vue.computed(() => props.id ?? autoId);
     const slots = vue.useSlots();
     const hasLabelSlot = vue.computed(() => !!slots.default);
-    const inputId = vue.computed(() => props.id);
     const internalChecked = vue.computed({
       get: () => {
         if (modelValue.value === void 0) {
@@ -489,7 +490,7 @@ const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
       }
     });
     function setIndeterminate() {
-      const checkbox = document.getElementById(props.id || "");
+      const checkbox = document.getElementById(inputId.value);
       if (checkbox) {
         checkbox.indeterminate = props.indeterminate;
       }
@@ -505,9 +506,9 @@ const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
       return vue.openBlock(), vue.createElementBlock("div", {
         class: vue.normalizeClass(wrapperClasses.value)
       }, [
-        vue.createElementVNode("div", vue.mergeProps({
-          tabindex: "0",
-          class: [innerWrapperClasses.value, stateClasses.value]
+        vue.createElementVNode("label", vue.mergeProps({
+          for: inputId.value,
+          class: [innerWrapperClasses.value, { "cursor-not-allowed": _ctx.disabled }]
         }, _ctx.$attrs), [
           vue.withDirectives(vue.createElementVNode("input", {
             id: inputId.value,
@@ -517,21 +518,19 @@ const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
             disabled: _ctx.disabled,
             required: _ctx.required,
             type: "checkbox",
-            class: vue.normalizeClass([checkboxClasses.value]),
-            tabindex: "-1"
-          }, null, 10, _hoisted_1$p), [
+            class: vue.normalizeClass([checkboxClasses.value])
+          }, null, 10, _hoisted_2$f), [
             [vue.vModelCheckbox, internalChecked.value]
           ]),
-          hasLabelSlot.value || _ctx.label ? (vue.openBlock(), vue.createElementBlock("label", {
+          hasLabelSlot.value || _ctx.label ? (vue.openBlock(), vue.createElementBlock("span", {
             key: 0,
-            for: inputId.value || void 0,
             class: vue.normalizeClass(["relative inline-block leading-6 pl-2 select-none", { "cursor-not-allowed": _ctx.disabled }])
           }, [
             hasLabelSlot.value ? vue.renderSlot(_ctx.$slots, "default", { key: 0 }) : _ctx.label ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
               vue.createTextVNode(vue.toDisplayString(_ctx.label), 1)
             ], 64)) : vue.createCommentVNode("", true)
-          ], 10, _hoisted_2$f)) : vue.createCommentVNode("", true)
-        ], 16)
+          ], 2)) : vue.createCommentVNode("", true)
+        ], 16, _hoisted_1$p)
       ], 2);
     };
   }
@@ -1131,8 +1130,8 @@ const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$m = ["id", "name", "value", "disabled", "required"];
-const _hoisted_2$e = ["for"];
+const _hoisted_1$m = ["for"];
+const _hoisted_2$e = ["id", "name", "value", "disabled", "required"];
 const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
   __name: "FdsRadio",
   props: /* @__PURE__ */ vue.mergeModels({
@@ -1150,7 +1149,7 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
     "modelValue": { default: void 0, required: false },
     "modelModifiers": {}
   }),
-  emits: /* @__PURE__ */ vue.mergeModels(["change", "update:checked", "blur", "focus", "keydown"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ vue.mergeModels(["change", "update:checked"], ["update:modelValue"]),
   setup(__props, { emit: __emit }) {
     const modelValue = vue.useModel(__props, "modelValue");
     const props = __props;
@@ -1160,10 +1159,10 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
     const slots = vue.useSlots();
     const hasLabelSlot = vue.computed(() => !!slots.default);
     const wrapperClasses = vue.computed(() => ["block relative flex items-center mb-2 last:mb-0"]);
-    const innerWrapperClasses = vue.computed(() => ["flex p-0.5 items-start rounded-l-xl rounded-r-md"]);
-    const stateClasses = vue.computed(() => [
+    const innerWrapperClasses = vue.computed(() => [
+      "flex p-0.5 items-start rounded-l-xl rounded-r-md",
       "hover:bg-blue_t-100 active:bg-blue_t-200",
-      "focus-visible:outline-2 focus-visible:outline-dashed focus-visible:-outline-offset-2 focus-visible:outline-blue-500",
+      "[&:has(:focus-visible)]:outline-2 [&:has(:focus-visible)]:outline-dashed [&:has(:focus-visible)]:-outline-offset-2 [&:has(:focus-visible)]:outline-blue-500",
       props.disabled && "hover:bg-transparent active:bg-transparent"
     ]);
     const inputClasses = vue.computed(() => [
@@ -1185,16 +1184,13 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
         }
       }
     });
-    const handleBlur = (event) => emit("blur", event);
-    const handleFocus = (event) => emit("focus", event);
-    const handleKeydown = (event) => emit("keydown", event);
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", {
         class: vue.normalizeClass(wrapperClasses.value)
       }, [
-        vue.createElementVNode("div", vue.mergeProps({
-          tabindex: "0",
-          class: [innerWrapperClasses.value, stateClasses.value]
+        vue.createElementVNode("label", vue.mergeProps({
+          for: inputId.value,
+          class: [innerWrapperClasses.value, { "cursor-not-allowed": _ctx.disabled }]
         }, _ctx.$attrs), [
           vue.withDirectives(vue.createElementVNode("input", {
             id: inputId.value,
@@ -1204,38 +1200,32 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
             disabled: _ctx.disabled,
             required: _ctx.required,
             type: "radio",
-            class: vue.normalizeClass([inputClasses.value, "m-[3px]"]),
-            onBlur: handleBlur,
-            onFocus: handleFocus,
-            onKeydown: handleKeydown,
-            tabindex: "-1"
-          }, null, 42, _hoisted_1$m), [
+            class: vue.normalizeClass([inputClasses.value, "m-[3px]"])
+          }, null, 10, _hoisted_2$e), [
             [vue.vModelRadio, groupModel.value]
           ]),
-          hasLabelSlot.value || _ctx.label ? (vue.openBlock(), vue.createElementBlock("label", {
+          hasLabelSlot.value || _ctx.label ? (vue.openBlock(), vue.createElementBlock("span", {
             key: 0,
-            for: inputId.value || void 0,
-            tabindex: "0",
             class: vue.normalizeClass(["relative inline-block leading-6 pl-2 select-none", { "cursor-not-allowed": _ctx.disabled }])
           }, [
             hasLabelSlot.value ? vue.renderSlot(_ctx.$slots, "default", { key: 0 }) : _ctx.label ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
               vue.createTextVNode(vue.toDisplayString(_ctx.label), 1)
             ], 64)) : vue.createCommentVNode("", true)
-          ], 10, _hoisted_2$e)) : vue.createCommentVNode("", true)
-        ], 16)
+          ], 2)) : vue.createCommentVNode("", true)
+        ], 16, _hoisted_1$m)
       ], 2);
     };
   }
 });
 const _hoisted_1$l = { class: "flex items-center" };
 const _hoisted_2$d = ["innerHTML"];
-const _hoisted_3$a = { key: 1 };
-const _hoisted_4$9 = { key: 0 };
-const _hoisted_5$6 = {
+const _hoisted_3$9 = { key: 1 };
+const _hoisted_4$8 = { key: 0 };
+const _hoisted_5$5 = {
   key: 2,
   class: "items-center max-h-[28px]"
 };
-const _hoisted_6$4 = { class: "flex flex-col gap-2" };
+const _hoisted_6$3 = { class: "flex flex-col gap-2" };
 const _hoisted_7$3 = ["onClick"];
 const _hoisted_8$2 = { key: 0 };
 const popoverWidth = 327;
@@ -1456,13 +1446,13 @@ const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
                   shouldHighlightSearch.value && _ctx.title ? (vue.openBlock(), vue.createElementBlock("span", {
                     key: 0,
                     innerHTML: vue.unref(treeState)?.highlightText(_ctx.title, vue.unref(treeState)?.searchTerm?.value)
-                  }, null, 8, _hoisted_2$d)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$a, vue.toDisplayString(_ctx.title), 1))
+                  }, null, 8, _hoisted_2$d)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$9, vue.toDisplayString(_ctx.title), 1))
                 ]),
-                childCount.value !== null ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$9, " (+" + vue.toDisplayString(childCount.value) + ")", 1)) : vue.createCommentVNode("", true)
+                childCount.value !== null ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$8, " (+" + vue.toDisplayString(childCount.value) + ")", 1)) : vue.createCommentVNode("", true)
               ]),
               _: 1
             }, 8, ["id", "checked", "indeterminate"]),
-            vue.unref(treeState)?.isParentOrChildrenSelected(props.nodeId) && !(vue.unref(treeState)?.isNodeIndeterminateById(props.nodeId) ?? false) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$6, [
+            vue.unref(treeState)?.isParentOrChildrenSelected(props.nodeId) && !(vue.unref(treeState)?.isNodeIndeterminateById(props.nodeId) ?? false) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$5, [
               vue.createVNode(_sfc_main$t, {
                 ref_key: "triggerRef",
                 ref: triggerRef,
@@ -1502,7 +1492,7 @@ const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
                       }, ["stop"])),
                       onFocusout: onPanelFocusOut
                     }, [
-                      vue.createElementVNode("div", _hoisted_6$4, [
+                      vue.createElementVNode("div", _hoisted_6$3, [
                         (vue.openBlock(), vue.createElementBlock(vue.Fragment, null, vue.renderList(options, (option) => {
                           return vue.createElementVNode("div", {
                             key: option.value,
@@ -1761,8 +1751,8 @@ const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
 });
 const _hoisted_1$i = ["for"];
 const _hoisted_2$c = { class: "relative" };
-const _hoisted_3$9 = ["id", "name", "type", "disabled", "required", "size", "maxlength", "aria-invalid"];
-const _hoisted_4$8 = {
+const _hoisted_3$8 = ["id", "name", "type", "disabled", "required", "size", "maxlength", "aria-invalid"];
+const _hoisted_4$7 = {
   key: 0,
   class: "text-red-600 font-bold mt-1"
 };
@@ -1868,7 +1858,7 @@ const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
                 class: inputClasses.value
               }, _ctx.$attrs, {
                 onInput: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("input", $event))
-              }), null, 16, _hoisted_3$9), [
+              }), null, 16, _hoisted_3$8), [
                 [vue.vModelDynamic, internalValue.value]
               ]),
               vue.createElementVNode("div", {
@@ -1899,7 +1889,7 @@ const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
             ])
           ])
         ], 2),
-        showInvalidMessage.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$8, vue.toDisplayString(_ctx.invalidMessage), 1)) : vue.createCommentVNode("", true)
+        showInvalidMessage.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$7, vue.toDisplayString(_ctx.invalidMessage), 1)) : vue.createCommentVNode("", true)
       ], 64);
     };
   }
@@ -1914,9 +1904,9 @@ const _export_sfc = (sfc, props) => {
 const FdsInput = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__scopeId", "data-v-4e9b56d8"]]);
 const _hoisted_1$h = ["id"];
 const _hoisted_2$b = { class: "flex items-start justify-between gap-4" };
-const _hoisted_3$8 = { class: "flex items-center gap-3" };
-const _hoisted_4$7 = { class: "mt-0 mb-4 text-lg font-bold tracking-wide" };
-const _hoisted_5$5 = { class: "flex items-start gap-3" };
+const _hoisted_3$7 = { class: "flex items-center gap-3" };
+const _hoisted_4$6 = { class: "mt-0 mb-4 text-lg font-bold tracking-wide" };
+const _hoisted_5$4 = { class: "flex items-start gap-3" };
 const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
   __name: "FdsBlockContent",
   props: {
@@ -1951,10 +1941,10 @@ const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
         style: vue.normalizeStyle(borderLeftStyle.value)
       }, [
         vue.createElementVNode("header", _hoisted_2$b, [
-          vue.createElementVNode("div", _hoisted_3$8, [
-            vue.createElementVNode("h3", _hoisted_4$7, vue.toDisplayString(_ctx.heading), 1)
+          vue.createElementVNode("div", _hoisted_3$7, [
+            vue.createElementVNode("h3", _hoisted_4$6, vue.toDisplayString(_ctx.heading), 1)
           ]),
-          vue.createElementVNode("div", _hoisted_5$5, [
+          vue.createElementVNode("div", _hoisted_5$4, [
             vue.renderSlot(_ctx.$slots, "headerInfo")
           ])
         ]),
@@ -1994,7 +1984,7 @@ const _hoisted_2$a = {
   key: 0,
   class: "text-xl"
 };
-const _hoisted_3$7 = {
+const _hoisted_3$6 = {
   key: 1,
   class: "text-xl"
 };
@@ -2093,7 +2083,7 @@ const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
             _: 1
           }, 8, ["value", "label"]),
           props.searchCountTemplate || props.searchCountTemplateUnfiltered ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$g, [
-            props.searchCountTemplate && vue.unref(treeState)?.searchTerm?.value && String(vue.unref(treeState)?.searchTerm?.value || "").trim().length >= (vue.unref(treeState)?.triggerLength ?? 1) ? (vue.openBlock(), vue.createElementBlock("h2", _hoisted_2$a, vue.toDisplayString(props.searchCountTemplate.replace("[[filteredNodes]]", vue.unref(treeState)?.filteredMatchCount.value.toString()).replace("[[totalNodes]]", totalNodeCount.value.toString())), 1)) : (vue.openBlock(), vue.createElementBlock("h2", _hoisted_3$7, vue.toDisplayString(props.searchCountTemplateUnfiltered?.replace("[[totalNodes]]", totalNodeCount.value.toString()).replace("[[totalNodes]]", totalNodeCount.value.toString())), 1))
+            props.searchCountTemplate && vue.unref(treeState)?.searchTerm?.value && String(vue.unref(treeState)?.searchTerm?.value || "").trim().length >= (vue.unref(treeState)?.triggerLength ?? 1) ? (vue.openBlock(), vue.createElementBlock("h2", _hoisted_2$a, vue.toDisplayString(props.searchCountTemplate.replace("[[filteredNodes]]", vue.unref(treeState)?.filteredMatchCount.value.toString()).replace("[[totalNodes]]", totalNodeCount.value.toString())), 1)) : (vue.openBlock(), vue.createElementBlock("h2", _hoisted_3$6, vue.toDisplayString(props.searchCountTemplateUnfiltered?.replace("[[totalNodes]]", totalNodeCount.value.toString()).replace("[[totalNodes]]", totalNodeCount.value.toString())), 1))
           ])) : vue.createCommentVNode("", true)
         ], 512)) : vue.createCommentVNode("", true),
         vue.unref(treeState)?.isEmptySearchResult?.value ? (vue.openBlock(), vue.createBlock(_sfc_main$n, {
@@ -2567,13 +2557,13 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
 });
 const _hoisted_1$b = { class: "w-full" };
 const _hoisted_2$8 = ["for"];
-const _hoisted_3$6 = {
+const _hoisted_3$5 = {
   key: 1,
   class: "font-thin mb-1"
 };
-const _hoisted_4$6 = { class: "relative" };
-const _hoisted_5$4 = ["id", "name", "disabled", "rows", "aria-invalid"];
-const _hoisted_6$3 = {
+const _hoisted_4$5 = { class: "relative" };
+const _hoisted_5$3 = ["id", "name", "disabled", "rows", "aria-invalid"];
+const _hoisted_6$2 = {
   key: 2,
   class: "text-red-600 font-bold mt-1"
 };
@@ -2636,8 +2626,8 @@ const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
             for: textareaId.value,
             class: vue.normalizeClass(["block font-bold text-gray-900 cursor-pointer", { "mb-0": _ctx.meta, "mb-1": !_ctx.meta }])
           }, vue.toDisplayString(_ctx.label), 11, _hoisted_2$8)) : vue.createCommentVNode("", true),
-          _ctx.meta ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$6, vue.toDisplayString(_ctx.meta), 1)) : vue.createCommentVNode("", true),
-          vue.createElementVNode("div", _hoisted_4$6, [
+          _ctx.meta ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$5, vue.toDisplayString(_ctx.meta), 1)) : vue.createCommentVNode("", true),
+          vue.createElementVNode("div", _hoisted_4$5, [
             vue.withDirectives(vue.createElementVNode("textarea", vue.mergeProps({
               id: textareaId.value,
               name: _ctx.name || void 0,
@@ -2648,7 +2638,7 @@ const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
               class: inputClasses.value
             }, _ctx.$attrs, {
               onInput: _cache[1] || (_cache[1] = (e) => emit("input", e))
-            }), null, 16, _hoisted_5$4), [
+            }), null, 16, _hoisted_5$3), [
               [vue.vModelText, internalValue.value]
             ]),
             vue.createElementVNode("div", {
@@ -2665,7 +2655,7 @@ const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
               })) : vue.createCommentVNode("", true)
             ], 2)
           ]),
-          showInvalidMessage.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$3, vue.toDisplayString(_ctx.invalidMessage), 1)) : vue.createCommentVNode("", true)
+          showInvalidMessage.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$2, vue.toDisplayString(_ctx.invalidMessage), 1)) : vue.createCommentVNode("", true)
         ]),
         isValid.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7$2, "OK")) : vue.createCommentVNode("", true)
       ], 64);
@@ -2674,13 +2664,13 @@ const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
 });
 const _hoisted_1$a = { class: "w-full" };
 const _hoisted_2$7 = ["for"];
-const _hoisted_3$5 = {
+const _hoisted_3$4 = {
   key: 1,
   class: "font-thin mb-1"
 };
-const _hoisted_4$5 = { class: "relative" };
-const _hoisted_5$3 = ["id", "name", "disabled", "aria-invalid"];
-const _hoisted_6$2 = {
+const _hoisted_4$4 = { class: "relative" };
+const _hoisted_5$2 = ["id", "name", "disabled", "aria-invalid"];
+const _hoisted_6$1 = {
   key: 0,
   value: "",
   disabled: ""
@@ -2747,8 +2737,8 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
           for: selectId.value,
           class: vue.normalizeClass(["block font-bold text-gray-900 cursor-pointer", { "mb-0": _ctx.meta, "mb-1": !_ctx.meta }])
         }, vue.toDisplayString(_ctx.label), 11, _hoisted_2$7)) : vue.createCommentVNode("", true),
-        _ctx.meta ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$5, vue.toDisplayString(_ctx.meta), 1)) : vue.createCommentVNode("", true),
-        vue.createElementVNode("div", _hoisted_4$5, [
+        _ctx.meta ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$4, vue.toDisplayString(_ctx.meta), 1)) : vue.createCommentVNode("", true),
+        vue.createElementVNode("div", _hoisted_4$4, [
           vue.withDirectives(vue.createElementVNode("select", vue.mergeProps({
             id: selectId.value,
             name: _ctx.name || void 0,
@@ -2760,7 +2750,7 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
             onChange: handleChange,
             onInput: _cache[1] || (_cache[1] = (e) => emit("input", e))
           }), [
-            _ctx.placeholder ? (vue.openBlock(), vue.createElementBlock("option", _hoisted_6$2, vue.toDisplayString(_ctx.placeholder), 1)) : vue.createCommentVNode("", true),
+            _ctx.placeholder ? (vue.openBlock(), vue.createElementBlock("option", _hoisted_6$1, vue.toDisplayString(_ctx.placeholder), 1)) : vue.createCommentVNode("", true),
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.options, (option) => {
               return vue.openBlock(), vue.createElementBlock("option", {
                 key: option.value,
@@ -2768,7 +2758,7 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
                 disabled: option.disabled
               }, vue.toDisplayString(option.label), 9, _hoisted_7$1);
             }), 128))
-          ], 16, _hoisted_5$3), [
+          ], 16, _hoisted_5$2), [
             [vue.vModelSelect, internalValue.value]
           ]),
           vue.createElementVNode("div", _hoisted_8$1, [
@@ -2860,10 +2850,10 @@ const _hoisted_2$6 = {
   key: 0,
   class: "flex items-start gap-4"
 };
-const _hoisted_3$4 = { class: "flex-1" };
-const _hoisted_4$4 = { class: "mb-1" };
-const _hoisted_5$2 = { class: "flex items-start justify-between gap-4" };
-const _hoisted_6$1 = { class: "m-0 text-base font-main font-bold tracking-wide" };
+const _hoisted_3$3 = { class: "flex-1" };
+const _hoisted_4$3 = { class: "mb-1" };
+const _hoisted_5$1 = { class: "flex items-start justify-between gap-4" };
+const _hoisted_6 = { class: "m-0 text-base font-main font-bold tracking-wide" };
 const _hoisted_7 = { class: "flex items-start gap-3" };
 const _hoisted_8 = { key: 1 };
 const _hoisted_9 = { class: "mb-4" };
@@ -2901,10 +2891,10 @@ const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
             size: largeIconSize,
             class: "fill-blue-500"
           }, null, 8, ["name"]),
-          vue.createElementVNode("div", _hoisted_3$4, [
-            vue.createElementVNode("div", _hoisted_4$4, [
-              vue.createElementVNode("header", _hoisted_5$2, [
-                vue.createElementVNode("h3", _hoisted_6$1, vue.toDisplayString(_ctx.heading), 1),
+          vue.createElementVNode("div", _hoisted_3$3, [
+            vue.createElementVNode("div", _hoisted_4$3, [
+              vue.createElementVNode("header", _hoisted_5$1, [
+                vue.createElementVNode("h3", _hoisted_6, vue.toDisplayString(_ctx.heading), 1),
                 vue.createElementVNode("div", _hoisted_7, [
                   vue.renderSlot(_ctx.$slots, "headerInfo")
                 ])
@@ -2937,8 +2927,8 @@ const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
 });
 const _hoisted_1$8 = ["id"];
 const _hoisted_2$5 = { class: "flex items-center gap-2" };
-const _hoisted_3$3 = { class: "relative" };
-const _hoisted_4$3 = {
+const _hoisted_3$2 = { class: "relative" };
+const _hoisted_4$2 = {
   key: 1,
   class: "alert-content"
 };
@@ -3001,7 +2991,7 @@ const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
                 }),
                 vue.createElementVNode("span", null, vue.toDisplayString(_ctx.label), 1)
               ]),
-              vue.createElementVNode("div", _hoisted_3$3, [
+              vue.createElementVNode("div", _hoisted_3$2, [
                 _ctx.closeable ? (vue.openBlock(), vue.createBlock(_sfc_main$t, {
                   key: 0,
                   icon: "cross",
@@ -3024,7 +3014,7 @@ const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
                 }, null, 8, ["ariaLabel", "class"])) : vue.createCommentVNode("", true)
               ])
             ], 2)) : vue.createCommentVNode("", true),
-            isExpanded.value || !_ctx.collapsable ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$3, [
+            isExpanded.value || !_ctx.collapsable ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$2, [
               vue.renderSlot(_ctx.$slots, "default")
             ])) : vue.createCommentVNode("", true)
           ])
@@ -3038,8 +3028,8 @@ const _hoisted_2$4 = {
   key: 0,
   class: "flex items-center mr-4"
 };
-const _hoisted_3$2 = { class: "inline-flex items-center" };
-const _hoisted_4$2 = ["aria-hidden"];
+const _hoisted_3$1 = { class: "inline-flex items-center" };
+const _hoisted_4$1 = ["aria-hidden"];
 const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
   __name: "FdsBlockExpander",
   props: {
@@ -3090,7 +3080,7 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
                 class: vue.normalizeClass(["fill-blue-500", { "fill-gray-500": _ctx.disabled }])
               }, null, 8, ["name", "class"])
             ])) : vue.createCommentVNode("", true),
-            vue.createElementVNode("span", _hoisted_3$2, [
+            vue.createElementVNode("span", _hoisted_3$1, [
               vue.createElementVNode("span", {
                 class: vue.normalizeClass(["font-bold font-heading text-lg", { "text-gray-500": _ctx.disabled }])
               }, vue.toDisplayString(_ctx.label), 3)
@@ -3107,7 +3097,7 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
           class: "fds-expander__content block px-4 pb-6 rounded-b-2xl bg-white"
         }, [
           vue.renderSlot(_ctx.$slots, "default")
-        ], 8, _hoisted_4$2), [
+        ], 8, _hoisted_4$1), [
           [vue.vShow, isOpen.value]
         ])
       ], 2);
@@ -3617,9 +3607,9 @@ const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
 const FdsModal = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-8b537fc0"]]);
 const _hoisted_1$3 = ["id"];
 const _hoisted_2$1 = { class: "flex items-center justify-start gap-1 w-[100px]" };
-const _hoisted_3$1 = { class: "flex items-center justify-center w-auto gap-2 order-0 sm:order-0" };
-const _hoisted_4$1 = { class: "whitespace-nowrap" };
-const _hoisted_5$1 = { class: "flex items-center justify-end gap-1 order-2 sm:order-0 w-[100px]" };
+const _hoisted_3 = { class: "flex items-center justify-center w-auto gap-2 order-0 sm:order-0" };
+const _hoisted_4 = { class: "whitespace-nowrap" };
+const _hoisted_5 = { class: "flex items-center justify-end gap-1 order-2 sm:order-0 w-[100px]" };
 const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
   __name: "FdsPagination",
   props: {
@@ -3730,7 +3720,7 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
             onClick: _cache[1] || (_cache[1] = ($event) => handlePagination("prev"))
           }, null, 8, ["disabled", "ariaDisabled", "class"]))
         ]),
-        vue.createElementVNode("div", _hoisted_3$1, [
+        vue.createElementVNode("div", _hoisted_3, [
           _ctx.loading && loadingIndicator.value === "input" ? (vue.openBlock(), vue.createBlock(_sfc_main$q, {
             key: 0,
             size: "24px",
@@ -3746,10 +3736,10 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
               onInput: vue.unref(handlePageChange),
               class: "mb-0! text-center"
             }, null, 8, ["value", "size", "maxlength", "onInput"]),
-            vue.createElementVNode("div", _hoisted_4$1, "/ " + vue.toDisplayString(_ctx.max), 1)
+            vue.createElementVNode("div", _hoisted_4, "/ " + vue.toDisplayString(_ctx.max), 1)
           ], 64))
         ]),
-        vue.createElementVNode("div", _hoisted_5$1, [
+        vue.createElementVNode("div", _hoisted_5, [
           _ctx.loading && loadingIndicator.value === "next" ? (vue.openBlock(), vue.createBlock(_sfc_main$q, {
             key: 0,
             size: "24px",
@@ -3918,13 +3908,6 @@ const FdsSeparator = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_r
 const _hoisted_1 = { class: "inline-block mb-3 h-7 font-bold text-xl" };
 const _hoisted_2 = {
   key: 1,
-  class: "heading"
-};
-const _hoisted_3 = { key: 0 };
-const _hoisted_4 = { key: 1 };
-const _hoisted_5 = { key: 2 };
-const _hoisted_6 = {
-  key: 2,
   class: "heading font-heading text-xl m-0"
 };
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
@@ -3939,10 +3922,18 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   },
   setup(__props) {
     const props = __props;
-    const isEmpty = vue.computed(() => !props.total || !props.unfiltered);
     const separatorText = () => props.language === "sv" ? "av" : "of";
     const headingText = vue.computed(() => {
-      if (!props.total) return "";
+      if (!props.total) {
+        let result = "0";
+        if (props.unfiltered) {
+          result += ` ${separatorText()} ${props.unfiltered}`;
+        }
+        if (props.text) {
+          result += ` ${props.text}`;
+        }
+        return result;
+      }
       if (!props.text) return String(props.total);
       if (props.unfiltered && props.total !== props.unfiltered) {
         return `${props.total} ${separatorText()} ${props.unfiltered} ${props.text}`;
@@ -3963,10 +3954,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
           color: "blue",
           label: handleLoadingText(),
           "label-position": "right"
-        }, null, 8, ["label"])) : isEmpty.value ? (vue.openBlock(), vue.createElementBlock("h3", _hoisted_2, [
-          _ctx.total ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3, vue.toDisplayString(_ctx.total), 1)) : vue.createCommentVNode("", true),
-          _ctx.text && _ctx.total ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4, vue.toDisplayString(_ctx.text), 1)) : _ctx.text ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_5, vue.toDisplayString(_ctx.text), 1)) : vue.createCommentVNode("", true)
-        ])) : (vue.openBlock(), vue.createElementBlock("h3", _hoisted_6, vue.toDisplayString(headingText.value), 1))
+        }, null, 8, ["label"])) : (vue.openBlock(), vue.createElementBlock("h3", _hoisted_2, vue.toDisplayString(headingText.value), 1))
       ]);
     };
   }