@tnlmedia/inkmagine-gui 2.1.0 → 2.2.0

package/dist/inkmagine-gui.es.js

@@ -1,4 +1,4 @@
-import { useAttrs as Yn, computed as D, defineComponent as B, createElementBlock as I, openBlock as w, mergeProps as q, unref as l, createBlock as O, resolveDynamicComponent as We, withCtx as C, renderSlot as U, createTextVNode as X, normalizeProps as Te, guardReactiveProps as xe, createElementVNode as y, normalizeClass as V, withModifiers as fe, createCommentVNode as H, toDisplayString as L, createVNode as S, Fragment as Q, renderList as De, resolveComponent as Re, withDirectives as le, vShow as ht, pushScopeId as Wn, popScopeId as Zn, nextTick as ut, ref as ee, createApp as Kn, h as Gn, withScopeId as Jn, withKeys as mt, normalizeStyle as Ve, onMounted as nt, resolveDirective as Xn, defineAsyncComponent as te, toRef as G, isRef as Fe, toHandlers as ve, vModelText as Lt, useTemplateRef as Ze, watch as ne, createSlots as fn, useId as hn, vModelCheckbox as Qn, vModelRadio as ei, watchEffect as ti } from "vue";
+import { useAttrs as Yn, computed as D, defineComponent as B, createElementBlock as I, openBlock as w, mergeProps as q, unref as l, createBlock as O, resolveDynamicComponent as We, withCtx as C, renderSlot as U, createTextVNode as X, normalizeProps as Te, guardReactiveProps as xe, createElementVNode as b, normalizeClass as V, withModifiers as fe, createCommentVNode as H, toDisplayString as L, createVNode as S, Fragment as Q, renderList as De, resolveComponent as Re, withDirectives as le, vShow as ht, pushScopeId as Wn, popScopeId as Zn, nextTick as ut, ref as ee, createApp as Kn, h as Gn, withScopeId as Jn, withKeys as mt, normalizeStyle as Ve, onMounted as nt, resolveDirective as Xn, defineAsyncComponent as te, toRef as G, isRef as Fe, toHandlers as ve, vModelText as Lt, useTemplateRef as Ze, watch as ne, createSlots as fn, useId as hn, vModelCheckbox as Qn, vModelRadio as ei, watchEffect as ti } from "vue";
 import { Menu as ni, MenuButton as ii, MenuItems as si, MenuItem as oi, Disclosure as Pt, DisclosureButton as zt, DisclosurePanel as At } from "@headlessui/vue";
 import ri from "js-cookie";
 import Y from "dayjs";
@@ -190,7 +190,7 @@ import './style/index.css';const se = () => {
     }), {
       default: C((i) => [
         U(n.$slots, "default", Te(xe(i))),
-        y("i", {
+        b("i", {
           class: V([
             "far fa-angle-down tw-text-base tw-text-gray-700",
             { "tw-rotate-180": i.open }
@@ -230,52 +230,52 @@ function pi() {
       var n = "minute", s = /[+-]\d\d(?::?\d\d)?/g, i = /([+-]|\d\d)/g;
       return function(r, o, a) {
         var u = o.prototype;
-        a.utc = function(d) {
-          var h = { date: d, utc: !0, args: arguments };
-          return new o(h);
-        }, u.utc = function(d) {
-          var h = a(this.toDate(), { locale: this.$L, utc: !0 });
-          return d ? h.add(this.utcOffset(), n) : h;
+        a.utc = function(p) {
+          var f = { date: p, utc: !0, args: arguments };
+          return new o(f);
+        }, u.utc = function(p) {
+          var f = a(this.toDate(), { locale: this.$L, utc: !0 });
+          return p ? f.add(this.utcOffset(), n) : f;
         }, u.local = function() {
           return a(this.toDate(), { locale: this.$L, utc: !1 });
         };
         var c = u.parse;
-        u.parse = function(d) {
-          d.utc && (this.$u = !0), this.$utils().u(d.$offset) || (this.$offset = d.$offset), c.call(this, d);
+        u.parse = function(p) {
+          p.utc && (this.$u = !0), this.$utils().u(p.$offset) || (this.$offset = p.$offset), c.call(this, p);
         };
-        var v = u.init;
+        var m = u.init;
         u.init = function() {
           if (this.$u) {
-            var d = this.$d;
-            this.$y = d.getUTCFullYear(), this.$M = d.getUTCMonth(), this.$D = d.getUTCDate(), this.$W = d.getUTCDay(), this.$H = d.getUTCHours(), this.$m = d.getUTCMinutes(), this.$s = d.getUTCSeconds(), this.$ms = d.getUTCMilliseconds();
-          } else v.call(this);
+            var p = this.$d;
+            this.$y = p.getUTCFullYear(), this.$M = p.getUTCMonth(), this.$D = p.getUTCDate(), this.$W = p.getUTCDay(), this.$H = p.getUTCHours(), this.$m = p.getUTCMinutes(), this.$s = p.getUTCSeconds(), this.$ms = p.getUTCMilliseconds();
+          } else m.call(this);
         };
-        var p = u.utcOffset;
-        u.utcOffset = function(d, h) {
-          var b = this.$utils().u;
-          if (b(d)) return this.$u ? 0 : b(this.$offset) ? p.call(this) : this.$offset;
-          if (typeof d == "string" && (d = function(_) {
+        var d = u.utcOffset;
+        u.utcOffset = function(p, f) {
+          var $ = this.$utils().u;
+          if ($(p)) return this.$u ? 0 : $(this.$offset) ? d.call(this) : this.$offset;
+          if (typeof p == "string" && (p = function(_) {
             _ === void 0 && (_ = "");
             var k = _.match(s);
             if (!k) return null;
             var T = ("" + k[0]).match(i) || ["-", 0, 0], P = T[0], R = 60 * +T[1] + +T[2];
             return R === 0 ? 0 : P === "+" ? R : -R;
-          }(d), d === null)) return this;
-          var $ = Math.abs(d) <= 16 ? 60 * d : d, x = this;
-          if (h) return x.$offset = $, x.$u = d === 0, x;
-          if (d !== 0) {
+          }(p), p === null)) return this;
+          var y = Math.abs(p) <= 16 ? 60 * p : p, x = this;
+          if (f) return x.$offset = y, x.$u = p === 0, x;
+          if (p !== 0) {
             var M = this.$u ? this.toDate().getTimezoneOffset() : -1 * this.utcOffset();
-            (x = this.local().add($ + M, n)).$offset = $, x.$x.$localOffset = M;
+            (x = this.local().add(y + M, n)).$offset = y, x.$x.$localOffset = M;
           } else x = this.utc();
           return x;
         };
-        var f = u.format;
-        u.format = function(d) {
-          var h = d || (this.$u ? "YYYY-MM-DDTHH:mm:ss[Z]" : "");
-          return f.call(this, h);
+        var h = u.format;
+        u.format = function(p) {
+          var f = p || (this.$u ? "YYYY-MM-DDTHH:mm:ss[Z]" : "");
+          return h.call(this, f);
         }, u.valueOf = function() {
-          var d = this.$utils().u(this.$offset) ? 0 : this.$offset + (this.$x.$localOffset || this.$d.getTimezoneOffset());
-          return this.$d.valueOf() - 6e4 * d;
+          var p = this.$utils().u(this.$offset) ? 0 : this.$offset + (this.$x.$localOffset || this.$d.getTimezoneOffset());
+          return this.$d.valueOf() - 6e4 * p;
         }, u.isUTC = function() {
           return !!this.$u;
         }, u.toISOString = function() {
@@ -283,15 +283,15 @@ function pi() {
         }, u.toString = function() {
           return this.toDate().toUTCString();
         };
-        var m = u.toDate;
-        u.toDate = function(d) {
-          return d === "s" && this.$offset ? a(this.format("YYYY-MM-DD HH:mm:ss:SSS")).toDate() : m.call(this);
+        var v = u.toDate;
+        u.toDate = function(p) {
+          return p === "s" && this.$offset ? a(this.format("YYYY-MM-DD HH:mm:ss:SSS")).toDate() : v.call(this);
         };
         var g = u.diff;
-        u.diff = function(d, h, b) {
-          if (d && this.$u === d.$u) return g.call(this, d, h, b);
-          var $ = this.local(), x = a(d).local();
-          return g.call($, x, h, b);
+        u.diff = function(p, f, $) {
+          if (p && this.$u === p.$u) return g.call(this, p, f, $);
+          var y = this.local(), x = a(p).local();
+          return g.call(y, x, f, $);
         };
       };
     });
@@ -307,56 +307,56 @@ function vi() {
     })(mi, function() {
       var n = { year: 0, month: 1, day: 2, hour: 3, minute: 4, second: 5 }, s = {};
       return function(i, r, o) {
-        var a, u = function(f, m, g) {
+        var a, u = function(h, v, g) {
           g === void 0 && (g = {});
-          var d = new Date(f), h = function(b, $) {
-            $ === void 0 && ($ = {});
-            var x = $.timeZoneName || "short", M = b + "|" + x, _ = s[M];
-            return _ || (_ = new Intl.DateTimeFormat("en-US", { hour12: !1, timeZone: b, year: "numeric", month: "2-digit", day: "2-digit", hour: "2-digit", minute: "2-digit", second: "2-digit", timeZoneName: x }), s[M] = _), _;
-          }(m, g);
-          return h.formatToParts(d);
-        }, c = function(f, m) {
-          for (var g = u(f, m), d = [], h = 0; h < g.length; h += 1) {
-            var b = g[h], $ = b.type, x = b.value, M = n[$];
-            M >= 0 && (d[M] = parseInt(x, 10));
+          var p = new Date(h), f = function($, y) {
+            y === void 0 && (y = {});
+            var x = y.timeZoneName || "short", M = $ + "|" + x, _ = s[M];
+            return _ || (_ = new Intl.DateTimeFormat("en-US", { hour12: !1, timeZone: $, year: "numeric", month: "2-digit", day: "2-digit", hour: "2-digit", minute: "2-digit", second: "2-digit", timeZoneName: x }), s[M] = _), _;
+          }(v, g);
+          return f.formatToParts(p);
+        }, c = function(h, v) {
+          for (var g = u(h, v), p = [], f = 0; f < g.length; f += 1) {
+            var $ = g[f], y = $.type, x = $.value, M = n[y];
+            M >= 0 && (p[M] = parseInt(x, 10));
           }
-          var _ = d[3], k = _ === 24 ? 0 : _, T = d[0] + "-" + d[1] + "-" + d[2] + " " + k + ":" + d[4] + ":" + d[5] + ":000", P = +f;
+          var _ = p[3], k = _ === 24 ? 0 : _, T = p[0] + "-" + p[1] + "-" + p[2] + " " + k + ":" + p[4] + ":" + p[5] + ":000", P = +h;
           return (o.utc(T).valueOf() - (P -= P % 1e3)) / 6e4;
-        }, v = r.prototype;
-        v.tz = function(f, m) {
-          f === void 0 && (f = a);
-          var g, d = this.utcOffset(), h = this.toDate(), b = h.toLocaleString("en-US", { timeZone: f }), $ = Math.round((h - new Date(b)) / 1e3 / 60), x = 15 * -Math.round(h.getTimezoneOffset() / 15) - $;
-          if (!Number(x)) g = this.utcOffset(0, m);
-          else if (g = o(b, { locale: this.$L }).$set("millisecond", this.$ms).utcOffset(x, !0), m) {
+        }, m = r.prototype;
+        m.tz = function(h, v) {
+          h === void 0 && (h = a);
+          var g, p = this.utcOffset(), f = this.toDate(), $ = f.toLocaleString("en-US", { timeZone: h }), y = Math.round((f - new Date($)) / 1e3 / 60), x = 15 * -Math.round(f.getTimezoneOffset() / 15) - y;
+          if (!Number(x)) g = this.utcOffset(0, v);
+          else if (g = o($, { locale: this.$L }).$set("millisecond", this.$ms).utcOffset(x, !0), v) {
             var M = g.utcOffset();
-            g = g.add(d - M, "minute");
+            g = g.add(p - M, "minute");
           }
-          return g.$x.$timezone = f, g;
-        }, v.offsetName = function(f) {
-          var m = this.$x.$timezone || o.tz.guess(), g = u(this.valueOf(), m, { timeZoneName: f }).find(function(d) {
-            return d.type.toLowerCase() === "timezonename";
+          return g.$x.$timezone = h, g;
+        }, m.offsetName = function(h) {
+          var v = this.$x.$timezone || o.tz.guess(), g = u(this.valueOf(), v, { timeZoneName: h }).find(function(p) {
+            return p.type.toLowerCase() === "timezonename";
           });
           return g && g.value;
         };
-        var p = v.startOf;
-        v.startOf = function(f, m) {
-          if (!this.$x || !this.$x.$timezone) return p.call(this, f, m);
+        var d = m.startOf;
+        m.startOf = function(h, v) {
+          if (!this.$x || !this.$x.$timezone) return d.call(this, h, v);
           var g = o(this.format("YYYY-MM-DD HH:mm:ss:SSS"), { locale: this.$L });
-          return p.call(g, f, m).tz(this.$x.$timezone, !0);
-        }, o.tz = function(f, m, g) {
-          var d = g && m, h = g || m || a, b = c(+o(), h);
-          if (typeof f != "string") return o(f).tz(h);
-          var $ = function(k, T, P) {
+          return d.call(g, h, v).tz(this.$x.$timezone, !0);
+        }, o.tz = function(h, v, g) {
+          var p = g && v, f = g || v || a, $ = c(+o(), f);
+          if (typeof h != "string") return o(h).tz(f);
+          var y = function(k, T, P) {
             var R = k - 60 * T * 1e3, z = c(R, P);
             if (T === z) return [R, T];
             var j = c(R -= 60 * (z - T) * 1e3, P);
             return z === j ? [R, z] : [k - 60 * Math.min(z, j) * 1e3, Math.max(z, j)];
-          }(o.utc(f, d).valueOf(), b, h), x = $[0], M = $[1], _ = o(x).utcOffset(M);
-          return _.$x.$timezone = h, _;
+          }(o.utc(h, p).valueOf(), $, f), x = y[0], M = y[1], _ = o(x).utcOffset(M);
+          return _.$x.$timezone = f, _;
         }, o.tz.guess = function() {
           return Intl.DateTimeFormat().resolvedOptions().timeZone;
-        }, o.tz.setDefault = function(f) {
-          a = f;
+        }, o.tz.setDefault = function(h) {
+          a = h;
         };
       };
     });
@@ -476,7 +476,7 @@ const Ke = (e, t, n = "YYYY-MM-DD HH:mm") => Y.unix(t).tz(e).format(n), pe = (e)
       return (i.includes("sandbox") || i.includes("greenroom")) && (r = "sandbox-"), i.includes("stage") && (r = "stage-"), `//${r + s}.inkmaginecms.com`;
     };
     return (s, i) => (w(), I("nav", Rs, [
-      y("button", {
+      b("button", {
         type: "button",
         class: "sidebar-toggler",
         onClick: i[0] || (i[0] = fe(
@@ -485,17 +485,17 @@ const Ke = (e, t, n = "YYYY-MM-DD HH:mm") => Y.unix(t).tz(e).format(n), pe = (e)
           ["prevent", "stop"]
         ))
       }, i[1] || (i[1] = [
-        y("i", { class: "fas fa-bars" }, null, -1)
+        b("i", { class: "fas fa-bars" }, null, -1)
       ])),
-      y("div", Vs, [
-        i[5] || (i[5] = y("img", {
+      b("div", Vs, [
+        i[5] || (i[5] = b("img", {
           src: wn,
           class: "navbar-content__logo",
           alt: "inkmagine logo"
         }, null, -1)),
-        y("ul", qs, [
+        b("ul", qs, [
           s.timezone ? (w(), I("li", js, L(l(bn)(s.timezone)), 1)) : H("", !0),
-          y("li", Us, [
+          b("li", Us, [
             S(Rt, null, {
               default: C(() => [
                 S(Vt, null, {
@@ -505,7 +505,7 @@ const Ke = (e, t, n = "YYYY-MM-DD HH:mm") => Y.unix(t).tz(e).format(n), pe = (e)
                       theme: "gray"
                     }, {
                       default: C(() => [
-                        i[2] || (i[2] = y("i", { class: "far fa-grip-horizontal tw-text-base tw-text-gray-700" }, null, -1)),
+                        i[2] || (i[2] = b("i", { class: "far fa-grip-horizontal tw-text-base tw-text-gray-700" }, null, -1)),
                         X(L(l(N)("navbar.apps.service")), 1)
                       ]),
                       _: 1
@@ -519,13 +519,13 @@ const Ke = (e, t, n = "YYYY-MM-DD HH:mm") => Y.unix(t).tz(e).format(n), pe = (e)
                       default: C(() => [
                         S(it, null, {
                           default: C(() => [
-                            y("a", {
+                            b("a", {
                               href: `${n("www")}/dashboard`,
                               target: "_blank"
                             }, [
-                              y("div", Ws, [
-                                y("p", Zs, L(l(N)("navbar.apps.dashboard.label")), 1),
-                                y("p", Ks, L(l(N)("navbar.apps.dashboard.description")), 1)
+                              b("div", Ws, [
+                                b("p", Zs, L(l(N)("navbar.apps.dashboard.label")), 1),
+                                b("p", Ks, L(l(N)("navbar.apps.dashboard.description")), 1)
                               ])
                             ], 8, Ys)
                           ]),
@@ -533,13 +533,13 @@ const Ke = (e, t, n = "YYYY-MM-DD HH:mm") => Y.unix(t).tz(e).format(n), pe = (e)
                         }),
                         (w(), I(Q, null, De(t, (r) => S(it, { key: r }, {
                           default: C(() => [
-                            y("a", {
+                            b("a", {
                               href: n(r),
                               target: "_blank"
                             }, [
-                              y("div", Js, [
-                                y("p", Xs, L(l(N)(`navbar.apps.${r}.label`)), 1),
-                                y("p", Qs, L(l(N)(`navbar.apps.${r}.description`)), 1)
+                              b("div", Js, [
+                                b("p", Xs, L(l(N)(`navbar.apps.${r}.label`)), 1),
+                                b("p", Qs, L(l(N)(`navbar.apps.${r}.description`)), 1)
                               ])
                             ], 8, Gs)
                           ]),
@@ -560,7 +560,7 @@ const Ke = (e, t, n = "YYYY-MM-DD HH:mm") => Y.unix(t).tz(e).format(n), pe = (e)
               default: C(() => [
                 S(Vt, null, {
                   default: C(() => [
-                    y("button", to, [
+                    b("button", to, [
                       s.user.avatar ? (w(), I("img", {
                         key: 0,
                         src: s.user.avatar
@@ -571,26 +571,26 @@ const Ke = (e, t, n = "YYYY-MM-DD HH:mm") => Y.unix(t).tz(e).format(n), pe = (e)
                 }),
                 S(qt, null, {
                   default: C(() => [
-                    y("div", so, [
-                      y("div", oo, [
+                    b("div", so, [
+                      b("div", oo, [
                         s.user.avatar ? (w(), I("img", {
                           key: 0,
                           src: s.user.avatar
                         }, null, 8, ro)) : (w(), I("p", ao, L(s.user.mail.slice(0, 1).toLocaleUpperCase()), 1))
                       ]),
-                      y("div", lo, [
-                        y("p", uo, L(s.user.nickname), 1),
-                        y("p", co, L(s.user.mail), 1)
+                      b("div", lo, [
+                        b("p", uo, L(s.user.nickname), 1),
+                        b("p", co, L(s.user.mail), 1)
                       ])
                     ]),
                     S(jt, { class: "tw-pt-3" }, {
                       default: C(() => [
                         S(it, null, {
                           default: C(() => [
-                            y("a", {
+                            b("a", {
                               href: `${n("member")}/profile`
                             }, [
-                              i[3] || (i[3] = y("i", { class: "fal fa-user fa-fw mr-1" }, null, -1)),
+                              i[3] || (i[3] = b("i", { class: "fal fa-user fa-fw mr-1" }, null, -1)),
                               X(" " + L(l(N)("navbar.profile")), 1)
                             ], 8, po)
                           ]),
@@ -598,9 +598,9 @@ const Ke = (e, t, n = "YYYY-MM-DD HH:mm") => Y.unix(t).tz(e).format(n), pe = (e)
                         }),
                         S(it, null, {
                           default: C(() => [
-                            y("a", { href: s.logoutUrl }, [
-                              i[4] || (i[4] = y("i", { class: "fal fa-sign-out fa-fw icon" }, null, -1)),
-                              y("span", null, L(l(N)("logout")), 1)
+                            b("a", { href: s.logoutUrl }, [
+                              i[4] || (i[4] = b("i", { class: "fal fa-sign-out fa-fw icon" }, null, -1)),
+                              b("span", null, L(l(N)("logout")), 1)
                             ], 8, fo)
                           ]),
                           _: 1
@@ -644,11 +644,11 @@ const Ke = (e, t, n = "YYYY-MM-DD HH:mm") => Y.unix(t).tz(e).format(n), pe = (e)
                     class: V(["nav-link tw-w-full before:tw-hidden"])
                   }, {
                     default: C(() => [
-                      y("i", {
+                      b("i", {
                         class: V(["icon far fa-fw", i.icon])
                       }, null, 2),
-                      y("span", vo, L(i.name), 1),
-                      n[0] || (n[0] = y("i", { class: "link-arrow fal fa-chevron-down !tw-text-inherit" }, null, -1))
+                      b("span", vo, L(i.name), 1),
+                      n[0] || (n[0] = b("i", { class: "link-arrow fal fa-chevron-down !tw-text-inherit" }, null, -1))
                     ]),
                     _: 2
                   }, 1024),
@@ -657,7 +657,7 @@ const Ke = (e, t, n = "YYYY-MM-DD HH:mm") => Y.unix(t).tz(e).format(n), pe = (e)
                     unmount: !1
                   }, {
                     default: C(() => [
-                      y("ul", go, [
+                      b("ul", go, [
                         (w(!0), I(Q, null, De(i.children.filter((a) => a.isAllow), (a) => (w(), I("li", {
                           key: a.route.name,
                           class: "nav-item"
@@ -688,10 +688,10 @@ const Ke = (e, t, n = "YYYY-MM-DD HH:mm") => Y.unix(t).tz(e).format(n), pe = (e)
                 class: V(["nav-link before:tw-hidden", { "router-link-active": t.currentMenuItemId === i.id }])
               }, {
                 default: C(() => [
-                  y("i", {
+                  b("i", {
                     class: V(["icon", "far", "fa-fw", i.icon])
                   }, null, 2),
-                  y("span", wo, L(i.name), 1)
+                  b("span", wo, L(i.name), 1)
                 ]),
                 _: 2
               }, 1032, ["to", "class"]))
@@ -808,48 +808,48 @@ function Kt(e, t, n) {
     reference: s,
     floating: i
   } = e;
-  const r = Be(t), o = Ht(t), a = Ft(o), u = ge(t), c = r === "y", v = s.x + s.width / 2 - i.width / 2, p = s.y + s.height / 2 - i.height / 2, f = s[a] / 2 - i[a] / 2;
-  let m;
+  const r = Be(t), o = Ht(t), a = Ft(o), u = ge(t), c = r === "y", m = s.x + s.width / 2 - i.width / 2, d = s.y + s.height / 2 - i.height / 2, h = s[a] / 2 - i[a] / 2;
+  let v;
   switch (u) {
     case "top":
-      m = {
-        x: v,
+      v = {
+        x: m,
         y: s.y - i.height
       };
       break;
     case "bottom":
-      m = {
-        x: v,
+      v = {
+        x: m,
         y: s.y + s.height
       };
       break;
     case "right":
-      m = {
+      v = {
         x: s.x + s.width,
-        y: p
+        y: d
       };
       break;
     case "left":
-      m = {
+      v = {
         x: s.x - i.width,
-        y: p
+        y: d
       };
       break;
     default:
-      m = {
+      v = {
         x: s.x,
         y: s.y
       };
   }
   switch (ae(t)) {
     case "start":
-      m[o] -= f * (n && c ? -1 : 1);
+      v[o] -= h * (n && c ? -1 : 1);
       break;
     case "end":
-      m[o] += f * (n && c ? -1 : 1);
+      v[o] += h * (n && c ? -1 : 1);
       break;
   }
-  return m;
+  return v;
 }
 const Io = async (e, t, n) => {
   const {
@@ -863,25 +863,25 @@ const Io = async (e, t, n) => {
     floating: t,
     strategy: i
   }), {
-    x: v,
-    y: p
-  } = Kt(c, s, u), f = s, m = {}, g = 0;
-  for (let d = 0; d < a.length; d++) {
+    x: m,
+    y: d
+  } = Kt(c, s, u), h = s, v = {}, g = 0;
+  for (let p = 0; p < a.length; p++) {
     const {
-      name: h,
-      fn: b
-    } = a[d], {
-      x: $,
+      name: f,
+      fn: $
+    } = a[p], {
+      x: y,
       y: x,
       data: M,
       reset: _
-    } = await b({
-      x: v,
-      y: p,
+    } = await $({
+      x: m,
+      y: d,
       initialPlacement: s,
-      placement: f,
+      placement: h,
       strategy: i,
-      middlewareData: m,
+      middlewareData: v,
       rects: c,
       platform: o,
       elements: {
@@ -889,27 +889,27 @@ const Io = async (e, t, n) => {
         floating: t
       }
     });
-    v = $ ?? v, p = x ?? p, m = {
-      ...m,
-      [h]: {
-        ...m[h],
+    m = y ?? m, d = x ?? d, v = {
+      ...v,
+      [f]: {
+        ...v[f],
         ...M
       }
-    }, _ && g <= 50 && (g++, typeof _ == "object" && (_.placement && (f = _.placement), _.rects && (c = _.rects === !0 ? await o.getElementRects({
+    }, _ && g <= 50 && (g++, typeof _ == "object" && (_.placement && (h = _.placement), _.rects && (c = _.rects === !0 ? await o.getElementRects({
       reference: e,
       floating: t,
       strategy: i
     }) : _.rects), {
-      x: v,
-      y: p
-    } = Kt(c, f, u)), d = -1);
+      x: m,
+      y: d
+    } = Kt(c, h, u)), p = -1);
   }
   return {
-    x: v,
-    y: p,
-    placement: f,
+    x: m,
+    y: d,
+    placement: h,
     strategy: i,
-    middlewareData: m
+    middlewareData: v
   };
 };
 async function vt(e, t) {
@@ -924,16 +924,16 @@ async function vt(e, t) {
     strategy: u
   } = e, {
     boundary: c = "clippingAncestors",
-    rootBoundary: v = "viewport",
-    elementContext: p = "floating",
-    altBoundary: f = !1,
-    padding: m = 0
-  } = He(t, e), g = _n(m), h = a[f ? p === "floating" ? "reference" : "floating" : p], b = qe(await r.getClippingRect({
-    element: (n = await (r.isElement == null ? void 0 : r.isElement(h))) == null || n ? h : h.contextElement || await (r.getDocumentElement == null ? void 0 : r.getDocumentElement(a.floating)),
+    rootBoundary: m = "viewport",
+    elementContext: d = "floating",
+    altBoundary: h = !1,
+    padding: v = 0
+  } = He(t, e), g = _n(v), f = a[h ? d === "floating" ? "reference" : "floating" : d], $ = qe(await r.getClippingRect({
+    element: (n = await (r.isElement == null ? void 0 : r.isElement(f))) == null || n ? f : f.contextElement || await (r.getDocumentElement == null ? void 0 : r.getDocumentElement(a.floating)),
     boundary: c,
-    rootBoundary: v,
+    rootBoundary: m,
     strategy: u
-  })), $ = p === "floating" ? {
+  })), y = d === "floating" ? {
     x: s,
     y: i,
     width: o.floating.width,
@@ -946,15 +946,15 @@ async function vt(e, t) {
     y: 1
   }, _ = qe(r.convertOffsetParentRelativeRectToViewportRelativeRect ? await r.convertOffsetParentRelativeRectToViewportRelativeRect({
     elements: a,
-    rect: $,
+    rect: y,
     offsetParent: x,
     strategy: u
-  }) : $);
+  }) : y);
   return {
-    top: (b.top - _.top + g.top) / M.y,
-    bottom: (_.bottom - b.bottom + g.bottom) / M.y,
-    left: (b.left - _.left + g.left) / M.x,
-    right: (_.right - b.right + g.right) / M.x
+    top: ($.top - _.top + g.top) / M.y,
+    bottom: (_.bottom - $.bottom + g.bottom) / M.y,
+    left: ($.left - _.left + g.left) / M.x,
+    right: (_.right - $.right + g.right) / M.x
   };
 }
 const So = (e) => ({
@@ -971,22 +971,22 @@ const So = (e) => ({
       middlewareData: u
     } = t, {
       element: c,
-      padding: v = 0
+      padding: m = 0
     } = He(e, t) || {};
     if (c == null)
       return {};
-    const p = _n(v), f = {
+    const d = _n(m), h = {
       x: n,
       y: s
-    }, m = Ht(i), g = Ft(m), d = await o.getDimensions(c), h = m === "y", b = h ? "top" : "left", $ = h ? "bottom" : "right", x = h ? "clientHeight" : "clientWidth", M = r.reference[g] + r.reference[m] - f[m] - r.floating[g], _ = f[m] - r.reference[m], k = await (o.getOffsetParent == null ? void 0 : o.getOffsetParent(c));
+    }, v = Ht(i), g = Ft(v), p = await o.getDimensions(c), f = v === "y", $ = f ? "top" : "left", y = f ? "bottom" : "right", x = f ? "clientHeight" : "clientWidth", M = r.reference[g] + r.reference[v] - h[v] - r.floating[g], _ = h[v] - r.reference[v], k = await (o.getOffsetParent == null ? void 0 : o.getOffsetParent(c));
     let T = k ? k[x] : 0;
     (!T || !await (o.isElement == null ? void 0 : o.isElement(k))) && (T = a.floating[x] || r.floating[g]);
-    const P = M / 2 - _ / 2, R = T / 2 - d[g] / 2 - 1, z = Ge(p[b], R), j = Ge(p[$], R), J = z, K = T - d[g] - j, Z = T / 2 - d[g] / 2 + P, ce = kt(J, Z, K), oe = !u.arrow && ae(i) != null && Z !== ce && r.reference[g] / 2 - (Z < J ? z : j) - d[g] / 2 < 0, A = oe ? Z < J ? Z - J : Z - K : 0;
+    const P = M / 2 - _ / 2, R = T / 2 - p[g] / 2 - 1, z = Ge(d[$], R), j = Ge(d[y], R), J = z, W = T - p[g] - j, K = T / 2 - p[g] / 2 + P, ce = kt(J, K, W), oe = !u.arrow && ae(i) != null && K !== ce && r.reference[g] / 2 - (K < J ? z : j) - p[g] / 2 < 0, A = oe ? K < J ? K - J : K - W : 0;
     return {
-      [m]: f[m] + A,
+      [v]: h[v] + A,
       data: {
-        [m]: ce,
-        centerOffset: Z - ce - A,
+        [v]: ce,
+        centerOffset: K - ce - A,
         ...oe && {
           alignmentOffset: A
         }
@@ -1011,29 +1011,29 @@ const Oo = function(e) {
         platform: u,
         elements: c
       } = t, {
-        crossAxis: v = !1,
-        alignment: p,
-        allowedPlacements: f = Zt,
-        autoAlignment: m = !0,
+        crossAxis: m = !1,
+        alignment: d,
+        allowedPlacements: h = Zt,
+        autoAlignment: v = !0,
         ...g
-      } = He(e, t), d = p !== void 0 || f === Zt ? Mo(p || null, m, f) : f, h = await vt(t, g), b = ((n = o.autoPlacement) == null ? void 0 : n.index) || 0, $ = d[b];
-      if ($ == null)
+      } = He(e, t), p = d !== void 0 || h === Zt ? Mo(d || null, v, h) : h, f = await vt(t, g), $ = ((n = o.autoPlacement) == null ? void 0 : n.index) || 0, y = p[$];
+      if (y == null)
         return {};
-      const x = Cn($, r, await (u.isRTL == null ? void 0 : u.isRTL(c.floating)));
-      if (a !== $)
+      const x = Cn(y, r, await (u.isRTL == null ? void 0 : u.isRTL(c.floating)));
+      if (a !== y)
         return {
           reset: {
-            placement: d[0]
+            placement: p[0]
           }
         };
-      const M = [h[ge($)], h[x[0]], h[x[1]]], _ = [...((s = o.autoPlacement) == null ? void 0 : s.overflows) || [], {
-        placement: $,
+      const M = [f[ge(y)], f[x[0]], f[x[1]]], _ = [...((s = o.autoPlacement) == null ? void 0 : s.overflows) || [], {
+        placement: y,
         overflows: M
-      }], k = d[b + 1];
+      }], k = p[$ + 1];
       if (k)
         return {
           data: {
-            index: b + 1,
+            index: $ + 1,
             overflows: _
           },
           reset: {
@@ -1042,9 +1042,9 @@ const Oo = function(e) {
         };
       const T = _.map((z) => {
         const j = ae(z.placement);
-        return [z.placement, j && v ? (
+        return [z.placement, j && m ? (
           // Check along the mainAxis and main crossAxis side.
-          z.overflows.slice(0, 2).reduce((J, K) => J + K, 0)
+          z.overflows.slice(0, 2).reduce((J, W) => J + W, 0)
         ) : (
           // Check only the mainAxis.
           z.overflows[0]
@@ -1057,7 +1057,7 @@ const Oo = function(e) {
       ).every((j) => j <= 0))[0]) == null ? void 0 : i[0]) || T[0][0];
       return R !== a ? {
         data: {
-          index: b + 1,
+          index: $ + 1,
           overflows: _
         },
         reset: {
@@ -1080,34 +1080,34 @@ const Oo = function(e) {
         platform: u,
         elements: c
       } = t, {
-        mainAxis: v = !0,
-        crossAxis: p = !0,
-        fallbackPlacements: f,
-        fallbackStrategy: m = "bestFit",
+        mainAxis: m = !0,
+        crossAxis: d = !0,
+        fallbackPlacements: h,
+        fallbackStrategy: v = "bestFit",
         fallbackAxisSideDirection: g = "none",
-        flipAlignment: d = !0,
-        ...h
+        flipAlignment: p = !0,
+        ...f
       } = He(e, t);
       if ((n = r.arrow) != null && n.alignmentOffset)
         return {};
-      const b = ge(i), $ = Be(a), x = ge(a) === a, M = await (u.isRTL == null ? void 0 : u.isRTL(c.floating)), _ = f || (x || !d ? [ct(a)] : _o(a)), k = g !== "none";
-      !f && k && _.push(...xo(a, d, g, M));
-      const T = [a, ..._], P = await vt(t, h), R = [];
+      const $ = ge(i), y = Be(a), x = ge(a) === a, M = await (u.isRTL == null ? void 0 : u.isRTL(c.floating)), _ = h || (x || !p ? [ct(a)] : _o(a)), k = g !== "none";
+      !h && k && _.push(...xo(a, p, g, M));
+      const T = [a, ..._], P = await vt(t, f), R = [];
       let z = ((s = r.flip) == null ? void 0 : s.overflows) || [];
-      if (v && R.push(P[b]), p) {
-        const Z = Cn(i, o, M);
-        R.push(P[Z[0]], P[Z[1]]);
+      if (m && R.push(P[$]), d) {
+        const K = Cn(i, o, M);
+        R.push(P[K[0]], P[K[1]]);
       }
       if (z = [...z, {
         placement: i,
         overflows: R
-      }], !R.every((Z) => Z <= 0)) {
+      }], !R.every((K) => K <= 0)) {
         var j, J;
-        const Z = (((j = r.flip) == null ? void 0 : j.index) || 0) + 1, ce = T[Z];
+        const K = (((j = r.flip) == null ? void 0 : j.index) || 0) + 1, ce = T[K];
         if (ce)
           return {
             data: {
-              index: Z,
+              index: K,
               overflows: z
             },
             reset: {
@@ -1116,18 +1116,18 @@ const Oo = function(e) {
           };
         let oe = (J = z.filter((A) => A.overflows[0] <= 0).sort((A, E) => A.overflows[1] - E.overflows[1])[0]) == null ? void 0 : J.placement;
         if (!oe)
-          switch (m) {
+          switch (v) {
             case "bestFit": {
-              var K;
-              const A = (K = z.filter((E) => {
+              var W;
+              const A = (W = z.filter((E) => {
                 if (k) {
-                  const W = Be(E.placement);
-                  return W === $ || // Create a bias to the `y` side axis due to horizontal
+                  const Z = Be(E.placement);
+                  return Z === y || // Create a bias to the `y` side axis due to horizontal
                   // reading directions favoring greater width.
-                  W === "y";
+                  Z === "y";
                 }
                 return !0;
-              }).map((E) => [E.placement, E.overflows.filter((W) => W > 0).reduce((W, _e) => W + _e, 0)]).sort((E, W) => E[1] - W[1])[0]) == null ? void 0 : K[0];
+              }).map((E) => [E.placement, E.overflows.filter((Z) => Z > 0).reduce((Z, _e) => Z + _e, 0)]).sort((E, Z) => E[1] - Z[1])[0]) == null ? void 0 : W[0];
               A && (oe = A);
               break;
             }
@@ -1151,26 +1151,26 @@ async function Lo(e, t) {
     placement: n,
     platform: s,
     elements: i
-  } = e, r = await (s.isRTL == null ? void 0 : s.isRTL(i.floating)), o = ge(n), a = ae(n), u = Be(n) === "y", c = ["left", "top"].includes(o) ? -1 : 1, v = r && u ? -1 : 1, p = He(t, e);
+  } = e, r = await (s.isRTL == null ? void 0 : s.isRTL(i.floating)), o = ge(n), a = ae(n), u = Be(n) === "y", c = ["left", "top"].includes(o) ? -1 : 1, m = r && u ? -1 : 1, d = He(t, e);
   let {
-    mainAxis: f,
-    crossAxis: m,
+    mainAxis: h,
+    crossAxis: v,
     alignmentAxis: g
-  } = typeof p == "number" ? {
-    mainAxis: p,
+  } = typeof d == "number" ? {
+    mainAxis: d,
     crossAxis: 0,
     alignmentAxis: null
   } : {
-    mainAxis: p.mainAxis || 0,
-    crossAxis: p.crossAxis || 0,
-    alignmentAxis: p.alignmentAxis
+    mainAxis: d.mainAxis || 0,
+    crossAxis: d.crossAxis || 0,
+    alignmentAxis: d.alignmentAxis
   };
-  return a && typeof g == "number" && (m = a === "end" ? g * -1 : g), u ? {
-    x: m * v,
-    y: f * c
+  return a && typeof g == "number" && (v = a === "end" ? g * -1 : g), u ? {
+    x: v * m,
+    y: h * c
   } : {
-    x: f * c,
-    y: m * v
+    x: h * c,
+    y: v * m
   };
 }
 const Po = function(e) {
@@ -1208,14 +1208,14 @@ const Po = function(e) {
         mainAxis: r = !0,
         crossAxis: o = !1,
         limiter: a = {
-          fn: (h) => {
+          fn: (f) => {
             let {
-              x: b,
-              y: $
-            } = h;
+              x: $,
+              y
+            } = f;
             return {
-              x: b,
-              y: $
+              x: $,
+              y
             };
           }
         },
@@ -1223,29 +1223,29 @@ const Po = function(e) {
       } = He(e, t), c = {
         x: n,
         y: s
-      }, v = await vt(t, u), p = Be(ge(i)), f = $n(p);
-      let m = c[f], g = c[p];
+      }, m = await vt(t, u), d = Be(ge(i)), h = $n(d);
+      let v = c[h], g = c[d];
       if (r) {
-        const h = f === "y" ? "top" : "left", b = f === "y" ? "bottom" : "right", $ = m + v[h], x = m - v[b];
-        m = kt($, m, x);
+        const f = h === "y" ? "top" : "left", $ = h === "y" ? "bottom" : "right", y = v + m[f], x = v - m[$];
+        v = kt(y, v, x);
       }
       if (o) {
-        const h = p === "y" ? "top" : "left", b = p === "y" ? "bottom" : "right", $ = g + v[h], x = g - v[b];
-        g = kt($, g, x);
+        const f = d === "y" ? "top" : "left", $ = d === "y" ? "bottom" : "right", y = g + m[f], x = g - m[$];
+        g = kt(y, g, x);
       }
-      const d = a.fn({
+      const p = a.fn({
         ...t,
-        [f]: m,
-        [p]: g
+        [h]: v,
+        [d]: g
       });
       return {
-        ...d,
+        ...p,
         data: {
-          x: d.x - n,
-          y: d.y - s,
+          x: p.x - n,
+          y: p.y - s,
           enabled: {
-            [f]: r,
-            [p]: o
+            [h]: r,
+            [d]: o
           }
         }
       };
@@ -1266,17 +1266,17 @@ const Po = function(e) {
         apply: u = () => {
         },
         ...c
-      } = He(e, t), v = await vt(t, c), p = ge(i), f = ae(i), m = Be(i) === "y", {
+      } = He(e, t), m = await vt(t, c), d = ge(i), h = ae(i), v = Be(i) === "y", {
         width: g,
-        height: d
+        height: p
       } = r.floating;
-      let h, b;
-      p === "top" || p === "bottom" ? (h = p, b = f === (await (o.isRTL == null ? void 0 : o.isRTL(a.floating)) ? "start" : "end") ? "left" : "right") : (b = p, h = f === "end" ? "top" : "bottom");
-      const $ = d - v.top - v.bottom, x = g - v.left - v.right, M = Ge(d - v[h], $), _ = Ge(g - v[b], x), k = !t.middlewareData.shift;
+      let f, $;
+      d === "top" || d === "bottom" ? (f = d, $ = h === (await (o.isRTL == null ? void 0 : o.isRTL(a.floating)) ? "start" : "end") ? "left" : "right") : ($ = d, f = h === "end" ? "top" : "bottom");
+      const y = p - m.top - m.bottom, x = g - m.left - m.right, M = Ge(p - m[f], y), _ = Ge(g - m[$], x), k = !t.middlewareData.shift;
       let T = M, P = _;
-      if ((n = t.middlewareData.shift) != null && n.enabled.x && (P = x), (s = t.middlewareData.shift) != null && s.enabled.y && (T = $), k && !f) {
-        const z = Ae(v.left, 0), j = Ae(v.right, 0), J = Ae(v.top, 0), K = Ae(v.bottom, 0);
-        m ? P = g - 2 * (z !== 0 || j !== 0 ? z + j : Ae(v.left, v.right)) : T = d - 2 * (J !== 0 || K !== 0 ? J + K : Ae(v.top, v.bottom));
+      if ((n = t.middlewareData.shift) != null && n.enabled.x && (P = x), (s = t.middlewareData.shift) != null && s.enabled.y && (T = y), k && !h) {
+        const z = Ae(m.left, 0), j = Ae(m.right, 0), J = Ae(m.top, 0), W = Ae(m.bottom, 0);
+        v ? P = g - 2 * (z !== 0 || j !== 0 ? z + j : Ae(m.left, m.right)) : T = p - 2 * (J !== 0 || W !== 0 ? J + W : Ae(m.top, m.bottom));
       }
       await u({
         ...t,
@@ -1284,7 +1284,7 @@ const Po = function(e) {
         availableHeight: T
       });
       const R = await o.getDimensions(a.floating);
-      return g !== R.width || d !== R.height ? {
+      return g !== R.width || p !== R.height ? {
         reset: {
           rects: !0
         }
@@ -1364,17 +1364,17 @@ function Je(e, t, n, s) {
   const o = e.getBoundingClientRect(), a = Sn(e);
   let u = Mn;
   t && (s ? Se(s) && (u = Ee(s)) : u = Ee(e));
-  const c = a ? ie(a) : window, v = !In() && n;
-  let p = (o.left + (v && ((i = c.visualViewport) == null ? void 0 : i.offsetLeft) || 0)) / u.x, f = (o.top + (v && ((r = c.visualViewport) == null ? void 0 : r.offsetTop) || 0)) / u.y, m = o.width / u.x, g = o.height / u.y;
+  const c = a ? ie(a) : window, m = !In() && n;
+  let d = (o.left + (m && ((i = c.visualViewport) == null ? void 0 : i.offsetLeft) || 0)) / u.x, h = (o.top + (m && ((r = c.visualViewport) == null ? void 0 : r.offsetTop) || 0)) / u.y, v = o.width / u.x, g = o.height / u.y;
   if (a) {
-    const d = ie(a), h = s && Se(s) ? ie(s) : s;
-    let b = d.frameElement;
-    for (; b && s && h !== d; ) {
-      const $ = Ee(b), x = b.getBoundingClientRect(), M = getComputedStyle(b);
-      x.x += (b.clientLeft + parseFloat(M.paddingLeft)) * $.x, x.y += (b.clientTop + parseFloat(M.paddingTop)) * $.y, p *= $.x, f *= $.y, m *= $.x, g *= $.y, p += x.x, f += x.y, b = ie(b).frameElement;
+    const p = ie(a), f = s && Se(s) ? ie(s) : s;
+    let $ = p.frameElement;
+    for (; $ && s && f !== p; ) {
+      const y = Ee($), x = $.getBoundingClientRect(), M = getComputedStyle($);
+      x.x += ($.clientLeft + parseFloat(M.paddingLeft)) * y.x, x.y += ($.clientTop + parseFloat(M.paddingTop)) * y.y, d *= y.x, h *= y.y, v *= y.x, g *= y.y, d += x.x, h += x.y, $ = ie($).frameElement;
     }
   }
-  return { width: m, height: g, top: f, right: p + m, bottom: f + g, left: p, x: p, y: f };
+  return { width: v, height: g, top: h, right: d + v, bottom: h + g, left: d, x: d, y: h };
 }
 function Me(e) {
   return ((kn(e) ? e.ownerDocument : e.document) || window.document).documentElement;
@@ -1403,21 +1403,21 @@ function ft(e, t) {
 function Xt(e, t, n) {
   return t === "viewport" ? qe(function(s, i) {
     const r = ie(s), o = Me(s), a = r.visualViewport;
-    let u = o.clientWidth, c = o.clientHeight, v = 0, p = 0;
+    let u = o.clientWidth, c = o.clientHeight, m = 0, d = 0;
     if (a) {
       u = a.width, c = a.height;
-      const f = In();
-      (f || !f && i === "fixed") && (v = a.offsetLeft, p = a.offsetTop);
+      const h = In();
+      (h || !h && i === "fixed") && (m = a.offsetLeft, d = a.offsetTop);
     }
-    return { width: u, height: c, x: v, y: p };
+    return { width: u, height: c, x: m, y: d };
   }(e, n)) : Se(t) ? qe(function(s, i) {
     const r = Je(s, !0, i === "fixed"), o = r.top + s.clientTop, a = r.left + s.clientLeft, u = me(s) ? Ee(s) : { x: 1, y: 1 };
     return { width: s.clientWidth * u.x, height: s.clientHeight * u.y, x: a * u.x, y: o * u.y };
   }(t, n)) : qe(function(s) {
     const i = Me(s), r = wt(s), o = s.ownerDocument.body, a = je(i.scrollWidth, i.clientWidth, o.scrollWidth, o.clientWidth), u = je(i.scrollHeight, i.clientHeight, o.scrollHeight, o.clientHeight);
     let c = -r.scrollLeft + On(s);
-    const v = -r.scrollTop;
-    return he(o).direction === "rtl" && (c += je(i.clientWidth, o.clientWidth) - a), { width: a, height: u, x: c, y: v };
+    const m = -r.scrollTop;
+    return he(o).direction === "rtl" && (c += je(i.clientWidth, o.clientWidth) - a), { width: a, height: u, x: c, y: m };
   }(Me(e)));
 }
 function Qt(e) {
@@ -1448,20 +1448,20 @@ function Fo(e, t, n) {
 }
 const Ho = { getClippingRect: function(e) {
   let { element: t, boundary: n, rootBoundary: s, strategy: i } = e;
-  const r = n === "clippingAncestors" ? function(c, v) {
-    const p = v.get(c);
-    if (p) return p;
-    let f = ft(c).filter((h) => Se(h) && Le(h) !== "body"), m = null;
+  const r = n === "clippingAncestors" ? function(c, m) {
+    const d = m.get(c);
+    if (d) return d;
+    let h = ft(c).filter((f) => Se(f) && Le(f) !== "body"), v = null;
     const g = he(c).position === "fixed";
-    let d = g ? Xe(c) : c;
-    for (; Se(d) && !Et(d); ) {
-      const h = he(d), b = It(d);
-      (g ? b || m : b || h.position !== "static" || !m || !["absolute", "fixed"].includes(m.position)) ? m = h : f = f.filter(($) => $ !== d), d = Xe(d);
+    let p = g ? Xe(c) : c;
+    for (; Se(p) && !Et(p); ) {
+      const f = he(p), $ = It(p);
+      (g ? $ || v : $ || f.position !== "static" || !v || !["absolute", "fixed"].includes(v.position)) ? v = f : h = h.filter((y) => y !== p), p = Xe(p);
     }
-    return v.set(c, f), f;
-  }(t, this._c) : [].concat(n), o = [...r, s], a = o[0], u = o.reduce((c, v) => {
-    const p = Xt(t, v, i);
-    return c.top = je(p.top, c.top), c.right = Gt(p.right, c.right), c.bottom = Gt(p.bottom, c.bottom), c.left = je(p.left, c.left), c;
+    return m.set(c, h), h;
+  }(t, this._c) : [].concat(n), o = [...r, s], a = o[0], u = o.reduce((c, m) => {
+    const d = Xt(t, m, i);
+    return c.top = je(d.top, c.top), c.right = Gt(d.right, c.right), c.bottom = Gt(d.bottom, c.bottom), c.left = je(d.left, c.left), c;
   }, Xt(t, a, i));
   return { width: u.right - u.left, height: u.bottom - u.top, x: u.left, y: u.top };
 }, convertOffsetParentRelativeRectToViewportRelativeRect: function(e) {
@@ -2409,7 +2409,7 @@ const An = (e = "theme") => ({
 }), Xo = ["id", "aria-hidden", "tabindex", "data-popper-placement"], Qo = {
   ref: "inner",
   class: "v-popper__inner"
-}, er = /* @__PURE__ */ y("div", { class: "v-popper__arrow-outer" }, null, -1), tr = /* @__PURE__ */ y("div", { class: "v-popper__arrow-inner" }, null, -1), nr = [
+}, er = /* @__PURE__ */ b("div", { class: "v-popper__arrow-outer" }, null, -1), tr = /* @__PURE__ */ b("div", { class: "v-popper__arrow-inner" }, null, -1), nr = [
   er,
   tr
 ];
@@ -2442,19 +2442,19 @@ function ir(e, t, n, s, i, r) {
     "data-popper-placement": e.result ? e.result.placement : void 0,
     onKeyup: t[2] || (t[2] = mt((a) => e.autoHide && e.$emit("hide"), ["esc"]))
   }, [
-    y("div", {
+    b("div", {
       class: "v-popper__backdrop",
       onClick: t[0] || (t[0] = (a) => e.autoHide && e.$emit("hide"))
     }),
-    y("div", {
+    b("div", {
       class: "v-popper__wrapper",
       style: Ve(e.result ? {
         transformOrigin: e.result.transformOrigin
       } : void 0)
     }, [
-      y("div", Qo, [
+      b("div", Qo, [
         e.mounted ? (w(), I(Q, { key: 0 }, [
-          y("div", null, [
+          b("div", null, [
             U(e.$slots, "default")
           ]),
           e.handleResize ? (w(), O(o, {
@@ -2463,7 +2463,7 @@ function ir(e, t, n, s, i, r) {
           })) : H("", !0)
         ], 64)) : H("", !0)
       ], 512),
-      y("div", {
+      b("div", {
         ref: "arrow",
         class: "v-popper__arrow-container",
         style: Ve(e.result ? {
@@ -2711,19 +2711,19 @@ function or(e, t, n, s, i, r) {
     default: C(({
       popperId: u,
       isShown: c,
-      shouldMountContent: v,
-      skipTransition: p,
-      autoHide: f,
-      show: m,
+      shouldMountContent: m,
+      skipTransition: d,
+      autoHide: h,
+      show: v,
       hide: g,
-      handleResize: d,
-      onResize: h,
-      classes: b,
-      result: $
+      handleResize: p,
+      onResize: f,
+      classes: $,
+      result: y
     }) => [
       U(e.$slots, "default", {
         shown: c,
-        show: m,
+        show: v,
         hide: g
       }),
       S(o, {
@@ -2731,14 +2731,14 @@ function or(e, t, n, s, i, r) {
         "popper-id": u,
         theme: e.finalTheme,
         shown: c,
-        mounted: v,
-        "skip-transition": p,
-        "auto-hide": f,
-        "handle-resize": d,
-        classes: b,
-        result: $,
+        mounted: m,
+        "skip-transition": d,
+        "auto-hide": h,
+        "handle-resize": p,
+        classes: $,
+        result: y,
         onHide: g,
-        onResize: h
+        onResize: f
       }, {
         default: C(() => [
           U(e.$slots, "popper", {
@@ -2856,14 +2856,14 @@ function dr(e, t, n, s, i, r) {
     default: C(({
       popperId: u,
       isShown: c,
-      shouldMountContent: v,
-      skipTransition: p,
-      autoHide: f,
-      hide: m,
+      shouldMountContent: m,
+      skipTransition: d,
+      autoHide: h,
+      hide: v,
       handleResize: g,
-      onResize: d,
-      classes: h,
-      result: b
+      onResize: p,
+      classes: f,
+      result: $
     }) => [
       S(o, {
         ref: "popperContent",
@@ -2873,14 +2873,14 @@ function dr(e, t, n, s, i, r) {
         "popper-id": u,
         theme: e.theme,
         shown: c,
-        mounted: v,
-        "skip-transition": p,
-        "auto-hide": f,
+        mounted: m,
+        "skip-transition": d,
+        "auto-hide": h,
         "handle-resize": g,
-        classes: h,
-        result: b,
-        onHide: m,
-        onResize: d
+        classes: f,
+        result: $,
+        onHide: v,
+        onResize: p
       }, {
         default: C(() => [
           e.html ? (w(), I("div", {
@@ -3029,60 +3029,60 @@ const vr = {
     }), (a, u) => {
       const c = Xn("scrollBar");
       return w(), I("nav", $r, [
-        y("div", Cr, [
-          y("button", {
+        b("div", Cr, [
+          b("button", {
             class: "sidebar-toggler tw-flex-shrink-0",
             onClick: fe(r, ["prevent", "stop"])
           }, u[0] || (u[0] = [
-            y("i", { class: "fas fa-bars" }, null, -1)
+            b("i", { class: "fas fa-bars" }, null, -1)
           ])),
-          u[1] || (u[1] = y("picture", { class: "sidebar-brand" }, [
-            y("source", {
+          u[1] || (u[1] = b("picture", { class: "sidebar-brand" }, [
+            b("source", {
               media: "(min-width:992px)",
               srcset: br
             }),
-            y("img", {
+            b("img", {
               src: wn,
               alt: "inkmagine logo"
             })
           ], -1))
         ]),
-        y("div", {
+        b("div", {
           class: "sidebar-body",
           onMouseenter: r,
           onMouseleave: r
         }, [
           a.tabSwitchItems ? (w(), I("ul", _r, [
-            (w(!0), I(Q, null, De(a.tabSwitchItems, (v) => le((w(), I("li", {
-              key: v.id,
-              class: V(["nav-item", { active: v.id === a.currentTabSwitchItemId }])
+            (w(!0), I(Q, null, De(a.tabSwitchItems, (m) => le((w(), I("li", {
+              key: m.id,
+              class: V(["nav-item", { active: m.id === a.currentTabSwitchItemId }])
             }, [
-              y("button", {
+              b("button", {
                 type: "button",
-                class: V(["nav-link", { "tw-cursor-default": v.id === a.currentTabSwitchItemId }]),
-                onClick: fe((p) => i(v), ["prevent"])
+                class: V(["nav-link", { "tw-cursor-default": m.id === a.currentTabSwitchItemId }]),
+                onClick: fe((d) => i(m), ["prevent"])
               }, [
-                y("figure", xr, [
-                  v.logo ? (w(), I("img", {
+                b("figure", xr, [
+                  m.logo ? (w(), I("img", {
                     key: 0,
                     class: "p-1",
-                    src: v.logo,
-                    alt: v.name
+                    src: m.logo,
+                    alt: m.name
                   }, null, 8, kr)) : H("", !0)
                 ])
               ], 10, Tr)
             ], 2)), [
               [
                 l(gr),
-                v.name,
+                m.name,
                 void 0,
                 { right: !0 }
               ]
             ])), 128))
           ])) : H("", !0),
           le((w(), I("div", Ir, [
-            y("div", Sr, [
-              y("h3", Mr, L(a.currentAppName), 1),
+            b("div", Sr, [
+              b("h3", Mr, L(a.currentAppName), 1),
               S(l(Pt), {
                 as: "div",
                 class: "brand-nav-item"
@@ -3090,41 +3090,41 @@ const vr = {
                 default: C(() => [
                   S(l(zt), { class: "nav-link tw-font-semibold tw-border-0 tw-bg-transparent tw-text-left" }, {
                     default: C(() => {
-                      var v;
+                      var m;
                       return [
-                        y("figure", Or, [
-                          (v = a.currentMainSwitchItem) != null && v.logo ? (w(), I("img", {
+                        b("figure", Or, [
+                          (m = a.currentMainSwitchItem) != null && m.logo ? (w(), I("img", {
                             key: 0,
                             src: a.currentMainSwitchItem.logo,
                             alt: a.currentMainSwitchItem.name
                           }, null, 8, Dr)) : H("", !0)
                         ]),
-                        y("span", Lr, L(a.currentMainSwitchItem.name), 1),
+                        b("span", Lr, L(a.currentMainSwitchItem.name), 1),
                         a.mainSwitchItems.length > 1 ? (w(), I("i", Pr)) : H("", !0)
                       ];
                     }),
                     _: 1
                   }),
                   a.mainSwitchItems.length > 1 ? (w(), O(l(At), { key: 0 }, {
-                    default: C(({ close: v }) => [
-                      y("ul", zr, [
-                        (w(!0), I(Q, null, De(a.mainSwitchItems, (p) => (w(), I(Q, {
-                          key: p.id
+                    default: C(({ close: m }) => [
+                      b("ul", zr, [
+                        (w(!0), I(Q, null, De(a.mainSwitchItems, (d) => (w(), I(Q, {
+                          key: d.id
                         }, [
-                          p.id !== a.currentMainSwitchItem.id ? (w(), I("li", Ar, [
-                            y("button", {
+                          d.id !== a.currentMainSwitchItem.id ? (w(), I("li", Ar, [
+                            b("button", {
                               type: "button",
                               class: "nav-link",
-                              onClick: fe((f) => s(p, v), ["prevent"])
+                              onClick: fe((h) => s(d, m), ["prevent"])
                             }, [
-                              y("figure", Fr, [
-                                p.logo ? (w(), I("img", {
+                              b("figure", Fr, [
+                                d.logo ? (w(), I("img", {
                                   key: 0,
-                                  src: p.logo,
-                                  alt: p.name
+                                  src: d.logo,
+                                  alt: d.name
                                 }, null, 8, Hr)) : H("", !0)
                               ]),
-                              y("span", Er, L(p.name), 1)
+                              b("span", Er, L(d.name), 1)
                             ], 8, Br)
                           ])) : H("", !0)
                         ], 64))), 128))
@@ -3343,8 +3343,9 @@ const vr = {
     inputBind: {},
     inputOn: {}
   },
-  setup(e) {
-    const t = e, n = {
+  emits: ["inkChanged"],
+  setup(e, { emit: t }) {
+    const n = e, s = t, i = {
       text: te(() => import("./chunks/InkText.2z3CBfGZ.js")),
       url: te(() => import("./chunks/InkUrl.y40jqTAY.js")),
       textarea: te(() => import("./chunks/InkTextarea.bSKGpfeu.js")),
@@ -3357,10 +3358,10 @@ const vr = {
       date: te(() => import("./chunks/InkDatetime.DuIlN9qX.js")),
       datetimerng: te(() => import("./chunks/InkDatetimerng.Un2rLzLU.js")),
       daterng: te(() => import("./chunks/InkDatetimerng.Un2rLzLU.js"))
-    }, s = D(() => t.field.type), { checkFieldMax: i, mergeField: r } = de(s.value, G(t, "field")), o = D(() => n[r.value.type]), { remove: a, push: u, fields: c, update: v, replace: p } = li(r.value.id), f = D(() => c.value.length), m = (d) => {
-      a(d);
-    }, g = () => {
-      switch (s.value) {
+    }, r = D(() => n.field.type), { checkFieldMax: o, mergeField: a } = de(r.value, G(n, "field")), u = D(() => i[a.value.type]), { remove: c, push: m, fields: d, update: h, replace: v } = li(a.value.id), g = D(() => d.value.length), p = (y) => {
+      c(y);
+    }, f = () => {
+      switch (r.value) {
         case "text":
         // case 'slug':
         // case 'email':
@@ -3368,7 +3369,7 @@ const vr = {
         // case 'password':
         // case 'time':
         case "textarea":
-          u("");
+          m("");
           break;
         case "checkbox":
         case "radio":
@@ -3376,66 +3377,70 @@ const vr = {
           break;
         case "daterng":
         case "datetimerng":
-          u([void 0, void 0]);
+          m([void 0, void 0]);
           break;
         default:
-          u(void 0);
+          m(void 0);
           break;
       }
+    }, $ = (y) => {
+      s("inkChanged", y);
     };
     return nt(async () => {
-      await ut(), c.value.length === 0 && g();
-    }), (d, h) => (w(), I("fieldset", {
+      await ut(), d.value.length === 0 && f();
+    }), (y, x) => (w(), I("fieldset", {
       class: V(["js-dynamic-component tw-flex tw-flex-wrap tw-gap-2", {
-        "tw-flex-row tw-items-center": l(r).type === "switch",
-        "tw-flex-col": l(r).type !== "switch"
+        "tw-flex-row tw-items-center": l(a).type === "switch",
+        "tw-flex-col": l(a).type !== "switch"
       }]),
-      "data-field-type": l(r).type
+      "data-field-type": l(a).type
     }, [
-      l(r).name ? (w(), I("div", Qr, [
-        X(L(l(r).name) + " ", 1),
-        l(r).tip ? (w(), O(l(yr), { key: 0 }, {
+      l(a).name ? (w(), I("div", Qr, [
+        X(L(l(a).name) + " ", 1),
+        l(a).tip ? (w(), O(l(yr), { key: 0 }, {
           popper: C(() => [
-            X(L(l(r).tip), 1)
+            X(L(l(a).tip), 1)
           ]),
           default: C(() => [
-            h[0] || (h[0] = y("button", {
+            x[0] || (x[0] = b("button", {
               type: "button",
               class: "tw-btn-transparent tw-btn-icon-xs"
             }, [
-              y("i", { class: "fa-regular fa-circle-info" })
+              b("i", { class: "fa-regular fa-circle-info" })
             ], -1))
           ]),
           _: 1
         })) : H("", !0),
-        d.required && l(r).type !== "switch" ? (w(), I("span", ea, L(l(N)("requiredHint")), 1)) : H("", !0)
+        y.required && l(a).type !== "switch" ? (w(), I("span", ea, L(l(N)("requiredHint")), 1)) : H("", !0)
       ])) : H("", !0),
-      l(Dt).includes(l(r).type) ? (w(), O(We(o.value), {
+      l(Dt).includes(l(a).type) ? (w(), O(We(u.value), {
         key: 2,
-        inputTotal: f.value,
-        field: l(r),
-        required: d.required,
-        disabled: d.disabled,
-        onRemoveInputItemFn: m,
-        inputBind: d.inputBind,
-        inputOn: d.inputOn
-      }, null, 40, ["inputTotal", "field", "required", "disabled", "inputBind", "inputOn"])) : (w(!0), I(Q, { key: 1 }, De(l(c), (b, $) => (w(), O(We(o.value), {
-        key: `${b.key}-${$}`,
-        valueIndex: $,
-        inputTotal: f.value,
-        field: l(r),
-        required: d.required,
-        disabled: d.disabled,
-        onRemoveInputItemFn: m,
-        inputBind: d.inputBind,
-        inputOn: d.inputOn
+        inputTotal: g.value,
+        field: l(a),
+        required: y.required,
+        disabled: y.disabled,
+        onRemoveInputItemFn: p,
+        inputBind: y.inputBind,
+        inputOn: y.inputOn,
+        onInkChanged: $
+      }, null, 40, ["inputTotal", "field", "required", "disabled", "inputBind", "inputOn"])) : (w(!0), I(Q, { key: 1 }, De(l(d), (M, _) => (w(), O(We(u.value), {
+        key: `${M.key}-${_}`,
+        valueIndex: _,
+        inputTotal: g.value,
+        field: l(a),
+        required: y.required,
+        disabled: y.disabled,
+        onRemoveInputItemFn: p,
+        inputBind: y.inputBind,
+        inputOn: y.inputOn,
+        onInkChanged: $
       }, null, 40, ["valueIndex", "inputTotal", "field", "required", "disabled", "inputBind", "inputOn"]))), 128)),
-      l(r).description ? (w(), O(Rr, {
+      l(a).description ? (w(), O(Rr, {
         key: 3,
-        descriptionText: l(r).description
+        descriptionText: l(a).description
       }, null, 8, ["descriptionText"])) : H("", !0),
-      l(Dt).includes(l(r).type) ? H("", !0) : (w(), I(Q, { key: 4 }, [
-        f.value < l(i) ? (w(), O(gn, {
+      l(Dt).includes(l(a).type) ? H("", !0) : (w(), I(Q, { key: 4 }, [
+        g.value < l(o) ? (w(), O(gn, {
           key: 0,
           as: "button",
           type: "button",
@@ -3443,11 +3448,11 @@ const vr = {
           theme: "outline-gray",
           size: "md",
           class: "tw-self-start",
-          onClick: g,
-          disabled: d.disabled
+          onClick: f,
+          disabled: y.disabled
         }, {
           default: C(() => [
-            h[1] || (h[1] = y("i", { class: "far fa-plus tw-text-base" }, null, -1)),
+            x[1] || (x[1] = b("i", { class: "far fa-plus tw-text-base" }, null, -1)),
             X(" " + L(l(N)("add")), 1)
           ]),
           _: 1
@@ -3510,7 +3515,7 @@ const be = /* @__PURE__ */ Un(sa, [["render", ra]]), aa = {
           onClick: o[0] || (o[0] = fe((a) => i("removeComponent"), ["prevent"])),
           disabled: r.inputTotal <= 1
         }, o[1] || (o[1] = [
-          y("i", { class: "far fa-trash" }, null, -1)
+          b("i", { class: "far fa-trash" }, null, -1)
         ]), 10, ua)) : H("", !0)
       ], 64)) : H("", !0)
     ]));
@@ -3533,30 +3538,30 @@ const be = /* @__PURE__ */ Un(sa, [["render", ra]]), aa = {
     const n = e, { mergeField: s, minLength: i, maxLength: r, checkFieldMax: o } = de("text", G(n, "field")), a = D(() => ({
       required: n.required,
       wordLimit: s.value.limit
-    })), { value: u, errorMessage: c } = ue(`${s.value.id}[${n.valueIndex}]`, a), v = t;
-    return (p, f) => (w(), O(ye, null, {
+    })), { value: u, errorMessage: c } = ue(`${s.value.id}[${n.valueIndex}]`, a), m = t;
+    return (d, h) => (w(), O(ye, null, {
       default: C(() => [
         S(be, null, {
           default: C(() => [
             X(L(l(s).prefix) + " ", 1),
             S(Ce, {
               max: l(o),
-              disabled: p.disabled,
-              inputTotal: p.inputTotal,
-              onRemoveComponent: f[2] || (f[2] = (m) => v("removeInputItemFn", p.valueIndex))
+              disabled: d.disabled,
+              inputTotal: d.inputTotal,
+              onRemoveComponent: h[2] || (h[2] = (v) => m("removeInputItemFn", d.valueIndex))
             }, {
               default: C(() => [
-                le(y("input", q({
+                le(b("input", q({
                   type: "text",
                   minlength: l(i),
                   maxlength: l(r),
                   class: ["form-control tw-input-txt tw-w-full", { "tw-border-danger-400": l(c) }],
-                  "onUpdate:modelValue": f[0] || (f[0] = (m) => Fe(u) ? u.value = m : null),
-                  disabled: p.disabled,
-                  required: p.required,
+                  "onUpdate:modelValue": h[0] || (h[0] = (v) => Fe(u) ? u.value = v : null),
+                  disabled: d.disabled,
+                  required: d.required,
                   placeholder: l(s).placeholder
-                }, e.inputBind, ve(p.inputOn, !0), {
-                  onKeydown: f[1] || (f[1] = mt(fe(() => {
+                }, e.inputBind, ve(d.inputOn, !0), {
+                  onKeydown: h[1] || (h[1] = mt(fe(() => {
                   }, ["prevent"]), ["enter"]))
                 }), null, 16, da), [
                   [
@@ -3600,7 +3605,7 @@ const be = /* @__PURE__ */ Un(sa, [["render", ra]]), aa = {
       required: n.required,
       url: !0
     })), { value: a, errorMessage: u } = ue(`${i.value.id}[${n.valueIndex}]`, o);
-    return (c, v) => (w(), O(ye, null, {
+    return (c, m) => (w(), O(ye, null, {
       default: C(() => [
         S(be, null, {
           default: C(() => [
@@ -3608,18 +3613,18 @@ const be = /* @__PURE__ */ Un(sa, [["render", ra]]), aa = {
               max: l(r),
               disabled: c.disabled,
               inputTotal: c.inputTotal,
-              onRemoveComponent: v[2] || (v[2] = (p) => s("removeInputItemFn", c.valueIndex))
+              onRemoveComponent: m[2] || (m[2] = (d) => s("removeInputItemFn", c.valueIndex))
             }, {
               default: C(() => [
-                le(y("input", q({
+                le(b("input", q({
                   type: "url",
                   class: ["form-control tw-input-txt tw-w-full", { "tw-border-danger-400": l(u) }],
-                  "onUpdate:modelValue": v[0] || (v[0] = (p) => Fe(a) ? a.value = p : null),
+                  "onUpdate:modelValue": m[0] || (m[0] = (d) => Fe(a) ? a.value = d : null),
                   disabled: c.disabled,
                   required: c.required,
                   placeholder: l(i).placeholder
                 }, e.inputBind, ve(c.inputOn, !0), {
-                  onKeydown: v[1] || (v[1] = mt(fe(() => {
+                  onKeydown: m[1] || (m[1] = mt(fe(() => {
                   }, ["prevent"]), ["enter"]))
                 }), null, 16, ca), [
                   [
@@ -3670,33 +3675,33 @@ const be = /* @__PURE__ */ Un(sa, [["render", ra]]), aa = {
     const n = e, { mergeField: s, minLength: i, maxLength: r, checkFieldMax: o } = de("textarea", G(n, "field")), a = D(() => ({
       required: n.required,
       wordLimit: s.value.limit
-    })), { value: u, errorMessage: c } = ue(`${s.value.id}[${n.valueIndex}]`, a), v = t;
-    return (p, f) => (w(), O(ye, null, {
+    })), { value: u, errorMessage: c } = ue(`${s.value.id}[${n.valueIndex}]`, a), m = t;
+    return (d, h) => (w(), O(ye, null, {
       default: C(() => [
         S(be, null, {
           default: C(() => [
             S(Ce, {
               inputType: l(s).type,
               max: l(o),
-              disabled: p.disabled,
-              inputTotal: p.inputTotal,
-              onRemoveComponent: f[2] || (f[2] = (m) => v("removeInputItemFn", p.valueIndex))
+              disabled: d.disabled,
+              inputTotal: d.inputTotal,
+              onRemoveComponent: h[2] || (h[2] = (v) => m("removeInputItemFn", d.valueIndex))
             }, {
               default: C(() => [
-                y("div", {
+                b("div", {
                   class: V(["tw-textarea tw-w-full", { "tw-border-danger-400": l(c) }])
                 }, [
-                  le(y("textarea", q({
+                  le(b("textarea", q({
                     rows: "5",
                     minlength: l(i),
                     maxlength: l(r),
                     class: ["form-control tw-w-full"],
-                    "onUpdate:modelValue": f[0] || (f[0] = (m) => Fe(u) ? u.value = m : null),
-                    disabled: p.disabled,
-                    required: p.required,
+                    "onUpdate:modelValue": h[0] || (h[0] = (v) => Fe(u) ? u.value = v : null),
+                    disabled: d.disabled,
+                    required: d.required,
                     placeholder: l(s).placeholder
-                  }, e.inputBind, ve(p.inputOn, !0), {
-                    onKeydown: f[1] || (f[1] = mt(fe(() => {
+                  }, e.inputBind, ve(d.inputOn, !0), {
+                    onKeydown: h[1] || (h[1] = mt(fe(() => {
                     }, ["prevent"]), ["enter"]))
                   }), null, 16, ha), [
                     [
@@ -3746,7 +3751,7 @@ const be = /* @__PURE__ */ Un(sa, [["render", ra]]), aa = {
   },
   emits: ["removeInputItemFn"],
   setup(e, { emit: t }) {
-    const n = e, s = t, { mergeField: i, checkFieldMax: r } = de("select", G(n, "field")), { mergeInputBind: o, clearInputBind: a } = jr(G(n, "inputBind")), u = ee(!1), c = Ze("load"), v = async ([{ isIntersecting: _, target: k }]) => {
+    const n = e, s = t, { mergeField: i, checkFieldMax: r } = de("select", G(n, "field")), { mergeInputBind: o, clearInputBind: a } = jr(G(n, "inputBind")), u = ee(!1), c = Ze("load"), m = async ([{ isIntersecting: _, target: k }]) => {
       if (_) {
         const T = k.offsetParent, P = T.scrollTop;
         o.value.infiniteFn && o.value.infiniteFn();
@@ -3754,29 +3759,29 @@ const be = /* @__PURE__ */ Un(sa, [["render", ra]]), aa = {
           T.scrollTop = P, R();
         });
       }
-    }, p = new IntersectionObserver(v), f = () => {
-      o.value.hasNextPage && c.value && !u.value && (p.observe(c.value), u.value = !0);
-    }, m = () => {
-      p.disconnect(), u.value = !1;
+    }, d = new IntersectionObserver(m), h = () => {
+      o.value.hasNextPage && c.value && !u.value && (d.observe(c.value), u.value = !0);
+    }, v = () => {
+      d.disconnect(), u.value = !1;
     }, g = async () => {
-      await ut(), f(), o.value.openFn && o.value.openFn();
-    }, d = () => {
-      m(), o.value.closeFn && o.value.closeFn();
+      await ut(), h(), o.value.openFn && o.value.openFn();
+    }, p = () => {
+      v(), o.value.closeFn && o.value.closeFn();
     };
     ne(() => c.value, async () => {
-      !u.value && c.value ? (await ut(), f()) : m();
+      !u.value && c.value ? (await ut(), h()) : v();
     });
-    const h = D(() => ({
+    const f = D(() => ({
       required: n.required
-    })), { value: b, errorMessage: $, setValue: x } = ue(`${i.value.id}[${n.valueIndex}]`, h);
-    ne(() => b.value, (_) => {
+    })), { value: $, errorMessage: y, setValue: x } = ue(`${i.value.id}[${n.valueIndex}]`, f);
+    ne(() => $.value, (_) => {
       _ && typeof _ == "object" && _ !== null && (o.value.reduce ? o.value.reduce(_) || x(o.value.reduce(_)) : console.warn("InkSelect - inputBind.reduce is not defined. Please check it."));
     }, { immediate: !0 });
     const M = D(() => {
       var _, k, T;
       return {
-        active: o.value.activeStyle && b.value,
-        "is-error": $.value,
+        active: o.value.activeStyle && $.value,
+        "is-error": y.value,
         "option-0-divider": (_ = o.value.optionDivider) == null ? void 0 : _.some((P) => P === 0),
         "option-1-divider": (k = o.value.optionDivider) == null ? void 0 : k.some((P) => P === 1),
         "option-2-divider": (T = o.value.optionDivider) == null ? void 0 : T.some((P) => P === 2)
@@ -3795,21 +3800,21 @@ const be = /* @__PURE__ */ Un(sa, [["render", ra]]), aa = {
             }, {
               default: C(() => [
                 S(l(mn), q({
-                  modelValue: l(b),
-                  "onUpdate:modelValue": k[0] || (k[0] = (T) => Fe(b) ? b.value = T : null),
+                  modelValue: l($),
+                  "onUpdate:modelValue": k[0] || (k[0] = (T) => Fe($) ? $.value = T : null),
                   disabled: _.disabled,
                   required: _.required,
                   placeholder: l(i).placeholder || l(N)("select"),
                   onOpen: g,
-                  onClose: d,
+                  onClose: p,
                   class: ["tw-w-full", M.value],
                   inputId: `${l(i).id}[${n.valueIndex}]`
                 }, l(a), ve(_.inputOn)), fn({
                   option: C((T) => {
                     var P;
                     return [
-                      y("div", ma, [
-                        y("span", {
+                      b("div", ma, [
+                        b("span", {
                           class: "tw-mr-2.5 tw-rounded-sm tw-py-1",
                           style: Ve({ "padding-left": `calc(${T.depth > 0 ? T.depth - 1 : 0}em + 0.5rem)` })
                         }, [
@@ -3820,7 +3825,7 @@ const be = /* @__PURE__ */ Un(sa, [["render", ra]]), aa = {
                     ];
                   }),
                   "list-footer": C(() => [
-                    le(y("li", {
+                    le(b("li", {
                       ref_key: "load",
                       ref: c,
                       class: "loader tw-text-sm tw-text-gray-600 tw-italic"
@@ -3844,9 +3849,9 @@ const be = /* @__PURE__ */ Un(sa, [["render", ra]]), aa = {
           ]),
           _: 1
         }),
-        l($) ? (w(), O($e, {
+        l(y) ? (w(), O($e, {
           key: 0,
-          errorText: l($)
+          errorText: l(y)
         }, null, 8, ["errorText"])) : H("", !0)
       ]),
       _: 1
@@ -3872,17 +3877,17 @@ const be = /* @__PURE__ */ Un(sa, [["render", ra]]), aa = {
     const n = e, s = t, { mergeField: i, checkFieldMax: r } = de("hashtag", G(n, "field")), { mergeInputBind: o, clearInputBind: a } = Yr(G(n, "inputBind")), u = D(() => ({
       required: n.required,
       itemLimit: [i.value.min, i.value.max]
-    })), { value: c, errorMessage: v, setValue: p } = ue(`${i.value.id}`, u), f = D(() => ({
+    })), { value: c, errorMessage: m, setValue: d } = ue(`${i.value.id}`, u), h = D(() => ({
       active: o.value.activeStyle && c.value,
-      "is-error": v.value
+      "is-error": m.value
     }));
     nt(() => {
     });
-    const m = Ze("vSelectRef");
+    const v = Ze("vSelectRef");
     return ne(c, () => {
       var g;
-      (g = m.value) == null || g.searchEl.focus();
-    }), (g, d) => (w(), O(ye, null, {
+      (g = v.value) == null || g.searchEl.focus();
+    }), (g, p) => (w(), O(ye, null, {
       default: C(() => [
         S(be, null, {
           default: C(() => [
@@ -3891,42 +3896,42 @@ const be = /* @__PURE__ */ Un(sa, [["render", ra]]), aa = {
               max: l(r),
               disabled: g.disabled,
               inputTotal: g.inputTotal,
-              onRemoveComponent: d[1] || (d[1] = (h) => s("removeInputItemFn", g.valueIndex))
+              onRemoveComponent: p[1] || (p[1] = (f) => s("removeInputItemFn", g.valueIndex))
             }, {
               default: C(() => [
                 S(l(mn), q({
                   ref_key: "vSelectRef",
-                  ref: m,
+                  ref: v,
                   modelValue: l(c),
-                  "onUpdate:modelValue": d[0] || (d[0] = (h) => Fe(c) ? c.value = h : null),
+                  "onUpdate:modelValue": p[0] || (p[0] = (f) => Fe(c) ? c.value = f : null),
                   disabled: g.disabled,
                   required: g.required,
                   placeholder: l(i).placeholder,
-                  class: ["tw-w-full", f.value],
+                  class: ["tw-w-full", h.value],
                   inputId: `${l(i).id}`
                 }, l(a), ve(g.inputOn), {
                   taggable: !l(i).limit,
                   filterable: l(i).limit,
                   multiple: ""
                 }), fn({
-                  option: C(({ name: h }) => [
-                    y("div", ga, [
-                      y("span", wa, L(h), 1)
+                  option: C(({ name: f }) => [
+                    b("div", ga, [
+                      b("span", wa, L(f), 1)
                     ])
                   ]),
                   "no-options": C(() => [
                     X(L(l(N)("noResultsFound")), 1)
                   ]),
-                  "open-indicator": C(({ attributes: h }) => [
-                    d[2] || (d[2] = X(L(null)))
+                  "open-indicator": C(({ attributes: f }) => [
+                    p[2] || (p[2] = X(L(null)))
                   ]),
                   "list-footer": C(() => []),
                   _: 2
                 }, [
                   g.disabled ? {
                     name: "selected-option-container",
-                    fn: C(({ option: h }) => [
-                      y("div", ya, L(h.name), 1)
+                    fn: C(({ option: f }) => [
+                      b("div", ya, L(f.name), 1)
                     ]),
                     key: "0"
                   } : void 0
@@ -3937,9 +3942,9 @@ const be = /* @__PURE__ */ Un(sa, [["render", ra]]), aa = {
           ]),
           _: 1
         }),
-        l(v) ? (w(), O($e, {
+        l(m) ? (w(), O($e, {
           key: 0,
-          errorText: l(v)
+          errorText: l(m)
         }, null, 8, ["errorText"])) : H("", !0)
       ]),
       _: 1
@@ -3961,23 +3966,23 @@ const be = /* @__PURE__ */ Un(sa, [["render", ra]]), aa = {
   emits: ["removeInputItemFn"],
   setup(e, { emit: t }) {
     const n = e, s = t, { mergeField: i, checkFieldMax: r } = de("checkbox", G(n, "field")), { mergeInputBind: o, clearInputBind: a } = Vn(G(n, "inputBind")), u = D(() => {
-      var b, $;
-      const h = o.value.valueKey || "key";
-      return ($ = (b = o.value.options) == null ? void 0 : b[0]) != null && $.hasOwnProperty(h) || console.warn(`InkCheckbox - the key "${h}" is not in the options, please check the options and the inputBind.valueKey. inputBind.valueKey default is "key"`), h;
-    }), c = ee(null), v = ee(null), p = vn(
-      v,
-      ([h]) => {
-        h.isIntersecting && o.value.infiniteFn && o.value.infiniteFn();
+      var $, y;
+      const f = o.value.valueKey || "key";
+      return (y = ($ = o.value.options) == null ? void 0 : $[0]) != null && y.hasOwnProperty(f) || console.warn(`InkCheckbox - the key "${f}" is not in the options, please check the options and the inputBind.valueKey. inputBind.valueKey default is "key"`), f;
+    }), c = ee(null), m = ee(null), d = vn(
+      m,
+      ([f]) => {
+        f.isIntersecting && o.value.infiniteFn && o.value.infiniteFn();
       },
       { root: c }
     );
-    ne(() => o.value.hasNextPage, (h) => {
-      h ? p.resume() : p.pause();
+    ne(() => o.value.hasNextPage, (f) => {
+      f ? d.resume() : d.pause();
     }, { immediate: !0 });
-    const f = D(() => ({
+    const h = D(() => ({
       required: n.required
-    })), { value: m, errorMessage: g, handleChange: d } = ue(i.value.id, f);
-    return (h, b) => (w(), I(Q, null, [
+    })), { value: v, errorMessage: g, handleChange: p } = ue(i.value.id, h);
+    return (f, $) => (w(), I(Q, null, [
       S(ye, null, {
         default: C(() => [
           S(be, null, {
@@ -3985,37 +3990,37 @@ const be = /* @__PURE__ */ Un(sa, [["render", ra]]), aa = {
               S(Ce, {
                 inputType: l(i).type,
                 max: l(r),
-                disabled: h.disabled,
-                inputTotal: h.inputTotal,
-                onRemoveComponent: b[1] || (b[1] = ($) => s("removeInputItemFn", h.valueIndex))
+                disabled: f.disabled,
+                inputTotal: f.inputTotal,
+                onRemoveComponent: $[1] || ($[1] = (y) => s("removeInputItemFn", f.valueIndex))
               }, {
                 default: C(() => [
-                  (w(!0), I(Q, null, De(l(o).options, ($) => (w(), I("div", {
+                  (w(!0), I(Q, null, De(l(o).options, (y) => (w(), I("div", {
                     key: hn(),
                     class: "form-check tw-mt-0 [&+div]:tw-mt-3",
-                    style: Ve({ "margin-left": $.depth + "em" })
+                    style: Ve({ "margin-left": y.depth + "em" })
                   }, [
-                    y("label", {
+                    b("label", {
                       class: V([
                         "form-check-label",
                         {
-                          "form-check-label-disabled": h.disabled || $.disabled,
+                          "form-check-label-disabled": f.disabled || y.disabled,
                           "tw-text-danger-400": l(g)
                         }
                       ])
                     }, [
-                      le(y("input", q({
-                        "onUpdate:modelValue": b[0] || (b[0] = (x) => Fe(m) ? m.value = x : null),
+                      le(b("input", q({
+                        "onUpdate:modelValue": $[0] || ($[0] = (x) => Fe(v) ? v.value = x : null),
                         type: "checkbox",
                         class: "form-check-input tw-peer",
-                        value: $[u.value],
-                        disabled: h.disabled || $.disabled,
+                        value: y[u.value],
+                        disabled: f.disabled || y.disabled,
                         ref_for: !0
-                      }, l(a), ve(h.inputOn, !0)), null, 16, ba), [
-                        [Qn, l(m)]
+                      }, l(a), ve(f.inputOn, !0)), null, 16, ba), [
+                        [Qn, l(v)]
                       ]),
-                      X(" " + L($[l(o).label || "name"]) + " ", 1),
-                      y("i", {
+                      X(" " + L(y[l(o).label || "name"]) + " ", 1),
+                      b("i", {
                         class: V(["tw-check", { "tw-border-danger-400": l(g) }])
                       }, null, 2)
                     ], 2)
@@ -4033,9 +4038,9 @@ const be = /* @__PURE__ */ Un(sa, [["render", ra]]), aa = {
         ]),
         _: 1
       }),
-      le(y("div", {
+      le(b("div", {
         ref_key: "load",
-        ref: v,
+        ref: m,
         class: "tw-text-sm tw-text-gray-600 tw-italic"
       }, L(l(N)("loading")), 513), [
         [ht, l(o).hasNextPage]
@@ -4058,23 +4063,23 @@ const be = /* @__PURE__ */ Un(sa, [["render", ra]]), aa = {
   emits: ["removeInputItemFn"],
   setup(e, { emit: t }) {
     const n = e, s = t, { mergeField: i, checkFieldMax: r } = de("radio", G(n, "field")), { mergeInputBind: o, clearInputBind: a } = Vn(G(n, "inputBind")), u = D(() => {
-      var b, $;
-      const h = o.value.valueKey || "key";
-      return ($ = (b = o.value.options) == null ? void 0 : b[0]) != null && $.hasOwnProperty(h) || console.warn(`InkRadio - the key "${h}" is not in the options, please check the options and the inputBind.valueKey. inputBind.valueKey default is "key"`), h;
-    }), c = ee(null), v = ee(null), p = vn(
-      v,
-      ([h]) => {
-        h.isIntersecting && o.value.infiniteFn && o.value.infiniteFn();
+      var $, y;
+      const f = o.value.valueKey || "key";
+      return (y = ($ = o.value.options) == null ? void 0 : $[0]) != null && y.hasOwnProperty(f) || console.warn(`InkRadio - the key "${f}" is not in the options, please check the options and the inputBind.valueKey. inputBind.valueKey default is "key"`), f;
+    }), c = ee(null), m = ee(null), d = vn(
+      m,
+      ([f]) => {
+        f.isIntersecting && o.value.infiniteFn && o.value.infiniteFn();
       },
       { root: c }
     );
-    ne(() => o.value.hasNextPage, (h) => {
-      h ? p.resume() : p.pause();
+    ne(() => o.value.hasNextPage, (f) => {
+      f ? d.resume() : d.pause();
     }, { immediate: !0 });
-    const f = D(() => ({
+    const h = D(() => ({
       required: n.required
-    })), { value: m, errorMessage: g, handleChange: d } = ue(`${i.value.id}[${n.valueIndex}]`, f);
-    return (h, b) => (w(), I(Q, null, [
+    })), { value: v, errorMessage: g, handleChange: p } = ue(`${i.value.id}[${n.valueIndex}]`, h);
+    return (f, $) => (w(), I(Q, null, [
       S(ye, null, {
         default: C(() => [
           S(be, null, {
@@ -4082,34 +4087,34 @@ const be = /* @__PURE__ */ Un(sa, [["render", ra]]), aa = {
               S(Ce, {
                 inputType: l(i).type,
                 max: l(r),
-                disabled: h.disabled,
-                inputTotal: h.inputTotal,
-                onRemoveComponent: b[1] || (b[1] = ($) => s("removeInputItemFn", h.valueIndex))
+                disabled: f.disabled,
+                inputTotal: f.inputTotal,
+                onRemoveComponent: $[1] || ($[1] = (y) => s("removeInputItemFn", f.valueIndex))
               }, {
                 default: C(() => [
-                  y("div", $a, [
-                    (w(!0), I(Q, null, De(l(o).options, ($) => (w(), I("label", {
+                  b("div", $a, [
+                    (w(!0), I(Q, null, De(l(o).options, (y) => (w(), I("label", {
                       key: hn(),
                       class: V([
                         "form-radio-label",
                         {
-                          "form-check-label-disabled": h.disabled || $.disabled,
+                          "form-check-label-disabled": f.disabled || y.disabled,
                           "tw-text-danger-400": l(g)
                         }
                       ])
                     }, [
-                      le(y("input", q({
-                        "onUpdate:modelValue": b[0] || (b[0] = (x) => Fe(m) ? m.value = x : null),
+                      le(b("input", q({
+                        "onUpdate:modelValue": $[0] || ($[0] = (x) => Fe(v) ? v.value = x : null),
                         type: "radio",
                         class: "form-check-input tw-peer",
-                        value: $[u.value],
-                        disabled: h.disabled || $.disabled,
+                        value: y[u.value],
+                        disabled: f.disabled || y.disabled,
                         ref_for: !0
-                      }, l(a), ve(h.inputOn, !0)), null, 16, Ca), [
-                        [ei, l(m)]
+                      }, l(a), ve(f.inputOn, !0)), null, 16, Ca), [
+                        [ei, l(v)]
                       ]),
-                      X(" " + L($[l(o).label || "name"]) + " ", 1),
-                      y("i", {
+                      X(" " + L(y[l(o).label || "name"]) + " ", 1),
+                      b("i", {
                         class: V(["tw-radio", { "tw-border-danger-400": l(g) }])
                       }, null, 2)
                     ], 2))), 128))
@@ -4127,9 +4132,9 @@ const be = /* @__PURE__ */ Un(sa, [["render", ra]]), aa = {
         ]),
         _: 1
       }),
-      le(y("div", {
+      le(b("div", {
         ref_key: "load",
-        ref: v,
+        ref: m,
         class: "tw-text-sm tw-text-gray-600 tw-italic"
       }, L(l(N)("loading")), 513), [
         [ht, l(o).hasNextPage]
@@ -4145,42 +4150,42 @@ const be = /* @__PURE__ */ Un(sa, [["render", ra]]), aa = {
       required: !0
     }
   },
-  emits: ["removeInputItemFn"],
+  emits: ["removeInputItemFn", "inkChanged"],
   setup(e, { emit: t }) {
     const n = e, s = t, { mergeField: i, checkFieldMax: r } = de("switch", G(n, "field")), o = () => {
-      v(!u.value);
+      m(!u.value), s("inkChanged", u.value);
     }, a = D(() => ({
       required: n.required
-    })), { value: u, errorMessage: c, handleChange: v } = ue(`${i.value.id}[${n.valueIndex}]`, a);
-    return (p, f) => (w(), O(ye, null, {
+    })), { value: u, errorMessage: c, handleChange: m } = ue(`${i.value.id}[${n.valueIndex}]`, a);
+    return (d, h) => (w(), O(ye, null, {
       default: C(() => [
         S(be, null, {
           default: C(() => [
             S(Ce, {
               max: l(r),
-              disabled: p.disabled,
-              inputTotal: p.inputTotal,
-              onRemoveComponent: f[1] || (f[1] = (m) => s("removeInputItemFn", p.valueIndex))
+              disabled: d.disabled,
+              inputTotal: d.inputTotal,
+              onRemoveComponent: h[1] || (h[1] = (v) => s("removeInputItemFn", d.valueIndex))
             }, {
               default: C(() => [
-                y("button", {
+                b("button", {
                   type: "button",
                   class: V([
                     "tw-switch",
                     l(u) ? "tw-bg-secondary-800" : "tw-bg-gray-400"
                   ]),
-                  disabled: p.disabled,
-                  onClick: f[0] || (f[0] = (m) => o())
+                  disabled: d.disabled,
+                  onClick: h[0] || (h[0] = (v) => o())
                 }, [
-                  y("input", {
+                  b("input", {
                     type: "checkbox",
                     checked: l(u),
-                    disabled: p.disabled,
+                    disabled: d.disabled,
                     readonly: "",
                     hidden: ""
                   }, null, 8, Ta),
-                  f[2] || (f[2] = y("span", { class: "tw-sr-only" }, "Enable notifications", -1)),
-                  y("span", {
+                  h[2] || (h[2] = b("span", { class: "tw-sr-only" }, "Enable notifications", -1)),
+                  b("span", {
                     class: V([l(u) ? "tw-translate-x-4" : "tw-translate-x-0", "tw-inline-block tw-h-3 tw-w-3 tw-transform tw-rounded-full tw-bg-white tw-transition"])
                   }, null, 2)
                 ], 10, _a)
@@ -4236,9 +4241,9 @@ const be = /* @__PURE__ */ Un(sa, [["render", ra]]), aa = {
       default: () => ({})
     }
   },
-  emits: ["removeInputItemFn"],
+  emits: ["removeInputItemFn", "inkChanged"],
   setup(e, { emit: t }) {
-    const n = e, s = t, { mergeField: i, checkFieldMax: r } = de(n.field.type, G(n, "field")), { mergeInputBind: o, clearInputBind: a, panelInputModeNone: u, panelTimezone: c } = Kr(G(n, "inputBind")), v = D(() => {
+    const n = e, s = t, { mergeField: i, checkFieldMax: r } = de(n.field.type, G(n, "field")), { mergeInputBind: o, clearInputBind: a, panelInputModeNone: u, panelTimezone: c } = Kr(G(n, "inputBind")), m = D(() => {
       if (o.value.type) return o.value.type;
       switch (i.value.type) {
         case "date":
@@ -4246,7 +4251,7 @@ const be = /* @__PURE__ */ Un(sa, [["render", ra]]), aa = {
         default:
           return "datetime";
       }
-    }), p = D(() => {
+    }), d = D(() => {
       if (o.value.format) return o.value.format;
       switch (i.value.type) {
         case "date":
@@ -4254,14 +4259,14 @@ const be = /* @__PURE__ */ Un(sa, [["render", ra]]), aa = {
         default:
           return "YYYY/MM/DD HH:mm";
       }
-    }), f = () => {
+    }), h = () => {
       M(void 0), _.value = void 0;
-    }, m = (k) => o.value.restrict.restrictType === Ne.PAST ? Y.tz(k, o.value.timezone).unix() > Y.tz(Y(), o.value.timezone).endOf("day").unix() : o.value.restrict.restrictType === Ne.FUTURE ? Y.tz(k, o.value.timezone).unix() < Y.tz(Y(), o.value.timezone).startOf("day").unix() : !1, g = Ze("startDatePicker"), d = D(() => ({
+    }, v = (k) => o.value.restrict.restrictType === Ne.PAST ? Y.tz(k, o.value.timezone).unix() > Y.tz(Y(), o.value.timezone).endOf("day").unix() : o.value.restrict.restrictType === Ne.FUTURE ? Y.tz(k, o.value.timezone).unix() < Y.tz(Y(), o.value.timezone).startOf("day").unix() : !1, g = Ze("startDatePicker"), p = D(() => ({
       "tw-border-danger-400": x.value,
       "tw-disabled": n.disabled
-    })), h = (k) => {
+    })), f = (k) => {
       const T = k.target;
-      (T.classList.contains("is-text") || T.closest(".is-text")) && (_.value = Y.tz(Y(), o.value.timezone).format(p.value));
+      (T.classList.contains("is-text") || T.closest(".is-text")) && (_.value = Y.tz(Y(), o.value.timezone).format(d.value));
     };
     nt(() => {
       [g.value].forEach((T) => {
@@ -4271,12 +4276,12 @@ const be = /* @__PURE__ */ Un(sa, [["render", ra]]), aa = {
         });
       }), u(), c(o.value.timezone);
     });
-    const b = D(() => ({
+    const $ = D(() => ({
       required: n.required,
-      datetimeRestrict: [o.value.restrict, o.value.timezone, p.value]
-    })), { value: $, errorMessage: x, handleChange: M } = ue(`${i.value.id}[${n.valueIndex}]`, b), _ = ee();
-    return ne($, () => {
-      $.value ? _.value = Ke(o.value.timezone, $.value, p.value) : _.value = void 0;
+      datetimeRestrict: [o.value.restrict, o.value.timezone, d.value]
+    })), { value: y, errorMessage: x, handleChange: M } = ue(`${i.value.id}[${n.valueIndex}]`, $), _ = ee();
+    return ne(y, () => {
+      y.value ? _.value = Ke(o.value.timezone, y.value, d.value) : _.value = void 0, s("inkChanged", y.value);
     }), ne(_, (k, T) => {
       if (k) {
         if (k === T) return;
@@ -4297,12 +4302,12 @@ const be = /* @__PURE__ */ Un(sa, [["render", ra]]), aa = {
               onRemoveComponent: T[1] || (T[1] = (P) => s("removeInputItemFn", k.valueIndex))
             }, {
               default: C(() => [
-                y("div", {
+                b("div", {
                   class: V([
                     "data-time-picker",
-                    d.value
+                    p.value
                   ]),
-                  onClick: h
+                  onClick: f
                 }, [
                   S(l(Tt), q({
                     ref: "startDatePicker",
@@ -4311,19 +4316,19 @@ const be = /* @__PURE__ */ Un(sa, [["render", ra]]), aa = {
                     class: "datetime-picker-input",
                     placeholder: l(i).placeholder,
                     disabled: k.disabled,
-                    "disabled-date": m
+                    "disabled-date": v
                   }, l(a), ve(k.inputOn), {
-                    type: v.value,
-                    format: p.value,
-                    "value-format": p.value
+                    type: m.value,
+                    format: d.value,
+                    "value-format": d.value
                   }), null, 16, ["modelValue", "placeholder", "disabled", "type", "format", "value-format"]),
-                  l(o).isClearable && !k.disabled && l($) ? (w(), I("button", {
+                  l(o).isClearable && !k.disabled && l(y) ? (w(), I("button", {
                     key: 0,
                     type: "button",
                     class: "tw-relative tw-px-1 before:tw-absolute before:-tw-inset-2.5 before:tw-content-['']",
-                    onClick: fe(f, ["prevent"])
+                    onClick: fe(h, ["prevent"])
                   }, T[2] || (T[2] = [
-                    y("i", { class: "far fa-times-circle tw-text-xs tw-text-gray-700" }, null, -1)
+                    b("i", { class: "far fa-times-circle tw-text-xs tw-text-gray-700" }, null, -1)
                   ]))) : H("", !0)
                 ], 2)
               ]),
@@ -4353,9 +4358,9 @@ const be = /* @__PURE__ */ Un(sa, [["render", ra]]), aa = {
       default: () => ({})
     }
   },
-  emits: ["removeInputItemFn"],
+  emits: ["removeInputItemFn", "inkChanged"],
   setup(e, { emit: t }) {
-    const n = e, s = t, { mergeField: i, checkFieldMax: r, minLength: o, maxLength: a } = de(n.field.type, G(n, "field")), { mergeInputBind: u, clearInputBind: c, panelInputModeNone: v, panelTimezone: p } = Jr(G(n, "inputBind")), f = D(() => {
+    const n = e, s = t, { mergeField: i, checkFieldMax: r, minLength: o, maxLength: a } = de(n.field.type, G(n, "field")), { mergeInputBind: u, clearInputBind: c, panelInputModeNone: m, panelTimezone: d } = Jr(G(n, "inputBind")), h = D(() => {
       if (u.value.type) return u.value.type;
       switch (i.value.type) {
         case "daterng":
@@ -4363,7 +4368,7 @@ const be = /* @__PURE__ */ Un(sa, [["render", ra]]), aa = {
         default:
           return "datetime";
       }
-    }), m = D(() => {
+    }), v = D(() => {
       if (u.value.format) return u.value.format;
       switch (i.value.type) {
         case "daterng":
@@ -4373,18 +4378,18 @@ const be = /* @__PURE__ */ Un(sa, [["render", ra]]), aa = {
       }
     }), g = () => {
       J(void 0), ce(void 0), k.value = void 0, T.value = void 0, M.value = void 0, _.value = void 0;
-    }, d = (A) => !!(o.value && pe(A) < o.value || a.value && pe(A) > a.value || K.value && pe(A) > K.value), h = (A) => !!(o.value && pe(A) < o.value || a.value && pe(A) > a.value || z.value && pe(A) < yi(z.value)), b = Ze("startDatePicker"), $ = Ze("endDatePicker"), x = D(() => ({
-      "tw-border-danger-400": j.value || Z.value,
-      "tw-border-secondary-700": u.value.activeStyle && (z.value || K.value),
+    }, p = (A) => !!(o.value && pe(A) < o.value || a.value && pe(A) > a.value || W.value && pe(A) > W.value), f = (A) => !!(o.value && pe(A) < o.value || a.value && pe(A) > a.value || z.value && pe(A) < yi(z.value)), $ = Ze("startDatePicker"), y = Ze("endDatePicker"), x = D(() => ({
+      "tw-border-danger-400": j.value || K.value,
+      "tw-border-secondary-700": u.value.activeStyle && (z.value || W.value),
       "tw-disabled": n.disabled
     }));
     nt(() => {
-      [b.value, $.value].forEach((E) => {
-        const W = E == null ? void 0 : E.$el.nextSibling.querySelectorAll("input");
-        W && W.forEach((_e) => {
+      [$.value, y.value].forEach((E) => {
+        const Z = E == null ? void 0 : E.$el.nextSibling.querySelectorAll("input");
+        Z && Z.forEach((_e) => {
           _e.setAttribute("inputmode", "none");
         });
-      }), v(), p(u.value.timezone);
+      }), m(), d(u.value.timezone);
     });
     const M = ee(), _ = ee(), k = ee(), T = ee(), P = D(() => ({
       required: n.required,
@@ -4392,28 +4397,28 @@ const be = /* @__PURE__ */ Un(sa, [["render", ra]]), aa = {
     })), R = D(() => ({
       required: n.required,
       datetimerngEndLimit: [M.value, o.value, a.value, u.value.timezone, u.value.format]
-    })), { value: z, errorMessage: j, handleChange: J } = ue(`${i.value.id}[${n.valueIndex}][0]`, P), { value: K, errorMessage: Z, handleChange: ce } = ue(`${i.value.id}[${n.valueIndex}][1]`, R);
+    })), { value: z, errorMessage: j, handleChange: J } = ue(`${i.value.id}[${n.valueIndex}][0]`, P), { value: W, errorMessage: K, handleChange: ce } = ue(`${i.value.id}[${n.valueIndex}][1]`, R);
     ne(z, () => {
-      z.value ? (k.value = Ke(u.value.timezone, z.value, m.value), M.value = z.value) : (k.value = void 0, M.value = void 0);
-    }), ne(K, () => {
-      K.value ? (T.value = Ke(u.value.timezone, K.value, m.value), _.value = K.value) : (T.value = void 0, _.value = void 0);
+      z.value ? (k.value = Ke(u.value.timezone, z.value, v.value), M.value = z.value) : (k.value = void 0, M.value = void 0), s("inkChanged", [z.value, W.value]);
+    }), ne(W, () => {
+      W.value ? (T.value = Ke(u.value.timezone, W.value, v.value), _.value = W.value) : (T.value = void 0, _.value = void 0), s("inkChanged", [z.value, W.value]);
     }), ne(k, (A, E) => {
       if (A) {
         if (A === E) return;
-        const W = Y.tz(A, u.value.timezone).format(), _e = pe(W);
+        const Z = Y.tz(A, u.value.timezone).format(), _e = pe(Z);
         J(_e), M.value = _e;
       } else
         J(void 0), M.value = void 0;
     }), ne(T, (A, E) => {
       if (A) {
-        const W = Y.tz(A, u.value.timezone).format(), _e = pe(W);
+        const Z = Y.tz(A, u.value.timezone).format(), _e = pe(Z);
         ce(_e), _.value = _e;
       } else
         ce(void 0), _.value = void 0;
     });
     const oe = (A) => {
       const E = A.target;
-      (E.classList.contains("is-text") || E.closest(".is-text")) && (E.closest(".js-start-datetime-popper") ? k.value = Y.tz(Y(), u.value.timezone).format(m.value) : E.closest(".js-end-datetime-popper") && (T.value = Y.tz(Y(), u.value.timezone).format(m.value)));
+      (E.classList.contains("is-text") || E.closest(".is-text")) && (E.closest(".js-start-datetime-popper") ? k.value = Y.tz(Y(), u.value.timezone).format(v.value) : E.closest(".js-end-datetime-popper") && (T.value = Y.tz(Y(), u.value.timezone).format(v.value)));
     };
     return (A, E) => (w(), O(ye, {
       "data-field-id": l(i).id
@@ -4425,10 +4430,10 @@ const be = /* @__PURE__ */ Un(sa, [["render", ra]]), aa = {
               max: l(r),
               disabled: A.disabled,
               inputTotal: A.inputTotal,
-              onRemoveComponent: E[2] || (E[2] = (W) => s("removeInputItemFn", A.valueIndex))
+              onRemoveComponent: E[2] || (E[2] = (Z) => s("removeInputItemFn", A.valueIndex))
             }, {
               default: C(() => [
-                y("div", {
+                b("div", {
                   class: V([
                     "data-time-picker",
                     x.value
@@ -4438,30 +4443,30 @@ const be = /* @__PURE__ */ Un(sa, [["render", ra]]), aa = {
                   S(l(Tt), q({
                     ref: "startDatePicker",
                     modelValue: k.value,
-                    "onUpdate:modelValue": E[0] || (E[0] = (W) => k.value = W),
+                    "onUpdate:modelValue": E[0] || (E[0] = (Z) => k.value = Z),
                     class: "datetime-picker-input datetimerng-input",
                     placeholder: l(N)("startDate"),
                     disabled: A.disabled,
-                    "disabled-date": d
+                    "disabled-date": p
                   }, l(c), ve(A.inputOn), {
-                    type: f.value,
-                    format: m.value,
-                    "value-format": m.value,
+                    type: h.value,
+                    format: v.value,
+                    "value-format": v.value,
                     "popper-class": `${l(u).popperClass} js-start-datetime-popper`
                   }), null, 16, ["modelValue", "placeholder", "disabled", "type", "format", "value-format", "popper-class"]),
-                  E[4] || (E[4] = y("i", { class: "far fa-arrow-right tw-text-xs tw-text-gray-700" }, null, -1)),
+                  E[4] || (E[4] = b("i", { class: "far fa-arrow-right tw-text-xs tw-text-gray-700" }, null, -1)),
                   S(l(Tt), q({
                     ref: "endDatePicker",
                     modelValue: T.value,
-                    "onUpdate:modelValue": E[1] || (E[1] = (W) => T.value = W),
+                    "onUpdate:modelValue": E[1] || (E[1] = (Z) => T.value = Z),
                     class: "datetime-picker-input datetimerng-input",
                     placeholder: l(N)("endDate"),
                     disabled: A.disabled,
-                    "disabled-date": h
+                    "disabled-date": f
                   }, l(c), ve(A.inputOn), {
-                    type: f.value,
-                    format: m.value,
-                    "value-format": m.value,
+                    type: h.value,
+                    format: v.value,
+                    "value-format": v.value,
                     "popper-class": `${l(u).popperClass} js-end-datetime-popper`
                   }), null, 16, ["modelValue", "placeholder", "disabled", "type", "format", "value-format", "popper-class"]),
                   l(u).isClearable && !A.disabled ? (w(), I("button", {
@@ -4470,7 +4475,7 @@ const be = /* @__PURE__ */ Un(sa, [["render", ra]]), aa = {
                     class: "tw-relative tw-px-1 before:tw-absolute before:-tw-inset-2.5 before:tw-content-['']",
                     onClick: fe(g, ["prevent"])
                   }, E[3] || (E[3] = [
-                    y("i", { class: "far fa-times-circle tw-text-xs tw-text-gray-700" }, null, -1)
+                    b("i", { class: "far fa-times-circle tw-text-xs tw-text-gray-700" }, null, -1)
                   ]))) : H("", !0)
                 ], 2)
               ]),
@@ -4479,9 +4484,9 @@ const be = /* @__PURE__ */ Un(sa, [["render", ra]]), aa = {
           ]),
           _: 1
         }),
-        l(j) || l(Z) ? (w(), O($e, {
+        l(j) || l(K) ? (w(), O($e, {
           key: 0,
-          errorText: l(j) || l(Z)
+          errorText: l(j) || l(K)
         }, null, 8, ["errorText"])) : H("", !0)
       ]),
       _: 1