fds-vue-core 5.0.2 → 5.1.0

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

@@ -10549,14 +10549,61 @@ const useSearchSelectProItems = ({
     }
     return "";
   };
+  const reorderExplicitDividerGroups = (items, locale) => {
+    const dividerLabelField = searchFields.value[0] ?? "label";
+    const unspecifiedGroupKey = "__UNSPECIFIED__";
+    const defaultUnspecifiedLabel = locale === "sv" ? "Ospecificerat" : "Unspecified";
+    const unspecifiedLabel = String(props.unspecifiedLabel ?? "").trim() || defaultUnspecifiedLabel;
+    const groups = [];
+    let current = {
+      divider: null,
+      children: [],
+      label: "",
+      unspecified: false
+    };
+    const flush = () => {
+      if (current.divider || current.children.length) groups.push(current);
+    };
+    items.forEach((item) => {
+      if (isDividerItem(item)) {
+        flush();
+        const raw = String(item[dividerLabelField] ?? item.label ?? item.name ?? "").trim();
+        const isUnspecified = !raw || raw === unspecifiedGroupKey;
+        current = {
+          divider: item,
+          children: [],
+          label: isUnspecified ? unspecifiedLabel : raw,
+          unspecified: isUnspecified
+        };
+      } else {
+        current.children.push(item);
+      }
+    });
+    flush();
+    const [prefix, ...rest] = groups;
+    rest.sort((a, b) => {
+      if (a.unspecified && !b.unspecified) return 1;
+      if (b.unspecified && !a.unspecified) return -1;
+      return a.label.localeCompare(b.label, locale);
+    });
+    const ordered = prefix ? [prefix, ...rest] : rest;
+    return ordered.flatMap((g) => g.divider ? [g.divider, ...g.children] : [...g.children]);
+  };
   const sourceItems = vue.computed(() => {
     const baseItems = props.items ?? [];
     const groupField = props.autoDividerBy;
-    if (!groupField) return baseItems;
+    if (!groupField) {
+      const dividerField2 = props.dividerField ?? "isDivider";
+      const hasExplicitDividers = baseItems.some((item) => item[dividerField2] === true || item.type === "divider");
+      if (!hasExplicitDividers) return baseItems;
+      const locale2 = props.locale === "sv" ? "sv" : "en";
+      return reorderExplicitDividerGroups(baseItems, locale2);
+    }
     const dividerField = props.dividerField ?? "isDivider";
     const levelField = props.levelField ?? "level";
-    const locale = props.locale === "en" ? "en" : "sv";
-    const unspecifiedLabel = locale === "en" ? "Unspecified" : "Ospecificerat";
+    const locale = props.locale === "sv" ? "sv" : "en";
+    const defaultUnspecifiedLabel = locale === "sv" ? "Ospecificerat" : "Unspecified";
+    const unspecifiedLabel = String(props.unspecifiedLabel ?? "").trim() || defaultUnspecifiedLabel;
     const grouped = /* @__PURE__ */ new Map();
     const groupLabels = /* @__PURE__ */ new Map();
     const unspecifiedGroupKey = "__UNSPECIFIED__";
@@ -10796,6 +10843,7 @@ const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
     noResultPrompt: { default: "" },
     maxListHeight: { default: void 0 },
     locale: { default: "sv" },
+    unspecifiedLabel: { default: void 0 },
     dataTestid: { default: void 0 },
     onChange: {},
     onClearInput: {},
@@ -10910,8 +10958,8 @@ const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
       });
     };
     const hasInputValue = vue.computed(() => searchTerm.value.length > 0);
-    const resolvedLoadMoreLabel = vue.computed(() => props.locale === "en" ? "Show more" : "Visa fler");
-    const resolvedLoadingMoreLabel = vue.computed(() => props.locale === "en" ? "Loading more..." : "Hämtar fler...");
+    const resolvedLoadMoreLabel = vue.computed(() => props.locale === "sv" ? "Visa fler" : "Show more");
+    const resolvedLoadingMoreLabel = vue.computed(() => props.locale === "sv" ? "Hämtar fler..." : "Loading more...");
     const displayInputValue = vue.computed(() => {
       if (!inputHasFocus.value && !hasSelection.value && !searchTerm.value.length && props.displayValue) {
         return props.displayValue;
@@ -11154,7 +11202,9 @@ const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
       return selection;
     };
     const toggleMultipleSelection = (item) => {
-      const itemsToToggle = getRecursiveSelectionItems(item).filter((candidate) => props.dividerSelectable || !isDividerItem(candidate));
+      const itemsToToggle = getRecursiveSelectionItems(item).filter(
+        (candidate) => props.dividerSelectable || !isDividerItem(candidate)
+      );
       if (!itemsToToggle.length) return;
       const shouldDeselect = isItemSelected(item);
       if (shouldDeselect) {