@syntify/office 0.1.20-beta.3 → 0.1.20-beta.4

package/dist/syntify-office.es.js

@@ -48,7 +48,7 @@ const _g = /* @__PURE__ */ Vn({
   for (const [G, M] of S)
     u[G] = M;
   return u;
-}, e1 = /* @__PURE__ */ Fr(_g, [["__scopeId", "data-v-1d74c6dc"]]), yg = {}, mg = { class: "synt-office-layout-wrapper" };
+}, t1 = /* @__PURE__ */ Fr(_g, [["__scopeId", "data-v-1d74c6dc"]]), yg = {}, mg = { class: "synt-office-layout-wrapper" };
 function wg(p, S) {
   return ut(), ht("div", mg, [
     qt(p.$slots, "default", {}, void 0, !0)
@@ -177,7 +177,7 @@ const bg = /* @__PURE__ */ Fr(yg, [["render", wg], ["__scopeId", "data-v-5c72098
       }, 8, ["icon", "label"]);
     };
   }
-}), n1 = /* @__PURE__ */ Fr(Tg, [["__scopeId", "data-v-b03396c3"]]);
+}), e1 = /* @__PURE__ */ Fr(Tg, [["__scopeId", "data-v-b03396c3"]]);
 function Ig(p) {
   return p && p.__esModule && Object.prototype.hasOwnProperty.call(p, "default") ? p.default : p;
 }
@@ -706,25 +706,25 @@ const Pg = {
       ], 64);
     };
   }
-}), Gg = /* @__PURE__ */ Fr(qg, [["__scopeId", "data-v-f65f854a"]]), Yg = ["id"], Kg = { id: "table-collection" }, Zg = { key: 0 }, Jg = ["onClick", "onContextmenu"], Xg = {
+}), Gg = ["id"], Yg = { id: "table-collection" }, Kg = { key: 0 }, Zg = ["onClick", "onContextmenu"], Jg = {
   key: 0,
   class: "synt-badge-tabel"
-}, jg = {
+}, Xg = {
   key: 1,
   class: "synt-badge-tabel"
-}, Qg = {
+}, jg = {
   key: 2,
   class: "synt-badge-tabel"
-}, t_ = {
+}, Qg = {
   key: 4,
   class: "synt-badge-tabel"
-}, e_ = { key: 0 }, n_ = {
+}, t_ = { key: 0 }, e_ = {
   key: 0,
   class: "synt-loading"
-}, r_ = {
+}, n_ = {
   key: 1,
   class: "synt-table-empty"
-}, i_ = { class: "synt-office-collection-table-footer" }, o_ = { class: "synt-office-collection-table-footer-start" }, u_ = { class: "synt-office-collection-table-footer-end" }, s_ = { class: "synt-office-collection-table-footer-meta" }, a_ = { class: "synt-office-collection-font-bold" }, l_ = { class: "synt-office-collection-font-bold" }, f_ = { class: "synt-office-collection-font-bold" }, c_ = { class: "synt-office-collection-paginate-wrapper" }, h_ = ["disabled"], p_ = ["disabled"], d_ = /* @__PURE__ */ Vn({
+}, r_ = { class: "synt-office-collection-table-footer" }, i_ = { class: "synt-office-collection-table-footer-start" }, o_ = { class: "synt-office-collection-table-footer-end" }, u_ = { class: "synt-office-collection-table-footer-meta" }, s_ = { class: "synt-office-collection-font-bold" }, a_ = { class: "synt-office-collection-font-bold" }, l_ = { class: "synt-office-collection-font-bold" }, f_ = { class: "synt-office-collection-paginate-wrapper" }, c_ = ["disabled"], h_ = ["disabled"], p_ = /* @__PURE__ */ Vn({
   __name: "OfficeCollectionTable",
   props: {
     items: {},
@@ -792,13 +792,13 @@ const Pg = {
           class: "synt-office-collection-table-wrapper"
         }, [
           qt(U.$slots, "default", {}, void 0, !0),
-          O("table", Kg, [
+          O("table", Yg, [
             O("thead", null, [
               O("tr", null, [
                 X[6] || (X[6] = O("th", null, "No", -1)),
                 (ut(!0), ht(Yn, null, ao(U.model.collection.columns, (nt, ne) => (ut(), ht("th", { key: ne }, Pt(nt.name), 1))), 128)),
                 qt(U.$slots, "th", {}, void 0, !0),
-                (K = U.model.includes) != null && K.includes("delete") ? (ut(), ht("th", Zg, "Hapus")) : we("", !0)
+                (K = U.model.includes) != null && K.includes("delete") ? (ut(), ht("th", Kg, "Hapus")) : we("", !0)
               ])
             ]),
             O("tbody", null, [
@@ -816,7 +816,7 @@ const Pg = {
                   (ut(!0), ht(Yn, null, ao(U.model.collection.columns, (rt, $t) => {
                     var Lt, Yt, at, I, E;
                     return ut(), ht("td", { key: $t }, [
-                      rt.type == "currency" ? (ut(), ht("div", Xg, Pt(yn(Rg)(nt[rt.handle])), 1)) : rt.type == "date" ? (ut(), ht("div", jg, Pt(yn(Ng)(nt[rt.handle])), 1)) : rt.type == "datetime" ? (ut(), ht("div", Qg, Pt(yn(Fg)(nt[rt.handle])), 1)) : rt.type == "choice" ? (ut(), ht("div", {
+                      rt.type == "currency" ? (ut(), ht("div", Jg, Pt(yn(Rg)(nt[rt.handle])), 1)) : rt.type == "date" ? (ut(), ht("div", Xg, Pt(yn(Ng)(nt[rt.handle])), 1)) : rt.type == "datetime" ? (ut(), ht("div", jg, Pt(yn(Fg)(nt[rt.handle])), 1)) : rt.type == "choice" ? (ut(), ht("div", {
                         key: 3,
                         class: Kn([
                           "synt-badge-tabel-color",
@@ -830,12 +830,12 @@ const Pg = {
                             color: ((I = rt.choices[nt[rt.handle]]) == null ? void 0 : I.textColor) ?? "black"
                           }
                         )
-                      }, Pt(((E = rt.choices[nt[rt.handle]]) == null ? void 0 : E.name) ?? nt[rt.handle]), 7)) : (ut(), ht("div", t_, Pt(nt[rt.handle]), 1))
+                      }, Pt(((E = rt.choices[nt[rt.handle]]) == null ? void 0 : E.name) ?? nt[rt.handle]), 7)) : (ut(), ht("div", Qg, Pt(nt[rt.handle]), 1))
                     ]);
                   }), 128)),
                   qt(U.$slots, "td", { item: nt }, void 0, !0),
-                  (kt = U.model.includes) != null && kt.includes("delete") ? (ut(), ht("td", e_, [
-                    wn(yn(Gg), {
+                  (kt = U.model.includes) != null && kt.includes("delete") ? (ut(), ht("td", t_, [
+                    wn(yn(qg), {
                       display: nt[U.model.info.display],
                       "onOn:delete": (rt) => U.$emit("on:delete", nt.id)
                     }, {
@@ -845,7 +845,7 @@ const Pg = {
                       _: 2
                     }, 1032, ["display", "onOn:delete"])
                   ])) : we("", !0)
-                ], 42, Jg);
+                ], 42, Zg);
               }), 128))
             ])
           ]),
@@ -883,15 +883,15 @@ const Pg = {
             ]),
             _: 1
           }),
-          U.isLoading ? (ut(), ht("div", n_, X[11] || (X[11] = [
+          U.isLoading ? (ut(), ht("div", e_, X[11] || (X[11] = [
             O("i", { class: "synt-loading-icon fa-solid fa-spinner" }, null, -1)
           ]))) : we("", !0),
-          !U.items.length && !U.isLoading ? (ut(), ht("div", r_, X[12] || (X[12] = [
+          !U.items.length && !U.isLoading ? (ut(), ht("div", n_, X[12] || (X[12] = [
             O("div", { class: "synt-table-empty-text" }, "Tidak ada data untuk ditampilkan", -1)
           ]))) : we("", !0)
-        ], 8, Yg),
-        O("div", i_, [
-          O("div", o_, [
+        ], 8, Gg),
+        O("div", r_, [
+          O("div", i_, [
             X[14] || (X[14] = O("span", { class: "synt-office-collection-table-footer-tampilkan" }, "Tampilkan", -1)),
             zn(O("select", {
               "onUpdate:modelValue": X[3] || (X[3] = (nt) => U.query.limit = nt),
@@ -905,15 +905,15 @@ const Pg = {
               [cg, U.query.limit]
             ])
           ]),
-          O("div", u_, [
-            O("div", s_, [
-              O("span", a_, Pt(v()), 1),
+          O("div", o_, [
+            O("div", u_, [
+              O("span", s_, Pt(v()), 1),
               X[15] || (X[15] = Hn(" - ")),
-              O("span", l_, Pt(L()), 1),
+              O("span", a_, Pt(L()), 1),
               X[16] || (X[16] = Hn(" dari ")),
-              O("span", f_, Pt(U.meta.total), 1)
+              O("span", l_, Pt(U.meta.total), 1)
             ]),
-            O("div", c_, [
+            O("div", f_, [
               O("button", {
                 type: "button",
                 class: "synt-office-collection-btn-paginate",
@@ -921,7 +921,7 @@ const Pg = {
                 disabled: !U.meta.hasPrev || U.isLoading
               }, X[17] || (X[17] = [
                 O("i", { class: "fa-solid fa-angle-left" }, null, -1)
-              ]), 8, h_),
+              ]), 8, c_),
               O("button", {
                 type: "button",
                 class: "synt-office-collection-btn-paginate",
@@ -929,16 +929,16 @@ const Pg = {
                 disabled: !U.meta.hasNext || U.isLoading
               }, X[18] || (X[18] = [
                 O("i", { class: "fa-solid fa-angle-right" }, null, -1)
-              ]), 8, p_)
+              ]), 8, h_)
             ])
           ])
         ])
       ], 64);
     };
   }
-}), r1 = /* @__PURE__ */ Fr(d_, [["__scopeId", "data-v-026d57df"]]);
+}), n1 = /* @__PURE__ */ Fr(p_, [["__scopeId", "data-v-4da3dc1c"]]);
 var qs = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
-function v_(p) {
+function d_(p) {
   return p && p.__esModule && Object.prototype.hasOwnProperty.call(p, "default") ? p.default : p;
 }
 var Hs = { exports: {} };
@@ -950,8 +950,8 @@ var Hs = { exports: {} };
  * Based on Underscore.js 1.8.3 <http://underscorejs.org/LICENSE>
  * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors
  */
-var g_ = Hs.exports, Zv;
-function __() {
+var v_ = Hs.exports, Zv;
+function g_() {
   return Zv || (Zv = 1, function(p, S) {
     (function() {
       var u, G = "4.17.21", M = 200, N = "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, St = 8, kt = 16, rt = 32, $t = 64, Lt = 128, Yt = 256, at = 512, I = 30, E = "...", Bt = 800, be = 16, T = 1, x = 2, w = 3, A = 1 / 0, m = 9007199254740991, R = 17976931348623157e292, W = NaN, Z = 4294967295, vt = Z - 1, wt = Z >>> 1, At = [
@@ -4611,11 +4611,11 @@ function print() { __p += __j.call(arguments, '') }
         }], Q.prototype.clone = Yl, Q.prototype.reverse = Kl, Q.prototype.value = Zl, o.prototype.at = Sh, o.prototype.chain = Ah, o.prototype.commit = Ch, o.prototype.next = Lh, o.prototype.plant = Th, o.prototype.reverse = Ih, o.prototype.toJSON = o.prototype.valueOf = o.prototype.value = Dh, o.prototype.first = o.prototype.head, Cn && (o.prototype[Cn] = Eh), o;
       }, an = Al();
       Ye ? ((Ye.exports = an)._ = an, ni._ = an) : Et._ = an;
-    }).call(g_);
+    }).call(v_);
   }(Hs, Hs.exports)), Hs.exports;
 }
-var y_ = __();
-const lg = /* @__PURE__ */ v_(y_), m_ = { class: "synt-office-tabs synt-no-scrollbar" }, w_ = ["onClick"], b_ = { class: "synt-office-tabs-label" }, x_ = /* @__PURE__ */ Vn({
+var __ = g_();
+const lg = /* @__PURE__ */ d_(__), y_ = { class: "synt-office-tabs synt-no-scrollbar" }, m_ = ["onClick"], w_ = { class: "synt-office-tabs-label" }, b_ = /* @__PURE__ */ Vn({
   __name: "OfficeTabs",
   setup(p) {
     const S = Gt(null), u = Gt([]), G = (v, L) => {
@@ -4627,19 +4627,19 @@ const lg = /* @__PURE__ */ v_(y_), m_ = { class: "synt-office-tabs synt-no-scrol
       S.value = v, u.value.forEach((L) => L.setActive(L.title === v));
     };
     return Hv("registerTab", G), Hv("unregisterTab", M), (v, L) => (ut(), ht(Yn, null, [
-      O("div", m_, [
+      O("div", y_, [
         (ut(!0), ht(Yn, null, ao(u.value, (P) => (ut(), ht("button", {
           key: P.title,
           onClick: (H) => N(P.title),
           class: Kn({ active: P.title === S.value })
         }, [
-          O("span", b_, Pt(yn(lg).capitalize(P.title)), 1)
-        ], 10, w_))), 128))
+          O("span", w_, Pt(yn(lg).capitalize(P.title)), 1)
+        ], 10, m_))), 128))
       ]),
       qt(v.$slots, "default", {}, void 0, !0)
     ], 64));
   }
-}), i1 = /* @__PURE__ */ Fr(x_, [["__scopeId", "data-v-cb6fcfc8"]]), O_ = { class: "synt-office-tab" }, $_ = /* @__PURE__ */ Vn({
+}), r1 = /* @__PURE__ */ Fr(b_, [["__scopeId", "data-v-cb6fcfc8"]]), x_ = { class: "synt-office-tab" }, O_ = /* @__PURE__ */ Vn({
   __name: "OfficeTab",
   props: {
     title: {
@@ -4651,19 +4651,19 @@ const lg = /* @__PURE__ */ v_(y_), m_ = { class: "synt-office-tabs synt-no-scrol
     const S = Gt(!1), u = Vv(
       "registerTab"
     ), G = Vv("unregisterTab");
-    return Vs(() => u == null ? void 0 : u(p.title, (M) => S.value = M)), hg(() => G == null ? void 0 : G(p.title)), (M, N) => zn((ut(), ht("div", O_, [
+    return Vs(() => u == null ? void 0 : u(p.title, (M) => S.value = M)), hg(() => G == null ? void 0 : G(p.title)), (M, N) => zn((ut(), ht("div", x_, [
       qt(M.$slots, "default", {}, void 0, !0)
     ], 512)), [
       [lo, S.value]
     ]);
   }
-}), o1 = /* @__PURE__ */ Fr($_, [["__scopeId", "data-v-42b62811"]]), S_ = {
+}), i1 = /* @__PURE__ */ Fr(O_, [["__scopeId", "data-v-42b62811"]]), $_ = {
   ref: "iconToggleRef",
   class: "lux-office-single-text-sm fa-solid fa-arrow-left"
-}, A_ = { key: 1 }, C_ = {
+}, S_ = { key: 1 }, A_ = {
   key: 0,
   class: "lux-office-single-modal-delete-overlay"
-}, L_ = { class: "lux-office-single-modal-delete-wrapper" }, E_ = { class: "lux-office-single-modal-content" }, T_ = { class: "lux-office-single-font-semibold" }, I_ = { class: "lux-office-single-modal-btn-wrapper" }, D_ = { class: "lux-office-single-content" }, M_ = /* @__PURE__ */ Vn({
+}, C_ = { class: "lux-office-single-modal-delete-wrapper" }, L_ = { class: "lux-office-single-modal-content" }, E_ = { class: "lux-office-single-font-semibold" }, T_ = { class: "lux-office-single-modal-btn-wrapper" }, I_ = { class: "lux-office-single-content" }, D_ = /* @__PURE__ */ Vn({
   __name: "OfficeSingle",
   props: {
     model: {},
@@ -4713,7 +4713,7 @@ const lg = /* @__PURE__ */ v_(y_), m_ = { class: "synt-office-tabs synt-no-scrol
               class: "lux-office-single-btn-back"
             }, {
               default: ce(() => [
-                O("i", S_, null, 512)
+                O("i", $_, null, 512)
               ]),
               _: 1
             }, 8, ["to"])),
@@ -4756,7 +4756,7 @@ const lg = /* @__PURE__ */ v_(y_), m_ = { class: "synt-office-tabs synt-no-scrol
                         O("i", { class: "lux-office-single-dropdown-option-icon fa-regular fa-copy" }, null, -1),
                         O("span", null, "Duplicate", -1)
                       ]))),
-                      !((rt = K.model.excludes) != null && rt.includes("delete")) && !(($t = K.model.excludes) != null && $t.includes("duplicate")) ? (ut(), ht("hr", A_)) : we("", !0),
+                      !((rt = K.model.excludes) != null && rt.includes("delete")) && !(($t = K.model.excludes) != null && $t.includes("duplicate")) ? (ut(), ht("hr", S_)) : we("", !0),
                       (Lt = K.model.excludes) != null && Lt.includes("delete") ? we("", !0) : (ut(), ht("li", {
                         key: 2,
                         class: "lux-office-single-dropdown-option",
@@ -4777,21 +4777,21 @@ const lg = /* @__PURE__ */ v_(y_), m_ = { class: "synt-office-tabs synt-no-scrol
         default: ce(() => [
           wn(co, { name: "fade" }, {
             default: ce(() => [
-              H.value ? (ut(), ht("div", C_, [
-                O("div", L_, [
+              H.value ? (ut(), ht("div", A_, [
+                O("div", C_, [
                   nt[5] || (nt[5] = O("div", { class: "lux-office-single-modal-header" }, [
                     O("div", { class: "lux-office-single-modal-header-icon-box" }, [
                       O("i", { class: "lux-office-single-icon-delete fa-solid fa-trash" })
                     ]),
                     O("div", { class: "lux-office-single-font-semibold" }, "Delete Item")
                   ], -1)),
-                  O("div", E_, [
+                  O("div", L_, [
                     O("p", null, [
                       nt[3] || (nt[3] = Hn(" Are you sure want to delete item ")),
-                      O("span", T_, Pt(K.values[K.model.info.display]), 1),
+                      O("span", E_, Pt(K.values[K.model.info.display]), 1),
                       nt[4] || (nt[4] = Hn(" ? "))
                     ]),
-                    O("div", I_, [
+                    O("div", T_, [
                       O("button", {
                         type: "button",
                         class: "lux-office-single-modal-cancel",
@@ -4809,7 +4809,7 @@ const lg = /* @__PURE__ */ v_(y_), m_ = { class: "synt-office-tabs synt-no-scrol
             ]),
             _: 1
           }),
-          O("div", D_, [
+          O("div", I_, [
             qt(K.$slots, "default", {}, void 0, !0)
           ])
         ]),
@@ -4817,16 +4817,16 @@ const lg = /* @__PURE__ */ v_(y_), m_ = { class: "synt-office-tabs synt-no-scrol
       }, 8, ["icon", "label"]);
     };
   }
-}), u1 = /* @__PURE__ */ Fr(M_, [["__scopeId", "data-v-0ee2deb9"]]);
-var R_ = Object.defineProperty, k_ = Object.defineProperties, B_ = Object.getOwnPropertyDescriptors, Jv = Object.getOwnPropertySymbols, W_ = Object.prototype.hasOwnProperty, N_ = Object.prototype.propertyIsEnumerable, Xv = (p, S, u) => S in p ? R_(p, S, { enumerable: !0, configurable: !0, writable: !0, value: u }) : p[S] = u, fo = (p, S) => {
+}), o1 = /* @__PURE__ */ Fr(D_, [["__scopeId", "data-v-0ee2deb9"]]);
+var M_ = Object.defineProperty, R_ = Object.defineProperties, k_ = Object.getOwnPropertyDescriptors, Jv = Object.getOwnPropertySymbols, B_ = Object.prototype.hasOwnProperty, W_ = Object.prototype.propertyIsEnumerable, Xv = (p, S, u) => S in p ? M_(p, S, { enumerable: !0, configurable: !0, writable: !0, value: u }) : p[S] = u, fo = (p, S) => {
   for (var u in S || (S = {}))
-    W_.call(S, u) && Xv(p, u, S[u]);
+    B_.call(S, u) && Xv(p, u, S[u]);
   if (Jv)
     for (var u of Jv(S))
-      N_.call(S, u) && Xv(p, u, S[u]);
+      W_.call(S, u) && Xv(p, u, S[u]);
   return p;
-}, jv = (p, S) => k_(p, B_(S));
-const F_ = {
+}, jv = (p, S) => R_(p, k_(S));
+const N_ = {
   props: {
     autoscroll: {
       type: Boolean,
@@ -4861,7 +4861,7 @@ const F_ = {
       };
     }
   }
-}, P_ = {
+}, F_ = {
   data() {
     return {
       typeAheadPointer: -1
@@ -4905,7 +4905,7 @@ const F_ = {
       this.typeAheadPointer = this.selectedValue.length !== 0 ? this.filteredOptions.indexOf(this.selectedValue[this.selectedValue.length - 1]) : -1;
     }
   }
-}, U_ = {
+}, P_ = {
   props: {
     loading: {
       type: Boolean,
@@ -4935,30 +4935,30 @@ const F_ = {
   for (const [G, M] of S)
     u[G] = M;
   return u;
-}, z_ = {}, H_ = {
+}, U_ = {}, z_ = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "10",
   height: "10"
-}, V_ = /* @__PURE__ */ O("path", { d: "M6.895455 5l2.842897-2.842898c.348864-.348863.348864-.914488 0-1.263636L9.106534.261648c-.348864-.348864-.914489-.348864-1.263636 0L5 3.104545 2.157102.261648c-.348863-.348864-.914488-.348864-1.263636 0L.261648.893466c-.348864.348864-.348864.914489 0 1.263636L3.104545 5 .261648 7.842898c-.348864.348863-.348864.914488 0 1.263636l.631818.631818c.348864.348864.914773.348864 1.263636 0L5 6.895455l2.842898 2.842897c.348863.348864.914772.348864 1.263636 0l.631818-.631818c.348864-.348864.348864-.914489 0-1.263636L6.895455 5z" }, null, -1), q_ = [
-  V_
+}, H_ = /* @__PURE__ */ O("path", { d: "M6.895455 5l2.842897-2.842898c.348864-.348863.348864-.914488 0-1.263636L9.106534.261648c-.348864-.348864-.914489-.348864-1.263636 0L5 3.104545 2.157102.261648c-.348863-.348864-.914488-.348864-1.263636 0L.261648.893466c-.348864.348864-.348864.914489 0 1.263636L3.104545 5 .261648 7.842898c-.348864.348863-.348864.914488 0 1.263636l.631818.631818c.348864.348864.914773.348864 1.263636 0L5 6.895455l2.842898 2.842897c.348863.348864.914772.348864 1.263636 0l.631818-.631818c.348864-.348864.348864-.914489 0-1.263636L6.895455 5z" }, null, -1), V_ = [
+  H_
 ];
-function G_(p, S) {
-  return ut(), ht("svg", H_, q_);
+function q_(p, S) {
+  return ut(), ht("svg", z_, V_);
 }
-const Y_ = /* @__PURE__ */ zv(z_, [["render", G_]]), K_ = {}, Z_ = {
+const G_ = /* @__PURE__ */ zv(U_, [["render", q_]]), Y_ = {}, K_ = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "14",
   height: "10"
-}, J_ = /* @__PURE__ */ O("path", { d: "M9.211364 7.59931l4.48338-4.867229c.407008-.441854.407008-1.158247 0-1.60046l-.73712-.80023c-.407008-.441854-1.066904-.441854-1.474243 0L7 5.198617 2.51662.33139c-.407008-.441853-1.066904-.441853-1.474243 0l-.737121.80023c-.407008.441854-.407008 1.158248 0 1.600461l4.48338 4.867228L7 10l2.211364-2.40069z" }, null, -1), X_ = [
-  J_
+}, Z_ = /* @__PURE__ */ O("path", { d: "M9.211364 7.59931l4.48338-4.867229c.407008-.441854.407008-1.158247 0-1.60046l-.73712-.80023c-.407008-.441854-1.066904-.441854-1.474243 0L7 5.198617 2.51662.33139c-.407008-.441853-1.066904-.441853-1.474243 0l-.737121.80023c-.407008.441854-.407008 1.158248 0 1.600461l4.48338 4.867228L7 10l2.211364-2.40069z" }, null, -1), J_ = [
+  Z_
 ];
-function j_(p, S) {
-  return ut(), ht("svg", Z_, X_);
+function X_(p, S) {
+  return ut(), ht("svg", K_, J_);
 }
-const Q_ = /* @__PURE__ */ zv(K_, [["render", j_]]), Qv = {
-  Deselect: Y_,
-  OpenIndicator: Q_
-}, t0 = {
+const j_ = /* @__PURE__ */ zv(Y_, [["render", X_]]), Qv = {
+  Deselect: G_,
+  OpenIndicator: j_
+}, Q_ = {
   mounted(p, { instance: S }) {
     if (S.appendToBody) {
       const {
@@ -4979,20 +4979,20 @@ const Q_ = /* @__PURE__ */ zv(K_, [["render", j_]]), Qv = {
     S.appendToBody && (p.unbindPosition && typeof p.unbindPosition == "function" && p.unbindPosition(), p.parentNode && p.parentNode.removeChild(p));
   }
 };
-function e0(p) {
+function t0(p) {
   const S = {};
   return Object.keys(p).sort().forEach((u) => {
     S[u] = p[u];
   }), JSON.stringify(S);
 }
-let n0 = 0;
-function r0() {
-  return ++n0;
+let e0 = 0;
+function n0() {
+  return ++e0;
 }
-const i0 = {
+const r0 = {
   components: fo({}, Qv),
-  directives: { appendToBody: t0 },
-  mixins: [F_, P_, U_],
+  directives: { appendToBody: Q_ },
+  mixins: [N_, F_, P_],
   compatConfig: {
     MODE: 3
   },
@@ -5090,7 +5090,7 @@ https://vue-select.org/api/props.html#getoptionlabel`) : p;
         if (typeof p != "object")
           return p;
         try {
-          return p.hasOwnProperty("id") ? p.id : e0(p);
+          return p.hasOwnProperty("id") ? p.id : t0(p);
         } catch (S) {
           return console.warn(`[vue-select warn]: Could not stringify this option to generate unique key. Please provide'getOptionKey' prop to return a unique key for each option.
 https://vue-select.org/api/props.html#getoptionkey`, p, S);
@@ -5195,7 +5195,7 @@ https://vue-select.org/api/props.html#getoptionkey`, p, S);
     },
     uid: {
       type: [String, Number],
-      default: () => r0()
+      default: () => n0()
     }
   },
   data() {
@@ -5447,17 +5447,17 @@ https://vue-select.org/api/props.html#getoptionkey`, p, S);
         return G[p.keyCode](p);
     }
   }
-}, o0 = ["dir"], u0 = ["id", "aria-expanded", "aria-owns"], s0 = {
+}, i0 = ["dir"], o0 = ["id", "aria-expanded", "aria-owns"], u0 = {
   ref: "selectedOptions",
   class: "vs__selected-options"
-}, a0 = ["disabled", "title", "aria-label", "onClick"], l0 = {
+}, s0 = ["disabled", "title", "aria-label", "onClick"], a0 = {
   ref: "actions",
   class: "vs__actions"
-}, f0 = ["disabled"], c0 = { class: "vs__spinner" }, h0 = ["id"], p0 = ["id", "aria-selected", "onMouseover", "onClick"], d0 = {
+}, l0 = ["disabled"], f0 = { class: "vs__spinner" }, c0 = ["id"], h0 = ["id", "aria-selected", "onMouseover", "onClick"], p0 = {
   key: 0,
   class: "vs__no-options"
-}, v0 = /* @__PURE__ */ Hn(" Sorry, no matching options. "), g0 = ["id"];
-function _0(p, S, u, G, M, N) {
+}, d0 = /* @__PURE__ */ Hn(" Sorry, no matching options. "), v0 = ["id"];
+function g0(p, S, u, G, M, N) {
   const v = pg("append-to-body");
   return ut(), ht("div", {
     dir: u.dir,
@@ -5474,7 +5474,7 @@ function _0(p, S, u, G, M, N) {
       "aria-label": "Search for option",
       onMousedown: S[1] || (S[1] = (L) => N.toggleDropdown(L))
     }, [
-      O("div", s0, [
+      O("div", u0, [
         (ut(!0), ht(Yn, null, ao(N.selectedValue, (L, P) => qt(p.$slots, "selected-option-container", {
           option: N.normalizeOptionForSlot(L),
           deselect: N.deselect,
@@ -5500,14 +5500,14 @@ function _0(p, S, u, G, M, N) {
               onClick: (H) => N.deselect(L)
             }, [
               (ut(), Nr(kv(N.childComponents.Deselect)))
-            ], 8, a0)) : we("", !0)
+            ], 8, s0)) : we("", !0)
           ]))
         ])), 256)),
         qt(p.$slots, "search", Un(qn(N.scope.search)), () => [
           O("input", qv({ class: "vs__search" }, N.scope.search.attributes, dg(N.scope.search.events)), null, 16)
         ])
       ], 512),
-      O("div", l0, [
+      O("div", a0, [
         zn(O("button", {
           ref: "clearButton",
           disabled: u.disabled,
@@ -5518,19 +5518,19 @@ function _0(p, S, u, G, M, N) {
           onClick: S[0] || (S[0] = (...L) => N.clearSelection && N.clearSelection(...L))
         }, [
           (ut(), Nr(kv(N.childComponents.Deselect)))
-        ], 8, f0), [
+        ], 8, l0), [
           [lo, N.showClearButton]
         ]),
         qt(p.$slots, "open-indicator", Un(qn(N.scope.openIndicator)), () => [
           u.noDrop ? we("", !0) : (ut(), Nr(kv(N.childComponents.OpenIndicator), Un(qv({ key: 0 }, N.scope.openIndicator.attributes)), null, 16))
         ]),
         qt(p.$slots, "spinner", Un(qn(N.scope.spinner)), () => [
-          zn(O("div", c0, "Loading...", 512), [
+          zn(O("div", f0, "Loading...", 512), [
             [lo, p.mutableLoading]
           ])
         ])
       ], 512)
-    ], 40, u0),
+    ], 40, o0),
     wn(co, { name: u.transition }, {
       default: ce(() => [
         N.dropdownOpen ? zn((ut(), ht("ul", {
@@ -5561,28 +5561,28 @@ function _0(p, S, u, G, M, N) {
             qt(p.$slots, "option", Un(qn(N.normalizeOptionForSlot(L))), () => [
               Hn(Pt(u.getOptionLabel(L)), 1)
             ])
-          ], 42, p0))), 128)),
-          N.filteredOptions.length === 0 ? (ut(), ht("li", d0, [
+          ], 42, h0))), 128)),
+          N.filteredOptions.length === 0 ? (ut(), ht("li", p0, [
             qt(p.$slots, "no-options", Un(qn(N.scope.noOptions)), () => [
-              v0
+              d0
             ])
           ])) : we("", !0),
           qt(p.$slots, "list-footer", Un(qn(N.scope.listFooter)))
-        ], 40, h0)), [
+        ], 40, c0)), [
           [v]
         ]) : (ut(), ht("ul", {
           key: 1,
           id: `vs${u.uid}__listbox`,
           role: "listbox",
           style: { display: "none", visibility: "hidden" }
-        }, null, 8, g0))
+        }, null, 8, v0))
       ]),
       _: 3
     }, 8, ["name"]),
     qt(p.$slots, "footer", Un(qn(N.scope.footer)))
-  ], 10, o0);
+  ], 10, i0);
 }
-const fg = /* @__PURE__ */ zv(i0, [["render", _0]]);
+const fg = /* @__PURE__ */ zv(r0, [["render", g0]]);
 var Gs = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, Ys = { exports: {} };
 /**
  * @license
@@ -5592,8 +5592,8 @@ var Gs = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : t
  * Based on Underscore.js 1.8.3 <http://underscorejs.org/LICENSE>
  * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors
  */
-var y0 = Ys.exports, tg;
-function m0() {
+var _0 = Ys.exports, tg;
+function y0() {
   return tg || (tg = 1, function(p, S) {
     (function() {
       var u, G = "4.17.21", M = 200, N = "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, St = 8, kt = 16, rt = 32, $t = 64, Lt = 128, Yt = 256, at = 512, I = 30, E = "...", Bt = 800, be = 16, T = 1, x = 2, w = 3, A = 1 / 0, m = 9007199254740991, R = 17976931348623157e292, W = NaN, Z = 4294967295, vt = Z - 1, wt = Z >>> 1, At = [
@@ -9253,10 +9253,10 @@ function print() { __p += __j.call(arguments, '') }
         }], Q.prototype.clone = Yl, Q.prototype.reverse = Kl, Q.prototype.value = Zl, o.prototype.at = Sh, o.prototype.chain = Ah, o.prototype.commit = Ch, o.prototype.next = Lh, o.prototype.plant = Th, o.prototype.reverse = Ih, o.prototype.toJSON = o.prototype.valueOf = o.prototype.value = Dh, o.prototype.first = o.prototype.head, Cn && (o.prototype[Cn] = Eh), o;
       }, an = Al();
       Ye ? ((Ye.exports = an)._ = an, ni._ = an) : Et._ = an;
-    }).call(y0);
+    }).call(_0);
   }(Ys, Ys.exports)), Ys.exports;
 }
-m0();
+y0();
 var Fv = { exports: {} };
 /*!
  * Toastify js 1.12.0
@@ -9265,12 +9265,12 @@ var Fv = { exports: {} };
  *
  * Copyright (C) 2018 Varun A P
  */
-var w0 = Fv.exports, eg;
-function b0() {
+var m0 = Fv.exports, eg;
+function w0() {
   return eg || (eg = 1, function(p) {
     (function(S, u) {
       p.exports ? p.exports = u() : S.Toastify = u();
-    })(w0, function(S) {
+    })(m0, function(S) {
       var u = function(v) {
         return new u.lib.init(v);
       }, G = "1.12.0";
@@ -9420,13 +9420,13 @@ function b0() {
     });
   }(Fv)), Fv.exports;
 }
-b0();
-var Pv = { exports: {} }, x0 = Pv.exports, ng;
-function O0() {
+w0();
+var Pv = { exports: {} }, b0 = Pv.exports, ng;
+function x0() {
   return ng || (ng = 1, function(p, S) {
     (function(u, G) {
       p.exports = G();
-    })(x0, function() {
+    })(b0, function() {
       var u = 1e3, G = 6e4, M = 36e5, N = "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 x = ["th", "st", "nd", "rd"], w = T % 100;
         return "[" + T + (x[(w - 20) % 10] || x[w] || x[0]) + "]";
@@ -9699,8 +9699,8 @@ function O0() {
     });
   }(Pv)), Pv.exports;
 }
-O0();
-function $0(p) {
+x0();
+function O0(p) {
   const [S, u, G] = p.relation.definition.split(":"), M = p.relation.api[u], N = Gt(!1), v = Gt([]), L = Gt({
     limit: 99999,
     page: 1
@@ -9730,13 +9730,13 @@ function $0(p) {
     }
   };
 }
-const S0 = { class: "synt-office-relation-wrapper" }, A0 = { class: "synt-office-relation-label" }, C0 = { class: "synt-office-relation-note" }, L0 = { class: "synt-office-relation-group-input-wrapper" }, E0 = { class: "synt-office-relation-input-wrapper" }, T0 = { class: "synt-office-relation-skeleton-wrapper" }, I0 = {
+const $0 = { class: "synt-office-relation-wrapper" }, S0 = { class: "synt-office-relation-label" }, A0 = { class: "synt-office-relation-note" }, C0 = { class: "synt-office-relation-group-input-wrapper" }, L0 = { class: "synt-office-relation-input-wrapper" }, E0 = { class: "synt-office-relation-skeleton-wrapper" }, T0 = {
   key: 0,
   class: "danger-alert"
-}, D0 = {
+}, I0 = {
   key: 0,
   class: "synt-office-relation-modal-overlay"
-}, M0 = { class: "synt-office-relation-modal-wrapper" }, R0 = { class: "synt-office-relation-modal-header-end" }, k0 = { class: "synt-office-relation-modal-option" }, B0 = { class: "synt-office-relation-modal-table-wrapper" }, W0 = { id: "table-relation-collection" }, N0 = ["checked"], F0 = { class: "synt-office-relation-modal-table-label" }, P0 = ["checked", "onChange"], U0 = { class: "synt-badge-tabel" }, z0 = { class: "synt-office-relation-modal-table-footer" }, H0 = { class: "synt-office-relation-modal-table-footer-end" }, V0 = { class: "synt-office-relation-font-bold" }, q0 = { class: "synt-office-relation-font-bold" }, s1 = /* @__PURE__ */ Vn({
+}, D0 = { class: "synt-office-relation-modal-wrapper" }, M0 = { class: "synt-office-relation-modal-header-end" }, R0 = { class: "synt-office-relation-modal-option" }, k0 = { class: "synt-office-relation-modal-table-wrapper" }, B0 = { id: "table-relation-collection" }, W0 = ["checked"], N0 = { class: "synt-office-relation-modal-table-label" }, F0 = ["checked", "onChange"], P0 = { class: "synt-badge-tabel" }, U0 = { class: "synt-office-relation-modal-table-footer" }, z0 = { class: "synt-office-relation-modal-table-footer-end" }, H0 = { class: "synt-office-relation-font-bold" }, V0 = { class: "synt-office-relation-font-bold" }, u1 = /* @__PURE__ */ Vn({
   __name: "OfficeRelation",
   props: /* @__PURE__ */ Zs({
     fields: {},
@@ -9750,7 +9750,7 @@ const S0 = { class: "synt-office-relation-wrapper" }, A0 = { class: "synt-office
   }),
   emits: /* @__PURE__ */ Zs(["update:selected", "fetch:filtered"], ["update:modelValue"]),
   setup(p, { emit: S }) {
-    const u = p, G = S, M = og(p, "modelValue"), { options: N, isLoading: v, fetchData: L } = $0({
+    const u = p, G = S, M = og(p, "modelValue"), { options: N, isLoading: v, fetchData: L } = O0({
       relation: u.fields.relation
     }), P = Gt(""), H = Gt(99999), tt = Gt(null), J = Gt(null), It = Gt(!1), ft = Gn(() => {
       var I, E;
@@ -9822,12 +9822,12 @@ const S0 = { class: "synt-office-relation-wrapper" }, A0 = { class: "synt-office
     }), (I, E) => {
       var Bt, be, T, x, w, A;
       return ut(), ht("div", null, [
-        O("div", S0, [
-          O("label", A0, Pt((Bt = I.fields) == null ? void 0 : Bt.name), 1),
-          O("span", C0, Pt((T = (be = I.fields) == null ? void 0 : be.options) == null ? void 0 : T.note), 1),
-          O("div", L0, [
-            O("div", E0, [
-              zn(O("div", T0, E[3] || (E[3] = [
+        O("div", $0, [
+          O("label", S0, Pt((Bt = I.fields) == null ? void 0 : Bt.name), 1),
+          O("span", A0, Pt((T = (be = I.fields) == null ? void 0 : be.options) == null ? void 0 : T.note), 1),
+          O("div", C0, [
+            O("div", L0, [
+              zn(O("div", E0, E[3] || (E[3] = [
                 O("div", { class: "synt-office-relation-skeleton" }, [
                   O("div", { class: "synt-office-relation-content" })
                 ], -1)
@@ -9879,20 +9879,20 @@ const S0 = { class: "synt-office-relation-wrapper" }, A0 = { class: "synt-office
               O("i", { class: "synt-office-relation-btn-expands-icon fa-solid fa-up-right-and-down-left-from-center" }, null, -1)
             ]))) : we("", !0)
           ]),
-          ((A = I.error) == null ? void 0 : A.length) > 0 ? (ut(), ht("p", I0, "*" + Pt(I.error), 1)) : we("", !0)
+          ((A = I.error) == null ? void 0 : A.length) > 0 ? (ut(), ht("p", T0, "*" + Pt(I.error), 1)) : we("", !0)
         ]),
         wn(co, { name: "fade" }, {
           default: ce(() => {
             var m;
             return [
-              It.value ? (ut(), ht("div", D0, [
-                O("div", M0, [
+              It.value ? (ut(), ht("div", I0, [
+                O("div", D0, [
                   wn(yn(ug), {
                     label: I.fields.name,
                     icon: "fa-solid fa-table"
                   }, {
                     end: ce(() => [
-                      O("div", R0, [
+                      O("div", M0, [
                         O("button", {
                           type: "button",
                           class: "synt-office-relation-modal-btn-close",
@@ -9904,7 +9904,7 @@ const S0 = { class: "synt-office-relation-wrapper" }, A0 = { class: "synt-office
                     ]),
                     _: 1
                   }, 8, ["label"]),
-                  O("div", k0, [
+                  O("div", R0, [
                     zn(O("input", {
                       "onUpdate:modelValue": E[1] || (E[1] = (R) => P.value = R),
                       type: "search",
@@ -9922,8 +9922,8 @@ const S0 = { class: "synt-office-relation-wrapper" }, A0 = { class: "synt-office
                     ]))
                   ]),
                   qt(I.$slots, "default"),
-                  O("div", B0, [
-                    O("table", W0, [
+                  O("div", k0, [
+                    O("table", B0, [
                       O("thead", null, [
                         O("tr", null, [
                           O("th", null, [
@@ -9932,9 +9932,9 @@ const S0 = { class: "synt-office-relation-wrapper" }, A0 = { class: "synt-office
                               class: "synt-office-relation-modal-table-checkbox",
                               checked: $t.value,
                               onChange: Lt
-                            }, null, 40, N0)
+                            }, null, 40, W0)
                           ]),
-                          O("th", F0, Pt((m = I.fields) == null ? void 0 : m.name), 1)
+                          O("th", N0, Pt((m = I.fields) == null ? void 0 : m.name), 1)
                         ])
                       ]),
                       O("tbody", null, [
@@ -9949,23 +9949,23 @@ const S0 = { class: "synt-office-relation-wrapper" }, A0 = { class: "synt-office
                                 class: "synt-office-relation-modal-table-checkbox",
                                 checked: Array.isArray(M.value) && M.value.includes(R.id),
                                 onChange: (vt) => rt(R.id)
-                              }, null, 40, P0)
+                              }, null, 40, F0)
                             ]),
                             O("td", null, [
-                              O("div", U0, Pt(R[(Z = (W = I.fields) == null ? void 0 : W.relation) == null ? void 0 : Z.display]), 1)
+                              O("div", P0, Pt(R[(Z = (W = I.fields) == null ? void 0 : W.relation) == null ? void 0 : Z.display]), 1)
                             ])
                           ]);
                         }), 128))
                       ])
                     ])
                   ]),
-                  O("div", z0, [
-                    O("div", H0, [
+                  O("div", U0, [
+                    O("div", z0, [
                       E[8] || (E[8] = O("span", { class: "synt-office-relation-font-bold" }, Pt(1), -1)),
                       E[9] || (E[9] = Hn(" - ")),
-                      O("span", V0, Pt(U.value.length), 1),
+                      O("span", H0, Pt(U.value.length), 1),
                       E[10] || (E[10] = Hn(" dari ")),
-                      O("span", q0, Pt(U.value.length), 1)
+                      O("span", V0, Pt(U.value.length), 1)
                     ])
                   ])
                 ])
@@ -9977,10 +9977,10 @@ const S0 = { class: "synt-office-relation-wrapper" }, A0 = { class: "synt-office
       ]);
     };
   }
-}), G0 = { class: "lux-office-relation-wrapper" }, Y0 = { class: "lux-office-relation-label" }, K0 = { class: "lux-office-relation-note" }, Z0 = { class: "lux-office-relation-group-input-wrapper" }, J0 = { class: "lux-office-relation-input-wrapper" }, X0 = { class: "lux-office-relation-skeleton-wrapper" }, j0 = {
+}), q0 = { class: "lux-office-relation-wrapper" }, G0 = { class: "lux-office-relation-label" }, Y0 = { class: "lux-office-relation-note" }, K0 = { class: "lux-office-relation-group-input-wrapper" }, Z0 = { class: "lux-office-relation-input-wrapper" }, J0 = { class: "lux-office-relation-skeleton-wrapper" }, X0 = {
   key: 0,
   class: "danger-alert"
-}, rg = 20, a1 = /* @__PURE__ */ Vn({
+}, rg = 20, s1 = /* @__PURE__ */ Vn({
   __name: "LuxtRelation",
   props: /* @__PURE__ */ Zs({
     fields: {},
@@ -10054,12 +10054,12 @@ const S0 = { class: "synt-office-relation-wrapper" }, A0 = { class: "synt-office
       (at = tt.value) == null || at.disconnect();
     }), (at, I) => {
       var E, Bt, be, T, x, w;
-      return ut(), ht("div", G0, [
-        O("label", Y0, Pt((E = at.fields) == null ? void 0 : E.name), 1),
-        O("span", K0, Pt((be = (Bt = at.fields) == null ? void 0 : Bt.options) == null ? void 0 : be.note), 1),
-        O("div", Z0, [
-          O("div", J0, [
-            zn(O("div", X0, I[2] || (I[2] = [
+      return ut(), ht("div", q0, [
+        O("label", G0, Pt((E = at.fields) == null ? void 0 : E.name), 1),
+        O("span", Y0, Pt((be = (Bt = at.fields) == null ? void 0 : Bt.options) == null ? void 0 : be.note), 1),
+        O("div", K0, [
+          O("div", Z0, [
+            zn(O("div", J0, I[2] || (I[2] = [
               O("div", { class: "lux-office-relation-skeleton" }, [
                 O("div", { class: "lux-office-relation-content" })
               ], -1)
@@ -10105,22 +10105,22 @@ const S0 = { class: "synt-office-relation-wrapper" }, A0 = { class: "synt-office
             }, 8, ["modelValue", "class", "options", "reduce", "label", "disabled"])
           ])
         ]),
-        at.error && ((w = at.error) == null ? void 0 : w.length) > 0 ? (ut(), ht("p", j0, "*" + Pt(at.error), 1)) : we("", !0)
+        at.error && ((w = at.error) == null ? void 0 : w.length) > 0 ? (ut(), ht("p", X0, "*" + Pt(at.error), 1)) : we("", !0)
       ]);
     };
   }
 });
 export {
-  a1 as LuxtRelation,
-  Gg as OfficeButtonDelete,
-  n1 as OfficeCollection,
-  r1 as OfficeCollectionTable,
+  s1 as LuxtRelation,
+  qg as OfficeButtonDelete,
+  e1 as OfficeCollection,
+  n1 as OfficeCollectionTable,
   ug as OfficeHeader,
   sg as OfficeLayout,
   bg as OfficeLayoutWrapper,
-  e1 as OfficeLink,
-  s1 as OfficeRelation,
-  u1 as OfficeSingle,
-  o1 as OfficeTab,
-  i1 as OfficeTabs
+  t1 as OfficeLink,
+  u1 as OfficeRelation,
+  o1 as OfficeSingle,
+  i1 as OfficeTab,
+  r1 as OfficeTabs
 };