@syntify/office 0.1.17 → 0.1.18

package/dist/syntify-office.es.js

@@ -1,4 +1,4 @@
-import { defineComponent as qn, ref as ne, computed as Vn, resolveComponent as Fv, createBlock as Wr, openBlock as ut, withCtx as Se, createElementVNode as A, normalizeClass as Hn, toDisplayString as qt, createElementBlock as ht, renderSlot as ee, createVNode as Br, unref as yn, createCommentVNode as $e, withDirectives as Fn, withModifiers as Un, vModelText as ig, onMounted as Hs, onBeforeUnmount as Uv, Fragment as kr, renderList as ao, normalizeStyle as kv, Transition as Vs, vModelSelect as cg, createTextVNode as Nr, provide as Vv, inject as Hv, onUnmounted as hg, vShow as lo, nextTick as Ks, resolveDirective as pg, normalizeProps as Pn, guardReactiveProps as zn, resolveDynamicComponent as Mv, mergeProps as qv, toHandlers as dg, mergeModels as Zs, useModel as og, watch as so } from "vue";
+import { defineComponent as qn, ref as ne, computed as Vn, resolveComponent as Fv, createBlock as Wr, openBlock as ut, withCtx as $e, createElementVNode as A, normalizeClass as Hn, toDisplayString as qt, createElementBlock as pt, renderSlot as ee, createVNode as Br, unref as yn, createCommentVNode as Se, withDirectives as Fn, withModifiers as Un, vModelText as ig, onMounted as Hs, onBeforeUnmount as Uv, Fragment as kr, renderList as ao, normalizeStyle as kv, Transition as Vs, vModelSelect as cg, createTextVNode as Nr, provide as Vv, inject as Hv, onUnmounted as hg, vShow as lo, nextTick as Ks, resolveDirective as pg, normalizeProps as Pn, guardReactiveProps as zn, resolveDynamicComponent as Mv, mergeProps as qv, toHandlers as dg, mergeModels as Zs, useModel as og, watch as so } from "vue";
 import { useRoute as vg, useRouter as gg } from "vue-router";
 const _g = /* @__PURE__ */ qn({
   __name: "OfficeLink",
@@ -18,8 +18,8 @@ const _g = /* @__PURE__ */ qn({
   },
   emits: ["close"],
   setup(p, { emit: x }) {
-    const u = x, j = vg(), T = ne(p.to), U = (L) => {
-      T.value = L, u("close");
+    const u = x, j = vg(), E = ne(p.to), U = (L) => {
+      E.value = L, u("close");
     }, v = Vn(() => j.path.split("/")[1]);
     return (L, V) => {
       const Y = Fv("RouterLink");
@@ -28,15 +28,15 @@ const _g = /* @__PURE__ */ qn({
         class: "synt-office-link",
         onClick: V[0] || (V[0] = (X) => U(p.to))
       }, {
-        default: Se(() => [
+        default: $e(() => [
           A("i", {
             class: Hn([[
               p.icon,
-              T.value === `/${v.value}` ? "synt-office-link-color-primary" : ""
+              E.value === `/${v.value}` ? "synt-office-link-color-primary" : ""
             ], "synt-office-link-icon"])
           }, null, 2),
           A("span", {
-            class: Hn([[T.value === `/${v.value}` ? "synt-office-link-font-bold" : ""], "synt-office-link-label"])
+            class: Hn([[E.value === `/${v.value}` ? "synt-office-link-font-bold" : ""], "synt-office-link-label"])
           }, qt(p.label), 3)
         ]),
         _: 1
@@ -45,12 +45,12 @@ const _g = /* @__PURE__ */ qn({
   }
 }), Pr = (p, x) => {
   const u = p.__vccOpts || p;
-  for (const [j, T] of x)
-    u[j] = T;
+  for (const [j, E] of x)
+    u[j] = E;
   return u;
 }, Y0 = /* @__PURE__ */ Pr(_g, [["__scopeId", "data-v-1d74c6dc"]]), yg = {}, mg = { class: "synt-office-layout-wrapper" };
 function wg(p, x) {
-  return ut(), ht("div", mg, [
+  return ut(), pt("div", mg, [
     ee(p.$slots, "default", {}, void 0, !0)
   ]);
 }
@@ -67,7 +67,7 @@ const bg = /* @__PURE__ */ Pr(yg, [["render", wg], ["__scopeId", "data-v-5c72098
     }
   },
   setup(p) {
-    return (x, u) => (ut(), ht("div", xg, [
+    return (x, u) => (ut(), pt("div", xg, [
       A("div", Og, [
         A("div", $g, [
           ee(x.$slots, "start", {}, void 0, !0),
@@ -98,15 +98,15 @@ const bg = /* @__PURE__ */ Pr(yg, [["render", wg], ["__scopeId", "data-v-5c72098
   },
   setup(p) {
     return (x, u) => (ut(), Wr(bg, null, {
-      default: Se(() => [
+      default: $e(() => [
         Br(yn(ug), {
           label: p.label,
           icon: p.icon
         }, {
-          start: Se(() => [
+          start: $e(() => [
             ee(x.$slots, "start")
           ]),
-          end: Se(() => [
+          end: $e(() => [
             ee(x.$slots, "end")
           ]),
           _: 3
@@ -126,15 +126,15 @@ const bg = /* @__PURE__ */ Pr(yg, [["render", wg], ["__scopeId", "data-v-5c72098
   emits: ["refresh"],
   setup(p, { emit: x }) {
     return (u, j) => {
-      const T = Fv("RouterLink");
+      const E = Fv("RouterLink");
       return ut(), Wr(yn(sg), {
         icon: u.model.info.icon,
         label: u.model.label
       }, {
-        end: Se(() => {
+        end: $e(() => {
           var U, v, L;
           return [
-            (U = u.model.excludes) != null && U.includes("create") ? $e("", !0) : (ut(), Wr(T, {
+            (U = u.model.excludes) != null && U.includes("create") ? Se("", !0) : (ut(), Wr(E, {
               key: 0,
               to: {
                 path: `${u.model.collection.path}/new`,
@@ -142,14 +142,14 @@ const bg = /* @__PURE__ */ Pr(yg, [["render", wg], ["__scopeId", "data-v-5c72098
               },
               class: "synt-office-collection-create"
             }, {
-              default: Se(() => j[2] || (j[2] = [
+              default: $e(() => j[2] || (j[2] = [
                 A("i", { class: "fa-solid fa-plus" }, null, -1),
                 A("span", null, "Tambah", -1)
               ])),
               _: 1
             }, 8, ["to"])),
             A("div", Eg, [
-              (v = u.model.excludes) != null && v.includes("refresh") ? $e("", !0) : (ut(), ht("button", {
+              (v = u.model.excludes) != null && v.includes("refresh") ? Se("", !0) : (ut(), pt("button", {
                 key: 0,
                 type: "button",
                 class: "synt-office-collection-btn-refresh",
@@ -158,7 +158,7 @@ const bg = /* @__PURE__ */ Pr(yg, [["render", wg], ["__scopeId", "data-v-5c72098
                 A("i", { class: "synt-office-collection-btn-refresh-icon fa-solid fa-sync" }, null, -1)
               ]))),
               ee(u.$slots, "head", {}, void 0, !0),
-              (L = u.model.excludes) != null && L.includes("search") ? $e("", !0) : Fn((ut(), ht("input", {
+              (L = u.model.excludes) != null && L.includes("search") ? Se("", !0) : Fn((ut(), pt("input", {
                 key: 1,
                 type: "search",
                 "onUpdate:modelValue": j[1] || (j[1] = (V) => u.query.search = V),
@@ -170,7 +170,7 @@ const bg = /* @__PURE__ */ Pr(yg, [["render", wg], ["__scopeId", "data-v-5c72098
             ])
           ];
         }),
-        default: Se(() => [
+        default: $e(() => [
           ee(u.$slots, "default", {}, void 0, !0)
         ]),
         _: 3
@@ -284,7 +284,7 @@ function Rg() {
               tt.stopPropagation(), this.options.onClick();
             }).bind(this)
           ), typeof this.options.offset == "object") {
-            var Dt = T("x", this.options), z = T("y", this.options), N = this.options.position == "left" ? Dt : "-" + Dt, ot = this.options.gravity == "toastify-top" ? z : "-" + z;
+            var Dt = E("x", this.options), z = E("y", this.options), N = this.options.position == "left" ? Dt : "-" + Dt, ot = this.options.gravity == "toastify-top" ? z : "-" + z;
             v.style.transform = "translate(" + N + "," + ot + ")";
           }
           return v;
@@ -334,7 +334,7 @@ function Rg() {
         }
         return this;
       };
-      function T(v, L) {
+      function E(v, L) {
         return L.offset[v] ? isNaN(L.offset[v]) ? L.offset[v] : L.offset[v] + "px" : "0px";
       }
       function U(v, L) {
@@ -355,55 +355,55 @@ function Wg() {
     (function(u, j) {
       p.exports = j();
     })(kg, function() {
-      var u = 1e3, j = 6e4, T = 36e5, U = "millisecond", v = "second", L = "minute", V = "hour", Y = "day", X = "week", Z = "month", Dt = "quarter", z = "year", N = "date", ot = "Invalid Date", tt = /^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/, mt = /\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g, gt = { name: "en", weekdays: "Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"), months: "January_February_March_April_May_June_July_August_September_October_November_December".split("_"), ordinal: function(E) {
-        var O = ["th", "st", "nd", "rd"], w = E % 100;
-        return "[" + E + (O[(w - 20) % 10] || O[w] || O[0]) + "]";
-      } }, Lt = function(E, O, w) {
-        var S = String(E);
-        return !S || S.length >= O ? E : "" + Array(O + 1 - S.length).join(w) + E;
-      }, Wt = { s: Lt, z: function(E) {
-        var O = -E.utcOffset(), w = Math.abs(O), S = Math.floor(w / 60), m = w % 60;
+      var u = 1e3, j = 6e4, E = 36e5, U = "millisecond", v = "second", L = "minute", V = "hour", Y = "day", X = "week", Z = "month", Dt = "quarter", z = "year", N = "date", ot = "Invalid Date", tt = /^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/, mt = /\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g, gt = { name: "en", weekdays: "Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"), months: "January_February_March_April_May_June_July_August_September_October_November_December".split("_"), ordinal: function(T) {
+        var O = ["th", "st", "nd", "rd"], w = T % 100;
+        return "[" + T + (O[(w - 20) % 10] || O[w] || O[0]) + "]";
+      } }, Lt = function(T, O, w) {
+        var S = String(T);
+        return !S || S.length >= O ? T : "" + Array(O + 1 - S.length).join(w) + T;
+      }, Wt = { s: Lt, z: function(T) {
+        var O = -T.utcOffset(), w = Math.abs(O), S = Math.floor(w / 60), m = w % 60;
         return (O <= 0 ? "+" : "-") + Lt(S, 2, "0") + ":" + Lt(m, 2, "0");
-      }, m: function E(O, w) {
-        if (O.date() < w.date()) return -E(w, O);
+      }, m: function T(O, w) {
+        if (O.date() < w.date()) return -T(w, O);
         var S = 12 * (w.year() - O.year()) + (w.month() - O.month()), m = O.clone().add(S, Z), M = w - m < 0, B = O.clone().add(S + (M ? -1 : 1), Z);
         return +(-(S + (w - m) / (M ? m - B : B - m)) || 0);
-      }, a: function(E) {
-        return E < 0 ? Math.ceil(E) || 0 : Math.floor(E);
-      }, p: function(E) {
-        return { M: Z, y: z, w: X, d: Y, D: N, h: V, m: L, s: v, ms: U, Q: Dt }[E] || String(E || "").toLowerCase().replace(/s$/, "");
-      }, u: function(E) {
-        return E === void 0;
+      }, a: function(T) {
+        return T < 0 ? Math.ceil(T) || 0 : Math.floor(T);
+      }, p: function(T) {
+        return { M: Z, y: z, w: X, d: Y, D: N, h: V, m: L, s: v, ms: U, Q: Dt }[T] || String(T || "").toLowerCase().replace(/s$/, "");
+      }, u: function(T) {
+        return T === void 0;
       } }, wt = "en", xt = {};
       xt[wt] = gt;
-      var Et = "$isDayjsObject", Yt = function(E) {
-        return E instanceof Bt || !(!E || !E[Et]);
-      }, at = function E(O, w, S) {
+      var Et = "$isDayjsObject", Yt = function(T) {
+        return T instanceof Bt || !(!T || !T[Et]);
+      }, at = function T(O, w, S) {
         var m;
         if (!O) return wt;
         if (typeof O == "string") {
           var M = O.toLowerCase();
           xt[M] && (m = M), w && (xt[M] = w, m = M);
           var B = O.split("-");
-          if (!m && B.length > 1) return E(B[0]);
+          if (!m && B.length > 1) return T(B[0]);
         } else {
           var K = O.name;
           xt[K] = O, m = K;
         }
         return !S && m && (wt = m), m || !S && wt;
-      }, R = function(E, O) {
-        if (Yt(E)) return E.clone();
+      }, R = function(T, O) {
+        if (Yt(T)) return T.clone();
         var w = typeof O == "object" ? O : {};
-        return w.date = E, w.args = arguments, new Bt(w);
+        return w.date = T, w.args = arguments, new Bt(w);
       }, I = Wt;
-      I.l = at, I.i = Yt, I.w = function(E, O) {
-        return R(E, { locale: O.$L, utc: O.$u, x: O.$x, $offset: O.$offset });
+      I.l = at, I.i = Yt, I.w = function(T, O) {
+        return R(T, { locale: O.$L, utc: O.$u, x: O.$x, $offset: O.$offset });
       };
       var Bt = function() {
-        function E(w) {
+        function T(w) {
           this.$L = at(w.locale, null, !0), this.parse(w), this.$x = this.$x || w.x || {}, this[Et] = !0;
         }
-        var O = E.prototype;
+        var O = T.prototype;
         return O.parse = function(w) {
           this.$d = function(S) {
             var m = S.date, M = S.utc;
@@ -413,8 +413,8 @@ function Wg() {
             if (typeof m == "string" && !/Z$/i.test(m)) {
               var B = m.match(tt);
               if (B) {
-                var K = B[2] - 1 || 0, pt = (B[7] || "0").substring(0, 3);
-                return M ? new Date(Date.UTC(B[1], K, B[3] || 1, B[4] || 0, B[5] || 0, B[6] || 0, pt)) : new Date(B[1], K, B[3] || 1, B[4] || 0, B[5] || 0, B[6] || 0, pt);
+                var K = B[2] - 1 || 0, ht = (B[7] || "0").substring(0, 3);
+                return M ? new Date(Date.UTC(B[1], K, B[3] || 1, B[4] || 0, B[5] || 0, B[6] || 0, ht)) : new Date(B[1], K, B[3] || 1, B[4] || 0, B[5] || 0, B[6] || 0, ht);
               }
             }
             return new Date(m);
@@ -443,7 +443,7 @@ function Wg() {
           var m = this, M = !!I.u(S) || S, B = I.p(w), K = function(Gt, Rt) {
             var Kt = I.w(m.$u ? Date.UTC(m.$y, Rt, Gt) : new Date(m.$y, Rt, Gt), m);
             return M ? Kt : Kt.endOf(Y);
-          }, pt = function(Gt, Rt) {
+          }, ht = function(Gt, Rt) {
             return I.w(m.toDate()[Gt].apply(m.toDate("s"), (M ? [0, 0, 0, 0] : [23, 59, 59, 999]).slice(Rt)), m);
           }, bt = this.$W, At = this.$M, Ot = this.$D, ce = "set" + (this.$u ? "UTC" : "");
           switch (B) {
@@ -456,24 +456,24 @@ function Wg() {
               return K(M ? Ot - he : Ot + (6 - he), At);
             case Y:
             case N:
-              return pt(ce + "Hours", 0);
+              return ht(ce + "Hours", 0);
             case V:
-              return pt(ce + "Minutes", 1);
+              return ht(ce + "Minutes", 1);
             case L:
-              return pt(ce + "Seconds", 2);
+              return ht(ce + "Seconds", 2);
             case v:
-              return pt(ce + "Milliseconds", 3);
+              return ht(ce + "Milliseconds", 3);
             default:
               return this.clone();
           }
         }, O.endOf = function(w) {
           return this.startOf(w, !1);
         }, O.$set = function(w, S) {
-          var m, M = I.p(w), B = "set" + (this.$u ? "UTC" : ""), K = (m = {}, m[Y] = B + "Date", m[N] = B + "Date", m[Z] = B + "Month", m[z] = B + "FullYear", m[V] = B + "Hours", m[L] = B + "Minutes", m[v] = B + "Seconds", m[U] = B + "Milliseconds", m)[M], pt = M === Y ? this.$D + (S - this.$W) : S;
+          var m, M = I.p(w), B = "set" + (this.$u ? "UTC" : ""), K = (m = {}, m[Y] = B + "Date", m[N] = B + "Date", m[Z] = B + "Month", m[z] = B + "FullYear", m[V] = B + "Hours", m[L] = B + "Minutes", m[v] = B + "Seconds", m[U] = B + "Milliseconds", m)[M], ht = M === Y ? this.$D + (S - this.$W) : S;
           if (M === Z || M === z) {
             var bt = this.clone().set(N, 1);
-            bt.$d[K](pt), bt.init(), this.$d = bt.set(N, Math.min(this.$D, bt.daysInMonth())).$d;
-          } else K && this.$d[K](pt);
+            bt.$d[K](ht), bt.init(), this.$d = bt.set(N, Math.min(this.$D, bt.daysInMonth())).$d;
+          } else K && this.$d[K](ht);
           return this.init(), this;
         }, O.set = function(w, S) {
           return this.clone().$set(w, S);
@@ -490,14 +490,14 @@ function Wg() {
           if (B === z) return this.set(z, this.$y + w);
           if (B === Y) return K(1);
           if (B === X) return K(7);
-          var pt = (m = {}, m[L] = j, m[V] = T, m[v] = u, m)[B] || 1, bt = this.$d.getTime() + w * pt;
+          var ht = (m = {}, m[L] = j, m[V] = E, m[v] = u, m)[B] || 1, bt = this.$d.getTime() + w * ht;
           return I.w(bt, this);
         }, O.subtract = function(w, S) {
           return this.add(-1 * w, S);
         }, O.format = function(w) {
           var S = this, m = this.$locale();
           if (!this.isValid()) return m.invalidDate || ot;
-          var M = w || "YYYY-MM-DDTHH:mm:ssZ", B = I.z(this), K = this.$H, pt = this.$m, bt = this.$M, At = m.weekdays, Ot = m.months, ce = m.meridiem, Ae = function(Rt, Kt, we, Ye) {
+          var M = w || "YYYY-MM-DDTHH:mm:ssZ", B = I.z(this), K = this.$H, ht = this.$m, bt = this.$M, At = m.weekdays, Ot = m.months, ce = m.meridiem, Ae = function(Rt, Kt, we, Ye) {
             return Rt && (Rt[Kt] || Rt(S, M)) || we[Kt].slice(0, Ye);
           }, he = function(Rt) {
             return I.s(K % 12 || 12, Rt, "0");
@@ -541,13 +541,13 @@ function Wg() {
                 case "hh":
                   return he(2);
                 case "a":
-                  return Gt(K, pt, !0);
+                  return Gt(K, ht, !0);
                 case "A":
-                  return Gt(K, pt, !1);
+                  return Gt(K, ht, !1);
                 case "m":
-                  return String(pt);
+                  return String(ht);
                 case "mm":
-                  return I.s(pt, 2, "0");
+                  return I.s(ht, 2, "0");
                 case "s":
                   return String(S.$s);
                 case "ss":
@@ -563,8 +563,8 @@ function Wg() {
         }, O.utcOffset = function() {
           return 15 * -Math.round(this.$d.getTimezoneOffset() / 15);
         }, O.diff = function(w, S, m) {
-          var M, B = this, K = I.p(S), pt = R(w), bt = (pt.utcOffset() - this.utcOffset()) * j, At = this - pt, Ot = function() {
-            return I.m(B, pt);
+          var M, B = this, K = I.p(S), ht = R(w), bt = (ht.utcOffset() - this.utcOffset()) * j, At = this - ht, Ot = function() {
+            return I.m(B, ht);
           };
           switch (K) {
             case z:
@@ -583,7 +583,7 @@ function Wg() {
               M = (At - bt) / 864e5;
               break;
             case V:
-              M = At / T;
+              M = At / E;
               break;
             case L:
               M = At / j;
@@ -613,16 +613,16 @@ function Wg() {
           return this.$d.toISOString();
         }, O.toString = function() {
           return this.$d.toUTCString();
-        }, E;
+        }, T;
       }(), me = Bt.prototype;
-      return R.prototype = me, [["$ms", U], ["$s", v], ["$m", L], ["$H", V], ["$W", Y], ["$M", Z], ["$y", z], ["$D", N]].forEach(function(E) {
-        me[E[1]] = function(O) {
-          return this.$g(O, E[0], E[1]);
+      return R.prototype = me, [["$ms", U], ["$s", v], ["$m", L], ["$H", V], ["$W", Y], ["$M", Z], ["$y", z], ["$D", N]].forEach(function(T) {
+        me[T[1]] = function(O) {
+          return this.$g(O, T[0], T[1]);
         };
-      }), R.extend = function(E, O) {
-        return E.$i || (E(O, Bt, R), E.$i = !0), R;
-      }, R.locale = at, R.isDayjs = Yt, R.unix = function(E) {
-        return R(1e3 * E);
+      }), R.extend = function(T, O) {
+        return T.$i || (T(O, Bt, R), T.$i = !0), R;
+      }, R.locale = at, R.isDayjs = Yt, R.unix = function(T) {
+        return R(1e3 * T);
       }, R.en = xt[wt], R.Ls = xt, R.p = {}, R;
     });
   }(Bv)), Bv.exports;
@@ -665,7 +665,7 @@ const Fg = ["id"], Ug = { id: "table-collection" }, zg = ["onClick", "onContextm
     isLoading: { type: Boolean }
   },
   setup(p) {
-    const x = p, u = gg(), j = Vn(() => x.model.definition.replace(":", "_").replace("/", "")), T = ne({
+    const x = p, u = gg(), j = Vn(() => x.model.definition.replace(":", "_").replace("/", "")), E = ne({
       visible: !1,
       x: 0,
       y: 0,
@@ -679,7 +679,7 @@ const Fg = ["id"], Ug = { id: "table-collection" }, zg = ["onClick", "onContextm
     }
     function L(z, N) {
       var ot;
-      (ot = x.model.excludes) != null && ot.includes("edit") || (z.preventDefault(), T.value = {
+      (ot = x.model.excludes) != null && ot.includes("edit") || (z.preventDefault(), E.value = {
         visible: !0,
         x: z.pageX,
         y: z.pageY,
@@ -687,7 +687,7 @@ const Fg = ["id"], Ug = { id: "table-collection" }, zg = ["onClick", "onContextm
       });
     }
     function V() {
-      T.value.visible && (T.value.visible = !1);
+      E.value.visible && (E.value.visible = !1);
     }
     function Y(z) {
       const N = `${x.model.collection.path}/${z}`;
@@ -714,7 +714,7 @@ const Fg = ["id"], Ug = { id: "table-collection" }, zg = ["onClick", "onContextm
       window.addEventListener("click", V);
     }), Uv(() => {
       window.removeEventListener("click", V);
-    }), (z, N) => (ut(), ht(kr, null, [
+    }), (z, N) => (ut(), pt(kr, null, [
       A("div", {
         id: j.value,
         class: "synt-office-collection-table-wrapper"
@@ -724,14 +724,14 @@ const Fg = ["id"], Ug = { id: "table-collection" }, zg = ["onClick", "onContextm
           A("thead", null, [
             A("tr", null, [
               N[6] || (N[6] = A("th", null, "No", -1)),
-              (ut(!0), ht(kr, null, ao(z.model.collection.columns, (ot, tt) => (ut(), ht("th", { key: tt }, qt(ot.name), 1))), 128)),
+              (ut(!0), pt(kr, null, ao(z.model.collection.columns, (ot, tt) => (ut(), pt("th", { key: tt }, qt(ot.name), 1))), 128)),
               ee(z.$slots, "th", {}, void 0, !0)
             ])
           ]),
           A("tbody", null, [
-            (ut(!0), ht(kr, null, ao(z.items, (ot, tt) => {
+            (ut(!0), pt(kr, null, ao(z.items, (ot, tt) => {
               var mt;
-              return ut(), ht("tr", {
+              return ut(), pt("tr", {
                 key: tt,
                 class: Hn({
                   "synt-cursor-pointer": !((mt = z.model.excludes) != null && mt.includes("edit"))
@@ -740,10 +740,10 @@ const Fg = ["id"], Ug = { id: "table-collection" }, zg = ["onClick", "onContextm
                 onContextmenu: Un((gt) => L(gt, ot.id), ["prevent"])
               }, [
                 A("td", null, qt(tt + 1), 1),
-                (ut(!0), ht(kr, null, ao(z.model.collection.columns, (gt, Lt) => {
+                (ut(!0), pt(kr, null, ao(z.model.collection.columns, (gt, Lt) => {
                   var Wt, wt, xt, Et, Yt;
-                  return ut(), ht("td", { key: Lt }, [
-                    gt.type == "currency" ? (ut(), ht("div", Vg, qt(yn(Mg)(ot[gt.handle])), 1)) : gt.type == "date" ? (ut(), ht("div", Hg, qt(yn(Ng)(ot[gt.handle])), 1)) : gt.type == "datetime" ? (ut(), ht("div", qg, qt(yn(Pg)(ot[gt.handle])), 1)) : gt.type == "choice" ? (ut(), ht("div", {
+                  return ut(), pt("td", { key: Lt }, [
+                    gt.type == "currency" ? (ut(), pt("div", Vg, qt(yn(Mg)(ot[gt.handle])), 1)) : gt.type == "date" ? (ut(), pt("div", Hg, qt(yn(Ng)(ot[gt.handle])), 1)) : gt.type == "datetime" ? (ut(), pt("div", qg, qt(yn(Pg)(ot[gt.handle])), 1)) : gt.type == "choice" ? (ut(), pt("div", {
                       key: 3,
                       class: Hn([
                         "synt-badge-tabel-color",
@@ -757,7 +757,7 @@ const Fg = ["id"], Ug = { id: "table-collection" }, zg = ["onClick", "onContextm
                           color: ((Et = gt.choices[ot[gt.handle]]) == null ? void 0 : Et.textColor) ?? "black"
                         }
                       )
-                    }, qt(((Yt = gt.choices[ot[gt.handle]]) == null ? void 0 : Yt.name) ?? ot[gt.handle]), 7)) : (ut(), ht("div", Yg, qt(ot[gt.handle]), 1))
+                    }, qt(((Yt = gt.choices[ot[gt.handle]]) == null ? void 0 : Yt.name) ?? ot[gt.handle]), 7)) : (ut(), pt("div", Yg, qt(ot[gt.handle]), 1))
                   ]);
                 }), 128)),
                 ee(z.$slots, "td", { item: ot }, void 0, !0)
@@ -766,45 +766,45 @@ const Fg = ["id"], Ug = { id: "table-collection" }, zg = ["onClick", "onContextm
           ])
         ]),
         Br(Vs, { name: "fade" }, {
-          default: Se(() => [
-            T.value.visible ? (ut(), ht("div", {
+          default: $e(() => [
+            E.value.visible ? (ut(), pt("div", {
               key: 0,
-              style: kv({ top: `${T.value.y}px`, left: `${T.value.x}px` }),
+              style: kv({ top: `${E.value.y}px`, left: `${E.value.x}px` }),
               class: "synt-open-tab"
             }, [
               A("ul", null, [
                 A("li", {
                   class: "synt-open-tab-option",
-                  onClick: N[0] || (N[0] = (ot) => X(T.value.id))
+                  onClick: N[0] || (N[0] = (ot) => X(E.value.id))
                 }, N[7] || (N[7] = [
                   A("i", { class: "synt-open-tab-option-icon fa-solid fa-up-right-and-down-left-from-center" }, null, -1),
                   A("span", null, "Open as tab", -1)
                 ])),
                 A("li", {
                   class: "synt-open-tab-option",
-                  onClick: N[1] || (N[1] = (ot) => Y(T.value.id))
+                  onClick: N[1] || (N[1] = (ot) => Y(E.value.id))
                 }, N[8] || (N[8] = [
                   A("i", { class: "synt-open-tab-option-icon fa-solid fa-arrow-up-right-from-square" }, null, -1),
                   A("span", null, "Open in new tab", -1)
                 ])),
                 A("li", {
                   class: "synt-open-tab-option",
-                  onClick: N[2] || (N[2] = (ot) => Z(T.value.id))
+                  onClick: N[2] || (N[2] = (ot) => Z(E.value.id))
                 }, N[9] || (N[9] = [
                   A("i", { class: "synt-open-tab-option-icon fa-solid fa-paperclip" }, null, -1),
                   A("span", null, "Copy link", -1)
                 ]))
               ])
-            ], 4)) : $e("", !0)
+            ], 4)) : Se("", !0)
           ]),
           _: 1
         }),
-        z.isLoading ? (ut(), ht("div", Gg, N[10] || (N[10] = [
+        z.isLoading ? (ut(), pt("div", Gg, N[10] || (N[10] = [
           A("i", { class: "synt-loading-icon fa-solid fa-spinner" }, null, -1)
-        ]))) : $e("", !0),
-        !z.items.length && !z.isLoading ? (ut(), ht("div", Kg, N[11] || (N[11] = [
+        ]))) : Se("", !0),
+        !z.items.length && !z.isLoading ? (ut(), pt("div", Kg, N[11] || (N[11] = [
           A("div", { class: "synt-table-empty-text" }, "Tidak ada data untuk ditampilkan", -1)
-        ]))) : $e("", !0)
+        ]))) : Se("", !0)
       ], 8, Fg),
       A("div", Zg, [
         A("div", Qg, [
@@ -869,7 +869,7 @@ var s_ = zs.exports, Zv;
 function a_() {
   return Zv || (Zv = 1, function(p, x) {
     (function() {
-      var u, j = "4.17.21", T = 200, U = "Unsupported core-js use. Try https://npms.io/search?q=ponyfill.", v = "Expected a function", L = "Invalid `variable` option passed into `_.template`", V = "__lodash_hash_undefined__", Y = 500, X = "__lodash_placeholder__", Z = 1, Dt = 2, z = 4, N = 1, ot = 2, tt = 1, mt = 2, gt = 4, Lt = 8, Wt = 16, wt = 32, xt = 64, Et = 128, Yt = 256, at = 512, R = 30, I = "...", Bt = 800, me = 16, E = 1, O = 2, w = 3, S = 1 / 0, m = 9007199254740991, M = 17976931348623157e292, B = NaN, K = 4294967295, pt = K - 1, bt = K >>> 1, At = [
+      var u, j = "4.17.21", E = 200, U = "Unsupported core-js use. Try https://npms.io/search?q=ponyfill.", v = "Expected a function", L = "Invalid `variable` option passed into `_.template`", V = "__lodash_hash_undefined__", Y = 500, X = "__lodash_placeholder__", Z = 1, Dt = 2, z = 4, N = 1, ot = 2, tt = 1, mt = 2, gt = 4, Lt = 8, Wt = 16, wt = 32, xt = 64, Et = 128, Yt = 256, at = 512, R = 30, I = "...", Bt = 800, me = 16, T = 1, O = 2, w = 3, S = 1 / 0, m = 9007199254740991, M = 17976931348623157e292, B = NaN, K = 4294967295, ht = K - 1, bt = K >>> 1, At = [
         ["ary", Et],
         ["bind", tt],
         ["bindKey", mt],
@@ -1525,7 +1525,7 @@ function a_() {
                 if (Jt == O)
                   W = Ft;
                 else if (!Ft) {
-                  if (Jt == E)
+                  if (Jt == T)
                     continue t;
                   break t;
                 }
@@ -1657,7 +1657,7 @@ function a_() {
           var n = this.__data__;
           if (n instanceof Le) {
             var r = n.__data__;
-            if (!An || r.length < T - 1)
+            if (!An || r.length < E - 1)
               return r.push([t, e]), this.size = ++n.size, this;
             n = this.__data__ = new Ee(r);
           }
@@ -1789,7 +1789,7 @@ function a_() {
           var i = -1, s = Qn, a = !0, l = t.length, c = [], g = e.length;
           if (!l)
             return c;
-          n && (e = ct(e, Qt(n))), r ? (s = ii, a = !1) : e.length >= T && (s = $n, a = !1, e = new Qe(e));
+          n && (e = ct(e, Qt(n))), r ? (s = ii, a = !1) : e.length >= E && (s = $n, a = !1, e = new Qe(e));
           t:
             for (; ++i < l; ) {
               var _ = t[i], y = n == null ? _ : n(_);
@@ -2192,7 +2192,7 @@ function a_() {
             else g ? W = k && (r || b) : l ? W = k && b && (r || !C) : c ? W = k && b && !C && (r || !q) : C || q ? W = !1 : W = r ? y <= e : y < e;
             W ? i = _ + 1 : s = _;
           }
-          return Mt(s, pt);
+          return Mt(s, ht);
         }
         function Cu(t, e) {
           for (var n = -1, r = t.length, i = 0, s = []; ++n < r; ) {
@@ -2221,7 +2221,7 @@ function a_() {
           var r = -1, i = Qn, s = t.length, a = !0, l = [], c = l;
           if (n)
             a = !1, i = ii;
-          else if (s >= T) {
+          else if (s >= E) {
             var g = e ? null : nc(t);
             if (g)
               return Xn(g);
@@ -4448,7 +4448,7 @@ function print() { __p += __j.call(arguments, '') }
             return this.reverse()[t](n).reverse();
           };
         }), ie(["filter", "map", "takeWhile"], function(t, e) {
-          var n = e + 1, r = n == E || n == w;
+          var n = e + 1, r = n == T || n == w;
           J.prototype[t] = function(i) {
             var s = this.clone();
             return s.__iteratees__.push({
@@ -4535,15 +4535,15 @@ const lg = /* @__PURE__ */ u_(l_), f_ = { class: "synt-office-tabs synt-no-scrol
   setup(p) {
     const x = ne(null), u = ne([]), j = (v, L) => {
       u.value.push({ title: v, setActive: L }), x.value === null && (x.value = v, L(!0));
-    }, T = (v) => {
+    }, E = (v) => {
       var L;
       u.value = u.value.filter((V) => V.title !== v), x.value === v && (x.value = ((L = u.value[0]) == null ? void 0 : L.title) || null, u.value.length > 0 ? (x.value = u.value[0].title, u.value.forEach((V) => V.setActive(V.title === x.value))) : x.value = null);
     }, U = (v) => {
       x.value = v, u.value.forEach((L) => L.setActive(L.title === v));
     };
-    return Vv("registerTab", j), Vv("unregisterTab", T), (v, L) => (ut(), ht(kr, null, [
+    return Vv("registerTab", j), Vv("unregisterTab", E), (v, L) => (ut(), pt(kr, null, [
       A("div", f_, [
-        (ut(!0), ht(kr, null, ao(u.value, (V) => (ut(), ht("button", {
+        (ut(!0), pt(kr, null, ao(u.value, (V) => (ut(), pt("button", {
           key: V.title,
           onClick: (Y) => U(V.title),
           class: Hn({ active: V.title === x.value })
@@ -4566,8 +4566,8 @@ const lg = /* @__PURE__ */ u_(l_), f_ = { class: "synt-office-tabs synt-no-scrol
     const x = ne(!1), u = Hv(
       "registerTab"
     ), j = Hv("unregisterTab");
-    return Hs(() => u == null ? void 0 : u(p.title, (T) => x.value = T)), hg(() => j == null ? void 0 : j(p.title)), (T, U) => Fn((ut(), ht("div", d_, [
-      ee(T.$slots, "default", {}, void 0, !0)
+    return Hs(() => u == null ? void 0 : u(p.title, (E) => x.value = E)), hg(() => j == null ? void 0 : j(p.title)), (E, U) => Fn((ut(), pt("div", d_, [
+      ee(E.$slots, "default", {}, void 0, !0)
     ], 512)), [
       [lo, x.value]
     ]);
@@ -4587,9 +4587,9 @@ const lg = /* @__PURE__ */ u_(l_), f_ = { class: "synt-office-tabs synt-no-scrol
   },
   emits: ["delete", "duplicate"],
   setup(p, { emit: x }) {
-    const u = p, j = x, T = ne(!1), U = ne({}), v = ne(null), L = ne(null), V = ne(null), Y = ne(!1), X = async () => {
+    const u = p, j = x, E = ne(!1), U = ne({}), v = ne(null), L = ne(null), V = ne(null), Y = ne(!1), X = async () => {
       var tt, mt;
-      if (!((tt = u.model.excludes) != null && tt.includes("delete") && ((mt = u.model.excludes) != null && mt.includes("duplicate"))) && (T.value = !T.value, await Ks(), T.value && V.value && L.value)) {
+      if (!((tt = u.model.excludes) != null && tt.includes("delete") && ((mt = u.model.excludes) != null && mt.includes("duplicate"))) && (E.value = !E.value, await Ks(), E.value && V.value && L.value)) {
         const gt = V.value.getBoundingClientRect();
         U.value = {
           top: `${gt.height}px`,
@@ -4598,13 +4598,13 @@ const lg = /* @__PURE__ */ u_(l_), f_ = { class: "synt-office-tabs synt-no-scrol
         };
       }
     }, Z = (tt) => {
-      T.value && v.value && !v.value.contains(tt.target) && (T.value = !1);
+      E.value && v.value && !v.value.contains(tt.target) && (E.value = !1);
     }, Dt = async () => {
-      await j("duplicate"), T.value = !1;
+      await j("duplicate"), E.value = !1;
     }, z = async () => {
       Y.value = !1;
     }, N = async () => {
-      T.value = !1, Y.value = !0;
+      E.value = !1, Y.value = !0;
     }, ot = async () => {
       await j("delete"), Y.value = !1;
     };
@@ -4619,15 +4619,15 @@ const lg = /* @__PURE__ */ u_(l_), f_ = { class: "synt-office-tabs synt-no-scrol
         icon: tt.model.info.icon,
         label: `${tt.isNew && !((Lt = tt.model.excludes) != null && Lt.includes("back")) ? "New" : ""} ${tt.model.label}`
       }, {
-        start: Se(() => {
+        start: $e(() => {
           var Wt;
           return [
-            (Wt = tt.model.excludes) != null && Wt.includes("back") ? $e("", !0) : (ut(), Wr(gt, {
+            (Wt = tt.model.excludes) != null && Wt.includes("back") ? Se("", !0) : (ut(), Wr(gt, {
               key: 0,
               to: `${tt.model.single.path}`,
               class: "lux-office-single-btn-back"
             }, {
-              default: Se(() => [
+              default: $e(() => [
                 A("i", g_, null, 512)
               ]),
               _: 1
@@ -4635,13 +4635,13 @@ const lg = /* @__PURE__ */ u_(l_), f_ = { class: "synt-office-tabs synt-no-scrol
             ee(tt.$slots, "start", {}, void 0, !0)
           ];
         }),
-        end: Se(() => [
+        end: $e(() => [
           A("div", {
             ref_key: "dropdownWrapperRef",
             ref: v,
             class: "lux-office-single-dropdown-wrapper"
           }, [
-            tt.isNew ? $e("", !0) : (ut(), ht("button", {
+            tt.isNew ? Se("", !0) : (ut(), pt("button", {
               key: 0,
               ref_key: "buttonRef",
               ref: V,
@@ -4652,10 +4652,10 @@ const lg = /* @__PURE__ */ u_(l_), f_ = { class: "synt-office-tabs synt-no-scrol
               A("i", { class: "lux-office-single-text-xs fa-solid fa-ellipsis" }, null, -1)
             ]), 512)),
             Br(Vs, { name: "fade" }, {
-              default: Se(() => {
+              default: $e(() => {
                 var Wt, wt, xt, Et;
                 return [
-                  T.value ? (ut(), ht("div", {
+                  E.value ? (ut(), pt("div", {
                     key: 0,
                     ref_key: "dropdownRef",
                     ref: L,
@@ -4663,7 +4663,7 @@ const lg = /* @__PURE__ */ u_(l_), f_ = { class: "synt-office-tabs synt-no-scrol
                     style: kv(U.value)
                   }, [
                     A("ul", null, [
-                      (Wt = tt.model.excludes) != null && Wt.includes("duplicate") ? $e("", !0) : (ut(), ht("li", {
+                      (Wt = tt.model.excludes) != null && Wt.includes("duplicate") ? Se("", !0) : (ut(), pt("li", {
                         key: 0,
                         class: "lux-office-single-dropdown-option",
                         onClick: Dt
@@ -4671,8 +4671,8 @@ const lg = /* @__PURE__ */ u_(l_), f_ = { class: "synt-office-tabs synt-no-scrol
                         A("i", { class: "lux-office-single-dropdown-option-icon fa-regular fa-copy" }, null, -1),
                         A("span", null, "Duplicate", -1)
                       ]))),
-                      !((wt = tt.model.excludes) != null && wt.includes("delete")) && !((xt = tt.model.excludes) != null && xt.includes("duplicate")) ? (ut(), ht("hr", __)) : $e("", !0),
-                      (Et = tt.model.excludes) != null && Et.includes("delete") ? $e("", !0) : (ut(), ht("li", {
+                      !((wt = tt.model.excludes) != null && wt.includes("delete")) && !((xt = tt.model.excludes) != null && xt.includes("duplicate")) ? (ut(), pt("hr", __)) : Se("", !0),
+                      (Et = tt.model.excludes) != null && Et.includes("delete") ? Se("", !0) : (ut(), pt("li", {
                         key: 2,
                         class: "lux-office-single-dropdown-option",
                         onClick: N
@@ -4681,7 +4681,7 @@ const lg = /* @__PURE__ */ u_(l_), f_ = { class: "synt-office-tabs synt-no-scrol
                         A("span", null, "Delete", -1)
                       ])))
                     ])
-                  ], 4)) : $e("", !0)
+                  ], 4)) : Se("", !0)
                 ];
               }),
               _: 1
@@ -4689,10 +4689,10 @@ const lg = /* @__PURE__ */ u_(l_), f_ = { class: "synt-office-tabs synt-no-scrol
           ], 512),
           ee(tt.$slots, "end", {}, void 0, !0)
         ]),
-        default: Se(() => [
+        default: $e(() => [
           Br(Vs, { name: "fade" }, {
-            default: Se(() => [
-              Y.value ? (ut(), ht("div", y_, [
+            default: $e(() => [
+              Y.value ? (ut(), pt("div", y_, [
                 A("div", m_, [
                   mt[5] || (mt[5] = A("div", { class: "lux-office-single-modal-header" }, [
                     A("div", { class: "lux-office-single-modal-header-icon-box" }, [
@@ -4720,7 +4720,7 @@ const lg = /* @__PURE__ */ u_(l_), f_ = { class: "synt-office-tabs synt-no-scrol
                     ])
                   ])
                 ])
-              ])) : $e("", !0)
+              ])) : Se("", !0)
             ]),
             _: 1
           }),
@@ -4761,10 +4761,10 @@ const T_ = {
       var p;
       const x = ((p = this.$refs.dropdownMenu) == null ? void 0 : p.children[this.typeAheadPointer]) || !1;
       if (x) {
-        const u = this.getDropdownViewport(), { top: j, bottom: T, height: U } = x.getBoundingClientRect();
+        const u = this.getDropdownViewport(), { top: j, bottom: E, height: U } = x.getBoundingClientRect();
         if (j < u.top)
           return this.$refs.dropdownMenu.scrollTop = x.offsetTop;
-        if (T > u.bottom)
+        if (E > u.bottom)
           return this.$refs.dropdownMenu.scrollTop = x.offsetTop - (u.height - U);
       }
     },
@@ -4847,8 +4847,8 @@ const T_ = {
   }
 }, zv = (p, x) => {
   const u = p.__vccOpts || p;
-  for (const [j, T] of x)
-    u[j] = T;
+  for (const [j, E] of x)
+    u[j] = E;
   return u;
 }, R_ = {}, M_ = {
   xmlns: "http://www.w3.org/2000/svg",
@@ -4858,7 +4858,7 @@ const T_ = {
   k_
 ];
 function B_(p, x) {
-  return ut(), ht("svg", M_, W_);
+  return ut(), pt("svg", M_, W_);
 }
 const N_ = /* @__PURE__ */ zv(R_, [["render", B_]]), P_ = {}, F_ = {
   xmlns: "http://www.w3.org/2000/svg",
@@ -4868,7 +4868,7 @@ const N_ = /* @__PURE__ */ zv(R_, [["render", B_]]), P_ = {}, F_ = {
   U_
 ];
 function V_(p, x) {
-  return ut(), ht("svg", F_, z_);
+  return ut(), pt("svg", F_, z_);
 }
 const H_ = /* @__PURE__ */ zv(P_, [["render", V_]]), Jv = {
   Deselect: N_,
@@ -4879,13 +4879,13 @@ const H_ = /* @__PURE__ */ zv(P_, [["render", V_]]), Jv = {
       const {
         height: u,
         top: j,
-        left: T,
+        left: E,
         width: U
       } = x.$refs.toggle.getBoundingClientRect();
       let v = window.scrollX || window.pageXOffset, L = window.scrollY || window.pageYOffset;
       p.unbindPosition = x.calculatePosition(p, x, {
         width: U + "px",
-        left: v + T + "px",
+        left: v + E + "px",
         top: L + j + u + "px"
       }), document.body.appendChild(p);
     }
@@ -5098,8 +5098,8 @@ https://vue-select.org/api/props.html#getoptionkey`, p, x);
     },
     calculatePosition: {
       type: Function,
-      default(p, x, { width: u, top: j, left: T }) {
-        p.style.top = j, p.style.left = T, p.style.width = u;
+      default(p, x, { width: u, top: j, left: E }) {
+        p.style.top = j, p.style.left = E, p.style.width = u;
       }
     },
     dropdownShouldOpen: {
@@ -5349,14 +5349,14 @@ https://vue-select.org/api/props.html#getoptionkey`, p, x);
       this.mousedown = !1;
     },
     onSearchKeyDown(p) {
-      const x = (T) => (T.preventDefault(), !this.isComposing && this.typeAheadSelect()), u = {
-        8: (T) => this.maybeDeleteValue(),
-        9: (T) => this.onTab(),
-        27: (T) => this.onEscape(),
-        38: (T) => (T.preventDefault(), this.typeAheadUp()),
-        40: (T) => (T.preventDefault(), this.typeAheadDown())
+      const x = (E) => (E.preventDefault(), !this.isComposing && this.typeAheadSelect()), u = {
+        8: (E) => this.maybeDeleteValue(),
+        9: (E) => this.onTab(),
+        27: (E) => this.onEscape(),
+        38: (E) => (E.preventDefault(), this.typeAheadUp()),
+        40: (E) => (E.preventDefault(), this.typeAheadDown())
       };
-      this.selectOnKeyCodes.forEach((T) => u[T] = x);
+      this.selectOnKeyCodes.forEach((E) => u[E] = x);
       const j = this.mapKeydown(u, this);
       if (typeof j[p.keyCode] == "function")
         return j[p.keyCode](p);
@@ -5372,9 +5372,9 @@ https://vue-select.org/api/props.html#getoptionkey`, p, x);
   key: 0,
   class: "vs__no-options"
 }, u0 = /* @__PURE__ */ Nr(" Sorry, no matching options. "), s0 = ["id"];
-function a0(p, x, u, j, T, U) {
+function a0(p, x, u, j, E, U) {
   const v = pg("append-to-body");
-  return ut(), ht("div", {
+  return ut(), pt("div", {
     dir: u.dir,
     class: Hn(["v-select", U.stateClasses])
   }, [
@@ -5390,23 +5390,23 @@ function a0(p, x, u, j, T, U) {
       onMousedown: x[1] || (x[1] = (L) => U.toggleDropdown(L))
     }, [
       A("div", X_, [
-        (ut(!0), ht(kr, null, ao(U.selectedValue, (L, V) => ee(p.$slots, "selected-option-container", {
+        (ut(!0), pt(kr, null, ao(U.selectedValue, (L, V) => ee(p.$slots, "selected-option-container", {
           option: U.normalizeOptionForSlot(L),
           deselect: U.deselect,
           multiple: u.multiple,
           disabled: u.disabled
         }, () => [
-          (ut(), ht("span", {
+          (ut(), pt("span", {
             key: u.getOptionKey(L),
             class: "vs__selected"
           }, [
             ee(p.$slots, "selected-option", Pn(zn(U.normalizeOptionForSlot(L))), () => [
               Nr(qt(u.getOptionLabel(L)), 1)
             ]),
-            u.multiple ? (ut(), ht("button", {
+            u.multiple ? (ut(), pt("button", {
               key: 0,
               ref_for: !0,
-              ref: (Y) => T.deselectButtons[V] = Y,
+              ref: (Y) => E.deselectButtons[V] = Y,
               disabled: u.disabled,
               type: "button",
               class: "vs__deselect",
@@ -5415,7 +5415,7 @@ function a0(p, x, u, j, T, U) {
               onClick: (Y) => U.deselect(L)
             }, [
               (ut(), Wr(Mv(U.childComponents.Deselect)))
-            ], 8, J_)) : $e("", !0)
+            ], 8, J_)) : Se("", !0)
           ]))
         ])), 256)),
         ee(p.$slots, "search", Pn(zn(U.scope.search)), () => [
@@ -5437,7 +5437,7 @@ function a0(p, x, u, j, T, U) {
           [lo, U.showClearButton]
         ]),
         ee(p.$slots, "open-indicator", Pn(zn(U.scope.openIndicator)), () => [
-          u.noDrop ? $e("", !0) : (ut(), Wr(Mv(U.childComponents.OpenIndicator), Pn(qv({ key: 0 }, U.scope.openIndicator.attributes)), null, 16))
+          u.noDrop ? Se("", !0) : (ut(), Wr(Mv(U.childComponents.OpenIndicator), Pn(qv({ key: 0 }, U.scope.openIndicator.attributes)), null, 16))
         ]),
         ee(p.$slots, "spinner", Pn(zn(U.scope.spinner)), () => [
           Fn(A("div", n0, "Loading...", 512), [
@@ -5447,8 +5447,8 @@ function a0(p, x, u, j, T, U) {
       ], 512)
     ], 40, j_),
     Br(Vs, { name: u.transition }, {
-      default: Se(() => [
-        U.dropdownOpen ? Fn((ut(), ht("ul", {
+      default: $e(() => [
+        U.dropdownOpen ? Fn((ut(), pt("ul", {
           id: `vs${u.uid}__listbox`,
           ref: "dropdownMenu",
           key: `vs${u.uid}__listbox`,
@@ -5459,7 +5459,7 @@ function a0(p, x, u, j, T, U) {
           onMouseup: x[3] || (x[3] = (...L) => U.onMouseUp && U.onMouseUp(...L))
         }, [
           ee(p.$slots, "list-header", Pn(zn(U.scope.listHeader))),
-          (ut(!0), ht(kr, null, ao(U.filteredOptions, (L, V) => (ut(), ht("li", {
+          (ut(!0), pt(kr, null, ao(U.filteredOptions, (L, V) => (ut(), pt("li", {
             id: `vs${u.uid}__option-${V}`,
             key: u.getOptionKey(L),
             role: "option",
@@ -5477,15 +5477,15 @@ function a0(p, x, u, j, T, U) {
               Nr(qt(u.getOptionLabel(L)), 1)
             ])
           ], 42, i0))), 128)),
-          U.filteredOptions.length === 0 ? (ut(), ht("li", o0, [
+          U.filteredOptions.length === 0 ? (ut(), pt("li", o0, [
             ee(p.$slots, "no-options", Pn(zn(U.scope.noOptions)), () => [
               u0
             ])
-          ])) : $e("", !0),
+          ])) : Se("", !0),
           ee(p.$slots, "list-footer", Pn(zn(U.scope.listFooter)))
         ], 40, r0)), [
           [v]
-        ]) : (ut(), ht("ul", {
+        ]) : (ut(), pt("ul", {
           key: 1,
           id: `vs${u.uid}__listbox`,
           role: "listbox",
@@ -5511,7 +5511,7 @@ var l0 = Gs.exports, tg;
 function f0() {
   return tg || (tg = 1, function(p, x) {
     (function() {
-      var u, j = "4.17.21", T = 200, U = "Unsupported core-js use. Try https://npms.io/search?q=ponyfill.", v = "Expected a function", L = "Invalid `variable` option passed into `_.template`", V = "__lodash_hash_undefined__", Y = 500, X = "__lodash_placeholder__", Z = 1, Dt = 2, z = 4, N = 1, ot = 2, tt = 1, mt = 2, gt = 4, Lt = 8, Wt = 16, wt = 32, xt = 64, Et = 128, Yt = 256, at = 512, R = 30, I = "...", Bt = 800, me = 16, E = 1, O = 2, w = 3, S = 1 / 0, m = 9007199254740991, M = 17976931348623157e292, B = NaN, K = 4294967295, pt = K - 1, bt = K >>> 1, At = [
+      var u, j = "4.17.21", E = 200, U = "Unsupported core-js use. Try https://npms.io/search?q=ponyfill.", v = "Expected a function", L = "Invalid `variable` option passed into `_.template`", V = "__lodash_hash_undefined__", Y = 500, X = "__lodash_placeholder__", Z = 1, Dt = 2, z = 4, N = 1, ot = 2, tt = 1, mt = 2, gt = 4, Lt = 8, Wt = 16, wt = 32, xt = 64, Et = 128, Yt = 256, at = 512, R = 30, I = "...", Bt = 800, me = 16, T = 1, O = 2, w = 3, S = 1 / 0, m = 9007199254740991, M = 17976931348623157e292, B = NaN, K = 4294967295, ht = K - 1, bt = K >>> 1, At = [
         ["ary", Et],
         ["bind", tt],
         ["bindKey", mt],
@@ -6167,7 +6167,7 @@ function f0() {
                 if (Jt == O)
                   W = Ft;
                 else if (!Ft) {
-                  if (Jt == E)
+                  if (Jt == T)
                     continue t;
                   break t;
                 }
@@ -6299,7 +6299,7 @@ function f0() {
           var n = this.__data__;
           if (n instanceof Le) {
             var r = n.__data__;
-            if (!An || r.length < T - 1)
+            if (!An || r.length < E - 1)
               return r.push([t, e]), this.size = ++n.size, this;
             n = this.__data__ = new Ee(r);
           }
@@ -6431,7 +6431,7 @@ function f0() {
           var i = -1, s = Qn, a = !0, l = t.length, c = [], g = e.length;
           if (!l)
             return c;
-          n && (e = ct(e, Qt(n))), r ? (s = ii, a = !1) : e.length >= T && (s = $n, a = !1, e = new Qe(e));
+          n && (e = ct(e, Qt(n))), r ? (s = ii, a = !1) : e.length >= E && (s = $n, a = !1, e = new Qe(e));
           t:
             for (; ++i < l; ) {
               var _ = t[i], y = n == null ? _ : n(_);
@@ -6834,7 +6834,7 @@ function f0() {
             else g ? W = k && (r || b) : l ? W = k && b && (r || !C) : c ? W = k && b && !C && (r || !q) : C || q ? W = !1 : W = r ? y <= e : y < e;
             W ? i = _ + 1 : s = _;
           }
-          return Mt(s, pt);
+          return Mt(s, ht);
         }
         function Cu(t, e) {
           for (var n = -1, r = t.length, i = 0, s = []; ++n < r; ) {
@@ -6863,7 +6863,7 @@ function f0() {
           var r = -1, i = Qn, s = t.length, a = !0, l = [], c = l;
           if (n)
             a = !1, i = ii;
-          else if (s >= T) {
+          else if (s >= E) {
             var g = e ? null : nc(t);
             if (g)
               return Xn(g);
@@ -9090,7 +9090,7 @@ function print() { __p += __j.call(arguments, '') }
             return this.reverse()[t](n).reverse();
           };
         }), ie(["filter", "map", "takeWhile"], function(t, e) {
-          var n = e + 1, r = n == E || n == w;
+          var n = e + 1, r = n == T || n == w;
           J.prototype[t] = function(i) {
             var s = this.clone();
             return s.__iteratees__.push({
@@ -9275,7 +9275,7 @@ function h0() {
               tt.stopPropagation(), this.options.onClick();
             }).bind(this)
           ), typeof this.options.offset == "object") {
-            var Dt = T("x", this.options), z = T("y", this.options), N = this.options.position == "left" ? Dt : "-" + Dt, ot = this.options.gravity == "toastify-top" ? z : "-" + z;
+            var Dt = E("x", this.options), z = E("y", this.options), N = this.options.position == "left" ? Dt : "-" + Dt, ot = this.options.gravity == "toastify-top" ? z : "-" + z;
             v.style.transform = "translate(" + N + "," + ot + ")";
           }
           return v;
@@ -9325,7 +9325,7 @@ function h0() {
         }
         return this;
       };
-      function T(v, L) {
+      function E(v, L) {
         return L.offset[v] ? isNaN(L.offset[v]) ? L.offset[v] : L.offset[v] + "px" : "0px";
       }
       function U(v, L) {
@@ -9342,55 +9342,55 @@ function d0() {
     (function(u, j) {
       p.exports = j();
     })(p0, function() {
-      var u = 1e3, j = 6e4, T = 36e5, U = "millisecond", v = "second", L = "minute", V = "hour", Y = "day", X = "week", Z = "month", Dt = "quarter", z = "year", N = "date", ot = "Invalid Date", tt = /^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/, mt = /\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g, gt = { name: "en", weekdays: "Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"), months: "January_February_March_April_May_June_July_August_September_October_November_December".split("_"), ordinal: function(E) {
-        var O = ["th", "st", "nd", "rd"], w = E % 100;
-        return "[" + E + (O[(w - 20) % 10] || O[w] || O[0]) + "]";
-      } }, Lt = function(E, O, w) {
-        var S = String(E);
-        return !S || S.length >= O ? E : "" + Array(O + 1 - S.length).join(w) + E;
-      }, Wt = { s: Lt, z: function(E) {
-        var O = -E.utcOffset(), w = Math.abs(O), S = Math.floor(w / 60), m = w % 60;
+      var u = 1e3, j = 6e4, E = 36e5, U = "millisecond", v = "second", L = "minute", V = "hour", Y = "day", X = "week", Z = "month", Dt = "quarter", z = "year", N = "date", ot = "Invalid Date", tt = /^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/, mt = /\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g, gt = { name: "en", weekdays: "Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"), months: "January_February_March_April_May_June_July_August_September_October_November_December".split("_"), ordinal: function(T) {
+        var O = ["th", "st", "nd", "rd"], w = T % 100;
+        return "[" + T + (O[(w - 20) % 10] || O[w] || O[0]) + "]";
+      } }, Lt = function(T, O, w) {
+        var S = String(T);
+        return !S || S.length >= O ? T : "" + Array(O + 1 - S.length).join(w) + T;
+      }, Wt = { s: Lt, z: function(T) {
+        var O = -T.utcOffset(), w = Math.abs(O), S = Math.floor(w / 60), m = w % 60;
         return (O <= 0 ? "+" : "-") + Lt(S, 2, "0") + ":" + Lt(m, 2, "0");
-      }, m: function E(O, w) {
-        if (O.date() < w.date()) return -E(w, O);
+      }, m: function T(O, w) {
+        if (O.date() < w.date()) return -T(w, O);
         var S = 12 * (w.year() - O.year()) + (w.month() - O.month()), m = O.clone().add(S, Z), M = w - m < 0, B = O.clone().add(S + (M ? -1 : 1), Z);
         return +(-(S + (w - m) / (M ? m - B : B - m)) || 0);
-      }, a: function(E) {
-        return E < 0 ? Math.ceil(E) || 0 : Math.floor(E);
-      }, p: function(E) {
-        return { M: Z, y: z, w: X, d: Y, D: N, h: V, m: L, s: v, ms: U, Q: Dt }[E] || String(E || "").toLowerCase().replace(/s$/, "");
-      }, u: function(E) {
-        return E === void 0;
+      }, a: function(T) {
+        return T < 0 ? Math.ceil(T) || 0 : Math.floor(T);
+      }, p: function(T) {
+        return { M: Z, y: z, w: X, d: Y, D: N, h: V, m: L, s: v, ms: U, Q: Dt }[T] || String(T || "").toLowerCase().replace(/s$/, "");
+      }, u: function(T) {
+        return T === void 0;
       } }, wt = "en", xt = {};
       xt[wt] = gt;
-      var Et = "$isDayjsObject", Yt = function(E) {
-        return E instanceof Bt || !(!E || !E[Et]);
-      }, at = function E(O, w, S) {
+      var Et = "$isDayjsObject", Yt = function(T) {
+        return T instanceof Bt || !(!T || !T[Et]);
+      }, at = function T(O, w, S) {
         var m;
         if (!O) return wt;
         if (typeof O == "string") {
           var M = O.toLowerCase();
           xt[M] && (m = M), w && (xt[M] = w, m = M);
           var B = O.split("-");
-          if (!m && B.length > 1) return E(B[0]);
+          if (!m && B.length > 1) return T(B[0]);
         } else {
           var K = O.name;
           xt[K] = O, m = K;
         }
         return !S && m && (wt = m), m || !S && wt;
-      }, R = function(E, O) {
-        if (Yt(E)) return E.clone();
+      }, R = function(T, O) {
+        if (Yt(T)) return T.clone();
         var w = typeof O == "object" ? O : {};
-        return w.date = E, w.args = arguments, new Bt(w);
+        return w.date = T, w.args = arguments, new Bt(w);
       }, I = Wt;
-      I.l = at, I.i = Yt, I.w = function(E, O) {
-        return R(E, { locale: O.$L, utc: O.$u, x: O.$x, $offset: O.$offset });
+      I.l = at, I.i = Yt, I.w = function(T, O) {
+        return R(T, { locale: O.$L, utc: O.$u, x: O.$x, $offset: O.$offset });
       };
       var Bt = function() {
-        function E(w) {
+        function T(w) {
           this.$L = at(w.locale, null, !0), this.parse(w), this.$x = this.$x || w.x || {}, this[Et] = !0;
         }
-        var O = E.prototype;
+        var O = T.prototype;
         return O.parse = function(w) {
           this.$d = function(S) {
             var m = S.date, M = S.utc;
@@ -9400,8 +9400,8 @@ function d0() {
             if (typeof m == "string" && !/Z$/i.test(m)) {
               var B = m.match(tt);
               if (B) {
-                var K = B[2] - 1 || 0, pt = (B[7] || "0").substring(0, 3);
-                return M ? new Date(Date.UTC(B[1], K, B[3] || 1, B[4] || 0, B[5] || 0, B[6] || 0, pt)) : new Date(B[1], K, B[3] || 1, B[4] || 0, B[5] || 0, B[6] || 0, pt);
+                var K = B[2] - 1 || 0, ht = (B[7] || "0").substring(0, 3);
+                return M ? new Date(Date.UTC(B[1], K, B[3] || 1, B[4] || 0, B[5] || 0, B[6] || 0, ht)) : new Date(B[1], K, B[3] || 1, B[4] || 0, B[5] || 0, B[6] || 0, ht);
               }
             }
             return new Date(m);
@@ -9430,7 +9430,7 @@ function d0() {
           var m = this, M = !!I.u(S) || S, B = I.p(w), K = function(Gt, Rt) {
             var Kt = I.w(m.$u ? Date.UTC(m.$y, Rt, Gt) : new Date(m.$y, Rt, Gt), m);
             return M ? Kt : Kt.endOf(Y);
-          }, pt = function(Gt, Rt) {
+          }, ht = function(Gt, Rt) {
             return I.w(m.toDate()[Gt].apply(m.toDate("s"), (M ? [0, 0, 0, 0] : [23, 59, 59, 999]).slice(Rt)), m);
           }, bt = this.$W, At = this.$M, Ot = this.$D, ce = "set" + (this.$u ? "UTC" : "");
           switch (B) {
@@ -9443,24 +9443,24 @@ function d0() {
               return K(M ? Ot - he : Ot + (6 - he), At);
             case Y:
             case N:
-              return pt(ce + "Hours", 0);
+              return ht(ce + "Hours", 0);
             case V:
-              return pt(ce + "Minutes", 1);
+              return ht(ce + "Minutes", 1);
             case L:
-              return pt(ce + "Seconds", 2);
+              return ht(ce + "Seconds", 2);
             case v:
-              return pt(ce + "Milliseconds", 3);
+              return ht(ce + "Milliseconds", 3);
             default:
               return this.clone();
           }
         }, O.endOf = function(w) {
           return this.startOf(w, !1);
         }, O.$set = function(w, S) {
-          var m, M = I.p(w), B = "set" + (this.$u ? "UTC" : ""), K = (m = {}, m[Y] = B + "Date", m[N] = B + "Date", m[Z] = B + "Month", m[z] = B + "FullYear", m[V] = B + "Hours", m[L] = B + "Minutes", m[v] = B + "Seconds", m[U] = B + "Milliseconds", m)[M], pt = M === Y ? this.$D + (S - this.$W) : S;
+          var m, M = I.p(w), B = "set" + (this.$u ? "UTC" : ""), K = (m = {}, m[Y] = B + "Date", m[N] = B + "Date", m[Z] = B + "Month", m[z] = B + "FullYear", m[V] = B + "Hours", m[L] = B + "Minutes", m[v] = B + "Seconds", m[U] = B + "Milliseconds", m)[M], ht = M === Y ? this.$D + (S - this.$W) : S;
           if (M === Z || M === z) {
             var bt = this.clone().set(N, 1);
-            bt.$d[K](pt), bt.init(), this.$d = bt.set(N, Math.min(this.$D, bt.daysInMonth())).$d;
-          } else K && this.$d[K](pt);
+            bt.$d[K](ht), bt.init(), this.$d = bt.set(N, Math.min(this.$D, bt.daysInMonth())).$d;
+          } else K && this.$d[K](ht);
           return this.init(), this;
         }, O.set = function(w, S) {
           return this.clone().$set(w, S);
@@ -9477,14 +9477,14 @@ function d0() {
           if (B === z) return this.set(z, this.$y + w);
           if (B === Y) return K(1);
           if (B === X) return K(7);
-          var pt = (m = {}, m[L] = j, m[V] = T, m[v] = u, m)[B] || 1, bt = this.$d.getTime() + w * pt;
+          var ht = (m = {}, m[L] = j, m[V] = E, m[v] = u, m)[B] || 1, bt = this.$d.getTime() + w * ht;
           return I.w(bt, this);
         }, O.subtract = function(w, S) {
           return this.add(-1 * w, S);
         }, O.format = function(w) {
           var S = this, m = this.$locale();
           if (!this.isValid()) return m.invalidDate || ot;
-          var M = w || "YYYY-MM-DDTHH:mm:ssZ", B = I.z(this), K = this.$H, pt = this.$m, bt = this.$M, At = m.weekdays, Ot = m.months, ce = m.meridiem, Ae = function(Rt, Kt, we, Ye) {
+          var M = w || "YYYY-MM-DDTHH:mm:ssZ", B = I.z(this), K = this.$H, ht = this.$m, bt = this.$M, At = m.weekdays, Ot = m.months, ce = m.meridiem, Ae = function(Rt, Kt, we, Ye) {
             return Rt && (Rt[Kt] || Rt(S, M)) || we[Kt].slice(0, Ye);
           }, he = function(Rt) {
             return I.s(K % 12 || 12, Rt, "0");
@@ -9528,13 +9528,13 @@ function d0() {
                 case "hh":
                   return he(2);
                 case "a":
-                  return Gt(K, pt, !0);
+                  return Gt(K, ht, !0);
                 case "A":
-                  return Gt(K, pt, !1);
+                  return Gt(K, ht, !1);
                 case "m":
-                  return String(pt);
+                  return String(ht);
                 case "mm":
-                  return I.s(pt, 2, "0");
+                  return I.s(ht, 2, "0");
                 case "s":
                   return String(S.$s);
                 case "ss":
@@ -9550,8 +9550,8 @@ function d0() {
         }, O.utcOffset = function() {
           return 15 * -Math.round(this.$d.getTimezoneOffset() / 15);
         }, O.diff = function(w, S, m) {
-          var M, B = this, K = I.p(S), pt = R(w), bt = (pt.utcOffset() - this.utcOffset()) * j, At = this - pt, Ot = function() {
-            return I.m(B, pt);
+          var M, B = this, K = I.p(S), ht = R(w), bt = (ht.utcOffset() - this.utcOffset()) * j, At = this - ht, Ot = function() {
+            return I.m(B, ht);
           };
           switch (K) {
             case z:
@@ -9570,7 +9570,7 @@ function d0() {
               M = (At - bt) / 864e5;
               break;
             case V:
-              M = At / T;
+              M = At / E;
               break;
             case L:
               M = At / j;
@@ -9600,23 +9600,23 @@ function d0() {
           return this.$d.toISOString();
         }, O.toString = function() {
           return this.$d.toUTCString();
-        }, E;
+        }, T;
       }(), me = Bt.prototype;
-      return R.prototype = me, [["$ms", U], ["$s", v], ["$m", L], ["$H", V], ["$W", Y], ["$M", Z], ["$y", z], ["$D", N]].forEach(function(E) {
-        me[E[1]] = function(O) {
-          return this.$g(O, E[0], E[1]);
+      return R.prototype = me, [["$ms", U], ["$s", v], ["$m", L], ["$H", V], ["$W", Y], ["$M", Z], ["$y", z], ["$D", N]].forEach(function(T) {
+        me[T[1]] = function(O) {
+          return this.$g(O, T[0], T[1]);
         };
-      }), R.extend = function(E, O) {
-        return E.$i || (E(O, Bt, R), E.$i = !0), R;
-      }, R.locale = at, R.isDayjs = Yt, R.unix = function(E) {
-        return R(1e3 * E);
+      }), R.extend = function(T, O) {
+        return T.$i || (T(O, Bt, R), T.$i = !0), R;
+      }, R.locale = at, R.isDayjs = Yt, R.unix = function(T) {
+        return R(1e3 * T);
       }, R.en = xt[wt], R.Ls = xt, R.p = {}, R;
     });
   }(Pv)), Pv.exports;
 }
 d0();
 function v0(p) {
-  const [x, u, j] = p.relation.definition.split(":"), T = p.relation.api[u], U = ne(!1), v = ne([]), L = ne({
+  const [x, u, j] = p.relation.definition.split(":"), E = p.relation.api[u], U = ne(!1), v = ne([]), L = ne({
     limit: 99999,
     page: 1
   });
@@ -9632,7 +9632,7 @@ function v0(p) {
           page: L.value.page,
           filter: JSON.stringify(V.query)
         }));
-        await T.get(`/api/${j}`, {
+        await E.get(`/api/${j}`, {
           params: Y.value
         }).then((X) => X.data).then((X) => {
           X.code == 200 && (v.value = X == null ? void 0 : X.data);
@@ -9665,7 +9665,7 @@ const g0 = { class: "synt-office-relation-wrapper" }, _0 = { class: "synt-office
   }),
   emits: /* @__PURE__ */ Zs(["update:selected"], ["update:modelValue"]),
   setup(p, { emit: x }) {
-    const u = p, j = x, T = og(p, "modelValue"), { options: U, isLoading: v, fetchData: L } = v0({
+    const u = p, j = x, E = og(p, "modelValue"), { options: U, isLoading: v, fetchData: L } = v0({
       relation: u.fields.relation
     }), V = ne(""), Y = ne(99999), X = ne(null), Z = ne(null), Dt = ne(!1), z = Vn(() => {
       var R, I;
@@ -9674,13 +9674,13 @@ const g0 = { class: "synt-office-relation-wrapper" }, _0 = { class: "synt-office
       var R;
       return (R = U.value) == null ? void 0 : R.filter(
         (I) => {
-          var Bt, me, E, O;
-          return (O = (E = I == null ? void 0 : I[(me = (Bt = u.fields) == null ? void 0 : Bt.relation) == null ? void 0 : me.display]) == null ? void 0 : E.toLowerCase()) == null ? void 0 : O.includes(V.value);
+          var Bt, me, T, O;
+          return (O = (T = I == null ? void 0 : I[(me = (Bt = u.fields) == null ? void 0 : Bt.relation) == null ? void 0 : me.display]) == null ? void 0 : T.toLowerCase()) == null ? void 0 : O.includes(V.value);
         }
       );
     }), ot = Vn(() => N.value.slice(0, Y.value)), tt = Vn(() => ot.value.length < N.value.length), mt = Vn(() => {
       var R;
-      return ((R = U.value) == null ? void 0 : R.find((I) => I.id === T.value)) || null;
+      return ((R = U.value) == null ? void 0 : R.find((I) => I.id === E.value)) || null;
     }), gt = ne([]);
     so(
       () => u.query,
@@ -9702,44 +9702,44 @@ const g0 = { class: "synt-office-relation-wrapper" }, _0 = { class: "synt-office
         Y.value += 10, await Ks(), Bt.scrollTop = me;
       }
     }, Wt = async () => {
-      U.value.length && !Array.isArray(T.value) || await L({ query: gt.value });
+      U.value.length && !Array.isArray(E.value) || await L({ query: gt.value });
     }, wt = async (R) => {
-      Array.isArray(T.value) && (T.value.includes(R) ? T.value = T.value.filter((Bt) => Bt !== R) : T.value.push(R)), await Wt();
+      Array.isArray(E.value) && (E.value.includes(R) ? E.value = E.value.filter((Bt) => Bt !== R) : E.value.push(R)), await Wt();
     }, xt = Vn(() => {
-      if (Array.isArray(T.value))
+      if (Array.isArray(E.value))
         return N.value.length > 0 && N.value.every(
-          (R) => Array.isArray(T.value) && T.value.includes(R.id)
+          (R) => Array.isArray(E.value) && E.value.includes(R.id)
         );
     });
     function Et() {
-      if (Array.isArray(T.value))
+      if (Array.isArray(E.value))
         if (xt.value)
-          T.value = T.value.filter(
+          E.value = E.value.filter(
             (R) => !N.value.map((I) => I.id).includes(R)
           );
         else {
           const R = N.value.map((I) => I.id);
-          T.value = Array.from(/* @__PURE__ */ new Set([...T.value, ...R]));
+          E.value = Array.from(/* @__PURE__ */ new Set([...E.value, ...R]));
         }
     }
     const Yt = async () => {
-      await Wt(), Dt.value = !0;
+      Array.isArray(E.value) || (E.value = []), await Wt(), Dt.value = !0;
     }, at = async () => {
       V.value = "", Dt.value = !1;
     };
     return so(
-      () => T.value,
+      () => E.value,
       async () => {
-        U.value.length && !Array.isArray(T.value) || (v.value = !0, T.value && await Wt(), v.value = !1);
+        U.value.length && !Array.isArray(E.value) || (v.value = !0, E.value && await Wt(), v.value = !1);
       }
     ), Hs(async () => {
       X.value = new IntersectionObserver(Lt);
     }), (R, I) => {
-      var Bt, me, E, O, w, S;
-      return ut(), ht("div", null, [
+      var Bt, me, T, O, w, S;
+      return ut(), pt("div", null, [
         A("div", g0, [
           A("label", _0, qt((Bt = R.fields) == null ? void 0 : Bt.name), 1),
-          A("span", y0, qt((E = (me = R.fields) == null ? void 0 : me.options) == null ? void 0 : E.note), 1),
+          A("span", y0, qt((T = (me = R.fields) == null ? void 0 : me.options) == null ? void 0 : T.note), 1),
           A("div", m0, [
             A("div", w0, [
               Fn(A("div", b0, I[3] || (I[3] = [
@@ -9750,8 +9750,8 @@ const g0 = { class: "synt-office-relation-wrapper" }, _0 = { class: "synt-office
                 [lo, yn(v)]
               ]),
               Br(yn(fg), {
-                modelValue: T.value,
-                "onUpdate:modelValue": I[0] || (I[0] = (m) => T.value = m),
+                modelValue: E.value,
+                "onUpdate:modelValue": I[0] || (I[0] = (m) => E.value = m),
                 class: Hn(["synt-relation-control", {
                   "synt-office-relation-error": R.isError,
                   "synt-office-relation-disabled": R.isDisabled,
@@ -9765,13 +9765,13 @@ const g0 = { class: "synt-office-relation-wrapper" }, _0 = { class: "synt-office
                 multiple: z.value,
                 onOpen: Wt
               }, {
-                option: Se((m) => {
+                option: $e((m) => {
                   var M, B;
                   return [
                     A("span", null, qt(m[(B = (M = R.fields) == null ? void 0 : M.relation) == null ? void 0 : B.display]), 1)
                   ];
                 }),
-                "list-footer": Se(() => [
+                "list-footer": $e(() => [
                   Fn(A("li", {
                     ref_key: "load",
                     ref: Z,
@@ -9785,28 +9785,28 @@ const g0 = { class: "synt-office-relation-wrapper" }, _0 = { class: "synt-office
                 _: 1
               }, 8, ["modelValue", "class", "options", "reduce", "label", "disabled", "multiple"])
             ]),
-            z.value ? (ut(), ht("button", {
+            z.value ? (ut(), pt("button", {
               key: 0,
               type: "button",
               class: "synt-office-relation-btn-expands",
               onClick: Un(Yt, ["prevent"])
             }, I[5] || (I[5] = [
               A("i", { class: "synt-office-relation-btn-expands-icon fa-solid fa-up-right-and-down-left-from-center" }, null, -1)
-            ]))) : $e("", !0)
+            ]))) : Se("", !0)
           ]),
-          ((S = R.error) == null ? void 0 : S.length) > 0 ? (ut(), ht("p", x0, "*" + qt(R.error), 1)) : $e("", !0)
+          ((S = R.error) == null ? void 0 : S.length) > 0 ? (ut(), pt("p", x0, "*" + qt(R.error), 1)) : Se("", !0)
         ]),
         Br(Vs, { name: "fade" }, {
-          default: Se(() => {
+          default: $e(() => {
             var m;
             return [
-              Dt.value ? (ut(), ht("div", O0, [
+              Dt.value ? (ut(), pt("div", O0, [
                 A("div", $0, [
                   Br(yn(ug), {
                     label: R.fields.name,
                     icon: "fa-solid fa-table"
                   }, {
-                    end: Se(() => [
+                    end: $e(() => [
                       A("div", S0, [
                         A("button", {
                           type: "button",
@@ -9841,29 +9841,28 @@ const g0 = { class: "synt-office-relation-wrapper" }, _0 = { class: "synt-office
                       A("thead", null, [
                         A("tr", null, [
                           A("th", null, [
-                            V.value ? $e("", !0) : (ut(), ht("input", {
-                              key: 0,
+                            A("input", {
                               type: "checkbox",
                               class: "synt-office-relation-modal-table-checkbox",
                               checked: xt.value,
                               onChange: Et
-                            }, null, 40, E0))
+                            }, null, 40, E0)
                           ]),
                           A("th", T0, qt((m = R.fields) == null ? void 0 : m.name), 1)
                         ])
                       ]),
                       A("tbody", null, [
-                        (ut(!0), ht(kr, null, ao(N.value, (M) => {
+                        (ut(!0), pt(kr, null, ao(N.value, (M) => {
                           var B, K;
-                          return ut(), ht("tr", {
+                          return ut(), pt("tr", {
                             key: M.id
                           }, [
                             A("td", null, [
                               A("input", {
                                 type: "checkbox",
                                 class: "synt-office-relation-modal-table-checkbox",
-                                checked: Array.isArray(T.value) && T.value.includes(M.id),
-                                onChange: (pt) => wt(M.id)
+                                checked: Array.isArray(E.value) && E.value.includes(M.id),
+                                onChange: (ht) => wt(M.id)
                               }, null, 40, I0)
                             ]),
                             A("td", null, [
@@ -9884,7 +9883,7 @@ const g0 = { class: "synt-office-relation-wrapper" }, _0 = { class: "synt-office
                     ])
                   ])
                 ])
-              ])) : $e("", !0)
+              ])) : Se("", !0)
             ];
           }),
           _: 1
@@ -9910,9 +9909,9 @@ const g0 = { class: "synt-office-relation-wrapper" }, _0 = { class: "synt-office
   emits: /* @__PURE__ */ Zs(["update:selected"], ["update:modelValue"]),
   setup(p, { emit: x }) {
     var wt, xt, Et, Yt;
-    const u = p, j = x, T = og(p, "modelValue"), U = ne([]), v = ne(1), L = ne(!0), V = ne(!1), Y = ne(""), X = ne(null), Z = ne(null), [Dt, z, N] = (xt = (wt = u.fields) == null ? void 0 : wt.relation.definition) == null ? void 0 : xt.split(":"), ot = (Yt = (Et = u.fields) == null ? void 0 : Et.relation) == null ? void 0 : Yt.api[z], tt = Vn(() => {
+    const u = p, j = x, E = og(p, "modelValue"), U = ne([]), v = ne(1), L = ne(!0), V = ne(!1), Y = ne(""), X = ne(null), Z = ne(null), [Dt, z, N] = (xt = (wt = u.fields) == null ? void 0 : wt.relation.definition) == null ? void 0 : xt.split(":"), ot = (Yt = (Et = u.fields) == null ? void 0 : Et.relation) == null ? void 0 : Yt.api[z], tt = Vn(() => {
       var at;
-      return ((at = U.value) == null ? void 0 : at.find((R) => R.id === T.value)) || null;
+      return ((at = U.value) == null ? void 0 : at.find((R) => R.id === E.value)) || null;
     });
     async function mt(at = !1) {
       if (V.value || !L.value) return;
@@ -9924,9 +9923,9 @@ const g0 = { class: "synt-office-relation-wrapper" }, _0 = { class: "synt-office
           limit: rg,
           page: v.value,
           filter: JSON.stringify(u.query)
-        }, E = (await ot.get(`/api/${N}/display`, { params: Bt })).data;
-        if (E.code == 200) {
-          const O = E.data;
+        }, T = (await ot.get(`/api/${N}/display`, { params: Bt })).data;
+        if (T.code == 200) {
+          const O = T.data;
           at ? (U.value = O, v.value = 2) : (U.value.push(...O), v.value++), O.length < rg && (L.value = !1);
         }
       } catch (Bt) {
@@ -9936,9 +9935,9 @@ const g0 = { class: "synt-office-relation-wrapper" }, _0 = { class: "synt-office
       }
     }
     async function gt() {
-      if (T.value)
+      if (E.value)
         try {
-          const at = await ot.get(`/api/${N}/${T.value}`);
+          const at = await ot.get(`/api/${N}/${E.value}`);
           at.data.code == 200 && (U.value = [at.data.data]);
         } catch (at) {
           console.error("fetchOne error", at);
@@ -9953,7 +9952,7 @@ const g0 = { class: "synt-office-relation-wrapper" }, _0 = { class: "synt-office
       var at;
       (at = X.value) == null || at.disconnect(), await gt();
     }
-    return so(() => T.value, gt), so(
+    return so(() => E.value, gt), so(
       () => Y.value,
       lg.debounce(async () => {
         Y.value.length < 3 || (v.value = 1, L.value = !0, await mt(!0));
@@ -9968,8 +9967,8 @@ const g0 = { class: "synt-office-relation-wrapper" }, _0 = { class: "synt-office
       var at;
       (at = X.value) == null || at.disconnect();
     }), (at, R) => {
-      var I, Bt, me, E, O, w;
-      return ut(), ht("div", B0, [
+      var I, Bt, me, T, O, w;
+      return ut(), pt("div", B0, [
         A("label", N0, qt((I = at.fields) == null ? void 0 : I.name), 1),
         A("span", P0, qt((me = (Bt = at.fields) == null ? void 0 : Bt.options) == null ? void 0 : me.note), 1),
         A("div", F0, [
@@ -9982,8 +9981,8 @@ const g0 = { class: "synt-office-relation-wrapper" }, _0 = { class: "synt-office
               [lo, V.value]
             ]),
             Br(yn(fg), {
-              modelValue: T.value,
-              "onUpdate:modelValue": R[0] || (R[0] = (S) => T.value = S),
+              modelValue: E.value,
+              "onUpdate:modelValue": R[0] || (R[0] = (S) => E.value = S),
               class: Hn(["lux-relation-control", {
                 "lux-office-relation-error": at.isError,
                 "lux-office-relation-disabled": at.isDisabled,
@@ -9991,7 +9990,7 @@ const g0 = { class: "synt-office-relation-wrapper" }, _0 = { class: "synt-office
               }]),
               options: U.value,
               reduce: (S) => S.id,
-              label: (O = (E = at.fields) == null ? void 0 : E.relation) == null ? void 0 : O.display,
+              label: (O = (T = at.fields) == null ? void 0 : T.relation) == null ? void 0 : O.display,
               placeholder: "Ketik 3 huruf untuk mencari...",
               disabled: at.isDisabled,
               filterable: !1,
@@ -9999,13 +9998,13 @@ const g0 = { class: "synt-office-relation-wrapper" }, _0 = { class: "synt-office
               onClose: Wt,
               onSearch: R[1] || (R[1] = (S) => Y.value = S == null ? void 0 : S.toLowerCase())
             }, {
-              option: Se((S) => {
+              option: $e((S) => {
                 var m, M;
                 return [
                   A("span", null, qt(S[(M = (m = at.fields) == null ? void 0 : m.relation) == null ? void 0 : M.display]), 1)
                 ];
               }),
-              "list-footer": Se(() => [
+              "list-footer": $e(() => [
                 Fn(A("li", {
                   ref_key: "loadMoreTrigger",
                   ref: Z,
@@ -10020,7 +10019,7 @@ const g0 = { class: "synt-office-relation-wrapper" }, _0 = { class: "synt-office
             }, 8, ["modelValue", "class", "options", "reduce", "label", "disabled"])
           ])
         ]),
-        at.error && ((w = at.error) == null ? void 0 : w.length) > 0 ? (ut(), ht("p", V0, "*" + qt(at.error), 1)) : $e("", !0)
+        at.error && ((w = at.error) == null ? void 0 : w.length) > 0 ? (ut(), pt("p", V0, "*" + qt(at.error), 1)) : Se("", !0)
       ]);
     };
   }