golden-logic-ui 0.0.7 → 0.0.8

package/dist/golden-logic-ui.js

@@ -1,33 +1,4519 @@
-import { c as t, a as e, p as s, o as G, r as o, s as r, t as D, u as i, v as n, w as b, x as T, y as d, z as u, D as p, m as c, F as x, G as S, k as m, j as g, b as f, N as w, i as F, h as M, g as y, f as v, n as A, d as B, e as C, l as I, q as L } from "./main-Hf5LCVPR.js";
+import { openBlock as d, createElementBlock as u, createElementVNode as s, createCommentVNode as g, createStaticVNode as De, watch as Q, inject as de, effectScope as Pe, reactive as Ee, computed as je, resolveComponent as U, Fragment as y, createVNode as B, normalizeClass as p, toDisplayString as h, withModifiers as I, withDirectives as S, vModelText as A, renderList as w, normalizeStyle as Ie, renderSlot as j, createTextVNode as v, vShow as T, createBlock as q, resolveDynamicComponent as W, mergeProps as R, withCtx as X, ref as C, onMounted as G, provide as Ae, pushScopeId as Te, popScopeId as Ne, toHandlers as Z, resolveDirective as ue, markRaw as Me } from "vue";
+const k = (e, t) => {
+  const r = e.__vccOpts || e;
+  for (const [n, a] of t)
+    r[n] = a;
+  return r;
+}, Ve = {
+  props: ["isOpen"],
+  methods: {
+    confirmDeletion() {
+      this.$emit("confirm-delete");
+    },
+    cancelDeletion() {
+      this.$emit("cancel-delete");
+    }
+  }
+}, Le = {
+  key: 0,
+  class: "fixed inset-0 z-50 overflow-y-auto",
+  "aria-labelledby": "modal-title",
+  role: "dialog",
+  "aria-modal": "true"
+}, Be = { class: "flex items-end justify-center min-h-screen px-4 pt-4 pb-20 text-center sm:block sm:p-0" }, Ge = /* @__PURE__ */ s("div", {
+  class: "fixed inset-0 transition-opacity bg-gray-500 bg-opacity-75",
+  "aria-hidden": "true"
+}, null, -1), Fe = /* @__PURE__ */ s("span", {
+  class: "hidden sm:inline-block sm:align-middle sm:h-screen",
+  "aria-hidden": "true"
+}, "​", -1), Re = { class: "inline-block overflow-hidden text-left align-bottom transition-all transform bg-white rounded-lg shadow-xl sm:my-8 sm:align-middle sm:max-w-lg sm:w-full" }, Ue = /* @__PURE__ */ De('<div class="px-4 pt-5 pb-4 bg-white sm:p-6 sm:pb-4"><div class="sm:flex sm:items-start"><div class="mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left"><h3 class="text-lg font-medium leading-6 text-gray-900" id="modal-title"> Confirm Deletion </h3><div class="mt-2"><p class="text-sm text-gray-500"> Are you sure you want to delete this item? This action cannot be undone. </p></div></div></div></div>', 1), qe = { class: "px-4 py-3 bg-gray-50 sm:px-6 sm:flex sm:flex-row-reverse" };
+function He(e, t, r, n, a, o) {
+  return r.isOpen ? (d(), u("div", Le, [
+    s("div", Be, [
+      Ge,
+      Fe,
+      s("div", Re, [
+        Ue,
+        s("div", qe, [
+          s("button", {
+            onClick: t[0] || (t[0] = (...l) => o.confirmDeletion && o.confirmDeletion(...l)),
+            type: "button",
+            class: "inline-flex justify-center w-full px-4 py-2 text-base font-medium text-white bg-red-600 border border-transparent rounded-md shadow-sm hover:bg-red-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-red-500 sm:ml-3 sm:w-auto sm:text-sm"
+          }, " Delete "),
+          s("button", {
+            onClick: t[1] || (t[1] = (...l) => o.cancelDeletion && o.cancelDeletion(...l)),
+            type: "button",
+            class: "inline-flex justify-center w-full px-4 py-2 mt-3 text-base font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 sm:mt-0 sm:ml-3 sm:w-auto sm:text-sm"
+          }, " Cancel ")
+        ])
+      ])
+    ])
+  ])) : g("", !0);
+}
+const ee = /* @__PURE__ */ k(Ve, [["render", He]]);
+function ze() {
+  return ce().__VUE_DEVTOOLS_GLOBAL_HOOK__;
+}
+function ce() {
+  return typeof navigator < "u" && typeof window < "u" ? window : typeof globalThis < "u" ? globalThis : {};
+}
+const Ze = typeof Proxy == "function", Ke = "devtools-plugin:setup", We = "plugin:settings:set";
+let V, Y;
+function Xe() {
+  var e;
+  return V !== void 0 || (typeof window < "u" && window.performance ? (V = !0, Y = window.performance) : typeof globalThis < "u" && (!((e = globalThis.perf_hooks) === null || e === void 0) && e.performance) ? (V = !0, Y = globalThis.perf_hooks.performance) : V = !1), V;
+}
+function Ye() {
+  return Xe() ? Y.now() : Date.now();
+}
+class Je {
+  constructor(t, r) {
+    this.target = null, this.targetQueue = [], this.onQueue = [], this.plugin = t, this.hook = r;
+    const n = {};
+    if (t.settings)
+      for (const l in t.settings) {
+        const i = t.settings[l];
+        n[l] = i.defaultValue;
+      }
+    const a = `__vue-devtools-plugin-settings__${t.id}`;
+    let o = Object.assign({}, n);
+    try {
+      const l = localStorage.getItem(a), i = JSON.parse(l);
+      Object.assign(o, i);
+    } catch {
+    }
+    this.fallbacks = {
+      getSettings() {
+        return o;
+      },
+      setSettings(l) {
+        try {
+          localStorage.setItem(a, JSON.stringify(l));
+        } catch {
+        }
+        o = l;
+      },
+      now() {
+        return Ye();
+      }
+    }, r && r.on(We, (l, i) => {
+      l === this.plugin.id && this.fallbacks.setSettings(i);
+    }), this.proxiedOn = new Proxy({}, {
+      get: (l, i) => this.target ? this.target.on[i] : (...c) => {
+        this.onQueue.push({
+          method: i,
+          args: c
+        });
+      }
+    }), this.proxiedTarget = new Proxy({}, {
+      get: (l, i) => this.target ? this.target[i] : i === "on" ? this.proxiedOn : Object.keys(this.fallbacks).includes(i) ? (...c) => (this.targetQueue.push({
+        method: i,
+        args: c,
+        resolve: () => {
+        }
+      }), this.fallbacks[i](...c)) : (...c) => new Promise((f) => {
+        this.targetQueue.push({
+          method: i,
+          args: c,
+          resolve: f
+        });
+      })
+    });
+  }
+  async setRealTarget(t) {
+    this.target = t;
+    for (const r of this.onQueue)
+      this.target.on[r.method](...r.args);
+    for (const r of this.targetQueue)
+      r.resolve(await this.target[r.method](...r.args));
+  }
+}
+function Qe(e, t) {
+  const r = e, n = ce(), a = ze(), o = Ze && r.enableEarlyProxy;
+  if (a && (n.__VUE_DEVTOOLS_PLUGIN_API_AVAILABLE__ || !o))
+    a.emit(Ke, e, t);
+  else {
+    const l = o ? new Je(r, a) : null;
+    (n.__VUE_DEVTOOLS_PLUGINS__ = n.__VUE_DEVTOOLS_PLUGINS__ || []).push({
+      pluginDescriptor: r,
+      setupFn: t,
+      proxy: l
+    }), l && t(l.proxiedTarget);
+  }
+}
+/*!
+ * vuex v4.1.0
+ * (c) 2022 Evan You
+ * @license MIT
+ */
+var fe = "store";
+function he(e) {
+  return e === void 0 && (e = null), de(e !== null ? e : fe);
+}
+function N(e, t) {
+  Object.keys(e).forEach(function(r) {
+    return t(e[r], r);
+  });
+}
+function ge(e) {
+  return e !== null && typeof e == "object";
+}
+function et(e) {
+  return e && typeof e.then == "function";
+}
+function P(e, t) {
+  if (!e)
+    throw new Error("[vuex] " + t);
+}
+function tt(e, t) {
+  return function() {
+    return e(t);
+  };
+}
+function me(e, t, r) {
+  return t.indexOf(e) < 0 && (r && r.prepend ? t.unshift(e) : t.push(e)), function() {
+    var n = t.indexOf(e);
+    n > -1 && t.splice(n, 1);
+  };
+}
+function _e(e, t) {
+  e._actions = /* @__PURE__ */ Object.create(null), e._mutations = /* @__PURE__ */ Object.create(null), e._wrappedGetters = /* @__PURE__ */ Object.create(null), e._modulesNamespaceMap = /* @__PURE__ */ Object.create(null);
+  var r = e.state;
+  z(e, r, [], e._modules.root, !0), te(e, r, t);
+}
+function te(e, t, r) {
+  var n = e._state, a = e._scope;
+  e.getters = {}, e._makeLocalGettersCache = /* @__PURE__ */ Object.create(null);
+  var o = e._wrappedGetters, l = {}, i = {}, c = Pe(!0);
+  c.run(function() {
+    N(o, function(f, m) {
+      l[m] = tt(f, e), i[m] = je(function() {
+        return l[m]();
+      }), Object.defineProperty(e.getters, m, {
+        get: function() {
+          return i[m].value;
+        },
+        enumerable: !0
+        // for local getters
+      });
+    });
+  }), e._state = Ee({
+    data: t
+  }), e._scope = c, e.strict && at(e), n && r && e._withCommit(function() {
+    n.data = null;
+  }), a && a.stop();
+}
+function z(e, t, r, n, a) {
+  var o = !r.length, l = e._modules.getNamespace(r);
+  if (n.namespaced && (e._modulesNamespaceMap[l] && process.env.NODE_ENV !== "production" && console.error("[vuex] duplicate namespace " + l + " for the namespaced module " + r.join("/")), e._modulesNamespaceMap[l] = n), !o && !a) {
+    var i = re(t, r.slice(0, -1)), c = r[r.length - 1];
+    e._withCommit(function() {
+      process.env.NODE_ENV !== "production" && c in i && console.warn(
+        '[vuex] state field "' + c + '" was overridden by a module with the same name at "' + r.join(".") + '"'
+      ), i[c] = n.state;
+    });
+  }
+  var f = n.context = rt(e, l, r);
+  n.forEachMutation(function(m, b) {
+    var x = l + b;
+    st(e, x, m, f);
+  }), n.forEachAction(function(m, b) {
+    var x = m.root ? b : l + b, $ = m.handler || m;
+    nt(e, x, $, f);
+  }), n.forEachGetter(function(m, b) {
+    var x = l + b;
+    ot(e, x, m, f);
+  }), n.forEachChild(function(m, b) {
+    z(e, t, r.concat(b), m, a);
+  });
+}
+function rt(e, t, r) {
+  var n = t === "", a = {
+    dispatch: n ? e.dispatch : function(o, l, i) {
+      var c = H(o, l, i), f = c.payload, m = c.options, b = c.type;
+      if ((!m || !m.root) && (b = t + b, process.env.NODE_ENV !== "production" && !e._actions[b])) {
+        console.error("[vuex] unknown local action type: " + c.type + ", global type: " + b);
+        return;
+      }
+      return e.dispatch(b, f);
+    },
+    commit: n ? e.commit : function(o, l, i) {
+      var c = H(o, l, i), f = c.payload, m = c.options, b = c.type;
+      if ((!m || !m.root) && (b = t + b, process.env.NODE_ENV !== "production" && !e._mutations[b])) {
+        console.error("[vuex] unknown local mutation type: " + c.type + ", global type: " + b);
+        return;
+      }
+      e.commit(b, f, m);
+    }
+  };
+  return Object.defineProperties(a, {
+    getters: {
+      get: n ? function() {
+        return e.getters;
+      } : function() {
+        return pe(e, t);
+      }
+    },
+    state: {
+      get: function() {
+        return re(e.state, r);
+      }
+    }
+  }), a;
+}
+function pe(e, t) {
+  if (!e._makeLocalGettersCache[t]) {
+    var r = {}, n = t.length;
+    Object.keys(e.getters).forEach(function(a) {
+      if (a.slice(0, n) === t) {
+        var o = a.slice(n);
+        Object.defineProperty(r, o, {
+          get: function() {
+            return e.getters[a];
+          },
+          enumerable: !0
+        });
+      }
+    }), e._makeLocalGettersCache[t] = r;
+  }
+  return e._makeLocalGettersCache[t];
+}
+function st(e, t, r, n) {
+  var a = e._mutations[t] || (e._mutations[t] = []);
+  a.push(function(l) {
+    r.call(e, n.state, l);
+  });
+}
+function nt(e, t, r, n) {
+  var a = e._actions[t] || (e._actions[t] = []);
+  a.push(function(l) {
+    var i = r.call(e, {
+      dispatch: n.dispatch,
+      commit: n.commit,
+      getters: n.getters,
+      state: n.state,
+      rootGetters: e.getters,
+      rootState: e.state
+    }, l);
+    return et(i) || (i = Promise.resolve(i)), e._devtoolHook ? i.catch(function(c) {
+      throw e._devtoolHook.emit("vuex:error", c), c;
+    }) : i;
+  });
+}
+function ot(e, t, r, n) {
+  if (e._wrappedGetters[t]) {
+    process.env.NODE_ENV !== "production" && console.error("[vuex] duplicate getter key: " + t);
+    return;
+  }
+  e._wrappedGetters[t] = function(o) {
+    return r(
+      n.state,
+      // local state
+      n.getters,
+      // local getters
+      o.state,
+      // root state
+      o.getters
+      // root getters
+    );
+  };
+}
+function at(e) {
+  Q(function() {
+    return e._state.data;
+  }, function() {
+    process.env.NODE_ENV !== "production" && P(e._committing, "do not mutate vuex store state outside mutation handlers.");
+  }, { deep: !0, flush: "sync" });
+}
+function re(e, t) {
+  return t.reduce(function(r, n) {
+    return r[n];
+  }, e);
+}
+function H(e, t, r) {
+  return ge(e) && e.type && (r = t, t = e, e = e.type), process.env.NODE_ENV !== "production" && P(typeof e == "string", "expects string as the type, but found " + typeof e + "."), { type: e, payload: t, options: r };
+}
+var it = "vuex bindings", oe = "vuex:mutations", K = "vuex:actions", L = "vuex", lt = 0;
+function dt(e, t) {
+  Qe(
+    {
+      id: "org.vuejs.vuex",
+      app: e,
+      label: "Vuex",
+      homepage: "https://next.vuex.vuejs.org/",
+      logo: "https://vuejs.org/images/icons/favicon-96x96.png",
+      packageName: "vuex",
+      componentStateTypes: [it]
+    },
+    function(r) {
+      r.addTimelineLayer({
+        id: oe,
+        label: "Vuex Mutations",
+        color: ae
+      }), r.addTimelineLayer({
+        id: K,
+        label: "Vuex Actions",
+        color: ae
+      }), r.addInspector({
+        id: L,
+        label: "Vuex",
+        icon: "storage",
+        treeFilterPlaceholder: "Filter stores..."
+      }), r.on.getInspectorTree(function(n) {
+        if (n.app === e && n.inspectorId === L)
+          if (n.filter) {
+            var a = [];
+            xe(a, t._modules.root, n.filter, ""), n.rootNodes = a;
+          } else
+            n.rootNodes = [
+              ve(t._modules.root, "")
+            ];
+      }), r.on.getInspectorState(function(n) {
+        if (n.app === e && n.inspectorId === L) {
+          var a = n.nodeId;
+          pe(t, a), n.state = ft(
+            gt(t._modules, a),
+            a === "root" ? t.getters : t._makeLocalGettersCache,
+            a
+          );
+        }
+      }), r.on.editInspectorState(function(n) {
+        if (n.app === e && n.inspectorId === L) {
+          var a = n.nodeId, o = n.path;
+          a !== "root" && (o = a.split("/").filter(Boolean).concat(o)), t._withCommit(function() {
+            n.set(t._state.data, o, n.state.value);
+          });
+        }
+      }), t.subscribe(function(n, a) {
+        var o = {};
+        n.payload && (o.payload = n.payload), o.state = a, r.notifyComponentUpdate(), r.sendInspectorTree(L), r.sendInspectorState(L), r.addTimelineEvent({
+          layerId: oe,
+          event: {
+            time: Date.now(),
+            title: n.type,
+            data: o
+          }
+        });
+      }), t.subscribeAction({
+        before: function(n, a) {
+          var o = {};
+          n.payload && (o.payload = n.payload), n._id = lt++, n._time = Date.now(), o.state = a, r.addTimelineEvent({
+            layerId: K,
+            event: {
+              time: n._time,
+              title: n.type,
+              groupId: n._id,
+              subtitle: "start",
+              data: o
+            }
+          });
+        },
+        after: function(n, a) {
+          var o = {}, l = Date.now() - n._time;
+          o.duration = {
+            _custom: {
+              type: "duration",
+              display: l + "ms",
+              tooltip: "Action duration",
+              value: l
+            }
+          }, n.payload && (o.payload = n.payload), o.state = a, r.addTimelineEvent({
+            layerId: K,
+            event: {
+              time: Date.now(),
+              title: n.type,
+              groupId: n._id,
+              subtitle: "end",
+              data: o
+            }
+          });
+        }
+      });
+    }
+  );
+}
+var ae = 8702998, ut = 6710886, ct = 16777215, be = {
+  label: "namespaced",
+  textColor: ct,
+  backgroundColor: ut
+};
+function ye(e) {
+  return e && e !== "root" ? e.split("/").slice(-2, -1)[0] : "Root";
+}
+function ve(e, t) {
+  return {
+    id: t || "root",
+    // all modules end with a `/`, we want the last segment only
+    // cart/ -> cart
+    // nested/cart/ -> cart
+    label: ye(t),
+    tags: e.namespaced ? [be] : [],
+    children: Object.keys(e._children).map(
+      function(r) {
+        return ve(
+          e._children[r],
+          t + r + "/"
+        );
+      }
+    )
+  };
+}
+function xe(e, t, r, n) {
+  n.includes(r) && e.push({
+    id: n || "root",
+    label: n.endsWith("/") ? n.slice(0, n.length - 1) : n || "Root",
+    tags: t.namespaced ? [be] : []
+  }), Object.keys(t._children).forEach(function(a) {
+    xe(e, t._children[a], r, n + a + "/");
+  });
+}
+function ft(e, t, r) {
+  t = r === "root" ? t : t[r];
+  var n = Object.keys(t), a = {
+    state: Object.keys(e.state).map(function(l) {
+      return {
+        key: l,
+        editable: !0,
+        value: e.state[l]
+      };
+    })
+  };
+  if (n.length) {
+    var o = ht(t);
+    a.getters = Object.keys(o).map(function(l) {
+      return {
+        key: l.endsWith("/") ? ye(l) : l,
+        editable: !1,
+        value: J(function() {
+          return o[l];
+        })
+      };
+    });
+  }
+  return a;
+}
+function ht(e) {
+  var t = {};
+  return Object.keys(e).forEach(function(r) {
+    var n = r.split("/");
+    if (n.length > 1) {
+      var a = t, o = n.pop();
+      n.forEach(function(l) {
+        a[l] || (a[l] = {
+          _custom: {
+            value: {},
+            display: l,
+            tooltip: "Module",
+            abstract: !0
+          }
+        }), a = a[l]._custom.value;
+      }), a[o] = J(function() {
+        return e[r];
+      });
+    } else
+      t[r] = J(function() {
+        return e[r];
+      });
+  }), t;
+}
+function gt(e, t) {
+  var r = t.split("/").filter(function(n) {
+    return n;
+  });
+  return r.reduce(
+    function(n, a, o) {
+      var l = n[a];
+      if (!l)
+        throw new Error('Missing module "' + a + '" for path "' + t + '".');
+      return o === r.length - 1 ? l : l._children;
+    },
+    t === "root" ? e : e.root._children
+  );
+}
+function J(e) {
+  try {
+    return e();
+  } catch (t) {
+    return t;
+  }
+}
+var E = function(t, r) {
+  this.runtime = r, this._children = /* @__PURE__ */ Object.create(null), this._rawModule = t;
+  var n = t.state;
+  this.state = (typeof n == "function" ? n() : n) || {};
+}, we = { namespaced: { configurable: !0 } };
+we.namespaced.get = function() {
+  return !!this._rawModule.namespaced;
+};
+E.prototype.addChild = function(t, r) {
+  this._children[t] = r;
+};
+E.prototype.removeChild = function(t) {
+  delete this._children[t];
+};
+E.prototype.getChild = function(t) {
+  return this._children[t];
+};
+E.prototype.hasChild = function(t) {
+  return t in this._children;
+};
+E.prototype.update = function(t) {
+  this._rawModule.namespaced = t.namespaced, t.actions && (this._rawModule.actions = t.actions), t.mutations && (this._rawModule.mutations = t.mutations), t.getters && (this._rawModule.getters = t.getters);
+};
+E.prototype.forEachChild = function(t) {
+  N(this._children, t);
+};
+E.prototype.forEachGetter = function(t) {
+  this._rawModule.getters && N(this._rawModule.getters, t);
+};
+E.prototype.forEachAction = function(t) {
+  this._rawModule.actions && N(this._rawModule.actions, t);
+};
+E.prototype.forEachMutation = function(t) {
+  this._rawModule.mutations && N(this._rawModule.mutations, t);
+};
+Object.defineProperties(E.prototype, we);
+var M = function(t) {
+  this.register([], t, !1);
+};
+M.prototype.get = function(t) {
+  return t.reduce(function(r, n) {
+    return r.getChild(n);
+  }, this.root);
+};
+M.prototype.getNamespace = function(t) {
+  var r = this.root;
+  return t.reduce(function(n, a) {
+    return r = r.getChild(a), n + (r.namespaced ? a + "/" : "");
+  }, "");
+};
+M.prototype.update = function(t) {
+  ke([], this.root, t);
+};
+M.prototype.register = function(t, r, n) {
+  var a = this;
+  n === void 0 && (n = !0), process.env.NODE_ENV !== "production" && $e(t, r);
+  var o = new E(r, n);
+  if (t.length === 0)
+    this.root = o;
+  else {
+    var l = this.get(t.slice(0, -1));
+    l.addChild(t[t.length - 1], o);
+  }
+  r.modules && N(r.modules, function(i, c) {
+    a.register(t.concat(c), i, n);
+  });
+};
+M.prototype.unregister = function(t) {
+  var r = this.get(t.slice(0, -1)), n = t[t.length - 1], a = r.getChild(n);
+  if (!a) {
+    process.env.NODE_ENV !== "production" && console.warn(
+      "[vuex] trying to unregister module '" + n + "', which is not registered"
+    );
+    return;
+  }
+  a.runtime && r.removeChild(n);
+};
+M.prototype.isRegistered = function(t) {
+  var r = this.get(t.slice(0, -1)), n = t[t.length - 1];
+  return r ? r.hasChild(n) : !1;
+};
+function ke(e, t, r) {
+  if (process.env.NODE_ENV !== "production" && $e(e, r), t.update(r), r.modules)
+    for (var n in r.modules) {
+      if (!t.getChild(n)) {
+        process.env.NODE_ENV !== "production" && console.warn(
+          "[vuex] trying to add a new module '" + n + "' on hot reloading, manual reload is needed"
+        );
+        return;
+      }
+      ke(
+        e.concat(n),
+        t.getChild(n),
+        r.modules[n]
+      );
+    }
+}
+var ie = {
+  assert: function(e) {
+    return typeof e == "function";
+  },
+  expected: "function"
+}, mt = {
+  assert: function(e) {
+    return typeof e == "function" || typeof e == "object" && typeof e.handler == "function";
+  },
+  expected: 'function or object with "handler" function'
+}, le = {
+  getters: ie,
+  mutations: ie,
+  actions: mt
+};
+function $e(e, t) {
+  Object.keys(le).forEach(function(r) {
+    if (t[r]) {
+      var n = le[r];
+      N(t[r], function(a, o) {
+        P(
+          n.assert(a),
+          _t(e, r, o, a, n.expected)
+        );
+      });
+    }
+  });
+}
+function _t(e, t, r, n, a) {
+  var o = t + " should be " + a + ' but "' + t + "." + r + '"';
+  return e.length > 0 && (o += ' in module "' + e.join(".") + '"'), o += " is " + JSON.stringify(n) + ".", o;
+}
+function pt(e) {
+  return new O(e);
+}
+var O = function e(t) {
+  var r = this;
+  t === void 0 && (t = {}), process.env.NODE_ENV !== "production" && (P(typeof Promise < "u", "vuex requires a Promise polyfill in this browser."), P(this instanceof e, "store must be called with the new operator."));
+  var n = t.plugins;
+  n === void 0 && (n = []);
+  var a = t.strict;
+  a === void 0 && (a = !1);
+  var o = t.devtools;
+  this._committing = !1, this._actions = /* @__PURE__ */ Object.create(null), this._actionSubscribers = [], this._mutations = /* @__PURE__ */ Object.create(null), this._wrappedGetters = /* @__PURE__ */ Object.create(null), this._modules = new M(t), this._modulesNamespaceMap = /* @__PURE__ */ Object.create(null), this._subscribers = [], this._makeLocalGettersCache = /* @__PURE__ */ Object.create(null), this._scope = null, this._devtools = o;
+  var l = this, i = this, c = i.dispatch, f = i.commit;
+  this.dispatch = function(x, $) {
+    return c.call(l, x, $);
+  }, this.commit = function(x, $, F) {
+    return f.call(l, x, $, F);
+  }, this.strict = a;
+  var m = this._modules.root.state;
+  z(this, m, [], this._modules.root), te(this, m), n.forEach(function(b) {
+    return b(r);
+  });
+}, se = { state: { configurable: !0 } };
+O.prototype.install = function(t, r) {
+  t.provide(r || fe, this), t.config.globalProperties.$store = this;
+  var n = this._devtools !== void 0 ? this._devtools : process.env.NODE_ENV !== "production" || !1;
+  n && dt(t, this);
+};
+se.state.get = function() {
+  return this._state.data;
+};
+se.state.set = function(e) {
+  process.env.NODE_ENV !== "production" && P(!1, "use store.replaceState() to explicit replace store state.");
+};
+O.prototype.commit = function(t, r, n) {
+  var a = this, o = H(t, r, n), l = o.type, i = o.payload, c = o.options, f = { type: l, payload: i }, m = this._mutations[l];
+  if (!m) {
+    process.env.NODE_ENV !== "production" && console.error("[vuex] unknown mutation type: " + l);
+    return;
+  }
+  this._withCommit(function() {
+    m.forEach(function(x) {
+      x(i);
+    });
+  }), this._subscribers.slice().forEach(function(b) {
+    return b(f, a.state);
+  }), process.env.NODE_ENV !== "production" && c && c.silent && console.warn(
+    "[vuex] mutation type: " + l + ". Silent option has been removed. Use the filter functionality in the vue-devtools"
+  );
+};
+O.prototype.dispatch = function(t, r) {
+  var n = this, a = H(t, r), o = a.type, l = a.payload, i = { type: o, payload: l }, c = this._actions[o];
+  if (!c) {
+    process.env.NODE_ENV !== "production" && console.error("[vuex] unknown action type: " + o);
+    return;
+  }
+  try {
+    this._actionSubscribers.slice().filter(function(m) {
+      return m.before;
+    }).forEach(function(m) {
+      return m.before(i, n.state);
+    });
+  } catch (m) {
+    process.env.NODE_ENV !== "production" && (console.warn("[vuex] error in before action subscribers: "), console.error(m));
+  }
+  var f = c.length > 1 ? Promise.all(c.map(function(m) {
+    return m(l);
+  })) : c[0](l);
+  return new Promise(function(m, b) {
+    f.then(function(x) {
+      try {
+        n._actionSubscribers.filter(function($) {
+          return $.after;
+        }).forEach(function($) {
+          return $.after(i, n.state);
+        });
+      } catch ($) {
+        process.env.NODE_ENV !== "production" && (console.warn("[vuex] error in after action subscribers: "), console.error($));
+      }
+      m(x);
+    }, function(x) {
+      try {
+        n._actionSubscribers.filter(function($) {
+          return $.error;
+        }).forEach(function($) {
+          return $.error(i, n.state, x);
+        });
+      } catch ($) {
+        process.env.NODE_ENV !== "production" && (console.warn("[vuex] error in error action subscribers: "), console.error($));
+      }
+      b(x);
+    });
+  });
+};
+O.prototype.subscribe = function(t, r) {
+  return me(t, this._subscribers, r);
+};
+O.prototype.subscribeAction = function(t, r) {
+  var n = typeof t == "function" ? { before: t } : t;
+  return me(n, this._actionSubscribers, r);
+};
+O.prototype.watch = function(t, r, n) {
+  var a = this;
+  return process.env.NODE_ENV !== "production" && P(typeof t == "function", "store.watch only accepts a function."), Q(function() {
+    return t(a.state, a.getters);
+  }, r, Object.assign({}, n));
+};
+O.prototype.replaceState = function(t) {
+  var r = this;
+  this._withCommit(function() {
+    r._state.data = t;
+  });
+};
+O.prototype.registerModule = function(t, r, n) {
+  n === void 0 && (n = {}), typeof t == "string" && (t = [t]), process.env.NODE_ENV !== "production" && (P(Array.isArray(t), "module path must be a string or an Array."), P(t.length > 0, "cannot register the root module by using registerModule.")), this._modules.register(t, r), z(this, this.state, t, this._modules.get(t), n.preserveState), te(this, this.state);
+};
+O.prototype.unregisterModule = function(t) {
+  var r = this;
+  typeof t == "string" && (t = [t]), process.env.NODE_ENV !== "production" && P(Array.isArray(t), "module path must be a string or an Array."), this._modules.unregister(t), this._withCommit(function() {
+    var n = re(r.state, t.slice(0, -1));
+    delete n[t[t.length - 1]];
+  }), _e(this);
+};
+O.prototype.hasModule = function(t) {
+  return typeof t == "string" && (t = [t]), process.env.NODE_ENV !== "production" && P(Array.isArray(t), "module path must be a string or an Array."), this._modules.isRegistered(t);
+};
+O.prototype.hotUpdate = function(t) {
+  this._modules.update(t), _e(this, !0);
+};
+O.prototype._withCommit = function(t) {
+  var r = this._committing;
+  this._committing = !0, t(), this._committing = r;
+};
+Object.defineProperties(O.prototype, se);
+var bt = Ce(function(e, t) {
+  var r = {};
+  return process.env.NODE_ENV !== "production" && !ne(t) && console.error("[vuex] mapState: mapper parameter must be either an Array or an Object"), Se(t).forEach(function(n) {
+    var a = n.key, o = n.val;
+    r[a] = function() {
+      var i = this.$store.state, c = this.$store.getters;
+      if (e) {
+        var f = Oe(this.$store, "mapState", e);
+        if (!f)
+          return;
+        i = f.context.state, c = f.context.getters;
+      }
+      return typeof o == "function" ? o.call(this, i, c) : i[o];
+    }, r[a].vuex = !0;
+  }), r;
+}), yt = Ce(function(e, t) {
+  var r = {};
+  return process.env.NODE_ENV !== "production" && !ne(t) && console.error("[vuex] mapMutations: mapper parameter must be either an Array or an Object"), Se(t).forEach(function(n) {
+    var a = n.key, o = n.val;
+    r[a] = function() {
+      for (var i = [], c = arguments.length; c--; )
+        i[c] = arguments[c];
+      var f = this.$store.commit;
+      if (e) {
+        var m = Oe(this.$store, "mapMutations", e);
+        if (!m)
+          return;
+        f = m.context.commit;
+      }
+      return typeof o == "function" ? o.apply(this, [f].concat(i)) : f.apply(this.$store, [o].concat(i));
+    };
+  }), r;
+});
+function Se(e) {
+  return ne(e) ? Array.isArray(e) ? e.map(function(t) {
+    return { key: t, val: t };
+  }) : Object.keys(e).map(function(t) {
+    return { key: t, val: e[t] };
+  }) : [];
+}
+function ne(e) {
+  return Array.isArray(e) || ge(e);
+}
+function Ce(e) {
+  return function(t, r) {
+    return typeof t != "string" ? (r = t, t = "") : t.charAt(t.length - 1) !== "/" && (t += "/"), e(t, r);
+  };
+}
+function Oe(e, t, r) {
+  var n = e._modulesNamespaceMap[r];
+  return process.env.NODE_ENV !== "production" && !n && console.error("[vuex] module namespace not found in " + t + "(): " + r), n;
+}
+const vt = {
+  components: {
+    DeleteConfirmationModal: ee
+  },
+  props: {
+    is_required: {
+      type: Boolean,
+      default: !1
+    },
+    error_message: {
+      type: String,
+      default: ""
+    },
+    description: {
+      type: String,
+      default: ""
+    },
+    show: {
+      type: Boolean,
+      default: !1
+    },
+    has_multiple_file: {
+      show: Boolean,
+      default: !1
+    },
+    field_name: {
+      type: String,
+      default: ""
+    },
+    label_name: {
+      type: String,
+      default: ""
+    },
+    route_url: {
+      type: String,
+      default: ""
+    },
+    model_value: {
+      type: Array,
+      default: []
+    },
+    file_config: {
+      type: Object,
+      default: {}
+    },
+    is_enable_delete: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  emits: ["uploaded"],
+  data() {
+    return {
+      media_id: "",
+      error_message_data: "",
+      open_delete_modal: !1,
+      files: [],
+      uploadFileList: [],
+      isDragging: !1
+    };
+  },
+  methods: {
+    closeDeleteModal() {
+      this.open_delete_modal = !1;
+    },
+    deleteAction() {
+      axios.delete(this.route_url + "/destroyMedia/" + this.media_id).then((e) => {
+        let t = this.uploadFileList.findIndex((r) => r.id === this.media_id);
+        t !== -1 && this.uploadFileList.splice(t, 1), this.closeDeleteModal(), this.$store.commit("notification/SHOW_NOTIFICATION", {
+          message: "Item deleted successfully.",
+          type: "success",
+          duration: 5e3
+        });
+      }).catch((e) => {
+        console.error(e), this.is_loading = !1;
+      });
+    },
+    getFileName(e) {
+      return e.length > 12 ? e.substring(0, 13) + "...  ." + e.split(".")[1] : e;
+    },
+    formatFileSize(e) {
+      if (e === 0)
+        return "0 Bytes";
+      const t = 1024, r = ["Bytes", "KB", "MB", "GB", "TB"], n = Math.floor(Math.log(e) / Math.log(t));
+      return parseFloat((e / Math.pow(t, n)).toFixed(2)) + " " + r[n];
+    },
+    onDragOver(e) {
+      e.preventDefault(), this.isDragging = !0, e.dataTransfer.dropEffect = "copy";
+    },
+    onDragLeave(e) {
+      e.preventDefault(), this.isDragging = !1;
+    },
+    onDrop(e) {
+      e.preventDefault(), this.isDragging = !1;
+      const t = e.dataTransfer.files;
+      Array.from(t).forEach((r) => {
+        this.uploadFile(r);
+      });
+    },
+    async uploadFiles(e) {
+      const t = e.target.files, r = Array.from(t).map((n) => this.uploadFile(n));
+      await Promise.all(r), this.$emit("uploaded");
+    },
+    getFirstError(e, t) {
+      return e.hasOwnProperty(t) ? e[t][0] : "";
+    },
+    async uploadFile(e) {
+      return new Promise((t, r) => {
+        e || t();
+        const n = new FormData();
+        n.append("file", e), Object.entries(this.file_config).forEach(([a, o]) => {
+          n.append(a, o);
+        }), this.files.push({ file_name: e.name, loading: 0 }), axios.post(this.route_url + "/media", n, {
+          onUploadProgress: (a) => {
+            this.files[this.files.length - 1].loading = Math.floor(
+              a.loaded / a.total * 100
+            );
+          }
+        }).then((a) => {
+          let o = this.files.findIndex(
+            (l) => l.file_name === e.name
+          );
+          o !== -1 && this.files.splice(o, 1), this.uploadFileList.push({
+            file_name: a.data.file_name,
+            size: a.data.size,
+            id: a.data.id,
+            url: a.data.url
+          }), this.error_message_data = "", t();
+        }).catch((a) => {
+          a.response.status === 422 ? this.error_message_data = this.getFirstError(
+            a.response.data.errors,
+            "file"
+          ) : console.error("An error occurred:", a);
+          let o = this.files.findIndex(
+            (l) => l.file_name === e.name
+          );
+          o !== -1 && this.files.splice(o, 1), console.log(a), t();
+        });
+      });
+    }
+  },
+  computed: {
+    uploadedFileIds() {
+      var e;
+      return this.has_multiple_file ? this.uploadFileList.map((t) => t.id) : ((e = this.uploadFileList[0]) == null ? void 0 : e.id) || null;
+    }
+  },
+  mounted() {
+    console.log(this.model_value), this.model_value ? Array.isArray(this.model_value) ? this.uploadFileList = this.model_value : this.uploadFileList = [this.model_value] : this.uploadFileList = [], this.error_message_data = this.error_message;
+  }
+}, xt = { class: "flex flex-col items-center justify-center pt-5 pb-6" }, wt = ["multiple"], kt = ["name"], $t = /* @__PURE__ */ s("svg", {
+  class: "w-8 h-8 mb-4 text-gray-500 dark:text-gray-400",
+  "aria-hidden": "true",
+  xmlns: "http://www.w3.org/2000/svg",
+  fill: "none",
+  viewBox: "0 0 20 16"
+}, [
+  /* @__PURE__ */ s("path", {
+    stroke: "currentColor",
+    "stroke-linecap": "round",
+    "stroke-linejoin": "round",
+    "stroke-width": "2",
+    d: "M13 13h3a3 3 0 0 0 0-6h-.025A5.56 5.56 0 0 0 16 6.5 5.5 5.5 0 0 0 5.207 5.021C5.137 5.017 5.071 5 5 5a4 4 0 0 0 0 8h2.167M10 15V6m0 0L8 8m2-2 2 2"
+  })
+], -1), St = /* @__PURE__ */ s("p", { class: "text-sm text-gray-500 dark:text-gray-400" }, " Drag & drop files or browse ", -1), Ct = [
+  $t,
+  St
+], Ot = { key: 1 }, Dt = /* @__PURE__ */ s("p", { class: "text-sm text-gray-500 dark:text-gray-400" }, "Drop files here", -1), Pt = [
+  Dt
+], Et = { class: "mt-2 gl-span-form-error" }, jt = { class: "block mt-2 mb-3 text-sm font-normal leading-5 text-gray-500" }, It = {
+  key: 0,
+  class: ""
+}, At = { class: "flex items-center justify-between p-2 mb-2 text-gray-900 rounded-lg bg-gray-50 hover:bg-gray-100 hover:shadow dark:bg-gray-600 dark:hover:bg-gray-500 dark:text-white" }, Tt = /* @__PURE__ */ s("i", { class: "text-3xl fas fa-file-alt" }, null, -1), Nt = { class: "w-full ml-3" }, Mt = { class: "flex items-center justify-between mb-1" }, Vt = { class: "text-xs text-black dark:text-white" }, Lt = { class: "text-xs text-black dark:text-white" }, Bt = { class: "w-full h-1 mb-1 bg-white rounded-full dark:bg-gray-800" }, Gt = { class: "overflow-x-scroll max-h-56" }, Ft = { class: "flex items-center justify-between p-2 mb-2 text-gray-900 rounded-lg bg-gray-50 hover:bg-gray-100 hover:shadow dark:bg-gray-600 dark:hover:bg-gray-500 dark:text-white" }, Rt = { class: "flex items-center" }, Ut = /* @__PURE__ */ s("i", {
+  class: "text-3xl fas fa-file-alt",
+  "aria-hidden": "true"
+}, null, -1), qt = { class: "flex flex-col ml-3" }, Ht = { class: "text-xs" }, zt = { class: "text-xs" }, Zt = { class: "flex gap-2" }, Kt = ["href"], Wt = ["onClick"];
+function Xt(e, t, r, n, a, o) {
+  const l = U("DeleteConfirmationModal");
+  return d(), u(y, null, [
+    B(l, {
+      isOpen: a.open_delete_modal,
+      onConfirmDelete: o.deleteAction,
+      onCancelDelete: o.closeDeleteModal
+    }, null, 8, ["isOpen", "onConfirmDelete", "onCancelDelete"]),
+    s("div", {
+      class: p([{
+        "border-red-500  dark:border-red-500": a.error_message_data !== "",
+        "border-gray-200 dark:border-gray-700": a.error_message_data == ""
+      }, "w-full p-4 bg-white border rounded-lg shadow dark:bg-gray-800"])
+    }, [
+      s("label", {
+        class: p({
+          "gl-label-form": a.error_message_data == "",
+          "gl-label-form-invalid": a.error_message_data !== "",
+          required: r.is_required
+        })
+      }, h(r.label_name), 3),
+      s("div", {
+        onDragover: t[3] || (t[3] = I((...i) => o.onDragOver && o.onDragOver(...i), ["prevent"])),
+        onDragleave: t[4] || (t[4] = I((...i) => o.onDragLeave && o.onDragLeave(...i), ["prevent"])),
+        onDrop: t[5] || (t[5] = I((...i) => o.onDrop && o.onDrop(...i), ["prevent"])),
+        class: "flex flex-col items-center justify-center w-full h-40 mt-3 mb-3 border-2 border-gray-300 border-dashed rounded-lg cursor-pointer bg-gray-50 dark:hover:bg-bray-800 dark:bg-gray-700 hover:bg-gray-100 dark:border-gray-600 dark:hover:border-gray-500 dark:hover:bg-gray-600"
+      }, [
+        s("div", xt, [
+          s("input", {
+            type: "file",
+            ref: "file_input" + r.field_name,
+            hidden: "",
+            multiple: r.has_multiple_file,
+            onChange: t[0] || (t[0] = (...i) => o.uploadFiles && o.uploadFiles(...i))
+          }, null, 40, wt),
+          S(s("input", {
+            type: "hidden",
+            name: r.field_name,
+            "onUpdate:modelValue": t[1] || (t[1] = (i) => o.uploadedFileIds = i)
+          }, null, 8, kt), [
+            [A, o.uploadedFileIds]
+          ]),
+          a.isDragging ? (d(), u("div", Ot, Pt)) : (d(), u("div", {
+            key: 0,
+            class: "flex flex-col items-center justify-center",
+            onClick: t[2] || (t[2] = (i) => e.$refs["file_input" + this.field_name].click())
+          }, Ct))
+        ])
+      ], 32),
+      s("span", Et, h(a.error_message_data), 1),
+      s("small", jt, h(r.description), 1),
+      a.files.length > 0 ? (d(), u("section", It, [
+        (d(!0), u(y, null, w(a.files, (i, c) => (d(), u("li", At, [
+          Tt,
+          s("div", Nt, [
+            s("div", Mt, [
+              s("span", Vt, h(o.getFileName(i.file_name)), 1),
+              s("span", Lt, h(i.loading), 1)
+            ]),
+            s("div", Bt, [
+              s("div", {
+                class: "h-full bg-gray-500 rounded-full dark:bg-gray-400",
+                style: Ie({ width: i.loading + "%" })
+              }, null, 4)
+            ])
+          ])
+        ]))), 256))
+      ])) : g("", !0),
+      s("section", Gt, [
+        (d(!0), u(y, null, w(a.uploadFileList, (i, c) => (d(), u("li", Ft, [
+          s("div", Rt, [
+            Ut,
+            s("div", qt, [
+              s("span", Ht, h(o.getFileName(i.file_name)), 1),
+              s("span", zt, h(o.formatFileSize(i.size)), 1)
+            ])
+          ]),
+          s("div", Zt, [
+            s("a", {
+              href: i.url,
+              target: "_blank",
+              class: "text-lg text-blue-600 cursor-pointer dark:text-blue-400 fas fa-download"
+            }, null, 8, Kt),
+            r.is_enable_delete ? (d(), u("i", {
+              key: 0,
+              onClick: (f) => {
+                a.media_id = i.id, a.open_delete_modal = !0;
+              },
+              class: "text-lg text-red-600 cursor-pointer dark:text-red-400 fas fa-x"
+            }, null, 8, Wt)) : g("", !0)
+          ])
+        ]))), 256))
+      ])
+    ], 2)
+  ], 64);
+}
+const yl = /* @__PURE__ */ k(vt, [["render", Xt]]), Yt = {
+  computed: {
+    ...bt("notification", ["notification"]),
+    alertClasses() {
+      switch (this.notification.type) {
+        case "info":
+          return "text-blue-800 bg-blue-50 dark:bg-gray-800 dark:text-blue-400";
+        case "error":
+          return "text-red-800 bg-red-50 dark:bg-gray-800 dark:text-red-400";
+        case "success":
+          return "text-green-800 bg-green-50 dark:bg-gray-800 dark:text-green-400";
+        case "warning":
+          return "text-yellow-800 bg-yellow-50 dark:bg-gray-800 dark:text-yellow-300";
+        case "dark":
+          return "text-gray-800 bg-gray-50 dark:bg-gray-800 dark:text-gray-300";
+        default:
+          return "";
+      }
+    },
+    buttonClasses() {
+      switch (this.notification.type) {
+        case "info":
+          return "bg-blue-50 text-blue-500 focus:ring-blue-400 hover:bg-blue-200 dark:hover:bg-gray-700";
+        case "error":
+          return "bg-red-50 text-red-500 focus:ring-red-400 hover:bg-red-200 dark:hover:bg-gray-700";
+        case "success":
+          return "bg-green-50 text-green-500 focus:ring-green-400 hover:bg-green-200 dark:hover:bg-gray-700";
+        case "warning":
+          return "bg-yellow-50 text-yellow-500 focus:ring-yellow-400 hover:bg-yellow-200 dark:hover:bg-gray-700";
+        case "dark":
+          return "bg-gray-50 text-gray-500 focus:ring-gray-400 hover:bg-gray-200 dark:hover:bg-gray-700";
+        default:
+          return "";
+      }
+    }
+  },
+  methods: {
+    ...yt("notification", ["HIDE_NOTIFICATION"]),
+    dismiss() {
+      this.HIDE_NOTIFICATION();
+    }
+  },
+  watch: {
+    "notification.show": function(e) {
+      e && setTimeout(() => {
+        this.dismiss();
+      }, this.notification.duration);
+    }
+  }
+}, Jt = /* @__PURE__ */ s("svg", {
+  class: "flex-shrink-0 w-4 h-4",
+  "aria-hidden": "true",
+  xmlns: "http://www.w3.org/2000/svg",
+  fill: "currentColor",
+  viewBox: "0 0 20 20"
+}, [
+  /* @__PURE__ */ s("path", { d: "M10 .5a9.5 9.5 0 1 0 9.5 9.5A9.51 9.51 0 0 0 10 .5ZM9.5 4a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3ZM12 15H8a1 1 0 0 1 0-2h1v-3H8a1 1 0 0 1 0-2h2a1 1 0 0 1 1 1v4h1a1 1 0 0 1 0 2Z" })
+], -1), Qt = /* @__PURE__ */ s("span", { class: "sr-only" }, "Info", -1), er = { class: "mr-3 text-sm font-medium ms-3" }, tr = /* @__PURE__ */ s("span", { class: "sr-only" }, "Close", -1), rr = /* @__PURE__ */ s("svg", {
+  class: "w-3 h-3",
+  "aria-hidden": "true",
+  xmlns: "http://www.w3.org/2000/svg",
+  fill: "none",
+  viewBox: "0 0 14 14"
+}, [
+  /* @__PURE__ */ s("path", {
+    stroke: "currentColor",
+    "stroke-linecap": "round",
+    "stroke-linejoin": "round",
+    "stroke-width": "2",
+    d: "m1 1 6 6m0 0 6 6M7 7l6-6M7 7l-6 6"
+  })
+], -1), sr = [
+  tr,
+  rr
+];
+function nr(e, t, r, n, a, o) {
+  return e.notification.show ? (d(), u("div", {
+    key: 0,
+    class: p(["fixed right-0 z-50 flex items-center p-4 m-5 mb-4 rounded-lg shadow-lg", o.alertClasses]),
+    role: "alert"
+  }, [
+    Jt,
+    Qt,
+    s("div", er, h(e.notification.message), 1),
+    s("button", {
+      type: "button",
+      onClick: t[0] || (t[0] = (...l) => o.dismiss && o.dismiss(...l)),
+      class: p(["inline-flex items-center justify-center w-6 h-6 p-1 -mx-1 -my-1 rounded-lg ms-auto focus:ring-2 hover:bg-opacity-50", o.buttonClasses]),
+      "aria-label": "Close"
+    }, sr, 2)
+  ], 2)) : g("", !0);
+}
+const vl = /* @__PURE__ */ k(Yt, [["render", nr]]), or = {
+  components: {},
+  props: {
+    field_name: {
+      type: String,
+      default: ""
+    },
+    trans_selector_name: {
+      type: String,
+      default: "i18n_selector"
+    }
+  },
+  data() {
+    return {
+      locals: [],
+      default_language: ""
+    };
+  },
+  methods: {
+    getLocals() {
+      const e = {
+        id: this.menu_id
+      };
+      axios.get("/admin/get_locals", { params: e }).then((t) => {
+        this.locals = t.data.locals, this.default_language = t.data.default_language, console.log("default_language", this.default_language);
+      }).catch((t) => {
+        console.error(t);
+      });
+    }
+  },
+  created() {
+    this.getLocals();
+  },
+  mounted() {
+  }
+}, ar = { class: "grid w-full gap-1 mt-5 mb-5 md:gap-0 md:grid-cols-10 language-selector" }, ir = ["name", "value", "id", "checked"], lr = ["for"];
+function dr(e, t, r, n, a, o) {
+  return d(), u("ul", ar, [
+    (d(!0), u(y, null, w(a.locals, (l, i) => (d(), u("li", null, [
+      s("input", {
+        type: "radio",
+        name: r.trans_selector_name,
+        value: l,
+        class: "hidden peer",
+        id: l + "_" + r.field_name,
+        autocomplete: "off",
+        checked: l === a.default_language
+      }, null, 8, ir),
+      s("label", {
+        for: l + "_" + r.field_name,
+        class: p([{
+          "border md:!rounded-s-lg": i === 0,
+          "border md:!rounded-e-lg": i === a.locals.length - 1,
+          "border-t border-b": i !== 0 && i !== a.locals.length - 1
+        }, "w-full p-1 font-bold text-center text-gray-500 uppercase bg-white border-gray-200 rounded-lg cursor-pointer md:rounded-none dark:hover:text-gray-300 dark:border-gray-700 dark:peer-checked:text-blue-500 peer-checked:border-blue-600 peer-checked:text-blue-600 hover:text-gray-600 hover:bg-gray-100 dark:text-gray-400 dark:bg-gray-800 dark:hover:bg-gray-700"])
+      }, h(l), 11, lr)
+    ]))), 256))
+  ]);
+}
+const xl = /* @__PURE__ */ k(or, [["render", dr]]), ur = {
+  name: "Card"
+}, cr = { class: "flex flex-col gap-9" }, fr = { class: "bg-white border rounded-lg border-stroke shadow-default dark:border-strokedark dark:bg-boxdark" }, hr = { class: "px-3 py-4 border-b border-stroke dark:border-strokedark" }, gr = { class: "font-semibold text-black dark:text-white" }, mr = {
+  key: 0,
+  class: "p-6"
+};
+function _r(e, t, r, n, a, o) {
+  return d(), u("div", cr, [
+    s("div", fr, [
+      s("div", hr, [
+        s("h3", gr, [
+          j(e.$slots, "header")
+        ])
+      ]),
+      e.$slots.body ? (d(), u("div", mr, [
+        j(e.$slots, "body")
+      ])) : g("", !0)
+    ])
+  ]);
+}
+const wl = /* @__PURE__ */ k(ur, [["render", _r]]), pr = {
+  name: "MultiSelectDropdown",
+  template: "MultiSelectDropdown",
+  props: {
+    modelValue: {
+      type: [String, Number],
+      default: ""
+    },
+    default_value: {
+      type: Array,
+      default: []
+    },
+    field_name: {
+      type: String,
+      default: ""
+    },
+    is_required: {
+      type: Boolean,
+      default: !1
+    },
+    has_cancel: {
+      type: Boolean,
+      default: !0
+    },
+    label_name: {
+      type: String,
+      default: ""
+    },
+    options: {
+      type: Array,
+      required: !0,
+      default: [],
+      note: "Options of dropdown. An array of options with id and name"
+    },
+    placeholder: {
+      type: String,
+      required: !1,
+      default: "Please select an option",
+      note: "Placeholder of dropdown"
+    },
+    maxItem: {
+      type: Number,
+      required: !1,
+      default: 100,
+      note: "Max items showing"
+    },
+    show: {
+      type: Boolean,
+      default: !1
+    },
+    error_message: {
+      type: String,
+      default: ""
+    }
+  },
+  data() {
+    return {
+      selected: [],
+      count: 0,
+      optionsShown: !1,
+      // options_values: [],
+      searchFilter: "",
+      selectedIds: []
+    };
+  },
+  created() {
+    this.$emit("selected", this.selected);
+  },
+  mounted() {
+    self = this;
+    var e = this.convertedOptionsDefault();
+    this.selected = this.options_values.filter(
+      (t) => e.includes(t.id + "")
+    ), this.show || (document.body.addEventListener("click", function(t) {
+      self.clearData(t);
+    }), document.getElementById(this.field_name + "search").addEventListener("keydown", function(t) {
+      if (_.includes([37, 38, 39, 40, 13], t.keyCode)) {
+        if ((t.keyCode === 38 || t.keyCode === 40) && t.preventDefault(), t.keyCode === 40 && self.posts == "")
+          return;
+        self.selectItem(t.keyCode);
+      }
+    }), document.addEventListener("keypress", function(t) {
+      t.key === "Enter" && t.target.form && t.preventDefault();
+    }));
+  },
+  computed: {
+    options_values() {
+      return this.convertedOptions();
+    },
+    filteredOptions() {
+      const e = [], t = new RegExp(this.searchFilter, "ig");
+      for (const r of this.options_values) {
+        const n = String(r.name);
+        (this.searchFilter.length < 1 || n.match(t)) && e.length < this.maxItem && e.push(r);
+      }
+      return e;
+    }
+  },
+  emits: ["update:modelValue", "selected"],
+  methods: {
+    selectAll() {
+      this.selected = this.convertedOptions();
+    },
+    deselectAll() {
+      this.selected = [];
+    },
+    isOptionSelected(e) {
+      return this.selected.findIndex((t) => t.id === e) !== -1;
+    },
+    clearData: function(e) {
+      e.target.id != this.field_name + "search" && e.target.id != this.field_name && !e.target.classList.contains("showOptions") && (this.exit(), this.count = 0);
+    },
+    selectItem: function(e) {
+      e == 40 && this.count < this.filteredOptions.length && (this.count++, document.getElementById(this.count).scrollIntoView()), e == 38 && this.count > 1 && (this.count--, document.getElementById(this.count).scrollIntoView()), e == 13 && document.getElementById(this.count).click();
+    },
+    convertedOptions() {
+      return this.options.map((e, t) => typeof e == "object" ? e : { id: e, name: e });
+    },
+    convertedOptionsDefault() {
+      return this.default_value.map((e, t) => typeof e == "object" ? e.id + "" : e + "");
+    },
+    clearOption(e) {
+      let t = this.selected.findIndex((r) => r.id === e.id);
+      t !== -1 && this.selected.splice(t, 1), this.selectedIds = this.selected.map((r) => r.id), this.$emit("update:modelValue", this.selectedIds), this.$emit("selected", this.selectedIds);
+    },
+    selectOption(e) {
+      let t = this.selected.findIndex((r) => r.id === e.id);
+      t !== -1 ? this.selected.splice(t, 1) : this.selected.push(e), this.selectedIds = this.selected.map((r) => r.id), this.$emit("update:modelValue", this.selectedIds), this.$emit("selected", this.selectedIds);
+    },
+    showOptions() {
+      this.show || (this.searchFilter = "", this.optionsShown = !0, this.$nextTick(() => {
+        this.$refs[this.field_name + "search"].focus();
+      }));
+    },
+    ClearInput() {
+      this.show || (this.selected = [], this.searchFilter = "", this.showOptions());
+    },
+    exit() {
+      this.selected || (this.selected = [], this.searchFilter = ""), this.optionsShown = !1;
+    },
+    // Selecting when pressing Enter
+    keyMonitor: function(e) {
+      if (_.includes([37, 38, 39, 40, 13], e.keyCode)) {
+        if ((e.keyCode === 38 || e.keyCode === 40) && e.preventDefault(), e.keyCode === 40 && self.posts == "")
+          return;
+        this.selectItem(e.keyCode);
+      }
+    }
+  },
+  watch: {
+    searchFilter() {
+      this.filteredOptions.length;
+    },
+    selected(e) {
+      this.selectedIds = e.map((t) => t.id), this.$emit("update:modelValue", this.selectedIds), this.$emit("selected", this.selectedIds);
+    }
+  }
+}, br = { class: "font-bold ptext-lg dark:text-white" }, yr = { class: "mt-3 mb-4" }, vr = { class: "bg-blue-100 text-blue-800 text-sm font-medium mb-2 mt-2 me-2 px-2.5 py-0.5 rounded dark:bg-blue-900 dark:text-blue-300" }, xr = /* @__PURE__ */ s("hr", { class: "!opacity-100 bg-gray-200 border-0 dark:bg-gray-700" }, null, -1), wr = ["name", "value"], kr = {
+  key: 0,
+  class: "dropdown"
+}, $r = {
+  class: "inline-flex ml-2 rounded-md shadow-sm",
+  role: "group"
+}, Sr = { class: "border border-gray-200 rounded-lg focus:ring-blue-500 focus:border-blue-500 dark:border-gray-600 dark:focus:ring-blue-500 dark:focus:border-blue-500" }, Cr = { class: "relative" }, Or = ["onClick"], Dr = { class: "text-gray-700 bg-white dark:border-strokedark dark:bg-boxdark dark:text-gray-200 !border-b !border-t-0 !border-r !border-l absolute w-full z-[999999999] showOptions" }, Pr = { class: "p-1" }, Er = /* @__PURE__ */ s("label", {
+  for: "default-search",
+  class: "mb-2 text-sm font-medium text-gray-900 sr-only dark:text-white"
+}, "Search", -1), jr = { class: "relative" }, Ir = /* @__PURE__ */ s("div", { class: "absolute inset-y-0 flex items-center pointer-events-none start-0 ps-3" }, [
+  /* @__PURE__ */ s("svg", {
+    class: "w-4 h-4 text-gray-500 dark:text-gray-400",
+    "aria-hidden": "true",
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 20 20"
+  }, [
+    /* @__PURE__ */ s("path", {
+      stroke: "currentColor",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      "stroke-width": "2",
+      d: "m19 19-4-4m0-7A7 7 0 1 1 1 8a7 7 0 0 1 14 0Z"
+    })
+  ])
+], -1), Ar = ["id"], Tr = { class: "overflow-y-auto max-h-64" }, Nr = ["onClick", "onMousedown", "id"];
+function Mr(e, t, r, n, a, o) {
+  return d(), u(y, null, [
+    r.show ? (d(), u("div", {
+      key: 0,
+      class: p(r.field_name)
+    }, [
+      s("h3", br, h(r.label_name), 1),
+      s("p", yr, [
+        (d(!0), u(y, null, w(a.selected, (l, i) => (d(), u("span", vr, h(l.name), 1))), 256))
+      ]),
+      xr
+    ], 2)) : g("", !0),
+    r.show ? g("", !0) : (d(), u("div", {
+      key: 1,
+      class: p(["mb-4", r.field_name])
+    }, [
+      (d(!0), u(y, null, w(a.selectedIds, (l, i) => (d(), u("input", {
+        type: "hidden",
+        name: r.field_name + "[]",
+        key: i,
+        value: l
+      }, null, 8, wr))), 128)),
+      r.options ? (d(), u("div", kr, [
+        s("label", {
+          class: p({
+            "gl-label-form": r.error_message == "",
+            "gl-label-form-invalid": r.error_message !== "",
+            required: r.is_required
+          })
+        }, h(r.label_name), 3),
+        s("div", $r, [
+          s("button", {
+            onClick: t[0] || (t[0] = (...l) => o.selectAll && o.selectAll(...l)),
+            type: "button",
+            class: "px-4 py-0 text-sm font-medium text-gray-900 bg-transparent border border-gray-900 rounded-s-md hover:bg-gray-900 hover:text-white focus:z-10 focus:bg-gray-900 focus:text-white dark:border-white dark:text-white dark:hover:text-white dark:hover:bg-gray-700 dark:focus:bg-gray-700"
+          }, " Select all "),
+          s("button", {
+            onClick: t[1] || (t[1] = (...l) => o.deselectAll && o.deselectAll(...l)),
+            type: "button",
+            class: "px-4 py-0 text-sm font-medium text-gray-900 bg-transparent border border-gray-900 rounded-e-md hover:bg-gray-900 hover:text-white focus:z-10 focus:bg-gray-900 focus:text-white dark:border-white dark:text-white dark:hover:text-white dark:hover:bg-gray-700 dark:focus:bg-gray-700"
+          }, " Deselect all ")
+        ]),
+        s("div", Sr, [
+          s("div", Cr, [
+            s("div", {
+              class: "flex flex-wrap gap-2 pl-8 pr-2 gl-multi-dropdown showOptions",
+              onClick: t[2] || (t[2] = (l) => o.showOptions())
+            }, [
+              (d(!0), u(y, null, w(a.selected, (l, i) => (d(), u("span", {
+                key: i,
+                class: "px-2 py-1 text-xs font-medium text-blue-800 bg-blue-100 rounded pointer-events-none dark:bg-blue-900 dark:text-blue-300"
+              }, [
+                v(h(l.name) + " ", 1),
+                s("i", {
+                  onClick: I((c) => o.clearOption(l), ["stop"]),
+                  class: "cursor-pointer pointer-events-auto hover:text-red-600 dark:hover:text-red-400 fas fa-times"
+                }, null, 8, Or)
+              ]))), 128))
+            ]),
+            s("i", {
+              class: p([a.optionsShown ? "fa-angle-up" : "fa-angle-down", "absolute text-xl text-gray-500 cursor-pointer fas right-2 hover:text-gray-700"]),
+              style: { top: "11px" }
+            }, null, 2)
+          ]),
+          S(s("div", Dr, [
+            s("div", Pr, [
+              Er,
+              s("div", jr, [
+                Ir,
+                S(s("input", {
+                  type: "search",
+                  "onUpdate:modelValue": t[3] || (t[3] = (l) => a.searchFilter = l),
+                  id: r.field_name + "search",
+                  ref: r.field_name + "search",
+                  onBlur: t[4] || (t[4] = (l) => o.exit()),
+                  autocomplete: "off",
+                  class: "block w-full p-2 text-sm text-gray-900 border border-gray-300 rounded-lg ps-10 bg-gray-50 focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500",
+                  placeholder: "Search ..."
+                }, null, 40, Ar), [
+                  [A, a.searchFilter]
+                ])
+              ])
+            ]),
+            s("div", Tr, [
+              (d(!0), u(y, null, w(o.filteredOptions, (l, i) => (d(), u("div", {
+                class: p([
+                  "block px-2 py-2 text-xs leading-4 text-gray-700 no-underline cursor-pointer dark:text-gray-200 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white",
+                  i + 1 == a.count || o.isOptionSelected(l.id) ? "bg-gray-100 dark:bg-gray-600" : ""
+                ]),
+                onClick: (c) => o.selectOption(l),
+                onMousedown: (c) => o.selectOption(l),
+                key: i,
+                id: i + 1
+              }, h(l.name || l.id || "-"), 43, Nr))), 128))
+            ])
+          ], 512), [
+            [T, a.optionsShown]
+          ])
+        ])
+      ])) : g("", !0)
+    ], 2))
+  ], 64);
+}
+const kl = /* @__PURE__ */ k(pr, [["render", Mr]]), Vr = {
+  props: {
+    button_type: {
+      type: String,
+      default: "default"
+    },
+    is_submit: {
+      type: Boolean,
+      default: !1
+    },
+    icon: {
+      type: String,
+      default: ""
+    },
+    is_loading: {
+      type: Boolean,
+      default: !1
+    },
+    tag: {
+      type: String,
+      default: "button"
+    },
+    href: {
+      type: String,
+      default: ""
+    }
+  },
+  computed: {
+    buttonTypeClass() {
+      switch (this.button_type) {
+        case "default":
+          return "text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:ring-blue-300        dark:bg-blue-600 dark:hover:bg-blue-700  dark:focus:ring-blue-800";
+        case "alternative":
+          return "      text-gray-900  bg-white  border border-gray-200 hover:bg-gray-100 hover:text-blue-700 focus:z-10 focus:ring-4 focus:ring-gray-100 dark:focus:ring-gray-700 dark:bg-gray-800 dark:text-gray-400 dark:border-gray-600 dark:hover:text-white dark:hover:bg-gray-700";
+        case "dark":
+          return "text-white bg-gray-800 hover:bg-gray-900  focus:ring-4 focus:ring-gray-300        dark:bg-gray-800 dark:hover:bg-gray-700 dark:focus:ring-gray-700 dark:border-gray-700";
+        case "light":
+          return "text-gray-900 bg-white border border-gray-300  hover:bg-gray-100 focus:ring-4 focus:ring-gray-100        dark:bg-gray-800 dark:text-white dark:border-gray-600 dark:hover:bg-gray-700 dark:hover:border-gray-600 dark:focus:ring-gray-700";
+        case "green":
+          return " text-white bg-green-700 hover:bg-green-800 focus:ring-4 focus:ring-green-300        dark:bg-green-600 dark:hover:bg-green-700 dark:focus:ring-green-800";
+        case "red":
+          return " text-white bg-red-700 hover:bg-red-800 focus:ring-4 focus:ring-red-300        dark:bg-red-600 dark:hover:bg-red-700 dark:focus:ring-red-900";
+        case "yellow":
+          return " text-white bg-yellow-400 hover:bg-yellow-500 focus:ring-4 focus:ring-yellow-300        dark:focus:ring-yellow-900";
+        case "purple":
+          return " text-white bg-purple-700 hover:bg-purple-800 focus:ring-4 focus:ring-purple-300       dark:bg-purple-600 dark:hover:bg-purple-700 dark:focus:ring-purple-900";
+        default:
+          return "";
+      }
+    }
+  },
+  methods: {}
+}, Lr = /* @__PURE__ */ s("svg", {
+  "aria-hidden": "true",
+  role: "status",
+  class: "inline w-4 h-4 me-3 animate-spin",
+  viewBox: "0 0 100 101",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+}, [
+  /* @__PURE__ */ s("path", {
+    d: "M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z",
+    fill: "currentColor"
+  }),
+  /* @__PURE__ */ s("path", {
+    d: "M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z",
+    fill: "#1C64F2"
+  })
+], -1);
+function Br(e, t, r, n, a, o) {
+  return r.is_loading ? (d(), q(W("button"), {
+    key: 1,
+    disabled: "",
+    class: p(`flex items-center gap-2 focus:outline-none text-sm px-2  py-2 me-2  font-medium rounded-lg  ${o.buttonTypeClass}`)
+  }, {
+    default: X(() => [
+      Lr,
+      v(" Loading... ")
+    ]),
+    _: 1
+  }, 8, ["class"])) : (d(), q(W(r.tag), R({
+    key: 0,
+    type: r.is_submit
+  }, { type: r.is_submit ? "submit" : void 0 }, {
+    href: r.tag === "a" ? r.href : void 0,
+    class: `flex items-center gap-2 focus:outline-none text-sm px-5 py-2 me-2  font-medium rounded-lg  ${o.buttonTypeClass}`
+  }), {
+    default: X(() => [
+      r.icon ? (d(), u("i", {
+        key: 0,
+        class: p([r.icon, "text-base"])
+      }, null, 2)) : g("", !0),
+      j(e.$slots, "default")
+    ]),
+    _: 3
+  }, 16, ["type", "href", "class"]));
+}
+const $l = /* @__PURE__ */ k(Vr, [["render", Br]]), Gr = { class: "font-bold ptext-lg dark:text-white" }, Fr = ["name", "id"], Rr = ["id"], Ur = /* @__PURE__ */ s("hr", { class: "!opacity-100 bg-gray-200 border-0 dark:bg-gray-700" }, null, -1), qr = ["for"], Hr = /* @__PURE__ */ s("span", { class: "language-label js-language-label bg-blue-100 text-blue-800 text-xs font-medium me-2 px-2.5 py-0.5 rounded dark:bg-blue-900 dark:text-blue-300" }, null, -1), zr = ["name", "id"], Zr = ["required", "name", "id", "type"], Kr = { class: "gl-span-form-error" }, Wr = { class: "block mt-1 text-sm font-normal leading-5 text-gray-500" }, Sl = {
+  __name: "GlTextareaTranslate",
+  props: {
+    is_required: {
+      type: Boolean,
+      default: !1
+    },
+    show: {
+      type: Boolean,
+      default: !1
+    },
+    error_message: {
+      type: String,
+      default: ""
+    },
+    model_value: {
+      type: [String, Number],
+      default: null
+    },
+    modelValue: {
+      type: [String, Number],
+      default: ""
+    },
+    model_value_translate: {
+      type: [String, Object],
+      default: null
+    },
+    modelValueTranslate: {
+      type: [String, Object],
+      default: ""
+    },
+    type: {
+      type: String,
+      default: "text"
+    },
+    field_name: {
+      type: String,
+      default: ""
+    },
+    label_name: {
+      type: String,
+      default: ""
+    },
+    get_field_translations: {
+      type: String,
+      default: ""
+    },
+    description: {
+      type: String,
+      default: ""
+    },
+    translatable: {
+      type: Object,
+      default: null
+    }
+  },
+  emits: ["update:modelValue", "update:modelValueTranslate", "keydown"],
+  setup(e, { expose: t, emit: r }) {
+    const n = e, a = r, o = C(null), l = C(null);
+    return G(() => {
+      o.value !== null && o.value.hasAttribute("autofocus") && o.value.focus(), n.model_value && (a("update:modelValue", n.model_value), o.value.value = n.model_value), n.model_value_translate, n.translatable && axios.post("/admin/get_field_translations", {
+        model: n.translatable.model,
+        row_id: n.translatable.row_id,
+        field: n.translatable.field
+      }).then((i) => {
+        l.value.value = JSON.stringify(i.data), a("update:modelValueTranslate", JSON.stringify(i.data)), console.log("input_translate", l.value.value);
+      }).catch((i) => {
+        console.log(i);
+      });
+    }), t({ focus: () => o.value.focus() }), (i, c) => (d(), u(y, null, [
+      e.show ? (d(), u("div", {
+        key: 0,
+        class: p(e.field_name)
+      }, [
+        s("h3", Gr, h(e.label_name), 1),
+        S(s("input", {
+          type: "hidden",
+          "data-i18n": "true",
+          name: e.field_name + "_i18n",
+          id: e.field_name + "_i18n",
+          ref_key: "input_translate",
+          ref: l,
+          "onUpdate:modelValue": c[0] || (c[0] = (f) => i.inputTranslateValue = f)
+        }, null, 8, Fr), [
+          [A, i.inputTranslateValue]
+        ]),
+        s("p", {
+          id: e.field_name,
+          class: "mb-4 text-base text-gray-900 input_tr_show dark:text-white"
+        }, h(e.model_value), 9, Rr),
+        Ur
+      ], 2)) : g("", !0),
+      e.show ? g("", !0) : (d(), u("div", {
+        key: 1,
+        class: p(["mb-4", e.field_name])
+      }, [
+        s("label", {
+          class: p({
+            "gl-label-translation-form": e.error_message == "",
+            "gl-label-translation-form-invalid": e.error_message !== "",
+            required: e.is_required
+          }),
+          for: e.field_name
+        }, h(e.label_name), 11, qr),
+        Hr,
+        s("input", {
+          class: "mb-4",
+          type: "hidden",
+          "data-i18n": "true",
+          name: e.field_name + "_i18n",
+          id: e.field_name + "_i18n",
+          onInput: c[1] || (c[1] = (f) => i.$emit("update:modelValueTranslate", f.target.value)),
+          ref_key: "input_translate",
+          ref: l
+        }, null, 40, zr),
+        s("textarea", {
+          required: e.is_required,
+          name: e.field_name,
+          id: e.field_name,
+          class: p({
+            " gl-textarea-form form-input-translation  mt-4 ": e.error_message == "",
+            " gl-textarea-form-invalid form-input-translation  mt-4 ": e.error_message !== ""
+          }),
+          type: e.type,
+          onInput: c[2] || (c[2] = (f) => i.$emit("update:modelValue", f.target.value)),
+          onKeydown: c[3] || (c[3] = (f) => i.$emit("keydown", f)),
+          ref_key: "input",
+          ref: o,
+          rows: "4"
+        }, `
+   `, 42, Zr),
+        s("span", Kr, h(e.error_message), 1),
+        s("small", Wr, h(e.description), 1)
+      ], 2))
+    ], 64));
+  }
+}, Xr = { class: "font-bold ptext-lg dark:text-white" }, Yr = ["name", "id"], Jr = ["id"], Qr = /* @__PURE__ */ s("hr", { class: "!opacity-100 bg-gray-200 border-0 dark:bg-gray-700" }, null, -1), es = ["for"], ts = /* @__PURE__ */ s("span", { class: "language-label js-language-label bg-blue-100 text-blue-800 text-xs font-medium me-2 px-2.5 py-0.5 rounded dark:bg-blue-900 dark:text-blue-300" }, null, -1), rs = ["name", "id"], ss = ["name", "id", "type"], ns = { class: "gl-span-form-error" }, os = { class: "block mt-1 text-sm font-normal leading-5 text-gray-500" }, Cl = {
+  __name: "GlTinymceTranslate",
+  props: {
+    is_required: {
+      type: Boolean,
+      default: !1
+    },
+    show: {
+      type: Boolean,
+      default: !1
+    },
+    error_message: {
+      type: String,
+      default: ""
+    },
+    model_value: {
+      type: [String, Number],
+      default: null
+    },
+    modelValue: {
+      type: [String, Number],
+      default: ""
+    },
+    model_value_translate: {
+      type: [String, Object],
+      default: null
+    },
+    modelValueTranslate: {
+      type: [String, Object],
+      default: ""
+    },
+    type: {
+      type: String,
+      default: "text"
+    },
+    field_name: {
+      type: String,
+      default: ""
+    },
+    label_name: {
+      type: String,
+      default: ""
+    },
+    get_field_translations: {
+      type: String,
+      default: ""
+    },
+    description: {
+      type: String,
+      default: ""
+    },
+    translatable: {
+      type: Object,
+      default: null
+    }
+  },
+  emits: ["update:modelValue", "update:modelValueTranslate", "keydown"],
+  setup(e, { expose: t, emit: r }) {
+    const n = e, a = r, o = C(null), l = C(null);
+    return G(() => {
+      tinymce.init({
+        selector: "#" + n.field_name,
+        width: "100%",
+        height: 300
+      }), console.log("tinymce ", n.model_value), o.value !== null && o.value.hasAttribute("autofocus") && o.value.focus(), n.model_value && (a("update:modelValue", n.model_value), o.value.value = n.model_value), n.model_value_translate, n.translatable && axios.post("/admin/get_field_translations", {
+        model: n.translatable.model,
+        row_id: n.translatable.row_id,
+        field: n.translatable.field
+      }).then((i) => {
+        l.value.value = JSON.stringify(i.data), a("update:modelValueTranslate", JSON.stringify(i.data));
+      }).catch((i) => {
+        console.log(i);
+      });
+    }), t({ focus: () => o.value.focus() }), (i, c) => (d(), u(y, null, [
+      e.show ? (d(), u("div", {
+        key: 0,
+        class: p(e.field_name)
+      }, [
+        s("h3", Xr, h(e.label_name), 1),
+        S(s("input", {
+          type: "hidden",
+          "data-i18n": "true",
+          name: e.field_name + "_i18n",
+          id: e.field_name + "_i18n",
+          ref_key: "input_translate",
+          ref: l,
+          "onUpdate:modelValue": c[0] || (c[0] = (f) => i.inputTranslateValue = f)
+        }, null, 8, Yr), [
+          [A, i.inputTranslateValue]
+        ]),
+        s("p", {
+          id: e.field_name,
+          class: "mb-4 text-base text-gray-900 input_tr_show dark:text-white"
+        }, h(e.model_value), 9, Jr),
+        Qr
+      ], 2)) : g("", !0),
+      e.show ? g("", !0) : (d(), u("div", {
+        key: 1,
+        class: p(["mb-4", e.field_name])
+      }, [
+        s("label", {
+          class: p({
+            "gl-label-translation-form": e.error_message == "",
+            "gl-label-translation-form-invalid": e.error_message !== "",
+            required: e.is_required
+          }),
+          for: e.field_name
+        }, h(e.label_name), 11, es),
+        ts,
+        s("input", {
+          class: "mb-4",
+          type: "hidden",
+          "data-i18n": "true",
+          name: e.field_name + "_i18n",
+          id: e.field_name + "_i18n",
+          onInput: c[1] || (c[1] = (f) => i.$emit("update:modelValueTranslate", f.target.value)),
+          ref_key: "input_translate",
+          ref: l
+        }, null, 40, rs),
+        s("textarea", {
+          name: e.field_name,
+          id: e.field_name,
+          class: p(["tiny", {
+            " gl-textarea-form form-input-translation  mt-4 ": e.error_message == "",
+            " gl-textarea-form-invalid form-input-translation  mt-4 ": e.error_message !== ""
+          }]),
+          type: e.type,
+          onInput: c[2] || (c[2] = (f) => i.$emit("update:modelValue", f.target.value)),
+          onKeydown: c[3] || (c[3] = (f) => i.$emit("keydown", f)),
+          ref_key: "input",
+          ref: o,
+          rows: "4"
+        }, `
+   `, 42, ss),
+        s("span", ns, h(e.error_message), 1),
+        s("small", os, h(e.description), 1)
+      ], 2))
+    ], 64));
+  }
+}, as = { class: "font-bold ptext-lg dark:text-white" }, is = ["name", "id"], ls = ["id"], ds = /* @__PURE__ */ s("hr", { class: "!opacity-100 bg-gray-200 border-0 dark:bg-gray-700" }, null, -1), us = ["for"], cs = /* @__PURE__ */ s("span", { class: "language-label js-language-label bg-blue-100 text-blue-800 text-xs font-medium me-2 px-2.5 py-0.5 rounded dark:bg-blue-900 dark:text-blue-300" }, null, -1), fs = ["name", "id"], hs = ["required", "name", "id", "type"], gs = { class: "gl-span-form-error" }, ms = { class: "block mt-1 text-sm font-normal leading-5 text-gray-500" }, Ol = {
+  __name: "GlTextTranslate",
+  props: {
+    is_required: {
+      type: Boolean,
+      default: !1
+    },
+    show: {
+      type: Boolean,
+      default: !1
+    },
+    error_message: {
+      type: String,
+      default: ""
+    },
+    model_value: {
+      type: [String, Number],
+      default: null
+    },
+    modelValue: {
+      type: [String, Number],
+      default: ""
+    },
+    model_value_translate: {
+      type: [String, Object],
+      default: null
+    },
+    modelValueTranslate: {
+      type: [String, Object],
+      default: ""
+    },
+    type: {
+      type: String,
+      default: "text"
+    },
+    field_name: {
+      type: String,
+      default: ""
+    },
+    label_name: {
+      type: String,
+      default: ""
+    },
+    get_field_translations: {
+      type: String,
+      default: ""
+    },
+    description: {
+      type: String,
+      default: ""
+    },
+    translatable: {
+      type: Object,
+      default: null
+    }
+  },
+  emits: ["update:modelValue", "update:modelValueTranslate", "keydown"],
+  setup(e, { expose: t, emit: r }) {
+    const n = e, a = r, o = C(null), l = C(null);
+    return G(() => {
+      o.value !== null && o.value.hasAttribute("autofocus") && o.value.focus(), n.model_value && (a("update:modelValue", n.model_value), o.value.value = n.model_value), n.model_value_translate, n.translatable && axios.post("/admin/get_field_translations", {
+        model: n.translatable.model,
+        row_id: n.translatable.row_id,
+        field: n.translatable.field
+      }).then((i) => {
+        l.value.value = JSON.stringify(i.data), a("update:modelValueTranslate", JSON.stringify(i.data));
+      }).catch((i) => {
+        console.log(i);
+      });
+    }), t({ focus: () => o.value.focus() }), (i, c) => (d(), u(y, null, [
+      e.show ? (d(), u("div", {
+        key: 0,
+        class: p(e.field_name)
+      }, [
+        s("h3", as, h(e.label_name), 1),
+        S(s("input", {
+          type: "hidden",
+          "data-i18n": "true",
+          name: e.field_name + "_i18n",
+          id: e.field_name + "_i18n",
+          ref: "input_translate_s",
+          "onUpdate:modelValue": c[0] || (c[0] = (f) => i.inputTranslateValue = f)
+        }, null, 8, is), [
+          [A, i.inputTranslateValue]
+        ]),
+        s("p", {
+          id: e.field_name,
+          class: "mb-4 text-base text-gray-900 input_tr_show dark:text-white"
+        }, h(e.model_value), 9, ls),
+        ds
+      ], 2)) : g("", !0),
+      e.show ? g("", !0) : (d(), u("div", {
+        key: 1,
+        class: p(["mb-4", e.field_name])
+      }, [
+        s("label", {
+          class: p({
+            "gl-label-translation-form": e.error_message == "",
+            "gl-label-translation-form-invalid": e.error_message !== "",
+            required: e.is_required
+          }),
+          for: e.field_name
+        }, h(e.label_name), 11, us),
+        cs,
+        s("input", {
+          class: "mb-4",
+          type: "hidden",
+          "data-i18n": "true",
+          name: e.field_name + "_i18n",
+          id: e.field_name + "_i18n",
+          onInput: c[1] || (c[1] = (f) => i.$emit("update:modelValueTranslate", f.target.value)),
+          ref_key: "input_translate",
+          ref: l
+        }, null, 40, fs),
+        s("input", {
+          required: e.is_required,
+          name: e.field_name,
+          id: e.field_name,
+          class: p({
+            " gl-input-form form-input-translation  mt-2 ": e.error_message == "",
+            " gl-input-form-invalid form-input-translation  mt-2 ": e.error_message !== ""
+          }),
+          type: e.type,
+          onInput: c[2] || (c[2] = (f) => i.$emit("update:modelValue", f.target.value)),
+          onKeydown: c[3] || (c[3] = (f) => i.$emit("keydown", f)),
+          ref_key: "input",
+          ref: o
+        }, null, 42, hs),
+        s("span", gs, h(e.error_message), 1),
+        s("small", ms, h(e.description), 1)
+      ], 2))
+    ], 64));
+  }
+}, _s = { class: "font-bold ptext-lg dark:text-white" }, ps = { class: "mb-4 text-base text-gray-900 dark:text-white" }, bs = /* @__PURE__ */ s("hr", { class: "!opacity-100 bg-gray-200 border-0 dark:bg-gray-700" }, null, -1), ys = ["for"], vs = ["required", "name", "id", "type"], xs = { class: "gl-span-form-error" }, ws = { class: "block mt-1 text-sm font-normal leading-5 text-gray-500" }, Dl = {
+  __name: "GlTextInput",
+  props: {
+    is_required: {
+      type: Boolean,
+      default: !1
+    },
+    show: {
+      type: Boolean,
+      default: !1
+    },
+    error_message: {
+      type: String,
+      default: ""
+    },
+    model_value: {
+      type: [String, Number],
+      default: ""
+    },
+    modelValue: {
+      type: [String, Number],
+      default: ""
+    },
+    type: {
+      type: String,
+      default: "text"
+    },
+    field_name: {
+      type: String,
+      default: ""
+    },
+    label_name: {
+      type: String,
+      default: ""
+    },
+    description: {
+      type: String,
+      default: ""
+    }
+  },
+  emits: ["update:modelValue", "keydown"],
+  setup(e, { expose: t, emit: r }) {
+    const n = e, a = r, o = C(null);
+    return G(() => {
+      o.value !== null && o.value.hasAttribute("autofocus") && o.value.focus(), n.model_value != "" && (a("update:modelValue", n.model_value), o.value.value = n.model_value), n.modelValue != "" && (a("update:modelValue", n.modelValue), o.value.value = n.modelValue);
+    }), t({ focus: () => o.value.focus() }), (l, i) => (d(), u(y, null, [
+      e.show ? (d(), u("div", {
+        key: 0,
+        class: p(e.field_name)
+      }, [
+        s("h3", _s, h(e.label_name), 1),
+        s("p", ps, h(e.type == "password" ? e.model_value.replace(/./g, "*") : e.model_value), 1),
+        bs
+      ], 2)) : g("", !0),
+      e.show ? g("", !0) : (d(), u("div", {
+        key: 1,
+        class: p(["mb-4", e.field_name])
+      }, [
+        s("label", {
+          class: p({
+            "gl-label-form": e.error_message == "",
+            "gl-label-form-invalid": e.error_message !== "",
+            required: e.is_required
+          }),
+          for: e.field_name
+        }, h(e.label_name), 11, ys),
+        s("input", {
+          required: e.is_required,
+          name: e.field_name,
+          id: e.field_name,
+          class: p({
+            "gl-input-form": e.error_message == "",
+            "gl-input-form-invalid": e.error_message !== ""
+          }),
+          type: e.type,
+          onInput: i[0] || (i[0] = (c) => l.$emit("update:modelValue", c.target.value)),
+          onKeydown: i[1] || (i[1] = (c) => l.$emit("keydown", c)),
+          ref_key: "input",
+          ref: o
+        }, null, 42, vs),
+        s("span", xs, h(e.error_message), 1),
+        s("small", ws, h(e.description), 1)
+      ], 2))
+    ], 64));
+  }
+}, ks = {
+  setup(e, { slots: t }) {
+    const r = C(t.default().map((a) => a.props)), n = C(r.value[0].title);
+    return Ae("selectedTitle", n), {
+      tabs: r,
+      selectedTitle: n
+    };
+  }
+}, $s = { class: "flex flex-wrap" }, Ss = { class: "w-full" }, Cs = { class: "flex flex-row flex-wrap gap-1 pt-3 pb-4 mb-0 list-none" }, Os = ["onClick"], Ds = { class: "relative flex flex-col w-full min-w-0 mb-6 break-words bg-white rounded shadow-lg dark:border-strokedark dark:bg-boxdark" }, Ps = { class: "flex-auto px-4 py-5" }, Es = { class: "tab-content tab-space" };
+function js(e, t, r, n, a, o) {
+  return d(), u(y, null, [
+    s("div", $s, [
+      s("div", Ss, [
+        s("ul", Cs, [
+          (d(!0), u(y, null, w(n.tabs, (l) => (d(), u("li", {
+            key: l.title,
+            onClick: (i) => n.selectedTitle = l.title,
+            class: "flex-auto -mb-px text-center"
+          }, [
+            s("a", {
+              class: p([{ "text-slate-600 bg-white dark:bg-meta-4": n.selectedTitle != l.title, "text-white  bg-slate-600 dark:bg-primary": n.selectedTitle === l.title }, "block px-5 py-3 text-xs font-bold leading-normal uppercase rounded shadow-lg hover:text-white tex hover:bg-slate-600 dark:hover:bg-primary dark:text-white tabs_buttons"])
+            }, [
+              s("i", {
+                class: p([l.icon, "mr-1 text-base"])
+              }, null, 2),
+              v(" " + h(l.title), 1)
+            ], 2)
+          ], 8, Os))), 128))
+        ])
+      ])
+    ]),
+    s("div", Ds, [
+      s("div", Ps, [
+        s("div", Es, [
+          j(e.$slots, "default")
+        ])
+      ])
+    ])
+  ], 64);
+}
+const Pl = /* @__PURE__ */ k(ks, [["render", js]]), Is = {
+  props: ["title"],
+  setup() {
+    return {
+      selectedTitle: de("selectedTitle")
+    };
+  }
+}, As = { class: "block" };
+function Ts(e, t, r, n, a, o) {
+  return S((d(), u("div", As, [
+    j(e.$slots, "default")
+  ], 512)), [
+    [T, r.title == n.selectedTitle]
+  ]);
+}
+const El = /* @__PURE__ */ k(Is, [["render", Ts]]), Ns = {
+  props: {
+    elements_to_show_prop: {
+      type: Number,
+      default: 3
+    },
+    hide_arrow: {
+      type: Boolean,
+      default: !1
+    },
+    disable_touch: {
+      type: Boolean,
+      default: !1
+    },
+    direction_property: {
+      type: String,
+      default: "ltr"
+      // Default to left-to-right
+    },
+    slider_arrows_indicators_position: {
+      type: String,
+      default: "arrows_outside_slider"
+      // arrows_outside_slide,arrows_indicators_inside_slider,arrows_indicators_below_slider
+    }
+  },
+  data: function() {
+    return {
+      elementsToShow: 3,
+      dotsNum: 0,
+      currentDot: 1,
+      dotsNavigation: [],
+      touchStartX: 0,
+      isMoving: !1,
+      initialX: 0,
+      initialY: 0,
+      Random_string: this.generateRandomString(6)
+    };
+  },
+  mounted() {
+    this.elementsToShow = this.elements_to_show_prop, this.initSlider(), this.disable_touch || this.movingActions();
+  },
+  methods: {
+    sliderIndicatorsAction() {
+      var e = "";
+      return this.direction_property == "rtl" ? (e += " space-x-reverse ", e += " slider_indicators ") : this.slider_arrows_indicators_position == "arrows_indicators_inside_slider" && (e += " slider_indicators "), e;
+    },
+    sliderContainerAction() {
+      var e = "";
+      return !this.hide_arrow && this.slider_arrows_indicators_position == "arrows_outside_slider" ? e += " w-12/12 xl:w-8/12 xxl:w-8/12 md:w-8/12 sm:w-8/12" : this.slider_arrows_indicators_position != "arrows_outside_slider" && (e += " w-12/12 "), e;
+    },
+    generateRandomString(e) {
+      let t = "";
+      const r = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789", n = r.length;
+      for (let a = 0; a < e; a++)
+        t += r.charAt(Math.floor(Math.random() * n));
+      return t;
+    },
+    movingActions() {
+      let e = this, t = document.getElementById("slider_" + this.Random_string);
+      const r = (a) => {
+        t.style.cursor = "grabbing";
+        const o = (i) => {
+          const c = i.clientX || i.touches && i.touches[0] && i.touches[0].clientX, f = i.clientY || i.touches && i.touches[0] && i.touches[0].clientY, m = c - e.initialX, b = f - e.initialY;
+          Math.abs(m) > Math.abs(b) ? (i.preventDefault(), Math.abs(m) >= 70 && (m < 0 ? e.next() : e.prev(), e.initialX = c)) : t.style.cursor = "grab", Math.abs(b) > Math.abs(m) && (t.style.cursor = "grab");
+        }, l = () => {
+          document.removeEventListener("mousemove", o), document.removeEventListener("touchmove", o), document.removeEventListener("mouseup", l), document.removeEventListener("touchend", l), t.style.cursor = "grab";
+        };
+        document.addEventListener("mousemove", o), document.addEventListener("touchmove", o, { passive: !1 }), document.addEventListener("mouseup", l), document.addEventListener("touchend", l), e.initialX = a.clientX || a.touches && a.touches[0] && a.touches[0].clientX, e.initialY = a.clientY || a.touches && a.touches[0] && a.touches[0].clientY;
+      }, n = (a) => {
+        a.key === "ArrowLeft" ? e.prev() : a.key === "ArrowRight" && e.next();
+      };
+      t.addEventListener("mousedown", r), t.addEventListener("touchstart", r), document.addEventListener("keydown", n);
+    },
+    next() {
+      this.currentDot < this.dotsNavigation.length && (this.currentDot++, this.setDot(this.currentDot));
+    },
+    prev() {
+      this.currentDot > 1 && (this.currentDot--, this.setDot(this.currentDot));
+    },
+    initSlider() {
+      let e = document.getElementById("sliderContainer_" + this.Random_string), t = document.getElementById("mainSliderContainer_" + this.Random_string), r = document.getElementById("slider_" + this.Random_string), n = r.querySelectorAll("li"), a = Array.from(n).filter((i) => i.parentNode === r), o = e.clientWidth, l = o / this.elementsToShow;
+      if (this.elementsToShow > 1 ? document.body.clientWidth < 1e3 ? (this.elementsToShow = 1, l = this.hide_arrow ? t.clientWidth : o) : document.body.clientWidth < 1500 && (this.elementsToShow = 2) : (this.elementsToShow = 1, l = this.hide_arrow ? t.clientWidth : o), a.length > 1) {
+        this.dotsNum = this.elementsToShow == 1 ? a.length : a.length - this.elementsToShow + 1;
+        let i = this.elementsToShow == 1 ? l * a.length / this.dotsNum : l * (a.length - this.elementsToShow) / (this.dotsNum - 1);
+        this.dotsNavigation = [];
+        for (let c = 0; c < this.dotsNum; c++)
+          this.dotsNavigation.push(i * c);
+      }
+      r.style.width = a.length * l + "px", r.style.transition = "margin", r.style.transitionDuration = "1s";
+      for (let i = 0; i < a.length; i++) {
+        const c = a[i];
+        c.style.width = l + "px";
+      }
+    },
+    setDot(e) {
+      let t = document.getElementById("slider_" + this.Random_string);
+      this.direction_property == "rtl" ? t.style.marginRight = -this.dotsNavigation[e - 1] + "px" : t.style.marginLeft = -this.dotsNavigation[e - 1] + "px", this.currentDot = e;
+    }
+  }
+}, D = (e) => (Te("data-v-a94f16a9"), e = e(), Ne(), e), Ms = ["id"], Vs = {
+  key: 0,
+  class: "items-center hidden w-2/12 xl:flex xxl:flex md:flex sm:flex arrow_button"
+}, Ls = { class: "w-full" }, Bs = {
+  key: 0,
+  xmlns: "http://www.w3.org/2000/svg",
+  class: "w-6 h-6",
+  fill: "none",
+  viewBox: "0 0 24 24",
+  stroke: "currentColor",
+  "stroke-width": "2"
+}, Gs = /* @__PURE__ */ D(() => /* @__PURE__ */ s("path", {
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round",
+  d: "M11 17l-5-5m0 0l5-5m-5 5h12"
+}, null, -1)), Fs = [
+  Gs
+], Rs = {
+  key: 1,
+  xmlns: "http://www.w3.org/2000/svg",
+  class: "w-6 h-6",
+  fill: "none",
+  viewBox: "0 0 24 24",
+  stroke: "currentColor",
+  "stroke-width": "2"
+}, Us = /* @__PURE__ */ D(() => /* @__PURE__ */ s("path", {
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round",
+  d: "M13 7l5 5m0 0l-5 5m5-5H6"
+}, null, -1)), qs = [
+  Us
+], Hs = ["id"], zs = ["id"], Zs = { class: "w-full" }, Ks = {
+  key: 0,
+  xmlns: "http://www.w3.org/2000/svg",
+  class: "w-6 h-6",
+  fill: "none",
+  viewBox: "0 0 24 24",
+  stroke: "currentColor",
+  "stroke-width": "2"
+}, Ws = /* @__PURE__ */ D(() => /* @__PURE__ */ s("path", {
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round",
+  d: "M11 17l-5-5m0 0l5-5m-5 5h12"
+}, null, -1)), Xs = [
+  Ws
+], Ys = {
+  key: 1,
+  xmlns: "http://www.w3.org/2000/svg",
+  class: "w-6 h-6",
+  fill: "none",
+  viewBox: "0 0 24 24",
+  stroke: "currentColor",
+  "stroke-width": "2"
+}, Js = /* @__PURE__ */ D(() => /* @__PURE__ */ s("path", {
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round",
+  d: "M13 7l5 5m0 0l-5 5m5-5H6"
+}, null, -1)), Qs = [
+  Js
+], en = { class: "w-full" }, tn = {
+  key: 0,
+  xmlns: "http://www.w3.org/2000/svg",
+  class: "w-6 h-6",
+  fill: "none",
+  viewBox: "0 0 24 24",
+  stroke: "currentColor",
+  "stroke-width": "2"
+}, rn = /* @__PURE__ */ D(() => /* @__PURE__ */ s("path", {
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round",
+  d: "M13 7l5 5m0 0l-5 5m5-5H6"
+}, null, -1)), sn = [
+  rn
+], nn = {
+  key: 1,
+  xmlns: "http://www.w3.org/2000/svg",
+  class: "w-6 h-6",
+  fill: "none",
+  viewBox: "0 0 24 24",
+  stroke: "currentColor",
+  "stroke-width": "2"
+}, on = /* @__PURE__ */ D(() => /* @__PURE__ */ s("path", {
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round",
+  d: "M11 17l-5-5m0 0l5-5m-5 5h12"
+}, null, -1)), an = [
+  on
+], ln = ["onClick"], dn = /* @__PURE__ */ D(() => /* @__PURE__ */ s("span", null, null, -1)), un = [
+  dn
+], cn = {
+  key: 1,
+  class: "flex justify-between pl-5 pr-5"
+}, fn = ["onClick"], hn = /* @__PURE__ */ D(() => /* @__PURE__ */ s("span", null, null, -1)), gn = [
+  hn
+], mn = {
+  key: 0,
+  class: "flex"
+}, _n = { class: "flex items-center" }, pn = { class: "w-full" }, bn = {
+  key: 0,
+  xmlns: "http://www.w3.org/2000/svg",
+  class: "w-6 h-6",
+  fill: "none",
+  viewBox: "0 0 24 24",
+  stroke: "currentColor",
+  "stroke-width": "2"
+}, yn = /* @__PURE__ */ D(() => /* @__PURE__ */ s("path", {
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round",
+  d: "M11 17l-5-5m0 0l5-5m-5 5h12"
+}, null, -1)), vn = [
+  yn
+], xn = {
+  key: 1,
+  xmlns: "http://www.w3.org/2000/svg",
+  class: "w-6 h-6",
+  fill: "none",
+  viewBox: "0 0 24 24",
+  stroke: "currentColor",
+  "stroke-width": "2"
+}, wn = /* @__PURE__ */ D(() => /* @__PURE__ */ s("path", {
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round",
+  d: "M13 7l5 5m0 0l-5 5m5-5H6"
+}, null, -1)), kn = [
+  wn
+], $n = { class: "flex items-center" }, Sn = { class: "w-full" }, Cn = {
+  key: 0,
+  xmlns: "http://www.w3.org/2000/svg",
+  class: "w-6 h-6",
+  fill: "none",
+  viewBox: "0 0 24 24",
+  stroke: "currentColor",
+  "stroke-width": "2"
+}, On = /* @__PURE__ */ D(() => /* @__PURE__ */ s("path", {
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round",
+  d: "M13 7l5 5m0 0l-5 5m5-5H6"
+}, null, -1)), Dn = [
+  On
+], Pn = {
+  key: 1,
+  xmlns: "http://www.w3.org/2000/svg",
+  class: "w-6 h-6",
+  fill: "none",
+  viewBox: "0 0 24 24",
+  stroke: "currentColor",
+  "stroke-width": "2"
+}, En = /* @__PURE__ */ D(() => /* @__PURE__ */ s("path", {
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round",
+  d: "M11 17l-5-5m0 0l5-5m-5 5h12"
+}, null, -1)), jn = [
+  En
+], In = {
+  key: 1,
+  class: "items-center hidden w-2/12 xl:flex xxl:flex md:flex sm:flex arrow_button"
+}, An = { class: "w-full" }, Tn = {
+  key: 0,
+  xmlns: "http://www.w3.org/2000/svg",
+  class: "w-6 h-6",
+  fill: "none",
+  viewBox: "0 0 24 24",
+  stroke: "currentColor",
+  "stroke-width": "2"
+}, Nn = /* @__PURE__ */ D(() => /* @__PURE__ */ s("path", {
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round",
+  d: "M13 7l5 5m0 0l-5 5m5-5H6"
+}, null, -1)), Mn = [
+  Nn
+], Vn = {
+  key: 1,
+  xmlns: "http://www.w3.org/2000/svg",
+  class: "w-6 h-6",
+  fill: "none",
+  viewBox: "0 0 24 24",
+  stroke: "currentColor",
+  "stroke-width": "2"
+}, Ln = /* @__PURE__ */ D(() => /* @__PURE__ */ s("path", {
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round",
+  d: "M11 17l-5-5m0 0l5-5m-5 5h12"
+}, null, -1)), Bn = [
+  Ln
+];
+function Gn(e, t, r, n, a, o) {
+  return d(), u("div", null, [
+    s("div", {
+      class: p(["", !r.hide_arrow && r.slider_arrows_indicators_position == "arrows_outside_slide" ? "flex" : "relative block"]),
+      id: "mainSliderContainer_" + e.Random_string
+    }, [
+      e.dotsNum > 0 && !r.hide_arrow && r.slider_arrows_indicators_position == "arrows_outside_slider" ? (d(), u("div", Vs, [
+        s("div", Ls, [
+          s("button", {
+            class: "p-3 mr-5 rounded-full shadow-lg arrow_button_styles",
+            onClick: t[0] || (t[0] = (l) => o.prev())
+          }, [
+            r.direction_property == "ltr" ? (d(), u("svg", Bs, Fs)) : g("", !0),
+            r.direction_property == "rtl" ? (d(), u("svg", Rs, qs)) : g("", !0)
+          ])
+        ])
+      ])) : g("", !0),
+      s("div", {
+        class: p(["overflow-hidden", o.sliderContainerAction()]),
+        id: "sliderContainer_" + e.Random_string
+      }, [
+        s("ul", {
+          class: "flex",
+          id: "slider_" + e.Random_string
+        }, [
+          e.dotsNum > 0 && !r.hide_arrow && r.slider_arrows_indicators_position == "arrows_indicators_inside_slider" ? (d(), u("div", {
+            key: 0,
+            class: p(["items-center justify-center hidden arrow_button xl:flex xxl:flex md:flex sm:flex", r.direction_property == "rtl" ? "arrow_button_next" : "arrow_button_prev"])
+          }, [
+            s("div", Zs, [
+              s("button", {
+                class: "p-3 rounded-full shadow-lg arrow_button_styles",
+                onClick: t[1] || (t[1] = I((l) => o.prev(), ["stop"]))
+              }, [
+                r.direction_property == "ltr" ? (d(), u("svg", Ks, Xs)) : g("", !0),
+                r.direction_property == "rtl" ? (d(), u("svg", Ys, Qs)) : g("", !0)
+              ])
+            ])
+          ], 2)) : g("", !0),
+          j(e.$slots, "default", {}, void 0, !0),
+          e.dotsNum > 0 && !r.hide_arrow && r.slider_arrows_indicators_position == "arrows_indicators_inside_slider" ? (d(), u("div", {
+            key: 1,
+            class: p(["items-center justify-center hidden xl:flex xxl:flex md:flex sm:flex arrow_button", r.direction_property == "rtl" ? "arrow_button_prev" : "arrow_button_next"])
+          }, [
+            s("div", en, [
+              s("button", {
+                class: "p-3 rounded-full shadow-lg arrow_button_styles",
+                onClick: t[2] || (t[2] = I((l) => o.next(), ["stop"]))
+              }, [
+                r.direction_property == "ltr" ? (d(), u("svg", tn, sn)) : g("", !0),
+                r.direction_property == "rtl" ? (d(), u("svg", nn, an)) : g("", !0)
+              ])
+            ])
+          ], 2)) : g("", !0)
+        ], 8, zs),
+        r.slider_arrows_indicators_position != "arrows_indicators_below_slider" ? (d(), u("div", {
+          key: 0,
+          class: p(["flex justify-center mb-1 space-x-1", o.sliderIndicatorsAction()])
+        }, [
+          (d(!0), u(y, null, w(e.dotsNum, (l) => (d(), u("button", {
+            role: "button",
+            class: p(["gl-dot", { active: e.currentDot == l }]),
+            key: l,
+            onClick: (i) => o.setDot(l)
+          }, un, 10, ln))), 128))
+        ], 2)) : g("", !0),
+        r.slider_arrows_indicators_position == "arrows_indicators_below_slider" ? (d(), u("div", cn, [
+          s("div", {
+            class: p(["flex justify-center mb-1 space-x-1", o.sliderIndicatorsAction()])
+          }, [
+            (d(!0), u(y, null, w(e.dotsNum, (l) => (d(), u("button", {
+              role: "button",
+              class: p(["gl-dot", { active: e.currentDot == l }]),
+              key: l,
+              onClick: (i) => o.setDot(l)
+            }, gn, 10, fn))), 128))
+          ], 2),
+          e.dotsNum > 0 ? (d(), u("div", mn, [
+            s("div", _n, [
+              s("div", pn, [
+                s("button", {
+                  class: p(["p-3 rounded-full arrow_button_styles", r.direction_property == "rtl" ? "ml-3" : "mr-3"]),
+                  onClick: t[3] || (t[3] = (l) => o.prev())
+                }, [
+                  r.direction_property == "ltr" ? (d(), u("svg", bn, vn)) : g("", !0),
+                  r.direction_property == "rtl" ? (d(), u("svg", xn, kn)) : g("", !0)
+                ], 2)
+              ])
+            ]),
+            s("div", $n, [
+              s("div", Sn, [
+                s("button", {
+                  class: "p-3 rounded-full arrow_button_styles",
+                  onClick: t[4] || (t[4] = (l) => o.next())
+                }, [
+                  r.direction_property == "ltr" ? (d(), u("svg", Cn, Dn)) : g("", !0),
+                  r.direction_property == "rtl" ? (d(), u("svg", Pn, jn)) : g("", !0)
+                ])
+              ])
+            ])
+          ])) : g("", !0)
+        ])) : g("", !0)
+      ], 10, Hs),
+      e.dotsNum > 0 && !r.hide_arrow && r.slider_arrows_indicators_position == "arrows_outside_slider" ? (d(), u("div", In, [
+        s("div", An, [
+          s("button", {
+            class: "p-3 ml-5 rounded-full shadow-lg arrow_button_styles",
+            onClick: t[5] || (t[5] = (l) => o.next())
+          }, [
+            r.direction_property == "ltr" ? (d(), u("svg", Tn, Mn)) : g("", !0),
+            r.direction_property == "rtl" ? (d(), u("svg", Vn, Bn)) : g("", !0)
+          ])
+        ])
+      ])) : g("", !0)
+    ], 10, Ms)
+  ]);
+}
+const jl = /* @__PURE__ */ k(Ns, [["render", Gn], ["__scopeId", "data-v-a94f16a9"]]), Fn = {
+  class: "fixed left-0 top-13 z-[1055] h-full w-full overflow-y-auto overflow-x-hidden outline-none inset-0 bg-black bg-opacity-80",
+  tabindex: "-1",
+  "aria-hidden": "true"
+}, Rn = { class: "pointer-events-auto relative flex max-h-[100%] w-full flex-col overflow-hidden text-current shadow-4 outline-none bg-white border rounded-lg border-stroke dark:border-strokedark dark:bg-boxdark" }, Un = { class: "flex items-center justify-between flex-shrink-0 pt-10 pb-3 pl-3 pr-3 border-b-2 dark:border-gray-600" }, qn = { class: "text-xl font-medium leading-normal text-surface dark:text-white" }, Hn = /* @__PURE__ */ s("span", { class: "[&>svg]:h-6 [&>svg]:w-6" }, [
+  /* @__PURE__ */ s("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "currentColor",
+    viewBox: "0 0 24 24",
+    "stroke-width": "1.5",
+    stroke: "currentColor"
+  }, [
+    /* @__PURE__ */ s("path", {
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      d: "M6 18L18 6M6 6l12 12"
+    })
+  ])
+], -1), zn = [
+  Hn
+], Zn = { class: "relative p-4 overflow-y-auto" }, Kn = { class: "flex flex-wrap items-center justify-end flex-shrink-0 p-4 border-t-2 rounded-b-md border-neutral-100 dark:border-gray-600" }, Il = {
+  __name: "GlModal",
+  props: {
+    is_open: {
+      type: Boolean,
+      default: !1
+    },
+    title: {
+      type: String,
+      default: ""
+    },
+    max_width: {
+      type: String,
+      default: "max-w-2xl"
+    }
+  },
+  emits: ["closeModal"],
+  setup(e, { emit: t }) {
+    const r = e, n = t, a = () => {
+      document.documentElement.style.overflow = "hidden", document.documentElement.style.paddingRight = "0px";
+    }, o = () => {
+      document.documentElement.style.overflow = "", document.documentElement.style.paddingRight = "";
+    }, l = () => {
+      n("closeModal"), o();
+    };
+    return Q(
+      () => r.is_open,
+      (i, c) => {
+        i ? a() : o();
+      },
+      { immediate: !0, deep: !0 }
+    ), (i, c) => S((d(), u("div", Fn, [
+      s("div", {
+        class: p(["pointer-events-none relative h-[calc(100%-1rem)] w-auto translate-y-[-50px] transition-all duration-300 ease-in-out min-[576px]:mx-auto min-[576px]:mt-7 min-[576px]:h-[calc(100%-3.5rem)]", e.max_width])
+      }, [
+        s("div", Rn, [
+          s("div", Un, [
+            s("h5", qn, h(e.title), 1),
+            s("button", {
+              type: "button",
+              class: "box-content border-none rounded-none text-neutral-500 hover:text-neutral-800 hover:no-underline focus:text-neutral-800 focus:opacity-100 focus:shadow-none focus:outline-none dark:text-neutral-400 dark:hover:text-neutral-300 dark:focus:text-neutral-300",
+              onClick: l,
+              "aria-label": "Close"
+            }, zn)
+          ]),
+          s("div", Zn, [
+            j(i.$slots, "body")
+          ]),
+          s("div", Kn, [
+            j(i.$slots, "buttons"),
+            s("button", {
+              onClick: l,
+              type: "button",
+              class: "px-5 py-2 text-sm font-medium text-gray-500 bg-white border border-gray-200 rounded-lg ms-3 hover:bg-gray-100 focus:ring-4 focus:outline-none focus:ring-blue-300 hover:text-gray-900 focus:z-10 dark:bg-gray-700 dark:text-gray-300 dark:border-gray-500 dark:hover:text-white dark:hover:bg-gray-600 dark:focus:ring-gray-600"
+            }, " Close ")
+          ])
+        ])
+      ], 2)
+    ], 512)), [
+      [T, e.is_open]
+    ]);
+  }
+}, Wn = { class: "mb-4" }, Xn = { class: "flex justify-between px-6 py-3 -mb-px border border-gray-300 no-underlin" }, Yn = { class: "relative inline-flex items-center cursor-pointer" }, Jn = ["name", "id"], Qn = /* @__PURE__ */ s("div", { class: "w-11 h-6 bg-gray-200 peer-focus:outline-none peer-focus:ring-4 peer-focus:ring-blue-300 dark:peer-focus:ring-blue-800 rounded-full peer dark:bg-gray-700 peer-checked:after:translate-x-full rtl:peer-checked:after:-translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:start-[2px] after:bg-white after:border-gray-300 after:border after:rounded-full after:h-5 after:w-5 after:transition-all dark:border-gray-600 peer-checked:bg-blue-600" }, null, -1), eo = /* @__PURE__ */ s("hr", { class: "!opacity-100 bg-gray-200 border-0 dark:bg-gray-700" }, null, -1), to = { class: "flex justify-between px-6 py-3 -mb-px border border-gray-200 rounded-lg no-underlin dark:border-gray-600 dark:focus:border-frontenddark" }, ro = { class: "relative inline-flex items-center cursor-pointer" }, so = ["name", "id", "value", "checked"], no = /* @__PURE__ */ s("div", { class: "w-11 h-6 bg-gray-200 peer-focus:outline-none peer-focus:ring-4 peer-focus:ring-blue-300 dark:peer-focus:ring-blue-800 rounded-full peer dark:bg-gray-700 peer-checked:after:translate-x-full rtl:peer-checked:after:-translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:start-[2px] after:bg-white after:border-gray-300 after:border after:rounded-full after:h-5 after:w-5 after:transition-all dark:border-gray-600 peer-checked:bg-blue-600" }, null, -1), oo = { class: "gl-span-form-error" }, ao = { class: "block mt-1 text-sm font-normal leading-5 text-gray-500" }, Al = {
+  __name: "GlToggleBox",
+  props: {
+    is_required: {
+      type: Boolean,
+      default: !1
+    },
+    show: {
+      type: Boolean,
+      default: !1
+    },
+    error_message: {
+      type: String,
+      default: ""
+    },
+    model_value: {
+      type: String,
+      required: !0
+    },
+    modelValue: {
+      type: [String, Number],
+      default: ""
+    },
+    type: {
+      type: String,
+      default: "text"
+    },
+    field_name: {
+      type: String,
+      default: ""
+    },
+    label_name: {
+      type: String,
+      default: ""
+    },
+    description: {
+      type: String,
+      default: ""
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(e, { emit: t }) {
+    const r = e, n = t, a = C(null);
+    G(() => {
+      r.model_value != "" && (n("update:modelValue", r.model_value), a.value.checked = r.model_value == 1), r.modelValue != "" && (n("update:modelValue", r.modelValue), a.value.checked = r.modelValue == 1);
+    });
+    const o = (l) => {
+      const i = l.target.checked ? 1 : 0;
+      n("update:modelValue", i);
+    };
+    return (l, i) => (d(), u(y, null, [
+      e.show ? (d(), u("div", {
+        key: 0,
+        class: p(e.field_name)
+      }, [
+        s("div", Wn, [
+          s("li", Xn, [
+            v(h(e.label_name) + " ", 1),
+            s("label", Yn, [
+              s("input", {
+                type: "checkbox",
+                class: "sr-only peer",
+                name: e.field_name,
+                id: e.field_name,
+                "true-value": 1,
+                "false-value": 0,
+                ref_key: "input",
+                ref: a,
+                disabled: ""
+              }, null, 8, Jn),
+              Qn
+            ])
+          ])
+        ]),
+        eo
+      ], 2)) : g("", !0),
+      e.show ? g("", !0) : (d(), u("div", {
+        key: 1,
+        class: p(["mb-4", e.field_name])
+      }, [
+        s("li", to, [
+          v(h(e.label_name) + " ", 1),
+          s("label", ro, [
+            s("input", {
+              type: "checkbox",
+              class: "sr-only peer",
+              name: e.field_name,
+              id: e.field_name,
+              value: e.model_value,
+              checked: e.model_value == 1,
+              "true-value": 1,
+              "false-value": 0,
+              ref_key: "input",
+              ref: a,
+              onChange: o
+            }, null, 40, so),
+            no
+          ])
+        ]),
+        s("span", oo, h(e.error_message), 1),
+        s("small", ao, h(e.description), 1)
+      ], 2))
+    ], 64));
+  }
+}, io = {
+  name: "Dropdown",
+  template: "Dropdown",
+  props: {
+    modelValue: {
+      type: [String, Number],
+      default: ""
+    },
+    default_value: {
+      type: [String, Number],
+      default: ""
+    },
+    field_name: {
+      type: String,
+      default: ""
+    },
+    is_required: {
+      type: Boolean,
+      default: !1
+    },
+    has_cancel: {
+      type: Boolean,
+      default: !0
+    },
+    label_name: {
+      type: String,
+      default: ""
+    },
+    options: {
+      type: Array,
+      required: !0,
+      default: [],
+      note: "Options of dropdown. An array of options with id and name"
+    },
+    placeholder: {
+      type: String,
+      required: !1,
+      default: "Please select an option",
+      note: "Placeholder of dropdown"
+    },
+    maxItem: {
+      type: Number,
+      required: !1,
+      default: 1e4,
+      note: "Max items showing"
+    },
+    show: {
+      type: Boolean,
+      default: !1
+    },
+    error_message: {
+      type: String,
+      default: ""
+    },
+    description: {
+      type: String,
+      default: ""
+    }
+  },
+  emits: ["update:modelValue", "selected"],
+  data() {
+    return {
+      selected: {},
+      count: 0,
+      optionsShown: !1,
+      // options_values: [],
+      searchFilter: "",
+      uuid: ""
+    };
+  },
+  created() {
+    this.$emit("selected", this.selected);
+  },
+  mounted() {
+    this.uuid = this.generateUUID(), self = this;
+    var e = this.convertedOptionDefault();
+    this.selected = this.options_values.find(
+      (t) => String(t.id) === String(e)
+    ) || {}, this.show || (document.body.addEventListener("click", function(t) {
+      self.clearData(t);
+    }), document.addEventListener("keypress", function(t) {
+      t.key === "Enter" && t.target.form && t.preventDefault();
+    }));
+  },
+  computed: {
+    options_values() {
+      return this.convertedOptions();
+    },
+    filteredOptions() {
+      const e = [], t = new RegExp(this.searchFilter, "ig");
+      for (const r of this.options_values) {
+        const n = String(r.name);
+        (this.searchFilter.length < 1 || n.match(t)) && e.length < this.maxItem && e.push(r);
+      }
+      return e;
+    }
+  },
+  methods: {
+    handleKeyDown(e) {
+      if ([
+        "ArrowLeft",
+        "ArrowUp",
+        "ArrowRight",
+        "ArrowDown",
+        "Enter"
+      ].includes(e.key)) {
+        if (["ArrowUp", "ArrowDown"].includes(e.key) && e.preventDefault(), e.key === "ArrowDown" && this.posts === "")
+          return;
+        this.selectPost(e.key);
+      }
+    },
+    generateUUID() {
+      let e = (/* @__PURE__ */ new Date()).getTime();
+      return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(
+        /[xy]/g,
+        function(r) {
+          const n = (e + Math.random() * 16) % 16 | 0;
+          return e = Math.floor(e / 16), (r === "x" ? n : n & 3 | 8).toString(16);
+        }
+      );
+    },
+    isObjectNotEmpty(e) {
+      return Object.keys(e).length > 0;
+    },
+    clearData: function(e) {
+      e.target.id != this.field_name + "search" + this.uuid && e.target.id != this.field_name && !e.target.classList.contains("showOptions") && (this.exit(), this.count = 0);
+    },
+    scrollToElement: function(e) {
+      const t = `${e}${this.uuid}`, r = document.getElementById(t);
+      r && r.scrollIntoView();
+    },
+    clickElement: function(e) {
+      const t = `${e}${this.uuid}`, r = document.getElementById(t);
+      r && r.click();
+    },
+    selectPost: function(e) {
+      e === "ArrowDown" && this.count < this.filteredOptions.length && (this.count++, this.scrollToElement(this.count)), e === "ArrowUp" && this.count > 1 && (this.count--, this.scrollToElement(this.count)), e === "Enter" && this.clickElement(this.count);
+    },
+    convertedOptions() {
+      return this.options.map((e, t) => typeof e == "object" ? e : { id: e, name: e });
+    },
+    convertedOptionDefault() {
+      var e = this.default_value || this.modelValue;
+      return e ? typeof e == "object" ? e.id + "" : e + "" : "";
+    },
+    updateModelValue(e) {
+      this.$emit("update:modelValue", e.target.value);
+    },
+    selectOption(e) {
+      this.selected = e, this.optionsShown = !1, this.$emit("selected", this.selected);
+    },
+    showOptions() {
+      this.show || (this.searchFilter = "", this.optionsShown = !0, this.$nextTick(() => {
+        this.$refs[this.field_name + "search" + this.uuid].focus();
+      }));
+    },
+    ClearInput() {
+      this.show || (this.selected = {}, this.searchFilter = "", this.$emit("update:modelValue", ""), this.showOptions());
+    },
+    exit() {
+      this.selected.id || (this.selected = {}, this.searchFilter = ""), this.$emit("selected", this.selected), this.optionsShown = !1;
+    }
+    // Selecting when pressing Enter
+  },
+  watch: {
+    searchFilter() {
+      this.filteredOptions.length === 0 && (this.selected = {});
+    },
+    selected(e) {
+      this.isObjectNotEmpty(e) && this.$emit("update:modelValue", e.id);
+    }
+    // options(newOptions) {
+    /*
+                this.options_values = this.convertedOptions();
+    
+                var default_value = this.convertedOptionDefault();
+                console.log("default_value_options : ", default_value);
+    
+                this.selected =
+                    this.options_values.find(
+                        (item) => String(item.id) === String(default_value)
+                    ) || {};
+    
+                    */
+    // },
+  }
+}, lo = { class: "font-bold ptext-lg dark:text-white" }, uo = { class: "mt-3 mb-4" }, co = { class: "bg-blue-100 text-blue-800 text-sm font-medium mb-2 mt-2 me-2 px-2.5 py-0.5 rounded dark:bg-blue-900 dark:text-blue-300" }, fo = /* @__PURE__ */ s("hr", { class: "!opacity-100 bg-gray-200 border-0 dark:bg-gray-700" }, null, -1), ho = ["name", "id", "value"], go = {
+  key: 0,
+  class: "dropdown"
+}, mo = { class: "border border-gray-200 rounded-lg focus:ring-blue-500 focus:border-blue-500 dark:border-gray-600 dark:focus:ring-blue-500 dark:focus:border-blue-500" }, _o = { class: "relative showOptions" }, po = ["value", "placeholder"], bo = { class: "text-gray-700 bg-white dark:border-strokedark dark:bg-boxdark dark:text-gray-200 !border-b !border-t-0 !border-r !border-l absolute w-full z-[999999999]" }, yo = { class: "p-1" }, vo = /* @__PURE__ */ s("label", {
+  for: "default-search",
+  class: "mb-2 text-sm font-medium text-gray-900 sr-only dark:text-white"
+}, "Search", -1), xo = { class: "relative" }, wo = /* @__PURE__ */ s("div", { class: "absolute inset-y-0 flex items-center pointer-events-none start-0 ps-3" }, [
+  /* @__PURE__ */ s("svg", {
+    class: "w-4 h-4 text-gray-500 dark:text-gray-400",
+    "aria-hidden": "true",
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 20 20"
+  }, [
+    /* @__PURE__ */ s("path", {
+      stroke: "currentColor",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      "stroke-width": "2",
+      d: "m19 19-4-4m0-7A7 7 0 1 1 1 8a7 7 0 0 1 14 0Z"
+    })
+  ])
+], -1), ko = ["id"], $o = { class: "overflow-y-auto max-h-64" }, So = ["onClick", "onMousedown", "id"], Co = { class: "flex items-center py-2 pl-10 pr-4" }, Oo = {
+  key: 0,
+  class: "absolute flex items-center flex-shrink-0 w-4 h-4 text-green-500 left-2 dark:text-green-400",
+  "aria-hidden": "true",
+  xmlns: "http://www.w3.org/2000/svg",
+  fill: "none",
+  viewBox: "0 0 16 12"
+}, Do = /* @__PURE__ */ s("path", {
+  stroke: "currentColor",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round",
+  "stroke-width": "2",
+  d: "M1 5.917 5.724 10.5 15 1.5"
+}, null, -1), Po = [
+  Do
+], Eo = { class: "block mt-1 text-sm font-normal leading-5 text-red-500" }, jo = { class: "block mt-1 text-sm font-normal leading-5 text-gray-500" };
+function Io(e, t, r, n, a, o) {
+  return d(), u(y, null, [
+    r.show ? (d(), u("div", {
+      key: 0,
+      class: p(r.field_name)
+    }, [
+      s("h3", lo, h(r.label_name), 1),
+      s("p", uo, [
+        s("span", co, h(e.selectedValue.name), 1)
+      ]),
+      fo
+    ], 2)) : g("", !0),
+    r.show ? g("", !0) : (d(), u("div", {
+      key: 1,
+      class: p(["mb-4", r.field_name])
+    }, [
+      s("input", {
+        type: "hidden",
+        name: r.field_name,
+        id: r.field_name,
+        value: a.selected.id
+      }, null, 8, ho),
+      r.options ? (d(), u("div", go, [
+        r.label_name ? (d(), u("label", {
+          key: 0,
+          class: p({
+            "gl-label-form": r.error_message == "",
+            "gl-label-form-invalid": r.error_message !== "",
+            required: r.is_required
+          })
+        }, h(r.label_name), 3)) : g("", !0),
+        s("div", mo, [
+          s("div", _o, [
+            s("input", {
+              class: "!border-0 gl-input-form pl-8 pr-2 showOptions",
+              ref: r.field_name,
+              onClick: t[0] || (t[0] = (l) => o.showOptions()),
+              value: a.selected.name,
+              placeholder: r.placeholder,
+              autocomplete: "off",
+              readonly: ""
+            }, null, 8, po),
+            S(s("i", {
+              onClick: t[1] || (t[1] = I((l) => o.ClearInput(), ["stop"])),
+              class: "absolute text-gray-500 cursor-pointer fas fa-times right-7 hover:text-gray-700",
+              style: { top: "13px" }
+            }, null, 512), [
+              [T, o.isObjectNotEmpty(a.selected) && r.has_cancel]
+            ]),
+            s("i", {
+              onClick: t[2] || (t[2] = (l) => !a.optionsShown && o.showOptions()),
+              class: p([a.optionsShown ? "fa-angle-up" : "fa-angle-down", "absolute text-xl text-gray-500 cursor-pointer fas right-2 hover:text-gray-700 showOptions"]),
+              style: { top: "11px" }
+            }, null, 2)
+          ]),
+          S(s("div", bo, [
+            s("div", yo, [
+              vo,
+              s("div", xo, [
+                wo,
+                S(s("input", {
+                  type: "search",
+                  "onUpdate:modelValue": t[3] || (t[3] = (l) => a.searchFilter = l),
+                  ref: `${r.field_name}search${a.uuid}`,
+                  id: `${r.field_name}search${a.uuid}`,
+                  onKeydown: t[4] || (t[4] = (...l) => o.handleKeyDown && o.handleKeyDown(...l)),
+                  onBlur: t[5] || (t[5] = (l) => o.exit()),
+                  autocomplete: "off",
+                  class: "block w-full p-2 text-sm text-gray-900 border rounded-lg outline-none border-frontend ps-10 bg-gray-50 focus:border-frontend dark:bg-gray-700 dark:border-frontenddark dark:placeholder-frontenddark dark:text-white dark:focus:border-frontenddark",
+                  placeholder: "Search ..."
+                }, null, 40, ko), [
+                  [A, a.searchFilter]
+                ])
+              ])
+            ]),
+            s("div", $o, [
+              (d(!0), u(y, null, w(o.filteredOptions, (l, i) => (d(), u("div", {
+                class: p([
+                  "relative px-2 py-2 text-xs leading-4 text-gray-700 no-underline cursor-pointer dark:text-gray-200 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white",
+                  i + 1 == a.count ? "bg-gray-100 dark:bg-gray-600" : ""
+                ]),
+                onClick: (c) => o.selectOption(l),
+                onMousedown: (c) => o.selectOption(l),
+                key: i,
+                id: `${i + 1}${a.uuid}`
+              }, [
+                s("div", Co, [
+                  a.selected.id === l.id ? (d(), u("svg", Oo, Po)) : g("", !0),
+                  s("span", null, h(l.name || l.id || "-"), 1)
+                ])
+              ], 42, So))), 128))
+            ])
+          ], 512), [
+            [T, a.optionsShown]
+          ])
+        ])
+      ])) : g("", !0),
+      s("span", Eo, h(r.error_message), 1),
+      s("small", jo, h(r.description), 1)
+    ], 2))
+  ], 64);
+}
+const Tl = /* @__PURE__ */ k(io, [["render", Io]]), Ao = { class: "font-bold ptext-lg dark:text-white" }, To = ["id"], No = /* @__PURE__ */ s("hr", { class: "!opacity-100 bg-gray-200 border-0 dark:bg-gray-700" }, null, -1), Mo = ["for"], Vo = ["required", "name", "id", "type", "placeholder"], Lo = { class: "gl-span-form-error" }, Bo = { class: "block mt-1 text-sm font-normal leading-5 text-gray-500" }, Nl = {
+  __name: "GlTextarea",
+  props: {
+    is_required: {
+      type: Boolean,
+      default: !1
+    },
+    show: {
+      type: Boolean,
+      default: !1
+    },
+    error_message: {
+      type: String,
+      default: ""
+    },
+    model_value: {
+      type: [String, Number],
+      default: ""
+    },
+    modelValue: {
+      type: [String, Number],
+      default: ""
+    },
+    type: {
+      type: String,
+      default: "text"
+    },
+    field_name: {
+      type: String,
+      default: ""
+    },
+    label_name: {
+      type: String,
+      default: ""
+    },
+    description: {
+      type: String,
+      default: ""
+    },
+    place_holder: {
+      type: String,
+      default: ""
+    }
+  },
+  emits: ["update:modelValue", "keydown"],
+  setup(e, { expose: t, emit: r }) {
+    const n = e, a = r, o = C(null);
+    return G(() => {
+      o.value !== null && o.value.hasAttribute("autofocus") && o.value.focus(), n.model_value && (a("update:modelValue", n.model_value), o.value.value = n.model_value), n.modelValue != "" && (a("update:modelValue", n.modelValue), o.value.value = n.modelValue);
+    }), t({ focus: () => o.value.focus() }), (l, i) => (d(), u(y, null, [
+      e.show ? (d(), u("div", {
+        key: 0,
+        class: p(e.field_name)
+      }, [
+        s("h3", Ao, h(e.label_name), 1),
+        s("p", {
+          id: e.field_name,
+          class: "mb-4 text-base text-gray-900 input_tr_show dark:text-white"
+        }, h(e.model_value), 9, To),
+        No
+      ], 2)) : g("", !0),
+      e.show ? g("", !0) : (d(), u("div", {
+        key: 1,
+        class: p(["mb-4", e.field_name])
+      }, [
+        s("label", {
+          class: p({
+            "gl-label-form": e.error_message == "",
+            "gl-label-form-invalid": e.error_message !== "",
+            required: e.is_required
+          }),
+          for: e.field_name
+        }, h(e.label_name), 11, Mo),
+        s("textarea", {
+          required: e.is_required,
+          name: e.field_name,
+          id: e.field_name,
+          class: p({
+            " gl-textarea-form   mt-4 ": e.error_message == "",
+            " gl-textarea-form-invalid   mt-4 ": e.error_message !== ""
+          }),
+          type: e.type,
+          onInput: i[0] || (i[0] = (c) => l.$emit("update:modelValue", c.target.value)),
+          ref_key: "input",
+          ref: o,
+          rows: "4",
+          placeholder: e.place_holder
+        }, null, 42, Vo),
+        s("span", Lo, h(e.error_message), 1),
+        s("small", Bo, h(e.description), 1)
+      ], 2))
+    ], 64));
+  }
+}, Go = {
+  emits: ["pagination-change-page"],
+  props: {
+    data: {
+      type: Object,
+      default: () => {
+      }
+    },
+    limit: {
+      type: Number,
+      default: 0
+    }
+  },
+  computed: {
+    isApiResource() {
+      return !!this.data.meta;
+    },
+    currentPage() {
+      return this.isApiResource ? this.data.meta.current_page : this.data.current_page;
+    },
+    firstPageUrl() {
+      return this.isApiResource ? this.data.links.first : null;
+    },
+    from() {
+      return this.isApiResource ? this.data.meta.from : this.data.from;
+    },
+    lastPage() {
+      return this.isApiResource ? this.data.meta.last_page : this.data.last_page;
+    },
+    lastPageUrl() {
+      return this.isApiResource ? this.data.links.last : null;
+    },
+    nextPageUrl() {
+      return this.isApiResource ? this.data.links.next : this.data.next_page_url;
+    },
+    perPage() {
+      return this.isApiResource ? this.data.meta.per_page : this.data.per_page;
+    },
+    prevPageUrl() {
+      return this.isApiResource ? this.data.links.prev : this.data.prev_page_url;
+    },
+    to() {
+      return this.isApiResource ? this.data.meta.to : this.data.to;
+    },
+    total() {
+      return this.isApiResource ? this.data.meta.total : this.data.total;
+    },
+    pageRange() {
+      if (this.limit === -1)
+        return 0;
+      if (this.limit === 0)
+        return this.lastPage;
+      for (var e = this.currentPage, t = this.lastPage, r = this.limit, n = e - r, a = e + r + 1, o = [], l = [], i, c = 1; c <= t; c++)
+        (c === 1 || c === t || c >= n && c < a) && o.push(c);
+      return o.forEach(function(f) {
+        i && (f - i === 2 ? l.push(i + 1) : f - i !== 1 && l.push("...")), l.push(f), i = f;
+      }), l;
+    }
+  },
+  methods: {
+    previousPage() {
+      this.selectPage(this.currentPage - 1);
+    },
+    nextPage() {
+      this.selectPage(this.currentPage + 1);
+    },
+    selectPage(e) {
+      e !== "..." && this.$emit("pagination-change-page", e);
+    }
+  },
+  render() {
+    return this.$slots.default({
+      data: this.data,
+      limit: this.limit,
+      computed: {
+        isApiResource: this.isApiResource,
+        currentPage: this.currentPage,
+        firstPageUrl: this.firstPageUrl,
+        from: this.from,
+        lastPage: this.lastPage,
+        lastPageUrl: this.lastPageUrl,
+        nextPageUrl: this.nextPageUrl,
+        perPage: this.perPage,
+        prevPageUrl: this.prevPageUrl,
+        to: this.to,
+        total: this.total,
+        pageRange: this.pageRange
+      },
+      prevButtonEvents: {
+        click: (e) => {
+          e.preventDefault(), this.previousPage();
+        }
+      },
+      nextButtonEvents: {
+        click: (e) => {
+          e.preventDefault(), this.nextPage();
+        }
+      },
+      pageButtonEvents: (e) => ({
+        click: (t) => {
+          t.preventDefault(), this.selectPage(e);
+        }
+      })
+    });
+  }
+}, Fo = {
+  compatConfig: {
+    MODE: 3
+  },
+  inheritAttrs: !1,
+  emits: ["pagination-change-page"],
+  components: {
+    RenderlessPagination: Go
+  },
+  props: {
+    data: {
+      type: Object,
+      default: () => {
+      }
+    },
+    limit: {
+      type: Number,
+      default: 0
+    },
+    showDisabled: {
+      type: Boolean,
+      default: !1
+    },
+    size: {
+      type: String,
+      default: "default",
+      validator: (e) => ["small", "default", "large"].indexOf(e) !== -1
+    },
+    align: {
+      type: String,
+      default: "left",
+      validator: (e) => ["left", "center", "right"].indexOf(e) !== -1
+    }
+  },
+  methods: {
+    onPaginationChangePage(e) {
+      this.$emit("pagination-change-page", e);
+    }
+  },
+  mounted() {
+  }
+}, Ro = { class: "flex flex-col items-center" }, Uo = {
+  key: 0,
+  class: "text-sm text-gray-700 dark:text-gray-400"
+}, qo = { class: "font-semibold text-gray-900 dark:text-white" }, Ho = { class: "font-semibold text-gray-900 dark:text-white" }, zo = { class: "font-semibold text-gray-900 dark:text-white" }, Zo = ["tabindex"], Ko = /* @__PURE__ */ s("span", { class: "sr-only" }, "Previous", -1), Wo = /* @__PURE__ */ s("svg", {
+  class: "w-2.5 h-2.5 rtl:rotate-180",
+  "aria-hidden": "true",
+  xmlns: "http://www.w3.org/2000/svg",
+  fill: "none",
+  viewBox: "0 0 6 10"
+}, [
+  /* @__PURE__ */ s("path", {
+    stroke: "currentColor",
+    "stroke-linecap": "round",
+    "stroke-linejoin": "round",
+    "stroke-width": "2",
+    d: "M5 1 1 5l4 4"
+  })
+], -1), Xo = ["aria-current"], Yo = ["tabindex"], Jo = /* @__PURE__ */ s("span", { class: "sr-only" }, "Next", -1), Qo = /* @__PURE__ */ s("svg", {
+  class: "w-2.5 h-2.5 rtl:rotate-180",
+  "aria-hidden": "true",
+  xmlns: "http://www.w3.org/2000/svg",
+  fill: "none",
+  viewBox: "0 0 6 10"
+}, [
+  /* @__PURE__ */ s("path", {
+    stroke: "currentColor",
+    "stroke-linecap": "round",
+    "stroke-linejoin": "round",
+    "stroke-width": "2",
+    d: "m1 9 4-4-4-4"
+  })
+], -1);
+function ea(e, t, r, n, a, o) {
+  const l = U("RenderlessPagination");
+  return d(), q(l, {
+    data: r.data,
+    limit: r.limit,
+    onPaginationChangePage: o.onPaginationChangePage
+  }, {
+    default: X((i) => [
+      s("div", Ro, [
+        i.computed.total > i.computed.perPage ? (d(), u("span", Uo, [
+          v(" Showing "),
+          s("span", qo, h(i.computed.from), 1),
+          v(" to "),
+          s("span", Ho, h(i.computed.to), 1),
+          v(" of "),
+          s("span", zo, h(i.computed.total), 1),
+          v(" Entries ")
+        ])) : g("", !0),
+        i.computed.total > i.computed.perPage ? (d(), u("ul", R({ key: 1 }, e.$attrs, {
+          class: ["flex items-center h-8 -space-x-px text-sm", {
+            "pagination-sm": r.size == "small",
+            "pagination-lg": r.size == "large",
+            "justify-content-center": r.align == "center",
+            "justify-content-end": r.align == "right"
+          }]
+        }), [
+          i.computed.prevPageUrl || r.showDisabled ? (d(), u("li", {
+            key: 0,
+            class: p(["flex items-center justify-center h-8 px-3 leading-tight text-gray-500 bg-white border border-gray-300 ms-0 border-e-0 rounded-s-lg hover:bg-gray-100 hover:text-gray-700 dark:bg-gray-800 dark:border-gray-700 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white", { disabled: !i.computed.prevPageUrl }])
+          }, [
+            s("a", R({
+              class: "page-link",
+              href: "#",
+              "aria-label": "Previous",
+              tabindex: !i.computed.prevPageUrl && -1
+            }, Z(i.prevButtonEvents, !0)), [
+              j(e.$slots, "prev-nav", {}, () => [
+                Ko,
+                Wo
+              ])
+            ], 16, Zo)
+          ], 2)) : g("", !0),
+          (d(!0), u(y, null, w(i.computed.pageRange, (c, f) => (d(), u("li", {
+            class: p(["", { active: c == i.computed.currentPage }]),
+            key: f
+          }, [
+            s("a", R({
+              class: "",
+              href: "#"
+            }, Z(i.pageButtonEvents(c), !0), {
+              "aria-current": c == i.computed.currentPage ? "page" : null,
+              class: c == i.computed.currentPage ? "z-10 flex items-center justify-center px-3 h-8 leading-tight text-blue-600 border border-blue-300 bg-blue-50 hover:bg-blue-100 hover:text-blue-700 dark:border-gray-700 dark:bg-gray-700 dark:text-white" : "flex items-center justify-center px-3 h-8 leading-tight text-gray-500 bg-white border border-gray-300 hover:bg-gray-100 hover:text-gray-700 dark:bg-gray-800 dark:border-gray-700 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white"
+            }), h(c), 17, Xo)
+          ], 2))), 128)),
+          i.computed.nextPageUrl || r.showDisabled ? (d(), u("li", {
+            key: 1,
+            class: p(["flex items-center justify-center h-8 px-3 leading-tight text-gray-500 bg-white border border-gray-300 rounded-e-lg hover:bg-gray-100 hover:text-gray-700 dark:bg-gray-800 dark:border-gray-700 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white", { disabled: !i.computed.nextPageUrl }])
+          }, [
+            s("a", R({
+              class: "",
+              href: "#",
+              "aria-label": "Next",
+              tabindex: !i.computed.nextPageUrl && -1
+            }, Z(i.nextButtonEvents, !0)), [
+              j(e.$slots, "next-nav", {}, () => [
+                Jo,
+                Qo
+              ])
+            ], 16, Yo)
+          ], 2)) : g("", !0)
+        ], 16)) : g("", !0)
+      ])
+    ]),
+    _: 3
+  }, 8, ["data", "limit", "onPaginationChangePage"]);
+}
+const ta = /* @__PURE__ */ k(Fo, [["render", ea]]), ra = {
+  components: { TailwindPagination: ta },
+  props: {
+    data: Array,
+    columns: Array,
+    get_item_url: String,
+    xprops: Object,
+    refreshData: Boolean
+  },
+  data() {
+    return {
+      isMounted: !1,
+      limit: 5,
+      showDisabled: !1,
+      size: "default",
+      align: "left",
+      search: "",
+      isDropdownOpen: !1,
+      itemLists: [],
+      tableData: [],
+      sortField: this.columns[0].field_name,
+      sortOrder: "asc",
+      pageOptions: [5, 10, 20, 50],
+      perPage: 5,
+      page: 1
+    };
+  },
+  computed: {
+    filteredData() {
+      const e = this.search.toLowerCase();
+      return this.sortData(this.data).filter((r) => Object.values(r).some(
+        (n) => n.toString().toLowerCase().includes(e)
+      ));
+    }
+  },
+  methods: {
+    forDynCompIs(e) {
+      return typeof e == "object" ? e : null;
+    },
+    GetItemLists(e = 1) {
+      this.page = e;
+      const t = {
+        sort: this.sortField,
+        order: this.sortOrder,
+        s: this.search,
+        limit: this.perPage,
+        page: this.page
+      };
+      axios.get(this.xprops.route_get_data, { params: t }).then((r) => {
+        this.itemLists = r.data;
+      }).catch((r) => {
+        console.error(r);
+      });
+    },
+    updateSortColumn(e, t) {
+      t && (e === this.sortField ? this.sortOrder = this.sortOrder === "asc" ? "desc" : "asc" : (this.sortField = e, this.sortOrder = "asc"), this.GetItemLists(this.page));
+    },
+    handleSearch() {
+      this.sortField = this.columns[0].field_name, this.sortOrder = "asc", this.page = 1, this.GetItemLists(this.page);
+    }
+  },
+  beforeDestroy() {
+  },
+  mounted() {
+    this.GetItemLists(), this.isMounted = !0;
+  },
+  watch: {
+    searchFilter() {
+      this.filteredOptions.length === 0 ? this.selected = {} : this.selected = this.filteredOptions[0];
+    },
+    perPage(e) {
+      this.page = 1, this.perPage = e, this.GetItemLists(this.page);
+    },
+    refreshData(e, t) {
+      this.isMounted && e !== t && this.GetItemLists();
+    }
+  }
+}, sa = { class: "p-2" }, na = { class: "flex flex-col flex-wrap pb-4 space-y-4 xl:flex-row xl:items-center xl:justify-between flex-column sm:space-y-0" }, oa = { class: "flex items-center gap-2" }, aa = /* @__PURE__ */ s("span", { class: "font-medium" }, " Show ", -1), ia = { style: { "margin-top": "9px" } }, la = /* @__PURE__ */ s("span", { class: "font-medium" }, " Entries ", -1), da = /* @__PURE__ */ s("label", {
+  for: "table-search",
+  class: "sr-only"
+}, "Search", -1), ua = { class: "relative" }, ca = /* @__PURE__ */ s("div", { class: "absolute inset-y-0 left-0 flex items-center pointer-events-none rtl:inset-r-0 rtl:right-0 ps-3" }, [
+  /* @__PURE__ */ s("svg", {
+    class: "w-5 h-5 text-gray-500 dark:text-gray-400",
+    "aria-hidden": "true",
+    fill: "currentColor",
+    viewBox: "0 0 20 20",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, [
+    /* @__PURE__ */ s("path", {
+      "fill-rule": "evenodd",
+      d: "M8 4a4 4 0 100 8 4 4 0 000-8zM2 8a6 6 0 1110.89 3.476l4.817 4.817a1 1 0 01-1.414 1.414l-4.816-4.816A6 6 0 012 8z",
+      "clip-rule": "evenodd"
+    })
+  ])
+], -1), fa = { class: "overflow-auto rounded-lg dark:text-gray-400 dark:bg-gray-800" }, ha = { class: "w-full h-full max-w-full overflow-hidden bg-white border-separate xl:overflow-auto lg:border-collapse border-spacing-y-3 lg:border-spacing-y-0 dark:border-strokedark dark:bg-boxdark" }, ga = { class: "hidden text-sm font-normal text-center text-gray-700 uppercase lg:table-header-group dark:border-strokedark bg-gray-50 dark:bg-gray-700 dark:text-gray-400" }, ma = ["onClick"], _a = {
+  key: 0,
+  class: "ml-2"
+}, pa = {
+  key: 0,
+  class: "fa fa-arrow-up"
+}, ba = {
+  key: 1,
+  class: "fa fa-arrow-down"
+}, ya = ["data-label"], va = { class: "overflow-auto max-h-40" }, xa = { class: "flex items-center justify-between px-4 py-3 bg-white border-gray-200 sm:px-6 dark:text-gray-400 dark:bg-gray-800" };
+function wa(e, t, r, n, a, o) {
+  const l = U("dropdown"), i = U("TailwindPagination");
+  return d(), u("div", sa, [
+    s("div", na, [
+      s("div", oa, [
+        aa,
+        s("div", ia, [
+          B(l, {
+            has_cancel: !1,
+            options: a.pageOptions,
+            modelValue: a.perPage,
+            "onUpdate:modelValue": t[0] || (t[0] = (c) => a.perPage = c),
+            is_required: !1,
+            field_name: "perPage",
+            label_name: "",
+            default_value: 5,
+            show: !1,
+            placeholder: "Please select an option"
+          }, null, 8, ["options", "modelValue"])
+        ]),
+        la
+      ]),
+      da,
+      s("div", ua, [
+        ca,
+        S(s("input", {
+          type: "text",
+          "onUpdate:modelValue": t[1] || (t[1] = (c) => a.search = c),
+          onInput: t[2] || (t[2] = (c) => o.handleSearch()),
+          class: "block w-full p-2 text-sm text-gray-900 border border-gray-300 rounded-lg ps-10 bg-gray-50 focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500",
+          placeholder: "Search ..."
+        }, null, 544), [
+          [A, a.search]
+        ])
+      ])
+    ]),
+    s("div", fa, [
+      s("table", ha, [
+        s("thead", ga, [
+          s("tr", null, [
+            (d(!0), u(y, null, w(r.columns, (c, f) => (d(), u("th", {
+              key: f,
+              onClick: (m) => o.updateSortColumn(c.field_name, c.sortable),
+              class: "w-full px-4 py-2 lg:w-2/12"
+            }, [
+              v(h(c.field_label) + " ", 1),
+              a.sortField === c.field_name ? (d(), u("span", _a, [
+                a.sortOrder === "asc" ? (d(), u("i", pa)) : (d(), u("i", ba))
+              ])) : g("", !0)
+            ], 8, ma))), 128))
+          ])
+        ]),
+        s("tbody", null, [
+          (d(!0), u(y, null, w(a.itemLists.data, (c, f) => (d(), u("tr", {
+            key: f,
+            class: "bg-white dark:bg-gray-800 dark:border-gray-700 hover:bg-gray-50 dark:hover:bg-gray-600"
+          }, [
+            (d(!0), u(y, null, w(r.columns, (m, b) => (d(), u("td", {
+              key: b,
+              "data-label": m.field_label,
+              class: "text-pretty before:content-[attr(data-label)] before:font-bold lg:before:content-none flex md:flex-row flex-col justify-between gap-2 lg:table-cell py-4 px-5 lg:py-2.5 lg:px-4 border dark:border-gray-700"
+            }, [
+              s("div", va, [
+                m.tdComp ? (d(), q(W(o.forDynCompIs(m.tdComp)), {
+                  key: 0,
+                  row: c,
+                  field: m.field_name,
+                  xprops: r.xprops,
+                  tdProps: m.tdProps,
+                  onDeleteAction: t[3] || (t[3] = (x) => o.GetItemLists())
+                }, null, 40, ["row", "field", "xprops", "tdProps"])) : (d(), u(y, { key: 1 }, [
+                  v(h(c[m.field_name]), 1)
+                ], 64))
+              ])
+            ], 8, ya))), 128))
+          ]))), 128))
+        ])
+      ])
+    ]),
+    s("div", xa, [
+      B(i, {
+        class: "mt-3 mb-0",
+        data: a.itemLists,
+        limit: a.limit,
+        size: a.size,
+        align: a.align,
+        onPaginationChangePage: o.GetItemLists
+      }, null, 8, ["data", "limit", "size", "align", "onPaginationChangePage"])
+    ])
+  ]);
+}
+const Ml = /* @__PURE__ */ k(ra, [["render", wa]]), ka = {
+  components: {},
+  props: {
+    data: Array,
+    columns: Array
+  },
+  data() {
+    return {
+      showNoOfEntries: [1, 2, 3, 10, 20, 30, 40],
+      search: "",
+      isDropdownOpen: !1,
+      sortKey: "",
+      sortOrder: 1,
+      currentPage: 1,
+      itemsPerPage: 10,
+      jumpToPage: "",
+      maxDisplayedPages: 10
+      // Set the maximum number of displayed pagination buttons
+    };
+  },
+  computed: {
+    filteredData() {
+      const e = this.search.toLowerCase();
+      return this.sortData(this.data).filter((r) => Object.values(r).some(
+        (n) => n != null && n.toString().toLowerCase().includes(e)
+      ));
+    },
+    totalPages() {
+      return Math.ceil(this.filteredData.length / this.itemsPerPage);
+    },
+    paginatedData() {
+      const e = (this.currentPage - 1) * this.itemsPerPage, t = e + this.itemsPerPage;
+      return this.filteredData.slice(e, t);
+    },
+    displayedPageNumbers() {
+      let e = Math.max(
+        this.currentPage - Math.floor(this.maxDisplayedPages / 2),
+        1
+      ), t = e + this.maxDisplayedPages - 1;
+      return t > this.totalPages && (t = this.totalPages, e = Math.max(t - this.maxDisplayedPages + 1, 1)), Array.from(
+        { length: t - e + 1 },
+        (r, n) => e + n
+      );
+    },
+    firstItemIndex() {
+      return this.itemsPerPage * (this.currentPage - 1) + 1;
+    },
+    lastItemIndex() {
+      const e = this.itemsPerPage * this.currentPage;
+      return e > this.filteredData.length ? this.filteredData.length : e;
+    }
+  },
+  methods: {
+    handleItemsPerPageChange(e) {
+      this.itemsPerPage = e;
+    },
+    goToPage(e) {
+      e >= 1 && e <= this.totalPages && (this.currentPage = e);
+    },
+    sort(e) {
+      e === this.sortKey ? this.sortOrder *= -1 : (this.sortKey = e, this.sortOrder = 1);
+    },
+    sortData(e) {
+      return this.sortKey ? e.slice().sort((t, r) => (t[this.sortKey] < r[this.sortKey] ? -1 : 1) * this.sortOrder) : e;
+    },
+    previousPage() {
+      this.currentPage > 1 && this.currentPage--;
+    },
+    nextPage() {
+      this.currentPage < this.totalPages && this.currentPage++;
+    },
+    firstPage() {
+      this.currentPage = 1;
+    },
+    lastPage() {
+      this.currentPage = this.totalPages;
+    },
+    goToPage(e) {
+      e >= 1 && e <= this.totalPages && (this.currentPage = e);
+    },
+    onJumpToPageChange() {
+      const e = parseInt(this.jumpToPage);
+      e >= 1 && e <= this.totalPages && (this.jumpToPage = e);
+    },
+    jumpToPageButton() {
+      this.jumpToPage >= 1 && this.jumpToPage <= this.totalPages && (this.currentPage = this.jumpToPage);
+    },
+    closeBoxOnbodyClick() {
+      event.target.closest(".main_box_close") || (this.isDropdownOpen = !1);
+    }
+  },
+  beforeDestroy() {
+    document.body.removeEventListener("click", this.closeBoxOnbodyClick);
+  },
+  mounted() {
+    document.body.addEventListener("click", this.closeBoxOnbodyClick);
+  }
+}, $a = { class: "p-2" }, Sa = { class: "flex flex-wrap pb-4 space-y-4 md:items-center md:justify-between flex-column sm:flex-row sm:space-y-0" }, Ca = { class: "flex items-center gap-2" }, Oa = /* @__PURE__ */ s("span", { class: "font-medium" }, " Show ", -1), Da = { style: { "margin-top": "9px" } }, Pa = /* @__PURE__ */ s("span", { class: "font-medium" }, " Entries ", -1), Ea = /* @__PURE__ */ s("label", {
+  for: "table-search",
+  class: "sr-only"
+}, "Search", -1), ja = { class: "relative" }, Ia = /* @__PURE__ */ s("div", { class: "absolute inset-y-0 left-0 flex items-center pointer-events-none rtl:inset-r-0 rtl:right-0 ps-3" }, [
+  /* @__PURE__ */ s("svg", {
+    class: "w-5 h-5 text-gray-500 dark:text-gray-400",
+    "aria-hidden": "true",
+    fill: "currentColor",
+    viewBox: "0 0 20 20",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, [
+    /* @__PURE__ */ s("path", {
+      "fill-rule": "evenodd",
+      d: "M8 4a4 4 0 100 8 4 4 0 000-8zM2 8a6 6 0 1110.89 3.476l4.817 4.817a1 1 0 01-1.414 1.414l-4.816-4.816A6 6 0 012 8z",
+      "clip-rule": "evenodd"
+    })
+  ])
+], -1), Aa = { class: "overflow-auto rounded-lg dark:text-gray-400 dark:bg-gray-800" }, Ta = { class: "w-full h-full max-w-full overflow-hidden bg-white border-separate xl:overflow-auto lg:border-collapse border-spacing-y-3 lg:border-spacing-y-0 dark:border-strokedark dark:bg-boxdark" }, Na = { class: "hidden text-sm font-normal text-center text-gray-700 uppercase lg:table-header-group dark:border-strokedark bg-gray-50 dark:bg-gray-700 dark:text-gray-400" }, Ma = ["onClick"], Va = {
+  key: 0,
+  class: "ml-2"
+}, La = ["data-label"], Ba = ["innerHTML"], Ga = { class: "flex items-center justify-between px-4 py-3 bg-white border-gray-200 sm:px-6 dark:text-gray-400 dark:bg-gray-800" }, Fa = { class: "flex justify-between flex-1 sm:hidden" }, Ra = ["disabled"], Ua = ["disabled"], qa = { class: "hidden sm:flex sm:flex-1 sm:items-center sm:justify-between" }, Ha = { class: "text-sm text-gray-700 dark:text-gray-400" }, za = { class: "font-medium" }, Za = { class: "font-medium" }, Ka = { class: "font-medium" }, Wa = { "aria-label": "Page navigation" }, Xa = { class: "flex items-center h-8 -space-x-px text-sm" }, Ya = ["disabled"], Ja = /* @__PURE__ */ s("span", { class: "sr-only" }, "Previous", -1), Qa = /* @__PURE__ */ s("svg", {
+  class: "w-2.5 h-2.5 rtl:rotate-180",
+  "aria-hidden": "true",
+  xmlns: "http://www.w3.org/2000/svg",
+  fill: "none",
+  viewBox: "0 0 6 10"
+}, [
+  /* @__PURE__ */ s("path", {
+    stroke: "currentColor",
+    "stroke-linecap": "round",
+    "stroke-linejoin": "round",
+    "stroke-width": "2",
+    d: "M5 1 1 5l4 4"
+  })
+], -1), ei = [
+  Ja,
+  Qa
+], ti = ["onClick"], ri = ["onClick"], si = ["disabled"], ni = /* @__PURE__ */ s("span", { class: "sr-only" }, "Next", -1), oi = /* @__PURE__ */ s("svg", {
+  class: "w-2.5 h-2.5 rtl:rotate-180",
+  "aria-hidden": "true",
+  xmlns: "http://www.w3.org/2000/svg",
+  fill: "none",
+  viewBox: "0 0 6 10"
+}, [
+  /* @__PURE__ */ s("path", {
+    stroke: "currentColor",
+    "stroke-linecap": "round",
+    "stroke-linejoin": "round",
+    "stroke-width": "2",
+    d: "m1 9 4-4-4-4"
+  })
+], -1), ai = [
+  ni,
+  oi
+];
+function ii(e, t, r, n, a, o) {
+  const l = U("dropdown");
+  return d(), u("div", $a, [
+    s("div", Sa, [
+      s("div", Ca, [
+        Oa,
+        s("div", Da, [
+          B(l, {
+            has_cancel: !1,
+            options: a.showNoOfEntries,
+            modelValue: a.itemsPerPage,
+            "onUpdate:modelValue": t[0] || (t[0] = (i) => a.itemsPerPage = i),
+            is_required: !1,
+            field_name: "NoOfEntries",
+            label_name: "",
+            default_value: "10",
+            show: !1,
+            placeholder: "Please select an option"
+          }, null, 8, ["options", "modelValue"])
+        ]),
+        Pa
+      ]),
+      Ea,
+      s("div", ja, [
+        Ia,
+        S(s("input", {
+          type: "text",
+          "onUpdate:modelValue": t[1] || (t[1] = (i) => a.search = i),
+          class: "block p-2 text-sm text-gray-900 border border-gray-300 rounded-lg ps-10 w-80 bg-gray-50 focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500",
+          placeholder: "Search ..."
+        }, null, 512), [
+          [A, a.search]
+        ])
+      ])
+    ]),
+    s("div", Aa, [
+      s("table", Ta, [
+        s("thead", Na, [
+          s("tr", null, [
+            (d(!0), u(y, null, w(r.columns, (i, c) => (d(), u("th", {
+              key: c,
+              onClick: (f) => o.sort(i),
+              class: "w-full px-4 py-2 lg:w-2/12"
+            }, [
+              v(h(i) + " ", 1),
+              a.sortKey === i ? (d(), u("span", Va, h(a.sortOrder === 1 ? "▲" : "▼"), 1)) : g("", !0)
+            ], 8, Ma))), 128))
+          ])
+        ]),
+        s("tbody", null, [
+          (d(!0), u(y, null, w(o.paginatedData, (i, c) => (d(), u("tr", {
+            key: c,
+            class: "bg-white dark:bg-gray-800 dark:border-gray-700 hover:bg-gray-50 dark:hover:bg-gray-600"
+          }, [
+            (d(!0), u(y, null, w(r.columns, (f, m) => (d(), u("td", {
+              key: m,
+              "data-label": f,
+              class: "text-pretty before:content-[attr(data-label)] before:font-bold lg:before:content-none flex md:flex-row flex-col justify-between gap-2 lg:table-cell py-4 px-5 lg:py-2.5 lg:px-4 border dark:border-gray-700"
+            }, [
+              s("p", {
+                class: "text-pretty",
+                innerHTML: i[m]
+              }, null, 8, Ba)
+            ], 8, La))), 128))
+          ]))), 128))
+        ])
+      ])
+    ]),
+    s("div", Ga, [
+      s("div", Fa, [
+        s("a", {
+          href: "#",
+          onClick: t[2] || (t[2] = (...i) => o.previousPage && o.previousPage(...i)),
+          disabled: a.currentPage === 1,
+          class: "relative inline-flex items-center px-4 py-2 text-sm font-medium text-gray-700 bg-white border border-gray-300 rounded-md hover:bg-gray-50"
+        }, "Previous", 8, Ra),
+        s("a", {
+          href: "#",
+          onClick: t[3] || (t[3] = (...i) => o.nextPage && o.nextPage(...i)),
+          disabled: a.currentPage === o.totalPages,
+          class: "relative inline-flex items-center px-4 py-2 ml-3 text-sm font-medium text-gray-700 bg-white border border-gray-300 rounded-md hover:bg-gray-50"
+        }, "Next", 8, Ua)
+      ]),
+      s("div", qa, [
+        s("div", null, [
+          s("p", Ha, [
+            v(" Showing "),
+            s("span", za, h(o.firstItemIndex), 1),
+            v(" to "),
+            s("span", Za, h(o.lastItemIndex), 1),
+            v(" of "),
+            s("span", Ka, h(o.filteredData.length), 1),
+            v(" entries ")
+          ])
+        ]),
+        s("div", null, [
+          s("nav", Wa, [
+            s("ul", Xa, [
+              s("li", null, [
+                s("a", {
+                  href: "#",
+                  onClick: t[4] || (t[4] = (...i) => o.previousPage && o.previousPage(...i)),
+                  disabled: a.currentPage === 1,
+                  class: "flex items-center justify-center h-8 px-3 leading-tight text-gray-500 bg-white border border-gray-300 ms-0 border-e-0 rounded-s-lg hover:bg-gray-100 hover:text-gray-700 dark:bg-gray-800 dark:border-gray-700 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white"
+                }, ei, 8, Ya)
+              ]),
+              (d(!0), u(y, null, w(o.displayedPageNumbers, (i) => (d(), u(y, { key: i }, [
+                s("li", null, [
+                  a.currentPage !== i ? (d(), u("a", {
+                    key: 0,
+                    href: "#",
+                    onClick: (c) => o.goToPage(i),
+                    class: "flex items-center justify-center h-8 px-3 leading-tight text-gray-500 bg-white border border-gray-300 hover:bg-gray-100 hover:text-gray-700 dark:bg-gray-800 dark:border-gray-700 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white"
+                  }, h(i), 9, ti)) : g("", !0)
+                ]),
+                s("li", null, [
+                  a.currentPage === i ? (d(), u("a", {
+                    key: 0,
+                    href: "#",
+                    onClick: (c) => o.goToPage(i),
+                    "aria-current": "page",
+                    class: "z-10 flex items-center justify-center h-8 px-3 leading-tight text-blue-600 border border-blue-300 bg-blue-50 hover:bg-blue-100 hover:text-blue-700 dark:border-gray-700 dark:bg-gray-700 dark:text-white"
+                  }, h(i), 9, ri)) : g("", !0)
+                ])
+              ], 64))), 128)),
+              s("li", null, [
+                s("a", {
+                  href: "#",
+                  onClick: t[5] || (t[5] = (...i) => o.nextPage && o.nextPage(...i)),
+                  disabled: a.currentPage === o.totalPages,
+                  class: "flex items-center justify-center h-8 px-3 leading-tight text-gray-500 bg-white border border-gray-300 rounded-e-lg hover:bg-gray-100 hover:text-gray-700 dark:bg-gray-800 dark:border-gray-700 dark:text-gray-400 dark:hover:bg-gray-700 dark:hover:text-white"
+                }, ai, 8, si)
+              ])
+            ])
+          ])
+        ])
+      ])
+    ])
+  ]);
+}
+const Vl = /* @__PURE__ */ k(ka, [["render", ii]]), li = {
+  namespaced: !0,
+  state: {
+    notification: {
+      show: !1,
+      message: "",
+      type: "info",
+      duration: 3e3
+    }
+  },
+  mutations: {
+    SHOW_NOTIFICATION(e, t) {
+      e.notification.show = !0, e.notification.message = t.message, e.notification.type = t.type, e.notification.duration = t.duration;
+    },
+    HIDE_NOTIFICATION(e) {
+      e.notification.show = !1;
+    }
+  }
+}, Ll = pt({
+  modules: {
+    notification: li
+  },
+  state: {}
+  //mutations,
+  //actions,
+  //getters
+}), di = {
+  key: 0,
+  class: "flex justify-center"
+}, ui = /* @__PURE__ */ s("svg", {
+  class: "w-5 h-5",
+  "aria-hidden": "true",
+  xmlns: "http://www.w3.org/2000/svg",
+  fill: "currentColor",
+  viewBox: "0 0 4 15"
+}, [
+  /* @__PURE__ */ s("path", { d: "M3.5 1.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Zm0 6.041a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Zm0 5.959a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Z" })
+], -1), ci = [
+  ui
+], fi = { class: "absolute z-10 mt-5 origin-top-right bg-white divide-y divide-gray-100 rounded-lg shadow w-44 dark:bg-gray-700 dark:divide-gray-600" }, hi = {
+  class: "py-2 text-sm text-gray-700 dark:text-gray-200",
+  "aria-labelledby": "dropdownDividerButton"
+}, gi = { key: 0 }, mi = ["href"], _i = /* @__PURE__ */ s("i", { class: "mr-2 fa-solid fa-list-ul opacity-80" }, null, -1), pi = { key: 1 }, bi = /* @__PURE__ */ s("i", { class: "mr-2 fa-solid fa-trash-can opacity-80" }, null, -1), Bl = {
+  __name: "DatatableAction",
+  props: {
+    field: {
+      type: String,
+      default: ""
+    },
+    route_url: {
+      type: String,
+      default: ""
+    },
+    row: {
+      type: [Array, Object],
+      default: []
+    },
+    xprops: {
+      type: Object,
+      default: {}
+    },
+    tdProps: {
+      type: Object,
+      default: {}
+    }
+  },
+  emits: ["deleteAction"],
+  setup(e, { emit: t }) {
+    const r = he(), n = e, a = C(!1), o = C(!1), l = () => {
+      a.value = !1;
+    }, i = () => {
+      a.value = !0;
+    }, c = () => {
+      o.value = !1;
+    }, f = () => {
+      o.value = !0;
+    }, m = t, b = () => {
+      axios.delete(`${n.xprops.route}/${n.row.id}`).then(() => {
+        c(), m("deleteAction"), r.commit("notification/SHOW_NOTIFICATION", {
+          message: "Item deleted successfully.",
+          type: "success",
+          duration: 5e3
+        });
+      }).catch((x) => {
+        console.log(x);
+      });
+    };
+    return (x, $) => {
+      const F = ue("click-outside");
+      return d(), u(y, null, [
+        B(ee, {
+          isOpen: o.value,
+          onConfirmDelete: b,
+          onCancelDelete: c
+        }, null, 8, ["isOpen"]),
+        e.row && x.can(`edit_${e.xprops.permission} || delete_${e.xprops.permission}`) ? S((d(), u("div", di, [
+          s("button", {
+            onClick: i,
+            class: "inline-flex items-center p-2 text-sm font-medium text-center text-gray-900 bg-white rounded-lg hover:bg-gray-100 focus:ring-4 focus:outline-none dark:text-white focus:ring-gray-50 dark:bg-gray-800 dark:hover:bg-gray-700 dark:focus:ring-gray-600",
+            type: "button"
+          }, ci),
+          S(s("div", fi, [
+            s("ul", hi, [
+              x.can(`edit_${e.xprops.permission}`) ? (d(), u("li", gi, [
+                s("a", {
+                  href: e.xprops.route + "/" + e.row.id + "/edit",
+                  class: "block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white"
+                }, [
+                  _i,
+                  v(" Edit")
+                ], 8, mi)
+              ])) : g("", !0),
+              x.can(`delete_${e.xprops.permission}`) ? (d(), u("li", pi, [
+                s("a", {
+                  href: "#",
+                  onClick: I(f, ["prevent"]),
+                  class: "block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white"
+                }, [
+                  bi,
+                  v(" Remove")
+                ])
+              ])) : g("", !0)
+            ])
+          ], 512), [
+            [T, a.value]
+          ])
+        ])), [
+          [F, l]
+        ]) : g("", !0)
+      ], 64);
+    };
+  }
+}, yi = {
+  key: 0,
+  class: "flex justify-center"
+}, vi = /* @__PURE__ */ s("svg", {
+  class: "w-5 h-5",
+  "aria-hidden": "true",
+  xmlns: "http://www.w3.org/2000/svg",
+  fill: "currentColor",
+  viewBox: "0 0 4 15"
+}, [
+  /* @__PURE__ */ s("path", { d: "M3.5 1.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Zm0 6.041a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Zm0 5.959a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0Z" })
+], -1), xi = [
+  vi
+], wi = { class: "absolute z-10 mt-5 origin-top-right bg-white divide-y divide-gray-100 rounded-lg shadow w-44 dark:bg-gray-700 dark:divide-gray-600" }, ki = {
+  class: "py-2 text-sm text-gray-700 dark:text-gray-200",
+  "aria-labelledby": "dropdownDividerButton"
+}, $i = { key: 0 }, Si = /* @__PURE__ */ s("i", { class: "mr-2 fa-solid fa-trash-can opacity-80" }, null, -1), Gl = {
+  __name: "DatatableDeleteAction",
+  props: {
+    field: {
+      type: String,
+      default: ""
+    },
+    route_url: {
+      type: String,
+      default: ""
+    },
+    row: {
+      type: [Array, Object],
+      default: []
+    },
+    xprops: {
+      type: Object,
+      default: {}
+    },
+    tdProps: {
+      type: Object,
+      default: {}
+    }
+  },
+  emits: ["deleteAction"],
+  setup(e, { emit: t }) {
+    const r = he(), n = e, a = C(!1), o = C(!1), l = () => {
+      a.value = !1;
+    }, i = () => {
+      a.value = !0;
+    }, c = () => {
+      o.value = !1;
+    }, f = () => {
+      o.value = !0;
+    }, m = t, b = () => {
+      axios.delete(`${n.xprops.route}/${n.row.id}`).then(() => {
+        c(), m("deleteAction"), r.commit("notification/SHOW_NOTIFICATION", {
+          message: "Item deleted successfully.",
+          type: "success",
+          duration: 5e3
+        });
+      }).catch((x) => {
+        console.log(x);
+      });
+    };
+    return (x, $) => {
+      const F = ue("click-outside");
+      return d(), u(y, null, [
+        B(ee, {
+          isOpen: o.value,
+          onConfirmDelete: b,
+          onCancelDelete: c
+        }, null, 8, ["isOpen"]),
+        e.row && x.can(`delete_${e.xprops.permission}`) ? S((d(), u("div", yi, [
+          s("button", {
+            onClick: i,
+            class: "inline-flex items-center p-2 text-sm font-medium text-center text-gray-900 bg-white rounded-lg hover:bg-gray-100 focus:ring-4 focus:outline-none dark:text-white focus:ring-gray-50 dark:bg-gray-800 dark:hover:bg-gray-700 dark:focus:ring-gray-600",
+            type: "button"
+          }, xi),
+          S(s("div", wi, [
+            s("ul", ki, [
+              x.can(`delete_${e.xprops.permission}`) ? (d(), u("li", $i, [
+                s("a", {
+                  href: "#",
+                  onClick: I(f, ["prevent"]),
+                  class: "block px-4 py-2 hover:bg-gray-100 dark:hover:bg-gray-600 dark:hover:text-white"
+                }, [
+                  Si,
+                  v(" Remove")
+                ])
+              ])) : g("", !0)
+            ])
+          ], 512), [
+            [T, a.value]
+          ])
+        ])), [
+          [F, l]
+        ]) : g("", !0)
+      ], 64);
+    };
+  }
+}, Ci = {
+  props: ["field", "row"],
+  computed: {
+    isArray() {
+      return Array.isArray(this.row);
+    },
+    isObject() {
+      return typeof this.row == "object";
+    },
+    isString() {
+      return typeof this.row == "string";
+    }
+  },
+  mounted() {
+    console.log("row : ", this.row);
+  }
+}, Oi = ["href", "title"], Di = /* @__PURE__ */ s("svg", {
+  class: "w-3 h-3 text-white me-2",
+  "aria-hidden": "true",
+  xmlns: "http://www.w3.org/2000/svg",
+  fill: "currentColor",
+  viewBox: "0 0 24 24"
+}, [
+  /* @__PURE__ */ s("path", {
+    "fill-rule": "evenodd",
+    d: "M13 11.15V4a1 1 0 1 0-2 0v7.15L8.78 8.374a1 1 0 1 0-1.56 1.25l4 5a1 1 0 0 0 1.56 0l4-5a1 1 0 1 0-1.56-1.25L13 11.15Z",
+    "clip-rule": "evenodd"
+  }),
+  /* @__PURE__ */ s("path", {
+    "fill-rule": "evenodd",
+    d: "M9.657 15.874 7.358 13H5a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-4a2 2 0 0 0-2-2h-2.358l-2.3 2.874a3 3 0 0 1-4.685 0ZM17 16a1 1 0 1 0 0 2h.01a1 1 0 1 0 0-2H17Z",
+    "clip-rule": "evenodd"
+  })
+], -1), Pi = {
+  key: 1,
+  class: "m-1 d-inline-block"
+}, Ei = ["href", "title"], ji = /* @__PURE__ */ s("svg", {
+  class: "w-3 h-3 text-white me-2",
+  "aria-hidden": "true",
+  xmlns: "http://www.w3.org/2000/svg",
+  fill: "currentColor",
+  viewBox: "0 0 24 24"
+}, [
+  /* @__PURE__ */ s("path", {
+    "fill-rule": "evenodd",
+    d: "M13 11.15V4a1 1 0 1 0-2 0v7.15L8.78 8.374a1 1 0 1 0-1.56 1.25l4 5a1 1 0 0 0 1.56 0l4-5a1 1 0 1 0-1.56-1.25L13 11.15Z",
+    "clip-rule": "evenodd"
+  }),
+  /* @__PURE__ */ s("path", {
+    "fill-rule": "evenodd",
+    d: "M9.657 15.874 7.358 13H5a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-4a2 2 0 0 0-2-2h-2.358l-2.3 2.874a3 3 0 0 1-4.685 0ZM17 16a1 1 0 1 0 0 2h.01a1 1 0 1 0 0-2H17Z",
+    "clip-rule": "evenodd"
+  })
+], -1);
+function Ii(e, t, r, n, a, o) {
+  return d(), u("div", null, [
+    o.isArray ? (d(!0), u(y, { key: 0 }, w(r.row, (l, i) => (d(), u("div", {
+      key: i,
+      class: "m-1 d-inline-block"
+    }, [
+      s("a", {
+        href: l,
+        title: l,
+        target: "_blank",
+        class: "inline-flex items-center px-3 py-2 text-xs font-medium text-center text-white bg-blue-700 rounded-lg hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800"
+      }, [
+        Di,
+        v(" Download ")
+      ], 8, Oi)
+    ]))), 128)) : o.isString ? (d(), u("div", Pi, [
+      s("a", {
+        href: r.row,
+        title: r.row,
+        target: "_blank",
+        class: "inline-flex items-center px-3 py-2 text-xs font-medium text-center text-white bg-blue-700 rounded-lg hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800"
+      }, [
+        ji,
+        v(" Download ")
+      ], 8, Ei)
+    ])) : g("", !0)
+  ]);
+}
+const Fl = /* @__PURE__ */ k(Ci, [["render", Ii]]), Ai = {
+  props: ["field", "row"],
+  computed: {
+    isArray() {
+      return Array.isArray(this.row[this.field]);
+    },
+    isObject() {
+      return typeof this.row[this.field] == "object";
+    }
+  }
+}, Ti = ["href", "title"], Ni = /* @__PURE__ */ s("svg", {
+  class: "w-3 h-3 text-white me-2",
+  "aria-hidden": "true",
+  xmlns: "http://www.w3.org/2000/svg",
+  fill: "currentColor",
+  viewBox: "0 0 24 24"
+}, [
+  /* @__PURE__ */ s("path", {
+    "fill-rule": "evenodd",
+    d: "M13 11.15V4a1 1 0 1 0-2 0v7.15L8.78 8.374a1 1 0 1 0-1.56 1.25l4 5a1 1 0 0 0 1.56 0l4-5a1 1 0 1 0-1.56-1.25L13 11.15Z",
+    "clip-rule": "evenodd"
+  }),
+  /* @__PURE__ */ s("path", {
+    "fill-rule": "evenodd",
+    d: "M9.657 15.874 7.358 13H5a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-4a2 2 0 0 0-2-2h-2.358l-2.3 2.874a3 3 0 0 1-4.685 0ZM17 16a1 1 0 1 0 0 2h.01a1 1 0 1 0 0-2H17Z",
+    "clip-rule": "evenodd"
+  })
+], -1), Mi = {
+  key: 1,
+  class: "m-1 d-inline-block"
+}, Vi = ["href", "title"], Li = /* @__PURE__ */ s("svg", {
+  class: "w-3 h-3 text-white me-2",
+  "aria-hidden": "true",
+  xmlns: "http://www.w3.org/2000/svg",
+  fill: "currentColor",
+  viewBox: "0 0 24 24"
+}, [
+  /* @__PURE__ */ s("path", {
+    "fill-rule": "evenodd",
+    d: "M13 11.15V4a1 1 0 1 0-2 0v7.15L8.78 8.374a1 1 0 1 0-1.56 1.25l4 5a1 1 0 0 0 1.56 0l4-5a1 1 0 1 0-1.56-1.25L13 11.15Z",
+    "clip-rule": "evenodd"
+  }),
+  /* @__PURE__ */ s("path", {
+    "fill-rule": "evenodd",
+    d: "M9.657 15.874 7.358 13H5a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-4a2 2 0 0 0-2-2h-2.358l-2.3 2.874a3 3 0 0 1-4.685 0ZM17 16a1 1 0 1 0 0 2h.01a1 1 0 1 0 0-2H17Z",
+    "clip-rule": "evenodd"
+  })
+], -1);
+function Bi(e, t, r, n, a, o) {
+  return d(), u("div", null, [
+    o.isArray ? (d(!0), u(y, { key: 0 }, w(r.row[r.field], (l) => (d(), u("div", {
+      key: l.id,
+      class: "m-1 d-inline-block"
+    }, [
+      s("a", {
+        href: l.url,
+        title: l.name,
+        target: "_blank",
+        class: "inline-flex items-center px-3 py-2 text-xs font-medium text-center text-white bg-blue-700 rounded-lg hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800"
+      }, [
+        Ni,
+        v(" Download ")
+      ], 8, Ti)
+    ]))), 128)) : o.isObject ? (d(), u("div", Mi, [
+      s("a", {
+        href: r.row[r.field].url,
+        title: r.row[r.field].name,
+        target: "_blank",
+        class: "inline-flex items-center px-3 py-2 text-xs font-medium text-center text-white bg-blue-700 rounded-lg hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800"
+      }, [
+        Li,
+        v(" Download ")
+      ], 8, Vi)
+    ])) : g("", !0)
+  ]);
+}
+const Rl = /* @__PURE__ */ k(Ai, [["render", Bi]]), Gi = {
+  props: ["field", "row", "tdProps"]
+}, Fi = { key: 0 }, Ri = ["innerHTML"];
+function Ui(e, t, r, n, a, o) {
+  return r.row[r.field] ? (d(), u("div", Fi, [
+    s("div", {
+      class: "w-full",
+      innerHTML: r.row[r.field]
+    }, null, 8, Ri)
+  ])) : g("", !0);
+}
+const Ul = /* @__PURE__ */ k(Gi, [["render", Ui]]), qi = {
+  props: ["field", "row", "tdProps"],
+  computed: {
+    entry() {
+      const [e, t] = this.field.split(".");
+      return Me({ key: e, field: t });
+    },
+    isArray() {
+      return Array.isArray(this.row[this.entry.key]);
+    },
+    isObject() {
+      return typeof this.row[this.entry.key] == "object";
+    }
+  }
+}, Hi = { class: "flex flex-wrap gap-2" }, zi = {
+  key: 1,
+  class: "px-2 py-1 text-xs font-medium text-blue-800 bg-blue-100 rounded dark:bg-blue-900 dark:text-blue-300"
+};
+function Zi(e, t, r, n, a, o) {
+  return d(), u("div", Hi, [
+    o.isArray ? (d(!0), u(y, { key: 0 }, w(r.row[o.entry.key], (l, i) => (d(), u("span", {
+      key: i,
+      class: "px-2 py-1 text-xs font-medium text-blue-800 bg-blue-100 rounded dark:bg-blue-900 dark:text-blue-300"
+    }, h(l[o.entry.field]), 1))), 128)) : o.isObject ? (d(), u("span", zi, h(r.row[o.entry.key][o.entry.field]), 1)) : g("", !0)
+  ]);
+}
+const ql = /* @__PURE__ */ k(qi, [["render", Zi]]), Ki = {
+  props: ["field", "row", "tdProps"]
+}, Wi = { key: 0 }, Xi = { class: "m-1 d-inline-block" }, Yi = ["href", "title"], Ji = ["src", "alt", "title"];
+function Qi(e, t, r, n, a, o) {
+  return r.row[r.field] ? (d(), u("div", Wi, [
+    s("div", Xi, [
+      s("a", {
+        href: r.row[r.field].url,
+        title: r.row[r.field].name,
+        target: "_blank"
+      }, [
+        s("img", {
+          src: r.row[r.field].thumbnail,
+          alt: r.row[r.field].name,
+          title: r.row[r.field].name
+        }, null, 8, Ji)
+      ], 8, Yi)
+    ])
+  ])) : g("", !0);
+}
+const Hl = /* @__PURE__ */ k(Ki, [["render", Qi], ["__scopeId", "data-v-3a28c02c"]]), el = {
+  props: ["field", "row", "tdProps"],
+  computed: {
+    isActive() {
+      return this.row[this.field] === 1;
+    }
+  }
+}, tl = { class: "flex flex-wrap gap-2" }, rl = {
+  key: 0,
+  class: "inline-flex items-center px-2 py-1 text-xs font-medium text-green-800 bg-green-100 rounded-full dark:bg-green-900 dark:text-green-300"
+}, sl = /* @__PURE__ */ s("span", { class: "w-2 h-2 bg-green-500 rounded-full me-1" }, null, -1), nl = {
+  key: 1,
+  class: "inline-flex items-center bg-red-100 text-red-800 text-xs font-medium px-2.5 py-0.5 rounded-full dark:bg-red-900 dark:text-red-300"
+}, ol = /* @__PURE__ */ s("span", { class: "w-2 h-2 bg-red-500 rounded-full me-1" }, null, -1);
+function al(e, t, r, n, a, o) {
+  return d(), u("div", tl, [
+    o.isActive ? (d(), u("span", rl, [
+      sl,
+      v(" Active ")
+    ])) : o.isActive ? g("", !0) : (d(), u("span", nl, [
+      ol,
+      v(" Inactive ")
+    ]))
+  ]);
+}
+const zl = /* @__PURE__ */ k(el, [["render", al]]), il = {
+  props: ["field", "row", "tdProps"],
+  computed: {
+    hasLabelColor(e) {
+      const t = this.tdProps.status_general_labels_color.find((r) => r.label === this.row[this.field]);
+      return t ? t.class : "";
+    }
+  }
+}, ll = { class: "flex flex-wrap gap-2" }, dl = {
+  key: 0,
+  class: "inline-flex items-center px-2 py-1 text-xs font-medium text-green-800 bg-green-100 rounded-full dark:bg-green-900 dark:text-green-300"
+}, ul = /* @__PURE__ */ s("span", { class: "w-2 h-2 bg-green-500 rounded-full me-1" }, null, -1), cl = {
+  key: 1,
+  class: "inline-flex items-center px-2 py-1 text-xs font-medium text-red-800 bg-red-100 rounded-full dark:bg-red-900 dark:text-red-300"
+}, fl = /* @__PURE__ */ s("span", { class: "w-2 h-2 bg-red-500 rounded-full me-1" }, null, -1), hl = {
+  key: 2,
+  class: "inline-flex items-center px-2 py-1 text-xs font-medium text-yellow-800 bg-yellow-100 rounded-full dark:bg-gray-700 dark:text-yellow-300"
+}, gl = /* @__PURE__ */ s("span", { class: "w-2 h-2 bg-yellow-500 rounded-full me-1" }, null, -1), ml = {
+  key: 3,
+  class: "inline-flex items-center px-2 py-1 text-xs font-medium text-blue-800 bg-blue-100 rounded-full dark:bg-gray-700 dark:text-blue-400"
+}, _l = /* @__PURE__ */ s("span", { class: "w-2 h-2 bg-blue-500 rounded-full me-1" }, null, -1);
+function pl(e, t, r, n, a, o) {
+  return d(), u("div", ll, [
+    o.hasLabelColor == "green" ? (d(), u("span", dl, [
+      ul,
+      v(" " + h(this.row[this.field]), 1)
+    ])) : g("", !0),
+    o.hasLabelColor == "red" ? (d(), u("span", cl, [
+      fl,
+      v(" " + h(this.row[this.field]), 1)
+    ])) : g("", !0),
+    o.hasLabelColor == "yellow" ? (d(), u("span", hl, [
+      gl,
+      v(" " + h(this.row[this.field]), 1)
+    ])) : g("", !0),
+    o.hasLabelColor == "default" ? (d(), u("span", ml, [
+      _l,
+      v(" " + h(this.row[this.field]), 1)
+    ])) : g("", !0)
+  ]);
+}
+const Zl = /* @__PURE__ */ k(il, [["render", pl]]);
 export {
-  t as GlButton,
-  e as GlCard,
-  s as GlDataTable,
-  G as GlDataTableServerSide,
-  o as GlDatatableAction,
-  r as GlDatatableDeleteAction,
-  D as GlDatatableFileDownload,
-  i as GlDatatableFiles,
-  n as GlDatatableHtml,
-  b as GlDatatableList,
-  T as GlDatatablePicture,
-  d as GlDatatableStatus,
-  u as GlDatatableStatusGeneral,
-  p as GlDeleteConfirmationModal,
-  c as GlDropdown,
-  x as GlFilesUpload,
-  S as GlLanguageSelector,
-  m as GlModal,
-  g as GlMultiItemSlide,
-  f as GlMultiSelectDropdown,
-  w as GlNotify,
-  F as GlTab,
-  M as GlTabsWrapper,
-  y as GlTextInput,
-  v as GlTextTranslate,
-  A as GlTextarea,
-  B as GlTextareaTranslate,
-  C as GlTinymceTranslate,
-  I as GlToggleBox,
-  L as store
+  $l as GlButton,
+  wl as GlCard,
+  Vl as GlDataTable,
+  Ml as GlDataTableServerSide,
+  Bl as GlDatatableAction,
+  Gl as GlDatatableDeleteAction,
+  Fl as GlDatatableFileDownload,
+  Rl as GlDatatableFiles,
+  Ul as GlDatatableHtml,
+  ql as GlDatatableList,
+  Hl as GlDatatablePicture,
+  zl as GlDatatableStatus,
+  Zl as GlDatatableStatusGeneral,
+  ee as GlDeleteConfirmationModal,
+  Tl as GlDropdown,
+  yl as GlFilesUpload,
+  xl as GlLanguageSelector,
+  Il as GlModal,
+  jl as GlMultiItemSlide,
+  kl as GlMultiSelectDropdown,
+  vl as GlNotify,
+  El as GlTab,
+  Pl as GlTabsWrapper,
+  ta as GlTailwindPagination,
+  Dl as GlTextInput,
+  Ol as GlTextTranslate,
+  Nl as GlTextarea,
+  Sl as GlTextareaTranslate,
+  Cl as GlTinymceTranslate,
+  Al as GlToggleBox,
+  Ll as store
 };