yuyeon 0.2.2-rc.2 → 0.2.2-rc.3

package/dist/yuyeon.js

@@ -1,7 +1,7 @@
 var tr = Object.defineProperty;
 var nr = (e, t, n) => t in e ? tr(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
 var he = (e, t, n) => nr(e, typeof t != "symbol" ? t + "" : t, n);
-import { getCurrentInstance as ae, capitalize as ar, inject as oe, computed as x, shallowRef as re, watchEffect as Ye, ref as M, provide as ue, h as ce, watch as V, onScopeDispose as _e, effectScope as At, toRaw as ka, toRef as le, onBeforeUnmount as rt, reactive as Ee, onMounted as bn, nextTick as me, resolveDynamicComponent as ir, createVNode as d, withDirectives as He, mergeProps as W, resolveDirective as Dt, unref as de, readonly as Jt, onBeforeMount as Aa, Fragment as Z, createTextVNode as Tt, withKeys as rr, toRefs as lr, Transition as Et, withModifiers as pn, Teleport as or, vShow as Sn, watchPostEffect as ur, defineComponent as Ot, resolveComponent as cr, onBeforeUpdate as sr, isVNode as It } from "vue";
+import { getCurrentInstance as ne, capitalize as ar, inject as oe, computed as x, shallowRef as re, watchEffect as Ye, ref as M, provide as ue, h as ce, watch as V, onScopeDispose as _e, effectScope as At, toRaw as ka, toRef as le, onBeforeUnmount as rt, reactive as Ee, onMounted as bn, nextTick as me, resolveDynamicComponent as ir, createVNode as d, withDirectives as He, mergeProps as W, resolveDirective as Dt, unref as de, readonly as Jt, onBeforeMount as Aa, Fragment as Z, createTextVNode as Tt, withKeys as rr, toRefs as lr, Transition as Et, withModifiers as pn, Teleport as or, vShow as Sn, watchPostEffect as ur, defineComponent as Ot, resolveComponent as cr, onBeforeUpdate as sr, isVNode as It } from "vue";
 function qe(e, t) {
   return e ? Object.prototype.hasOwnProperty.call(e, t) : !1;
 }
@@ -70,7 +70,7 @@ function Oe(e, t) {
   const n = { ...e };
   return t.forEach((a) => delete n[a]), n;
 }
-function fr(e, t = ae()) {
+function fr(e, t = ne()) {
   const n = t == null ? void 0 : t.provides;
   if (n && e in n)
     return n[e];
@@ -148,7 +148,7 @@ function Ea() {
 }
 function gr(e = {}, t, n = Ea()) {
   var u, s;
-  const a = ae();
+  const a = ne();
   if (t = t || ((u = a == null ? void 0 : a.type) == null ? void 0 : u.name) || ((s = a == null ? void 0 : a.type) == null ? void 0 : s.__name), !t) throw new Error("Missing component name");
   const i = x(() => {
     var c;
@@ -193,7 +193,7 @@ function N(e) {
   }), e;
 }
 function lt() {
-  const e = ae();
+  const e = ne();
   return e == null ? void 0 : e.uid;
 }
 function Ie(e) {
@@ -263,7 +263,7 @@ function xn(e, t) {
   });
 }
 function G(e, t = "modelValue", n, a = (r) => r, i = (r) => r) {
-  const r = ae(), l = Mt(t), o = l === t ? Ta(t) : t, u = M(
+  const r = ne(), l = Mt(t), o = l === t ? Ta(t) : t, u = M(
     e[o] !== void 0 ? e[o] : n
   );
   function s() {
@@ -327,7 +327,7 @@ const pr = L(
   "choice-item"
 );
 function xr(e, t, n = !0) {
-  const a = ae();
+  const a = ne();
   if (!a)
     throw new Error(
       '"useChoiceItem" must be used inside a component setup function'
@@ -382,7 +382,7 @@ function wr(e, t) {
       const w = _r(a, y);
       return e.multiple ? w : w[0];
     }
-  ), r = ae();
+  ), r = ne();
   function l(y, w) {
     const _ = y, p = Symbol.for(`${t.description}:id`), f = ht(p, r == null ? void 0 : r.vnode).indexOf(w);
     f > -1 ? a.splice(f, 0, _) : a.push(_);
@@ -480,7 +480,7 @@ function kr(e, t) {
   );
 }
 function j(e) {
-  const t = ae();
+  const t = ne();
   t && (t.render = e);
 }
 const Ar = L(
@@ -649,7 +649,7 @@ const Ir = "YSpinnerRing", Va = /* @__PURE__ */ N({
   },
   ...Ar(),
   ...Sr()
-}, "YButton"), ne = /* @__PURE__ */ N({
+}, "YButton"), ae = /* @__PURE__ */ N({
   name: "YButton",
   directives: {
     PlateWave: Na
@@ -1103,7 +1103,7 @@ function Fr(e) {
   };
 }
 function Ke(e) {
-  ae();
+  ne();
   const t = oe(
     St,
     null
@@ -1131,7 +1131,7 @@ function Ke(e) {
   return ue(St, i), i;
 }
 function Xu() {
-  ae();
+  ne();
   const e = oe(St, null);
   if (!e) throw new Error('【yuyeon】 Not found provided "ThemeModule"');
   return e;
@@ -1239,7 +1239,7 @@ const Kr = L(
 function zr(e, t, n = lt()) {
   const a = x(() => e.name ?? n), i = G(e, "modelValue"), r = x(
     () => e.validationValue === void 0 ? i.value : e.validationValue
-  ), l = ae(), o = Wr(), u = M(!1), s = x(() => {
+  ), l = ne(), o = Wr(), u = M(!1), s = x(() => {
     let C = e.validateOn || "input";
     C === "lazy" && (C = "input,lazy");
     const h = new Set((C == null ? void 0 : C.split(",")) ?? []);
@@ -1630,7 +1630,7 @@ const ge = "y-input", ot = L({
       c.value = "", v.value = "", a("update:modelValue", c.value), a("change", c.value);
     }
     function Y() {
-      const k = ae(), {
+      const k = ne(), {
         displayText: O
       } = e;
       if (O !== void 0) {
@@ -1793,7 +1793,7 @@ const ge = "y-input", ot = L({
       n("update:modelValue", A);
     }
     function _() {
-      const A = ae(), {
+      const A = ne(), {
         displayText: T
       } = e;
       if (T !== void 0) {
@@ -3628,7 +3628,7 @@ function Bl(e) {
 }
 const ca = "y-layer-group", be = /* @__PURE__ */ new WeakMap();
 function Pl(e) {
-  const t = ae(), n = Uu(), a = x(() => {
+  const t = ne(), n = Uu(), a = x(() => {
     let l = document.body;
     const o = n.root;
     o && (l = o);
@@ -3729,7 +3729,7 @@ const Vl = {
   "YLayer.base"
 );
 function Rl(e) {
-  const t = ae(), n = M(), a = M(), i = M(), r = x(() => {
+  const t = ne(), n = M(), a = M(), i = M(), r = x(() => {
     var u, s;
     const o = (s = (u = a.value) == null ? void 0 : u[0]) == null ? void 0 : s.el;
     if (o && o.nodeType === Node.ELEMENT_NODE)
@@ -3974,7 +3974,7 @@ const ze = L({
     attrs: a,
     slots: i
   }) {
-    const r = ae(), l = M(), o = M(), u = M(), {
+    const r = ne(), l = M(), o = M(), u = M(), {
       base: s,
       base$: c,
       baseEl: v,
@@ -4154,7 +4154,7 @@ const ze = L({
   }
 }), va = Symbol.for("yuyeon.active-stack");
 function Za(e, t, n) {
-  const a = oe(va, null), i = re([]), r = ae();
+  const a = oe(va, null), i = re([]), r = ne();
   function l(s) {
     i.value.push(s);
   }
@@ -4169,6 +4169,8 @@ function Za(e, t, n) {
     i.value.pop();
   }
   function u() {
+    var c;
+    if ((c = e.value) != null && c.modal) return;
     t.value = !1;
     const s = () => {
       i.value.length === 0 && (a == null || a.clear());
@@ -4220,7 +4222,7 @@ const Ja = L({
     emit: t,
     slots: n
   }) {
-    const a = ae(), i = a == null ? void 0 : a.appContext.config.globalProperties.$yuyeon, r = G(e), l = x(() => ({
+    const a = ne(), i = a == null ? void 0 : a.appContext.config.globalProperties.$yuyeon, r = G(e), l = x(() => ({
       ...Ie(e.dialogClasses),
       "y-dialog": !0,
       "y-dialog--maximized": e.maximized
@@ -4285,7 +4287,7 @@ const Ja = L({
           var T;
           return !((T = u.value) != null && T.isMe(A)) && A.ctx.modal;
         });
-        h && !h.length && (g.classList.remove("y-dialog--virtual-scroll"), document.documentElement.classList.remove("y-dialog--prevent-scroll"), g.style.top = "", g.style.left = "", requestAnimationFrame(() => {
+        h && !h.length && (g.classList.remove("y-dialog--virtual-scroll"), document.documentElement.classList.remove("y-dialog--prevent-scroll"), g.style.top = "", g.style.left = "", console.log(w.value), requestAnimationFrame(() => {
           document.documentElement.scrollTop = w.value, document.documentElement.scrollLeft = _.value;
         }));
       }
@@ -4304,7 +4306,7 @@ const Ja = L({
     }, {
       immediate: !0
     }), rt(() => {
-      p(!1);
+      r.value && (r.value = !1);
     }), j(() => d(Z, null, [d(ye, W({
       modelValue: r.value,
       "onUpdate:modelValue": (f) => r.value = f,
@@ -5459,7 +5461,7 @@ const yi = vi(!1), Ho = vi(!0), Wo = /* @__PURE__ */ Ot({
 }, "YTreeViewNode"), hi = /* @__PURE__ */ N({
   name: "YTreeNode",
   components: {
-    YButton: ne,
+    YButton: ae,
     YIconExpand: it,
     YPlate: je,
     YIconCheckbox: Ce
@@ -5479,7 +5481,7 @@ const yi = vi(!1), Ho = vi(!0), Wo = /* @__PURE__ */ Ot({
     slots: t,
     expose: n
   }) {
-    const a = cr("YTreeViewNode", !0), i = ae(), r = oe("tree-view"), l = M(), o = M(!1), u = M(!1), s = M(!1), c = M(!1), v = x(() => (X(e.item, e.itemChildren) ?? []).slice()), y = x(() => v.value.length < 1), w = x(() => ({
+    const a = cr("YTreeViewNode", !0), i = ne(), r = oe("tree-view"), l = M(), o = M(!1), u = M(!1), s = M(!1), c = M(!1), v = x(() => (X(e.item, e.itemChildren) ?? []).slice()), y = x(() => v.value.length < 1), w = x(() => ({
       "y-tree-view-node": !0,
       "y-tree-view-node--leaf": y.value,
       "y-tree-view-node--expanded": o.value,
@@ -5546,7 +5548,7 @@ const yi = vi(!1), Ho = vi(!0), Wo = /* @__PURE__ */ Ot({
         onMousemove: e.onMousemoveContainer && B
       }, [d(je, null, null), d("div", {
         class: "y-tree-view-node__indents"
-      }, [Y]), !y.value && g.value.length > 0 ? d(ne, {
+      }, [Y]), !y.value && g.value.length > 0 ? d(ae, {
         class: "y-tree-view-node__expand-icon",
         variation: "icon",
         onClick: C
@@ -6557,7 +6559,7 @@ const ki = L({
 }, "YPagination"), Ai = /* @__PURE__ */ N({
   name: "YPagination",
   components: {
-    YButton: ne
+    YButton: ae
   },
   props: {
     ...ki()
@@ -6708,14 +6710,14 @@ const ki = L({
     }, [e.showEndButton && d("li", {
       key: "first",
       class: "y-pagination__first"
-    }, [t.first ? t.first(c.value.first) : d(ne, c.value.first, {
+    }, [t.first ? t.first(c.value.first) : d(ae, c.value.first, {
       default: () => [t["first-icon"] ? t["first-icon"]() : d(Se, {
         type: "first"
       }, null)]
     })]), d("li", {
       key: "prev",
       class: "y-pagination__prev"
-    }, [t.prev ? t.prev(c.value.prev) : d(ne, c.value.prev, {
+    }, [t.prev ? t.prev(c.value.prev) : d(ae, c.value.prev, {
       default: () => [t["prev-icon"] ? t["prev-icon"]() : d(Se, {
         type: "prev"
       }, null)]
@@ -6724,19 +6726,19 @@ const ki = L({
       class: ["y-pagination__item", {
         "y-pagination__item--active": f.active
       }]
-    }, [d(ne, f.props, {
+    }, [d(ae, f.props, {
       default: () => [f.props.ellipsis ? t.ellipsis ? t.ellipsis() : "..." : f.page]
     })])), d("li", {
       key: "next",
       class: "y-pagination__next"
-    }, [t.next ? t.next(c.value.next) : d(ne, c.value.next, {
+    }, [t.next ? t.next(c.value.next) : d(ae, c.value.next, {
       default: () => [t["next-icon"] ? t["next-icon"]() : d(Se, {
         type: "next"
       }, null)]
     })]), e.showEndButton && d("li", {
       key: "last",
       class: "y-pagination__last"
-    }, [t.last ? t.last(c.value.last) : d(ne, c.value.last, {
+    }, [t.last ? t.last(c.value.last) : d(ae, c.value.last, {
       default: () => [t["last-icon"] ? t["last-icon"]() : d(Se, {
         type: "last"
       }, null)]
@@ -6816,7 +6818,7 @@ const ru = L({
 }, "YDataTableControl"), vn = /* @__PURE__ */ N({
   name: "YDataTableControl",
   components: {
-    YButton: ne,
+    YButton: ae,
     YIconExpand: it,
     YFieldInput: xt,
     YIconPageControl: Se
@@ -7445,6 +7447,7 @@ const jn = {
     emit: n,
     expose: a
   }) {
+    ne();
     const i = M(), r = x(() => ({
       ...Ie(e.menuClasses),
       "y-menu": !0
@@ -7477,7 +7480,7 @@ const jn = {
         return;
       const A = l.value;
       if (!e.disabled) {
-        if (e.openOnHover && u.value && l.value)
+        if (e.openOnHover && u.value && A)
           return;
         l.value = !A;
       }
@@ -7490,7 +7493,7 @@ const jn = {
           return;
         }
         if (l.value) {
-          (!c && s.value.length === 0 || c) && (l.value = !1);
+          s.value.length === 0 && (l.value = !1);
           const B = (A = c == null ? void 0 : c.$el.value) == null ? void 0 : A.content$, F = (T = c == null ? void 0 : c.$el.value) == null ? void 0 : T.modal;
           !(B && !Qr(h, B)) && !F && !e.preventCloseBubble && (c == null || c.clear());
         }
@@ -7979,7 +7982,7 @@ const Ri = L({
       }), {
         base: (...u) => {
           var s;
-          return t.base ? (s = t.base) == null ? void 0 : s.call(t, ...u) : d(ne, W({
+          return t.base ? (s = t.base) == null ? void 0 : s.call(t, ...u) : d(ae, W({
             variation: e.variation,
             color: e.color,
             class: ["y-dropdown", {
@@ -8367,8 +8370,8 @@ const Hi = L({
       a.value = u;
     }
     return j(() => {
-      const u = te(e, ne.props);
-      return d(ne, W({
+      const u = te(e, ae.props);
+      return d(ae, W({
         class: ["y-tab"],
         active: !1
       }, l.value, n, u, {
@@ -8656,7 +8659,7 @@ const Hi = L({
           "y-date-calendar__day--range-end": h.rangeEnd
         }],
         "data-date": h.disabled ? void 0 : h.isoDate
-      }, [(e.showAdjacentMonthDates || !h.adjacent) && d(Z, null, [((B = t.day) == null ? void 0 : B.call(t, T)) ?? d(ne, W({
+      }, [(e.showAdjacentMonthDates || !h.adjacent) && d(Z, null, [((B = t.day) == null ? void 0 : B.call(t, T)) ?? d(ae, W({
         color: (h.selected || h.today) && !h.disabled ? e.color : void 0,
         disabled: h.disabled,
         variation: ["rounded", h.selected ? "filled" : h.today ? "outlined" : "text"].join(",")
@@ -8707,7 +8710,7 @@ const Hi = L({
       };
       return d("div", {
         class: ["y-month-picker__cell", "y-month-picker__month"]
-      }, [d(ne, {
+      }, [d(ae, {
         variation: ["rounded", "text"].join(","),
         active: u.active,
         color: e.color,
@@ -8766,14 +8769,14 @@ const Hi = L({
     }
     j(() => d("div", {
       class: ["y-date-picker-control"]
-    }, [d(ne, {
+    }, [d(ae, {
       variation: "text",
       class: "y-date-picker-control__display",
       disabled: n.value,
       onClick: u
     }, {
       default: () => [e.yearText]
-    }), d(ne, {
+    }), d(ae, {
       variation: "text",
       class: "y-date-picker-control__display",
       disabled: a.value,
@@ -8782,7 +8785,7 @@ const Hi = L({
       default: () => [e.monthText]
     }), d("div", {
       class: "flex-spacer"
-    }, null), d(ne, {
+    }, null), d(ae, {
       class: "y-date-picker-control__page-button",
       variation: "text",
       disabled: i.value,
@@ -8791,7 +8794,7 @@ const Hi = L({
       default: () => [d(Me, {
         icon: e.prevIcon
       }, null)]
-    }), d(ne, {
+    }), d(ae, {
       class: "y-date-picker-control__page-button",
       variation: "text",
       disabled: r.value,
@@ -8837,7 +8840,7 @@ const Hi = L({
       class: ["y-year-picker"]
     }, [o.value.map((c) => d("div", {
       class: ["y-year-picker__cell"]
-    }, [d(ne, {
+    }, [d(ae, {
       variation: ["rounded", "text"].join(","),
       active: c.active,
       color: e.color,
@@ -9277,7 +9280,7 @@ function Fu(e, t) {
 }
 function ju(e) {
   let t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : "modelValue", n = arguments.length > 2 ? arguments[2] : void 0, a = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : (y) => y, i = arguments.length > 4 && arguments[4] !== void 0 ? arguments[4] : (y) => y;
-  const r = ae(), l = Lu(t), o = l === t ? Ru(t) : t, u = M(e[o] !== void 0 ? e[o] : n);
+  const r = ne(), l = Lu(t), o = l === t ? Ru(t) : t, u = M(e[o] !== void 0 ? e[o] : n);
   function s() {
     return e[o];
   }
@@ -9389,7 +9392,7 @@ const er = L({
   YAlert: Eu,
   YApp: br,
   YBadge: $u,
-  YButton: ne,
+  YButton: ae,
   YCard: Pt,
   YCardBody: wl,
   YCardFooter: Cl,
@@ -9509,7 +9512,7 @@ function Zu(e = zu) {
   };
 }
 function Uu() {
-  const e = ae();
+  const e = ne();
   if (!e) throw new Error("[yuyeon] Called outside of setup context");
   return e.appContext.config.globalProperties.$yuyeon;
 }