@ulu/frontend-vue 0.1.1-beta.10 → 0.1.1-beta.12

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,4 +1,4 @@
1
- import { l as o, r as h, a as p, g as v } from "./index-A7weElM_.js";
1
+ import { l as o, r as h, a as p, g as v } from "./index-DSZ04Wnl.js";
2
2
  const k = {
3
3
  iconClassClose: "css-icon css-icon--close",
4
4
  iconClassDragX: "css-icon css-icon--drag-x",
@@ -1,4 +1,4 @@
1
- import { _ as l, N as e, s as u, a1 as t, t as U, u as o, Q as i, v as r, w as n, x as c, y as S, h as d, W as F, O as p, z as b, j as m, X as k, Y as T, A as g, a5 as P, a6 as h, a7 as A, a8 as v, a9 as w, ae as y, aa as L, ab as M, ac as x, ad as B, H as C, I as R, J as f, K as D, L as I, B as N, an as E, C as j, D as q, R as z, S as G, U as V, T as H, k as O, Z as W, $ as J, a2 as K, a3 as Q, a0 as X, af as Y, ag as Z, ah as _, ai as $, M as aa, G as sa, aj as la, ak as ea, al as ua, am as ta, V as Ua, ao as oa, ap as ia, E as ra, m as na, n as ca, o as Sa, p as da, q as Fa, aq as pa, ar as ba, as as ma, F as ka, P as Ta, f as ga, b as Pa, d as ha, c as Aa, e as va, ax as wa, az as ya, a4 as La, at as Ma, au as xa, ay as Ba, aw as Ca, av as Ra, i as fa } from "./index-A7weElM_.js";
1
+ import { _ as l, N as e, s as u, a1 as t, t as U, u as o, Q as i, v as r, w as n, x as c, y as S, h as d, W as F, O as p, z as b, j as m, X as k, Y as T, A as g, a5 as P, a6 as h, a7 as A, a8 as v, a9 as w, ae as y, aa as L, ab as M, ac as x, ad as B, H as C, I as R, J as f, K as D, L as I, B as N, an as E, C as j, D as q, R as z, S as G, U as V, T as H, k as O, Z as W, $ as J, a2 as K, a3 as Q, a0 as X, af as Y, ag as Z, ah as _, ai as $, M as aa, G as sa, aj as la, ak as ea, al as ua, am as ta, V as Ua, ao as oa, ap as ia, E as ra, m as na, n as ca, o as Sa, p as da, q as Fa, aq as pa, ar as ba, as as ma, F as ka, P as Ta, f as ga, b as Pa, d as ha, c as Aa, e as va, ax as wa, az as ya, a4 as La, at as Ma, au as xa, ay as Ba, aw as Ca, av as Ra, i as fa } from "./index-DSZ04Wnl.js";
2
2
  export {
3
3
  l as UluAccordion,
4
4
  e as UluAdaptiveLayout,
@@ -1,4 +1,4 @@
1
- import { reactive as qt, ref as I, computed as w, resolveDirective as Gn, createElementBlock as d, openBlock as u, Fragment as E, withDirectives as Oe, createElementVNode as h, unref as T, normalizeClass as m, renderSlot as g, createTextVNode as $, toDisplayString as p, withKeys as Zn, normalizeStyle as H, createCommentVNode as b, nextTick as Qn, toRef as Xs, createBlock as _, Teleport as dt, resolveDynamicComponent as V, mergeProps as le, inject as ft, watchEffect as ht, defineAsyncComponent as Ys, markRaw as xe, toRefs as qs, toValue as ot, resolveComponent as D, withModifiers as Ks, createVNode as M, useSlots as Gs, renderList as x, TransitionGroup as Jn, withCtx as S, onMounted as mt, onBeforeUnmount as es, watch as We, isRef as Zs, hasInjectionContext as Qs, getCurrentInstance as Js, onDeactivated as eo, onActivated as to, onUnmounted as ts, normalizeProps as ee, guardReactiveProps as te, vModelText as no, vShow as Mt, createSlots as Te } from "vue";
1
+ import { reactive as qt, ref as I, computed as w, resolveDirective as Gn, createElementBlock as d, openBlock as u, Fragment as E, withDirectives as Oe, createElementVNode as h, unref as T, normalizeClass as m, renderSlot as g, createTextVNode as $, toDisplayString as p, withKeys as Zn, normalizeStyle as H, createCommentVNode as b, nextTick as Qn, toRef as Xs, createBlock as _, Teleport as dt, resolveDynamicComponent as V, mergeProps as le, inject as ft, watchEffect as ht, defineAsyncComponent as Ys, markRaw as xe, toRefs as qs, toValue as ot, resolveComponent as D, withModifiers as Ks, createVNode as M, useSlots as Gs, renderList as x, TransitionGroup as Jn, withCtx as S, onMounted as mt, onBeforeUnmount as es, watch as De, isRef as Zs, hasInjectionContext as Qs, getCurrentInstance as Js, onDeactivated as eo, onActivated as to, onUnmounted as ts, normalizeProps as ee, guardReactiveProps as te, vModelText as no, vShow as Mt, createSlots as Te } from "vue";
2
2
  import { inline as ns, offset as ss, flip as os, shift as is, arrow as rs, useFloating as ls, autoUpdate as as } from "@floating-ui/vue";
3
3
  import { useRoute as cs, useRouter as so, RouterLink as gt } from "vue-router";
4
4
  import { Tab as oo, TabGroup as io, TabList as ro, TabPanel as lo, TabPanels as ao } from "@headlessui/vue";
@@ -296,7 +296,7 @@ const bo = ["id", "disabled", "aria-expanded", "aria-controls", "aria-label"], _
296
296
  middlewareData: A,
297
297
  update: O,
298
298
  isPositioned: ue
299
- } = ls(a, c, v), Je = w(() => {
299
+ } = ls(a, c, v), Qe = w(() => {
300
300
  const X = A.value?.arrow;
301
301
  return X ? {
302
302
  position: "absolute",
@@ -305,7 +305,7 @@ const bo = ["id", "disabled", "aria-expanded", "aria-controls", "aria-label"], _
305
305
  } : null;
306
306
  });
307
307
  r.onReady && r.onReady({ update: O, isPositioned: ue });
308
- const Me = () => {
308
+ const Je = () => {
309
309
  ge(!l.value);
310
310
  }, ge = (X) => {
311
311
  l.value = X;
@@ -335,7 +335,7 @@ const bo = ["id", "disabled", "aria-expanded", "aria-controls", "aria-label"], _
335
335
  type: "button",
336
336
  ref_key: "trigger",
337
337
  ref: a,
338
- onClick: Me,
338
+ onClick: Je,
339
339
  id: T(i),
340
340
  disabled: e.disabled,
341
341
  class: m([
@@ -348,7 +348,6 @@ const bo = ["id", "disabled", "aria-expanded", "aria-controls", "aria-label"], _
348
348
  }, [
349
349
  g(X.$slots, "trigger", {
350
350
  isOpen: l.value,
351
- toggle: Me,
352
351
  close: de
353
352
  }, () => [
354
353
  $(p(e.triggerText), 1)
@@ -377,7 +376,7 @@ const bo = ["id", "disabled", "aria-expanded", "aria-controls", "aria-label"], _
377
376
  h("span", wo, [
378
377
  g(X.$slots, "default", {
379
378
  isOpen: l.value,
380
- toggle: Me,
379
+ toggle: Je,
381
380
  close: de
382
381
  })
383
382
  ]),
@@ -389,7 +388,7 @@ const bo = ["id", "disabled", "aria-expanded", "aria-controls", "aria-label"], _
389
388
  class: "popover__arrow",
390
389
  ref_key: "contentArrow",
391
390
  ref: f,
392
- style: H(Je.value),
391
+ style: H(Qe.value),
393
392
  "data-ulu-popover-arrow": ""
394
393
  }, null, 4)) : b("", !0)
395
394
  ], 46, _o)
@@ -659,25 +658,25 @@ const pn = {
659
658
  * - Is triggered by modules that were responsible for modifying the page
660
659
  */
661
660
  pageModified(e) {
662
- e.dispatchEvent(Fe("pageModified"));
661
+ e.dispatchEvent(Le("pageModified"));
663
662
  },
664
663
  /**
665
664
  * Event called when page is resized
666
665
  */
667
666
  pageResized(e) {
668
- e.dispatchEvent(Fe("pageResized"));
667
+ e.dispatchEvent(Le("pageResized"));
669
668
  },
670
669
  /**
671
670
  * Event dispatched before page print begins (teardown/restructure/hide things)
672
671
  */
673
672
  beforePrint(e) {
674
- e.dispatchEvent(Fe("beforePrint"));
673
+ e.dispatchEvent(Le("beforePrint"));
675
674
  },
676
675
  /**
677
676
  * Event dispatched after page print (cleanup)
678
677
  */
679
678
  afterPrint(e) {
680
- e.dispatchEvent(Fe("afterPrint"));
679
+ e.dispatchEvent(Le("afterPrint"));
681
680
  }
682
681
  };
683
682
  function Bt(e, n) {
@@ -686,7 +685,7 @@ function Bt(e, n) {
686
685
  function Mo(e) {
687
686
  return "ulu:" + e;
688
687
  }
689
- function Fe(e, n = null, t = { bubbles: !0 }) {
688
+ function Le(e, n = null, t = { bubbles: !0 }) {
690
689
  return new CustomEvent(Mo(e), { detail: n, ...t });
691
690
  }
692
691
  function Uo() {
@@ -939,7 +938,7 @@ class Zt {
939
938
  * @param {Object} [data={}] Optional data to attach to the event's detail property.
940
939
  */
941
940
  dispatchEvent(n, t = {}) {
942
- this.container.dispatchEvent(Fe(n, t));
941
+ this.container.dispatchEvent(Le(n, t));
943
942
  }
944
943
  }
945
944
  let At = 0;
@@ -1248,7 +1247,7 @@ function Wo(e, n, t, s, o, i) {
1248
1247
  ], 46, Vo)
1249
1248
  ], 8, ["to", "disabled"]);
1250
1249
  }
1251
- const ds = /* @__PURE__ */ R(Fo, [["render", Wo]]), Ve = [], Xo = I({
1250
+ const ds = /* @__PURE__ */ R(Fo, [["render", Wo]]), Fe = [], Xo = I({
1252
1251
  /**
1253
1252
  * Holds active component options (including component, and options)
1254
1253
  */
@@ -1257,13 +1256,13 @@ const ds = /* @__PURE__ */ R(Fo, [["render", Wo]]), Ve = [], Xo = I({
1257
1256
  * Populated with any props passed to open method, bound to modal component
1258
1257
  */
1259
1258
  activeProps: null
1260
- }), He = Xo.value, bn = {
1261
- data: He,
1262
- modals: Ve
1259
+ }), Ve = Xo.value, bn = {
1260
+ data: Ve,
1261
+ modals: Fe
1263
1262
  }, Yo = (e) => ({
1264
1263
  open(n, t = null) {
1265
1264
  const s = this.get(n);
1266
- He.active = xe(s), He.activeProps = Object.assign({}, s.props, t);
1265
+ Ve.active = xe(s), Ve.activeProps = Object.assign({}, s.props, t);
1267
1266
  },
1268
1267
  /**
1269
1268
  * Close the active modal
@@ -1271,14 +1270,14 @@ const ds = /* @__PURE__ */ R(Fo, [["render", Wo]]), Ve = [], Xo = I({
1271
1270
  * @see https://www.deque.com/blog/accessible-routing-in-javascript-frameworks/
1272
1271
  */
1273
1272
  close() {
1274
- He.active = null, He.activeProps = null;
1273
+ Ve.active = null, Ve.activeProps = null;
1275
1274
  },
1276
1275
  /**
1277
1276
  * Get a modal's config object by name
1278
1277
  * @return {Object} Modal config object
1279
1278
  */
1280
1279
  get(n) {
1281
- const t = Ve.find((s) => s.name === n);
1280
+ const t = Fe.find((s) => s.name === n);
1282
1281
  if (t)
1283
1282
  return t;
1284
1283
  throw new Error(`Unable to find modal named: ${n}`);
@@ -1288,16 +1287,16 @@ const ds = /* @__PURE__ */ R(Fo, [["render", Wo]]), Ve = [], Xo = I({
1288
1287
  */
1289
1288
  add(n) {
1290
1289
  const t = e(n);
1291
- Ve.push(t);
1290
+ Fe.push(t);
1292
1291
  },
1293
1292
  /**
1294
1293
  * Removes a modal config by name
1295
1294
  * @return {Object} Modal that was removed
1296
1295
  */
1297
1296
  remove(n) {
1298
- const t = Ve.findIndex((s) => s.name === n);
1297
+ const t = Fe.findIndex((s) => s.name === n);
1299
1298
  if (t > -1)
1300
- return Ve.splice(t, 1);
1299
+ return Fe.splice(t, 1);
1301
1300
  warn("unable to find modal to remove");
1302
1301
  }
1303
1302
  }), qo = {
@@ -1541,7 +1540,7 @@ function si(e) {
1541
1540
  await new Promise((f) => {
1542
1541
  document.readyState === "loading" ? document.addEventListener("DOMContentLoaded", () => f()) : f();
1543
1542
  });
1544
- const r = await import("./breakpoints-BYSYcx8V.js"), { BreakpointManager: l } = r, a = xe(new l(n.plugin));
1543
+ const r = await import("./breakpoints-DPEE3zUa.js"), { BreakpointManager: l } = r, a = xe(new l(n.plugin));
1545
1544
  t.value = xe(a);
1546
1545
  const c = () => {
1547
1546
  s.value = a.active, o.value = a.resizeDirection;
@@ -1578,9 +1577,9 @@ function Zf(e, n) {
1578
1577
  } = si(l);
1579
1578
  e.provide("uluBreakpointActive", w(() => c.value)), e.provide("uluBreakpointDirection", w(() => f.value)), e.provide("uluBreakpointManager", w(() => a.value)), e.provide("uluIsMobile", w(() => t.value));
1580
1579
  }
1581
- const Lt = /* @__PURE__ */ new Set(), q = /* @__PURE__ */ new WeakMap(), pe = /* @__PURE__ */ new WeakMap(), Z = /* @__PURE__ */ new WeakMap(), Xe = /* @__PURE__ */ new WeakMap(), Ot = /* @__PURE__ */ new WeakMap(), Ne = /* @__PURE__ */ new WeakMap(), ye = /* @__PURE__ */ new WeakMap(), me = /* @__PURE__ */ new WeakMap(), Ae = /* @__PURE__ */ new WeakSet();
1580
+ const Lt = /* @__PURE__ */ new Set(), q = /* @__PURE__ */ new WeakMap(), pe = /* @__PURE__ */ new WeakMap(), Z = /* @__PURE__ */ new WeakMap(), We = /* @__PURE__ */ new WeakMap(), Ot = /* @__PURE__ */ new WeakMap(), He = /* @__PURE__ */ new WeakMap(), ye = /* @__PURE__ */ new WeakMap(), me = /* @__PURE__ */ new WeakMap(), Ae = /* @__PURE__ */ new WeakSet();
1582
1581
  let K, Qt = 0, Jt = 0;
1583
- const re = "__aa_tgt", Ye = "__aa_del", at = "__aa_new", hs = (e) => {
1582
+ const re = "__aa_tgt", Xe = "__aa_del", at = "__aa_new", hs = (e) => {
1584
1583
  const n = ai(e);
1585
1584
  n && n.forEach((t) => ci(t));
1586
1585
  }, ii = (e) => {
@@ -1593,7 +1592,7 @@ function ms(e) {
1593
1592
  return n.bottom < 0 || n.top > s || n.right < 0 || n.left > t;
1594
1593
  }
1595
1594
  function en(e) {
1596
- const n = Xe.get(e);
1595
+ const n = We.get(e);
1597
1596
  n?.disconnect();
1598
1597
  let t = q.get(e), s = 0;
1599
1598
  const o = 5;
@@ -1610,11 +1609,11 @@ function en(e) {
1610
1609
  threshold: 1,
1611
1610
  rootMargin: a
1612
1611
  });
1613
- c.observe(e), Xe.set(e, c);
1612
+ c.observe(e), We.set(e, c);
1614
1613
  }
1615
1614
  function _e(e, n = !0) {
1616
1615
  clearTimeout(me.get(e));
1617
- const t = pt(e), s = n ? qe(t) ? 500 : t.duration : 0;
1616
+ const t = pt(e), s = n ? Ye(t) ? 500 : t.duration : 0;
1618
1617
  me.set(e, setTimeout(async () => {
1619
1618
  const o = Z.get(e);
1620
1619
  try {
@@ -1630,7 +1629,7 @@ function ri() {
1630
1629
  }
1631
1630
  function li(e) {
1632
1631
  setTimeout(() => {
1633
- Ne.set(e, setInterval(() => gs(_e.bind(null, e)), 2e3));
1632
+ He.set(e, setInterval(() => gs(_e.bind(null, e)), 2e3));
1634
1633
  }, Math.round(2e3 * Math.random()));
1635
1634
  }
1636
1635
  function gs(e) {
@@ -1655,7 +1654,7 @@ function ai(e) {
1655
1654
  for (let i = 0; i < o.target.children.length; i++) {
1656
1655
  const r = o.target.children.item(i);
1657
1656
  if (r) {
1658
- if (Ye in r)
1657
+ if (Xe in r)
1659
1658
  return !1;
1660
1659
  xt(o.target, r), s.add(r);
1661
1660
  }
@@ -1664,7 +1663,7 @@ function ai(e) {
1664
1663
  if (o.removedNodes.length)
1665
1664
  for (let i = 0; i < o.removedNodes.length; i++) {
1666
1665
  const r = o.removedNodes[i];
1667
- if (Ye in r)
1666
+ if (Xe in r)
1668
1667
  return !1;
1669
1668
  r instanceof Element && (s.add(r), xt(o.target, r), pe.set(r, [
1670
1669
  o.previousSibling,
@@ -1734,7 +1733,7 @@ function rt(e, ...n) {
1734
1733
  function nn(e) {
1735
1734
  return Array.isArray(e) ? e : [e];
1736
1735
  }
1737
- function qe(e) {
1736
+ function Ye(e) {
1738
1737
  return typeof e == "function";
1739
1738
  }
1740
1739
  function di(e) {
@@ -1801,8 +1800,8 @@ function wn(e) {
1801
1800
  }
1802
1801
  function Sn(e, n) {
1803
1802
  var t;
1804
- e.remove(), q.delete(e), pe.delete(e), Z.delete(e), (t = Xe.get(e)) === null || t === void 0 || t.disconnect(), setTimeout(() => {
1805
- if (Ye in e && delete e[Ye], Object.defineProperty(e, at, { value: !0, configurable: !0 }), n && e instanceof HTMLElement)
1803
+ e.remove(), q.delete(e), pe.delete(e), Z.delete(e), (t = We.get(e)) === null || t === void 0 || t.disconnect(), setTimeout(() => {
1804
+ if (Xe in e && delete e[Xe], Object.defineProperty(e, at, { value: !0, configurable: !0 }), n && e instanceof HTMLElement)
1806
1805
  for (const s in n)
1807
1806
  e.style[s] = "";
1808
1807
  }, 0);
@@ -1812,7 +1811,7 @@ function fi(e) {
1812
1811
  if (!pe.has(e) || !q.has(e))
1813
1812
  return;
1814
1813
  const [t, s] = pe.get(e);
1815
- Object.defineProperty(e, Ye, { value: !0, configurable: !0 });
1814
+ Object.defineProperty(e, Xe, { value: !0, configurable: !0 });
1816
1815
  const o = window.scrollX, i = window.scrollY;
1817
1816
  if (s && s.parentNode && s.parentNode instanceof Element ? s.parentNode.insertBefore(e, s) : t && t.parentNode ? t.parentNode.appendChild(e) : (n = ps(e)) === null || n === void 0 || n.appendChild(e), !tn(e))
1818
1817
  return Sn(e);
@@ -1829,7 +1828,7 @@ function fi(e) {
1829
1828
  transformOrigin: "center",
1830
1829
  zIndex: "100"
1831
1830
  };
1832
- if (!qe(f))
1831
+ if (!Ye(f))
1833
1832
  Object.assign(e.style, k), v = e.animate([
1834
1833
  {
1835
1834
  transform: "scale(1)",
@@ -1860,7 +1859,7 @@ function hi(e, n, t, s) {
1860
1859
  const y = performance.now();
1861
1860
  function v() {
1862
1861
  requestAnimationFrame(() => {
1863
- if (!qe(s)) {
1862
+ if (!Ye(s)) {
1864
1863
  const k = c - a.clientHeight, j = f - a.clientWidth;
1865
1864
  y + s.duration > performance.now() ? (window.scrollTo({
1866
1865
  left: window.scrollX - j,
@@ -1882,8 +1881,8 @@ function mi(e) {
1882
1881
  return [a, c, s, o];
1883
1882
  }
1884
1883
  function gi(e, n = {}) {
1885
- if (vs && oe && !(window.matchMedia("(prefers-reduced-motion: reduce)").matches && !qe(n) && !n.disrespectUserMotionPreference)) {
1886
- Ae.add(e), getComputedStyle(e).position === "static" && Object.assign(e.style, { position: "relative" }), rt(e, _e, li, (r) => oe?.observe(r)), qe(n) ? ye.set(e, n) : ye.set(e, {
1884
+ if (vs && oe && !(window.matchMedia("(prefers-reduced-motion: reduce)").matches && !Ye(n) && !n.disrespectUserMotionPreference)) {
1885
+ Ae.add(e), getComputedStyle(e).position === "static" && Object.assign(e.style, { position: "relative" }), rt(e, _e, li, (r) => oe?.observe(r)), Ye(n) ? ye.set(e, n) : ye.set(e, {
1887
1886
  duration: 250,
1888
1887
  easing: "ease-in-out",
1889
1888
  ...n
@@ -1906,8 +1905,8 @@ function gi(e, n = {}) {
1906
1905
  Z.delete(s);
1907
1906
  const i = me.get(s);
1908
1907
  i && clearTimeout(i), me.delete(s);
1909
- const r = Ne.get(s);
1910
- r && clearInterval(r), Ne.delete(s);
1908
+ const r = He.get(s);
1909
+ r && clearInterval(r), He.delete(s);
1911
1910
  });
1912
1911
  },
1913
1912
  isEnabled: () => Ae.has(e),
@@ -1922,10 +1921,10 @@ function gi(e, n = {}) {
1922
1921
  } catch {
1923
1922
  }
1924
1923
  Z.delete(o);
1925
- const r = Xe.get(o);
1926
- r?.disconnect(), Xe.delete(o);
1927
- const l = Ne.get(o);
1928
- l && clearInterval(l), Ne.delete(o);
1924
+ const r = We.get(o);
1925
+ r?.disconnect(), We.delete(o);
1926
+ const l = He.get(o);
1927
+ l && clearInterval(l), He.delete(o);
1929
1928
  const a = me.get(o);
1930
1929
  a && clearTimeout(a), me.delete(o), q.delete(o), pe.delete(o);
1931
1930
  });
@@ -2001,16 +2000,15 @@ const bi = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
2001
2000
  default: !0
2002
2001
  },
2003
2002
  /**
2004
- * Classes for elements ({ container, toggle, content, contentInner })
2003
+ * Classes for elements ({ container, trigger, content })
2005
2004
  * - Any valid class binding value per element
2006
2005
  */
2007
2006
  classes: {
2008
2007
  type: Object,
2009
2008
  default: () => ({
2010
2009
  container: "ulu-collapsible",
2011
- toggle: "ulu-collapsible__toggle",
2010
+ trigger: "ulu-collapsible__trigger",
2012
2011
  content: "ulu-collapsible__content",
2013
- contentInner: "ulu-collapsible__content-inner",
2014
2012
  containerOpen: "ulu-collapsible--open",
2015
2013
  containerClosed: "ulu-collapsible--closed"
2016
2014
  })
@@ -2021,7 +2019,7 @@ const bi = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
2021
2019
  const t = e, s = n, o = w(() => typeof t.animate == "object" ? t.animate : {}), [i, r] = vi(o);
2022
2020
  mt(() => {
2023
2021
  r(!!t.animate);
2024
- }), We(() => t.animate, (A) => {
2022
+ }), De(() => t.animate, (A) => {
2025
2023
  r(!!A);
2026
2024
  });
2027
2025
  const l = w(() => t.modelValue !== void 0), a = I(t.startOpen), c = w({
@@ -2031,7 +2029,7 @@ const bi = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
2031
2029
  set(A) {
2032
2030
  l.value ? s("update:modelValue", A) : a.value = A;
2033
2031
  }
2034
- }), f = I(Ft("ulu-collapsible-toggle")), y = I(Ft("ulu-collapsible-content")), v = w(() => {
2032
+ }), f = I(Ft("ulu-collapsible-trigger")), y = I(Ft("ulu-collapsible-content")), v = w(() => {
2035
2033
  const A = t.classes, O = {};
2036
2034
  return A.containerOpen && c.value && (O[A.containerOpen] = !0), A.containerClosed && !c.value && (O[A.containerClosed] = !0), O;
2037
2035
  });
@@ -2048,16 +2046,13 @@ const bi = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
2048
2046
  class: m([e.classes.container, v.value])
2049
2047
  }, [
2050
2048
  h("button", {
2051
- class: m(e.classes.toggle),
2049
+ class: m(e.classes.trigger),
2052
2050
  id: f.value,
2053
2051
  "aria-controls": y.value,
2054
2052
  "aria-expanded": c.value,
2055
2053
  onClick: k
2056
2054
  }, [
2057
- g(A.$slots, "trigger", {
2058
- isOpen: c.value,
2059
- toggle: k
2060
- }, () => [
2055
+ g(A.$slots, "trigger", { isOpen: c.value }, () => [
2061
2056
  $(p(e.triggerText), 1)
2062
2057
  ])
2063
2058
  ], 10, _i),
@@ -2069,14 +2064,10 @@ const bi = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
2069
2064
  "aria-hidden": !c.value,
2070
2065
  "aria-labelledby": f.value
2071
2066
  }, [
2072
- h("div", {
2073
- class: m(e.classes.contentInner)
2074
- }, [
2075
- g(A.$slots, "default", {
2076
- isOpen: c.value,
2077
- toggle: k
2078
- })
2079
- ], 2)
2067
+ g(A.$slots, "default", {
2068
+ isOpen: c.value,
2069
+ toggle: k
2070
+ })
2080
2071
  ], 10, wi)) : b("", !0)
2081
2072
  ], 34));
2082
2073
  }
@@ -2102,7 +2093,7 @@ const bi = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
2102
2093
  */
2103
2094
  animate: {
2104
2095
  type: [Boolean, Object],
2105
- default: !1
2096
+ default: !0
2106
2097
  },
2107
2098
  /**
2108
2099
  * Text to use for accordion, alternatively use #trigger slot
@@ -2116,7 +2107,7 @@ const bi = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
2116
2107
  default: "strong"
2117
2108
  },
2118
2109
  /**
2119
- * Classes for elements. See UluCollapsible for all available class keys (toggle, content, etc).
2110
+ * Classes for elements. See UluCollapsible for all available class keys (trigger, content, etc).
2120
2111
  * The 'icon' key is also available for the icon span.
2121
2112
  * - Any valid class binding value per element
2122
2113
  */
@@ -2124,7 +2115,7 @@ const bi = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
2124
2115
  type: Object,
2125
2116
  default: () => ({
2126
2117
  container: "accordion",
2127
- toggle: "accordion__summary",
2118
+ trigger: "accordion__summary",
2128
2119
  content: "accordion__content",
2129
2120
  containerOpen: "is-active"
2130
2121
  })
@@ -2148,11 +2139,8 @@ const bi = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
2148
2139
  animate: e.animate,
2149
2140
  "onUpdate:modelValue": r[0] || (r[0] = (l) => i.$emit("update:modelValue", l))
2150
2141
  }, {
2151
- trigger: S(({ isOpen: l, toggle: a }) => [
2152
- g(i.$slots, "trigger", {
2153
- open: l,
2154
- toggle: a
2155
- }, () => [
2142
+ trigger: S(({ isOpen: l }) => [
2143
+ g(i.$slots, "trigger", { isOpen: l }, () => [
2156
2144
  (u(), _(V(e.triggerTextElement), null, {
2157
2145
  default: S(() => [
2158
2146
  $(p(e.triggerText), 1)
@@ -2160,7 +2148,7 @@ const bi = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
2160
2148
  _: 1
2161
2149
  }))
2162
2150
  ]),
2163
- g(i.$slots, "icon", { open: l }, () => [
2151
+ g(i.$slots, "icon", { isOpen: l }, () => [
2164
2152
  h("span", {
2165
2153
  class: m(["accordion__icon", e.classes.icon])
2166
2154
  }, [
@@ -2173,7 +2161,7 @@ const bi = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
2173
2161
  ]),
2174
2162
  default: S(({ isOpen: l, toggle: a }) => [
2175
2163
  g(i.$slots, "default", {
2176
- open: l,
2164
+ isOpen: l,
2177
2165
  toggle: a
2178
2166
  })
2179
2167
  ]),
@@ -2492,7 +2480,7 @@ function eh(e, n) {
2492
2480
  const c = parseInt(t.query.page || "1", 10);
2493
2481
  return isNaN(c) || c < 1 ? 1 : c;
2494
2482
  }), i = w(() => !e.value || e.value.length === 0 ? 1 : Math.ceil(e.value.length / n));
2495
- We(i, (c) => {
2483
+ De(i, (c) => {
2496
2484
  o.value > c && s.push({ query: { ...t.query, page: c } });
2497
2485
  });
2498
2486
  const r = w(() => {
@@ -4729,7 +4717,7 @@ const Uh = /* @__PURE__ */ R(vl, [["render", yl]]), pl = {
4729
4717
  const c = { strokeDasharray: [`${a} 100`, i.value] };
4730
4718
  t.value.animate(c, { duration: n.duration, easing: n.easing, fill: "forwards" });
4731
4719
  };
4732
- We(() => n.percentage, (a, c) => {
4720
+ De(() => n.percentage, (a, c) => {
4733
4721
  a !== c && o(s(c));
4734
4722
  });
4735
4723
  const i = w(() => `${s(n.percentage)} 100`), r = w(() => n.outside || n.outsideBelow || n.small), l = w(() => {
@@ -4867,7 +4855,7 @@ function Lh(e, n = {}) {
4867
4855
  selectedCount: 0
4868
4856
  }));
4869
4857
  }
4870
- const O = I([]), ue = I(i), Je = I(r), Me = w(() => !o || !e.value?.length ? null : jl(e.value, o)), ge = w(() => ({
4858
+ const O = I([]), ue = I(i), Qe = I(r), Je = w(() => !o || !e.value?.length ? null : jl(e.value, o)), ge = w(() => ({
4871
4859
  ...l ? {} : j,
4872
4860
  ...a
4873
4861
  })), se = w(() => {
@@ -4882,8 +4870,8 @@ function Lh(e, n = {}) {
4882
4870
  for (const W of o) {
4883
4871
  const Y = P.get(W.uid)(F), G = Array.isArray(Y) ? Y : Y ? [Y] : [];
4884
4872
  for (const et of G) {
4885
- const Be = `${W.uid}:${et}`;
4886
- C.has(Be) || C.set(Be, /* @__PURE__ */ new Set()), C.get(Be).add(U);
4873
+ const Ue = `${W.uid}:${et}`;
4874
+ C.has(Ue) || C.set(Ue, /* @__PURE__ */ new Set()), C.get(Ue).add(U);
4887
4875
  }
4888
4876
  }
4889
4877
  }
@@ -4909,7 +4897,7 @@ function Lh(e, n = {}) {
4909
4897
  U.push(Q.value[F]);
4910
4898
  return U;
4911
4899
  }), fe = w(() => {
4912
- const C = ge.value[Je.value]?.sort;
4900
+ const C = ge.value[Qe.value]?.sort;
4913
4901
  return typeof C != "function" ? X.value : C([...X.value]);
4914
4902
  });
4915
4903
  function ke() {
@@ -4927,40 +4915,40 @@ function Lh(e, n = {}) {
4927
4915
  F && (F.selected = P), U.selectedCount = U.children.filter((W) => W.selected).length;
4928
4916
  }
4929
4917
  }
4930
- return We(Me, (C) => {
4918
+ return De(Je, (C) => {
4931
4919
  const z = A(s || C);
4932
4920
  z.forEach((P) => {
4933
4921
  P.selectedCount = P.children.filter((U) => U.selected).length;
4934
4922
  }), O.value = z;
4935
- }, { immediate: !0 }), We([de, Q], ([C, z], [P, U]) => {
4923
+ }, { immediate: !0 }), De([de, Q], ([C, z], [P, U]) => {
4936
4924
  if (!(v === "none" || !O.value.length) && !(C === P && z === U)) {
4937
4925
  if (v === "simple")
4938
4926
  O.value.forEach((F) => {
4939
- const W = C.filter((Y) => Y.uid !== F.uid), Ue = getFilteredItems(z, W);
4927
+ const W = C.filter((Y) => Y.uid !== F.uid), Me = getFilteredItems(z, W);
4940
4928
  F.children.forEach((Y) => {
4941
- Y.count = Ue.filter((G) => f(G, F.uid).includes(Y.uid)).length;
4929
+ Y.count = Me.filter((G) => f(G, F.uid).includes(Y.uid)).length;
4942
4930
  });
4943
4931
  });
4944
4932
  else if (v === "intuitive") {
4945
4933
  const F = se.value;
4946
4934
  if (F.size === 0 && Q.value.length > 0 && o?.length > 0)
4947
4935
  return;
4948
- const W = new Set(Q.value.map((Y, G) => G)), Ue = Rt(C, F, W);
4936
+ const W = new Set(Q.value.map((Y, G) => G)), Me = Rt(C, F, W);
4949
4937
  O.value.forEach((Y) => {
4950
4938
  Y.children.forEach((G) => {
4951
- const et = `${Y.uid}:${G.uid}`, Be = F.get(et) || /* @__PURE__ */ new Set();
4939
+ const et = `${Y.uid}:${G.uid}`, Ue = F.get(et) || /* @__PURE__ */ new Set();
4952
4940
  if (G.selected)
4953
4941
  if (Y.multiple) {
4954
- const $e = Nt([Ue, Be]);
4942
+ const $e = Nt([Me, Ue]);
4955
4943
  G.count = $e.size;
4956
4944
  } else
4957
- G.count = Ue.size;
4945
+ G.count = Me.size;
4958
4946
  else {
4959
4947
  const $e = [];
4960
4948
  for (const tt of C)
4961
4949
  $e.push({ ...tt, children: [...tt.children] });
4962
- let Pe = $e.find((tt) => tt.uid === Y.uid);
4963
- Pe || (Pe = { ...Y, children: [] }, $e.push(Pe)), Y.multiple ? Pe.children.push(G) : Pe.children = [G];
4950
+ let Be = $e.find((tt) => tt.uid === Y.uid);
4951
+ Be || (Be = { ...Y, children: [] }, $e.push(Be)), Y.multiple ? Be.children.push(G) : Be.children = [G];
4964
4952
  const Ws = Rt($e, F, W);
4965
4953
  G.count = Ws.size;
4966
4954
  }
@@ -4971,7 +4959,7 @@ function Lh(e, n = {}) {
4971
4959
  }, { deep: !0, immediate: !0 }), {
4972
4960
  facets: O,
4973
4961
  searchValue: ue,
4974
- selectedSort: Je,
4962
+ selectedSort: Qe,
4975
4963
  sortTypes: ge,
4976
4964
  displayItems: fe,
4977
4965
  selectedFacets: de,
@@ -5132,13 +5120,15 @@ const Il = {
5132
5120
  key: r.uid,
5133
5121
  classes: {
5134
5122
  container: ["ulu-facets__group", e.classes.group],
5135
- trigger: ["ulu-facets__group-toggle", e.classes.groupToggle],
5123
+ containerOpen: ["ulu-facets__group--open", e.classes.groupOpen],
5124
+ containerClosed: ["ulu-facets__group--closed", e.classes.groupClosed],
5125
+ trigger: ["ulu-facets__group-trigger", e.classes.groupTrigger],
5136
5126
  content: ["ulu-facets__group-content", e.classes.groupContent]
5137
5127
  },
5138
5128
  startOpen: r.open
5139
5129
  }, {
5140
5130
  trigger: S(({ isOpen: l }) => [
5141
- g(o.$slots, "groupToggle", {
5131
+ g(o.$slots, "groupTrigger", {
5142
5132
  group: r,
5143
5133
  isOpen: l
5144
5134
  }, () => [
@@ -5442,7 +5432,7 @@ const Il = {
5442
5432
  default: "Filters & Sort"
5443
5433
  },
5444
5434
  /**
5445
- * Classes for elements. See UluCollapsible for all available class keys (toggle, content, etc).
5435
+ * Classes for elements. See UluCollapsible for all available class keys (trigger, content, etc).
5446
5436
  * The 'icon' key is also available for the icon span.
5447
5437
  * - Any valid class binding value per element
5448
5438
  */
@@ -6640,23 +6630,23 @@ function hc(e) {
6640
6630
  function mc(e) {
6641
6631
  return this.__data__.has(e);
6642
6632
  }
6643
- var Es = typeof global == "object" && global && global.Object === Object && global, gc = typeof self == "object" && self && self.Object === Object && self, ne = Es || gc || Function("return this")(), Re = ne.Symbol, Rs = Object.prototype, vc = Rs.hasOwnProperty, yc = Rs.toString, Le = Re ? Re.toStringTag : void 0;
6633
+ var Es = typeof global == "object" && global && global.Object === Object && global, gc = typeof self == "object" && self && self.Object === Object && self, ne = Es || gc || Function("return this")(), Re = ne.Symbol, Rs = Object.prototype, vc = Rs.hasOwnProperty, yc = Rs.toString, Pe = Re ? Re.toStringTag : void 0;
6644
6634
  function pc(e) {
6645
- var n = vc.call(e, Le), t = e[Le];
6635
+ var n = vc.call(e, Pe), t = e[Pe];
6646
6636
  try {
6647
- e[Le] = void 0;
6637
+ e[Pe] = void 0;
6648
6638
  var s = !0;
6649
6639
  } catch {
6650
6640
  }
6651
6641
  var o = yc.call(e);
6652
- return s && (n ? e[Le] = t : delete e[Le]), o;
6642
+ return s && (n ? e[Pe] = t : delete e[Pe]), o;
6653
6643
  }
6654
6644
  var bc = Object.prototype, _c = bc.toString;
6655
6645
  function wc(e) {
6656
6646
  return _c.call(e);
6657
6647
  }
6658
6648
  var Sc = "[object Null]", kc = "[object Undefined]", Tn = Re ? Re.toStringTag : void 0;
6659
- function Ze(e) {
6649
+ function Ge(e) {
6660
6650
  return e == null ? e === void 0 ? kc : Sc : Tn && Tn in Object(e) ? pc(e) : wc(e);
6661
6651
  }
6662
6652
  function kt(e) {
@@ -6667,7 +6657,7 @@ var $c = "[object AsyncFunction]", Cc = "[object Function]", Ac = "[object Gener
6667
6657
  function js(e) {
6668
6658
  if (!kt(e))
6669
6659
  return !1;
6670
- var n = Ze(e);
6660
+ var n = Ge(e);
6671
6661
  return n == Cc || n == Ac || n == $c || n == Tc;
6672
6662
  }
6673
6663
  var jt = ne["__core-js_shared__"], On = function() {
@@ -6707,9 +6697,9 @@ function Se(e, n) {
6707
6697
  var t = Lc(e, n);
6708
6698
  return Pc(t) ? t : void 0;
6709
6699
  }
6710
- var Ke = Se(ne, "Map"), Ge = Se(Object, "create");
6700
+ var qe = Se(ne, "Map"), Ke = Se(Object, "create");
6711
6701
  function Fc() {
6712
- this.__data__ = Ge ? Ge(null) : {}, this.size = 0;
6702
+ this.__data__ = Ke ? Ke(null) : {}, this.size = 0;
6713
6703
  }
6714
6704
  function Vc(e) {
6715
6705
  var n = this.has(e) && delete this.__data__[e];
@@ -6718,7 +6708,7 @@ function Vc(e) {
6718
6708
  var Hc = "__lodash_hash_undefined__", Nc = Object.prototype, Dc = Nc.hasOwnProperty;
6719
6709
  function Wc(e) {
6720
6710
  var n = this.__data__;
6721
- if (Ge) {
6711
+ if (Ke) {
6722
6712
  var t = n[e];
6723
6713
  return t === Hc ? void 0 : t;
6724
6714
  }
@@ -6727,12 +6717,12 @@ function Wc(e) {
6727
6717
  var Xc = Object.prototype, Yc = Xc.hasOwnProperty;
6728
6718
  function qc(e) {
6729
6719
  var n = this.__data__;
6730
- return Ge ? n[e] !== void 0 : Yc.call(n, e);
6720
+ return Ke ? n[e] !== void 0 : Yc.call(n, e);
6731
6721
  }
6732
6722
  var Kc = "__lodash_hash_undefined__";
6733
6723
  function Gc(e, n) {
6734
6724
  var t = this.__data__;
6735
- return this.size += this.has(e) ? 0 : 1, t[e] = Ge && n === void 0 ? Kc : n, this;
6725
+ return this.size += this.has(e) ? 0 : 1, t[e] = Ke && n === void 0 ? Kc : n, this;
6736
6726
  }
6737
6727
  function be(e) {
6738
6728
  var n = -1, t = e == null ? 0 : e.length;
@@ -6749,7 +6739,7 @@ be.prototype.set = Gc;
6749
6739
  function Zc() {
6750
6740
  this.size = 0, this.__data__ = {
6751
6741
  hash: new be(),
6752
- map: new (Ke || ce)(),
6742
+ map: new (qe || ce)(),
6753
6743
  string: new be()
6754
6744
  };
6755
6745
  }
@@ -6792,7 +6782,7 @@ function ou(e, n) {
6792
6782
  var t = this.__data__;
6793
6783
  if (t instanceof ce) {
6794
6784
  var s = t.__data__;
6795
- if (!Ke || s.length < su - 1)
6785
+ if (!qe || s.length < su - 1)
6796
6786
  return s.push([e, n]), this.size = ++t.size, this;
6797
6787
  t = this.__data__ = new Ie(s);
6798
6788
  }
@@ -6837,17 +6827,17 @@ function uu(e, n) {
6837
6827
  s[t] = n(t);
6838
6828
  return s;
6839
6829
  }
6840
- function Qe(e) {
6830
+ function Ze(e) {
6841
6831
  return e != null && typeof e == "object";
6842
6832
  }
6843
6833
  var du = "[object Arguments]";
6844
6834
  function En(e) {
6845
- return Qe(e) && Ze(e) == du;
6835
+ return Ze(e) && Ge(e) == du;
6846
6836
  }
6847
6837
  var Is = Object.prototype, fu = Is.hasOwnProperty, hu = Is.propertyIsEnumerable, mu = En(/* @__PURE__ */ function() {
6848
6838
  return arguments;
6849
6839
  }()) ? En : function(e) {
6850
- return Qe(e) && fu.call(e, "callee") && !hu.call(e, "callee");
6840
+ return Ze(e) && fu.call(e, "callee") && !hu.call(e, "callee");
6851
6841
  }, un = Array.isArray;
6852
6842
  function gu() {
6853
6843
  return !1;
@@ -6865,16 +6855,16 @@ var Su = "[object Arguments]", ku = "[object Array]", $u = "[object Boolean]", C
6865
6855
  L[Bu] = L[Pu] = L[Lu] = L[Fu] = L[Vu] = L[Hu] = L[Nu] = L[Du] = L[Wu] = !0;
6866
6856
  L[Su] = L[ku] = L[Mu] = L[$u] = L[Uu] = L[Cu] = L[Au] = L[Tu] = L[Ou] = L[xu] = L[Eu] = L[Ru] = L[ju] = L[Iu] = L[zu] = !1;
6867
6857
  function Xu(e) {
6868
- return Qe(e) && Us(e.length) && !!L[Ze(e)];
6858
+ return Ze(e) && Us(e.length) && !!L[Ge(e)];
6869
6859
  }
6870
6860
  function dn(e) {
6871
6861
  return function(n) {
6872
6862
  return e(n);
6873
6863
  };
6874
6864
  }
6875
- var Bs = typeof exports == "object" && exports && !exports.nodeType && exports, De = Bs && typeof module == "object" && module && !module.nodeType && module, Yu = De && De.exports === Bs, It = Yu && Es.process, je = function() {
6865
+ var Bs = typeof exports == "object" && exports && !exports.nodeType && exports, Ne = Bs && typeof module == "object" && module && !module.nodeType && module, Yu = Ne && Ne.exports === Bs, It = Yu && Es.process, je = function() {
6876
6866
  try {
6877
- var e = De && De.require && De.require("util").types;
6867
+ var e = Ne && Ne.require && Ne.require("util").types;
6878
6868
  return e || It && It.binding && It.binding("util");
6879
6869
  } catch {
6880
6870
  }
@@ -6947,9 +6937,9 @@ function md(e, n, t) {
6947
6937
  function gd(e) {
6948
6938
  return md(e, od, dd);
6949
6939
  }
6950
- var Dt = Se(ne, "DataView"), Wt = Se(ne, "Promise"), Xt = Se(ne, "Set"), Yt = Se(ne, "WeakMap"), Bn = "[object Map]", vd = "[object Object]", Pn = "[object Promise]", Ln = "[object Set]", Fn = "[object WeakMap]", Vn = "[object DataView]", yd = we(Dt), pd = we(Ke), bd = we(Wt), _d = we(Xt), wd = we(Yt), ie = Ze;
6951
- (Dt && ie(new Dt(new ArrayBuffer(1))) != Vn || Ke && ie(new Ke()) != Bn || Wt && ie(Wt.resolve()) != Pn || Xt && ie(new Xt()) != Ln || Yt && ie(new Yt()) != Fn) && (ie = function(e) {
6952
- var n = Ze(e), t = n == vd ? e.constructor : void 0, s = t ? we(t) : "";
6940
+ var Dt = Se(ne, "DataView"), Wt = Se(ne, "Promise"), Xt = Se(ne, "Set"), Yt = Se(ne, "WeakMap"), Bn = "[object Map]", vd = "[object Object]", Pn = "[object Promise]", Ln = "[object Set]", Fn = "[object WeakMap]", Vn = "[object DataView]", yd = we(Dt), pd = we(qe), bd = we(Wt), _d = we(Xt), wd = we(Yt), ie = Ge;
6941
+ (Dt && ie(new Dt(new ArrayBuffer(1))) != Vn || qe && ie(new qe()) != Bn || Wt && ie(Wt.resolve()) != Pn || Xt && ie(new Xt()) != Ln || Yt && ie(new Yt()) != Fn) && (ie = function(e) {
6942
+ var n = Ge(e), t = n == vd ? e.constructor : void 0, s = t ? we(t) : "";
6953
6943
  if (s)
6954
6944
  switch (s) {
6955
6945
  case yd:
@@ -7044,11 +7034,11 @@ function Zd(e) {
7044
7034
  }
7045
7035
  var Qd = "[object Map]";
7046
7036
  function Jd(e) {
7047
- return Qe(e) && ie(e) == Qd;
7037
+ return Ze(e) && ie(e) == Qd;
7048
7038
  }
7049
7039
  var Xn = je && je.isMap, ef = Xn ? dn(Xn) : Jd, tf = "[object Set]";
7050
7040
  function nf(e) {
7051
- return Qe(e) && ie(e) == tf;
7041
+ return Ze(e) && ie(e) == tf;
7052
7042
  }
7053
7043
  var Yn = je && je.isSet, sf = Yn ? dn(Yn) : nf, Vs = "[object Arguments]", of = "[object Array]", rf = "[object Boolean]", lf = "[object Date]", af = "[object Error]", Hs = "[object Function]", cf = "[object GeneratorFunction]", uf = "[object Map]", df = "[object Number]", Ns = "[object Object]", ff = "[object RegExp]", hf = "[object Set]", mf = "[object String]", gf = "[object Symbol]", vf = "[object WeakMap]", yf = "[object ArrayBuffer]", pf = "[object DataView]", bf = "[object Float32Array]", _f = "[object Float64Array]", wf = "[object Int8Array]", Sf = "[object Int16Array]", kf = "[object Int32Array]", $f = "[object Uint8Array]", Cf = "[object Uint8ClampedArray]", Af = "[object Uint16Array]", Tf = "[object Uint32Array]", B = {};
7054
7044
  B[Vs] = B[of] = B[yf] = B[pf] = B[rf] = B[lf] = B[bf] = B[_f] = B[wf] = B[Sf] = B[kf] = B[uf] = B[df] = B[Ns] = B[ff] = B[hf] = B[mf] = B[gf] = B[$f] = B[Cf] = B[Af] = B[Tf] = !0;
@@ -7,24 +7,24 @@
7
7
  :animate="animate"
8
8
  @update:model-value="$emit('update:modelValue', $event)"
9
9
  >
10
- <template #trigger="{ isOpen: open, toggle }">
11
- <slot name="trigger" :open="open" :toggle="toggle">
10
+ <template #trigger="{ isOpen }">
11
+ <slot name="trigger" :isOpen="isOpen">
12
12
  <component :is="triggerTextElement">
13
13
  {{ triggerText }}
14
14
  </component>
15
15
  </slot>
16
- <slot name="icon" :open="open">
16
+ <slot name="icon" :isOpen="isOpen">
17
17
  <span class="accordion__icon" :class="classes.icon">
18
18
  <UluIcon
19
- :icon="open ? 'type:collapse' : 'type:expand'"
19
+ :icon="isOpen ? 'type:collapse' : 'type:expand'"
20
20
  style="display: inline;"
21
21
  />
22
22
  </span>
23
23
  </slot>
24
24
  </template>
25
25
 
26
- <template #default="{ isOpen: open, toggle }">
27
- <slot :open="open" :toggle="toggle"/>
26
+ <template #default="{ isOpen, toggle }">
27
+ <slot :isOpen="isOpen" :toggle="toggle"/>
28
28
  </template>
29
29
  </UluCollapsible>
30
30
  </template>
@@ -55,7 +55,7 @@
55
55
  */
56
56
  animate: {
57
57
  type: [Boolean, Object],
58
- default: false
58
+ default: true
59
59
  },
60
60
  /**
61
61
  * Text to use for accordion, alternatively use #trigger slot
@@ -69,7 +69,7 @@
69
69
  default: "strong"
70
70
  },
71
71
  /**
72
- * Classes for elements. See UluCollapsible for all available class keys (toggle, content, etc).
72
+ * Classes for elements. See UluCollapsible for all available class keys (trigger, content, etc).
73
73
  * The 'icon' key is also available for the icon span.
74
74
  * - Any valid class binding value per element
75
75
  */
@@ -77,7 +77,7 @@
77
77
  type: Object,
78
78
  default: () => ({
79
79
  container: 'accordion',
80
- toggle: 'accordion__summary',
80
+ trigger: 'accordion__summary',
81
81
  content: 'accordion__content',
82
82
  containerOpen: 'is-active'
83
83
  })
@@ -5,13 +5,13 @@
5
5
  :class="[classes.container, containerStateClasses]"
6
6
  >
7
7
  <button
8
- :class="classes.toggle"
9
- :id="toggleId"
8
+ :class="classes.trigger"
9
+ :id="triggerId"
10
10
  :aria-controls="contentId"
11
11
  :aria-expanded="isOpen"
12
12
  @click="toggle"
13
13
  >
14
- <slot name="trigger" :isOpen="isOpen" :toggle="toggle">
14
+ <slot name="trigger" :isOpen="isOpen">
15
15
  {{ triggerText }}
16
16
  </slot>
17
17
  </button>
@@ -21,11 +21,9 @@
21
21
  tabindex="-1"
22
22
  :id="contentId"
23
23
  :aria-hidden="!isOpen"
24
- :aria-labelledby="toggleId"
24
+ :aria-labelledby="triggerId"
25
25
  >
26
- <div :class="classes.contentInner">
27
- <slot :isOpen="isOpen" :toggle="toggle" />
28
- </div>
26
+ <slot :isOpen="isOpen" :toggle="toggle" />
29
27
  </div>
30
28
  </div>
31
29
  </template>
@@ -66,16 +64,15 @@
66
64
  default: true
67
65
  },
68
66
  /**
69
- * Classes for elements ({ container, toggle, content, contentInner })
67
+ * Classes for elements ({ container, trigger, content })
70
68
  * - Any valid class binding value per element
71
69
  */
72
70
  classes: {
73
71
  type: Object,
74
72
  default: () => ({
75
73
  container: 'ulu-collapsible',
76
- toggle: 'ulu-collapsible__toggle',
74
+ trigger: 'ulu-collapsible__trigger',
77
75
  content: 'ulu-collapsible__content',
78
- contentInner: 'ulu-collapsible__content-inner',
79
76
  containerOpen: 'ulu-collapsible--open',
80
77
  containerClosed: 'ulu-collapsible--closed'
81
78
  })
@@ -114,7 +111,7 @@
114
111
  }
115
112
  });
116
113
 
117
- const toggleId = ref(newId('ulu-collapsible-toggle'));
114
+ const triggerId = ref(newId('ulu-collapsible-trigger'));
118
115
  const contentId = ref(newId('ulu-collapsible-content'));
119
116
 
120
117
  const containerStateClasses = computed(() => {
@@ -6,13 +6,15 @@
6
6
  :key="group.uid"
7
7
  :classes="{
8
8
  container: ['ulu-facets__group', classes.group],
9
- trigger: ['ulu-facets__group-toggle', classes.groupToggle],
9
+ containerOpen: ['ulu-facets__group--open', classes.groupOpen],
10
+ containerClosed: ['ulu-facets__group--closed', classes.groupClosed],
11
+ trigger: ['ulu-facets__group-trigger', classes.groupTrigger],
10
12
  content: ['ulu-facets__group-content', classes.groupContent]
11
13
  }"
12
14
  :startOpen="group.open"
13
15
  >
14
16
  <template #trigger="{ isOpen }">
15
- <slot name="groupToggle" :group="group" :isOpen="isOpen">
17
+ <slot name="groupTrigger" :group="group" :isOpen="isOpen">
16
18
  {{ group.name }}
17
19
  </slot>
18
20
  </template>
@@ -49,7 +49,7 @@
49
49
  default: "Filters & Sort"
50
50
  },
51
51
  /**
52
- * Classes for elements. See UluCollapsible for all available class keys (toggle, content, etc).
52
+ * Classes for elements. See UluCollapsible for all available class keys (trigger, content, etc).
53
53
  * The 'icon' key is also available for the icon span.
54
54
  * - Any valid class binding value per element
55
55
  */
@@ -15,7 +15,7 @@
15
15
  :aria-label="triggerAlt"
16
16
  v-ulu-tooltip="tooltip ? tooltip : null"
17
17
  >
18
- <slot name="trigger" :isOpen="isOpen" :toggle="toggle" :close="close">
18
+ <slot name="trigger" :isOpen="isOpen" :close="close">
19
19
  {{ triggerText }}
20
20
  </slot>
21
21
  </button>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ulu/frontend-vue",
3
- "version": "0.1.1-beta.10",
3
+ "version": "0.1.1-beta.12",
4
4
  "description": "A modular and tree-shakeable Vue 3 component library for the Ulu frontend",
5
5
  "type": "module",
6
6
  "files": [
@@ -63,7 +63,7 @@
63
63
  "peerDependencies": {
64
64
  "@formkit/auto-animate": "^0.9.0",
65
65
  "@headlessui/vue": "^1.7.23",
66
- "@ulu/frontend": "^0.1.0-beta.112",
66
+ "@ulu/frontend": "^0.1.0-beta.113",
67
67
  "@unhead/vue": "^2.0.11",
68
68
  "vue": "^3.5.17",
69
69
  "vue-router": "^4.5.1"
@@ -87,7 +87,7 @@
87
87
  "@storybook/addon-essentials": "^9.0.0-alpha.12",
88
88
  "@storybook/addon-links": "^9.1.1",
89
89
  "@storybook/vue3-vite": "^9.1.1",
90
- "@ulu/frontend": "^0.1.0-beta.112",
90
+ "@ulu/frontend": "^0.1.0-beta.113",
91
91
  "@unhead/vue": "^2.0.11",
92
92
  "@vitejs/plugin-vue": "^6.0.0",
93
93
  "ollama": "^0.5.16",
@@ -16,16 +16,15 @@ declare const __VLS_component: import("vue").DefineComponent<{}, {
16
16
  }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
17
17
  type __VLS_Slots = {
18
18
  trigger?: ((props: {
19
- open: boolean | undefined;
20
- toggle: typeof toggle;
19
+ isOpen: boolean | undefined;
21
20
  }) => any) | undefined;
22
21
  } & {
23
22
  icon?: ((props: {
24
- open: boolean | undefined;
23
+ isOpen: boolean | undefined;
25
24
  }) => any) | undefined;
26
25
  } & {
27
26
  default?: ((props: {
28
- open: true;
27
+ isOpen: true;
29
28
  toggle: typeof toggle;
30
29
  }) => any) | undefined;
31
30
  };
@@ -1 +1 @@
1
- {"version":3,"file":"UluAccordion.vue.d.ts","sourceRoot":"","sources":["../../../lib/components/collapsible/UluAccordion.vue"],"names":[],"mappings":"wBAmSqB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;;qBAEpD,CAAC,EAAE,CAAC;;;AATzB;WAIkB,OAAO,IAAI;YADV,OAAO,CAAC,OAAO,KAAK,CAAC;;;;;;;;2OAGrC;;;;;;;;;;;;;;;;AAlID,yEAAgD;AArDhD;;;;;;;;EAmDG"}
1
+ {"version":3,"file":"UluAccordion.vue.d.ts","sourceRoot":"","sources":["../../../lib/components/collapsible/UluAccordion.vue"],"names":[],"mappings":"wBAkSqB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;;qBAEpD,CAAC,EAAE,CAAC;;;AATzB;WAIkB,OAAO,IAAI;YADV,OAAO,CAAC,OAAO,KAAK,CAAC;;;;;;;;2OAGrC;;;;;;;;;;;;;;;AAjID,yEAAgD;AArDhD;;;;;;;;EAmDG"}
@@ -16,7 +16,6 @@ declare const __VLS_component: import("vue").DefineComponent<{}, {
16
16
  type __VLS_Slots = {
17
17
  trigger?: ((props: {
18
18
  isOpen: boolean | undefined;
19
- toggle: typeof toggle;
20
19
  }) => any) | undefined;
21
20
  } & {
22
21
  default?: ((props: {
@@ -1 +1 @@
1
- {"version":3,"file":"UluCollapsible.vue.d.ts","sourceRoot":"","sources":["../../../lib/components/collapsible/UluCollapsible.vue"],"names":[],"mappings":"wBAgWqB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;;qBAEpD,CAAC,EAAE,CAAC;;;AATzB;WAIkB,OAAO,IAAI;YADV,OAAO,CAAC,OAAO,KAAK,CAAC;;;;;;;2OAGrC;;;;;;;;;;;;AA3JD,yEAAgD;AA/ChD;;;;;;;EA6CG;AAiDH;;GAEG;AACH,gCAEC"}
1
+ {"version":3,"file":"UluCollapsible.vue.d.ts","sourceRoot":"","sources":["../../../lib/components/collapsible/UluCollapsible.vue"],"names":[],"mappings":"wBAsVqB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;;qBAEpD,CAAC,EAAE,CAAC;;;AATzB;WAIkB,OAAO,IAAI;YADV,OAAO,CAAC,OAAO,KAAK,CAAC;;;;;;;2OAGrC;;;;;;;;;;;AArJD,yEAAgD;AA9ChD;;;;;;;EA4CG;AAiDH;;GAEG;AACH,gCAEC"}
@@ -12,7 +12,7 @@ declare const __VLS_component: import("vue").DefineComponent<{}, {
12
12
  facets: unknown[];
13
13
  }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
14
14
  type __VLS_Slots = {
15
- groupToggle?: ((props: {
15
+ groupTrigger?: ((props: {
16
16
  group: unknown;
17
17
  isOpen: boolean | undefined;
18
18
  }) => any) | undefined;
@@ -1 +1 @@
1
- {"version":3,"file":"UluFacetsFilterLists.vue.d.ts","sourceRoot":"","sources":["../../../../lib/components/systems/facets/UluFacetsFilterLists.vue"],"names":[],"mappings":"wBAgUqB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;;qBAEpD,CAAC,EAAE,CAAC;;;AATzB;WAIkB,OAAO,IAAI;YADV,OAAO,CAAC,OAAO,WAAW,CAAC;;;;;2OAG3C;;;;;;;AA9LD,oEAA2C;AA5B3C;;;;;EA0BG"}
1
+ {"version":3,"file":"UluFacetsFilterLists.vue.d.ts","sourceRoot":"","sources":["../../../../lib/components/systems/facets/UluFacetsFilterLists.vue"],"names":[],"mappings":"wBAsUqB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;;qBAEpD,CAAC,EAAE,CAAC;;;AATzB;WAIkB,OAAO,IAAI;YADV,OAAO,CAAC,OAAO,WAAW,CAAC;;;;;2OAG3C;;;;;;;AAlMD,oEAA2C;AA5B3C;;;;;EA0BG"}
@@ -22,7 +22,6 @@ declare const __VLS_component: import("vue").DefineComponent<{}, {
22
22
  type __VLS_Slots = {
23
23
  trigger?: ((props: {
24
24
  isOpen: boolean;
25
- toggle: () => void;
26
25
  close: () => void;
27
26
  }) => any) | undefined;
28
27
  } & {
@@ -1 +1 @@
1
- {"version":3,"file":"UluPopover.vue.d.ts","sourceRoot":"","sources":["../../../lib/plugins/popovers/UluPopover.vue"],"names":[],"mappings":"wBAkeqB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;;qBAEpD,CAAC,EAAE,CAAC;;;AATzB;WAIkB,OAAO,IAAI;YADV,OAAO,CAAC,OAAO,KAAK,CAAC;;;;;;;;;;;;;2OAGrC;;;;;;;;;;;;;;;;;;AAjRD,8DAAqC;AACrC;;;;;;;;;;;;;EA6BG"}
1
+ {"version":3,"file":"UluPopover.vue.d.ts","sourceRoot":"","sources":["../../../lib/plugins/popovers/UluPopover.vue"],"names":[],"mappings":"wBAieqB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;;qBAEpD,CAAC,EAAE,CAAC;;;AATzB;WAIkB,OAAO,IAAI;YADV,OAAO,CAAC,OAAO,KAAK,CAAC;;;;;;;;;;;;;2OAGrC;;;;;;;;;;;;;;;;;AAhRD,8DAAqC;AACrC;;;;;;;;;;;;;EA6BG"}