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

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-QwwTSMNO.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-QwwTSMNO.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-CE1jJcpB.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,14 +2000,14 @@ 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, contentInner })
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
2012
  contentInner: "ulu-collapsible__content-inner",
2014
2013
  containerOpen: "ulu-collapsible--open",
@@ -2021,7 +2020,7 @@ const bi = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
2021
2020
  const t = e, s = n, o = w(() => typeof t.animate == "object" ? t.animate : {}), [i, r] = vi(o);
2022
2021
  mt(() => {
2023
2022
  r(!!t.animate);
2024
- }), We(() => t.animate, (A) => {
2023
+ }), De(() => t.animate, (A) => {
2025
2024
  r(!!A);
2026
2025
  });
2027
2026
  const l = w(() => t.modelValue !== void 0), a = I(t.startOpen), c = w({
@@ -2031,7 +2030,7 @@ const bi = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
2031
2030
  set(A) {
2032
2031
  l.value ? s("update:modelValue", A) : a.value = A;
2033
2032
  }
2034
- }), f = I(Ft("ulu-collapsible-toggle")), y = I(Ft("ulu-collapsible-content")), v = w(() => {
2033
+ }), f = I(Ft("ulu-collapsible-trigger")), y = I(Ft("ulu-collapsible-content")), v = w(() => {
2035
2034
  const A = t.classes, O = {};
2036
2035
  return A.containerOpen && c.value && (O[A.containerOpen] = !0), A.containerClosed && !c.value && (O[A.containerClosed] = !0), O;
2037
2036
  });
@@ -2048,16 +2047,13 @@ const bi = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
2048
2047
  class: m([e.classes.container, v.value])
2049
2048
  }, [
2050
2049
  h("button", {
2051
- class: m(e.classes.toggle),
2050
+ class: m(e.classes.trigger),
2052
2051
  id: f.value,
2053
2052
  "aria-controls": y.value,
2054
2053
  "aria-expanded": c.value,
2055
2054
  onClick: k
2056
2055
  }, [
2057
- g(A.$slots, "trigger", {
2058
- isOpen: c.value,
2059
- toggle: k
2060
- }, () => [
2056
+ g(A.$slots, "trigger", { isOpen: c.value }, () => [
2061
2057
  $(p(e.triggerText), 1)
2062
2058
  ])
2063
2059
  ], 10, _i),
@@ -2102,7 +2098,7 @@ const bi = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
2102
2098
  */
2103
2099
  animate: {
2104
2100
  type: [Boolean, Object],
2105
- default: !1
2101
+ default: !0
2106
2102
  },
2107
2103
  /**
2108
2104
  * Text to use for accordion, alternatively use #trigger slot
@@ -2116,7 +2112,7 @@ const bi = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
2116
2112
  default: "strong"
2117
2113
  },
2118
2114
  /**
2119
- * Classes for elements. See UluCollapsible for all available class keys (toggle, content, etc).
2115
+ * Classes for elements. See UluCollapsible for all available class keys (trigger, content, etc).
2120
2116
  * The 'icon' key is also available for the icon span.
2121
2117
  * - Any valid class binding value per element
2122
2118
  */
@@ -2124,7 +2120,7 @@ const bi = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
2124
2120
  type: Object,
2125
2121
  default: () => ({
2126
2122
  container: "accordion",
2127
- toggle: "accordion__summary",
2123
+ trigger: "accordion__summary",
2128
2124
  content: "accordion__content",
2129
2125
  containerOpen: "is-active"
2130
2126
  })
@@ -2148,11 +2144,8 @@ const bi = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
2148
2144
  animate: e.animate,
2149
2145
  "onUpdate:modelValue": r[0] || (r[0] = (l) => i.$emit("update:modelValue", l))
2150
2146
  }, {
2151
- trigger: S(({ isOpen: l, toggle: a }) => [
2152
- g(i.$slots, "trigger", {
2153
- open: l,
2154
- toggle: a
2155
- }, () => [
2147
+ trigger: S(({ isOpen: l }) => [
2148
+ g(i.$slots, "trigger", { isOpen: l }, () => [
2156
2149
  (u(), _(V(e.triggerTextElement), null, {
2157
2150
  default: S(() => [
2158
2151
  $(p(e.triggerText), 1)
@@ -2160,7 +2153,7 @@ const bi = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
2160
2153
  _: 1
2161
2154
  }))
2162
2155
  ]),
2163
- g(i.$slots, "icon", { open: l }, () => [
2156
+ g(i.$slots, "icon", { isOpen: l }, () => [
2164
2157
  h("span", {
2165
2158
  class: m(["accordion__icon", e.classes.icon])
2166
2159
  }, [
@@ -2173,7 +2166,7 @@ const bi = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
2173
2166
  ]),
2174
2167
  default: S(({ isOpen: l, toggle: a }) => [
2175
2168
  g(i.$slots, "default", {
2176
- open: l,
2169
+ isOpen: l,
2177
2170
  toggle: a
2178
2171
  })
2179
2172
  ]),
@@ -2492,7 +2485,7 @@ function eh(e, n) {
2492
2485
  const c = parseInt(t.query.page || "1", 10);
2493
2486
  return isNaN(c) || c < 1 ? 1 : c;
2494
2487
  }), i = w(() => !e.value || e.value.length === 0 ? 1 : Math.ceil(e.value.length / n));
2495
- We(i, (c) => {
2488
+ De(i, (c) => {
2496
2489
  o.value > c && s.push({ query: { ...t.query, page: c } });
2497
2490
  });
2498
2491
  const r = w(() => {
@@ -4729,7 +4722,7 @@ const Uh = /* @__PURE__ */ R(vl, [["render", yl]]), pl = {
4729
4722
  const c = { strokeDasharray: [`${a} 100`, i.value] };
4730
4723
  t.value.animate(c, { duration: n.duration, easing: n.easing, fill: "forwards" });
4731
4724
  };
4732
- We(() => n.percentage, (a, c) => {
4725
+ De(() => n.percentage, (a, c) => {
4733
4726
  a !== c && o(s(c));
4734
4727
  });
4735
4728
  const i = w(() => `${s(n.percentage)} 100`), r = w(() => n.outside || n.outsideBelow || n.small), l = w(() => {
@@ -4867,7 +4860,7 @@ function Lh(e, n = {}) {
4867
4860
  selectedCount: 0
4868
4861
  }));
4869
4862
  }
4870
- const O = I([]), ue = I(i), Je = I(r), Me = w(() => !o || !e.value?.length ? null : jl(e.value, o)), ge = w(() => ({
4863
+ const O = I([]), ue = I(i), Qe = I(r), Je = w(() => !o || !e.value?.length ? null : jl(e.value, o)), ge = w(() => ({
4871
4864
  ...l ? {} : j,
4872
4865
  ...a
4873
4866
  })), se = w(() => {
@@ -4882,8 +4875,8 @@ function Lh(e, n = {}) {
4882
4875
  for (const W of o) {
4883
4876
  const Y = P.get(W.uid)(F), G = Array.isArray(Y) ? Y : Y ? [Y] : [];
4884
4877
  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);
4878
+ const Ue = `${W.uid}:${et}`;
4879
+ C.has(Ue) || C.set(Ue, /* @__PURE__ */ new Set()), C.get(Ue).add(U);
4887
4880
  }
4888
4881
  }
4889
4882
  }
@@ -4909,7 +4902,7 @@ function Lh(e, n = {}) {
4909
4902
  U.push(Q.value[F]);
4910
4903
  return U;
4911
4904
  }), fe = w(() => {
4912
- const C = ge.value[Je.value]?.sort;
4905
+ const C = ge.value[Qe.value]?.sort;
4913
4906
  return typeof C != "function" ? X.value : C([...X.value]);
4914
4907
  });
4915
4908
  function ke() {
@@ -4927,40 +4920,40 @@ function Lh(e, n = {}) {
4927
4920
  F && (F.selected = P), U.selectedCount = U.children.filter((W) => W.selected).length;
4928
4921
  }
4929
4922
  }
4930
- return We(Me, (C) => {
4923
+ return De(Je, (C) => {
4931
4924
  const z = A(s || C);
4932
4925
  z.forEach((P) => {
4933
4926
  P.selectedCount = P.children.filter((U) => U.selected).length;
4934
4927
  }), O.value = z;
4935
- }, { immediate: !0 }), We([de, Q], ([C, z], [P, U]) => {
4928
+ }, { immediate: !0 }), De([de, Q], ([C, z], [P, U]) => {
4936
4929
  if (!(v === "none" || !O.value.length) && !(C === P && z === U)) {
4937
4930
  if (v === "simple")
4938
4931
  O.value.forEach((F) => {
4939
- const W = C.filter((Y) => Y.uid !== F.uid), Ue = getFilteredItems(z, W);
4932
+ const W = C.filter((Y) => Y.uid !== F.uid), Me = getFilteredItems(z, W);
4940
4933
  F.children.forEach((Y) => {
4941
- Y.count = Ue.filter((G) => f(G, F.uid).includes(Y.uid)).length;
4934
+ Y.count = Me.filter((G) => f(G, F.uid).includes(Y.uid)).length;
4942
4935
  });
4943
4936
  });
4944
4937
  else if (v === "intuitive") {
4945
4938
  const F = se.value;
4946
4939
  if (F.size === 0 && Q.value.length > 0 && o?.length > 0)
4947
4940
  return;
4948
- const W = new Set(Q.value.map((Y, G) => G)), Ue = Rt(C, F, W);
4941
+ const W = new Set(Q.value.map((Y, G) => G)), Me = Rt(C, F, W);
4949
4942
  O.value.forEach((Y) => {
4950
4943
  Y.children.forEach((G) => {
4951
- const et = `${Y.uid}:${G.uid}`, Be = F.get(et) || /* @__PURE__ */ new Set();
4944
+ const et = `${Y.uid}:${G.uid}`, Ue = F.get(et) || /* @__PURE__ */ new Set();
4952
4945
  if (G.selected)
4953
4946
  if (Y.multiple) {
4954
- const $e = Nt([Ue, Be]);
4947
+ const $e = Nt([Me, Ue]);
4955
4948
  G.count = $e.size;
4956
4949
  } else
4957
- G.count = Ue.size;
4950
+ G.count = Me.size;
4958
4951
  else {
4959
4952
  const $e = [];
4960
4953
  for (const tt of C)
4961
4954
  $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];
4955
+ let Be = $e.find((tt) => tt.uid === Y.uid);
4956
+ Be || (Be = { ...Y, children: [] }, $e.push(Be)), Y.multiple ? Be.children.push(G) : Be.children = [G];
4964
4957
  const Ws = Rt($e, F, W);
4965
4958
  G.count = Ws.size;
4966
4959
  }
@@ -4971,7 +4964,7 @@ function Lh(e, n = {}) {
4971
4964
  }, { deep: !0, immediate: !0 }), {
4972
4965
  facets: O,
4973
4966
  searchValue: ue,
4974
- selectedSort: Je,
4967
+ selectedSort: Qe,
4975
4968
  sortTypes: ge,
4976
4969
  displayItems: fe,
4977
4970
  selectedFacets: de,
@@ -5132,13 +5125,13 @@ const Il = {
5132
5125
  key: r.uid,
5133
5126
  classes: {
5134
5127
  container: ["ulu-facets__group", e.classes.group],
5135
- trigger: ["ulu-facets__group-toggle", e.classes.groupToggle],
5128
+ trigger: ["ulu-facets__group-trigger", e.classes.groupTrigger],
5136
5129
  content: ["ulu-facets__group-content", e.classes.groupContent]
5137
5130
  },
5138
5131
  startOpen: r.open
5139
5132
  }, {
5140
5133
  trigger: S(({ isOpen: l }) => [
5141
- g(o.$slots, "groupToggle", {
5134
+ g(o.$slots, "groupTrigger", {
5142
5135
  group: r,
5143
5136
  isOpen: l
5144
5137
  }, () => [
@@ -5442,7 +5435,7 @@ const Il = {
5442
5435
  default: "Filters & Sort"
5443
5436
  },
5444
5437
  /**
5445
- * Classes for elements. See UluCollapsible for all available class keys (toggle, content, etc).
5438
+ * Classes for elements. See UluCollapsible for all available class keys (trigger, content, etc).
5446
5439
  * The 'icon' key is also available for the icon span.
5447
5440
  * - Any valid class binding value per element
5448
5441
  */
@@ -6640,23 +6633,23 @@ function hc(e) {
6640
6633
  function mc(e) {
6641
6634
  return this.__data__.has(e);
6642
6635
  }
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;
6636
+ 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
6637
  function pc(e) {
6645
- var n = vc.call(e, Le), t = e[Le];
6638
+ var n = vc.call(e, Pe), t = e[Pe];
6646
6639
  try {
6647
- e[Le] = void 0;
6640
+ e[Pe] = void 0;
6648
6641
  var s = !0;
6649
6642
  } catch {
6650
6643
  }
6651
6644
  var o = yc.call(e);
6652
- return s && (n ? e[Le] = t : delete e[Le]), o;
6645
+ return s && (n ? e[Pe] = t : delete e[Pe]), o;
6653
6646
  }
6654
6647
  var bc = Object.prototype, _c = bc.toString;
6655
6648
  function wc(e) {
6656
6649
  return _c.call(e);
6657
6650
  }
6658
6651
  var Sc = "[object Null]", kc = "[object Undefined]", Tn = Re ? Re.toStringTag : void 0;
6659
- function Ze(e) {
6652
+ function Ge(e) {
6660
6653
  return e == null ? e === void 0 ? kc : Sc : Tn && Tn in Object(e) ? pc(e) : wc(e);
6661
6654
  }
6662
6655
  function kt(e) {
@@ -6667,7 +6660,7 @@ var $c = "[object AsyncFunction]", Cc = "[object Function]", Ac = "[object Gener
6667
6660
  function js(e) {
6668
6661
  if (!kt(e))
6669
6662
  return !1;
6670
- var n = Ze(e);
6663
+ var n = Ge(e);
6671
6664
  return n == Cc || n == Ac || n == $c || n == Tc;
6672
6665
  }
6673
6666
  var jt = ne["__core-js_shared__"], On = function() {
@@ -6707,9 +6700,9 @@ function Se(e, n) {
6707
6700
  var t = Lc(e, n);
6708
6701
  return Pc(t) ? t : void 0;
6709
6702
  }
6710
- var Ke = Se(ne, "Map"), Ge = Se(Object, "create");
6703
+ var qe = Se(ne, "Map"), Ke = Se(Object, "create");
6711
6704
  function Fc() {
6712
- this.__data__ = Ge ? Ge(null) : {}, this.size = 0;
6705
+ this.__data__ = Ke ? Ke(null) : {}, this.size = 0;
6713
6706
  }
6714
6707
  function Vc(e) {
6715
6708
  var n = this.has(e) && delete this.__data__[e];
@@ -6718,7 +6711,7 @@ function Vc(e) {
6718
6711
  var Hc = "__lodash_hash_undefined__", Nc = Object.prototype, Dc = Nc.hasOwnProperty;
6719
6712
  function Wc(e) {
6720
6713
  var n = this.__data__;
6721
- if (Ge) {
6714
+ if (Ke) {
6722
6715
  var t = n[e];
6723
6716
  return t === Hc ? void 0 : t;
6724
6717
  }
@@ -6727,12 +6720,12 @@ function Wc(e) {
6727
6720
  var Xc = Object.prototype, Yc = Xc.hasOwnProperty;
6728
6721
  function qc(e) {
6729
6722
  var n = this.__data__;
6730
- return Ge ? n[e] !== void 0 : Yc.call(n, e);
6723
+ return Ke ? n[e] !== void 0 : Yc.call(n, e);
6731
6724
  }
6732
6725
  var Kc = "__lodash_hash_undefined__";
6733
6726
  function Gc(e, n) {
6734
6727
  var t = this.__data__;
6735
- return this.size += this.has(e) ? 0 : 1, t[e] = Ge && n === void 0 ? Kc : n, this;
6728
+ return this.size += this.has(e) ? 0 : 1, t[e] = Ke && n === void 0 ? Kc : n, this;
6736
6729
  }
6737
6730
  function be(e) {
6738
6731
  var n = -1, t = e == null ? 0 : e.length;
@@ -6749,7 +6742,7 @@ be.prototype.set = Gc;
6749
6742
  function Zc() {
6750
6743
  this.size = 0, this.__data__ = {
6751
6744
  hash: new be(),
6752
- map: new (Ke || ce)(),
6745
+ map: new (qe || ce)(),
6753
6746
  string: new be()
6754
6747
  };
6755
6748
  }
@@ -6792,7 +6785,7 @@ function ou(e, n) {
6792
6785
  var t = this.__data__;
6793
6786
  if (t instanceof ce) {
6794
6787
  var s = t.__data__;
6795
- if (!Ke || s.length < su - 1)
6788
+ if (!qe || s.length < su - 1)
6796
6789
  return s.push([e, n]), this.size = ++t.size, this;
6797
6790
  t = this.__data__ = new Ie(s);
6798
6791
  }
@@ -6837,17 +6830,17 @@ function uu(e, n) {
6837
6830
  s[t] = n(t);
6838
6831
  return s;
6839
6832
  }
6840
- function Qe(e) {
6833
+ function Ze(e) {
6841
6834
  return e != null && typeof e == "object";
6842
6835
  }
6843
6836
  var du = "[object Arguments]";
6844
6837
  function En(e) {
6845
- return Qe(e) && Ze(e) == du;
6838
+ return Ze(e) && Ge(e) == du;
6846
6839
  }
6847
6840
  var Is = Object.prototype, fu = Is.hasOwnProperty, hu = Is.propertyIsEnumerable, mu = En(/* @__PURE__ */ function() {
6848
6841
  return arguments;
6849
6842
  }()) ? En : function(e) {
6850
- return Qe(e) && fu.call(e, "callee") && !hu.call(e, "callee");
6843
+ return Ze(e) && fu.call(e, "callee") && !hu.call(e, "callee");
6851
6844
  }, un = Array.isArray;
6852
6845
  function gu() {
6853
6846
  return !1;
@@ -6865,16 +6858,16 @@ var Su = "[object Arguments]", ku = "[object Array]", $u = "[object Boolean]", C
6865
6858
  L[Bu] = L[Pu] = L[Lu] = L[Fu] = L[Vu] = L[Hu] = L[Nu] = L[Du] = L[Wu] = !0;
6866
6859
  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
6860
  function Xu(e) {
6868
- return Qe(e) && Us(e.length) && !!L[Ze(e)];
6861
+ return Ze(e) && Us(e.length) && !!L[Ge(e)];
6869
6862
  }
6870
6863
  function dn(e) {
6871
6864
  return function(n) {
6872
6865
  return e(n);
6873
6866
  };
6874
6867
  }
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() {
6868
+ 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
6869
  try {
6877
- var e = De && De.require && De.require("util").types;
6870
+ var e = Ne && Ne.require && Ne.require("util").types;
6878
6871
  return e || It && It.binding && It.binding("util");
6879
6872
  } catch {
6880
6873
  }
@@ -6947,9 +6940,9 @@ function md(e, n, t) {
6947
6940
  function gd(e) {
6948
6941
  return md(e, od, dd);
6949
6942
  }
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) : "";
6943
+ 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;
6944
+ (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) {
6945
+ var n = Ge(e), t = n == vd ? e.constructor : void 0, s = t ? we(t) : "";
6953
6946
  if (s)
6954
6947
  switch (s) {
6955
6948
  case yd:
@@ -7044,11 +7037,11 @@ function Zd(e) {
7044
7037
  }
7045
7038
  var Qd = "[object Map]";
7046
7039
  function Jd(e) {
7047
- return Qe(e) && ie(e) == Qd;
7040
+ return Ze(e) && ie(e) == Qd;
7048
7041
  }
7049
7042
  var Xn = je && je.isMap, ef = Xn ? dn(Xn) : Jd, tf = "[object Set]";
7050
7043
  function nf(e) {
7051
- return Qe(e) && ie(e) == tf;
7044
+ return Ze(e) && ie(e) == tf;
7052
7045
  }
7053
7046
  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
7047
  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,7 +21,7 @@
21
21
  tabindex="-1"
22
22
  :id="contentId"
23
23
  :aria-hidden="!isOpen"
24
- :aria-labelledby="toggleId"
24
+ :aria-labelledby="triggerId"
25
25
  >
26
26
  <div :class="classes.contentInner">
27
27
  <slot :isOpen="isOpen" :toggle="toggle" />
@@ -66,14 +66,14 @@
66
66
  default: true
67
67
  },
68
68
  /**
69
- * Classes for elements ({ container, toggle, content, contentInner })
69
+ * Classes for elements ({ container, trigger, content, contentInner })
70
70
  * - Any valid class binding value per element
71
71
  */
72
72
  classes: {
73
73
  type: Object,
74
74
  default: () => ({
75
75
  container: 'ulu-collapsible',
76
- toggle: 'ulu-collapsible__toggle',
76
+ trigger: 'ulu-collapsible__trigger',
77
77
  content: 'ulu-collapsible__content',
78
78
  contentInner: 'ulu-collapsible__content-inner',
79
79
  containerOpen: 'ulu-collapsible--open',
@@ -114,7 +114,7 @@
114
114
  }
115
115
  });
116
116
 
117
- const toggleId = ref(newId('ulu-collapsible-toggle'));
117
+ const triggerId = ref(newId('ulu-collapsible-trigger'));
118
118
  const contentId = ref(newId('ulu-collapsible-content'));
119
119
 
120
120
  const containerStateClasses = computed(() => {
@@ -6,13 +6,13 @@
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
+ trigger: ['ulu-facets__group-trigger', classes.groupTrigger],
10
10
  content: ['ulu-facets__group-content', classes.groupContent]
11
11
  }"
12
12
  :startOpen="group.open"
13
13
  >
14
14
  <template #trigger="{ isOpen }">
15
- <slot name="groupToggle" :group="group" :isOpen="isOpen">
15
+ <slot name="groupTrigger" :group="group" :isOpen="isOpen">
16
16
  {{ group.name }}
17
17
  </slot>
18
18
  </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.11",
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":"wBA+VqB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;;qBAEpD,CAAC,EAAE,CAAC;;;AATzB;WAIkB,OAAO,IAAI;YADV,OAAO,CAAC,OAAO,KAAK,CAAC;;;;;;;2OAGrC;;;;;;;;;;;AA1JD,yEAAgD;AA/ChD;;;;;;;EA6CG;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;
@@ -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"}