@reni-corp/reni-2c-ui 0.4.0 → 0.4.1

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.
Files changed (35) hide show
  1. package/dist/__tests__/helpers/assert-contract.d.ts +9 -0
  2. package/dist/__tests__/helpers/assert-contract.d.ts.map +1 -0
  3. package/dist/__tests__/helpers/contract-helpers.d.ts +45 -0
  4. package/dist/__tests__/helpers/contract-helpers.d.ts.map +1 -0
  5. package/dist/__tests__/setup.d.ts +1 -0
  6. package/dist/__tests__/setup.d.ts.map +1 -0
  7. package/dist/components/elements/Label.vue.d.ts +2 -2
  8. package/dist/components/elements/Label.vue.d.ts.map +1 -1
  9. package/dist/components/features/AnnounceBarCollection.vue.d.ts.map +1 -1
  10. package/dist/components/features/ProductList.vue.d.ts.map +1 -1
  11. package/dist/components/features/ProductListItem.vue.d.ts.map +1 -1
  12. package/dist/components/interactive/Slider.vue.d.ts.map +1 -1
  13. package/dist/components/interactive/TabGroup.vue.d.ts +4 -6
  14. package/dist/components/interactive/TabGroup.vue.d.ts.map +1 -1
  15. package/dist/components/interactive/TabPanels.vue.d.ts +8 -4
  16. package/dist/components/interactive/TabPanels.vue.d.ts.map +1 -1
  17. package/dist/components/interactive/Tabs.vue.d.ts +9 -3
  18. package/dist/components/interactive/Tabs.vue.d.ts.map +1 -1
  19. package/dist/components/layouts/List.vue.d.ts.map +1 -1
  20. package/dist/components/layouts/Section.vue.d.ts +2 -0
  21. package/dist/components/layouts/Section.vue.d.ts.map +1 -1
  22. package/dist/components/renderless/Form.vue.d.ts +4 -2
  23. package/dist/components/renderless/Form.vue.d.ts.map +1 -1
  24. package/dist/composables.es.js +1 -1
  25. package/dist/index.es.js +2138 -2119
  26. package/dist/script.es.js +2079 -2060
  27. package/dist/script.umd.js +26 -26
  28. package/dist/style.css +1 -1
  29. package/dist/{useAppDialogGuidance-BhYqv41n.js → useAppDialogGuidance-Bs1h3YmP.js} +95 -95
  30. package/package.json +10 -6
  31. package/src/stories/Label.stories.ts +13 -1
  32. package/src/stories/Text.stories.ts +23 -0
  33. package/src/stories/compositions/EventPage.stories.ts +184 -0
  34. package/src/stories/compositions/FormPage.stories.ts +222 -0
  35. package/src/stories/compositions/TopPage.stories.ts +164 -0
@@ -1,4 +1,4 @@
1
- import { pushScopeId as Kt, popScopeId as Jt, defineComponent as Re, nextTick as Ue, ref as R, createApp as Qt, h as Zt, resolveComponent as me, openBlock as Y, createBlock as ze, mergeProps as _t, withCtx as Te, createVNode as St, normalizeClass as Ye, createElementBlock as ge, toDisplayString as eo, renderSlot as Pe, normalizeProps as to, guardReactiveProps as oo, withKeys as no, normalizeStyle as ke, createElementVNode as ie, Fragment as io, createCommentVNode as tt, withScopeId as so, onMounted as Tt, unref as ro, getCurrentScope as lo, onScopeDispose as ao, getCurrentInstance as Xe, isRef as co, toRef as uo, readonly as po, customRef as ho, watch as we, computed as ee, reactive as ot, watchEffect as fo } from "vue";
1
+ import { pushScopeId as Kt, popScopeId as Jt, defineComponent as Re, nextTick as Ue, ref as R, createApp as Qt, h as Zt, resolveComponent as me, openBlock as Y, createBlock as ze, mergeProps as _t, withCtx as Te, createVNode as St, normalizeClass as Ye, createElementBlock as ge, toDisplayString as eo, renderSlot as Pe, normalizeProps as to, guardReactiveProps as oo, withKeys as no, normalizeStyle as De, createElementVNode as ie, Fragment as io, createCommentVNode as tt, withScopeId as so, onMounted as Tt, unref as ro, getCurrentScope as lo, onScopeDispose as ao, getCurrentInstance as Xe, isRef as co, toRef as uo, readonly as po, customRef as ho, watch as we, computed as ee, reactive as ot, watchEffect as fo } from "vue";
2
2
  const mo = ["top", "right", "bottom", "left"], nt = ["start", "end"], it = /* @__PURE__ */ mo.reduce((e, t) => e.concat(t, t + "-" + nt[0], t + "-" + nt[1]), []), ve = Math.min, ne = Math.max, go = {
3
3
  left: "right",
4
4
  right: "left",
@@ -281,17 +281,17 @@ const So = 50, To = async (e, t, o) => {
281
281
  }, h = Je(i), f = Ke(h), m = await r.getDimensions(u), w = h === "y", g = w ? "top" : "left", v = w ? "bottom" : "right", $ = w ? "clientHeight" : "clientWidth", b = s.reference[f] + s.reference[h] - d[h] - s.floating[f], T = d[h] - s.reference[h], S = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(u));
282
282
  let y = S ? S[$] : 0;
283
283
  (!y || !await (r.isElement == null ? void 0 : r.isElement(S))) && (y = l.floating[$] || s.floating[f]);
284
- const E = b / 2 - T / 2, P = y / 2 - m[f] / 2 - 1, _ = ve(a[g], P), N = ve(a[v], P), C = _, A = y - m[f] - N, O = y / 2 - m[f] / 2 + E, z = je(C, O, A), D = !p.arrow && I(i) != null && O !== z && s.reference[f] / 2 - (O < C ? _ : N) - m[f] / 2 < 0, L = D ? O < C ? O - C : O - A : 0;
284
+ const E = b / 2 - T / 2, P = y / 2 - m[f] / 2 - 1, _ = ve(a[g], P), N = ve(a[v], P), C = _, A = y - m[f] - N, O = y / 2 - m[f] / 2 + E, z = je(C, O, A), M = !p.arrow && I(i) != null && O !== z && s.reference[f] / 2 - (O < C ? _ : N) - m[f] / 2 < 0, L = M ? O < C ? O - C : O - A : 0;
285
285
  return {
286
286
  [h]: d[h] + L,
287
287
  data: {
288
288
  [h]: z,
289
289
  centerOffset: O - z - L,
290
- ...D && {
290
+ ...M && {
291
291
  alignmentOffset: L
292
292
  }
293
293
  },
294
- reset: D
294
+ reset: M
295
295
  };
296
296
  }
297
297
  });
@@ -416,8 +416,8 @@ const Co = function(e) {
416
416
  placement: z
417
417
  }
418
418
  };
419
- let D = (C = _.filter((L) => L.overflows[0] <= 0).sort((L, F) => L.overflows[1] - F.overflows[1])[0]) == null ? void 0 : C.placement;
420
- if (!D)
419
+ let M = (C = _.filter((L) => L.overflows[0] <= 0).sort((L, F) => L.overflows[1] - F.overflows[1])[0]) == null ? void 0 : C.placement;
420
+ if (!M)
421
421
  switch (h) {
422
422
  case "bestFit": {
423
423
  var A;
@@ -430,17 +430,17 @@ const Co = function(e) {
430
430
  }
431
431
  return !0;
432
432
  }).map((F) => [F.placement, F.overflows.filter((X) => X > 0).reduce((X, Xt) => X + Xt, 0)]).sort((F, X) => F[1] - X[1])[0]) == null ? void 0 : A[0];
433
- L && (D = L);
433
+ L && (M = L);
434
434
  break;
435
435
  }
436
436
  case "initialPlacement":
437
- D = l;
437
+ M = l;
438
438
  break;
439
439
  }
440
- if (i !== D)
440
+ if (i !== M)
441
441
  return {
442
442
  reset: {
443
- placement: D
443
+ placement: M
444
444
  }
445
445
  };
446
446
  }
@@ -595,12 +595,12 @@ const Ro = function(e) {
595
595
  }
596
596
  };
597
597
  };
598
- function k(e) {
598
+ function D(e) {
599
599
  var t;
600
600
  return ((t = e.ownerDocument) == null ? void 0 : t.defaultView) || window;
601
601
  }
602
602
  function V(e) {
603
- return k(e).getComputedStyle(e);
603
+ return D(e).getComputedStyle(e);
604
604
  }
605
605
  const at = Math.min, pe = Math.max, Oe = Math.round;
606
606
  function Ot(e) {
@@ -619,22 +619,22 @@ function Nt() {
619
619
  return e && Array.isArray(e.brands) ? (be = e.brands.map((t) => t.brand + "/" + t.version).join(" "), be) : navigator.userAgent;
620
620
  }
621
621
  function q(e) {
622
- return e instanceof k(e).HTMLElement;
622
+ return e instanceof D(e).HTMLElement;
623
623
  }
624
624
  function Q(e) {
625
- return e instanceof k(e).Element;
625
+ return e instanceof D(e).Element;
626
626
  }
627
627
  function Et(e) {
628
- return e instanceof k(e).Node;
628
+ return e instanceof D(e).Node;
629
629
  }
630
630
  function ct(e) {
631
- return typeof ShadowRoot > "u" ? !1 : e instanceof k(e).ShadowRoot || e instanceof ShadowRoot;
631
+ return typeof ShadowRoot > "u" ? !1 : e instanceof D(e).ShadowRoot || e instanceof ShadowRoot;
632
632
  }
633
633
  function Le(e) {
634
634
  const { overflow: t, overflowX: o, overflowY: n, display: i } = V(e);
635
635
  return /auto|scroll|overlay|hidden|clip/.test(t + n + o) && !["inline", "contents"].includes(i);
636
636
  }
637
- function Ho(e) {
637
+ function ko(e) {
638
638
  return ["table", "td", "th"].includes(te(e));
639
639
  }
640
640
  function Ve(e) {
@@ -667,14 +667,14 @@ function ye(e, t, o, n) {
667
667
  const r = e.getBoundingClientRect(), l = zt(e);
668
668
  let p = Lt;
669
669
  t && (n ? Q(n) && (p = ae(n)) : p = ae(e));
670
- const u = l ? k(l) : window, c = !Rt() && o;
670
+ const u = l ? D(l) : window, c = !Rt() && o;
671
671
  let a = (r.left + (c && ((i = u.visualViewport) == null ? void 0 : i.offsetLeft) || 0)) / p.x, d = (r.top + (c && ((s = u.visualViewport) == null ? void 0 : s.offsetTop) || 0)) / p.y, h = r.width / p.x, f = r.height / p.y;
672
672
  if (l) {
673
- const m = k(l), w = n && Q(n) ? k(n) : n;
673
+ const m = D(l), w = n && Q(n) ? D(n) : n;
674
674
  let g = m.frameElement;
675
675
  for (; g && n && w !== m; ) {
676
676
  const v = ae(g), $ = g.getBoundingClientRect(), b = getComputedStyle(g);
677
- $.x += (g.clientLeft + parseFloat(b.paddingLeft)) * v.x, $.y += (g.clientTop + parseFloat(b.paddingTop)) * v.y, a *= v.x, d *= v.y, h *= v.x, f *= v.y, a += $.x, d += $.y, g = k(g).frameElement;
677
+ $.x += (g.clientLeft + parseFloat(b.paddingLeft)) * v.x, $.y += (g.clientTop + parseFloat(b.paddingTop)) * v.y, a *= v.x, d *= v.y, h *= v.x, f *= v.y, a += $.x, d += $.y, g = D(g).frameElement;
678
678
  }
679
679
  }
680
680
  return { width: h, height: f, top: d, right: a + h, bottom: d + f, left: a, x: a, y: d };
@@ -682,30 +682,30 @@ function ye(e, t, o, n) {
682
682
  function Z(e) {
683
683
  return ((Et(e) ? e.ownerDocument : e.document) || window.document).documentElement;
684
684
  }
685
- function He(e) {
685
+ function ke(e) {
686
686
  return Q(e) ? { scrollLeft: e.scrollLeft, scrollTop: e.scrollTop } : { scrollLeft: e.pageXOffset, scrollTop: e.pageYOffset };
687
687
  }
688
- function Ht(e) {
689
- return ye(Z(e)).left + He(e).scrollLeft;
688
+ function kt(e) {
689
+ return ye(Z(e)).left + ke(e).scrollLeft;
690
690
  }
691
691
  function $e(e) {
692
692
  if (te(e) === "html") return e;
693
693
  const t = e.assignedSlot || e.parentNode || ct(e) && e.host || Z(e);
694
694
  return ct(t) ? t.host : t;
695
695
  }
696
- function Mt(e) {
696
+ function Ht(e) {
697
697
  const t = $e(e);
698
- return Qe(t) ? t.ownerDocument.body : q(t) && Le(t) ? t : Mt(t);
698
+ return Qe(t) ? t.ownerDocument.body : q(t) && Le(t) ? t : Ht(t);
699
699
  }
700
700
  function Ne(e, t) {
701
701
  var o;
702
702
  t === void 0 && (t = []);
703
- const n = Mt(e), i = n === ((o = e.ownerDocument) == null ? void 0 : o.body), s = k(n);
703
+ const n = Ht(e), i = n === ((o = e.ownerDocument) == null ? void 0 : o.body), s = D(n);
704
704
  return i ? t.concat(s, s.visualViewport || [], Le(n) ? n : []) : t.concat(n, Ne(n));
705
705
  }
706
706
  function dt(e, t, o) {
707
707
  return t === "viewport" ? ue(function(n, i) {
708
- const s = k(n), r = Z(n), l = s.visualViewport;
708
+ const s = D(n), r = Z(n), l = s.visualViewport;
709
709
  let p = r.clientWidth, u = r.clientHeight, c = 0, a = 0;
710
710
  if (l) {
711
711
  p = l.width, u = l.height;
@@ -717,8 +717,8 @@ function dt(e, t, o) {
717
717
  const s = ye(n, !0, i === "fixed"), r = s.top + n.clientTop, l = s.left + n.clientLeft, p = q(n) ? ae(n) : { x: 1, y: 1 };
718
718
  return { width: n.clientWidth * p.x, height: n.clientHeight * p.y, x: l * p.x, y: r * p.y };
719
719
  }(t, o)) : ue(function(n) {
720
- const i = Z(n), s = He(n), r = n.ownerDocument.body, l = pe(i.scrollWidth, i.clientWidth, r.scrollWidth, r.clientWidth), p = pe(i.scrollHeight, i.clientHeight, r.scrollHeight, r.clientHeight);
721
- let u = -s.scrollLeft + Ht(n);
720
+ const i = Z(n), s = ke(n), r = n.ownerDocument.body, l = pe(i.scrollWidth, i.clientWidth, r.scrollWidth, r.clientWidth), p = pe(i.scrollHeight, i.clientHeight, r.scrollHeight, r.clientHeight);
721
+ let u = -s.scrollLeft + kt(n);
722
722
  const c = -s.scrollTop;
723
723
  return V(r).direction === "rtl" && (u += pe(i.clientWidth, r.clientWidth) - l), { width: l, height: p, x: u, y: c };
724
724
  }(Z(e)));
@@ -727,9 +727,9 @@ function ut(e) {
727
727
  return q(e) && V(e).position !== "fixed" ? e.offsetParent : null;
728
728
  }
729
729
  function pt(e) {
730
- const t = k(e);
730
+ const t = D(e);
731
731
  let o = ut(e);
732
- for (; o && Ho(o) && V(o).position === "static"; ) o = ut(o);
732
+ for (; o && ko(o) && V(o).position === "static"; ) o = ut(o);
733
733
  return o && (te(o) === "html" || te(o) === "body" && V(o).position === "static" && !Ve(o)) ? t : o || function(n) {
734
734
  let i = $e(n);
735
735
  for (; q(i) && !Qe(i); ) {
@@ -739,17 +739,17 @@ function pt(e) {
739
739
  return null;
740
740
  }(e) || t;
741
741
  }
742
- function Mo(e, t, o) {
742
+ function Ho(e, t, o) {
743
743
  const n = q(t), i = Z(t), s = ye(e, !0, o === "fixed", t);
744
744
  let r = { scrollLeft: 0, scrollTop: 0 };
745
745
  const l = { x: 0, y: 0 };
746
- if (n || !n && o !== "fixed") if ((te(t) !== "body" || Le(i)) && (r = He(t)), q(t)) {
746
+ if (n || !n && o !== "fixed") if ((te(t) !== "body" || Le(i)) && (r = ke(t)), q(t)) {
747
747
  const p = ye(t, !0);
748
748
  l.x = p.x + t.clientLeft, l.y = p.y + t.clientTop;
749
- } else i && (l.x = Ht(i));
749
+ } else i && (l.x = kt(i));
750
750
  return { x: s.left + r.scrollLeft - l.x, y: s.top + r.scrollTop - l.y, width: s.width, height: s.height };
751
751
  }
752
- const Do = { getClippingRect: function(e) {
752
+ const Mo = { getClippingRect: function(e) {
753
753
  let { element: t, boundary: o, rootBoundary: n, strategy: i } = e;
754
754
  const s = o === "clippingAncestors" ? function(u, c) {
755
755
  const a = c.get(u);
@@ -773,7 +773,7 @@ const Do = { getClippingRect: function(e) {
773
773
  if (o === s) return t;
774
774
  let r = { scrollLeft: 0, scrollTop: 0 }, l = { x: 1, y: 1 };
775
775
  const p = { x: 0, y: 0 };
776
- if ((i || !i && n !== "fixed") && ((te(o) !== "body" || Le(s)) && (r = He(o)), q(o))) {
776
+ if ((i || !i && n !== "fixed") && ((te(o) !== "body" || Le(s)) && (r = ke(o)), q(o))) {
777
777
  const u = ye(o);
778
778
  l = ae(o), p.x = u.x + o.clientLeft, p.y = u.y + o.clientTop;
779
779
  }
@@ -783,9 +783,9 @@ const Do = { getClippingRect: function(e) {
783
783
  }, getOffsetParent: pt, getDocumentElement: Z, getScale: ae, async getElementRects(e) {
784
784
  let { reference: t, floating: o, strategy: n } = e;
785
785
  const i = this.getOffsetParent || pt, s = this.getDimensions;
786
- return { reference: Mo(t, await i(o), n), floating: { x: 0, y: 0, ...await s(o) } };
787
- }, getClientRects: (e) => Array.from(e.getClientRects()), isRTL: (e) => V(e).direction === "rtl" }, ko = (e, t, o) => {
788
- const n = /* @__PURE__ */ new Map(), i = { platform: Do, ...o }, s = { ...i.platform, _c: n };
786
+ return { reference: Ho(t, await i(o), n), floating: { x: 0, y: 0, ...await s(o) } };
787
+ }, getClientRects: (e) => Array.from(e.getClientRects()), isRTL: (e) => V(e).direction === "rtl" }, Do = (e, t, o) => {
788
+ const n = /* @__PURE__ */ new Map(), i = { platform: Mo, ...o }, s = { ...i.platform, _c: n };
789
789
  return To(e, t, { ...i, platform: s });
790
790
  }, se = {
791
791
  // Disable popper components
@@ -898,9 +898,9 @@ if (typeof window < "u") {
898
898
  } catch {
899
899
  }
900
900
  }
901
- let Dt = !1;
902
- typeof window < "u" && typeof navigator < "u" && (Dt = /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream);
903
- const kt = ["auto", "top", "bottom", "left", "right"].reduce((e, t) => e.concat([
901
+ let Mt = !1;
902
+ typeof window < "u" && typeof navigator < "u" && (Mt = /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream);
903
+ const Dt = ["auto", "top", "bottom", "left", "right"].reduce((e, t) => e.concat([
904
904
  t,
905
905
  `${t}-start`,
906
906
  `${t}-end`
@@ -926,7 +926,7 @@ function Be() {
926
926
  requestAnimationFrame(e);
927
927
  }));
928
928
  }
929
- const M = [];
929
+ const H = [];
930
930
  let oe = null;
931
931
  const wt = {};
932
932
  function vt(e) {
@@ -993,7 +993,7 @@ const Fe = "__floating-vue__popper", Bt = () => Re({
993
993
  placement: {
994
994
  type: String,
995
995
  default: x("placement"),
996
- validator: (e) => kt.includes(e)
996
+ validator: (e) => Dt.includes(e)
997
997
  },
998
998
  delay: {
999
999
  type: [String, Number, Object],
@@ -1336,7 +1336,7 @@ const Fe = "__floating-vue__popper", Bt = () => Re({
1336
1336
  this.$_innerNode.style.maxWidth = n != null ? `${n}px` : null, this.$_innerNode.style.maxHeight = i != null ? `${i}px` : null;
1337
1337
  }
1338
1338
  })));
1339
- const o = await ko(this.$_referenceNode, this.$_popperNode, e);
1339
+ const o = await Do(this.$_referenceNode, this.$_popperNode, e);
1340
1340
  Object.assign(this.result, {
1341
1341
  x: o.x,
1342
1342
  y: o.y,
@@ -1388,10 +1388,10 @@ const Fe = "__floating-vue__popper", Bt = () => Re({
1388
1388
  const e = this.showGroup;
1389
1389
  if (e) {
1390
1390
  let t;
1391
- for (let o = 0; o < M.length; o++)
1392
- t = M[o], t.showGroup !== e && (t.hide(), t.$emit("close-group"));
1391
+ for (let o = 0; o < H.length; o++)
1392
+ t = H[o], t.showGroup !== e && (t.hide(), t.$emit("close-group"));
1393
1393
  }
1394
- M.push(this), document.body.classList.add("v-popper--some-open");
1394
+ H.push(this), document.body.classList.add("v-popper--some-open");
1395
1395
  for (const t of ht(this.theme))
1396
1396
  vt(t).push(this), document.body.classList.add(`v-popper--some-open--${t}`);
1397
1397
  this.$emit("apply-show"), this.classes.showFrom = !0, this.classes.showTo = !1, this.classes.hideFrom = !1, this.classes.hideTo = !1, await Be(), this.classes.showFrom = !1, this.classes.showTo = !0, this.noAutoFocus || this.$_popperNode.focus();
@@ -1403,7 +1403,7 @@ const Fe = "__floating-vue__popper", Bt = () => Re({
1403
1403
  }
1404
1404
  if (clearTimeout(this.$_scheduleTimer), !this.isShown)
1405
1405
  return;
1406
- this.skipTransition = e, gt(M, this), M.length === 0 && document.body.classList.remove("v-popper--some-open");
1406
+ this.skipTransition = e, gt(H, this), H.length === 0 && document.body.classList.remove("v-popper--some-open");
1407
1407
  for (const o of ht(this.theme)) {
1408
1408
  const n = vt(o);
1409
1409
  gt(n, this), n.length === 0 && document.body.classList.remove(`v-popper--some-open--${o}`);
@@ -1502,7 +1502,7 @@ const Fe = "__floating-vue__popper", Bt = () => Re({
1502
1502
  return this.$slots.default(this.slotData);
1503
1503
  }
1504
1504
  });
1505
- typeof document < "u" && typeof window < "u" && (Dt ? (document.addEventListener("touchstart", yt, ce ? {
1505
+ typeof document < "u" && typeof window < "u" && (Mt ? (document.addEventListener("touchstart", yt, ce ? {
1506
1506
  passive: !0,
1507
1507
  capture: !0
1508
1508
  } : !0), document.addEventListener("touchend", Io, ce ? {
@@ -1510,8 +1510,8 @@ typeof document < "u" && typeof window < "u" && (Dt ? (document.addEventListener
1510
1510
  capture: !0
1511
1511
  } : !0)) : (window.addEventListener("mousedown", yt, !0), window.addEventListener("click", Fo, !0)), window.addEventListener("resize", Vo));
1512
1512
  function yt(e) {
1513
- for (let t = 0; t < M.length; t++) {
1514
- const o = M[t];
1513
+ for (let t = 0; t < H.length; t++) {
1514
+ const o = H[t];
1515
1515
  try {
1516
1516
  const n = o.popperNode();
1517
1517
  o.$_mouseDownContains = n.contains(e.target);
@@ -1527,8 +1527,8 @@ function Io(e) {
1527
1527
  }
1528
1528
  function Ft(e, t = !1) {
1529
1529
  const o = {};
1530
- for (let n = M.length - 1; n >= 0; n--) {
1531
- const i = M[n];
1530
+ for (let n = H.length - 1; n >= 0; n--) {
1531
+ const i = H[n];
1532
1532
  try {
1533
1533
  const s = i.$_containsGlobalTarget = Wo(i, e);
1534
1534
  i.$_pendingHide = !1, requestAnimationFrame(() => {
@@ -1563,12 +1563,12 @@ function jo(e, t) {
1563
1563
  return e.autoHide;
1564
1564
  }
1565
1565
  function Vo(e) {
1566
- for (let t = 0; t < M.length; t++)
1567
- M[t].$_computePosition(e);
1566
+ for (let t = 0; t < H.length; t++)
1567
+ H[t].$_computePosition(e);
1568
1568
  }
1569
1569
  function qo() {
1570
- for (let e = 0; e < M.length; e++)
1571
- M[e].hide();
1570
+ for (let e = 0; e < H.length; e++)
1571
+ H[e].hide();
1572
1572
  }
1573
1573
  let K = 0, J = 0, he = 0, fe = 0;
1574
1574
  typeof window < "u" && window.addEventListener("mousemove", (e) => {
@@ -1582,7 +1582,7 @@ function _e(e, t, o, n, i, s, r, l) {
1582
1582
  }
1583
1583
  const Go = {
1584
1584
  extends: Bt()
1585
- }, Me = (e, t) => {
1585
+ }, He = (e, t) => {
1586
1586
  const o = e.__vccOpts || e;
1587
1587
  for (const [n, i] of t)
1588
1588
  o[n] = i;
@@ -1598,7 +1598,7 @@ function Uo(e, t, o, n, i, s) {
1598
1598
  Pe(e.$slots, "default", to(oo(e.slotData)))
1599
1599
  ], 2);
1600
1600
  }
1601
- const Yo = /* @__PURE__ */ Me(Go, [["render", Uo]]);
1601
+ const Yo = /* @__PURE__ */ He(Go, [["render", Uo]]);
1602
1602
  function Xo() {
1603
1603
  var e = window.navigator.userAgent, t = e.indexOf("MSIE ");
1604
1604
  if (t > 0)
@@ -1615,7 +1615,7 @@ let Se;
1615
1615
  function Ge() {
1616
1616
  Ge.init || (Ge.init = !0, Se = Xo() !== -1);
1617
1617
  }
1618
- var De = {
1618
+ var Me = {
1619
1619
  name: "ResizeObserver",
1620
1620
  props: {
1621
1621
  emitOnMount: {
@@ -1670,9 +1670,9 @@ const Jo = {
1670
1670
  };
1671
1671
  Jt();
1672
1672
  const Qo = /* @__PURE__ */ Ko((e, t, o, n, i, s) => (Y(), ze("div", Jo)));
1673
- De.render = Qo;
1674
- De.__scopeId = "data-v-b329ee4c";
1675
- De.__file = "src/components/ResizeObserver.vue";
1673
+ Me.render = Qo;
1674
+ Me.__scopeId = "data-v-b329ee4c";
1675
+ Me.__file = "src/components/ResizeObserver.vue";
1676
1676
  const It = (e = "theme") => ({
1677
1677
  computed: {
1678
1678
  themeClass() {
@@ -1682,7 +1682,7 @@ const It = (e = "theme") => ({
1682
1682
  }), Zo = Re({
1683
1683
  name: "VPopperContent",
1684
1684
  components: {
1685
- ResizeObserver: De
1685
+ ResizeObserver: Me
1686
1686
  },
1687
1687
  mixins: [
1688
1688
  It()
@@ -1734,7 +1734,7 @@ function rn(e, t, o, n, i, s) {
1734
1734
  "v-popper__popper--no-positioning": !e.result
1735
1735
  }
1736
1736
  ]]),
1737
- style: ke(e.result ? {
1737
+ style: De(e.result ? {
1738
1738
  position: e.result.strategy,
1739
1739
  transform: `translate3d(${Math.round(e.result.x)}px,${Math.round(e.result.y)}px,0)`
1740
1740
  } : void 0),
@@ -1749,7 +1749,7 @@ function rn(e, t, o, n, i, s) {
1749
1749
  }),
1750
1750
  ie("div", {
1751
1751
  class: "v-popper__wrapper",
1752
- style: ke(e.result ? {
1752
+ style: De(e.result ? {
1753
1753
  transformOrigin: e.result.transformOrigin
1754
1754
  } : void 0)
1755
1755
  }, [
@@ -1767,7 +1767,7 @@ function rn(e, t, o, n, i, s) {
1767
1767
  ie("div", {
1768
1768
  ref: "arrow",
1769
1769
  class: "v-popper__arrow-container",
1770
- style: ke(e.result ? {
1770
+ style: De(e.result ? {
1771
1771
  left: e.toPx(e.result.arrow.x),
1772
1772
  top: e.toPx(e.result.arrow.y)
1773
1773
  } : void 0)
@@ -1775,7 +1775,7 @@ function rn(e, t, o, n, i, s) {
1775
1775
  ], 4)
1776
1776
  ], 46, en);
1777
1777
  }
1778
- const Wt = /* @__PURE__ */ Me(Zo, [["render", rn]]), jt = {
1778
+ const Wt = /* @__PURE__ */ He(Zo, [["render", rn]]), jt = {
1779
1779
  methods: {
1780
1780
  show(...e) {
1781
1781
  return this.$refs.popper.show(...e);
@@ -2049,7 +2049,7 @@ function an(e, t, o, n, i, s) {
2049
2049
  _: 3
2050
2050
  }, 16, ["theme", "target-nodes", "popper-node", "class"]);
2051
2051
  }
2052
- const Ze = /* @__PURE__ */ Me(ln, [["render", an]]);
2052
+ const Ze = /* @__PURE__ */ He(ln, [["render", an]]);
2053
2053
  ({
2054
2054
  ...Ze
2055
2055
  });
@@ -2194,11 +2194,11 @@ function hn(e, t, o, n, i, s) {
2194
2194
  _: 1
2195
2195
  }, 16, ["theme", "target-nodes", "popper-node", "onApplyShow", "onApplyHide"]);
2196
2196
  }
2197
- const fn = /* @__PURE__ */ Me(dn, [["render", hn]]), Vt = "v-popper--has-tooltip";
2197
+ const fn = /* @__PURE__ */ He(dn, [["render", hn]]), Vt = "v-popper--has-tooltip";
2198
2198
  function mn(e, t) {
2199
2199
  let o = e.placement;
2200
2200
  if (!o && t)
2201
- for (const n of kt)
2201
+ for (const n of Dt)
2202
2202
  t[n] && (o = n);
2203
2203
  return o || (o = Ee(e.theme || "tooltip", "placement")), o;
2204
2204
  }
@@ -2257,11 +2257,11 @@ function $n(e) {
2257
2257
  }
2258
2258
  e.classList && e.classList.remove(Vt);
2259
2259
  }
2260
- const Mn = cn, We = typeof window < "u";
2260
+ const Hn = cn, We = typeof window < "u";
2261
2261
  function et(e) {
2262
2262
  return lo() ? (ao(e), !0) : !1;
2263
2263
  }
2264
- function H(e) {
2264
+ function k(e) {
2265
2265
  return typeof e == "function" ? e() : ro(e);
2266
2266
  }
2267
2267
  const qt = typeof window < "u" && typeof document < "u";
@@ -2286,7 +2286,7 @@ function Pn(e, t = {}) {
2286
2286
  clearTimeout(l), i(), i = W;
2287
2287
  };
2288
2288
  return (l) => {
2289
- const p = H(e), u = H(t.maxWait);
2289
+ const p = k(e), u = k(t.maxWait);
2290
2290
  return o && s(o), p <= 0 || u !== void 0 && u <= 0 ? (n && (s(n), n = null), Promise.resolve(l())) : new Promise((c, a) => {
2291
2291
  i = t.rejectOnCancel ? a : c, u && !n && (n = setTimeout(() => {
2292
2292
  o && s(o), n = null, c(l());
@@ -2303,7 +2303,7 @@ function An(...e) {
2303
2303
  o && (clearTimeout(o), o = void 0, i(), i = W);
2304
2304
  };
2305
2305
  return (d) => {
2306
- const h = H(r), f = Date.now() - t, m = () => s = d();
2306
+ const h = k(r), f = Date.now() - t, m = () => s = d();
2307
2307
  return c(), h <= 0 ? (t = Date.now(), m()) : (f > h && (p || !n) ? (t = Date.now(), m()) : l && (s = new Promise((w, g) => {
2308
2308
  i = u ? g : w, o = setTimeout(() => {
2309
2309
  t = Date.now(), n = !0, w(m()), c();
@@ -2311,7 +2311,7 @@ function An(...e) {
2311
2311
  })), !p && !o && (o = setTimeout(() => n = !0, h)), n = !1, s);
2312
2312
  };
2313
2313
  }
2314
- const Dn = {
2314
+ const Mn = {
2315
2315
  mounted: "mounted"
2316
2316
  };
2317
2317
  function Cn(e, t) {
@@ -2324,7 +2324,7 @@ function Cn(e, t) {
2324
2324
  function On(e) {
2325
2325
  return Xe();
2326
2326
  }
2327
- function kn(...e) {
2327
+ function Dn(...e) {
2328
2328
  if (e.length !== 1)
2329
2329
  return uo(...e);
2330
2330
  const t = e[0];
@@ -2347,7 +2347,7 @@ function Ut(e, t = !0, o) {
2347
2347
  }
2348
2348
  function B(e) {
2349
2349
  var t;
2350
- const o = H(e);
2350
+ const o = k(e);
2351
2351
  return (t = o == null ? void 0 : o.$el) != null ? t : o;
2352
2352
  }
2353
2353
  const le = qt ? window : void 0;
@@ -2359,7 +2359,7 @@ function j(...e) {
2359
2359
  const s = [], r = () => {
2360
2360
  s.forEach((c) => c()), s.length = 0;
2361
2361
  }, l = (c, a, d, h) => (c.addEventListener(a, d, h), () => c.removeEventListener(a, d, h)), p = we(
2362
- () => [B(t), H(i)],
2362
+ () => [B(t), k(i)],
2363
2363
  ([c, a]) => {
2364
2364
  if (r(), !c)
2365
2365
  return;
@@ -2431,7 +2431,7 @@ function de(e, t = {}) {
2431
2431
  }, l = () => {
2432
2432
  i && ("removeEventListener" in i ? i.removeEventListener("change", r) : i.removeListener(r));
2433
2433
  }, p = fo(() => {
2434
- n.value && (l(), i = o.matchMedia(H(e)), "addEventListener" in i ? i.addEventListener("change", r) : i.addListener(r), s.value = i.matches);
2434
+ n.value && (l(), i = o.matchMedia(k(e)), "addEventListener" in i ? i.addEventListener("change", r) : i.addListener(r), s.value = i.matches);
2435
2435
  });
2436
2436
  return et(() => {
2437
2437
  p(), l(), i = void 0;
@@ -2446,7 +2446,7 @@ const Fn = {
2446
2446
  };
2447
2447
  function In(e, t = {}) {
2448
2448
  function o(c, a) {
2449
- let d = H(e[H(c)]);
2449
+ let d = k(e[k(c)]);
2450
2450
  return a != null && (d = Cn(d, a)), typeof d == "number" && (d = `${d}px`), d;
2451
2451
  }
2452
2452
  const { window: n = le, strategy: i = "min-width" } = t;
@@ -2604,13 +2604,13 @@ function jn(e, t = {}) {
2604
2604
  var P, _, N, C;
2605
2605
  if (!u)
2606
2606
  return;
2607
- const A = H(e);
2607
+ const A = k(e);
2608
2608
  if (!A)
2609
2609
  return;
2610
2610
  (N = A instanceof Document ? u.document.body : A) == null || N.scrollTo({
2611
- top: (P = H(E)) != null ? P : f.value,
2612
- left: (_ = H(y)) != null ? _ : h.value,
2613
- behavior: H(p)
2611
+ top: (P = k(E)) != null ? P : f.value,
2612
+ left: (_ = k(y)) != null ? _ : h.value,
2613
+ behavior: k(p)
2614
2614
  });
2615
2615
  const O = ((C = A == null ? void 0 : A.document) == null ? void 0 : C.documentElement) || (A == null ? void 0 : A.documentElement) || A;
2616
2616
  h != null && (a.value = O.scrollLeft), f != null && (d.value = O.scrollTop);
@@ -2637,8 +2637,8 @@ function jn(e, t = {}) {
2637
2637
  _ === "flex" && N === "row-reverse" ? (g.left = O, g.right = A) : (g.left = A, g.right = O), a.value = C;
2638
2638
  let z = P.scrollTop;
2639
2639
  y === u.document && !z && (z = u.document.body.scrollTop), v.top = z < d.value, v.bottom = z > d.value;
2640
- const D = Math.abs(z) <= (r.top || 0), L = Math.abs(z) + P.clientHeight >= P.scrollHeight - (r.bottom || 0) - bt;
2641
- _ === "flex" && N === "column-reverse" ? (g.top = L, g.bottom = D) : (g.top = D, g.bottom = L), d.value = z;
2640
+ const M = Math.abs(z) <= (r.top || 0), L = Math.abs(z) + P.clientHeight >= P.scrollHeight - (r.bottom || 0) - bt;
2641
+ _ === "flex" && N === "column-reverse" ? (g.top = L, g.bottom = M) : (g.top = M, g.bottom = L), d.value = z;
2642
2642
  }, S = (y) => {
2643
2643
  var E;
2644
2644
  if (!u)
@@ -2653,7 +2653,7 @@ function jn(e, t = {}) {
2653
2653
  l
2654
2654
  ), Ut(() => {
2655
2655
  try {
2656
- const y = H(e);
2656
+ const y = k(e);
2657
2657
  if (!y)
2658
2658
  return;
2659
2659
  T(y);
@@ -2672,7 +2672,7 @@ function jn(e, t = {}) {
2672
2672
  arrivedState: g,
2673
2673
  directions: v,
2674
2674
  measure() {
2675
- const y = H(e);
2675
+ const y = k(e);
2676
2676
  u && y && T(y);
2677
2677
  }
2678
2678
  };
@@ -2688,7 +2688,7 @@ function Vn(e, t, o, n = {}) {
2688
2688
  shouldEmit: d
2689
2689
  } = n, h = Xe(), f = o || (h == null ? void 0 : h.emit) || ((i = h == null ? void 0 : h.$emit) == null ? void 0 : i.bind(h)) || ((r = (s = h == null ? void 0 : h.proxy) == null ? void 0 : s.$emit) == null ? void 0 : r.bind(h == null ? void 0 : h.proxy));
2690
2690
  let m = u;
2691
- t || (t = "modelValue"), m = m || `update:${t.toString()}`;
2691
+ m = m || `update:${t.toString()}`;
2692
2692
  const w = ($) => l ? typeof l == "function" ? l($) : zn($) : $, g = () => xn(e[t]) ? w(e[t]) : a, v = ($) => {
2693
2693
  d ? d($) && f(m, $) : f(m, $);
2694
2694
  };
@@ -2822,13 +2822,13 @@ function Yn() {
2822
2822
  };
2823
2823
  }
2824
2824
  export {
2825
- Mn as W,
2825
+ Hn as W,
2826
2826
  qn as a,
2827
2827
  Gn as b,
2828
2828
  Un as c,
2829
2829
  In as d,
2830
2830
  Fn as e,
2831
- Dn as f,
2831
+ Mn as f,
2832
2832
  En as g,
2833
2833
  Ut as h,
2834
2834
  We as i,
@@ -2838,11 +2838,11 @@ export {
2838
2838
  Nn as m,
2839
2839
  W as n,
2840
2840
  Bn as o,
2841
- kn as p,
2841
+ Dn as p,
2842
2842
  Sn as q,
2843
2843
  Vn as r,
2844
2844
  jn as s,
2845
- H as t,
2845
+ k as t,
2846
2846
  Yn as u,
2847
2847
  Wn as v,
2848
2848
  Ln as w
package/package.json CHANGED
@@ -1,11 +1,7 @@
1
1
  {
2
2
  "name": "@reni-corp/reni-2c-ui",
3
- "version": "0.4.0",
3
+ "version": "0.4.1",
4
4
  "type": "module",
5
- "repository": {
6
- "type": "git",
7
- "url": "https://github.com/reni-corp/reni-2C-ui.git"
8
- },
9
5
  "main": "./dist/script.umd.js",
10
6
  "module": "./dist/index.es.js",
11
7
  "types": "./dist/index.d.ts",
@@ -52,7 +48,10 @@
52
48
  "format": "prettier --write .",
53
49
  "stylelint": "stylelint \"**/*.{vue,scss,css}\"",
54
50
  "stylelint:fix": "stylelint \"**/*.{vue,scss,css}\" --fix",
55
- "typecheck": "tsc --noEmit --skipLibCheck"
51
+ "typecheck": "tsc --noEmit --skipLibCheck",
52
+ "test": "vitest run",
53
+ "test:watch": "vitest",
54
+ "test:vrt": "playwright test --config playwright.config.ts"
56
55
  },
57
56
  "dependencies": {
58
57
  "@awesome.me/kit-37f9c6ad08": "^1.0.24",
@@ -87,15 +86,19 @@
87
86
  "devDependencies": {
88
87
  "@eslint/eslintrc": "^3.3.1",
89
88
  "@eslint/js": "^9.36.0",
89
+ "@playwright/test": "^1.58.2",
90
90
  "@storybook/addon-docs": "^10.2.10",
91
91
  "@storybook/addon-links": "^10.2.10",
92
92
  "@storybook/vue3-vite": "^10.2.10",
93
+ "@testing-library/jest-dom": "^6.9.1",
94
+ "@testing-library/vue": "^8.1.0",
93
95
  "@types/dompurify": "^3.0.5",
94
96
  "@types/lz-string": "^1.5.0",
95
97
  "@typescript-eslint/eslint-plugin": "^8.8.1",
96
98
  "@typescript-eslint/parser": "^8.8.1",
97
99
  "@vitejs/plugin-vue": "^5.2.4",
98
100
  "@vue/babel-plugin-jsx": "^1.1.5",
101
+ "@vue/test-utils": "^2.4.6",
99
102
  "eslint": "^9.12.0",
100
103
  "eslint-config-prettier": "^9.1.0",
101
104
  "eslint-formatter-compact": "^8.40.0",
@@ -124,6 +127,7 @@
124
127
  "typescript": "^5.0.2",
125
128
  "vite": "^5.4.21",
126
129
  "vite-plugin-dts": "^4.5.4",
130
+ "vitest": "^4.0.18",
127
131
  "vue-eslint-parser": "^10.2.0",
128
132
  "vue-tsc": "^1.8.5"
129
133
  }