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

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

@@ -1,4 +1,4 @@
-import { l as o, r as h, a as p, g as v } from "./index-DYjzFpxo.js";
+import { l as o, r as h, a as p, g as v } from "./index-BfxKyYcS.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-DYjzFpxo.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-BfxKyYcS.js";
 export {
   l as UluAccordion,
   e as UluAdaptiveLayout,

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

@@ -1,4 +1,4 @@
-import { reactive as lt, ref as M, computed as S, resolveDirective as rs, createElementBlock as d, openBlock as a, Fragment as O, withDirectives as Ce, createElementVNode as h, unref as T, normalizeClass as m, renderSlot as g, withKeys as ls, normalizeStyle as F, createCommentVNode as v, nextTick as as, toRef as Ys, toDisplayString as y, createBlock as p, Teleport as at, resolveDynamicComponent as B, mergeProps as Z, inject as ct, watchEffect as ut, defineAsyncComponent as Ks, markRaw as de, toRefs as Gs, toValue as Ee, resolveComponent as z, withModifiers as Zs, createVNode as x, useSlots as Js, renderList as A, TransitionGroup as cs, withCtx as w, createTextVNode as k, vShow as us, watch as ds, isRef as Qs, hasInjectionContext as en, getCurrentInstance as tn, onBeforeUnmount as sn, onDeactivated as nn, onActivated as on, onUnmounted as fs, onMounted as rn, normalizeProps as q, guardReactiveProps as Y, vModelText as ln, createSlots as ue } from "vue";
+import { reactive as lt, ref as M, computed as S, resolveDirective as rs, createElementBlock as d, openBlock as a, Fragment as O, withDirectives as Ce, createElementVNode as h, unref as T, normalizeClass as m, renderSlot as g, withKeys as ls, normalizeStyle as F, createCommentVNode as v, nextTick as as, toRef as Ys, toDisplayString as y, createBlock as p, Teleport as at, resolveDynamicComponent as B, mergeProps as Z, inject as ct, watchEffect as ut, defineAsyncComponent as Ks, markRaw as de, toRefs as Gs, toValue as Ee, resolveComponent as I, withModifiers as Zs, createVNode as x, useSlots as Js, renderList as A, TransitionGroup as cs, withCtx as w, createTextVNode as k, vShow as us, watch as ds, isRef as Qs, hasInjectionContext as en, getCurrentInstance as tn, onBeforeUnmount as sn, onDeactivated as nn, onActivated as on, onUnmounted as fs, onMounted as rn, normalizeProps as q, guardReactiveProps as Y, vModelText as ln, createSlots as ue } from "vue";
 import { inline as hs, offset as ms, flip as gs, shift as ys, arrow as ps, useFloating as _s, autoUpdate as vs } from "@floating-ui/vue";
 import { Disclosure as an, DisclosureButton as cn, DisclosurePanel as un, Tab as dn, TabGroup as fn, TabList as hn, TabPanel as mn, TabPanels as gn } from "@headlessui/vue";
 import { useRoute as bs, useRouter as yn, RouterLink as Pe } from "vue-router";
@@ -193,7 +193,7 @@ function wn(e) {
 function Sn() {
   dt.value = !1, ft.value = null;
 }
-const ze = /* @__PURE__ */ new WeakMap(), kn = {
+const Ie = /* @__PURE__ */ new WeakMap(), kn = {
   mounted(e, s) {
     $t(e, s);
   },
@@ -222,17 +222,17 @@ function $t(e, s) {
     e.addEventListener(r, i);
   }), t.hideEvents.forEach((r) => {
     e.addEventListener(r, o);
-  }), ze.set(e, { onShow: i, onHide: o, config: t });
+  }), Ie.set(e, { onShow: i, onHide: o, config: t });
 }
 function At(e) {
-  if (!ze.has(e))
+  if (!Ie.has(e))
     return;
-  const { config: s, onShow: t, onHide: n } = ze.get(e);
+  const { config: s, onShow: t, onHide: n } = Ie.get(e);
   s.showEvents.forEach((i) => {
     e.removeEventListener(i, t);
   }), s.hideEvents.forEach((i) => {
     e.removeEventListener(i, n);
-  }), ze.delete(e);
+  }), Ie.delete(e);
 }
 function Cn(e, s) {
   const { value: t } = s;
@@ -290,7 +290,7 @@ const $n = ["id", "disabled", "aria-expanded", "aria-controls", "aria-label"], A
       middleware: _
     }, {
       floatingStyles: R,
-      placement: I,
+      placement: z,
       middlewareData: H,
       update: U,
       isPositioned: Q
@@ -362,7 +362,7 @@ const $n = ["id", "disabled", "aria-expanded", "aria-controls", "aria-label"], A
           "aria-labelledby": T(o),
           id: T(i),
           style: F(T(R)),
-          "data-placement": T(I),
+          "data-placement": T(z),
           onKeydown: ee[0] || (ee[0] = ls((P) => ae(!1), ["esc"])),
           tabindex: "-1"
         }, [
@@ -439,7 +439,7 @@ const $n = ["id", "disabled", "aria-expanded", "aria-controls", "aria-label"], A
       }, null, 4)) : v("", !0)
     ], 14, xn));
   }
-}, zn = {
+}, In = {
   __name: "UluTooltipDisplay",
   setup(e) {
     return (s, t) => (a(), p(at, {
@@ -454,14 +454,14 @@ const $n = ["id", "disabled", "aria-expanded", "aria-controls", "aria-label"], A
 };
 function ef(e, s = {}) {
   const t = vn(s);
-  t.plugin.global && (e.directive(t.plugin.directiveName, kn), e.component("UluTooltipDisplay", zn), e.component("UluPopover", Fe));
+  t.plugin.global && (e.directive(t.plugin.directiveName, kn), e.component("UluTooltipDisplay", In), e.component("UluPopover", Fe));
 }
 const C = (e, s) => {
   const t = e.__vccOpts || e;
   for (const [n, i] of s)
     t[n] = i;
   return t;
-}, In = {
+}, zn = {
   name: "UluModalsDisplay",
   emits: [
     "modal-unmount",
@@ -509,7 +509,7 @@ function Mn(e, s, t, n, i, o) {
     onVnodeUnmounted: o.modalUnmounted
   }), null, 16, ["modelValue", "onVnodeMounted", "onVnodeUnmounted"])) : v("", !0);
 }
-const Bn = /* @__PURE__ */ C(In, [["render", Mn]]);
+const Bn = /* @__PURE__ */ C(zn, [["render", Mn]]);
 function Pn() {
   return { getIconProps: (t) => t ? typeof t == "object" && !Array.isArray(t) ? t : { icon: t } : null, getClassesFromDefinition: (t) => {
     if (!t)
@@ -553,7 +553,7 @@ const V = {
           return console.warn(U), null;
         }
       return H;
-    }), _ = S(() => !c.value || !f.value ? null : u.value(f.value)), b = S(() => n(f.value)), R = S(() => i(f.value)), I = S(() => ({
+    }), _ = S(() => !c.value || !f.value ? null : u.value(f.value)), b = S(() => n(f.value)), R = S(() => i(f.value)), z = S(() => ({
       "flow-inline": r.spaced
     }));
     return ut(async () => {
@@ -570,9 +570,9 @@ const V = {
           }
       } else
         t.value = null;
-    }), (H, U) => c.value ? (a(), p(B(c.value), Z({ key: 0 }, _.value, { class: I.value }), null, 16, ["class"])) : !l.value && t.value && f.value ? (a(), p(B(t.value), Z({ key: 1 }, b.value, { class: I.value }), null, 16, ["class"])) : l.value && f.value ? (a(), d("span", {
+    }), (H, U) => c.value ? (a(), p(B(c.value), Z({ key: 0 }, _.value, { class: z.value }), null, 16, ["class"])) : !l.value && t.value && f.value ? (a(), p(B(t.value), Z({ key: 1 }, b.value, { class: z.value }), null, 16, ["class"])) : l.value && f.value ? (a(), d("span", {
       key: 2,
-      class: m([R.value, I.value]),
+      class: m([R.value, z.value]),
       "aria-hidden": "true"
     }, null, 2)) : v("", !0);
   }
@@ -1167,7 +1167,7 @@ const qn = {
   type: "button"
 };
 function Jn(e, s, t, n, i, o) {
-  const r = z("UluIcon");
+  const r = I("UluIcon");
   return a(), p(at, {
     to: t.teleport === !1 ? null : t.teleport,
     disabled: t.teleport === !1
@@ -1334,7 +1334,7 @@ const no = {
   }
 }, oo = ["onClick"];
 function io(e, s, t, n, i, o) {
-  const r = z("UluIcon");
+  const r = I("UluIcon");
   return a(), d("div", {
     class: m(["toast", [
       {
@@ -1529,7 +1529,7 @@ function fo(e) {
     await new Promise((f) => {
       document.readyState === "loading" ? document.addEventListener("DOMContentLoaded", () => f()) : f();
     });
-    const r = await import("./breakpoints-BIA00Qir.js"), { BreakpointManager: l } = r, c = de(new l(s.plugin));
+    const r = await import("./breakpoints-BnYvExbo.js"), { BreakpointManager: l } = r, c = de(new l(s.plugin));
     t.value = de(c);
     const u = () => {
       n.value = c.active, i.value = c.resizeDirection;
@@ -1946,7 +1946,7 @@ const jt = /* @__PURE__ */ C(go, [["render", vo]]), ks = {
   }
 };
 function wo(e, s, t, n, i, o) {
-  const r = z("UluIcon"), l = z("UluTag"), c = z("UluMenu", !0), u = rs("ulu-tooltip");
+  const r = I("UluIcon"), l = I("UluTag"), c = I("UluMenu", !0), u = rs("ulu-tooltip");
   return t.items?.length ? (a(), d("ul", {
     key: 0,
     class: m(t.classes.list)
@@ -2025,7 +2025,7 @@ const Cs = /* @__PURE__ */ C(bo, [["render", wo]]), So = {
   }
 };
 function ko(e, s, t, n, i, o) {
-  const r = z("UluMenu");
+  const r = I("UluMenu");
   return a(), d("nav", {
     class: m(["menu-stack", {
       "menu-stack--hanging": t.hanging,
@@ -2073,7 +2073,7 @@ const Co = /* @__PURE__ */ C(So, [["render", ko]]), To = {
   }
 };
 function $o(e, s, t, n, i, o) {
-  const r = z("UluMenuStack"), l = z("UluPopover");
+  const r = I("UluMenuStack"), l = I("UluPopover");
   return a(), p(l, { classes: t.popoverClasses }, {
     trigger: w(({ isOpen: c }) => [
       g(e.$slots, "default", { isOpen: c })
@@ -2120,10 +2120,10 @@ const Ro = {
   uluBreakpointManager: "Breakpoints",
   uluModals: "Modals",
   uluToast: "Toast"
-}, zt = {};
+}, It = {};
 function xo(e) {
-  const s = ct(e, zt);
-  if (s === zt) {
+  const s = ct(e, It);
+  if (s === It) {
     const t = Ro[e] || "", n = t ? ` from the '${t}' plugin` : "", i = t ? "Please install missing plugin." : "";
     throw new Error(`Required inject: '${e}'${n} was not provided. ${i}`);
   }
@@ -2147,14 +2147,14 @@ function lf(e, s) {
       pages: {}
     }, f = i.value, _ = o.value, b = 5, R = (U) => ({ query: { ...t.query, page: U } });
     f > 1 && (u.first = { href: R(1) }, u.previous = { href: R(f - 1) }), f < _ && (u.next = { href: R(f + 1) }, u.last = { href: R(_) });
-    let I, H;
+    let z, H;
     if (_ <= b)
-      I = 1, H = _;
+      z = 1, H = _;
     else {
       const U = Math.floor(b / 2), Q = Math.ceil(b / 2) - 1;
-      f <= U ? (I = 1, H = b) : f + Q >= _ ? (I = _ - b + 1, H = _) : (I = f - U, H = f + Q);
+      f <= U ? (z = 1, H = b) : f + Q >= _ ? (z = _ - b + 1, H = _) : (z = f - U, H = f + Q);
     }
-    for (let U = I; U <= H; U++)
+    for (let U = z; U <= H; U++)
       u.pages[U] = { href: R(U) };
     return u;
   }), c = S(() => {
@@ -2196,11 +2196,11 @@ function Eo() {
   }
   throw new Error("useHead() was called without provide context, ensure you call it through the setup() function.");
 }
-function zo(e, s = {}) {
+function Io(e, s = {}) {
   const t = s.head || Eo();
-  return t.ssr ? t.push(e || {}, s) : Io(t, e, s);
+  return t.ssr ? t.push(e || {}, s) : zo(t, e, s);
 }
-function Io(e, s, t = {}) {
+function zo(e, s, t = {}) {
   const n = M(!1);
   let i;
   return ut(() => {
@@ -2347,7 +2347,7 @@ function af(e = {}) {
     title: s,
     titleTemplate: t = "%s",
     useRoute: n = bs,
-    useHead: i = zo
+    useHead: i = Io
   } = e, o = n(), r = o.path;
   if (s !== void 0) {
     ut(() => {
@@ -2581,7 +2581,7 @@ const Do = { class: "layout-flex-baseline" }, No = { class: "type-word-break" },
   }
 }, Xo = { key: 1 };
 function qo(e, s, t, n, i, o) {
-  const r = z("UluIcon");
+  const r = I("UluIcon");
   return a(), p(B(o.element), Z({
     class: ["button", [
       {
@@ -2671,7 +2671,7 @@ const Yo = /* @__PURE__ */ C(Wo, [["render", qo]]), Ko = {
   class: "margin-left-auto align-self-center"
 };
 function Qo(e, s, t, n, i, o) {
-  const r = z("UluIcon");
+  const r = I("UluIcon");
   return a(), d("div", {
     class: m(["callout", n.resolvedModifiers])
   }, [
@@ -2832,7 +2832,7 @@ const gf = /* @__PURE__ */ C(Ko, [["render", Qo]]), ei = ["aria-hidden"], ti = {
   class: "button-verbose__body"
 };
 function ri(e, s, t, n, i, o) {
-  const r = z("UluIcon");
+  const r = I("UluIcon");
   return a(), p(B(o.element), Z({
     class: ["button-verbose", [
       {
@@ -2894,7 +2894,7 @@ function ai(e, s, t, n, i, o) {
     g(e.$slots, "default")
   ], 2);
 }
-const _f = /* @__PURE__ */ C(li, [["render", ai]]), It = (e, s) => {
+const _f = /* @__PURE__ */ C(li, [["render", ai]]), zt = (e, s) => {
   const t = !(s.to || s.href);
   return t || console.warn("'titleHref' and 'titleTo' can't be used with to or href (nesting links)"), t;
 }, ci = {
@@ -2925,14 +2925,14 @@ const _f = /* @__PURE__ */ C(li, [["render", ai]]), It = (e, s) => {
      */
     titleTo: {
       type: [String, Object],
-      validator: It
+      validator: zt
     },
     /**
      * Will make title a link to href
      */
     titleHref: {
       type: String,
-      validator: It
+      validator: zt
     },
     /**
      * When using href this will set title link's target attribute
@@ -3046,7 +3046,7 @@ const _f = /* @__PURE__ */ C(li, [["render", ai]]), It = (e, s) => {
   class: "card__footer"
 };
 function yi(e, s, t, n, i, o) {
-  const r = z("router-link");
+  const r = I("router-link");
   return a(), p(B(o.resolvedElement), {
     class: m(["card", [
       {
@@ -3328,7 +3328,8 @@ const kf = /* @__PURE__ */ C(vi, [["render", wi]]), Si = { class: "spoke-spinner
       type: String,
       default: "checkbox"
     },
-    modelValue: [String, Array]
+    modelValue: [String, Array],
+    hideInputs: Boolean
   },
   emits: ["update:modelValue"],
   setup(e, { emit: s }) {
@@ -3342,7 +3343,7 @@ const kf = /* @__PURE__ */ C(vi, [["render", wi]]), Si = { class: "spoke-spinner
         f.checked = _.target.checked;
     };
     return (f, _) => (a(), d("div", {
-      class: "menu-stack form-theme",
+      class: m(["menu-stack form-theme", { "menu-stack--hide-inputs": e.hideInputs }]),
       role: r.value,
       "aria-labelledby": o.value
     }, [
@@ -3358,7 +3359,6 @@ 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,
@@ -3367,7 +3367,6 @@ 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 }, () => [
@@ -3377,7 +3376,7 @@ const kf = /* @__PURE__ */ C(vi, [["render", wi]]), Si = { class: "spoke-spinner
           ])
         ]))), 128))
       ])
-    ], 8, ki));
+    ], 10, ki));
   }
 }, Ri = ["href", "download"], xi = { class: "margin-left-small-x" }, Tf = {
   __name: "UluFileDisplay",
@@ -3479,7 +3478,7 @@ const kf = /* @__PURE__ */ C(vi, [["render", wi]]), Si = { class: "spoke-spinner
       g(s.$slots, "default")
     ], 2));
   }
-}, zi = { class: "site-form__item site-form__item--select" }, Ii = ["for"], Mi = ["id", "value"], Bi = ["value"], Of = {
+}, Ii = { class: "site-form__item site-form__item--select" }, zi = ["for"], Mi = ["id", "value"], Bi = ["value"], Of = {
   __name: "UluFormSelect",
   props: {
     label: String,
@@ -3493,7 +3492,7 @@ const kf = /* @__PURE__ */ C(vi, [["render", wi]]), Si = { class: "spoke-spinner
       let n = 0;
       return () => `select-id-${++n}`;
     })())();
-    return (n, i) => (a(), d("div", zi, [
+    return (n, i) => (a(), d("div", Ii, [
       h("label", {
         class: m({ "hidden-visually": e.labelHidden }),
         for: T(t)
@@ -3501,7 +3500,7 @@ const kf = /* @__PURE__ */ C(vi, [["render", wi]]), Si = { class: "spoke-spinner
         g(n.$slots, "default", {}, () => [
           k(y(e.label), 1)
         ])
-      ], 10, Ii),
+      ], 10, zi),
       h("select", {
         id: T(t),
         value: e.modelValue,
@@ -3648,7 +3647,7 @@ const jf = /* @__PURE__ */ C(qi, [["render", Yi]]), Ki = {
   class: "rail__item rail__item--pull"
 };
 function Zi(e, s, t, n, i, o) {
-  const r = z("UluIcon");
+  const r = I("UluIcon");
   return a(), d("div", {
     class: m(["rail rail--title-rail", {
       "rail--rule": t.rule
@@ -3715,7 +3714,7 @@ const Ef = /* @__PURE__ */ C(Ki, [["render", Zi]]), Ji = {
   }
 };
 function Qi(e, s, t, n, i, o) {
-  const r = z("router-link"), l = z("UluIcon");
+  const r = I("router-link"), l = I("UluIcon");
   return t.items.length ? (a(), d("nav", {
     key: 0,
     class: m(t.classes.nav),
@@ -3758,7 +3757,7 @@ function Qi(e, s, t, n, i, o) {
     ], 2)
   ], 2)) : v("", !0);
 }
-const zf = /* @__PURE__ */ C(Ji, [["render", Qi]]), er = {
+const If = /* @__PURE__ */ C(Ji, [["render", Qi]]), er = {
   name: "UluNavStrip",
   components: {
     UluMenu: Cs
@@ -3783,7 +3782,7 @@ const zf = /* @__PURE__ */ C(Ji, [["render", Qi]]), er = {
   }
 };
 function tr(e, s, t, n, i, o) {
-  const r = z("UluMenu");
+  const r = I("UluMenu");
   return a(), d("nav", {
     class: m(["nav-strip", {
       "nav-strip--rule": t.rule,
@@ -3802,7 +3801,7 @@ function tr(e, s, t, n, i, o) {
     }, null, 8, ["items"])
   ], 2);
 }
-const If = /* @__PURE__ */ C(er, [["render", tr]]), sr = {}, nr = {
+const zf = /* @__PURE__ */ C(er, [["render", tr]]), sr = {}, nr = {
   class: "site-skip-link hidden-visually-focusable",
   href: "#main-content"
 };
@@ -3839,7 +3838,7 @@ function cr(e, s) {
 }
 const Pf = /* @__PURE__ */ C(lr, [["render", cr]]), ur = {};
 function dr(e, s) {
-  const t = z("router-view");
+  const t = I("router-view");
   return a(), p(t);
 }
 const Ff = /* @__PURE__ */ C(ur, [["render", dr]]);
@@ -4043,7 +4042,7 @@ const Df = /* @__PURE__ */ C(vr, [["render", br]]), wr = {
   class: "progress-bar__value progress-bar__value--deficit color-status is-danger"
 }, Rr = { class: "progress-bar__value progress-bar__value--total" };
 function xr(e, s, t, n, i, o) {
-  const r = z("StatusIcon");
+  const r = I("StatusIcon");
   return a(), d("div", {
     class: m(["progress-bar", {
       "progress-bar--small": t.small,
@@ -4143,10 +4142,10 @@ const jr = {
   mounted() {
     this.animate();
   }
-}, Er = { class: "progress-donut__chart" }, zr = {
+}, Er = { class: "progress-donut__chart" }, Ir = {
   class: "progress-donut__chart-svg",
   viewBox: "0 0 32 32"
-}, Ir = ["r"], Mr = {
+}, zr = ["r"], Mr = {
   key: 0,
   class: "progress-donut__chart-value"
 }, Br = {
@@ -4165,7 +4164,7 @@ function Pr(e, s, t, n, i, o) {
   }, [
     s[0] || (s[0] = h("strong", { class: "hidden-visually" }, "Course Progress", -1)),
     h("div", Er, [
-      (a(), d("svg", zr, [
+      (a(), d("svg", Ir, [
         h("circle", {
           class: "progress-donut__chart-pie",
           ref: "pie",
@@ -4179,7 +4178,7 @@ function Pr(e, s, t, n, i, o) {
           r: t.small ? 7 : 11,
           cx: "16",
           cy: "16"
-        }, null, 8, Ir)
+        }, null, 8, zr)
       ])),
       t.small ? v("", !0) : (a(), d("strong", Mr, y(t.percentage) + "% ", 1))
     ]),
@@ -4226,7 +4225,7 @@ function Xf(e, s = {}) {
     az: { text: "A-Z", sort: b },
     za: { text: "Z-A", sort: ($) => b($).reverse() }
   };
-  function I($) {
+  function z($) {
     return ($ || []).map((P) => ({
       ...P,
       open: P.open || !1,
@@ -4237,9 +4236,9 @@ function Xf(e, s = {}) {
       selectedCount: 0
     }));
   }
-  const H = S(() => !i || !e.value?.length ? null : Fr(e.value, i)), U = M(I(n || H.value)), Q = M(o), Ae = M(r);
+  const H = S(() => !i || !e.value?.length ? null : Fr(e.value, i)), U = M(z(n || H.value)), Q = M(o), Ae = M(r);
   i && !n && ds(H, ($) => {
-    U.value = I($);
+    U.value = z($);
   });
   const Oe = S(() => ({
     ...l ? {} : R,
@@ -4436,7 +4435,8 @@ const Mt = {
         // container: null,
         // group: null
       })
-    }
+    },
+    hideInputs: Boolean
   },
   emits: ["facet-change"],
   setup(e, { emit: s }) {
@@ -4501,8 +4501,9 @@ const Mt = {
               type: u.multiple ? "checkbox" : "radio",
               options: n(u),
               "model-value": i(u),
-              "onUpdate:modelValue": (_) => r(u, _, f)
-            }, null, 8, ["legend", "type", "options", "model-value", "onUpdate:modelValue"])
+              "onUpdate:modelValue": (_) => r(u, _, f),
+              hideInputs: e.hideInputs
+            }, null, 8, ["legend", "type", "options", "model-value", "onUpdate:modelValue", "hideInputs"])
           ]),
           _: 2
         }, 1032, ["classes"])
@@ -5315,9 +5316,9 @@ const lh = {
   key: 0,
   class: "slideshow__nav",
   ref: "nav"
-}, zl = ["onClick"], Il = { class: "hidden-visually" };
+}, Il = ["onClick"], zl = { class: "hidden-visually" };
 function Ml(e, s, t, n, i, o) {
-  const r = z("UluIcon");
+  const r = I("UluIcon");
   return a(), d("div", kl, [
     h("div", Cl, [
       h("div", Tl, [
@@ -5385,9 +5386,9 @@ function Ml(e, s, t, n, i, o) {
             index: c,
             active: l.active
           }, () => [
-            h("span", Il, "Item " + y(c + 1), 1)
+            h("span", zl, "Item " + y(c + 1), 1)
           ])
-        ], 10, zl)
+        ], 10, Il)
       ], 2))), 128))
     ], 512))
   ]);
@@ -5423,7 +5424,7 @@ const Bl = /* @__PURE__ */ C(Sl, [["render", Ml]]), Pl = {
   }
 }, Fl = ["src", "alt"], Ll = { class: "slideshow__image-actions" }, Hl = ["src", "alt"];
 function Vl(e, s, t, n, i, o) {
-  const r = z("AppButton"), l = z("UluSlideShow");
+  const r = I("AppButton"), l = I("UluSlideShow");
   return a(), p(l, {
     class: "slideshow--images",
     items: t.images,
@@ -5626,7 +5627,7 @@ const Kl = /* @__PURE__ */ C(Wl, [["render", Yl]]), Gl = {
   "aria-hidden": "true"
 }, na = { class: "table-sticky__sort-icon-inner" }, oa = ["innerHTML"], ia = { key: 1 }, ra = { key: 2 };
 function la(e, s, t, n, i, o) {
-  const r = z("UluTableStickyRows");
+  const r = I("UluTableStickyRows");
   return a(), d("table", {
     class: m(t.resolveClasses(t.classes.table, { isActual: t.isActual })),
     "aria-hidden": t.isActual ? "false" : "true"
@@ -5811,7 +5812,7 @@ function _a(e) {
 function va(e) {
   return this.__data__.has(e);
 }
-var Es = typeof global == "object" && global && global.Object === Object && global, ba = typeof self == "object" && self && self.Object === Object && self, K = Es || ba || Function("return this")(), fe = K.Symbol, zs = Object.prototype, wa = zs.hasOwnProperty, Sa = zs.toString, pe = fe ? fe.toStringTag : void 0;
+var Es = typeof global == "object" && global && global.Object === Object && global, ba = typeof self == "object" && self && self.Object === Object && self, K = Es || ba || Function("return this")(), fe = K.Symbol, Is = Object.prototype, wa = Is.hasOwnProperty, Sa = Is.toString, pe = fe ? fe.toStringTag : void 0;
 function ka(e) {
   var s = wa.call(e, pe), t = e[pe];
   try {
@@ -5835,7 +5836,7 @@ function We(e) {
   return e != null && (s == "object" || s == "function");
 }
 var Ra = "[object AsyncFunction]", xa = "[object Function]", Ua = "[object GeneratorFunction]", ja = "[object Proxy]";
-function Is(e) {
+function zs(e) {
   if (!We(e))
     return !1;
   var s = Te(e);
@@ -5848,11 +5849,11 @@ var Ge = K["__core-js_shared__"], Pt = function() {
 function Ea(e) {
   return !!Pt && Pt in e;
 }
-var za = Function.prototype, Ia = za.toString;
+var Ia = Function.prototype, za = Ia.toString;
 function re(e) {
   if (e != null) {
     try {
-      return Ia.call(e);
+      return za.call(e);
     } catch {
     }
     try {
@@ -5868,7 +5869,7 @@ var Ma = /[\\^$.*+?()[\]{}|]/g, Ba = /^\[object .+?Constructor\]$/, Pa = Functio
 function Da(e) {
   if (!We(e) || Ea(e))
     return !1;
-  var s = Is(e) ? Va : Ba;
+  var s = zs(e) ? Va : Ba;
   return s.test(re(e));
 }
 function Na(e, s) {
@@ -6032,9 +6033,9 @@ var $c = 9007199254740991;
 function Fs(e) {
   return typeof e == "number" && e > -1 && e % 1 == 0 && e <= $c;
 }
-var Ac = "[object Arguments]", Oc = "[object Array]", Rc = "[object Boolean]", xc = "[object Date]", Uc = "[object Error]", jc = "[object Function]", Ec = "[object Map]", zc = "[object Number]", Ic = "[object Object]", Mc = "[object RegExp]", Bc = "[object Set]", Pc = "[object String]", Fc = "[object WeakMap]", Lc = "[object ArrayBuffer]", Hc = "[object DataView]", Vc = "[object Float32Array]", Dc = "[object Float64Array]", Nc = "[object Int8Array]", Wc = "[object Int16Array]", Xc = "[object Int32Array]", qc = "[object Uint8Array]", Yc = "[object Uint8ClampedArray]", Kc = "[object Uint16Array]", Gc = "[object Uint32Array]", E = {};
+var Ac = "[object Arguments]", Oc = "[object Array]", Rc = "[object Boolean]", xc = "[object Date]", Uc = "[object Error]", jc = "[object Function]", Ec = "[object Map]", Ic = "[object Number]", zc = "[object Object]", Mc = "[object RegExp]", Bc = "[object Set]", Pc = "[object String]", Fc = "[object WeakMap]", Lc = "[object ArrayBuffer]", Hc = "[object DataView]", Vc = "[object Float32Array]", Dc = "[object Float64Array]", Nc = "[object Int8Array]", Wc = "[object Int16Array]", Xc = "[object Int32Array]", qc = "[object Uint8Array]", Yc = "[object Uint8ClampedArray]", Kc = "[object Uint16Array]", Gc = "[object Uint32Array]", E = {};
 E[Vc] = E[Dc] = E[Nc] = E[Wc] = E[Xc] = E[qc] = E[Yc] = E[Kc] = E[Gc] = !0;
-E[Ac] = E[Oc] = E[Lc] = E[Rc] = E[Hc] = E[xc] = E[Uc] = E[jc] = E[Ec] = E[zc] = E[Ic] = E[Mc] = E[Bc] = E[Pc] = E[Fc] = !1;
+E[Ac] = E[Oc] = E[Lc] = E[Rc] = E[Hc] = E[xc] = E[Uc] = E[jc] = E[Ec] = E[Ic] = E[zc] = E[Mc] = E[Bc] = E[Pc] = E[Fc] = !1;
 function Zc(e) {
   return $e(e) && Fs(e.length) && !!E[Te(e)];
 }
@@ -6080,7 +6081,7 @@ function lu(e) {
   return s;
 }
 function au(e) {
-  return e != null && Fs(e.length) && !Is(e);
+  return e != null && Fs(e.length) && !zs(e);
 }
 function cu(e) {
   return au(e) ? su(e) : lu(e);
@@ -6159,17 +6160,17 @@ var Qt = fe ? fe.prototype : void 0, es = Qt ? Qt.valueOf : void 0;
 function Eu(e) {
   return es ? Object(es.call(e)) : {};
 }
-function zu(e, s) {
+function Iu(e, s) {
   var t = St(e.buffer);
   return new e.constructor(t, e.byteOffset, e.length);
 }
-var Iu = "[object Boolean]", Mu = "[object Date]", Bu = "[object Map]", Pu = "[object Number]", Fu = "[object RegExp]", Lu = "[object Set]", Hu = "[object String]", Vu = "[object Symbol]", Du = "[object ArrayBuffer]", Nu = "[object DataView]", Wu = "[object Float32Array]", Xu = "[object Float64Array]", qu = "[object Int8Array]", Yu = "[object Int16Array]", Ku = "[object Int32Array]", Gu = "[object Uint8Array]", Zu = "[object Uint8ClampedArray]", Ju = "[object Uint16Array]", Qu = "[object Uint32Array]";
+var zu = "[object Boolean]", Mu = "[object Date]", Bu = "[object Map]", Pu = "[object Number]", Fu = "[object RegExp]", Lu = "[object Set]", Hu = "[object String]", Vu = "[object Symbol]", Du = "[object ArrayBuffer]", Nu = "[object DataView]", Wu = "[object Float32Array]", Xu = "[object Float64Array]", qu = "[object Int8Array]", Yu = "[object Int16Array]", Ku = "[object Int32Array]", Gu = "[object Uint8Array]", Zu = "[object Uint8ClampedArray]", Ju = "[object Uint16Array]", Qu = "[object Uint32Array]";
 function ed(e, s, t) {
   var n = e.constructor;
   switch (s) {
     case Du:
       return St(e);
-    case Iu:
+    case zu:
     case Mu:
       return new n(+e);
     case Nu:
@@ -6183,7 +6184,7 @@ function ed(e, s, t) {
     case Zu:
     case Ju:
     case Qu:
-      return zu(e);
+      return Iu(e);
     case Bu:
       return new n();
     case Pu:
@@ -6224,7 +6225,7 @@ function ld(e) {
 var ns = he && he.isSet, ad = ns ? wt(ns) : ld, Ns = "[object Arguments]", cd = "[object Array]", ud = "[object Boolean]", dd = "[object Date]", fd = "[object Error]", Ws = "[object Function]", hd = "[object GeneratorFunction]", md = "[object Map]", gd = "[object Number]", Xs = "[object Object]", yd = "[object RegExp]", pd = "[object Set]", _d = "[object String]", vd = "[object Symbol]", bd = "[object WeakMap]", wd = "[object ArrayBuffer]", Sd = "[object DataView]", kd = "[object Float32Array]", Cd = "[object Float64Array]", Td = "[object Int8Array]", $d = "[object Int16Array]", Ad = "[object Int32Array]", Od = "[object Uint8Array]", Rd = "[object Uint8ClampedArray]", xd = "[object Uint16Array]", Ud = "[object Uint32Array]", j = {};
 j[Ns] = j[cd] = j[wd] = j[Sd] = j[ud] = j[dd] = j[kd] = j[Cd] = j[Td] = j[$d] = j[Ad] = j[md] = j[gd] = j[Xs] = j[yd] = j[pd] = j[_d] = j[vd] = j[Od] = j[Rd] = j[xd] = j[Ud] = !0;
 j[fd] = j[Ws] = j[bd] = !1;
-function Ie(e, s, t, n, i, o) {
+function ze(e, s, t, n, i, o) {
   var r;
   if (r !== void 0)
     return r;
@@ -6250,22 +6251,22 @@ function Ie(e, s, t, n, i, o) {
   if (f)
     return f;
   o.set(e, r), ad(e) ? e.forEach(function(R) {
-    r.add(Ie(R, s, t, R, e, o));
-  }) : id(e) && e.forEach(function(R, I) {
-    r.set(I, Ie(R, s, t, I, e, o));
+    r.add(ze(R, s, t, R, e, o));
+  }) : id(e) && e.forEach(function(R, z) {
+    r.set(z, ze(R, s, t, z, e, o));
   });
   var _ = bu, b = l ? void 0 : _(e);
-  return uc(b || e, function(R, I) {
-    b && (I = R, R = e[I]), mc(r, I, Ie(R, s, t, I, e, o));
+  return uc(b || e, function(R, z) {
+    b && (z = R, R = e[z]), mc(r, z, ze(R, s, t, z, e, o));
   }), r;
 }
 var jd = 1, Ed = 4;
-function zd(e) {
-  return Ie(e, jd | Ed);
+function Id(e) {
+  return ze(e, jd | Ed);
 }
 const Je = (e) => e.every((s) => typeof s == "object"), os = !0, qs = () => window.innerWidth;
 let is = qs();
-const Id = {
+const zd = {
   name: "UluTableSticky",
   components: {
     UluTableStickyTable: aa
@@ -6525,7 +6526,7 @@ const Id = {
      * - Can be used in the future for adding/removing or enabling/disabling
      */
     createColumns() {
-      const e = this.idCreator("c"), s = zd(this.columns), t = (n, i) => {
+      const e = this.idCreator("c"), s = Id(this.columns), t = (n, i) => {
         n.id = e(), n.parent = i, n.width = "auto", n.boxWidth = null, n.sortApplied = !1, n.sortAscending = !1, n.sortFocused = !1;
         let o = [];
         i && (i.headers && i.headers.length ? o = [...i.headers] : o.push(i.id)), o.push(n.id), n.headers = o, n.columns ? n.columns.forEach((r) => t(r, n)) : !n.key && !n.value && !n.slot && console.warn("UluTableSticky: Missing 'key', 'value' or 'slot' in column configuration for", n);
@@ -6677,7 +6678,7 @@ const Id = {
   class: "table-sticky__display"
 };
 function Nd(e, s, t, n, i, o) {
-  const r = z("UluTableStickyTable");
+  const r = I("UluTableStickyTable");
   return a(), d("div", {
     class: m(["table-sticky", {
       "table-sticky--overflown-x": i.overflownX,
@@ -6838,7 +6839,7 @@ function Nd(e, s, t, n, i, o) {
     ]), 1032, ["classes", "resolveClasses", "caption", "headerRows", "columnWidth", "rows", "footerRows", "rowColumns", "idPrefix", "getRowValue", "getColumnTitle", "style", "onColumnSorted"])) : v("", !0)
   ], 2);
 }
-const dh = /* @__PURE__ */ C(Id, [["render", Nd]]);
+const dh = /* @__PURE__ */ C(zd, [["render", Nd]]);
 function Wd(e) {
   if (e) {
     if (e instanceof HTMLElement)
@@ -6873,10 +6874,10 @@ export {
   Uf as N,
   jf as O,
   Ef as P,
-  zf as Q,
+  If as Q,
   Cs as R,
   Co as S,
-  If as T,
+  zf as T,
   jt as U,
   Mf as V,
   Bf as W,

package/lib/components/forms/UluSelectableMenu.vue

@@ -1,11 +1,15 @@
 <template>
-  <div class="menu-stack form-theme" :role="groupRole" :aria-labelledby="legendId">
+  <div 
+    class="menu-stack form-theme" 
+    :class="{ 'menu-stack--hide-inputs' : hideInputs }"
+    :role="groupRole" 
+    :aria-labelledby="legendId"
+  >
     <div v-if="legend" :id="legendId" class="hidden-visually">{{ legend }}</div>
     <ul class="menu-stack__list">
       <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"
@@ -13,7 +17,7 @@
             :checked="isChecked(option)"
             @change="handleChange(option, $event)"
           >
-          <label class="menu-stack__selectable-label" :for="getId(option)">
+          <label :for="getId(option)">
             <slot :option="option">
               {{ option?.label || option?.title || option?.text }}
             </slot>
@@ -35,11 +39,12 @@ const props = defineProps({
     default: 'checkbox',
   },
   modelValue: [String, Array],
+  hideInputs: Boolean
 });
 
 const emit = defineEmits(['update:modelValue']);
 
-const name = computed(() => props.legend ? props.legend.toLowerCase().replace(/\s+/g, '-') : `menu-${Math.random().toString(36).substring(7)}`);
+const name = computed(() => props.legend ? props.legend.toLowerCase().replace(/\s+/g, '-') : `menu-${ Math.random().toString(36).substring(7) }`);
 const legendId = computed(() => name.value ? `${name.value}-legend` : null);
 const groupRole = computed(() => props.type === 'radio' ? 'radiogroup' : 'group');
 

package/lib/components/systems/facets/UluFacetsFilterPopovers.vue

@@ -20,6 +20,7 @@
             :options="getMenuOptions(group)"
             :model-value="selectedUids(group)"
             @update:model-value="onFilterChange(group, $event, close)"
+            :hideInputs="hideInputs"
           />
         </template>
       </UluPopover>
@@ -46,7 +47,8 @@ const props = defineProps({
       // container: null,
       // group: null
     })
-  }
+  },
+  hideInputs: Boolean
 });
 
 const emit = defineEmits(['facet-change']);

package/package.json

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