@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.
- package/dist/__tests__/helpers/assert-contract.d.ts +9 -0
- package/dist/__tests__/helpers/assert-contract.d.ts.map +1 -0
- package/dist/__tests__/helpers/contract-helpers.d.ts +45 -0
- package/dist/__tests__/helpers/contract-helpers.d.ts.map +1 -0
- package/dist/__tests__/setup.d.ts +1 -0
- package/dist/__tests__/setup.d.ts.map +1 -0
- package/dist/components/elements/Label.vue.d.ts +2 -2
- package/dist/components/elements/Label.vue.d.ts.map +1 -1
- package/dist/components/features/AnnounceBarCollection.vue.d.ts.map +1 -1
- package/dist/components/features/ProductList.vue.d.ts.map +1 -1
- package/dist/components/features/ProductListItem.vue.d.ts.map +1 -1
- package/dist/components/interactive/Slider.vue.d.ts.map +1 -1
- package/dist/components/interactive/TabGroup.vue.d.ts +4 -6
- package/dist/components/interactive/TabGroup.vue.d.ts.map +1 -1
- package/dist/components/interactive/TabPanels.vue.d.ts +8 -4
- package/dist/components/interactive/TabPanels.vue.d.ts.map +1 -1
- package/dist/components/interactive/Tabs.vue.d.ts +9 -3
- package/dist/components/interactive/Tabs.vue.d.ts.map +1 -1
- package/dist/components/layouts/List.vue.d.ts.map +1 -1
- package/dist/components/layouts/Section.vue.d.ts +2 -0
- package/dist/components/layouts/Section.vue.d.ts.map +1 -1
- package/dist/components/renderless/Form.vue.d.ts +4 -2
- package/dist/components/renderless/Form.vue.d.ts.map +1 -1
- package/dist/composables.es.js +1 -1
- package/dist/index.es.js +2138 -2119
- package/dist/script.es.js +2079 -2060
- package/dist/script.umd.js +26 -26
- package/dist/style.css +1 -1
- package/dist/{useAppDialogGuidance-BhYqv41n.js → useAppDialogGuidance-Bs1h3YmP.js} +95 -95
- package/package.json +10 -6
- package/src/stories/Label.stories.ts +13 -1
- package/src/stories/Text.stories.ts +23 -0
- package/src/stories/compositions/EventPage.stories.ts +184 -0
- package/src/stories/compositions/FormPage.stories.ts +222 -0
- 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
|
|
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),
|
|
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
|
-
...
|
|
290
|
+
...M && {
|
|
291
291
|
alignmentOffset: L
|
|
292
292
|
}
|
|
293
293
|
},
|
|
294
|
-
reset:
|
|
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
|
|
420
|
-
if (!
|
|
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 && (
|
|
433
|
+
L && (M = L);
|
|
434
434
|
break;
|
|
435
435
|
}
|
|
436
436
|
case "initialPlacement":
|
|
437
|
-
|
|
437
|
+
M = l;
|
|
438
438
|
break;
|
|
439
439
|
}
|
|
440
|
-
if (i !==
|
|
440
|
+
if (i !== M)
|
|
441
441
|
return {
|
|
442
442
|
reset: {
|
|
443
|
-
placement:
|
|
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
|
|
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
|
|
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
|
|
622
|
+
return e instanceof D(e).HTMLElement;
|
|
623
623
|
}
|
|
624
624
|
function Q(e) {
|
|
625
|
-
return e instanceof
|
|
625
|
+
return e instanceof D(e).Element;
|
|
626
626
|
}
|
|
627
627
|
function Et(e) {
|
|
628
|
-
return e instanceof
|
|
628
|
+
return e instanceof D(e).Node;
|
|
629
629
|
}
|
|
630
630
|
function ct(e) {
|
|
631
|
-
return typeof ShadowRoot > "u" ? !1 : e instanceof
|
|
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
|
|
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 ?
|
|
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 =
|
|
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 =
|
|
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
|
|
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
|
|
689
|
-
return ye(Z(e)).left +
|
|
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
|
|
696
|
+
function Ht(e) {
|
|
697
697
|
const t = $e(e);
|
|
698
|
-
return Qe(t) ? t.ownerDocument.body : q(t) && Le(t) ? 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 =
|
|
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 =
|
|
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 =
|
|
721
|
-
let u = -s.scrollLeft +
|
|
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 =
|
|
730
|
+
const t = D(e);
|
|
731
731
|
let o = ut(e);
|
|
732
|
-
for (; 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
|
|
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 =
|
|
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 =
|
|
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
|
|
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 =
|
|
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:
|
|
787
|
-
}, getClientRects: (e) => Array.from(e.getClientRects()), isRTL: (e) => V(e).direction === "rtl" },
|
|
788
|
-
const n = /* @__PURE__ */ new Map(), i = { platform:
|
|
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
|
|
902
|
-
typeof window < "u" && typeof navigator < "u" && (
|
|
903
|
-
const
|
|
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
|
|
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) =>
|
|
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
|
|
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 <
|
|
1392
|
-
t =
|
|
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
|
-
|
|
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(
|
|
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" && (
|
|
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 <
|
|
1514
|
-
const o =
|
|
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 =
|
|
1531
|
-
const i =
|
|
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 <
|
|
1567
|
-
|
|
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 <
|
|
1571
|
-
|
|
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
|
-
},
|
|
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__ */
|
|
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
|
|
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
|
-
|
|
1674
|
-
|
|
1675
|
-
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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__ */
|
|
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__ */
|
|
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__ */
|
|
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
|
|
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
|
|
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
|
|
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 =
|
|
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 =
|
|
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
|
|
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
|
|
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 =
|
|
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),
|
|
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(
|
|
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 =
|
|
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 =
|
|
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 =
|
|
2612
|
-
left: (_ =
|
|
2613
|
-
behavior:
|
|
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
|
|
2641
|
-
_ === "flex" && N === "column-reverse" ? (g.top = L, g.bottom =
|
|
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 =
|
|
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 =
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
2841
|
+
Dn as p,
|
|
2842
2842
|
Sn as q,
|
|
2843
2843
|
Vn as r,
|
|
2844
2844
|
jn as s,
|
|
2845
|
-
|
|
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.
|
|
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
|
}
|