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

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

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

package/dist/{index-BkFIm5Ds.js → index-BjwifaTk.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 R, 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 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 { 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";
@@ -244,7 +244,7 @@ let Tn = 0;
 function Ot() {
   return `ulu-popovers-uid-${++Tn}`;
 }
-const $n = ["id", "disabled", "aria-expanded", "aria-controls", "aria-label"], An = ["aria-labelledby", "id", "data-placement"], On = { class: "popover__inner" }, xn = {
+const $n = ["id", "disabled", "aria-expanded", "aria-controls", "aria-label"], An = ["aria-labelledby", "id", "data-placement"], On = { class: "popover__inner" }, Rn = {
   key: 0,
   class: "popover__footer"
 }, Fe = {
@@ -289,7 +289,7 @@ const $n = ["id", "disabled", "aria-expanded", "aria-controls", "aria-label"], A
       whileElementsMounted: vs,
       middleware: _
     }, {
-      floatingStyles: x,
+      floatingStyles: R,
       placement: I,
       middlewareData: H,
       update: U,
@@ -314,18 +314,18 @@ const $n = ["id", "disabled", "aria-expanded", "aria-controls", "aria-label"], A
       }, $ = { isOpen: ee.isOpen };
       as(() => {
         l.value ? (U(), window.setTimeout(() => {
-          xe(), n.directFocus(ee), t("toggle", $);
+          Re(), n.directFocus(ee), t("toggle", $);
         }, 0)) : (ye(), n.directFocus(ee), t("toggle", $));
       });
     };
     let X;
-    const xe = () => {
+    const Re = () => {
       n.clickOutsideCloses && (X && ye(), X = (D) => {
         u.value.contains(D.target) || ae(!1);
       }, document.addEventListener("click", X));
     }, ye = () => {
       X && (document.removeEventListener("click", X), X = null);
-    }, Re = () => ae(!1);
+    }, xe = () => ae(!1);
     return (D, ee) => {
       const $ = rs("ulu-tooltip");
       return a(), d(O, null, [
@@ -361,16 +361,16 @@ const $n = ["id", "disabled", "aria-expanded", "aria-controls", "aria-label"], A
           ref: u,
           "aria-labelledby": T(o),
           id: T(i),
-          style: F(T(x)),
+          style: F(T(R)),
           "data-placement": T(I),
           onKeydown: ee[0] || (ee[0] = ls((P) => ae(!1), ["esc"])),
           tabindex: "-1"
         }, [
           h("span", On, [
-            g(D.$slots, "content", { close: Re })
+            g(D.$slots, "content", { close: xe })
           ]),
-          D.$slots.footer ? (a(), d("span", xn, [
-            g(D.$slots, "footer", { close: Re })
+          D.$slots.footer ? (a(), d("span", Rn, [
+            g(D.$slots, "footer", { close: xe })
           ])) : v("", !0),
           T(r).arrow ? (a(), d("span", {
             key: 1,
@@ -384,7 +384,7 @@ const $n = ["id", "disabled", "aria-expanded", "aria-controls", "aria-label"], A
       ], 64);
     };
   }
-}, Rn = ["data-placement"], Un = ["innerHTML"], jn = {
+}, xn = ["data-placement"], Un = ["innerHTML"], jn = {
   key: 1,
   class: "popover__inner"
 }, En = {
@@ -417,7 +417,7 @@ const $n = ["id", "disabled", "aria-expanded", "aria-controls", "aria-label"], A
         top: b?.y != null ? `${b.y}px` : ""
       } : null;
     });
-    return e.config.onReady && e.config.onReady({ update: u, isPositioned: f }), (b, x) => (a(), d("span", {
+    return e.config.onReady && e.config.onReady({ update: u, isPositioned: f }), (b, R) => (a(), d("span", {
       class: m(["popover popover--tooltip is-active", e.config.class]),
       ref_key: "content",
       ref: t,
@@ -437,7 +437,7 @@ const $n = ["id", "disabled", "aria-expanded", "aria-controls", "aria-label"], A
         ref: n,
         style: F(_.value)
       }, null, 4)) : v("", !0)
-    ], 14, Rn));
+    ], 14, xn));
   }
 }, zn = {
   __name: "UluTooltipDisplay",
@@ -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)), x = 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)), I = S(() => ({
       "flow-inline": r.spaced
     }));
     return ut(async () => {
@@ -572,7 +572,7 @@ const V = {
         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", {
       key: 2,
-      class: m([x.value, I.value]),
+      class: m([R.value, I.value]),
       "aria-hidden": "true"
     }, null, 2)) : v("", !0);
   }
@@ -640,7 +640,7 @@ function Le(e, s, t, n) {
   };
 }
 ws() && (Dn(), Nn());
-const xt = {
+const Rt = {
   /**
    * Event is dispatched when DOM in the page has changed, triggers updates from
    * all modules listening for the change (init instances, etc)
@@ -669,7 +669,7 @@ const xt = {
   }
 };
 function et(e, s) {
-  xt[e] ? xt[e](s) : console.warn(`Unable to dispatch site event: ${e} in context:`, s);
+  Rt[e] ? Rt[e](s) : console.warn(`Unable to dispatch site event: ${e} in context:`, s);
 }
 function Vn(e) {
   return "ulu:" + e;
@@ -1207,7 +1207,7 @@ function Jn(e, s, t, n, i, o) {
           autofocus: ""
         }, [
           g(e.$slots, "closeIcon", {}, () => [
-            R(r, {
+            x(r, {
               class: "modal__close-icon",
               icon: t.closeIcon || "type:close"
             }, null, 8, ["icon"])
@@ -1227,7 +1227,7 @@ function Jn(e, s, t, n, i, o) {
       ], 2)) : v("", !0),
       n.resizerEnabled ? (a(), d("button", Zn, [
         g(e.$slots, "resizerIcon", {}, () => [
-          R(r, {
+          x(r, {
             class: "modal__resizer-icon",
             icon: t.resizerIcon || n.resizerIconType
           }, null, 8, ["icon"])
@@ -1245,7 +1245,7 @@ const Qn = /* @__PURE__ */ C(qn, [["render", Jn]]), ve = [], eo = M({
    * Populated with any props passed to open method, bound to modal component
    */
   activeProps: null
-}), be = eo.value, Rt = {
+}), be = eo.value, xt = {
   data: be,
   modals: ve
 }, to = (e) => ({
@@ -1298,7 +1298,7 @@ function tf(e, s) {
   const t = Object.assign({}, so, s), i = to((o) => Object.assign({}, t.modalOptions, o));
   e.component(t.componentNameDisplay, Bn), e.component(t.componentNameModal, Qn), t.modals.forEach((o) => {
     i.add(o);
-  }), Rt.options = t, e.config.globalProperties.$uluModals = i, e.provide("uluModals", i), e.config.globalProperties.$uluModalsState = Rt;
+  }), xt.options = t, e.config.globalProperties.$uluModals = i, e.provide("uluModals", i), e.config.globalProperties.$uluModalsState = xt;
 }
 const no = {
   name: "UluToast",
@@ -1390,7 +1390,7 @@ function io(e, s, t, n, i, o) {
       class: m(["toast__close", t.classes.closeButton]),
       onClick: s[0] || (s[0] = (...l) => t.toast.close && t.toast.close(...l))
     }, [
-      R(r, { icon: "type:close" })
+      x(r, { icon: "type:close" })
     ], 2)
   ], 2);
 }
@@ -1486,7 +1486,7 @@ function ao(e, s, t, n, i, o) {
   return a(), p(at, {
     to: i.pluginOptions.teleportTo
   }, [
-    R(cs, {
+    x(cs, {
       class: m(["toast-container", o.classes]),
       name: "toast",
       tag: "div"
@@ -1529,7 +1529,7 @@ function fo(e) {
     await new Promise((f) => {
       document.readyState === "loading" ? document.addEventListener("DOMContentLoaded", () => f()) : f();
     });
-    const r = await import("./breakpoints-O2rDlMRj.js"), { BreakpointManager: l } = r, c = de(new l(s.plugin));
+    const r = await import("./breakpoints-BJNvnXsD.js"), { BreakpointManager: l } = r, c = de(new l(s.plugin));
     t.value = de(c);
     const u = () => {
       n.value = c.active, i.value = c.resizeDirection;
@@ -1615,7 +1615,7 @@ const of = {
             T(t)
           ]])
         }, [
-          R(T(cn), {
+          x(T(cn), {
             class: m(["accordion__summary", [
               { [e.activeClass]: o },
               e.classes.summary
@@ -1634,7 +1634,7 @@ const of = {
                 h("span", {
                   class: m(["accordion__icon", e.classes.icon])
                 }, [
-                  R(V, {
+                  x(V, {
                     icon: o ? "type:collapse" : "type:expand",
                     style: { display: "inline" }
                   }, null, 8, ["icon"])
@@ -1643,7 +1643,7 @@ const of = {
             ]),
             _: 2
           }, 1032, ["class"]),
-          R(T(un), {
+          x(T(un), {
             class: m(["accordion__content", e.classes.content])
           }, {
             default: w(() => [
@@ -2032,7 +2032,7 @@ function ko(e, s, t, n, i, o) {
       "menu-stack--compact": t.compact
     }])
   }, [
-    R(r, {
+    x(r, {
       items: t.items,
       classes: {
         list: "menu-stack__list",
@@ -2079,7 +2079,7 @@ function $o(e, s, t, n, i, o) {
       g(e.$slots, "default", { isOpen: c })
     ]),
     content: w(() => [
-      R(r, { items: t.items }, null, 8, ["items"])
+      x(r, { items: t.items }, null, 8, ["items"])
     ]),
     _: 3
   }, 8, ["classes"]);
@@ -2112,7 +2112,7 @@ function Oo() {
     }
   };
 }
-const xo = {
+const Ro = {
   uluCore: "Core",
   uluIsMobile: "Breakpoints",
   uluBreakpointActive: "Breakpoints",
@@ -2121,10 +2121,10 @@ const xo = {
   uluModals: "Modals",
   uluToast: "Toast"
 }, zt = {};
-function Ro(e) {
+function xo(e) {
   const s = ct(e, zt);
   if (s === zt) {
-    const t = xo[e] || "", n = t ? ` from the '${t}' plugin` : "", i = t ? "Please install missing plugin." : "";
+    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}`);
   }
   return s;
@@ -2145,8 +2145,8 @@ function lf(e, s) {
       return null;
     const u = {
       pages: {}
-    }, f = i.value, _ = o.value, b = 5, x = (U) => ({ query: { ...t.query, page: U } });
-    f > 1 && (u.first = { href: x(1) }, u.previous = { href: x(f - 1) }), f < _ && (u.next = { href: x(f + 1) }, u.last = { href: x(_) });
+    }, 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;
     if (_ <= b)
       I = 1, H = _;
@@ -2155,7 +2155,7 @@ function lf(e, s) {
       f <= U ? (I = 1, H = b) : f + Q >= _ ? (I = _ - b + 1, H = _) : (I = f - U, H = f + Q);
     }
     for (let U = I; U <= H; U++)
-      u.pages[U] = { href: x(U) };
+      u.pages[U] = { href: R(U) };
     return u;
   }), c = S(() => {
     const u = { previous: !1, next: !1 };
@@ -2250,7 +2250,7 @@ function Po(e, s, t) {
     sort: vt
   }, t), o = e.find((u) => u.path !== "/" && s.includes(u.path)), r = (u, f, _) => {
     if (u.children) {
-      const b = u.children.find((x) => x.path.includes(s));
+      const b = u.children.find((R) => R.path.includes(s));
       if (b)
         return r(b, u, _ + b.path);
     }
@@ -2394,7 +2394,7 @@ const Do = { class: "layout-flex-baseline" }, No = { class: "type-word-break" },
         size: "large"
       }, {
         trigger: w(() => [
-          R(V, {
+          x(V, {
             icon: e.triggerIcon || "type:ellipsis"
           }, null, 8, ["icon"])
         ]),
@@ -2676,7 +2676,7 @@ function Qo(e, s, t, n, i, o) {
     class: m(["callout", n.resolvedModifiers])
   }, [
     h("div", Go, [
-      R(r, {
+      x(r, {
         class: m(["type-large margin-right-small", `color-${t.type}`]),
         icon: t.icon || `type:${t.type}`
       }, null, 8, ["class", "icon"]),
@@ -2756,7 +2756,7 @@ const gf = /* @__PURE__ */ C(Ko, [["render", Qo]]), ei = ["aria-hidden"], ti = {
         class: "badge-stack__item",
         key: i
       }, [
-        R(si, Z({ ref_for: !0 }, n), null, 16)
+        x(si, Z({ ref_for: !0 }, n), null, 16)
       ]))), 128))
     ]));
   }
@@ -3207,7 +3207,7 @@ const vf = /* @__PURE__ */ C(ci, [["render", yi]]), bf = {
           k(y(e.text), 1)
         ])
       ]),
-      R(V, {
+      x(V, {
         class: "external-link__icon margin-left-small-x display-inline",
         icon: e.icon || "type:externalLink"
       }, null, 8, ["icon"])
@@ -3336,8 +3336,8 @@ const kf = /* @__PURE__ */ C(vi, [["render", wi]]), Si = { class: "spoke-spinner
       if (t.type === "radio")
         n("update:modelValue", f.uid);
       else if (Array.isArray(t.modelValue)) {
-        const b = [...t.modelValue], x = b.indexOf(f.uid);
-        x > -1 ? b.splice(x, 1) : b.push(f.uid), n("update:modelValue", b);
+        const b = [...t.modelValue], R = b.indexOf(f.uid);
+        R > -1 ? b.splice(R, 1) : b.push(f.uid), n("update:modelValue", b);
       } else
         f.checked = _.target.checked;
     };
@@ -3363,7 +3363,7 @@ const kf = /* @__PURE__ */ C(vi, [["render", wi]]), Si = { class: "spoke-spinner
               name: i.value,
               value: b.uid,
               checked: c(b),
-              onChange: (x) => u(b, x)
+              onChange: (R) => u(b, R)
             }, null, 40, Ai),
             h("label", {
               for: l(b)
@@ -3377,7 +3377,7 @@ const kf = /* @__PURE__ */ C(vi, [["render", wi]]), Si = { class: "spoke-spinner
       ])
     ], 8, ki));
   }
-}, xi = ["href", "download"], Ri = { class: "margin-left-small-x" }, Tf = {
+}, Ri = ["href", "download"], xi = { class: "margin-left-small-x" }, Tf = {
   __name: "UluFileDisplay",
   props: {
     file: {
@@ -3404,11 +3404,11 @@ const kf = /* @__PURE__ */ C(vi, [["render", wi]]), Si = { class: "spoke-spinner
         fileName: e.file.name,
         fileSize: n.value
       }, () => [
-        R(V, {
+        x(V, {
           class: "ui-icon",
           icon: e.icon
         }, null, 8, ["icon"]),
-        h("span", Ri, [
+        h("span", xi, [
           k(y(e.file.name) + " ", 1),
           e.noFileSize ? v("", !0) : (a(), p(ks, {
             key: 0,
@@ -3418,7 +3418,7 @@ const kf = /* @__PURE__ */ C(vi, [["render", wi]]), Si = { class: "spoke-spinner
           }, null, 8, ["text"]))
         ])
       ])
-    ], 8, xi));
+    ], 8, Ri));
   }
 }, Ui = { class: "site-form__item site-form__item--file" }, ji = ["for"], Ei = ["multiple", "id"], $f = {
   __name: "UluFormFile",
@@ -3516,7 +3516,7 @@ const kf = /* @__PURE__ */ C(vi, [["render", wi]]), Si = { class: "spoke-spinner
       ], 40, Mi)
     ]));
   }
-}, Pi = { class: "site-form__item site-form__item--text" }, Fi = ["for"], Li = ["value", "id"], xf = {
+}, Pi = { class: "site-form__item site-form__item--text" }, Fi = ["for"], Li = ["value", "id"], Rf = {
   __name: "UluFormText",
   props: {
     label: String,
@@ -3549,7 +3549,7 @@ const kf = /* @__PURE__ */ C(vi, [["render", wi]]), Si = { class: "spoke-spinner
 }, Hi = { class: "form-theme search-form type-small" }, Vi = { class: "search-form__field" }, Di = ["placeholder"], Ni = {
   class: "search-form__submit button button--primary",
   "aria-label": "Submit Search"
-}, Rf = {
+}, xf = {
   __name: "UluSearchForm",
   props: {
     placeholder: {
@@ -3569,14 +3569,14 @@ const kf = /* @__PURE__ */ C(vi, [["render", wi]]), Si = { class: "spoke-spinner
         }, null, 8, Di)
       ]),
       h("button", Ni, [
-        R(V, { icon: "type:search" })
+        x(V, { icon: "type:search" })
       ])
     ]));
   }
 }, Uf = {
   __name: "UluAdaptiveLayout",
   setup(e) {
-    const s = Ro("uluIsMobile");
+    const s = xo("uluIsMobile");
     return (t, n) => !T(s) || !t.$slots.mobile ? g(t.$slots, "default", { key: 0 }) : g(t.$slots, "mobile", { key: 1 });
   }
 };
@@ -3747,7 +3747,7 @@ function Qi(e, s, t, n, i, o) {
           _: 2
         }, 1032, ["to", "class", "aria-current"])),
         u < t.items.length - 1 ? g(e.$slots, "separator", { key: 2 }, () => [
-          R(l, {
+          x(l, {
             class: m(t.classes.separator),
             icon: t.separatorIcon || "type:pathSeparator"
           }, null, 8, ["class", "icon"])
@@ -3789,7 +3789,7 @@ function tr(e, s, t, n, i, o) {
       "nav-strip--right": t.right
     }])
   }, [
-    R(r, {
+    x(r, {
       items: t.items,
       classes: {
         list: "nav-strip__list",
@@ -4039,8 +4039,8 @@ const Df = /* @__PURE__ */ C(vr, [["render", br]]), wr = {
 }, Cr = { class: "hidden-visually" }, Tr = { class: "progress-bar__track" }, $r = { class: "progress-bar__values" }, Ar = { class: "progress-bar__value progress-bar__value--amount" }, Or = {
   key: 0,
   class: "progress-bar__value progress-bar__value--deficit color-status is-danger"
-}, xr = { class: "progress-bar__value progress-bar__value--total" };
-function Rr(e, s, t, n, i, o) {
+}, Rr = { class: "progress-bar__value progress-bar__value--total" };
+function xr(e, s, t, n, i, o) {
   const r = z("StatusIcon");
   return a(), d("div", {
     class: m(["progress-bar", {
@@ -4057,7 +4057,7 @@ function Rr(e, s, t, n, i, o) {
         }])
       }, y(t.label), 3),
       o.status ? (a(), d("div", kr, [
-        R(r, {
+        x(r, {
           type: o.status.type
         }, null, 8, ["type"]),
         h("span", Cr, y(o.status.message), 1)
@@ -4083,14 +4083,14 @@ function Rr(e, s, t, n, i, o) {
         s[1] || (s[1] = h("strong", { class: "hidden-visually" }, "Deficit: ", -1)),
         k(" -" + y(t.deficit), 1)
       ])) : v("", !0),
-      h("div", xr, [
+      h("div", Rr, [
         s[2] || (s[2] = h("strong", { class: "hidden-visually" }, "Total:", -1)),
         k(" " + y(t.total), 1)
       ])
     ])
   ], 2);
 }
-const Nf = /* @__PURE__ */ C(wr, [["render", Rr]]);
+const Nf = /* @__PURE__ */ C(wr, [["render", xr]]);
 let Ur = 0;
 const jr = {
   name: "ProgressDonut",
@@ -4220,7 +4220,7 @@ function Xf(e, s = {}) {
   } = s, b = ($) => $.sort((P, L) => {
     const N = _(P), W = _(L);
     return N && W ? String(N).localeCompare(String(W)) : N ? -1 : W ? 1 : 0;
-  }), x = {
+  }), R = {
     az: { text: "A-Z", sort: b },
     za: { text: "Z-A", sort: ($) => b($).reverse() }
   };
@@ -4240,7 +4240,7 @@ function Xf(e, s = {}) {
     U.value = I($);
   });
   const Oe = S(() => ({
-    ...l ? {} : x,
+    ...l ? {} : R,
     ...c
   })), ae = S(() => ({
     shouldSort: !0,
@@ -4255,10 +4255,10 @@ function Xf(e, s = {}) {
         Ct.selected && (++ne, kt || ($.push({ uid: N, name: L, children: [] }), kt = !0), $[$.length - 1].children.push(Ct));
       }), P.selectedCount = ne;
     }), $;
-  }), xe = S(() => X.value.length ? e.value.filter(($) => X.value.every((P) => {
+  }), Re = S(() => X.value.length ? e.value.filter(($) => X.value.every((P) => {
     const L = f($, P.uid);
     return L && L.length ? P.children.some((N) => L.includes(N.uid)) : !1;
-  })) : e.value), ye = S(() => Q.value?.length ? new _n(xe.value, ae.value).search(Q.value).map((P) => P.item) : xe.value), Re = S(() => {
+  })) : e.value), ye = S(() => Q.value?.length ? new _n(Re.value, ae.value).search(Q.value).map((P) => P.item) : Re.value), xe = S(() => {
     const $ = Oe.value[Ae.value]?.sort;
     return typeof $ != "function" ? ye.value : $([...ye.value]);
   });
@@ -4284,7 +4284,7 @@ function Xf(e, s = {}) {
     selectedSort: Ae,
     sortTypes: Oe,
     // Computed
-    displayItems: Re,
+    displayItems: xe,
     selectedFacets: X,
     // Methods
     clearFilters: D,
@@ -4383,7 +4383,7 @@ const Mt = {
           ])
         ]),
         default: w(() => [
-          R(Mt, {
+          x(Mt, {
             children: r.children.slice(0, e.maxVisible),
             groupUid: r.uid,
             groupName: r.name,
@@ -4402,7 +4402,7 @@ const Mt = {
               k(y(l ? "- Less" : "+ More"), 1)
             ]),
             default: w(() => [
-              R(Mt, {
+              x(Mt, {
                 children: r.children.slice(e.maxVisible),
                 groupUid: r.uid,
                 groupName: r.name,
@@ -4472,24 +4472,29 @@ const Mt = {
         key: u.uid,
         class: m(e.classes.group)
       }, [
-        R(Fe, {
+        x(Fe, {
           classes: {
             trigger: e.classes.trigger,
             content: e.classes.content
           }
         }, {
           trigger: w(() => [
-            h("span", null, [
-              k(y(u.name) + ": ", 1),
-              h("strong", null, y(o(u)), 1)
+            g(l.$slots, "trigger", {
+              group: u,
+              label: o(u)
+            }, () => [
+              h("span", null, [
+                k(y(u.name) + ": ", 1),
+                h("strong", null, y(o(u)), 1)
+              ])
             ]),
-            R(V, {
+            x(V, {
               class: m(e.classes.triggerIcon),
               icon: "fas fa-chevron-down"
             }, null, 8, ["class"])
           ]),
           content: w(({ close: f }) => [
-            R(Os, {
+            x(Os, {
               legend: u.name,
               type: u.multiple ? "checkbox" : "radio",
               options: n(u),
@@ -4714,7 +4719,7 @@ const Mt = {
       ], 42, il)
     ], 2));
   }
-}, xs = Symbol(), Rs = Symbol(), De = Symbol(), ll = {
+}, Rs = Symbol(), xs = Symbol(), De = Symbol(), ll = {
   name: "ScrollAnchors",
   emits: ["section-change"],
   props: {
@@ -4748,7 +4753,7 @@ const Mt = {
   provide() {
     return {
       [De]: S(() => this.sections),
-      [xs]: (e) => {
+      [Rs]: (e) => {
         const { titleId: s, title: t } = e, { element: n } = e.$refs;
         this.sections.push({
           instance: e,
@@ -4758,7 +4763,7 @@ const Mt = {
           active: !1
         }), this.update();
       },
-      [Rs]: (e) => {
+      [xs]: (e) => {
         const s = this.sections, t = s.findIndex((n) => n.instance === e);
         t > -1 && s.splice(t, 1), this.update();
       }
@@ -4779,9 +4784,9 @@ const Mt = {
       let i = 0;
       const o = (r) => {
         r.forEach(({ target: l, isIntersecting: c }) => {
-          const u = this.getSectionIndex(l), f = l.offsetTop, _ = s[u], b = u === 0 && i > f, x = u === s.length - 1 && i < f;
+          const u = this.getSectionIndex(l), f = l.offsetTop, _ = s[u], b = u === 0 && i > f, R = u === s.length - 1 && i < f;
           _ && this.$nextTick(() => {
-            c ? (t(_), _.active = !0) : (b && !n || x && _.active) && t(), this.$emit("section-change", {
+            c ? (t(_), _.active = !0) : (b && !n || R && _.active) && t(), this.$emit("section-change", {
               section: _,
               sections: s,
               active: c
@@ -4971,8 +4976,8 @@ const nh = /* @__PURE__ */ C(hl, [["render", yl]]), pl = {
     }
   },
   inject: {
-    register: { from: xs },
-    unregister: { from: Rs },
+    register: { from: Rs },
+    unregister: { from: xs },
     sections: { from: De, default: () => S(() => []) }
   },
   data() {
@@ -5097,7 +5102,7 @@ const lh = {
   __name: "UluSkeletonMedia",
   setup(e) {
     return (s, t) => (a(), d("div", wl, [
-      R(V, { icon: "type:image" })
+      x(V, { icon: "type:image" })
     ]));
   }
 }, Sl = {
@@ -5304,7 +5309,7 @@ const lh = {
 }, $l = {
   class: "slideshow__track",
   ref: "track"
-}, Al = ["tabindex"], Ol = { class: "slideshow__controls" }, xl = { class: "slideshow__controls-item slideshow__controls-item--previous" }, Rl = ["disabled"], Ul = { class: "slideshow__controls-item slideshow__controls-item--next" }, jl = ["disabled"], El = {
+}, Al = ["tabindex"], Ol = { class: "slideshow__controls" }, Rl = { class: "slideshow__controls-item slideshow__controls-item--previous" }, xl = ["disabled"], Ul = { class: "slideshow__controls-item slideshow__controls-item--next" }, jl = ["disabled"], El = {
   key: 0,
   class: "slideshow__nav",
   ref: "nav"
@@ -5332,18 +5337,18 @@ function Ml(e, s, t, n, i, o) {
         ], 512)
       ], 512),
       h("ul", Ol, [
-        h("li", xl, [
+        h("li", Rl, [
           h("button", {
             class: "slideshow__control-button slideshow__control-button--previous",
             "aria-label": "Scroll Right",
             onClick: s[0] || (s[0] = (...l) => o.previous && o.previous(...l)),
             disabled: !o.canScrollLeft
           }, [
-            R(r, {
+            x(r, {
               class: "slideshow__control-icon",
               icon: "type:next"
             })
-          ], 8, Rl)
+          ], 8, xl)
         ]),
         h("li", Ul, [
           h("button", {
@@ -5352,7 +5357,7 @@ function Ml(e, s, t, n, i, o) {
             onClick: s[1] || (s[1] = (...l) => o.next && o.next(...l)),
             disabled: !o.canScrollRight
           }, [
-            R(r, {
+            x(r, {
               class: "slideshow__control-icon",
               icon: "type:previous"
             })
@@ -5705,7 +5710,7 @@ function la(e, s, t, n, i, o) {
       ], 14, Ql))), 128))
     ]),
     t.rows ? (a(), d("tbody", ia, [
-      R(r, {
+      x(r, {
         rows: t.rows,
         rowColumns: t.rowColumns,
         optionalAttr: o.optionalAttr,
@@ -5725,7 +5730,7 @@ function la(e, s, t, n, i, o) {
       ]), 1032, ["rows", "rowColumns", "optionalAttr", "resolveClasses", "getCellHeaders", "isActual", "columnWidth", "classes", "value"])
     ])) : v("", !0),
     t.footerRows ? (a(), d("tfoot", ra, [
-      R(r, {
+      x(r, {
         rows: t.footerRows,
         rowColumns: t.rowColumns,
         optionalAttr: o.optionalAttr,
@@ -5827,12 +5832,12 @@ function We(e) {
   var s = typeof e;
   return e != null && (s == "object" || s == "function");
 }
-var xa = "[object AsyncFunction]", Ra = "[object Function]", Ua = "[object GeneratorFunction]", ja = "[object Proxy]";
+var Ra = "[object AsyncFunction]", xa = "[object Function]", Ua = "[object GeneratorFunction]", ja = "[object Proxy]";
 function Is(e) {
   if (!We(e))
     return !1;
   var s = Te(e);
-  return s == Ra || s == Ua || s == xa || s == ja;
+  return s == xa || s == Ua || s == Ra || s == ja;
 }
 var Ge = K["__core-js_shared__"], Pt = function() {
   var e = /[^.]+$/.exec(Ge && Ge.keys && Ge.keys.IE_PROTO || "");
@@ -6025,9 +6030,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]", xc = "[object Boolean]", Rc = "[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]", 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 = {};
 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[xc] = E[Hc] = E[Rc] = 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[zc] = E[Ic] = E[Mc] = E[Bc] = E[Pc] = E[Fc] = !1;
 function Zc(e) {
   return $e(e) && Fs(e.length) && !!E[Te(e)];
 }
@@ -6130,7 +6135,7 @@ var nt = le(K, "DataView"), ot = le(K, "Promise"), it = le(K, "Set"), rt = le(K,
   return s;
 });
 var Au = Object.prototype, Ou = Au.hasOwnProperty;
-function xu(e) {
+function Ru(e) {
   var s = e.length, t = new e.constructor(s);
   return s && typeof e[0] == "string" && Ou.call(e, "index") && (t.index = e.index, t.input = e.input), t;
 }
@@ -6139,7 +6144,7 @@ function St(e) {
   var s = new e.constructor(e.byteLength);
   return new Jt(s).set(new Jt(e)), s;
 }
-function Ru(e, s) {
+function xu(e, s) {
   var t = St(e.buffer);
   return new e.constructor(t, e.byteOffset, e.byteLength);
 }
@@ -6166,7 +6171,7 @@ function ed(e, s, t) {
     case Mu:
       return new n(+e);
     case Nu:
-      return Ru(e);
+      return xu(e);
     case Wu:
     case Xu:
     case qu:
@@ -6214,8 +6219,8 @@ var ss = he && he.isMap, id = ss ? wt(ss) : od, rd = "[object Set]";
 function ld(e) {
   return $e(e) && G(e) == rd;
 }
-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]", xd = "[object Uint8ClampedArray]", Rd = "[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[xd] = j[Rd] = j[Ud] = !0;
+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) {
   var r;
@@ -6225,7 +6230,7 @@ function Ie(e, s, t, n, i, o) {
     return e;
   var l = bt(e);
   if (l)
-    r = xu(e);
+    r = Ru(e);
   else {
     var c = G(e), u = c == Ws || c == hd;
     if (Ps(e))
@@ -6242,14 +6247,14 @@ function Ie(e, s, t, n, i, o) {
   var f = o.get(e);
   if (f)
     return f;
-  o.set(e, r), ad(e) ? e.forEach(function(x) {
-    r.add(Ie(x, s, t, x, e, o));
-  }) : id(e) && e.forEach(function(x, I) {
-    r.set(I, Ie(x, s, t, I, e, o));
+  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));
   });
   var _ = bu, b = l ? void 0 : _(e);
-  return uc(b || e, function(x, I) {
-    b && (I = x, x = e[I]), mc(r, I, Ie(x, s, t, I, e, o));
+  return uc(b || e, function(R, I) {
+    b && (I = R, R = e[I]), mc(r, I, Ie(R, s, t, I, e, o));
   }), r;
 }
 var jd = 1, Ed = 4;
@@ -6680,7 +6685,7 @@ function Nd(e, s, t, n, i, o) {
   }, [
     h("div", Md, [
       h("div", Bd, [
-        R(r, {
+        x(r, {
           ref: "header",
           class: "table-sticky__table table-sticky__table--header",
           classes: t.classes,
@@ -6774,7 +6779,7 @@ function Nd(e, s, t, n, i, o) {
       ])
     ]),
     h("div", Dd, [
-      R(r, {
+      x(r, {
         ref: "table",
         class: "table-sticky__table table-sticky__table--actual",
         classes: t.classes,
@@ -6861,8 +6866,8 @@ export {
   $f as I,
   Af as J,
   Of as K,
-  xf as L,
-  Rf as M,
+  Rf as L,
+  xf as M,
   Uf as N,
   jf as O,
   Ef as P,
@@ -6909,7 +6914,7 @@ export {
   Pn as as,
   se as at,
   Oo as au,
-  Ro as av,
+  xo as av,
   fo as aw,
   lf as ax,
   af as ay,

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

@@ -8,7 +8,9 @@
         }
       ">
         <template #trigger>
-          <span>{{ group.name }}: <strong>{{ selectedLabel(group) }}</strong></span>
+          <slot name="trigger" :group="group" :label="selectedLabel(group)">
+            <span>{{ group.name }}: <strong>{{ selectedLabel(group) }}</strong></span>
+          </slot>
           <UluIcon :class="classes.triggerIcon" icon="fas fa-chevron-down" />
         </template>
         <template #content="{ close }">

package/package.json

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