@syntify/office 0.1.22-beta.5 → 0.1.22

package/dist/syntify-office.es.js

@@ -18,8 +18,8 @@ const _g = /* @__PURE__ */ bn({
   },
   emits: ["close"],
   setup(p, { emit: A }) {
-    const o = A, q = vg(), D = Gt(p.to), W = (L) => {
-      D.value = L, o("close");
+    const o = A, q = vg(), I = Gt(p.to), W = (L) => {
+      I.value = L, o("close");
     }, v = Hn(() => q.path.split("/")[1]);
     return (L, P) => {
       const H = Pv("RouterLink");
@@ -32,11 +32,11 @@ const _g = /* @__PURE__ */ bn({
           O("i", {
             class: qn([[
               p.icon,
-              D.value === `/${v.value}` ? "synt-office-link-color-primary" : ""
+              I.value === `/${v.value}` ? "synt-office-link-color-primary" : ""
             ], "synt-office-link-icon"])
           }, null, 2),
           O("span", {
-            class: qn([[D.value === `/${v.value}` ? "synt-office-link-font-bold" : ""], "synt-office-link-label"])
+            class: qn([[I.value === `/${v.value}` ? "synt-office-link-font-bold" : ""], "synt-office-link-label"])
           }, Pt(p.label), 3)
         ]),
         _: 1
@@ -45,8 +45,8 @@ const _g = /* @__PURE__ */ bn({
   }
 }), Fr = (p, A) => {
   const o = p.__vccOpts || p;
-  for (const [q, D] of A)
-    o[q] = D;
+  for (const [q, I] of A)
+    o[q] = I;
   return o;
 }, r1 = /* @__PURE__ */ Fr(_g, [["__scopeId", "data-v-1d74c6dc"]]), yg = {}, mg = { class: "synt-office-layout-wrapper" };
 function wg(p, A) {
@@ -126,7 +126,7 @@ const bg = /* @__PURE__ */ Fr(yg, [["render", wg], ["__scopeId", "data-v-5c72098
   emits: ["refresh"],
   setup(p, { emit: A }) {
     return (o, q) => {
-      const D = Pv("RouterLink");
+      const I = Pv("RouterLink");
       return ot(), Nr(nn(sg), {
         icon: o.model.info.icon,
         label: o.model.label
@@ -134,7 +134,7 @@ const bg = /* @__PURE__ */ Fr(yg, [["render", wg], ["__scopeId", "data-v-5c72098
         end: he(() => {
           var W, v, L;
           return [
-            (W = o.model.excludes) != null && W.includes("create") ? be("", !0) : (ot(), Nr(D, {
+            (W = o.model.excludes) != null && W.includes("create") ? be("", !0) : (ot(), Nr(I, {
               key: 0,
               to: {
                 path: `${o.model.collection.path}/new`,
@@ -284,7 +284,7 @@ function Mg() {
               K.stopPropagation(), this.options.onClick();
             }).bind(this)
           ), typeof this.options.offset == "object") {
-            var It = D("x", this.options), ft = D("y", this.options), U = this.options.position == "left" ? It : "-" + It, X = this.options.gravity == "toastify-top" ? ft : "-" + ft;
+            var It = I("x", this.options), ft = I("y", this.options), U = this.options.position == "left" ? It : "-" + It, X = this.options.gravity == "toastify-top" ? ft : "-" + ft;
             v.style.transform = "translate(" + U + "," + X + ")";
           }
           return v;
@@ -334,7 +334,7 @@ function Mg() {
         }
         return this;
       };
-      function D(v, L) {
+      function I(v, L) {
         return L.offset[v] ? isNaN(L.offset[v]) ? L.offset[v] : L.offset[v] + "px" : "0px";
       }
       function W(v, L) {
@@ -355,7 +355,7 @@ function Bg() {
     (function(o, q) {
       p.exports = q();
     })(kg, function() {
-      var o = 1e3, q = 6e4, D = 36e5, W = "millisecond", v = "second", L = "minute", P = "hour", H = "day", tt = "week", J = "month", It = "quarter", ft = "year", U = "date", X = "Invalid Date", K = /^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/, nt = /\[([^\]]+)]|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, ne = { 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 = 1e3, q = 6e4, I = 36e5, W = "millisecond", v = "second", L = "minute", P = "hour", H = "day", tt = "week", J = "month", It = "quarter", ft = "year", U = "date", X = "Invalid Date", K = /^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/, nt = /\[([^\]]+)]|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, ne = { 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 b = ["th", "st", "nd", "rd"], w = T % 100;
         return "[" + T + (b[(w - 20) % 10] || b[w] || b[0]) + "]";
       } }, At = function(T, b, w) {
@@ -391,13 +391,13 @@ function Bg() {
           $t[Z] = b, m = Z;
         }
         return !S && m && (rt = m), m || !S && rt;
-      }, I = function(T, b) {
+      }, D = function(T, b) {
         if (Yt(T)) return T.clone();
         var w = typeof b == "object" ? b : {};
         return w.date = T, w.args = arguments, new Dt(w);
       }, E = Bt;
       E.l = at, E.i = Yt, E.w = function(T, b) {
-        return I(T, { locale: b.$L, utc: b.$u, x: b.$x, $offset: b.$offset });
+        return D(T, { locale: b.$L, utc: b.$u, x: b.$x, $offset: b.$offset });
       };
       var Dt = function() {
         function T(w) {
@@ -427,12 +427,12 @@ function Bg() {
         }, b.isValid = function() {
           return this.$d.toString() !== X;
         }, b.isSame = function(w, S) {
-          var m = I(w);
+          var m = D(w);
           return this.startOf(S) <= m && m <= this.endOf(S);
         }, b.isAfter = function(w, S) {
-          return I(w) < this.startOf(S);
+          return D(w) < this.startOf(S);
         }, b.isBefore = function(w, S) {
-          return this.endOf(S) < I(w);
+          return this.endOf(S) < D(w);
         }, b.$g = function(w, S, m) {
           return E.u(w) ? this[S] : this.set(m, w);
         }, b.unix = function() {
@@ -483,14 +483,14 @@ function Bg() {
           var m, R = this;
           w = Number(w);
           var N = E.p(S), Z = function(St) {
-            var bt = I(R);
+            var bt = D(R);
             return E.w(bt.date(bt.date() + Math.round(St * w)), R);
           };
           if (N === J) return this.set(J, this.$M + w);
           if (N === ft) return this.set(ft, this.$y + w);
           if (N === H) return Z(1);
           if (N === tt) return Z(7);
-          var vt = (m = {}, m[L] = q, m[P] = D, m[v] = o, m)[N] || 1, wt = this.$d.getTime() + w * vt;
+          var vt = (m = {}, m[L] = q, m[P] = I, m[v] = o, m)[N] || 1, wt = this.$d.getTime() + w * vt;
           return E.w(wt, this);
         }, b.subtract = function(w, S) {
           return this.add(-1 * w, S);
@@ -563,7 +563,7 @@ function Bg() {
         }, b.utcOffset = function() {
           return 15 * -Math.round(this.$d.getTimezoneOffset() / 15);
         }, b.diff = function(w, S, m) {
-          var R, N = this, Z = E.p(S), vt = I(w), wt = (vt.utcOffset() - this.utcOffset()) * q, St = this - vt, bt = function() {
+          var R, N = this, Z = E.p(S), vt = D(w), wt = (vt.utcOffset() - this.utcOffset()) * q, St = this - vt, bt = function() {
             return E.m(N, vt);
           };
           switch (Z) {
@@ -583,7 +583,7 @@ function Bg() {
               R = (St - wt) / 864e5;
               break;
             case P:
-              R = St / D;
+              R = St / I;
               break;
             case L:
               R = St / q;
@@ -615,15 +615,15 @@ function Bg() {
           return this.$d.toUTCString();
         }, T;
       }(), ce = Dt.prototype;
-      return I.prototype = ce, [["$ms", W], ["$s", v], ["$m", L], ["$H", P], ["$W", H], ["$M", J], ["$y", ft], ["$D", U]].forEach(function(T) {
+      return D.prototype = ce, [["$ms", W], ["$s", v], ["$m", L], ["$H", P], ["$W", H], ["$M", J], ["$y", ft], ["$D", U]].forEach(function(T) {
         ce[T[1]] = function(b) {
           return this.$g(b, T[0], T[1]);
         };
-      }), I.extend = function(T, b) {
-        return T.$i || (T(b, Dt, I), T.$i = !0), I;
-      }, I.locale = at, I.isDayjs = Yt, I.unix = function(T) {
-        return I(1e3 * T);
-      }, I.en = $t[rt], I.Ls = $t, I.p = {}, I;
+      }), D.extend = function(T, b) {
+        return T.$i || (T(b, Dt, D), T.$i = !0), D;
+      }, D.locale = at, D.isDayjs = Yt, D.unix = function(T) {
+        return D(1e3 * T);
+      }, D.en = $t[rt], D.Ls = $t, D.p = {}, D;
     });
   }(Wv)), Wv.exports;
 }
@@ -647,17 +647,17 @@ const Pg = ["disabled"], Ug = /* @__PURE__ */ bn({
   emits: ["click"],
   setup(p, { emit: A }) {
     const o = p, q = Hn(() => o.color == "success" ? "text-green-100 bg-green-600 border-green-700 hover:text-white hover:bg-green-700" : o.color == "danger" ? "text-red-100 bg-red-600 border-red-700 hover:text-white hover:bg-red-700" : o.color == "warning" ? "text-yellow-900 bg-yellow-500 border-yellow-600 hover:text-white hover:bg-yellow-600" : "text-gray-200 bg-gray-900 border-black hover:text-white hover:bg-black");
-    return (D, W) => (ot(), ht("button", {
+    return (I, W) => (ot(), ht("button", {
       type: "button",
       class: qn([
         "min-w-20 gap-1.5 duration-300 border-2 px-2.5 py-1 rounded-full flex justify-center items-center disabled:text-gray-400 disabled:bg-border disabled:border-2 disabled:border-gray-300",
         q.value
       ]),
-      onClick: W[0] || (W[0] = rn((v) => D.$emit("click"), ["stop", "prevent"])),
-      disabled: D.isDisabled
+      onClick: W[0] || (W[0] = rn((v) => I.$emit("click"), ["stop", "prevent"])),
+      disabled: I.isDisabled
     }, [
-      qt(D.$slots, "default"),
-      O("span", null, Pt(D.label), 1)
+      qt(I.$slots, "default"),
+      O("span", null, Pt(I.label), 1)
     ], 10, Pg));
   }
 }), zg = {
@@ -671,7 +671,7 @@ const Pg = ["disabled"], Ug = /* @__PURE__ */ bn({
   },
   emits: ["on:delete"],
   setup(p, { emit: A }) {
-    const o = A, q = Gt(!1), D = async () => {
+    const o = A, q = Gt(!1), I = async () => {
       q.value = !0;
     }, W = async () => {
       q.value = !1;
@@ -683,7 +683,7 @@ const Pg = ["disabled"], Ug = /* @__PURE__ */ bn({
         label: "Hapus",
         color: "danger",
         "is-disabled": L.isDisabled,
-        onClick: D
+        onClick: I
       }, {
         default: he(() => P[0] || (P[0] = [
           O("i", { class: "fa-solid fa-trash" }, null, -1)
@@ -755,7 +755,7 @@ const Pg = ["disabled"], Ug = /* @__PURE__ */ bn({
   },
   emits: ["on:delete"],
   setup(p, { emit: A }) {
-    const o = p, q = gg(), D = Hn(() => o.model.definition.replace(":", "_").replace("/", "")), W = Gt({
+    const o = p, q = gg(), I = Hn(() => o.model.definition.replace(":", "_").replace("/", "")), W = Gt({
       visible: !1,
       x: 0,
       y: 0,
@@ -808,7 +808,7 @@ const Pg = ["disabled"], Ug = /* @__PURE__ */ bn({
       var K;
       return ot(), ht(Kn, null, [
         O("div", {
-          id: D.value,
+          id: I.value,
           class: "synt-office-collection-table-wrapper"
         }, [
           qt(U.$slots, "default", {}, void 0, !0),
@@ -834,7 +834,7 @@ const Pg = ["disabled"], Ug = /* @__PURE__ */ bn({
                 }, [
                   O("td", null, Pt(ne + 1), 1),
                   (ot(!0), ht(Kn, null, ao(U.model.collection.columns, (rt, $t) => {
-                    var Lt, Yt, at, I, E;
+                    var Lt, Yt, at, D, E;
                     return ot(), ht("td", { key: $t }, [
                       rt.type == "currency" ? (ot(), ht("div", Qg, Pt(nn(Rg)(nt[rt.handle])), 1)) : rt.type == "date" ? (ot(), ht("div", t0, Pt(nn(Ng)(nt[rt.handle])), 1)) : rt.type == "datetime" ? (ot(), ht("div", e0, Pt(nn(Fg)(nt[rt.handle])), 1)) : rt.type == "choice" ? (ot(), ht("div", {
                         key: 3,
@@ -847,7 +847,7 @@ const Pg = ["disabled"], Ug = /* @__PURE__ */ bn({
                             (Yt = rt.choices[nt[rt.handle]]) == null ? void 0 : Yt.color
                           ) ? void 0 : {
                             backgroundColor: (at = rt.choices[nt[rt.handle]]) == null ? void 0 : at.color,
-                            color: ((I = rt.choices[nt[rt.handle]]) == null ? void 0 : I.textColor) ?? "black"
+                            color: ((D = rt.choices[nt[rt.handle]]) == null ? void 0 : D.textColor) ?? "black"
                           }
                         )
                       }, Pt(((E = rt.choices[nt[rt.handle]]) == null ? void 0 : E.name) ?? nt[rt.handle]), 7)) : (ot(), ht("div", n0, Pt(nt[rt.handle]), 1))
@@ -974,7 +974,7 @@ var y0 = Hs.exports, Zv;
 function m0() {
   return Zv || (Zv = 1, function(p, A) {
     (function() {
-      var o, q = "4.17.21", D = 200, W = "Unsupported core-js use. Try https://npms.io/search?q=ponyfill.", v = "Expected a function", L = "Invalid `variable` option passed into `_.template`", P = "__lodash_hash_undefined__", H = 500, tt = "__lodash_placeholder__", J = 1, It = 2, ft = 4, U = 1, X = 2, K = 1, nt = 2, ne = 4, At = 8, Bt = 16, rt = 32, $t = 64, Lt = 128, Yt = 256, at = 512, I = 30, E = "...", Dt = 800, ce = 16, T = 1, b = 2, w = 3, S = 1 / 0, m = 9007199254740991, R = 17976931348623157e292, N = NaN, Z = 4294967295, vt = Z - 1, wt = Z >>> 1, St = [
+      var o, q = "4.17.21", I = 200, W = "Unsupported core-js use. Try https://npms.io/search?q=ponyfill.", v = "Expected a function", L = "Invalid `variable` option passed into `_.template`", P = "__lodash_hash_undefined__", H = 500, tt = "__lodash_placeholder__", J = 1, It = 2, ft = 4, U = 1, X = 2, K = 1, nt = 2, ne = 4, At = 8, Bt = 16, rt = 32, $t = 64, Lt = 128, Yt = 256, at = 512, D = 30, E = "...", Dt = 800, ce = 16, T = 1, b = 2, w = 3, S = 1 / 0, m = 9007199254740991, R = 17976931348623157e292, N = NaN, Z = 4294967295, vt = Z - 1, wt = Z >>> 1, St = [
         ["ary", Lt],
         ["bind", K],
         ["bindKey", nt],
@@ -1762,7 +1762,7 @@ function m0() {
           var n = this.__data__;
           if (n instanceof Le) {
             var r = n.__data__;
-            if (!En || r.length < D - 1)
+            if (!En || r.length < I - 1)
               return r.push([t, e]), this.size = ++n.size, this;
             n = this.__data__ = new Ee(r);
           }
@@ -1894,7 +1894,7 @@ function m0() {
           var i = -1, s = Qn, a = !0, l = t.length, c = [], g = e.length;
           if (!l)
             return c;
-          n && (e = dt(e, Xt(n))), r ? (s = ii, a = !1) : e.length >= D && (s = Cn, a = !1, e = new Je(e));
+          n && (e = dt(e, Xt(n))), r ? (s = ii, a = !1) : e.length >= I && (s = Cn, a = !1, e = new Je(e));
           t:
             for (; ++i < l; ) {
               var _ = t[i], y = n == null ? _ : n(_);
@@ -2326,7 +2326,7 @@ function m0() {
           var r = -1, i = Qn, s = t.length, a = !0, l = [], c = l;
           if (n)
             a = !1, i = ii;
-          else if (s >= D) {
+          else if (s >= I) {
             var g = e ? null : nc(t);
             if (g)
               return er(g);
@@ -4334,7 +4334,7 @@ function print() { __p += __j.call(arguments, '') }
           return Ve(r, i).join("");
         }
         function Gd(t, e) {
-          var n = I, r = E;
+          var n = D, r = E;
           if (gt(e)) {
             var i = "separator" in e ? e.separator : i;
             n = "length" in e ? V(e.length) : n, r = "omission" in e ? jt(e.omission) : r;
@@ -4640,13 +4640,13 @@ const lg = /* @__PURE__ */ _0(w0), b0 = { class: "synt-office-tabs synt-no-scrol
   setup(p) {
     const A = Gt(null), o = Gt([]), q = (v, L) => {
       o.value.push({ title: v, setActive: L }), A.value === null && (A.value = v, L(!0));
-    }, D = (v) => {
+    }, I = (v) => {
       var L;
       o.value = o.value.filter((P) => P.title !== v), A.value === v && (A.value = ((L = o.value[0]) == null ? void 0 : L.title) || null, o.value.length > 0 ? (A.value = o.value[0].title, o.value.forEach((P) => P.setActive(P.title === A.value))) : A.value = null);
     }, W = (v) => {
       A.value = v, o.value.forEach((L) => L.setActive(L.title === v));
     };
-    return Hv("registerTab", q), Hv("unregisterTab", D), (v, L) => (ot(), ht(Kn, null, [
+    return Hv("registerTab", q), Hv("unregisterTab", I), (v, L) => (ot(), ht(Kn, null, [
       O("div", b0, [
         (ot(!0), ht(Kn, null, ao(o.value, (P) => (ot(), ht("button", {
           key: P.title,
@@ -4671,8 +4671,8 @@ const lg = /* @__PURE__ */ _0(w0), b0 = { class: "synt-office-tabs synt-no-scrol
     const A = Gt(!1), o = Vv(
       "registerTab"
     ), q = Vv("unregisterTab");
-    return Vs(() => o == null ? void 0 : o(p.title, (D) => A.value = D)), hg(() => q == null ? void 0 : q(p.title)), (D, W) => Vn((ot(), ht("div", A0, [
-      qt(D.$slots, "default", {}, void 0, !0)
+    return Vs(() => o == null ? void 0 : o(p.title, (I) => A.value = I)), hg(() => q == null ? void 0 : q(p.title)), (I, W) => Vn((ot(), ht("div", A0, [
+      qt(I.$slots, "default", {}, void 0, !0)
     ], 512)), [
       [lo, A.value]
     ]);
@@ -4692,9 +4692,9 @@ const lg = /* @__PURE__ */ _0(w0), b0 = { class: "synt-office-tabs synt-no-scrol
   },
   emits: ["delete", "duplicate"],
   setup(p, { emit: A }) {
-    const o = p, q = A, D = Gt(!1), W = Gt({}), v = Gt(null), L = Gt(null), P = Gt(null), H = Gt(!1), tt = async () => {
+    const o = p, q = A, I = Gt(!1), W = Gt({}), v = Gt(null), L = Gt(null), P = Gt(null), H = Gt(!1), tt = async () => {
       var K, nt;
-      if (!((K = o.model.excludes) != null && K.includes("delete") && ((nt = o.model.excludes) != null && nt.includes("duplicate"))) && (D.value = !D.value, await Ks(), D.value && P.value && L.value)) {
+      if (!((K = o.model.excludes) != null && K.includes("delete") && ((nt = o.model.excludes) != null && nt.includes("duplicate"))) && (I.value = !I.value, await Ks(), I.value && P.value && L.value)) {
         const ne = P.value.getBoundingClientRect();
         W.value = {
           top: `${ne.height}px`,
@@ -4703,13 +4703,13 @@ const lg = /* @__PURE__ */ _0(w0), b0 = { class: "synt-office-tabs synt-no-scrol
         };
       }
     }, J = (K) => {
-      D.value && v.value && !v.value.contains(K.target) && (D.value = !1);
+      I.value && v.value && !v.value.contains(K.target) && (I.value = !1);
     }, It = async () => {
-      await q("duplicate"), D.value = !1;
+      await q("duplicate"), I.value = !1;
     }, ft = async () => {
       H.value = !1;
     }, U = async () => {
-      D.value = !1, H.value = !0;
+      I.value = !1, H.value = !0;
     }, X = async () => {
       await q("delete"), H.value = !1;
     };
@@ -4760,7 +4760,7 @@ const lg = /* @__PURE__ */ _0(w0), b0 = { class: "synt-office-tabs synt-no-scrol
               default: he(() => {
                 var Bt, rt, $t, Lt;
                 return [
-                  D.value ? (ot(), ht("div", {
+                  I.value ? (ot(), ht("div", {
                     key: 0,
                     ref_key: "dropdownRef",
                     ref: L,
@@ -4866,10 +4866,10 @@ const U0 = {
       var p;
       const A = ((p = this.$refs.dropdownMenu) == null ? void 0 : p.children[this.typeAheadPointer]) || !1;
       if (A) {
-        const o = this.getDropdownViewport(), { top: q, bottom: D, height: W } = A.getBoundingClientRect();
+        const o = this.getDropdownViewport(), { top: q, bottom: I, height: W } = A.getBoundingClientRect();
         if (q < o.top)
           return this.$refs.dropdownMenu.scrollTop = A.offsetTop;
-        if (D > o.bottom)
+        if (I > o.bottom)
           return this.$refs.dropdownMenu.scrollTop = A.offsetTop - (o.height - W);
       }
     },
@@ -4952,8 +4952,8 @@ const U0 = {
   }
 }, zv = (p, A) => {
   const o = p.__vccOpts || p;
-  for (const [q, D] of A)
-    o[q] = D;
+  for (const [q, I] of A)
+    o[q] = I;
   return o;
 }, V0 = {}, q0 = {
   xmlns: "http://www.w3.org/2000/svg",
@@ -4984,13 +4984,13 @@ const e_ = /* @__PURE__ */ zv(J0, [["render", t_]]), Qv = {
       const {
         height: o,
         top: q,
-        left: D,
+        left: I,
         width: W
       } = A.$refs.toggle.getBoundingClientRect();
       let v = window.scrollX || window.pageXOffset, L = window.scrollY || window.pageYOffset;
       p.unbindPosition = A.calculatePosition(p, A, {
         width: W + "px",
-        left: v + D + "px",
+        left: v + I + "px",
         top: L + q + o + "px"
       }), document.body.appendChild(p);
     }
@@ -5203,8 +5203,8 @@ https://vue-select.org/api/props.html#getoptionkey`, p, A);
     },
     calculatePosition: {
       type: Function,
-      default(p, A, { width: o, top: q, left: D }) {
-        p.style.top = q, p.style.left = D, p.style.width = o;
+      default(p, A, { width: o, top: q, left: I }) {
+        p.style.top = q, p.style.left = I, p.style.width = o;
       }
     },
     dropdownShouldOpen: {
@@ -5454,14 +5454,14 @@ https://vue-select.org/api/props.html#getoptionkey`, p, A);
       this.mousedown = !1;
     },
     onSearchKeyDown(p) {
-      const A = (D) => (D.preventDefault(), !this.isComposing && this.typeAheadSelect()), o = {
-        8: (D) => this.maybeDeleteValue(),
-        9: (D) => this.onTab(),
-        27: (D) => this.onEscape(),
-        38: (D) => (D.preventDefault(), this.typeAheadUp()),
-        40: (D) => (D.preventDefault(), this.typeAheadDown())
+      const A = (I) => (I.preventDefault(), !this.isComposing && this.typeAheadSelect()), o = {
+        8: (I) => this.maybeDeleteValue(),
+        9: (I) => this.onTab(),
+        27: (I) => this.onEscape(),
+        38: (I) => (I.preventDefault(), this.typeAheadUp()),
+        40: (I) => (I.preventDefault(), this.typeAheadDown())
       };
-      this.selectOnKeyCodes.forEach((D) => o[D] = A);
+      this.selectOnKeyCodes.forEach((I) => o[I] = A);
       const q = this.mapKeydown(o, this);
       if (typeof q[p.keyCode] == "function")
         return q[p.keyCode](p);
@@ -5477,7 +5477,7 @@ https://vue-select.org/api/props.html#getoptionkey`, p, A);
   key: 0,
   class: "vs__no-options"
 }, __ = /* @__PURE__ */ Gn(" Sorry, no matching options. "), y_ = ["id"];
-function m_(p, A, o, q, D, W) {
+function m_(p, A, o, q, I, W) {
   const v = pg("append-to-body");
   return ot(), ht("div", {
     dir: o.dir,
@@ -5511,7 +5511,7 @@ function m_(p, A, o, q, D, W) {
             o.multiple ? (ot(), ht("button", {
               key: 0,
               ref_for: !0,
-              ref: (H) => D.deselectButtons[P] = H,
+              ref: (H) => I.deselectButtons[P] = H,
               disabled: o.disabled,
               type: "button",
               class: "vs__deselect",
@@ -5616,7 +5616,7 @@ var w_ = Ys.exports, tg;
 function b_() {
   return tg || (tg = 1, function(p, A) {
     (function() {
-      var o, q = "4.17.21", D = 200, W = "Unsupported core-js use. Try https://npms.io/search?q=ponyfill.", v = "Expected a function", L = "Invalid `variable` option passed into `_.template`", P = "__lodash_hash_undefined__", H = 500, tt = "__lodash_placeholder__", J = 1, It = 2, ft = 4, U = 1, X = 2, K = 1, nt = 2, ne = 4, At = 8, Bt = 16, rt = 32, $t = 64, Lt = 128, Yt = 256, at = 512, I = 30, E = "...", Dt = 800, ce = 16, T = 1, b = 2, w = 3, S = 1 / 0, m = 9007199254740991, R = 17976931348623157e292, N = NaN, Z = 4294967295, vt = Z - 1, wt = Z >>> 1, St = [
+      var o, q = "4.17.21", I = 200, W = "Unsupported core-js use. Try https://npms.io/search?q=ponyfill.", v = "Expected a function", L = "Invalid `variable` option passed into `_.template`", P = "__lodash_hash_undefined__", H = 500, tt = "__lodash_placeholder__", J = 1, It = 2, ft = 4, U = 1, X = 2, K = 1, nt = 2, ne = 4, At = 8, Bt = 16, rt = 32, $t = 64, Lt = 128, Yt = 256, at = 512, D = 30, E = "...", Dt = 800, ce = 16, T = 1, b = 2, w = 3, S = 1 / 0, m = 9007199254740991, R = 17976931348623157e292, N = NaN, Z = 4294967295, vt = Z - 1, wt = Z >>> 1, St = [
         ["ary", Lt],
         ["bind", K],
         ["bindKey", nt],
@@ -6404,7 +6404,7 @@ function b_() {
           var n = this.__data__;
           if (n instanceof Le) {
             var r = n.__data__;
-            if (!En || r.length < D - 1)
+            if (!En || r.length < I - 1)
               return r.push([t, e]), this.size = ++n.size, this;
             n = this.__data__ = new Ee(r);
           }
@@ -6536,7 +6536,7 @@ function b_() {
           var i = -1, s = Qn, a = !0, l = t.length, c = [], g = e.length;
           if (!l)
             return c;
-          n && (e = dt(e, Xt(n))), r ? (s = ii, a = !1) : e.length >= D && (s = Cn, a = !1, e = new Je(e));
+          n && (e = dt(e, Xt(n))), r ? (s = ii, a = !1) : e.length >= I && (s = Cn, a = !1, e = new Je(e));
           t:
             for (; ++i < l; ) {
               var _ = t[i], y = n == null ? _ : n(_);
@@ -6968,7 +6968,7 @@ function b_() {
           var r = -1, i = Qn, s = t.length, a = !0, l = [], c = l;
           if (n)
             a = !1, i = ii;
-          else if (s >= D) {
+          else if (s >= I) {
             var g = e ? null : nc(t);
             if (g)
               return er(g);
@@ -8976,7 +8976,7 @@ function print() { __p += __j.call(arguments, '') }
           return Ve(r, i).join("");
         }
         function Gd(t, e) {
-          var n = I, r = E;
+          var n = D, r = E;
           if (gt(e)) {
             var i = "separator" in e ? e.separator : i;
             n = "length" in e ? V(e.length) : n, r = "omission" in e ? jt(e.omission) : r;
@@ -9380,7 +9380,7 @@ function O_() {
               K.stopPropagation(), this.options.onClick();
             }).bind(this)
           ), typeof this.options.offset == "object") {
-            var It = D("x", this.options), ft = D("y", this.options), U = this.options.position == "left" ? It : "-" + It, X = this.options.gravity == "toastify-top" ? ft : "-" + ft;
+            var It = I("x", this.options), ft = I("y", this.options), U = this.options.position == "left" ? It : "-" + It, X = this.options.gravity == "toastify-top" ? ft : "-" + ft;
             v.style.transform = "translate(" + U + "," + X + ")";
           }
           return v;
@@ -9430,7 +9430,7 @@ function O_() {
         }
         return this;
       };
-      function D(v, L) {
+      function I(v, L) {
         return L.offset[v] ? isNaN(L.offset[v]) ? L.offset[v] : L.offset[v] + "px" : "0px";
       }
       function W(v, L) {
@@ -9447,7 +9447,7 @@ function A_() {
     (function(o, q) {
       p.exports = q();
     })($_, function() {
-      var o = 1e3, q = 6e4, D = 36e5, W = "millisecond", v = "second", L = "minute", P = "hour", H = "day", tt = "week", J = "month", It = "quarter", ft = "year", U = "date", X = "Invalid Date", K = /^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/, nt = /\[([^\]]+)]|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, ne = { 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 = 1e3, q = 6e4, I = 36e5, W = "millisecond", v = "second", L = "minute", P = "hour", H = "day", tt = "week", J = "month", It = "quarter", ft = "year", U = "date", X = "Invalid Date", K = /^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/, nt = /\[([^\]]+)]|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, ne = { 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 b = ["th", "st", "nd", "rd"], w = T % 100;
         return "[" + T + (b[(w - 20) % 10] || b[w] || b[0]) + "]";
       } }, At = function(T, b, w) {
@@ -9483,13 +9483,13 @@ function A_() {
           $t[Z] = b, m = Z;
         }
         return !S && m && (rt = m), m || !S && rt;
-      }, I = function(T, b) {
+      }, D = function(T, b) {
         if (Yt(T)) return T.clone();
         var w = typeof b == "object" ? b : {};
         return w.date = T, w.args = arguments, new Dt(w);
       }, E = Bt;
       E.l = at, E.i = Yt, E.w = function(T, b) {
-        return I(T, { locale: b.$L, utc: b.$u, x: b.$x, $offset: b.$offset });
+        return D(T, { locale: b.$L, utc: b.$u, x: b.$x, $offset: b.$offset });
       };
       var Dt = function() {
         function T(w) {
@@ -9519,12 +9519,12 @@ function A_() {
         }, b.isValid = function() {
           return this.$d.toString() !== X;
         }, b.isSame = function(w, S) {
-          var m = I(w);
+          var m = D(w);
           return this.startOf(S) <= m && m <= this.endOf(S);
         }, b.isAfter = function(w, S) {
-          return I(w) < this.startOf(S);
+          return D(w) < this.startOf(S);
         }, b.isBefore = function(w, S) {
-          return this.endOf(S) < I(w);
+          return this.endOf(S) < D(w);
         }, b.$g = function(w, S, m) {
           return E.u(w) ? this[S] : this.set(m, w);
         }, b.unix = function() {
@@ -9575,14 +9575,14 @@ function A_() {
           var m, R = this;
           w = Number(w);
           var N = E.p(S), Z = function(St) {
-            var bt = I(R);
+            var bt = D(R);
             return E.w(bt.date(bt.date() + Math.round(St * w)), R);
           };
           if (N === J) return this.set(J, this.$M + w);
           if (N === ft) return this.set(ft, this.$y + w);
           if (N === H) return Z(1);
           if (N === tt) return Z(7);
-          var vt = (m = {}, m[L] = q, m[P] = D, m[v] = o, m)[N] || 1, wt = this.$d.getTime() + w * vt;
+          var vt = (m = {}, m[L] = q, m[P] = I, m[v] = o, m)[N] || 1, wt = this.$d.getTime() + w * vt;
           return E.w(wt, this);
         }, b.subtract = function(w, S) {
           return this.add(-1 * w, S);
@@ -9655,7 +9655,7 @@ function A_() {
         }, b.utcOffset = function() {
           return 15 * -Math.round(this.$d.getTimezoneOffset() / 15);
         }, b.diff = function(w, S, m) {
-          var R, N = this, Z = E.p(S), vt = I(w), wt = (vt.utcOffset() - this.utcOffset()) * q, St = this - vt, bt = function() {
+          var R, N = this, Z = E.p(S), vt = D(w), wt = (vt.utcOffset() - this.utcOffset()) * q, St = this - vt, bt = function() {
             return E.m(N, vt);
           };
           switch (Z) {
@@ -9675,7 +9675,7 @@ function A_() {
               R = (St - wt) / 864e5;
               break;
             case P:
-              R = St / D;
+              R = St / I;
               break;
             case L:
               R = St / q;
@@ -9707,21 +9707,21 @@ function A_() {
           return this.$d.toUTCString();
         }, T;
       }(), ce = Dt.prototype;
-      return I.prototype = ce, [["$ms", W], ["$s", v], ["$m", L], ["$H", P], ["$W", H], ["$M", J], ["$y", ft], ["$D", U]].forEach(function(T) {
+      return D.prototype = ce, [["$ms", W], ["$s", v], ["$m", L], ["$H", P], ["$W", H], ["$M", J], ["$y", ft], ["$D", U]].forEach(function(T) {
         ce[T[1]] = function(b) {
           return this.$g(b, T[0], T[1]);
         };
-      }), I.extend = function(T, b) {
-        return T.$i || (T(b, Dt, I), T.$i = !0), I;
-      }, I.locale = at, I.isDayjs = Yt, I.unix = function(T) {
-        return I(1e3 * T);
-      }, I.en = $t[rt], I.Ls = $t, I.p = {}, I;
+      }), D.extend = function(T, b) {
+        return T.$i || (T(b, Dt, D), T.$i = !0), D;
+      }, D.locale = at, D.isDayjs = Yt, D.unix = function(T) {
+        return D(1e3 * T);
+      }, D.en = $t[rt], D.Ls = $t, D.p = {}, D;
     });
   }(Fv)), Fv.exports;
 }
 A_();
 function S_(p) {
-  const [A, o, q] = p.relation.definition.split(":"), D = p.relation.api[o], W = Gt(!1), v = Gt([]), L = Gt({
+  const [A, o, q] = p.relation.definition.split(":"), I = p.relation.api[o], W = Gt(!1), v = Gt([]), L = Gt({
     limit: 99999,
     page: 1
   });
@@ -9737,7 +9737,7 @@ function S_(p) {
           page: L.value.page,
           filter: JSON.stringify(P.query)
         }));
-        await D.get(`/api/${q}`, {
+        await I.get(`/api/${q}`, {
           params: H.value
         }).then((tt) => tt.data).then((tt) => {
           tt.code == 200 && (v.value = tt == null ? void 0 : tt.data);
@@ -9770,14 +9770,14 @@ const C_ = { class: "synt-office-relation-wrapper" }, L_ = { class: "synt-office
   }),
   emits: /* @__PURE__ */ Zs(["update:selected", "fetch:filtered"], ["update:modelValue"]),
   setup(p, { emit: A }) {
-    const o = p, q = A, D = og(p, "modelValue"), { options: W, isLoading: v, fetchData: L } = S_({
+    const o = p, q = A, I = og(p, "modelValue"), { options: W, isLoading: v, fetchData: L } = S_({
       relation: o.fields.relation
     }), P = Gt(""), H = Gt(99999), tt = Gt(null), J = Gt(null), It = Gt(!1), ft = Hn(() => {
-      var I, E;
-      return (E = (I = o.fields) == null ? void 0 : I.options) == null ? void 0 : E.isMultiple;
+      var D, E;
+      return (E = (D = o.fields) == null ? void 0 : D.options) == null ? void 0 : E.isMultiple;
     }), U = Hn(() => {
-      var I;
-      return (I = W.value) == null ? void 0 : I.filter(
+      var D;
+      return (D = W.value) == null ? void 0 : D.filter(
         (E) => {
           var Dt, ce, T, b;
           return (b = (T = E == null ? void 0 : E[(ce = (Dt = o.fields) == null ? void 0 : Dt.relation) == null ? void 0 : ce.display]) == null ? void 0 : T.toLowerCase()) == null ? void 0 : b.includes(P.value);
@@ -9785,76 +9785,76 @@ const C_ = { class: "synt-office-relation-wrapper" }, L_ = { class: "synt-office
       );
     }), X = Hn(() => U.value.slice(0, H.value)), K = Hn(() => X.value.length < U.value.length), nt = Hn(() => {
       var ce, T;
-      const I = (T = (ce = o.fields) == null ? void 0 : ce.relation) == null ? void 0 : T.id, E = D.value, Dt = W.value || [];
+      const D = (T = (ce = o.fields) == null ? void 0 : ce.relation) == null ? void 0 : T.id, E = I.value, Dt = W.value || [];
       if (E == null) return null;
       if (Array.isArray(E)) {
         const b = new Set(E);
-        return Dt.filter((w) => b.has(w == null ? void 0 : w[I]));
+        return Dt.filter((w) => b.has(w == null ? void 0 : w[D]));
       }
-      return Dt.find((b) => (b == null ? void 0 : b[I]) === E) || null;
+      return Dt.find((b) => (b == null ? void 0 : b[D]) === E) || null;
     }), ne = Gt([]);
     so(
       () => o.query,
-      async (I) => {
-        ne.value = I;
+      async (D) => {
+        ne.value = D;
       },
       { immediate: !0 }
     ), so(
       () => ne.value,
-      async (I) => {
-        I && await L({ query: I });
+      async (D) => {
+        D && await L({ query: D });
       }
     ), so(
       nt,
-      (I) => {
-        console.log({ newVal: I }), q("update:selected", I);
+      (D) => {
+        q("update:selected", D);
       },
       { deep: !0 }
     );
-    const At = async ([{ isIntersecting: I, target: E }]) => {
-      if (I) {
+    const At = async ([{ isIntersecting: D, target: E }]) => {
+      if (D) {
         const Dt = E.offsetParent, ce = Dt.scrollTop;
         H.value += 10, await Ks(), Dt.scrollTop = ce;
       }
     }, Bt = async () => {
-      W.value.length && !Array.isArray(D.value) || await L({ query: ne.value });
-    }, rt = async (I) => {
-      Array.isArray(D.value) && (D.value.includes(I) ? D.value = D.value.filter((Dt) => Dt !== I) : D.value.push(I)), await Bt();
+      W.value.length && !Array.isArray(I.value) || await L({ query: ne.value });
+    }, rt = async (D) => {
+      Array.isArray(I.value) && (I.value.includes(D) ? I.value = I.value.filter((Dt) => Dt !== D) : I.value.push(D)), await Bt();
     }, $t = Hn(() => {
-      if (Array.isArray(D.value))
+      if (Array.isArray(I.value))
         return U.value.length > 0 && U.value.every(
-          (I) => Array.isArray(D.value) && D.value.includes(I.id)
+          (D) => Array.isArray(I.value) && I.value.includes(D.id)
         );
     });
     function Lt() {
-      if (Array.isArray(D.value))
+      if (Array.isArray(I.value))
         if ($t.value)
-          D.value = D.value.filter(
-            (I) => !U.value.map((E) => E.id).includes(I)
+          I.value = I.value.filter(
+            (D) => !U.value.map((E) => E.id).includes(D)
           );
         else {
-          const I = U.value.map((E) => E.id);
-          D.value = Array.from(/* @__PURE__ */ new Set([...D.value, ...I]));
+          const D = U.value.map((E) => E.id);
+          I.value = Array.from(/* @__PURE__ */ new Set([...I.value, ...D]));
         }
     }
     const Yt = async () => {
-      Array.isArray(D.value) || (D.value = []), await q("fetch:filtered"), await Bt(), It.value = !0;
+      Array.isArray(I.value) || (I.value = []), await q("fetch:filtered"), await Bt(), It.value = !0;
     }, at = async () => {
       ne.value = [], P.value = "", It.value = !1;
     };
     return so(
-      () => D.value,
+      () => I.value,
       async () => {
-        W.value.length && !Array.isArray(D.value) || (v.value = !0, D.value && await Bt(), v.value = !1);
+        W.value.length && !Array.isArray(I.value) || (v.value = !0, I.value && await Bt(), v.value = !1);
       }
     ), Vs(async () => {
       tt.value = new IntersectionObserver(At);
-    }), (I, E) => {
+    }), (D, E) => {
       var Dt, ce, T, b, w, S;
       return ot(), ht("div", null, [
         O("div", C_, [
-          O("label", L_, Pt((Dt = I.fields) == null ? void 0 : Dt.name), 1),
-          O("span", E_, Pt((T = (ce = I.fields) == null ? void 0 : ce.options) == null ? void 0 : T.note), 1),
+          O("label", L_, Pt((Dt = D.fields) == null ? void 0 : Dt.name), 1),
+          O("span", E_, Pt((T = (ce = D.fields) == null ? void 0 : ce.options) == null ? void 0 : T.note), 1),
           O("div", T_, [
             O("div", I_, [
               Vn(O("div", D_, E[3] || (E[3] = [
@@ -9865,25 +9865,25 @@ const C_ = { class: "synt-office-relation-wrapper" }, L_ = { class: "synt-office
                 [lo, nn(v)]
               ]),
               wn(nn(fg), {
-                modelValue: D.value,
-                "onUpdate:modelValue": E[0] || (E[0] = (m) => D.value = m),
+                modelValue: I.value,
+                "onUpdate:modelValue": E[0] || (E[0] = (m) => I.value = m),
                 class: qn(["synt-relation-control", {
-                  "synt-office-relation-error": I.isError,
-                  "synt-office-relation-disabled": I.isDisabled,
-                  "synt-office-relation-normal": !I.isError && !I.isDisabled
+                  "synt-office-relation-error": D.isError,
+                  "synt-office-relation-disabled": D.isDisabled,
+                  "synt-office-relation-normal": !D.isError && !D.isDisabled
                 }]),
                 options: X.value,
                 reduce: (m) => m.id,
-                label: (w = (b = I.fields) == null ? void 0 : b.relation) == null ? void 0 : w.display,
+                label: (w = (b = D.fields) == null ? void 0 : b.relation) == null ? void 0 : w.display,
                 placeholder: "Please enter at least 3 letters...",
-                disabled: I.isDisabled,
+                disabled: D.isDisabled,
                 multiple: ft.value,
                 onOpen: Bt
               }, {
                 option: he((m) => {
                   var R, N;
                   return [
-                    O("span", null, Pt(m[(N = (R = I.fields) == null ? void 0 : R.relation) == null ? void 0 : N.display]), 1)
+                    O("span", null, Pt(m[(N = (R = D.fields) == null ? void 0 : R.relation) == null ? void 0 : N.display]), 1)
                   ];
                 }),
                 "list-footer": he(() => [
@@ -9909,7 +9909,7 @@ const C_ = { class: "synt-office-relation-wrapper" }, L_ = { class: "synt-office
               O("i", { class: "synt-office-relation-btn-expands-icon fa-solid fa-up-right-and-down-left-from-center" }, null, -1)
             ]))) : be("", !0)
           ]),
-          I.error && ((S = I.error) == null ? void 0 : S.length) > 0 ? (ot(), ht("p", M_, "*" + Pt(I.error), 1)) : be("", !0)
+          D.error && ((S = D.error) == null ? void 0 : S.length) > 0 ? (ot(), ht("p", M_, "*" + Pt(D.error), 1)) : be("", !0)
         ]),
         wn(co, { name: "fade" }, {
           default: he(() => {
@@ -9918,7 +9918,7 @@ const C_ = { class: "synt-office-relation-wrapper" }, L_ = { class: "synt-office
               It.value ? (ot(), ht("div", R_, [
                 O("div", k_, [
                   wn(nn(ug), {
-                    label: I.fields.name,
+                    label: D.fields.name,
                     icon: "fa-solid fa-table"
                   }, {
                     end: he(() => [
@@ -9951,7 +9951,7 @@ const C_ = { class: "synt-office-relation-wrapper" }, L_ = { class: "synt-office
                       O("i", { class: "synt-office-relation-modal-btn-icon fa-solid fa-sync" }, null, -1)
                     ]))
                   ]),
-                  qt(I.$slots, "default"),
+                  qt(D.$slots, "default"),
                   O("div", N_, [
                     O("table", F_, [
                       O("thead", null, [
@@ -9964,7 +9964,7 @@ const C_ = { class: "synt-office-relation-wrapper" }, L_ = { class: "synt-office
                               onChange: Lt
                             }, null, 40, P_)
                           ]),
-                          O("th", U_, Pt((m = I.fields) == null ? void 0 : m.name), 1)
+                          O("th", U_, Pt((m = D.fields) == null ? void 0 : m.name), 1)
                         ])
                       ]),
                       O("tbody", null, [
@@ -9977,12 +9977,12 @@ const C_ = { class: "synt-office-relation-wrapper" }, L_ = { class: "synt-office
                               O("input", {
                                 type: "checkbox",
                                 class: "synt-office-relation-modal-table-checkbox",
-                                checked: Array.isArray(D.value) && D.value.includes(R.id),
+                                checked: Array.isArray(I.value) && I.value.includes(R.id),
                                 onChange: (vt) => rt(R.id)
                               }, null, 40, z_)
                             ]),
                             O("td", null, [
-                              O("div", H_, Pt(R[(Z = (N = I.fields) == null ? void 0 : N.relation) == null ? void 0 : Z.display]), 1)
+                              O("div", H_, Pt(R[(Z = (N = D.fields) == null ? void 0 : N.relation) == null ? void 0 : Z.display]), 1)
                             ])
                           ]);
                         }), 128))
@@ -10025,14 +10025,14 @@ const C_ = { class: "synt-office-relation-wrapper" }, L_ = { class: "synt-office
   emits: /* @__PURE__ */ Zs(["update:selected"], ["update:modelValue"]),
   setup(p, { emit: A }) {
     var rt, $t, Lt, Yt;
-    const o = p, q = A, D = og(p, "modelValue"), W = Gt([]), v = Gt(1), L = Gt(!0), P = Gt(!1), H = Gt(""), tt = Gt(null), J = Gt(null), [It, ft, U] = ($t = (rt = o.fields) == null ? void 0 : rt.relation.definition) == null ? void 0 : $t.split(":"), X = (Yt = (Lt = o.fields) == null ? void 0 : Lt.relation) == null ? void 0 : Yt.api[ft], K = Hn(() => {
+    const o = p, q = A, I = og(p, "modelValue"), W = Gt([]), v = Gt(1), L = Gt(!0), P = Gt(!1), H = Gt(""), tt = Gt(null), J = Gt(null), [It, ft, U] = ($t = (rt = o.fields) == null ? void 0 : rt.relation.definition) == null ? void 0 : $t.split(":"), X = (Yt = (Lt = o.fields) == null ? void 0 : Lt.relation) == null ? void 0 : Yt.api[ft], K = Hn(() => {
       var at;
-      return ((at = W.value) == null ? void 0 : at.find((I) => I.id === D.value)) || null;
+      return ((at = W.value) == null ? void 0 : at.find((D) => D.id === I.value)) || null;
     });
     async function nt(at = !1) {
       if (P.value || !L.value) return;
       P.value = !0;
-      const I = document.querySelector(".vs__dropdown-menu"), E = (I == null ? void 0 : I.scrollTop) || 0;
+      const D = document.querySelector(".vs__dropdown-menu"), E = (D == null ? void 0 : D.scrollTop) || 0;
       try {
         const Dt = {
           search: H.value,
@@ -10047,13 +10047,13 @@ const C_ = { class: "synt-office-relation-wrapper" }, L_ = { class: "synt-office
       } catch (Dt) {
         console.error("fetchAll error", Dt);
       } finally {
-        await Ks(), !at && I && (I.scrollTop = E), P.value = !1;
+        await Ks(), !at && D && (D.scrollTop = E), P.value = !1;
       }
     }
     async function ne() {
-      if (D.value)
+      if (I.value)
         try {
-          const at = await X.get(`/api/${U}/${D.value}`);
+          const at = await X.get(`/api/${U}/${I.value}`);
           at.data.code == 200 && (W.value = [at.data.data]);
         } catch (at) {
           console.error("fetchOne error", at);
@@ -10068,7 +10068,7 @@ const C_ = { class: "synt-office-relation-wrapper" }, L_ = { class: "synt-office
       var at;
       (at = tt.value) == null || at.disconnect(), await ne();
     }
-    return so(() => D.value, ne), so(
+    return so(() => I.value, ne), so(
       () => H.value,
       lg.debounce(async () => {
         H.value.length < 3 || (v.value = 1, L.value = !0, await nt(!0));
@@ -10082,14 +10082,14 @@ const C_ = { class: "synt-office-relation-wrapper" }, L_ = { class: "synt-office
     }), Uv(() => {
       var at;
       (at = tt.value) == null || at.disconnect();
-    }), (at, I) => {
+    }), (at, D) => {
       var E, Dt, ce, T, b, w;
       return ot(), ht("div", K_, [
         O("label", Z_, Pt((E = at.fields) == null ? void 0 : E.name), 1),
         O("span", J_, Pt((ce = (Dt = at.fields) == null ? void 0 : Dt.options) == null ? void 0 : ce.note), 1),
         O("div", X_, [
           O("div", j_, [
-            Vn(O("div", Q_, I[2] || (I[2] = [
+            Vn(O("div", Q_, D[2] || (D[2] = [
               O("div", { class: "lux-office-relation-skeleton" }, [
                 O("div", { class: "lux-office-relation-content" })
               ], -1)
@@ -10097,8 +10097,8 @@ const C_ = { class: "synt-office-relation-wrapper" }, L_ = { class: "synt-office
               [lo, P.value]
             ]),
             wn(nn(fg), {
-              modelValue: D.value,
-              "onUpdate:modelValue": I[0] || (I[0] = (S) => D.value = S),
+              modelValue: I.value,
+              "onUpdate:modelValue": D[0] || (D[0] = (S) => I.value = S),
               class: qn(["lux-relation-control", {
                 "lux-office-relation-error": at.isError,
                 "lux-office-relation-disabled": at.isDisabled,
@@ -10112,7 +10112,7 @@ const C_ = { class: "synt-office-relation-wrapper" }, L_ = { class: "synt-office
               filterable: !1,
               onOpen: At,
               onClose: Bt,
-              onSearch: I[1] || (I[1] = (S) => H.value = S == null ? void 0 : S.toLowerCase())
+              onSearch: D[1] || (D[1] = (S) => H.value = S == null ? void 0 : S.toLowerCase())
             }, {
               option: he((S) => {
                 var m, R;
@@ -10125,7 +10125,7 @@ const C_ = { class: "synt-office-relation-wrapper" }, L_ = { class: "synt-office
                   ref_key: "loadMoreTrigger",
                   ref: J,
                   class: "flex items-center justify-center"
-                }, I[3] || (I[3] = [
+                }, D[3] || (D[3] = [
                   O("i", { class: "fa-solid fa-spinner animate-spin" }, null, -1)
                 ]), 512), [
                   [lo, L.value]