@ulu/frontend-vue 0.1.0-beta.31 → 0.1.0-beta.33

package/dist/{breakpoints-BJNvnXsD.js → breakpoints-BIA00Qir.js}

@@ -1,4 +1,4 @@
-import { l as o, r as h, a as p, g as v } from "./index-BjwifaTk.js";
+import { l as o, r as h, a as p, g as v } from "./index-DYjzFpxo.js";
 const k = {
   iconClassClose: "css-icon css-icon--close",
   iconClassDragX: "css-icon css-icon--drag-x",

package/dist/frontend-vue.js

@@ -1,4 +1,4 @@
-import { _ as l, N as e, s as u, a1 as o, t, u as U, Q as i, v as r, w as n, x as c, y as S, U as d, W as F, O as p, z as b, h as m, X as g, Y as k, A as T, a5 as P, a6 as h, a7 as w, a8 as y, ad as A, a9 as L, aa as v, ab as M, ac as x, H as B, I as R, J as D, K as f, L as C, B as I, am as N, C as E, D as j, R as q, S as G, j as V, T as z, k as H, Z as O, $ as W, a2 as J, a3 as K, a0 as Q, ae as X, af as Y, ag as Z, ah as _, M as $, G as aa, ai as sa, aj as la, ak as ea, al as ua, V as oa, an as ta, ao as Ua, E as ia, m as ra, n as na, o as ca, p as Sa, q as da, ap as Fa, aq as pa, ar as ba, F as ma, P as ga, f as ka, b as Ta, d as Pa, c as ha, e as wa, aw as ya, ay as Aa, a4 as La, as as va, at as Ma, ax as xa, av as Ba, au as Ra, i as Da } from "./index-BjwifaTk.js";
+import { _ as l, N as e, s as u, a1 as o, t, u as U, Q as i, v as r, w as n, x as c, y as S, U as d, W as F, O as p, z as b, h as m, X as g, Y as k, A as T, a5 as P, a6 as h, a7 as w, a8 as y, ad as A, a9 as L, aa as v, ab as M, ac as x, H as B, I as R, J as D, K as f, L as C, B as I, am as N, C as E, D as j, R as q, S as G, j as V, T as z, k as H, Z as O, $ as W, a2 as J, a3 as K, a0 as Q, ae as X, af as Y, ag as Z, ah as _, M as $, G as aa, ai as sa, aj as la, ak as ea, al as ua, V as oa, an as ta, ao as Ua, E as ia, m as ra, n as na, o as ca, p as Sa, q as da, ap as Fa, aq as pa, ar as ba, F as ma, P as ga, f as ka, b as Ta, d as Pa, c as ha, e as wa, aw as ya, ay as Aa, a4 as La, as as va, at as Ma, ax as xa, av as Ba, au as Ra, i as Da } from "./index-DYjzFpxo.js";
 export {
   l as UluAccordion,
   e as UluAdaptiveLayout,

package/dist/{index-BjwifaTk.js → index-DYjzFpxo.js}

@@ -1529,7 +1529,7 @@ function fo(e) {
     await new Promise((f) => {
       document.readyState === "loading" ? document.addEventListener("DOMContentLoaded", () => f()) : f();
     });
-    const r = await import("./breakpoints-BJNvnXsD.js"), { BreakpointManager: l } = r, c = de(new l(s.plugin));
+    const r = await import("./breakpoints-BIA00Qir.js"), { BreakpointManager: l } = r, c = de(new l(s.plugin));
     t.value = de(c);
     const u = () => {
       n.value = c.active, i.value = c.resizeDirection;
@@ -3358,6 +3358,7 @@ const kf = /* @__PURE__ */ C(vi, [["render", wi]]), Si = { class: "spoke-spinner
         }, [
           h("div", $i, [
             h("input", {
+              class: "menu-stack__selectable-input",
               type: e.type,
               id: l(b),
               name: i.value,
@@ -3366,6 +3367,7 @@ const kf = /* @__PURE__ */ C(vi, [["render", wi]]), Si = { class: "spoke-spinner
               onChange: (R) => u(b, R)
             }, null, 40, Ai),
             h("label", {
+              class: "menu-stack__selectable-label",
               for: l(b)
             }, [
               g(f.$slots, "default", { option: b }, () => [
@@ -4187,19 +4189,19 @@ function Pr(e, s, t, n, i, o) {
 const Wf = /* @__PURE__ */ C(jr, [["render", Pr]]);
 function Fr(e, s) {
   return !s || !Array.isArray(s) ? [] : s.map((t) => {
-    const n = /* @__PURE__ */ new Set(), i = t.getValue || ((r) => r[t.uid]);
-    e.forEach((r) => {
-      const l = i(r);
-      Array.isArray(l) ? l.forEach((c) => c && n.add(c)) : l && n.add(l);
+    const n = /* @__PURE__ */ new Set(), i = t.getValue || ((l) => l[t.uid]);
+    e.forEach((l) => {
+      const c = i(l);
+      Array.isArray(c) ? c.forEach((u) => u && n.add(u)) : c && n.add(c);
     });
-    const o = t.getLabel || ((r) => r);
-    return {
+    const o = t.getLabel || ((l) => l), r = [...n].map((l) => ({
+      uid: l,
+      label: o(l),
+      selected: !1
+    }));
+    return r.sort((l, c) => String(l.label).localeCompare(String(c.label))), {
       ...t,
-      children: [...n].sort().map((r) => ({
-        uid: r,
-        label: o(r),
-        selected: !1
-      }))
+      children: r
     };
   });
 }

package/lib/components/forms/UluSelectableMenu.vue

@@ -5,6 +5,7 @@
       <li class="menu-stack__item" v-for="option in options" :key="option.uid">
         <div class="menu-stack__selectable">
           <input
+            class="menu-stack__selectable-input"
             :type="type"
             :id="getId(option)"
             :name="name"
@@ -12,7 +13,7 @@
             :checked="isChecked(option)"
             @change="handleChange(option, $event)"
           >
-          <label :for="getId(option)">
+          <label class="menu-stack__selectable-label" :for="getId(option)">
             <slot :option="option">
               {{ option?.label || option?.title || option?.text }}
             </slot>

package/lib/components/systems/facets/useFacets.js

@@ -24,13 +24,18 @@ function generateInitialFacets(allItems, facetFields) {
 
     const getLabel = group.getLabel || (value => value);
 
+    const children = [...allValues].map(value => ({
+      uid: value,
+      label: getLabel(value),
+      selected: false
+    }));
+
+    // Sort by label, alphabetically
+    children.sort((a, b) => String(a.label).localeCompare(String(b.label)));
+
     return {
       ...group,
-      children: [...allValues].sort().map(value => ({
-        uid: value,
-        label: getLabel(value),
-        selected: false
-      }))
+      children
     };
   });
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ulu/frontend-vue",
-  "version": "0.1.0-beta.31",
+  "version": "0.1.0-beta.33",
   "description": "A modular and tree-shakeable Vue 3 component library for the Ulu frontend",
   "type": "module",
   "files": [

package/types/components/systems/facets/useFacets.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useFacets.d.ts","sourceRoot":"","sources":["../../../../lib/components/systems/facets/useFacets.js"],"names":[],"mappings":"AAsCA;;;;;;;;;;;;;GAaG;AACH,oCAZW,OAAO,KAAK,EAAE,GAAG,CAAC,KAAK,KAAQ,CAAC,YAExC;IAAwB,aAAa;IACb,WAAW;IACV,kBAAkB;IAClB,eAAe;IACd,cAAc;IACf,cAAc;IACd,aAAa;IACX,YAAY;IACZ,YAAY;CACzC;;;;;;;;;;;;;EAiLA"}
+{"version":3,"file":"useFacets.d.ts","sourceRoot":"","sources":["../../../../lib/components/systems/facets/useFacets.js"],"names":[],"mappings":"AA2CA;;;;;;;;;;;;;GAaG;AACH,oCAZW,OAAO,KAAK,EAAE,GAAG,CAAC,KAAK,KAAQ,CAAC,YAExC;IAAwB,aAAa;IACb,WAAW;IACV,kBAAkB;IAClB,eAAe;IACd,cAAc;IACf,cAAc;IACd,aAAa;IACX,YAAY;IACZ,YAAY;CACzC;;;;;;;;;;;;;EAiLA"}