@open-xamu-co/ui-components-vue 2.0.0 → 3.0.0-next.1

package/dist/index-FPvL0ftc.js

@@ -0,0 +1,3737 @@
+import { defineComponent as q, inject as me, computed as T, openBlock as a, createBlock as _, resolveDynamicComponent as ye, normalizeProps as X, guardReactiveProps as ae, mergeProps as M, unref as l, withCtx as C, renderSlot as G, createElementBlock as v, Fragment as K, createTextVNode as ne, toDisplayString as P, createCommentVNode as z, watch as pe, setBlockTracking as He, createElementVNode as A, renderList as se, ref as H, onMounted as ze, onUnmounted as Me, normalizeClass as j, createVNode as $, withModifiers as ue, reactive as ut, normalizeStyle as Ve, Teleport as dt, withDirectives as Oe, vShow as Fe, Transition as je, getCurrentInstance as De, resolveComponent as Ge, useSlots as mt, onBeforeUnmount as pt } from "vue";
+import { useUtils as Y, useI18n as Z, toOption as ke, useSwal as Le, standardImageMimeTypes as ct, fileMatchesMimeTypes as ft, renameFile as ht, getBase64FromImageFile as vt, timeAgo as gt, useForm as Ke } from "@open-xamu-co/ui-common-helpers";
+import { u as O, a as te } from "./theme-sIbn2pce.js";
+import { nanoid as yt } from "nanoid";
+import x from "lodash";
+import { eColors as ve, eFormType as F, eFormTypeSimple as Ee } from "@open-xamu-co/ui-common-enums";
+import be from "validator";
+const Te = /* @__PURE__ */ q({
+  name: "BaseImg",
+  inheritAttrs: !1,
+  __name: "Img",
+  props: {
+    /**
+     * image url or path
+     */
+    src: {
+      type: String,
+      default: null
+    },
+    alt: {
+      type: String,
+      default: null
+    },
+    format: {
+      type: String,
+      default: null
+    },
+    loading: {
+      type: String,
+      default: "lazy"
+    }
+  },
+  setup(p) {
+    const t = p, e = me("xamu"), m = T(() => (e == null ? void 0 : e.imageComponent) || "img");
+    return (r, B) => (a(), _(ye(m.value), X(ae({ ...r.$attrs, ...t })), null, 16));
+  }
+}), fe = /* @__PURE__ */ q({
+  name: "BaseAction",
+  inheritAttrs: !1,
+  __name: "Action",
+  props: {
+    to: {},
+    href: {},
+    target: {},
+    tel: {},
+    disabled: { type: Boolean },
+    mailto: {},
+    type: {},
+    tag: {},
+    toggle: {},
+    round: {},
+    toggleState: {},
+    indicative: {},
+    whatsapp: { type: Boolean },
+    download: {}
+  },
+  setup(p) {
+    const t = p, e = me("xamu"), { getModifierClasses: m, getClassesString: r } = O(Y), B = T(() => !t.mailto && !t.tel && !t.href ? t.tag ?? "button" : "a"), s = T(() => t.to && (e == null ? void 0 : e.routerComponent) || B.value), u = T(() => {
+      const g = t.round || typeof t.round == "string" && !t.round.length;
+      return [
+        g ? m(g, { modifier: "round" }) : [],
+        t.toggle ? m([t.toggle], { prefix: "toggle" }) : [],
+        t.toggleState ? m([t.toggleState].flat(2), { prefix: "is" }) : []
+      ].flat(2);
+    }), o = T(() => {
+      const { indicative: g = "CO+57" } = t;
+      return (g == null ? void 0 : g.toString().split("+")[1]) || g;
+    }), d = T(() => {
+      const g = t.tel || "", L = `${g.substring(0, 3)}-${g.substring(3, 6)}-${g.substring(6)}`;
+      return `(+${o.value}) ${L}`;
+    }), h = T(() => t.to || !t.mailto ? "" : `mailto:${t.mailto}`), b = T(() => {
+      if (t.to || !t.tel)
+        return "";
+      const g = `https://web.whatsapp.com/send/?phone=${o.value}${t.tel}`, L = `tel:+(${o.value})${t.tel}`;
+      return t.whatsapp ? g : L;
+    }), y = T(() => {
+      const g = t.href || h.value || b.value;
+      return g ? { to: void 0, href: g, target: "_blank" } : {};
+    });
+    return (g, L) => (a(), _(ye(s.value), M({ ...g.$attrs, ...t, ...y.value }, {
+      type: B.value === "button" && !g.to && !g.href ? g.type || "button" : null,
+      tabindex: t.disabled && "-1" || null,
+      class: l(r)([u.value])
+    }), {
+      default: C(() => [
+        G(g.$slots, "default", {}, () => [
+          g.mailto ? (a(), v(K, { key: 0 }, [
+            ne(P(g.mailto), 1)
+          ], 64)) : g.tel ? (a(), v(K, { key: 1 }, [
+            ne(P(d.value), 1)
+          ], 64)) : z("", !0)
+        ])
+      ]),
+      _: 3
+    }, 16, ["type", "tabindex", "class"]));
+  }
+});
+function Pe() {
+  try {
+    self.crypto || window.crypto;
+  } catch {
+    global.crypto = global.crypto || require("crypto");
+  }
+  return { uuid: yt };
+}
+const Ae = /* @__PURE__ */ q({
+  name: "BaseInput",
+  inheritAttrs: !1,
+  __name: "Input",
+  props: {
+    modelValue: {},
+    type: {},
+    autocomplete: {},
+    id: {},
+    name: {},
+    placeholder: {},
+    title: {},
+    required: { type: Boolean },
+    disabled: { type: Boolean }
+  },
+  emits: ["update:model-value"],
+  setup(p, { emit: t }) {
+    const e = p, m = t, { uuid: r } = Pe(), B = r().replace("-", "").substring(0, 8), s = T(() => e.type === "checkbox" || e.type === "radio"), u = T(() => e.id ?? `input${B}`);
+    function o(d) {
+      const { target: h } = d;
+      return m("update:model-value", s.value ? h.checked : h.value);
+    }
+    return (d, h) => (a(), v(K, null, [
+      (a(), _(ye(d.type !== "textarea" ? "input" : "textarea"), M({
+        ...d.$attrs,
+        id: u.value,
+        name: d.name ?? u.value,
+        type: d.type ?? "text",
+        placeholder: d.placeholder,
+        title: d.title,
+        autocomplete: d.autocomplete ?? "on",
+        required: d.required,
+        disabled: d.disabled || void 0,
+        tabindex: d.disabled && "-1" || void 0,
+        ...s.value ? { checked: d.modelValue ?? d.$attrs.checked } : { value: d.modelValue }
+      }, { onInput: o }), null, 16)),
+      G(d.$slots, "default", X(ae({ id: u.value, name: d.name, modelValue: d.modelValue })))
+    ], 64));
+  }
+}), bt = ["value"], wt = ["value"], Qe = /* @__PURE__ */ q({
+  name: "BaseSelect",
+  inheritAttrs: !1,
+  __name: "Select",
+  props: {
+    modelValue: {},
+    options: {},
+    multiple: { type: Boolean },
+    id: {},
+    name: {},
+    placeholder: {},
+    title: {},
+    required: { type: Boolean },
+    disabled: { type: Boolean }
+  },
+  emits: ["update:model-value"],
+  setup(p, { emit: t }) {
+    const e = p, m = t, { t: r } = O(Z), { uuid: B } = Pe(), s = B().replace("-", "").substring(0, 8), u = T(() => (e.options ?? []).map(ke)), o = T(() => e.id ?? `select${s}`);
+    function d(h) {
+      const { target: b } = h;
+      return m("update:model-value", b.value);
+    }
+    return u.value.length === 1 && m("update:model-value", u.value[0].value), pe(
+      u,
+      (h) => {
+        h.length || m("update:model-value", ""), h.length === 1 && m("update:model-value", h[0].value);
+      },
+      { immediate: !1 }
+    ), (h, b) => (a(), v("select", M({
+      ...h.$attrs,
+      id: o.value,
+      name: h.name ?? o.value,
+      title: h.title,
+      required: h.required,
+      disabled: !!h.modelValue && u.value.length === 1 || h.disabled || void 0,
+      tabindex: h.disabled && "-1" || void 0
+    }, {
+      value: h.modelValue,
+      onInput: d
+    }), [
+      b[0] || (He(-1), b[0] = A("option", {
+        hidden: "",
+        disabled: "",
+        value: ""
+      }, [
+        ne(P(l(r)("select_placeholder")), 1)
+      ]), He(1), b[0]),
+      (a(!0), v(K, null, se(u.value, ({ value: y, alias: g }, L) => (a(), v("option", {
+        key: L,
+        value: y
+      }, P(g || y), 9, wt))), 128))
+    ], 16, bt));
+  }
+}), $e = /* @__PURE__ */ q({
+  name: "BaseWrapper",
+  inheritAttrs: !1,
+  __name: "Wrapper",
+  props: {
+    /**
+     * Wheter or not render the wrapper
+     */
+    wrap: {
+      type: Boolean,
+      required: !0
+    },
+    /**
+     * Component or tag to render
+     */
+    el: {
+      type: [String, Object, Function],
+      default: "div"
+    }
+  },
+  setup(p) {
+    return (t, e) => p.wrap ? (a(), _(ye(p.el), X(M({ key: 0 }, t.$attrs)), {
+      default: C(() => [
+        G(t.$slots, "default")
+      ]),
+      _: 3
+    }, 16)) : G(t.$slots, "default", { key: 1 });
+  }
+});
+function ie(p) {
+  const { getModifierClasses: t } = O(Y);
+  return { modifiersClasses: T(() => {
+    const m = p.hidden || typeof p.hidden == "string" && !p.hidden.length;
+    return [
+      p.size ? t([String(p.size)], { modifier: "size", divider: "-" }) : [],
+      m ? t(m, { modifier: "hidden" }) : []
+    ].flat(2);
+  }) };
+}
+const Xe = /* @__PURE__ */ q({
+  name: "IconSimple",
+  inheritAttrs: !1,
+  __name: "Simple",
+  props: {
+    indicator: { type: Boolean },
+    hidden: {},
+    size: {}
+  },
+  setup(p) {
+    const t = p, { getClassesString: e, getModifierClasses: m } = O(Y), { modifiersClasses: r } = ie(t), B = T(() => t.indicator ? m(["indicator"]) : []);
+    return (s, u) => (a(), v("i", M({
+      "aria-hidden": "true",
+      class: l(e)([
+        l(r),
+        B.value,
+        s.$slots.default ? "svg" : "icon"
+      ])
+    }, s.$attrs), [
+      G(s.$slots, "default")
+    ], 16));
+  }
+}), U = /* @__PURE__ */ q({
+  name: "IconFa",
+  inheritAttrs: !1,
+  __name: "Fa",
+  props: {
+    name: {},
+    regular: { type: Boolean },
+    brand: { type: Boolean },
+    indicator: { type: Boolean },
+    forceRegular: { type: Boolean },
+    hidden: {},
+    size: {}
+  },
+  setup(p) {
+    const t = p, e = me("xamu"), { getClassesString: m } = O(Y), r = T(() => t.forceRegular || (e == null ? void 0 : e.fontAwesomePro) && t.regular), B = T(() => t.brand && "fab" || r.value && "far" || "fas");
+    return (s, u) => (a(), _(Xe, M({
+      class: l(m)([`fa-${s.name ?? "cubes"}`, B.value])
+    }, { ...s.$attrs, hidden: s.hidden, size: s.size, indicator: s.indicator }), null, 16, ["class"]));
+  }
+});
+function de(p) {
+  const { getModifierClasses: t } = O(Y);
+  return { stateClasses: T(() => {
+    const m = [
+      { ...p.state, active: p.active || !1, invalid: p.invalid || !1 }
+    ];
+    return p.state || p.active || p.invalid ? t(m, { prefix: "is" }) : [];
+  }) };
+}
+const re = /* @__PURE__ */ q({
+  name: "ActionButton",
+  inheritAttrs: !1,
+  __name: "Button",
+  props: {
+    to: {},
+    href: {},
+    target: {},
+    tel: {},
+    disabled: { type: Boolean },
+    mailto: {},
+    type: {},
+    tag: {},
+    toggle: {},
+    round: {},
+    toggleState: {},
+    indicative: {},
+    whatsapp: { type: Boolean },
+    download: {},
+    hidden: {},
+    size: {},
+    active: { type: Boolean },
+    invalid: { type: Boolean },
+    state: {},
+    theme: {},
+    tooltip: {},
+    tooltipPosition: {},
+    tooltipAsText: { type: Boolean }
+  },
+  setup(p) {
+    const t = p, { getClassesString: e } = O(Y), { modifiersClasses: m } = ie(t), { stateClasses: r } = de(t), { themeClasses: B, tooltipAttributes: s } = te({
+      ...t,
+      themeAsUnion: !0
+    });
+    return (u, o) => (a(), _(fe, M({ ...u.$attrs, ...t, ...l(s) }, {
+      class: [l(e)([l(m), l(r), l(B)]), "bttn"]
+    }), {
+      default: C(() => [
+        G(u.$slots, "default")
+      ]),
+      _: 3
+    }, 16, ["class"]));
+  }
+}), le = /* @__PURE__ */ q({
+  name: "ActionButtonToggle",
+  inheritAttrs: !1,
+  __name: "ButtonToggle",
+  props: {
+    shadow: { type: Boolean },
+    to: {},
+    href: {},
+    target: {},
+    tel: {},
+    disabled: { type: Boolean },
+    mailto: {},
+    type: {},
+    tag: {},
+    toggle: {},
+    round: {},
+    toggleState: {},
+    indicative: {},
+    whatsapp: { type: Boolean },
+    download: {},
+    hidden: {},
+    size: {},
+    active: { type: Boolean },
+    invalid: { type: Boolean },
+    state: {},
+    theme: {},
+    tooltip: {},
+    tooltipPosition: {},
+    tooltipAsText: { type: Boolean }
+  },
+  setup(p) {
+    const t = p, { getModifierClasses: e, getClassesString: m } = O(Y), { modifiersClasses: r } = ie(t), { stateClasses: B } = de(t), { themeClasses: s, tooltipAttributes: u } = te(t), o = T(() => t.shadow ? e(t.shadow, { modifier: "shadow" }) : []);
+    return (d, h) => (a(), _(fe, M({ ...d.$attrs, ...t, ...l(u) }, {
+      class: [l(m)([l(r), l(B), l(s), o.value]), "bttnToggle"]
+    }), {
+      default: C(() => [
+        G(d.$slots, "default")
+      ]),
+      _: 3
+    }, 16, ["class"]));
+  }
+}), ee = /* @__PURE__ */ q({
+  name: "ActionLink",
+  inheritAttrs: !1,
+  __name: "Link",
+  props: {
+    shadow: { type: Boolean },
+    to: {},
+    href: {},
+    target: {},
+    tel: {},
+    disabled: { type: Boolean },
+    mailto: {},
+    type: {},
+    tag: {},
+    toggle: {},
+    round: {},
+    toggleState: {},
+    indicative: {},
+    whatsapp: { type: Boolean },
+    download: {},
+    hidden: {},
+    size: {},
+    active: { type: Boolean },
+    invalid: { type: Boolean },
+    state: {},
+    theme: {},
+    tooltip: {},
+    tooltipPosition: {},
+    tooltipAsText: { type: Boolean }
+  },
+  setup(p) {
+    const t = p, { getModifierClasses: e, getClassesString: m } = O(Y), { modifiersClasses: r } = ie(t), { stateClasses: B } = de(t), { themeClasses: s, tooltipAttributes: u } = te(t), o = T(() => t.shadow ? e(t.shadow, { modifier: "shadow" }) : []);
+    return (d, h) => (a(), _(fe, M({ ...d.$attrs, ...t, ...l(u) }, {
+      class: [l(m)([l(r), l(B), l(s), o.value]), "link"]
+    }), {
+      default: C(() => [
+        G(d.$slots, "default")
+      ]),
+      _: 3
+    }, 16, ["class"]));
+  }
+});
+function Ie(p) {
+  return function(t) {
+    p.value = t.matches;
+  };
+}
+function Ne(p) {
+  return window.matchMedia(`(max-width: ${p}px)`);
+}
+function Ye() {
+  const { mediaQueryPixels: p } = me("xamu") || {}, { isBrowser: t } = O(Y), e = H(!1), m = H(!1), r = H(!1), B = Ie(e), s = Ie(m), u = Ie(r);
+  if (t) {
+    const o = Ne((p == null ? void 0 : p.laptop) ?? 1080), d = Ne((p == null ? void 0 : p.tablet) ?? 768), h = Ne((p == null ? void 0 : p.mobile) ?? 576);
+    ze(() => {
+      o.addEventListener("change", B, !0), d.addEventListener("change", s, !0), h.addEventListener("change", u, !0), B(o), s(d), u(h);
+    }), Me(() => {
+      o.removeEventListener("change", B, !0), d.removeEventListener("change", s, !0), h.removeEventListener("change", u, !0);
+    });
+  }
+  return { laptopMqRange: e, tabletMqRange: m, mobileMqRange: r };
+}
+const Ct = /* @__PURE__ */ q({
+  name: "ActionButtonLink",
+  inheritAttrs: !1,
+  __name: "ButtonLink",
+  props: {
+    asToggle: { type: Boolean },
+    to: {},
+    href: {},
+    target: {},
+    tel: {},
+    disabled: { type: Boolean },
+    mailto: {},
+    type: {},
+    tag: {},
+    toggle: {},
+    round: {},
+    toggleState: {},
+    indicative: {},
+    whatsapp: { type: Boolean },
+    download: {},
+    hidden: {},
+    size: {},
+    active: { type: Boolean },
+    invalid: { type: Boolean },
+    state: {},
+    theme: {},
+    tooltip: {},
+    tooltipPosition: {},
+    tooltipAsText: { type: Boolean }
+  },
+  setup(p) {
+    const t = p, { tabletMqRange: e } = Ye();
+    return (m, r) => l(e) ? (a(), v(K, { key: 0 }, [
+      m.asToggle ? (a(), _(le, X(M({ key: 0 }, { ...m.$attrs, ...t })), {
+        default: C(() => [
+          G(m.$slots, "default")
+        ]),
+        _: 3
+      }, 16)) : (a(), _(re, X(M({ key: 1 }, { ...m.$attrs, ...t })), {
+        default: C(() => [
+          G(m.$slots, "default")
+        ]),
+        _: 3
+      }, 16))
+    ], 64)) : (a(), _(ee, X(M({ key: 1 }, { ...m.$attrs, ...t })), {
+      default: C(() => [
+        G(m.$slots, "default")
+      ]),
+      _: 3
+    }, 16));
+  }
+}), kt = {
+  key: 0,
+  class: "flx --flxRow --flx-start-center --gap-10"
+}, $t = { class: "flx --flxRow-wrap --flx-start-center --gap-10" }, _t = { class: "back" }, Bt = { class: "--txtWrap-nowrap" }, St = ["for"], At = { class: "txt --txtAlignFlx-center" }, Vt = { class: "--txtSize-xs" }, Rt = { key: 1 }, Je = /* @__PURE__ */ q({
+  name: "InputFile",
+  inheritAttrs: !1,
+  __name: "File",
+  props: {
+    filePrefix: {},
+    min: {},
+    max: {},
+    maxSize: {},
+    accept: {},
+    modelValue: {},
+    classes: {},
+    type: {},
+    autocomplete: {},
+    id: {},
+    name: {},
+    placeholder: {},
+    title: {},
+    required: { type: Boolean },
+    disabled: { type: Boolean },
+    hidden: {},
+    size: {},
+    active: { type: Boolean },
+    invalid: { type: Boolean },
+    state: {},
+    theme: {}
+  },
+  emits: ["update:model-value"],
+  setup(p, { emit: t }) {
+    const e = p, m = t, { t: r } = O(Z), { getClassesString: B, isBrowser: s } = O(Y), u = O(Le), { modifiersClasses: o } = ie(e), { stateClasses: d } = de(e), { themeClasses: h } = te(e), b = H(), y = H([]), g = H(!1), L = H(!1), f = H(!1), V = T(() => e.min ?? 1), S = T(() => e.max ?? 100), n = T(() => e.maxSize ?? 1e7);
+    function D(k = [], E = []) {
+      y.value = E, m("update:model-value", k);
+    }
+    function W() {
+      const k = document.createElement("div");
+      return ("draggable" in k || "ondragstart" in k && "ondrop" in k) && "FormData" in window && "FileReader" in window;
+    }
+    async function J(k) {
+      L.value = !0;
+      const E = [...e.modelValue], Q = [...y.value];
+      try {
+        for (let oe = 0; oe < k.length; oe++) {
+          if (E.length >= S.value) {
+            u.fire({
+              title: r("swal.file_limit"),
+              text: r("swal.file_limit_text", {
+                count: S.value,
+                amount: S.value
+              }),
+              icon: "warning"
+            });
+            break;
+          }
+          if (await ft(k[oe], ct))
+            if (k[oe].size < n.value) {
+              const it = `${e.filePrefix ?? "image"}_${oe}`;
+              E.push(ht(k[oe], it)), Q.push(await vt(k[oe]));
+            } else
+              u.fire({
+                title: r("swal.file_too_big"),
+                text: r("swal.file_too_big_text"),
+                icon: "warning"
+              });
+          else
+            u.fire({
+              title: r("swal.file_wrong_format_image"),
+              text: r("swal.file_wrong_format_image_text"),
+              icon: "warning"
+            });
+        }
+        D(E, Q);
+      } catch (oe) {
+        console.log(oe), u.fire({
+          title: r("swal.file_unknown_error"),
+          text: r("swal.file_unknown_error_text"),
+          icon: "error",
+          timer: void 0,
+          showConfirmButton: !0
+        });
+      }
+      L.value = !1;
+    }
+    const c = x.debounce((k) => {
+      D(e.modelValue.toSpliced(k, 1), y.value.toSpliced(k, 1));
+    });
+    function I(k) {
+      g.value && (k.preventDefault(), k.stopPropagation());
+    }
+    function N(k) {
+      I(k), f.value = !0;
+    }
+    function i(k) {
+      I(k), f.value = !1;
+    }
+    function R(k) {
+      const { dataTransfer: E, originalEvent: Q } = k;
+      i(k), J((E == null ? void 0 : E.files) || Q.dataTransfer.files);
+    }
+    function w(k) {
+      const { target: E } = k;
+      E.files && (I(k), J(E.files));
+    }
+    return s && (g.value = W()), (k, E) => (a(), v("div", {
+      class: j([[k.classes, l(B)([l(o), l(d), l(h)])], "box --button flx --flxColumn --flx-start-stretch --gap-10 --width"])
+    }, [
+      V.value !== S.value && y.value.length ? (a(), v("div", kt, [
+        A("ul", $t, [
+          (a(!0), v(K, null, se(y.value, (Q, oe) => (a(), v("li", {
+            key: oe,
+            class: "flx --flxRow --flx-start-center --gap-5"
+          }, [
+            $(fe, {
+              class: "avatar --index --bdr",
+              tooltip: l(r)("file_delete_files", 1),
+              "tooltip-position": "bottom",
+              onClick: ue((rt) => l(c)(oe), ["prevent"])
+            }, {
+              default: C(() => [
+                A("div", _t, [
+                  $(Te, {
+                    src: Q,
+                    alt: l(r)("file_thumb")
+                  }, null, 8, ["src", "alt"])
+                ]),
+                $(ee, {
+                  theme: l(ve).LIGHT,
+                  class: "--shadow"
+                }, {
+                  default: C(() => [
+                    $(U, {
+                      name: "xmark",
+                      size: "20"
+                    })
+                  ]),
+                  _: 1
+                }, 8, ["theme"])
+              ]),
+              _: 2
+            }, 1032, ["tooltip", "onClick"])
+          ]))), 128))
+        ]),
+        A("span", Bt, P(l(r)("file_one_of_amount", {
+          count: k.modelValue.length,
+          amount: S.value
+        })), 1)
+      ])) : z("", !0),
+      $(Ae, M({
+        ref_key: "fileInput",
+        ref: b,
+        style: { display: "none" }
+      }, {
+        ...k.$attrs,
+        type: "file",
+        accept: (k.accept ?? ["image/*"]).join(","),
+        multiple: S.value > 1,
+        disabled: k.disabled
+      }, { onChange: w }), {
+        default: C(({ id: Q }) => [
+          L.value ? (a(), v("div", {
+            key: 1,
+            class: j([l(h), "box --bdr-solid --size-xs --bgColor-none flx --flxRow --flx-center"])
+          }, P(l(r)("file_loading_files", S.value)), 3)) : (a(), v(K, { key: 0 }, [
+            k.modelValue.length < S.value ? (a(), v("label", {
+              key: 0,
+              for: Q,
+              class: j([[...l(h), { "--bgColor-none": !f.value }], "box --bdr-dashed --size-xs flx --flxColumn --flx-center --minHeight-90"]),
+              onDrag: I,
+              onDragstart: I,
+              onDragend: i,
+              onDragleave: i,
+              onDrop: R,
+              onDragover: N,
+              onDragenter: N
+            }, [
+              A("div", At, [
+                f.value ? (a(), v("p", Rt, [
+                  A("b", null, P(l(r)("file_drop_files_here", S.value)), 1)
+                ])) : (a(), v(K, { key: 0 }, [
+                  A("p", null, [
+                    A("b", null, P(l(r)("file_choose_file", S.value)), 1),
+                    ne(" " + P(g.value && !f.value && l(r)("file_or_drop_files_here", S.value) || ""), 1)
+                  ]),
+                  A("p", Vt, P(l(r)("file_max_file_size_mb", { size: n.value / 1e6 })), 1)
+                ], 64))
+              ])
+            ], 42, St)) : (a(), v("div", {
+              key: 1,
+              class: j([l(h), "box --bdr-solid --size-xs --bgColor-none flx --flxRow --flx-center"])
+            }, [
+              A("p", null, P(l(r)("file_completed")), 1),
+              $(re, {
+                theme: k.theme,
+                "aria-label": l(r)("file_delete_files", S.value),
+                onClick: E[0] || (E[0] = ue((oe) => D(), ["prevent"]))
+              }, {
+                default: C(() => [
+                  ne(P(l(r)("file_delete_files", S.value)), 1)
+                ]),
+                _: 1
+              }, 8, ["theme", "aria-label"])
+            ], 2))
+          ], 64))
+        ]),
+        _: 1
+      }, 16)
+    ], 2));
+  }
+}), ce = /* @__PURE__ */ q({
+  name: "InputText",
+  inheritAttrs: !1,
+  __name: "Text",
+  props: {
+    type: {},
+    placeholder: {},
+    icon: {},
+    iconProps: {},
+    textarea: { type: Boolean },
+    min: {},
+    max: {},
+    modelValue: {},
+    autocomplete: {},
+    id: {},
+    name: {},
+    title: {},
+    required: { type: Boolean },
+    disabled: { type: Boolean },
+    hidden: {},
+    size: {},
+    active: { type: Boolean },
+    invalid: { type: Boolean },
+    state: {},
+    theme: {}
+  },
+  emits: ["update:model-value"],
+  setup(p, { emit: t }) {
+    const e = p, m = t, { t: r } = O(Z), { getClassesString: B } = O(Y), { modifiersClasses: s } = ie(e), { stateClasses: u } = de(e), { themeClasses: o } = te(e), d = T(() => e.type ?? "text"), h = T(() => Number(e.min) || 0), b = T(() => Number(e.max) || 9e9), y = T(() => ["number", "tel"].includes(d.value)), g = T(() => d.value === "tel"), L = T({
+      get: () => {
+        const n = e.modelValue;
+        return d.value !== "number" ? n : Number(n);
+      },
+      set: (n) => m("update:model-value", n)
+    }), f = T(() => [
+      "iTxt",
+      B([s.value, u.value, o.value])
+    ]);
+    function V() {
+      typeof L.value == "number" && L.value < b.value && L.value++;
+    }
+    function S() {
+      typeof L.value == "number" && L.value > h.value && L.value--;
+    }
+    return (n, D) => (a(), v("div", {
+      class: j([n.$attrs.class, "flx --flxRow --flx-center --gap-5"])
+    }, [
+      $($e, {
+        wrap: !!n.icon && !n.textarea,
+        disabled: n.disabled,
+        class: j(f.value)
+      }, {
+        default: C(() => [
+          $(Ae, M({
+            modelValue: L.value,
+            "onUpdate:modelValue": D[0] || (D[0] = (W) => L.value = W)
+          }, {
+            ...l(x).omit(n.$attrs, "class"),
+            type: n.textarea ? "textarea" : d.value,
+            placeholder: n.placeholder,
+            disabled: n.disabled,
+            ...(y.value || g.value) && {
+              pattern: "[0-9]*",
+              oninput: "this.value = this.value.replace(/[^0-9]/g,'')"
+            },
+            ...!y.value && { min: void 0, max: void 0 },
+            ...!(n.icon && !n.textarea) && { class: f.value }
+          }), null, 16, ["modelValue"]),
+          n.icon && !n.textarea ? (a(), _(U, M({ key: 0 }, n.iconProps, {
+            name: n.icon ?? "user-group"
+          }), null, 16, ["name"])) : z("", !0)
+        ]),
+        _: 1
+      }, 8, ["wrap", "disabled", "class"]),
+      n.type === "number" && (Number.isInteger(n.min) || Number.isInteger(n.max)) ? (a(), v(K, { key: 0 }, [
+        $(le, {
+          disabled: Number(L.value) <= h.value,
+          size: n.size,
+          theme: n.theme,
+          "aria-label": l(r)("decrease"),
+          tooltip: l(r)("decrease"),
+          "tooltip-position": "left",
+          "tooltip-as-text": "",
+          round: "",
+          onClick: S
+        }, {
+          default: C(() => [
+            $(U, { name: "minus" }),
+            $(U, {
+              name: "minus",
+              regular: ""
+            })
+          ]),
+          _: 1
+        }, 8, ["disabled", "size", "theme", "aria-label", "tooltip"]),
+        $(le, {
+          disabled: Number(L.value) >= b.value,
+          size: n.size,
+          theme: n.theme,
+          tooltip: l(r)("increase"),
+          "tooltip-position": "left",
+          round: "",
+          onClick: V
+        }, {
+          default: C(() => [
+            $(U, { name: "plus" }),
+            $(U, {
+              name: "plus",
+              regular: ""
+            })
+          ]),
+          _: 1
+        }, 8, ["disabled", "size", "theme", "tooltip"])
+      ], 64)) : z("", !0)
+    ], 2));
+  }
+}), zt = ["for"], Lt = {
+  key: 0,
+  class: "flx --flxColumn --flx-start --flx --gap-none"
+}, Tt = { key: 0 }, Pt = { key: 1 }, _e = /* @__PURE__ */ q({
+  name: "InputToggle",
+  inheritAttrs: !1,
+  __name: "Toggle",
+  props: {
+    type: {},
+    label: {},
+    showPlaceholder: { type: Boolean },
+    fullWidth: { type: Boolean },
+    autocomplete: {},
+    id: {},
+    name: {},
+    placeholder: {},
+    title: {},
+    required: { type: Boolean },
+    disabled: { type: Boolean },
+    hidden: {},
+    size: {},
+    active: { type: Boolean },
+    invalid: { type: Boolean },
+    state: {},
+    theme: {}
+  },
+  setup(p) {
+    const t = p, { t: e } = O(Z), { getClassesString: m } = O(Y), { modifiersClasses: r } = ie(t), { stateClasses: B } = de(t), { themeClasses: s } = te(t), u = T(() => t.type || "checkbox");
+    return (o, d) => (a(), v("div", {
+      class: j({ "--width": o.fullWidth })
+    }, [
+      $(Ae, M({
+        class: [
+          l(m)([
+            l(r),
+            l(B),
+            l(s),
+            `i${l(x).capitalize(u.value)}`
+          ]),
+          "--full"
+        ]
+      }, { ...o.$attrs, type: u.value, disabled: o.disabled }), {
+        default: C(({ id: h, modelValue: b }) => [
+          A("label", {
+            for: h,
+            class: "flx --flxRow --flx-start-center --gap-none"
+          }, [
+            o.label || o.showPlaceholder || o.$slots.default ? (a(), v("div", Lt, [
+              o.label ? (a(), v("span", Tt, P(o.label), 1)) : o.showPlaceholder ? (a(), v("span", Pt, P(l(e)(b ? "yes" : "no")), 1)) : z("", !0),
+              G(o.$slots, "default")
+            ])) : z("", !0)
+          ], 8, zt)
+        ]),
+        _: 3
+      }, 16, ["class"])
+    ], 2));
+  }
+}), he = /* @__PURE__ */ q({
+  name: "SelectSimple",
+  inheritAttrs: !1,
+  __name: "Simple",
+  props: {
+    options: {},
+    multiple: { type: Boolean },
+    id: {},
+    name: {},
+    placeholder: {},
+    title: {},
+    required: { type: Boolean },
+    disabled: { type: Boolean },
+    hidden: {},
+    size: {},
+    active: { type: Boolean },
+    invalid: { type: Boolean },
+    state: {},
+    theme: {}
+  },
+  setup(p) {
+    const t = p, { getClassesString: e } = O(Y), { modifiersClasses: m } = ie(t), { stateClasses: r } = de(t), { themeClasses: B } = te({ ...t, themeAsUnion: !0 });
+    return (s, u) => (a(), _(Qe, M({
+      class: [l(e)([l(m), l(r), l(B)]), "iSelect"]
+    }, { ...s.$attrs, options: s.options, required: s.required, disabled: s.disabled }), null, 16, ["class"]));
+  }
+}), Et = ["id"], we = /* @__PURE__ */ q({
+  name: "SelectFilter",
+  inheritAttrs: !1,
+  __name: "Filter",
+  props: {
+    icon: {},
+    iconProps: {},
+    modelValue: {},
+    options: {},
+    multiple: { type: Boolean },
+    id: {},
+    name: {},
+    placeholder: {},
+    title: {},
+    required: { type: Boolean },
+    disabled: { type: Boolean },
+    hidden: {},
+    size: {},
+    active: { type: Boolean },
+    invalid: { type: Boolean },
+    state: {},
+    theme: {}
+  },
+  emits: ["update:model-value"],
+  setup(p, { emit: t }) {
+    const e = p, m = t, { t: r } = O(Z), { isBrowser: B } = O(Y), { uuid: s } = Pe(), u = s().replace("-", "").substring(0, 8), o = H(!0), d = T(() => e.name ?? `select-filter${u}`), h = T(() => (e.options ?? []).map(ke)), b = H(e.modelValue || ""), y = T({
+      get: () => e.modelValue,
+      set: (f = "") => {
+        const V = (n) => x.deburr(n).toLowerCase(), S = h.value.find(({ value: n, alias: D }) => {
+          const W = D ?? n;
+          return typeof f == "string" && typeof W == "string" && V(W) === V(f) ? !0 : W === f;
+        });
+        S ? (b.value = S.alias || S.value, m("update:model-value", S.value)) : f === "" && (b.value = f, m("update:model-value", f));
+      }
+    }), g = T(() => {
+      const f = h.value.find(({ value: V }) => V === y.value);
+      return y.value && !f || e.invalid;
+    });
+    function L(f) {
+      const { target: V } = f;
+      y.value = V.value;
+    }
+    return B && (o.value = !!HTMLDataListElement), (f, V) => (a(), v(K, null, [
+      A("datalist", { id: d.value }, [
+        $(he, M({
+          modelValue: y.value,
+          "onUpdate:modelValue": V[0] || (V[0] = (S) => y.value = S)
+        }, {
+          ...f.$attrs,
+          options: h.value.map(({ value: S, alias: n }) => ({
+            alias: n,
+            value: n ?? S
+          })),
+          placeholder: f.placeholder ?? l(r)("select_placeholder"),
+          disabled: f.disabled,
+          hidden: f.hidden,
+          size: f.size,
+          active: f.active,
+          invalid: f.invalid,
+          state: f.state,
+          theme: f.theme
+        }), null, 16, ["modelValue"])
+      ], 8, Et),
+      o.value ? (a(), v("div", M({
+        key: 0,
+        class: "flx --flxRow --flx-start-center --gap-5"
+      }, f.$attrs), [
+        $(ce, M({
+          modelValue: b.value,
+          "onUpdate:modelValue": V[1] || (V[1] = (S) => b.value = S),
+          list: d.value
+        }, {
+          type: "text",
+          placeholder: l(r)("select_filter_options"),
+          disabled: !!y.value && !g.value || f.disabled,
+          hidden: f.hidden,
+          size: f.size,
+          active: f.active,
+          invalid: g.value,
+          state: f.state,
+          theme: f.theme,
+          icon: f.icon,
+          iconProps: f.iconProps
+        }, {
+          class: "--flx",
+          onChange: L
+        }), null, 16, ["modelValue", "list"]),
+        y.value && h.value.length > 1 ? (a(), _(ee, {
+          key: 0,
+          theme: f.theme,
+          "aria-label": l(r)("select_restablish_field"),
+          title: l(r)("select_restablish_field"),
+          onClick: V[2] || (V[2] = ue((S) => y.value = "", ["prevent"]))
+        }, {
+          default: C(() => [
+            $(U, {
+              name: "xmark",
+              size: "20"
+            })
+          ]),
+          _: 1
+        }, 8, ["theme", "aria-label", "title"])) : z("", !0)
+      ], 16)) : z("", !0)
+    ], 64));
+  }
+}), It = { class: "flx --flxColumn --flx-center" }, Nt = {
+  key: 0,
+  class: "txt --txtAlign-center"
+}, Re = /* @__PURE__ */ q({
+  name: "LoaderSimple",
+  inheritAttrs: !0,
+  __name: "Simple",
+  props: {
+    label: {},
+    size: {},
+    margin: {},
+    radius: {},
+    speed: {},
+    theme: {}
+  },
+  setup(p) {
+    const t = p, { themeValues: e } = te(t), m = T(() => t.size || "0.5rem"), r = ut({
+      width: m.value,
+      height: m.value,
+      margin: t.margin || "2px",
+      borderRadius: t.radius || "100%",
+      display: "inline-block",
+      animationDuration: (t.speed || 1e3) + "ms"
+    });
+    return (B, s) => (a(), v("span", It, [
+      A("span", null, [
+        A("span", {
+          class: j([`--bgColor-${l(e)[0]}`, "a-pulse is--animated --iterations-infinite"]),
+          style: Ve(r)
+        }, null, 6),
+        A("span", {
+          class: j([`--bgColor-${l(e)[0]}`, "a-pulse is--animated --iterations-infinite --delay-2"]),
+          style: Ve(r)
+        }, null, 6),
+        A("span", {
+          class: j([`--bgColor-${l(e)[0]}`, "a-pulse is--animated --iterations-infinite --delay-4"]),
+          style: Ve(r)
+        }, null, 6)
+      ]),
+      G(B.$slots, "default", {}, () => [
+        B.label ? (a(), v("span", Nt, [
+          A("p", null, P(B.label), 1)
+        ])) : z("", !0)
+      ])
+    ]));
+  }
+}), Ut = {
+  key: 0,
+  class: "flx --flxRow --flx-between-center"
+}, Mt = { class: "txt --gaping-none" }, Ot = {
+  key: 0,
+  class: "--txtSize-xs"
+}, Ft = { class: "scroll --vertical" }, Dt = {
+  key: 0,
+  class: "flx --flxRow --flx-end-center"
+}, Wt = { class: "--hidden-full:sm-inv" }, qt = {
+  key: 0,
+  class: "txt --txtAlignFlx-center --gaping-5"
+}, Ht = { class: "--txtColor-light --txtShadow --txtSize-sm" }, Be = /* @__PURE__ */ q({
+  name: "ModalSimple",
+  inheritAttrs: !1,
+  __name: "Modal",
+  props: {
+    loading: { type: Boolean },
+    title: {},
+    subtitle: {},
+    modalClass: {},
+    saveButton: {},
+    cancelButton: {},
+    hide: { type: Boolean },
+    hideMessage: {},
+    hideFooter: { type: Boolean },
+    disabled: { type: Boolean },
+    modelValue: { type: Boolean },
+    target: {},
+    theme: {}
+  },
+  emits: ["save", "close", "update:model-value"],
+  setup(p, { emit: t }) {
+    const e = p, m = t, { t: r } = O(Z), B = O(Le), { themeValues: s } = te(e), { uuid: u } = Pe(), o = u().replace("-", "").substring(0, 8), d = H(), h = H(), b = H(!1), y = T(() => {
+      var n;
+      return {
+        title: r("ok"),
+        visible: !!((n = e.saveButton) != null && n.title),
+        btnClass: "",
+        ...!!e.saveButton && e.saveButton
+      };
+    }), g = T(() => ({
+      title: r("close"),
+      visible: !0,
+      btnClass: "",
+      ...!!e.cancelButton && e.cancelButton
+    }));
+    function L() {
+      var n;
+      (n = h.value) == null || n.close(), b.value = !1, m("update:model-value", !1), m("close");
+    }
+    function f(n) {
+      h.value === n.target && L();
+    }
+    function V(n = !0) {
+      S.value = n;
+    }
+    const S = T({
+      get() {
+        return !e.disabled && d.value;
+      },
+      set(n) {
+        var D;
+        n ? ((D = h.value) == null || D.showModal(), !e.loading && e.hide && (n = !1, L(), B.fire({
+          title: r("swal.modal_unauthorized"),
+          text: e.hideMessage || r("swal.modal_unauthorized_text"),
+          icon: "warning"
+        })), setTimeout(() => b.value = e.loading, 3e3)) : L(), d.value = n;
+      }
+    });
+    return ze(() => {
+      e.modelValue && (S.value = e.modelValue);
+    }), Me(L), pe(
+      () => e.modelValue,
+      (n) => S.value = n,
+      { immediate: !1 }
+    ), (n, D) => (a(), v(K, null, [
+      n.$slots.toggle ? G(n.$slots, "toggle", X(M({ key: 0 }, { setModel: V, model: S.value }))) : z("", !0),
+      n.disabled ? G(n.$slots, "default", X(M({ key: 2 }, { model: S.value }))) : (a(), _(dt, {
+        id: l(o),
+        key: l(o),
+        to: n.target || "body"
+      }, [
+        A("dialog", {
+          ref_key: "modalRef",
+          ref: h,
+          onClose: L,
+          onMousedown: f
+        }, [
+          Oe(A("div", M({
+            class: ["modal", [
+              n.modalClass ?? "flx --flxColumn --flx-start-stretch --width",
+              `--bgColor-${l(s)[1]}`
+            ]],
+            role: "document"
+          }, n.$attrs), [
+            G(n.$slots, "modal-header", X(ae({ model: S.value })), () => [
+              n.title ? (a(), v("div", Ut, [
+                A("div", Mt, [
+                  A("h5", null, P(n.title), 1),
+                  n.subtitle ? (a(), v("p", Ot, P(n.subtitle), 1)) : z("", !0)
+                ]),
+                $(ee, {
+                  theme: n.theme,
+                  "aria-label": g.value.title,
+                  onClick: ue(L, ["stop"])
+                }, {
+                  default: C(() => [
+                    $(U, {
+                      name: "xmark",
+                      size: "20"
+                    })
+                  ]),
+                  _: 1
+                }, 8, ["theme", "aria-label"])
+              ])) : z("", !0)
+            ]),
+            A("div", Ft, [
+              G(n.$slots, "default", X(ae({ model: S.value })))
+            ]),
+            G(n.$slots, "modal-footer", X(ae({ model: S.value })), () => [
+              n.hideFooter ? z("", !0) : (a(), v("div", Dt, [
+                y.value.visible ? (a(), _(re, {
+                  key: 0,
+                  theme: n.theme,
+                  "aria-label": y.value.title,
+                  class: j(y.value.btnClass),
+                  onClick: D[0] || (D[0] = (W) => m("save", L, W))
+                }, {
+                  default: C(() => [
+                    ne(P(y.value.title), 1)
+                  ]),
+                  _: 1
+                }, 8, ["theme", "aria-label", "class"])) : z("", !0),
+                g.value.visible ? (a(), _(le, {
+                  key: 1,
+                  theme: n.theme,
+                  "aria-label": g.value.title,
+                  class: j(g.value.btnClass),
+                  "data-dismiss": "modal",
+                  round: ":sm-inv",
+                  onClick: ue(L, ["stop"])
+                }, {
+                  default: C(() => [
+                    $(U, {
+                      name: "xmark",
+                      hidden: "-full:sm"
+                    }),
+                    $(U, {
+                      name: "xmark",
+                      regular: "",
+                      hidden: "-full:sm"
+                    }),
+                    A("span", Wt, P(g.value.title), 1)
+                  ]),
+                  _: 1
+                }, 8, ["theme", "aria-label", "class"])) : z("", !0)
+              ]))
+            ])
+          ], 16), [
+            [Fe, !n.loading && !n.hide]
+          ]),
+          n.loading || n.hide ? (a(), _(Re, {
+            key: 0,
+            theme: n.theme
+          }, {
+            default: C(() => [
+              $(je, { name: "fade" }, {
+                default: C(() => [
+                  b.value || e.hide && e.hideMessage ? (a(), v("div", qt, [
+                    A("p", Ht, P(e.hideMessage ? e.hideMessage : l(r)("modal_taking_too_long")), 1),
+                    $(re, {
+                      theme: n.theme,
+                      "aria-label": l(r)("close"),
+                      onClick: L
+                    }, {
+                      default: C(() => [
+                        ne(P(l(r)("close")), 1)
+                      ]),
+                      _: 1
+                    }, 8, ["theme", "aria-label"])
+                  ])) : z("", !0)
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }, 8, ["theme"])) : z("", !0)
+        ], 544)
+      ], 8, ["id", "to"]))
+    ], 64));
+  }
+}), jt = ["title"], Gt = { key: 5 }, Ze = /* @__PURE__ */ q({
+  name: "ValueSimple",
+  inheritAttrs: !1,
+  __name: "Simple",
+  props: {
+    value: {},
+    property: {},
+    readOnly: { type: Boolean },
+    classes: {},
+    modalTarget: {},
+    modalTheme: {},
+    theme: {}
+  },
+  setup(p) {
+    const t = me("xamu"), { t: e } = O(Z), m = T(() => {
+      const s = (t == null ? void 0 : t.lang) || "en", u = (t == null ? void 0 : t.country) || "US";
+      return `${s}-${u}`;
+    });
+    function r(s) {
+      const [u] = s.split("?");
+      if (t != null && t.imageHosts && be.isURL(u)) {
+        const o = new URL(u);
+        if (t.imageHosts.includes(o.host))
+          return !0;
+      }
+      return /\.(jpg|jpeg|png|webp|avif|gif)$/.test(u);
+    }
+    function B(s) {
+      return be.isDate(s) || !isNaN(Date.parse(s));
+    }
+    return (s, u) => {
+      var o;
+      return a(), v("div", {
+        class: j(["flx --flxRow --flx-start-center --gap-5", s.classes])
+      }, [
+        typeof s.value == "boolean" ? (a(), _(_e, {
+          key: 0,
+          checked: s.value,
+          theme: s.theme,
+          disabled: ""
+        }, null, 8, ["checked", "theme"])) : typeof s.value == "string" && B(s.value) || s.value instanceof Date ? (a(), v("span", {
+          key: 1,
+          title: String(s.value)
+        }, P(l(gt)(new Date(s.value), m.value)), 9, jt)) : typeof s.value == "string" && l(be).isEmail(s.value) ? (a(), _(ee, {
+          key: 2,
+          mailto: s.value,
+          theme: s.theme
+        }, null, 8, ["mailto", "theme"])) : typeof s.value == "string" && l(be).isURL(s.value, { require_host: !1 }) ? (a(), v(K, { key: 3 }, [
+          r(s.value) ? (a(), _(fe, {
+            key: 0,
+            class: "avatar",
+            href: s.value,
+            target: "_blank"
+          }, {
+            default: C(() => [
+              $(Te, {
+                preset: "avatar",
+                src: s.value,
+                alt: s.value
+              }, null, 8, ["src", "alt"])
+            ]),
+            _: 1
+          }, 8, ["href"])) : (a(), _(ee, {
+            key: 1,
+            theme: s.theme,
+            href: s.value,
+            target: "_blank"
+          }, {
+            default: C(() => [
+              ne(P(l(e)("table_open_url")), 1)
+            ]),
+            _: 1
+          }, 8, ["theme", "href"]))
+        ], 64)) : typeof s.value == "string" && s.value.length > 66 ? (a(), _(Be, {
+          key: 4,
+          class: "--txtSize",
+          theme: s.modalTheme || s.theme,
+          title: (o = s.property) == null ? void 0 : o.alias,
+          target: s.modalTarget
+        }, {
+          toggle: C(({ setModel: d }) => [
+            $(ee, {
+              theme: s.theme,
+              tooltip: l(e)("see_value"),
+              "tooltip-as-text": "",
+              "tooltip-position": "bottom",
+              onClick: (h) => d()
+            }, {
+              default: C(() => [
+                ne(P(s.value.substring(0, 33)) + "... ", 1)
+              ]),
+              _: 2
+            }, 1032, ["theme", "tooltip", "onClick"])
+          ]),
+          default: C(({ model: d }) => [
+            d ? (a(), v("div", {
+              key: 0,
+              class: j(["txt", s.classes])
+            }, [
+              A("p", null, P(s.value), 1)
+            ], 2)) : z("", !0)
+          ]),
+          _: 1
+        }, 8, ["theme", "title", "target"])) : (a(), v("span", Gt, P(typeof s.value == "string" || typeof s.value == "number" ? s.value ?? "-" : "-"), 1))
+      ], 2);
+    };
+  }
+}), Kt = { class: "txt --txtAlign-center --width" }, Qt = ["innerHTML"], Se = /* @__PURE__ */ q({
+  name: "BoxMessage",
+  inheritAttrs: !1,
+  __name: "Message",
+  props: {
+    text: {},
+    asButton: { type: Boolean },
+    to: {},
+    href: {},
+    target: {},
+    tel: {},
+    disabled: { type: Boolean },
+    mailto: {},
+    type: {},
+    tag: {},
+    toggle: {},
+    round: {},
+    toggleState: {},
+    indicative: {},
+    whatsapp: { type: Boolean },
+    download: {},
+    hidden: {},
+    size: {},
+    active: { type: Boolean },
+    invalid: { type: Boolean },
+    state: {},
+    theme: {}
+  },
+  setup(p) {
+    const t = p, { getModifierClasses: e, getClassesString: m } = O(Y), { modifiersClasses: r } = ie(t), { stateClasses: B } = de(t), { themeClasses: s, themeValues: u } = te(t);
+    return (o, d) => (a(), v("div", M({
+      class: [l(r), "flx --flxColumn --flx-center --width"]
+    }, o.$attrs), [
+      A("div", Kt, [
+        A("div", {
+          class: j([
+            l(m)([
+              l(r),
+              l(B),
+              l(s),
+              l(e)([l(u)[0]], { modifier: "txtColor", divider: "-" }),
+              l(e)(o.asButton ?? !1, { modifier: "button" })
+            ]),
+            "box"
+          ])
+        }, [
+          o.text ? (a(), v("p", {
+            key: 0,
+            innerHTML: o.text
+          }, null, 8, Qt)) : G(o.$slots, "default", { key: 1 })
+        ], 2)
+      ])
+    ], 16));
+  }
+}), xe = /* @__PURE__ */ q({
+  name: "DropdownSimple",
+  inheritAttrs: !1,
+  __name: "Dropdown",
+  props: {
+    position: {},
+    el: {},
+    modelValue: { type: Boolean },
+    hidden: {},
+    size: {},
+    theme: {}
+  },
+  emits: ["close", "update:model-value"],
+  setup(p, { emit: t }) {
+    const e = p, m = t, { getModifierClasses: r, getClassesString: B } = O(Y), { themeValues: s } = te(e), { tabletMqRange: u } = Ye(), { modifiersClasses: o } = ie(e), d = H(), h = H(), b = H(!1), y = H(e.modelValue), g = T(() => B([
+      "dropdown",
+      `--bgColor-${s.value[1]}`,
+      r([{ active: e.modelValue }], { prefix: "is" }),
+      r([[e.position ?? "bottom"].flat(2).join("-")], {
+        modifier: "position",
+        divider: "-"
+      })
+    ]));
+    function L(n = !y.value) {
+      return y.value = n;
+    }
+    function f() {
+      m("close"), m("update:model-value", L(!1));
+    }
+    function V(n) {
+      const D = n.target, W = d.value, J = h.value;
+      J === D || J != null && J.contains(D) || W != null && W.contains(D) || f();
+    }
+    const S = T({
+      get: () => e.modelValue || y.value,
+      set: f
+    });
+    return pe(
+      u,
+      (n) => {
+        b.value = n && e.modelValue !== null, f();
+      },
+      { immediate: !1 }
+    ), ze(() => {
+      document.addEventListener("click", V, !0);
+    }), Me(() => {
+      document.removeEventListener("click", V, !0);
+    }), (n, D) => (a(), _($e, {
+      wrap: !!n.$slots.toggle,
+      el: n.el
+    }, {
+      default: C(() => [
+        n.$slots.toggle ? (a(), v("div", {
+          key: 0,
+          ref_key: "toggleRef",
+          ref: d,
+          class: j(["only--active toggle--dropdown", { "is--active": S.value }])
+        }, [
+          G(n.$slots, "toggle", X(ae({ model: y.value, setModel: L })))
+        ], 2)) : z("", !0),
+        $(Be, {
+          modelValue: S.value,
+          "onUpdate:modelValue": D[0] || (D[0] = (W) => S.value = W),
+          disabled: !b.value,
+          theme: n.theme
+        }, {
+          default: C(() => [
+            A("div", {
+              ref_key: "dropdownRef",
+              ref: h,
+              class: j({ [l(B)([l(o), g.value])]: !b.value })
+            }, [
+              G(n.$slots, "default", X(ae({ model: y.value, setModel: L })))
+            ], 2)
+          ]),
+          _: 3
+        }, 8, ["modelValue", "disabled", "theme"])
+      ]),
+      _: 3
+    }, 8, ["wrap", "el"]));
+  }
+}), Xt = {
+  key: 0,
+  class: "flx --flxRow --flx-end-center"
+}, Yt = { class: "--txtAlign --txtSize-sm" }, Jt = { class: "flx --flxRow --flx-start-center --gap-10" }, Zt = { key: 1 }, xt = /* @__PURE__ */ A("span", null, "#", -1), el = ["data-column-name", "data-column", "width"], tl = ["title"], ll = {
+  key: 0,
+  class: "--sticky --txtAlign-center",
+  "data-column-name": "modify",
+  "data-column": "modify"
+}, al = { class: "flx --flxRow --flx-start-center --gap-10" }, ol = ["title"], sl = ["data-column-name", "data-column"], nl = ["data-column"], rl = { class: "flx --flxRow --flx-center --gap-10" }, il = { class: "flx --flxColumn --flx-start-stretch --gap-5" }, ul = { key: 0 }, dl = { key: 1 }, ml = {
+  key: 0,
+  class: "no--hover"
+}, pl = { class: "--sticky --pX-10 --pY-5 --vAlign" }, cl = { class: "flx --flxRow --flx-center-end --gap-10 --bdr" }, fl = ["colspan"], hl = { class: "flx --flxRow --flx-start --flx --width" }, vl = {
+  key: 0,
+  class: "--width --pRight --boxSizing --overflow-hidden"
+}, gl = { class: "flx --flxRow --flx-center" }, et = /* @__PURE__ */ q({
+  name: "TableSimple",
+  inheritAttrs: !1,
+  __name: "Table",
+  props: {
+    nodes: {},
+    properties: {},
+    readOnly: { type: Boolean },
+    canSort: { type: Boolean },
+    updateNode: {},
+    deleteNode: {},
+    cloneNode: {},
+    createNodeChildren: {},
+    classes: {},
+    refresh: { type: Function },
+    extraCols: { type: Boolean },
+    childrenName: {},
+    childrenCountKey: {},
+    modalTheme: {},
+    omitRefresh: { type: Boolean },
+    theme: {}
+  },
+  setup(p) {
+    var N;
+    const t = p, { t: e, tet: m } = O(Z), r = O(Le), { themeClasses: B, themeValues: s } = te({ ...t, themeAsUnion: !0 }), u = (N = De()) == null ? void 0 : N.appContext.config.globalProperties.$router, o = H(), d = H(L(t.nodes.length)), h = T(() => d.value.filter(([i]) => i).length), b = T(() => {
+      var R;
+      const i = { name: "id", asc: !0 };
+      if (u) {
+        const w = u.currentRoute.value;
+        if (!w.query.orderBy)
+          return i;
+        const E = (R = String(w.query.orderBy).split(",")[0]) == null ? void 0 : R.split(":");
+        i.name = E[0], String(E[1]).toUpperCase() === "DESC" && (i.asc = !1);
+      }
+      return i;
+    }), y = T(() => t.readOnly || !t.nodes.length || !t.updateNode && !t.cloneNode && !t.deleteNode), g = T(() => Object.entries(t.nodes[0]).sort(([i], [R]) => i.endsWith("At") || i.endsWith("By") || R.endsWith("At") || R.endsWith("By") ? i.endsWith("At") || i.endsWith("By") ? 1 : -1 : i > R ? 1 : i < R ? -1 : 0).map(([i]) => {
+      const R = (t.properties || []).map(ke), w = ke(R.find((E) => E.value === i) || i), k = x.snakeCase(i);
+      return {
+        ...w,
+        alias: x.capitalize(x.startCase(w.alias || m(k)))
+      };
+    }).filter((i) => i.value !== "id"));
+    function L(i) {
+      return Array.from({ length: i }, () => [!1, !1]);
+    }
+    function f(i) {
+      return t.childrenCountKey ? i[t.childrenCountKey] : 0;
+    }
+    function V(i = !0) {
+      d.value.forEach((R, w) => d.value[w][0] = i);
+    }
+    function S(i) {
+      const [R, w] = d.value[i];
+      d.value[i] = [R, !w];
+    }
+    function n(i) {
+      return b.value.name === i;
+    }
+    function D(i) {
+      var R = "ASC";
+      b.value.name === i && b.value.asc && (R = "DESC");
+      const w = `${i}:${R}`;
+      if (!u)
+        return;
+      const k = u.currentRoute.value;
+      u.push({ path: k.path, hash: k.hash, query: { ...k.query, orderBy: w } });
+    }
+    async function W(i) {
+      var w, k;
+      r.fireLoader({});
+      const R = await ((w = t.updateNode) == null ? void 0 : w.call(t, i));
+      if (R === void 0) {
+        r.isLoading() && r.close();
+        return;
+      }
+      R ? r.fire({
+        icon: "success",
+        title: e("swal.table_updated")
+      }) : r.fire({
+        icon: "warning",
+        title: e("swal.table_updated"),
+        text: e("swal.table_possibly_not_updated")
+      }), t.omitRefresh || (k = t.refresh) == null || k.call(t);
+    }
+    async function J(i, R) {
+      var k, E;
+      R(!1), r.fireLoader({});
+      const w = await ((k = t.cloneNode) == null ? void 0 : k.call(t, i));
+      if (w === void 0) {
+        r.isLoading() && r.close();
+        return;
+      }
+      w ? r.fire({
+        icon: "success",
+        title: e("swal.table_cloned")
+      }) : r.fire({
+        icon: "warning",
+        title: e("swal.table_cloned"),
+        text: e("swal.table_possibly_not_cloned")
+      }), t.omitRefresh || (E = t.refresh) == null || E.call(t);
+    }
+    async function c(i, R) {
+      var E, Q;
+      const { value: w } = await r.firePrevent({
+        title: e("table_delete"),
+        text: e("swal.table_delete_node_title"),
+        footer: e("swal.table_delete_node_disclaimer")
+      });
+      if (!w)
+        return;
+      R(!1), r.fireLoader({});
+      const k = await ((E = t.deleteNode) == null ? void 0 : E.call(t, i));
+      if (k === void 0) {
+        r.isLoading() && r.close();
+        return;
+      }
+      k ? r.fire({
+        icon: "success",
+        title: e("swal.table_deleted")
+      }) : r.fire({
+        icon: "warning",
+        title: e("swal.table_deleted"),
+        text: e("swal.table_possibly_not_deleted")
+      }), t.omitRefresh || (Q = t.refresh) == null || Q.call(t);
+    }
+    async function I() {
+      var w;
+      const { value: i } = await r.firePrevent({
+        title: e("table_delete"),
+        text: e("swal.table_delete_nodes_title", h.value),
+        footer: e("swal.table_delete_nodes_disclaimer")
+      });
+      if (!i)
+        return;
+      r.fireLoader({});
+      const R = await Promise.all(
+        t.nodes.filter((k, E) => d.value[E][0]).map(async (k) => {
+          var E;
+          return await ((E = t.deleteNode) == null ? void 0 : E.call(t, k));
+        })
+      );
+      if (R.every((k) => k === void 0)) {
+        r.isLoading() && r.close();
+        return;
+      }
+      R.every((k) => k) ? r.fire({
+        icon: "success",
+        title: e("swal.table_deleted")
+      }) : r.fire({
+        icon: "warning",
+        title: e("swal.table_deleted"),
+        text: e("swal.table_possibly_not_deleted", t.nodes.length)
+      }), t.omitRefresh || (w = t.refresh) == null || w.call(t);
+    }
+    return pe(
+      () => t.nodes,
+      (i) => d.value = L(i.length),
+      { immediate: !1 }
+    ), (i, R) => i.nodes.length ? (a(), v("div", {
+      key: 0,
+      ref_key: "valueRootRef",
+      ref: o,
+      class: "flx --flxColumn --flx-start-stretch --width"
+    }, [
+      y.value ? z("", !0) : (a(), v("div", Xt, [
+        i.deleteNode ? (a(), _(re, {
+          key: 0,
+          tooltip: l(e)("table_delete"),
+          "tooltip-as-text": "",
+          "tooltip-position": "bottom",
+          theme: [l(ve).DANGER, l(s)[1]],
+          disabled: !d.value.some(([w]) => w),
+          onClick: I
+        }, {
+          default: C(() => [
+            A("span", null, P(h.value === d.value.length ? l(e)("delete_all") : l(e)("delete", h.value)), 1),
+            $(U, { name: "trash-can" })
+          ]),
+          _: 1
+        }, 8, ["tooltip", "theme", "disabled"])) : z("", !0)
+      ])),
+      A("div", M(i.$attrs, { class: "scroll --horizontal --always" }), [
+        A("table", {
+          class: j(["tbl", l(B)])
+        }, [
+          A("thead", null, [
+            A("tr", Yt, [
+              A("th", {
+                class: j(["--sticky", { "is--selected": i.canSort && n("id") }]),
+                "data-column-name": "id",
+                "data-column": "id"
+              }, [
+                A("div", Jt, [
+                  y.value ? z("", !0) : (a(), _(_e, {
+                    key: 0,
+                    theme: i.theme,
+                    title: l(e)("table_select_all"),
+                    checked: d.value.every(([w]) => w),
+                    "onUpdate:modelValue": V
+                  }, null, 8, ["theme", "title", "checked"])),
+                  y.value || !i.canSort ? (a(), v("span", Zt, "#")) : (a(), _(ee, {
+                    key: 2,
+                    theme: i.theme,
+                    title: "id",
+                    tooltip: l(e)("table_sort_by_name", { name: "Id" }),
+                    "tooltip-as-text": "",
+                    "tooltip-position": "bottom",
+                    onClick: R[0] || (R[0] = (w) => D("id"))
+                  }, {
+                    default: C(() => [
+                      xt,
+                      n("id") ? (a(), v(K, { key: 0 }, [
+                        b.value.asc ? (a(), _(U, {
+                          key: 0,
+                          name: "arrow-down"
+                        })) : z("", !0),
+                        b.value.asc ? z("", !0) : (a(), _(U, {
+                          key: 1,
+                          name: "arrow-up"
+                        }))
+                      ], 64)) : z("", !0)
+                    ]),
+                    _: 1
+                  }, 8, ["theme", "tooltip"]))
+                ])
+              ], 2),
+              (a(!0), v(K, null, se(g.value, (w, k) => (a(), v("td", {
+                key: k,
+                class: j(["--txtSize-sm --maxWidth-440", { "is--selected": i.canSort && n(w.value) }]),
+                "data-column-name": w.value,
+                "data-column": w.alias,
+                width: i.extraCols && k === g.value.length - 1 ? "99%" : "auto"
+              }, [
+                i.canSort ? (a(), _(ee, {
+                  key: 1,
+                  theme: i.theme,
+                  title: w.value,
+                  tooltip: l(e)("table_sort_by_name", { name: w.alias }),
+                  "tooltip-as-text": "",
+                  "tooltip-position": "bottom",
+                  onClick: (E) => D(w.value)
+                }, {
+                  default: C(() => [
+                    A("span", null, P(w.alias), 1),
+                    n(w.value) ? (a(), v(K, { key: 0 }, [
+                      b.value.asc ? (a(), _(U, {
+                        key: 0,
+                        name: "arrow-down"
+                      })) : (a(), _(U, {
+                        key: 1,
+                        name: "arrow-up"
+                      }))
+                    ], 64)) : z("", !0)
+                  ]),
+                  _: 2
+                }, 1032, ["theme", "title", "tooltip", "onClick"])) : (a(), v("span", {
+                  key: 0,
+                  title: String(w.value)
+                }, P(w.alias), 9, tl))
+              ], 10, el))), 128)),
+              !y.value && (i.updateNode || i.deleteNode || i.cloneNode) ? (a(), v("th", ll, [
+                A("span", null, P(l(e)("table_modify")), 1)
+              ])) : z("", !0)
+            ])
+          ]),
+          A("tbody", {
+            class: j(i.classes)
+          }, [
+            (a(!0), v(K, null, se(i.nodes, (w, k) => (a(), v(K, { key: k }, [
+              A("tr", {
+                class: j(["--txtAlign --txtSize-sm", { "is--selected": d.value[k][0] }])
+              }, [
+                A("th", {
+                  class: j(["--sticky", { "is--selected": n("id") }]),
+                  "data-column-name": "id",
+                  "data-column": "id"
+                }, [
+                  A("div", al, [
+                    y.value ? z("", !0) : (a(), _(_e, {
+                      key: 0,
+                      modelValue: d.value[k][0],
+                      "onUpdate:modelValue": (E) => d.value[k][0] = E,
+                      theme: i.theme,
+                      title: l(e)("table_select")
+                    }, null, 8, ["modelValue", "onUpdate:modelValue", "theme", "title"])),
+                    A("span", {
+                      title: String(w.id ?? k)
+                    }, P(w.id && typeof w.id == "number" ? w.id : k + 1), 9, ol)
+                  ])
+                ], 2),
+                (a(!0), v(K, null, se(g.value, (E) => (a(), v("td", {
+                  key: E.value,
+                  "data-column-name": E.value,
+                  "data-column": E.alias,
+                  class: j([{
+                    "is--selected": b.value.name === E.value
+                  }, "--txtSize-sm --maxWidth-440"])
+                }, [
+                  o.value ? (a(), _(tt, X(M({ key: 0 }, {
+                    value: w[E.value],
+                    property: E,
+                    node: w,
+                    readOnly: y.value,
+                    theme: i.theme,
+                    modalTheme: i.modalTheme,
+                    classes: i.classes,
+                    modalTarget: o.value,
+                    refresh: i.refresh,
+                    omitRefresh: i.omitRefresh
+                  })), null, 16)) : z("", !0)
+                ], 10, sl))), 128)),
+                !y.value && (i.updateNode || i.deleteNode || i.cloneNode) ? (a(), v("th", {
+                  key: 0,
+                  class: "--sticky --txtAlign-center",
+                  "data-column-name": "modify",
+                  "data-column": l(e)("table_modify")
+                }, [
+                  A("div", rl, [
+                    i.updateNode ? (a(), _(re, {
+                      key: 0,
+                      tooltip: l(e)("table_update"),
+                      "tooltip-as-text": "",
+                      "tooltip-position": "left",
+                      theme: i.theme,
+                      size: "sm",
+                      round: "",
+                      disabled: d.value.some(([E]) => E),
+                      onClick: (E) => W(w)
+                    }, {
+                      default: C(() => [
+                        $(U, { name: "pencil" })
+                      ]),
+                      _: 2
+                    }, 1032, ["tooltip", "theme", "disabled", "onClick"])) : z("", !0),
+                    $(xe, {
+                      class: "flx --flxRow --flx-center",
+                      position: ["left", "center"],
+                      theme: i.modalTheme,
+                      size: "sm"
+                    }, {
+                      toggle: C(({ setModel: E }) => [
+                        $(ee, {
+                          "aria-label": l(e)("table_options"),
+                          title: l(e)("table_options"),
+                          theme: i.theme,
+                          size: "sm",
+                          disabled: d.value.some(([Q]) => Q),
+                          toggle: "dropdown",
+                          onClick: (Q) => E()
+                        }, {
+                          default: C(() => [
+                            $(U, { name: "ellipsis-vertical" })
+                          ]),
+                          _: 2
+                        }, 1032, ["aria-label", "title", "theme", "disabled", "onClick"])
+                      ]),
+                      default: C(({ setModel: E }) => [
+                        A("ul", il, [
+                          i.cloneNode ? (a(), v("li", ul, [
+                            $(ee, {
+                              theme: i.theme,
+                              size: "sm",
+                              "aria-label": l(e)("table_duplicate"),
+                              onClick: (Q) => J(w, E)
+                            }, {
+                              default: C(() => [
+                                $(U, { name: "clone" }),
+                                A("span", null, P(l(e)("table_duplicate")), 1)
+                              ]),
+                              _: 2
+                            }, 1032, ["theme", "aria-label", "onClick"])
+                          ])) : z("", !0),
+                          i.deleteNode ? (a(), v("li", dl, [
+                            $(ee, {
+                              theme: [l(ve).DANGER, l(s)[1]],
+                              size: "sm",
+                              "aria-label": l(e)("table_delete"),
+                              onClick: (Q) => c(w, E)
+                            }, {
+                              default: C(() => [
+                                $(U, { name: "trash-can" }),
+                                A("span", null, P(l(e)("table_delete")), 1)
+                              ]),
+                              _: 2
+                            }, 1032, ["theme", "aria-label", "onClick"])
+                          ])) : z("", !0)
+                        ])
+                      ]),
+                      _: 2
+                    }, 1032, ["theme"])
+                  ])
+                ], 8, nl)) : z("", !0)
+              ], 2),
+              i.$slots.default ? (a(), v("tr", ml, [
+                A("th", pl, [
+                  A("div", cl, [
+                    $(ee, {
+                      theme: i.theme,
+                      size: "sm",
+                      active: d.value[k][1],
+                      tooltip: l(e)("table_see_name", {
+                        name: i.childrenName || i.childrenCountKey || String(w.id ?? k).split("/")[0]
+                      }),
+                      "tooltip-position": "right",
+                      disabled: i.childrenCountKey && !f(w),
+                      class: "--p-5",
+                      onClick: (E) => S(k)
+                    }, {
+                      default: C(() => [
+                        $(U, {
+                          name: "chevron-up",
+                          indicator: ""
+                        })
+                      ]),
+                      _: 2
+                    }, 1032, ["theme", "active", "tooltip", "disabled", "onClick"]),
+                    $(ee, {
+                      theme: i.theme,
+                      size: "sm",
+                      tooltip: l(e)("table_create_new"),
+                      "tooltip-position": "right",
+                      disabled: !i.createNodeChildren,
+                      class: "--p-5",
+                      onClick: (E) => {
+                        var Q;
+                        return (Q = i.createNodeChildren) == null ? void 0 : Q.call(i, w);
+                      }
+                    }, {
+                      default: C(() => [
+                        $(U, { name: "plus" })
+                      ]),
+                      _: 2
+                    }, 1032, ["theme", "tooltip", "disabled", "onClick"])
+                  ])
+                ]),
+                A("td", {
+                  colspan: g.value.length + 1,
+                  class: "--pY-5 --index-1 --pRight"
+                }, [
+                  Oe(A("div", hl, [
+                    G(i.$slots, "default", X(ae({ node: w, show: d.value[k][1] })))
+                  ], 512), [
+                    [Fe, d.value[k][1]]
+                  ]),
+                  d.value[k][1] ? z("", !0) : (a(), v("div", vl, [
+                    A("hr", {
+                      class: j(`--tm-${l(s)[0]}`)
+                    }, null, 2)
+                  ]))
+                ], 8, fl)
+              ])) : z("", !0)
+            ], 64))), 128))
+          ], 2)
+        ], 2)
+      ], 16)
+    ], 512)) : i.canSort ? z("", !0) : (a(), _(Se, {
+      key: 1,
+      theme: i.theme
+    }, {
+      default: C(() => [
+        A("div", gl, [
+          A("span", null, P(l(e)("nothing_to_show")), 1),
+          i.refresh ? (a(), _(le, {
+            key: 0,
+            theme: i.theme,
+            tooltip: l(e)("refresh"),
+            round: "",
+            onClick: R[1] || (R[1] = (w) => i.refresh())
+          }, {
+            default: C(() => [
+              $(U, { name: "rotate-right" }),
+              $(U, {
+                name: "rotate-right",
+                regular: ""
+              })
+            ]),
+            _: 1
+          }, 8, ["theme", "tooltip"])) : z("", !0)
+        ])
+      ]),
+      _: 1
+    }, 8, ["theme"]));
+  }
+}), yl = ["title"], bl = { class: "--txtWrap-nowrap" }, wl = { key: 1 }, Cl = { key: 2 }, tt = /* @__PURE__ */ q({
+  name: "ValueComplex",
+  inheritAttrs: !1,
+  __name: "Complex",
+  props: {
+    value: {},
+    property: {},
+    node: {},
+    readOnly: { type: Boolean },
+    classes: {},
+    refresh: { type: Function },
+    modalTarget: {},
+    modalTheme: {},
+    omitRefresh: { type: Boolean },
+    theme: {}
+  },
+  setup(p) {
+    const t = p, { themeValues: e } = te(t), { t: m } = O(Z), r = O(Le);
+    function B(o) {
+      return o.map((d) => typeof d == "object" && d !== null ? d : { value: d });
+    }
+    async function s() {
+      var d, h, b;
+      r.fireLoader({});
+      const o = await ((h = (d = t.property) == null ? void 0 : d.createNode) == null ? void 0 : h.call(d, t.node));
+      if (o === void 0) {
+        r.isLoading() && r.close();
+        return;
+      }
+      o ? r.fire({
+        icon: "success",
+        title: m("swal.table_created")
+      }) : r.fire({
+        icon: "warning",
+        title: m("swal.table_created"),
+        text: m("swal.table_possibly_not_created")
+      }), t.omitRefresh || (b = t.refresh) == null || b.call(t);
+    }
+    function u(o) {
+      return Object.entries(o).sort(([d], [h]) => d.endsWith("At") || d.endsWith("By") || h.endsWith("At") || h.endsWith("By") ? d.endsWith("At") || d.endsWith("By") ? 1 : -1 : d > h ? 1 : d < h ? -1 : 0).filter(([d]) => d !== "id");
+    }
+    return (o, d) => {
+      var b, y, g, L;
+      const h = Ge("Complex", !0);
+      return Array.isArray(o.value) ? (a(), v("div", {
+        key: 0,
+        class: "flx --flxRow --flx-start-center --gap-5",
+        title: o.value.length ? l(m)("table_quantity", o.value.length) : ""
+      }, [
+        !o.readOnly && ((b = o.property) != null && b.createNode) ? (a(), _(re, {
+          key: 0,
+          theme: o.theme,
+          tooltip: l(m)("table_create_new"),
+          "tooltip-as-text": "",
+          "tooltip-position": "bottom",
+          round: "",
+          onClick: s
+        }, {
+          default: C(() => [
+            $(U, { name: "plus" })
+          ]),
+          _: 1
+        }, 8, ["theme", "tooltip"])) : z("", !0),
+        o.value.length ? (a(), v(K, { key: 1 }, [
+          A("span", bl, [
+            A("b", {
+              class: j(`--txtColor-${l(e)[0]}`)
+            }, P(o.value.length), 3),
+            ne(" ⋅ ")
+          ]),
+          o.value.every((f) => typeof f == "object") || o.value.length > 3 ? (a(), _(Be, {
+            key: 0,
+            class: "--txtSize",
+            theme: o.modalTheme || o.theme,
+            title: (y = o.property) == null ? void 0 : y.alias,
+            target: o.modalTarget
+          }, {
+            toggle: C(({ setModel: f }) => {
+              var V, S;
+              return [
+                $(le, {
+                  theme: o.theme,
+                  "aria-label": l(m)("table_see_values", { name: (S = (V = o.property) == null ? void 0 : V.alias) == null ? void 0 : S.toLowerCase() }),
+                  size: "sm",
+                  onClick: (n) => f()
+                }, {
+                  default: C(() => {
+                    var n, D;
+                    return [
+                      ne(P(l(m)("table_see_values", { name: (D = (n = o.property) == null ? void 0 : n.alias) == null ? void 0 : D.toLowerCase() })), 1)
+                    ];
+                  }),
+                  _: 2
+                }, 1032, ["theme", "aria-label", "onClick"])
+              ];
+            }),
+            default: C(({ model: f }) => [
+              f ? (a(), _(et, {
+                key: 0,
+                nodes: B(o.value),
+                theme: o.theme,
+                "modal-theme": o.modalTheme,
+                classes: o.classes
+              }, null, 8, ["nodes", "theme", "modal-theme", "classes"])) : z("", !0)
+            ]),
+            _: 1
+          }, 8, ["theme", "title", "target"])) : (a(), v("span", wl, P(o.value.join(", ")), 1))
+        ], 64)) : (g = o.property) != null && g.createNode ? z("", !0) : (a(), v("span", Cl, "-"))
+      ], 8, yl)) : typeof o.value == "object" && o.value !== null && Object.keys(o.value).length ? (a(), _(Be, {
+        key: 1,
+        class: "--txtSize",
+        theme: o.modalTheme || o.theme,
+        title: (L = o.property) == null ? void 0 : L.alias,
+        target: o.modalTarget
+      }, {
+        toggle: C(({ setModel: f }) => [
+          "name" in o.value ? (a(), _(ee, {
+            key: 0,
+            theme: o.theme,
+            tooltip: l(m)("see_value"),
+            "tooltip-as-text": "",
+            "tooltip-position": "bottom",
+            size: "sm",
+            onClick: (V) => f()
+          }, {
+            default: C(() => [
+              $(U, {
+                name: "lemon",
+                "force-regular": ""
+              }),
+              A("span", null, P(o.value.name), 1)
+            ]),
+            _: 2
+          }, 1032, ["theme", "tooltip", "onClick"])) : (a(), _(le, {
+            key: 1,
+            theme: o.theme,
+            tooltip: l(m)("see_value"),
+            "tooltip-as-text": "",
+            "tooltip-position": "bottom",
+            size: "sm",
+            round: "",
+            onClick: (V) => f()
+          }, {
+            default: C(() => [
+              $(U, { name: "lemon" }),
+              $(U, {
+                name: "lemon",
+                "force-regular": ""
+              })
+            ]),
+            _: 2
+          }, 1032, ["theme", "tooltip", "onClick"]))
+        ]),
+        default: C(({ model: f }) => [
+          f ? (a(), v("ul", {
+            key: 0,
+            class: j(["flx --flxColumn --minWidth-220 --txtSize-sm", o.classes])
+          }, [
+            (a(!0), v(K, null, se(u(o.value), ([V, S], n) => (a(), v("li", {
+              key: n,
+              class: "flx --flxColumn --flx-center-start --gap-5 --flx-fit"
+            }, [
+              A("span", {
+                class: j(["--txtSize-xs", `--txtColor-${l(e)[0]}`])
+              }, P(l(x).capitalize(l(x).startCase(V))), 3),
+              $(h, M({
+                value: S,
+                node: o.node,
+                property: {
+                  value: V,
+                  alias: l(x).capitalize(l(x).startCase(V))
+                },
+                readOnly: o.readOnly,
+                theme: o.theme,
+                modalTheme: o.modalTheme,
+                modalTarget: o.modalTarget
+              }, { class: o.classes }), null, 16, ["class"])
+            ]))), 128))
+          ], 2)) : z("", !0)
+        ]),
+        _: 1
+      }, 8, ["theme", "title", "target"])) : (a(), _(Ze, X(M({ key: 2 }, { value: o.value, property: o.property, readOnly: o.readOnly, theme: o.theme, modalTheme: o.modalTheme, classes: o.classes, modalTarget: o.modalTarget })), null, 16));
+    };
+  }
+}), kl = /* @__PURE__ */ q({
+  name: "BoxAction",
+  inheritAttrs: !1,
+  __name: "Action",
+  props: {
+    icon: {},
+    iconProps: {},
+    src: {},
+    text: {},
+    to: {},
+    href: {},
+    target: {},
+    tel: {},
+    disabled: { type: Boolean },
+    mailto: {},
+    type: {},
+    tag: {},
+    toggle: {},
+    round: {},
+    toggleState: {},
+    indicative: {},
+    whatsapp: { type: Boolean },
+    download: {},
+    hidden: {},
+    size: {},
+    active: { type: Boolean },
+    invalid: { type: Boolean },
+    state: {},
+    theme: {},
+    tooltip: {},
+    tooltipPosition: {},
+    tooltipAsText: { type: Boolean }
+  },
+  setup(p) {
+    const t = p, { getClassesString: e } = O(Y), { modifiersClasses: m } = ie(t), { stateClasses: r } = de(t), { themeClasses: B, tooltipAttributes: s } = te(t), { themeClasses: u } = te({ theme: ve.LIGHT });
+    return (o, d) => (a(), _(fe, M({ ...o.$attrs, ...t, ...l(s) }, {
+      class: [l(e)([l(m), l(r), l(B)]), "box --button"]
+    }), {
+      default: C(() => [
+        A("div", {
+          class: j([l(e)([l(u)]), "box --square-sm"])
+        }, [
+          o.src ? (a(), _(Te, {
+            key: 1,
+            class: "--bgColor-light --width --height",
+            src: o.src,
+            alt: o.text
+          }, null, 8, ["src", "alt"])) : (a(), _(U, X(M({ key: 0 }, { ...o.iconProps, name: o.icon ?? "cubes", size: 50 })), null, 16))
+        ], 2),
+        A("p", null, [
+          A("b", null, P(o.text), 1)
+        ])
+      ]),
+      _: 1
+    }, 16, ["class"]));
+  }
+}), $l = { class: "flx --flxRow --flx-center" }, _l = { class: "flx --flxRow --flx-center" }, Bl = {
+  key: 0,
+  class: "back --overlay is--active"
+}, We = /* @__PURE__ */ q({
+  name: "LoaderContent",
+  inheritAttrs: !1,
+  __name: "Content",
+  props: {
+    content: { type: Boolean },
+    loading: { type: Boolean },
+    errors: { type: Boolean },
+    noContentMessage: {},
+    label: {},
+    refresh: { type: Function },
+    unwrap: { type: Boolean },
+    el: {},
+    loaderClasses: {},
+    theme: {}
+  },
+  setup(p) {
+    const { t } = O(Z);
+    return (e, m) => (a(), _($e, {
+      el: je,
+      wrap: !e.unwrap,
+      name: "fade",
+      appear: ""
+    }, {
+      default: C(() => [
+        !e.content || e.errors ? (a(), v("div", {
+          key: 0,
+          class: j(["flx --flxColumn --flx-center --width", e.loaderClasses])
+        }, [
+          e.loading ? (a(), _(Re, {
+            key: 1,
+            label: e.label,
+            theme: e.theme
+          }, null, 8, ["label", "theme"])) : (a(), v(K, { key: 0 }, [
+            e.errors ? (a(), _(Se, {
+              key: 0,
+              theme: l(ve).DANGER
+            }, {
+              default: C(() => [
+                A("div", $l, [
+                  A("span", null, P(l(t)("could_not_get_data")), 1),
+                  e.refresh ? (a(), _(le, {
+                    key: 0,
+                    theme: l(ve).DANGER,
+                    tooltip: l(t)("refresh"),
+                    round: "",
+                    onClick: m[0] || (m[0] = (r) => e.refresh())
+                  }, {
+                    default: C(() => [
+                      $(U, { name: "rotate-right" }),
+                      $(U, {
+                        name: "rotate-right",
+                        regular: ""
+                      })
+                    ]),
+                    _: 1
+                  }, 8, ["theme", "tooltip"])) : z("", !0)
+                ])
+              ]),
+              _: 1
+            }, 8, ["theme"])) : (a(), _(Se, {
+              key: 1,
+              theme: e.theme
+            }, {
+              default: C(() => [
+                A("div", _l, [
+                  A("span", null, P(e.noContentMessage || l(t)("nothing_to_show")), 1),
+                  e.refresh ? (a(), _(le, {
+                    key: 0,
+                    theme: e.theme,
+                    tooltip: l(t)("refresh"),
+                    round: "",
+                    onClick: m[1] || (m[1] = (r) => e.refresh())
+                  }, {
+                    default: C(() => [
+                      $(U, { name: "rotate-right" }),
+                      $(U, {
+                        name: "rotate-right",
+                        regular: ""
+                      })
+                    ]),
+                    _: 1
+                  }, 8, ["theme", "tooltip"])) : z("", !0)
+                ])
+              ]),
+              _: 1
+            }, 8, ["theme"]))
+          ], 64))
+        ], 2)) : (a(), _($e, M({
+          key: 1,
+          wrap: !e.unwrap,
+          el: e.el
+        }, e.$attrs), {
+          default: C(() => [
+            e.loading ? (a(), v("div", Bl, [
+              $(Re, {
+                label: e.label,
+                theme: e.theme
+              }, null, 8, ["label", "theme"])
+            ])) : z("", !0),
+            G(e.$slots, "default")
+          ]),
+          _: 3
+        }, 16, ["wrap", "el"]))
+      ]),
+      _: 3
+    }, 8, ["wrap"]));
+  }
+}), ge = /* @__PURE__ */ q({
+  name: "LoaderContentFetch",
+  inheritAttrs: !1,
+  __name: "ContentFetch",
+  props: {
+    promise: { type: [Boolean, Function] },
+    url: { type: [Boolean, String] },
+    fallback: {},
+    unwrap: { type: Boolean },
+    payload: {},
+    el: {},
+    preventAutoload: { type: Boolean },
+    theme: {}
+  },
+  emits: ["refresh"],
+  setup(p, { emit: t }) {
+    const e = p, m = t, r = H(!1), B = H(), s = H(), u = H(!1), o = H(!1), d = (b, y) => {
+      if (s.value && !o.value)
+        return o.value = !0;
+      !e.preventAutoload && !u.value || (s.value = b, B.value = y);
+    };
+    async function h(b) {
+      if (b && (s.value = b), !!(e.promise || e.url)) {
+        try {
+          if (r.value = !0, e.promise)
+            s.value = await e.promise(d, ...e.payload || []);
+          else if (e.url) {
+            const y = await (await fetch(e.url)).json(), g = "data" in y ? y.data : y;
+            if (y.error)
+              throw new Error(y.error);
+            g && (s.value = g);
+          }
+          B.value = void 0;
+        } catch (y) {
+          console.error(y), s.value = void 0, B.value = y;
+        }
+        u.value = !0, r.value = !1, m("refresh", h);
+      }
+    }
+    return e.preventAutoload || h(e.fallback), pe(
+      [() => e.url, () => e.promise],
+      (b, y) => {
+        const g = b[0] === y[0], L = b[1] === y[1], f = b[1] && y[1];
+        g && L || f || (!r.value && (b[1] || b[0]) ? h() : e.fallback && (s.value = e.fallback));
+      },
+      { immediate: !1 }
+    ), pe(
+      () => e.preventAutoload,
+      (b) => {
+        !b && !u.value && h();
+      },
+      { immediate: !1 }
+    ), pe(
+      () => e.payload,
+      (b, y) => {
+        u.value && !x.isEqual(b, y) && h();
+      },
+      { immediate: !1 }
+    ), (b, y) => (a(), _(We, X(ae({
+      ...b.$attrs,
+      content: !!s.value,
+      errors: !!B.value,
+      loading: r.value,
+      refresh: h,
+      unwrap: b.unwrap,
+      theme: b.theme
+    })), {
+      default: C(() => [
+        s.value ? G(b.$slots, "default", X(M({ key: 0 }, { content: s.value, refresh: h, loading: r.value, errors: B.value }))) : z("", !0)
+      ]),
+      _: 3
+    }, 16));
+  }
+}), Sl = {
+  key: 0,
+  class: "flx --flxRow-wrap --flx-center --gap-5 --gap:sm"
+}, Al = { key: 0 }, Vl = { class: "--txtSize-sm" }, Rl = { key: 1 }, zl = { class: "flx --flxRow-wrap --flx-center --gap-5 --gap:sm" }, Ll = { key: 0 }, Tl = { class: "--hidden-full:sm-inv" }, Pl = { class: "--hidden-full:sm-inv" }, lt = /* @__PURE__ */ q({
+  name: "PaginationSimple",
+  inheritAttrs: !1,
+  __name: "Simple",
+  props: {
+    withRoute: { type: Boolean },
+    hidePageLength: { type: Boolean },
+    pagination: {},
+    currentPage: {},
+    theme: {}
+  },
+  setup(p) {
+    var s;
+    const t = p, { t: e } = O(Z), m = (s = De()) == null ? void 0 : s.appContext.config.globalProperties.$router;
+    function r(u) {
+      if (!m)
+        return;
+      const o = m.currentRoute.value;
+      m.push({ path: o.path, query: { ...o.query, at: u } });
+    }
+    const B = T({
+      get: () => {
+        var u;
+        return String((u = t.pagination) == null ? void 0 : u.first);
+      },
+      set(u) {
+        if (!m)
+          return;
+        const o = m.currentRoute.value;
+        m.push({ path: o.path, query: { first: u } });
+      }
+    });
+    return (u, o) => {
+      var d, h;
+      return u.currentPage ? (a(), v("ul", Sl, [
+        (d = u.pagination) != null && d.first ? (a(), v("li", Al, [
+          A("p", Vl, P(l(e)("pagination_items", u.currentPage.totalCount)) + " ⋅ " + P(l(e)("pagination_pages", Math.ceil(u.currentPage.totalCount / ((h = u.pagination) == null ? void 0 : h.first)))), 1)
+        ])) : z("", !0),
+        u.withRoute ? (a(), v("li", Rl, [
+          A("ul", zl, [
+            !u.hidePageLength && u.currentPage.totalCount > 5 ? (a(), v("li", Ll, [
+              $(he, {
+                id: "order",
+                modelValue: B.value,
+                "onUpdate:modelValue": o[0] || (o[0] = (b) => B.value = b),
+                theme: u.theme,
+                class: "--maxWidthVw-60",
+                name: "order",
+                options: [5, 10, 25, 50, 100]
+              }, null, 8, ["modelValue", "theme"])
+            ])) : z("", !0),
+            u.currentPage.totalCount > u.currentPage.edges.length ? (a(), v(K, { key: 1 }, [
+              A("li", null, [
+                $(le, {
+                  theme: u.theme,
+                  "aria-label": l(e)("previous"),
+                  disabled: !u.currentPage.pageInfo.hasPreviousPage,
+                  round: ":sm-inv",
+                  onClick: o[1] || (o[1] = (b) => {
+                    var y;
+                    return u.currentPage && r((y = u.currentPage.pageInfo) == null ? void 0 : y.previousCursor);
+                  })
+                }, {
+                  default: C(() => [
+                    $(U, { name: "arrow-left" }),
+                    $(U, {
+                      name: "arrow-left",
+                      regular: ""
+                    }),
+                    A("span", Tl, P(l(e)("previous")), 1)
+                  ]),
+                  _: 1
+                }, 8, ["theme", "aria-label", "disabled"])
+              ]),
+              A("li", null, [
+                $(le, {
+                  theme: u.theme,
+                  "aria-label": l(e)("next"),
+                  disabled: !u.currentPage.pageInfo.hasNextPage,
+                  round: ":sm-inv",
+                  onClick: o[2] || (o[2] = (b) => {
+                    var y;
+                    return u.currentPage && r((y = u.currentPage.pageInfo) == null ? void 0 : y.nextCursor);
+                  })
+                }, {
+                  default: C(() => [
+                    A("span", Pl, P(l(e)("next")), 1),
+                    $(U, { name: "arrow-right" }),
+                    $(U, {
+                      name: "arrow-left",
+                      regular: ""
+                    })
+                  ]),
+                  _: 1
+                }, 8, ["theme", "aria-label", "disabled"])
+              ])
+            ], 64)) : z("", !0)
+          ])
+        ])) : z("", !0)
+      ])) : z("", !0);
+    };
+  }
+}), El = /* @__PURE__ */ q({
+  name: "PaginationContent",
+  inheritAttrs: !1,
+  __name: "Content",
+  props: {
+    page: {},
+    withProps: { type: Boolean },
+    withRoute: { type: Boolean },
+    hideControls: { type: Boolean },
+    preventAutoload: { type: Boolean },
+    at: {},
+    first: {},
+    orderBy: {},
+    theme: {}
+  },
+  setup(p) {
+    var u;
+    const t = p, e = me("xamu"), m = (u = De()) == null ? void 0 : u.appContext.config.globalProperties.$router, r = T(() => {
+      const { orderBy: o, first: d, at: h } = t;
+      return { orderBy: o, first: d || (e == null ? void 0 : e.first), at: h };
+    }), B = T(() => {
+      if (!m)
+        return {};
+      const o = m.currentRoute.value, d = { ...r.value }, [h, b] = Array.isArray(o.query.orderBy) ? o.query.orderBy : [], g = [h ?? "createdAt", b === "asc" || b === "desc" ? b : "desc"], L = o.query.first, f = o.query.at;
+      if (d.orderBy = g, L && !Array.isArray(L) && (d.first = Number(L)), f && !Array.isArray(f)) {
+        const V = Number(f);
+        d.at = isNaN(V) ? f : V;
+      }
+      return d;
+    }), s = T(() => {
+      if (t.withProps)
+        return r.value;
+      if (t.withRoute)
+        return B.value;
+    });
+    return (o, d) => (a(), _(ge, M({
+      promise: o.page,
+      payload: [s.value]
+    }, { ...o.$attrs, preventAutoload: o.preventAutoload, theme: o.theme }), {
+      default: C(({ content: h, refresh: b }) => [
+        G(o.$slots, "default", X(ae({
+          content: h.edges.map(({ node: y }) => y),
+          pagination: s.value,
+          currentPage: h,
+          refresh: b
+        }))),
+        o.hideControls ? z("", !0) : (a(), _(lt, X(M({ key: 0 }, { pagination: s.value, currentPage: h, withRoute: o.withRoute, theme: o.theme })), null, 16))
+      ]),
+      _: 3
+    }, 16, ["promise", "payload"]));
+  }
+}), Il = /* @__PURE__ */ q({
+  name: "InputColor",
+  inheritAttrs: !1,
+  __name: "Color",
+  props: {
+    type: {},
+    autocomplete: {},
+    id: {},
+    name: {},
+    placeholder: {},
+    title: {},
+    required: { type: Boolean },
+    disabled: { type: Boolean },
+    hidden: {},
+    size: {},
+    active: { type: Boolean },
+    invalid: { type: Boolean },
+    state: {},
+    theme: {}
+  },
+  setup(p) {
+    const t = p, { getClassesString: e } = O(Y), { modifiersClasses: m } = ie(t), { stateClasses: r } = de(t), { themeClasses: B } = te(t);
+    return (s, u) => (a(), _(Ae, M({
+      type: "color",
+      disabled: s.disabled,
+      class: l(e)([l(m), l(r), l(B), "iColor"])
+    }, s.$attrs), null, 16, ["disabled", "class"]));
+  }
+}), Nl = {
+  key: 1,
+  class: "--txtColor-danger"
+}, Ue = /* @__PURE__ */ q({
+  name: "FormInputOptions",
+  inheritAttrs: !0,
+  __name: "InputOptions",
+  props: {
+    input: {}
+  },
+  setup(p) {
+    const { t } = O(Z);
+    return (e, m) => {
+      var r;
+      return (r = e.input.options) != null && r.length ? G(e.$slots, "default", X(M({ key: 0 }, { options: e.input.options.map(l(ke)) }))) : (a(), v("p", Nl, P(l(t)("form_required_options")), 1));
+    };
+  }
+}), Ul = {
+  key: 0,
+  class: "flx --flxColumn --flxRow-wrap:md --flx-start-stretch --gap-5 --flx"
+}, Ml = {
+  key: 1,
+  class: "--txtColor-danger"
+}, Ce = /* @__PURE__ */ q({
+  name: "FormInputNValues",
+  inheritAttrs: !0,
+  __name: "InputNValues",
+  props: {
+    model: {},
+    values: {}
+  },
+  setup(p) {
+    const t = p, { t: e } = O(Z), m = T(() => t.values.some((r) => Array.isArray(t.model) && t.model.length === r));
+    return (r, B) => Array.isArray(r.model) && m.value ? (a(), v("div", Ul, [
+      G(r.$slots, "default")
+    ])) : (a(), v("p", Ml, P(r.values.map((s) => l(e)("form_requires_n_values", s)).join(" | ")), 1));
+  }
+});
+function at({ input: p }) {
+  const { t, tet: e } = O(Z);
+  function m() {
+    switch (p.type) {
+      case F.EMAIL:
+        return t("form_use_valid_email");
+      case F.PHONE:
+        return t("form_use_valid_phone");
+      case F.CELLPHONE:
+        return t("form_use_valid_cellphone");
+      case F.NEW_PASSWORD:
+        return t("form_unmatching_passwords");
+      default:
+        return t("form_invalid_data");
+    }
+  }
+  function r() {
+    switch (p.type) {
+      case F.PASSWORD:
+        return "password";
+      case F.EMAIL:
+        return "email";
+      case F.NUMBER:
+        return "number";
+      case F.PHONE:
+      case F.CELLPHONE:
+        return "tel";
+      default:
+        return "text";
+    }
+  }
+  function B(u = 0) {
+    const o = (d) => p.placeholder ? `${e(p.placeholder).replace("...", "")}...` : `${t(d)}...`;
+    switch (p.type) {
+      case F.LOCATION:
+        return [o("form_country"), o("form_state"), o("form_city")][u];
+      case F.NEW_PASSWORD:
+        return [o("form_desired_password"), o("form_confirm_password")][u];
+      case F.PASSWORD:
+        return [o("form_password")][u];
+      case F.EMAIL:
+        return [o("form_email")][u];
+      case F.PHONE:
+        return [o("form_phone_line")][u];
+      case F.CELLPHONE:
+        return [o("form_cellphone")][u];
+      case F.ID:
+        return [o("form_id_number")][u];
+      default:
+        return [o("form_complete_the_field")][u];
+    }
+  }
+  function s() {
+    if (p.autocomplete)
+      return p.autocomplete;
+    switch (p.type) {
+      case F.NEW_PASSWORD:
+        return "new-password";
+      case F.PASSWORD:
+        return "current-password";
+      case F.EMAIL:
+        return "email";
+      case F.PHONE:
+        return "tel-local";
+      case F.CELLPHONE:
+        return "tel-national";
+      default:
+        return "on";
+    }
+  }
+  return {
+    getInputError: m,
+    getInputAutocomplete: s,
+    getInputPlaceholder: B,
+    getInputTextType: r
+  };
+}
+const Ol = { class: "flx --flxRow --flx-start-center --gap-5" }, Fl = {
+  key: 0,
+  class: "--txtColor-danger --txtSize-sm"
+}, Dl = /* @__PURE__ */ q({
+  name: "FormInputLoop",
+  inheritAttrs: !0,
+  __name: "InputLoop",
+  props: {
+    input: {},
+    models: {},
+    theme: {}
+  },
+  setup(p) {
+    const t = p, { t: e } = O(Z), { isValidValue: m, notEmptyValue: r } = O(Ke).utils, { getInputError: B } = at(t);
+    return (s, u) => (a(), v(K, null, [
+      (a(!0), v(K, null, se(s.models, (o, d) => {
+        var h, b, y, g;
+        return a(), v("div", {
+          key: ((b = (h = s.input.defaults) == null ? void 0 : h[d]) == null ? void 0 : b.placeholder) || ((g = (y = s.input.defaults) == null ? void 0 : y[d]) == null ? void 0 : g.type) || d,
+          class: "--width"
+        }, [
+          A("div", Ol, [
+            G(s.$slots, "default", X(ae({ i: d }))),
+            s.input.multiple && s.input.min < s.input.values.length ? (a(), _(ee, {
+              key: 0,
+              "aria-label": l(e)("clear"),
+              theme: s.theme,
+              onClick: (L) => s.input.removeValue(d)
+            }, {
+              default: C(() => [
+                $(U, {
+                  name: "trash-can",
+                  size: "20"
+                })
+              ]),
+              _: 2
+            }, 1032, ["aria-label", "theme", "onClick"])) : z("", !0)
+          ]),
+          l(r)(o.value, s.input.defaults) && !l(m)(o.value, s.input) ? (a(), v("p", Fl, P(l(B)()), 1)) : z("", !0)
+        ]);
+      }), 128)),
+      s.input.multiple && s.input.max > s.models.length ? (a(), _(re, {
+        key: 0,
+        "aria-label": l(e)("add"),
+        theme: s.theme,
+        onClick: u[0] || (u[0] = (o) => s.input.addValue())
+      }, {
+        default: C(() => [
+          ne(P(l(e)("add")), 1)
+        ]),
+        _: 1
+      }, 8, ["aria-label", "theme"])) : z("", !0)
+    ], 64));
+  }
+});
+function ot() {
+  const { lang: p } = me("xamu") || {};
+  function t(m = {}) {
+    return new URLSearchParams({ ...m, ...p && p !== "en" ? { lang: p } : {} });
+  }
+  function e(m) {
+    return (r, ...B) => m(...B);
+  }
+  return {
+    getUrlParams: t,
+    unHydrate: e
+  };
+}
+function qe() {
+  const { country: p } = me("xamu") || {}, { getUrlParams: t } = ot(), e = "https://countries.xamu.com.co/api/v1", m = {};
+  async function r() {
+    const d = `${e}?${t()}`, { data: h, error: b } = await (await fetch(d)).json();
+    if (b)
+      throw new Error(b);
+    return h;
+  }
+  async function B(d) {
+    if (!d)
+      throw new Error("A valid country is required");
+    const h = `${e}/${d}?${t({ states: "" })}`, { data: b, error: y } = await (await fetch(h)).json();
+    if (y)
+      throw new Error(y);
+    return b;
+  }
+  async function s(d) {
+    return (await B(d)).states;
+  }
+  async function u(d, h) {
+    if (!d || !h)
+      throw new Error("A valid country and state are required");
+    const b = `${e}/${d}/${h}?${t({ cities: "" })}`, { data: y, error: g } = await (await fetch(b)).json();
+    if (g)
+      throw new Error(g);
+    return y;
+  }
+  async function o(d, h) {
+    return (await u(d, h)).cities;
+  }
+  return {
+    defaultCountry: p,
+    fallbackCountry: m,
+    getCountries: r,
+    getCountry: B,
+    getCountryStates: s,
+    getState: u,
+    getStateCities: o
+  };
+}
+const Wl = /* @__PURE__ */ q({
+  name: "FormInputCountriesApi",
+  inheritAttrs: !0,
+  __name: "InputCountriesAPI",
+  props: {
+    model: {},
+    states: {},
+    theme: {}
+  },
+  setup(p) {
+    const t = p, { unHydrate: e } = ot(), { defaultCountry: m, getCountryStates: r, getStateCities: B } = qe(), s = T(() => t.model[0] || m || "");
+    return (u, o) => (a(), _(Ce, {
+      model: u.model,
+      values: [1, 3]
+    }, {
+      default: C(() => [
+        $(ge, {
+          theme: u.theme,
+          promise: !u.states && !!s.value && l(e)(l(r)),
+          payload: [s.value],
+          fallback: [],
+          unwrap: ""
+        }, {
+          default: C((d) => [
+            $(ge, {
+              theme: u.theme,
+              promise: !!(s.value && u.model[0]) && u.model[0] !== u.model[0] && !!(d.content.length || u.states) && l(e)(l(B)),
+              payload: [s.value, u.model[1]],
+              fallback: [],
+              unwrap: ""
+            }, {
+              default: C((h) => [
+                G(u.$slots, "default", X(ae({ statesReq: d, citiesReq: h })))
+              ]),
+              _: 2
+            }, 1032, ["theme", "promise", "payload"])
+          ]),
+          _: 3
+        }, 8, ["theme", "promise", "payload"])
+      ]),
+      _: 3
+    }, 8, ["model"]));
+  }
+}), ql = { class: "flx --flxColumn --flx-start --gap-5" }, Hl = {
+  key: 0,
+  class: "flx --flxRow-wrap --flx-center --flx-start-center:md --maxWidth-440"
+}, jl = {
+  key: 0,
+  class: "flx --flxColumn --flxRow-wrap:md --flx-start-stretch --flx"
+}, Gl = {
+  key: 1,
+  class: "flx --flxColumn --flxRow-wrap:md --flx-start-stretch --gap-5 --flx"
+}, Kl = /* @__PURE__ */ A("p", null, "Schedule Component Here", -1), Ql = {
+  key: 6,
+  class: "--flx"
+}, Xl = {
+  key: 0,
+  class: "--txtSize-sm --txtWeight --txtWrap"
+}, Yl = {
+  key: 3,
+  class: "--txtColor-danger --txtSize-sm"
+}, st = /* @__PURE__ */ q({
+  name: "FormInput",
+  inheritAttrs: !1,
+  __name: "Input",
+  props: {
+    modelValue: {},
+    input: {},
+    invalid: {},
+    countries: {},
+    states: {},
+    theme: {}
+  },
+  emits: ["update:model-value"],
+  setup(p, { emit: t }) {
+    const e = p, m = t, { t: r, tet: B } = O(Z), { isValidFormInputValue: s, notEmptyValue: u } = O(Ke).utils, { getInputPlaceholder: o, getInputAutocomplete: d, getInputTextType: h } = at(e), { defaultCountry: b } = qe(), y = T(() => (e.countries || []).map(({ code: c, name: I }) => ({ value: c, alias: I }))), g = T(() => (e.countries || []).map(({ name: c, code: I, indicative: N }) => ({
+      value: I + N,
+      alias: c
+    }))), L = T(() => {
+      var c;
+      return (c = e.states) == null ? void 0 : c.map(({ code: I, name: N }) => ({ value: I, alias: N }));
+    }), f = T(() => e.input.values.every((I) => u(I, e.input.defaults))), V = T(() => {
+      const c = e.input.values, I = !!e.invalid && x.isEqual(e.invalid.invalidValue, c), N = f.value && !s(e.input);
+      return I || N;
+    }), S = T(() => {
+      var N;
+      const [c, I] = ((N = e.input) == null ? void 0 : N.icon) || [];
+      return {
+        ...x.omit(e.input, ["type"]),
+        invalid: V.value,
+        autocomplete: d(),
+        icon: c,
+        iconProps: I
+      };
+    }), n = T(() => e.modelValue.map(
+      (c, I) => T({
+        get: () => c,
+        set: (N) => {
+          m("update:model-value", e.modelValue.toSpliced(I, 1, N));
+        }
+      })
+    ));
+    function D(c) {
+      if (e.input.multiple)
+        if (e.modelValue.includes(c)) {
+          const I = e.modelValue.indexOf(c);
+          I > -1 && e.input.removeValue(I);
+        } else
+          e.input.addValue(c);
+      else
+        n.value[0].value = c;
+    }
+    function W(c) {
+      return { value: c.code, alias: c.name };
+    }
+    function J(c) {
+      return { value: c.name };
+    }
+    return (c, I) => {
+      const N = Ge("Input", !0);
+      return a(), v("div", ql, [
+        !c.input.defaults && c.input.type === l(F).CHOICE ? (a(), _(Ue, {
+          key: 0,
+          input: c.input
+        }, {
+          default: C(({ options: i }) => {
+            var R;
+            return [
+              (R = c.input.options) != null && R.length ? (a(), v("div", Hl, [
+                (a(!0), v(K, null, se(i, (w, k) => (a(), _(ye(c.input.multiple ? le : re), {
+                  key: k,
+                  size: "md",
+                  theme: c.theme,
+                  "aria-label": w.alias || w.value,
+                  active: c.modelValue.includes(w.value),
+                  disabled: !c.input.multiple && c.modelValue.includes(w.value),
+                  onClick: (E) => D(w.value)
+                }, {
+                  default: C(() => [
+                    A("span", null, P(w.alias || w.value), 1),
+                    w.icon ? (a(), v(K, { key: 0 }, [
+                      $(U, {
+                        name: w.icon
+                      }, null, 8, ["name"]),
+                      c.input.multiple ? (a(), _(U, {
+                        key: 0,
+                        name: w.icon,
+                        regular: ""
+                      }, null, 8, ["name"])) : z("", !0)
+                    ], 64)) : w.pattern ? (a(), v("figure", {
+                      key: 1,
+                      class: "avatar --size-xs --bdr --bdrColor-light",
+                      style: Ve(
+                        l(be).isURL(w.pattern) ? { backgroundImage: `url('${w.pattern}')` } : { backgroundColor: w.pattern }
+                      )
+                    }, null, 4)) : z("", !0)
+                  ]),
+                  _: 2
+                }, 1032, ["theme", "aria-label", "active", "disabled", "onClick"]))), 128))
+              ])) : z("", !0)
+            ];
+          }),
+          _: 1
+        }, 8, ["input"])) : !c.input.defaults && c.input.type === l(F).FILE ? (a(), _(Je, {
+          key: 1,
+          theme: c.theme,
+          class: "--flx",
+          min: c.input.min,
+          max: c.input.max,
+          "file-prefix": l(x).snakeCase(c.input.placeholder),
+          "model-value": c.modelValue,
+          "onUpdate:modelValue": I[0] || (I[0] = (i) => c.$emit("update:model-value", i))
+        }, null, 8, ["theme", "min", "max", "file-prefix", "model-value"])) : (a(), _(Dl, {
+          key: 2,
+          models: n.value,
+          input: c.input,
+          theme: c.theme
+        }, {
+          default: C(({ i }) => [
+            c.input.defaults && c.input.defaults.length >= 2 ? (a(), v("div", jl, [
+              (a(!0), v(K, null, se(n.value[i].value, (R, w) => {
+                var k, E;
+                return a(), _(N, {
+                  key: ((k = c.input.defaults) == null ? void 0 : k[w].placeholder) || ((E = c.input.defaults) == null ? void 0 : E[w].type) || w,
+                  input: c.input.setRerender(c.$forceUpdate).clone({
+                    ...c.input.defaults[w],
+                    // sub input
+                    multiple: !1,
+                    defaults: void 0,
+                    values: [n.value[i].value[w]]
+                  }),
+                  theme: c.theme,
+                  class: "--width-180 --flx",
+                  invalid: c.invalid,
+                  "model-value": [R],
+                  "onUpdate:modelValue": (Q) => n.value[i].value = n.value[i].value.toSpliced(w, 1, Q[0])
+                }, null, 8, ["input", "theme", "invalid", "model-value", "onUpdate:modelValue"]);
+              }), 128))
+            ])) : c.input.type === l(F).NEW_PASSWORD ? (a(), _(Ce, {
+              key: 1,
+              model: n.value[i].value,
+              values: [2]
+            }, {
+              default: C(() => [
+                $(ce, M({
+                  modelValue: n.value[i].value[0],
+                  "onUpdate:modelValue": (R) => n.value[i].value[0] = R
+                }, S.value, {
+                  theme: c.theme,
+                  placeholder: l(o)(),
+                  type: "password",
+                  class: "--width-180 --flx"
+                }), null, 16, ["modelValue", "onUpdate:modelValue", "theme", "placeholder"]),
+                $(ce, M({
+                  modelValue: n.value[i].value[1],
+                  "onUpdate:modelValue": (R) => n.value[i].value[1] = R
+                }, S.value, {
+                  theme: c.theme,
+                  placeholder: l(o)(),
+                  type: "password",
+                  class: "--width-180 --flx"
+                }), null, 16, ["modelValue", "onUpdate:modelValue", "theme", "placeholder"])
+              ]),
+              _: 2
+            }, 1032, ["model"])) : c.input.type === l(F).ID ? (a(), _(Ce, {
+              key: 2,
+              model: n.value[i].value,
+              values: [2]
+            }, {
+              default: C(() => [
+                $(he, M({
+                  modelValue: n.value[i].value[0],
+                  "onUpdate:modelValue": (R) => n.value[i].value[0] = R
+                }, { options: c.input.options, theme: c.theme }, { class: "--width-180 --flx" }), null, 16, ["modelValue", "onUpdate:modelValue"]),
+                $(ce, M({
+                  modelValue: n.value[i].value[1],
+                  "onUpdate:modelValue": (R) => n.value[i].value[1] = R
+                }, S.value, {
+                  theme: c.theme,
+                  placeholder: l(o)(),
+                  type: "number",
+                  class: "--width-180 --flx"
+                }), null, 16, ["modelValue", "onUpdate:modelValue", "theme", "placeholder"])
+              ]),
+              _: 2
+            }, 1032, ["model"])) : c.input.type === l(F).PHONE || c.input.type === l(F).CELLPHONE ? (a(), _(Ce, {
+              key: 3,
+              model: n.value[i].value,
+              values: [2]
+            }, {
+              default: C(() => [
+                $(he, {
+                  modelValue: n.value[i].value[0],
+                  "onUpdate:modelValue": (R) => n.value[i].value[0] = R,
+                  theme: c.theme,
+                  options: g.value,
+                  class: "--width-180 --flx"
+                }, null, 8, ["modelValue", "onUpdate:modelValue", "theme", "options"]),
+                $(ce, M({
+                  modelValue: n.value[i].value[1],
+                  "onUpdate:modelValue": (R) => n.value[i].value[1] = R
+                }, S.value, {
+                  theme: c.theme,
+                  placeholder: l(o)(),
+                  type: "tel",
+                  class: "--width-180 --flx"
+                }), null, 16, ["modelValue", "onUpdate:modelValue", "theme", "placeholder"])
+              ]),
+              _: 2
+            }, 1032, ["model"])) : c.input.type === l(F).LOCATION ? (a(), _(Wl, {
+              key: 4,
+              states: L.value,
+              model: n.value[i].value,
+              values: [1, 3]
+            }, {
+              default: C(({ statesReq: R, citiesReq: w }) => [
+                !l(b) || n.value[i].value.length === 1 ? (a(), _(we, {
+                  key: 0,
+                  modelValue: n.value[i].value[0],
+                  "onUpdate:modelValue": (k) => n.value[i].value[0] = k,
+                  options: y.value,
+                  value: l(b),
+                  icon: "earth-americas",
+                  theme: c.theme,
+                  placeholder: l(o)(),
+                  class: "--width-180 --flx"
+                }, null, 8, ["modelValue", "onUpdate:modelValue", "options", "value", "theme", "placeholder"])) : z("", !0),
+                n.value[i].value.length === 3 ? (a(), v("div", Gl, [
+                  $(we, {
+                    modelValue: n.value[i].value[1],
+                    "onUpdate:modelValue": (k) => n.value[i].value[1] = k,
+                    options: L.value || (R.loading || R.content.length ? R.content.map(W) : [n.value[i].value[0] || l(b)]),
+                    icon: "mountain-sun",
+                    theme: c.theme,
+                    disabled: !(n.value[i].value[0] || l(b)),
+                    placeholder: l(o)(1),
+                    class: "--width-180 --flx"
+                  }, null, 8, ["modelValue", "onUpdate:modelValue", "options", "theme", "disabled", "placeholder"]),
+                  $(we, {
+                    modelValue: n.value[i].value[2],
+                    "onUpdate:modelValue": (k) => n.value[i].value[2] = k,
+                    options: w.loading || w.content.length ? w.content.map(J) : [n.value[i].value[1]],
+                    icon: "city",
+                    theme: c.theme,
+                    disabled: !n.value[i].value[1],
+                    placeholder: l(o)(2),
+                    class: "--width-180 --flx"
+                  }, null, 8, ["modelValue", "onUpdate:modelValue", "options", "theme", "disabled", "placeholder"])
+                ])) : z("", !0)
+              ]),
+              _: 2
+            }, 1032, ["states", "model"])) : c.input.type === l(F).SCHEDULE ? (a(), _(Ce, {
+              key: 5,
+              model: n.value[i].value,
+              values: []
+            }, {
+              default: C(() => [
+                Kl
+              ]),
+              _: 2
+            }, 1032, ["model"])) : c.input.type === l(F).BOOLEAN ? (a(), v("label", Ql, [
+              $(Se, {
+                theme: c.theme,
+                class: "--txtAlign"
+              }, {
+                default: C(() => [
+                  $(_e, M({
+                    modelValue: n.value[i].value,
+                    "onUpdate:modelValue": (R) => n.value[i].value = R
+                  }, S.value, {
+                    placeholder: l(o)(),
+                    type: "checkbox",
+                    theme: c.theme,
+                    "full-width": "",
+                    "show-placeholder": ""
+                  }), {
+                    default: C(() => [
+                      c.input.placeholder ? (a(), v("p", Xl, P(l(B)(c.input.placeholder)), 1)) : z("", !0)
+                    ]),
+                    _: 2
+                  }, 1040, ["modelValue", "onUpdate:modelValue", "placeholder", "theme"])
+                ]),
+                _: 2
+              }, 1032, ["theme"])
+            ])) : c.input.type === l(F).SELECT ? (a(), _(Ue, {
+              key: 7,
+              input: c.input
+            }, {
+              default: C(({ options: R }) => [
+                $(he, M({
+                  modelValue: n.value[i].value,
+                  "onUpdate:modelValue": (w) => n.value[i].value = w
+                }, S.value, {
+                  theme: c.theme,
+                  placeholder: c.input.placeholder,
+                  options: R,
+                  class: "--flx"
+                }), null, 16, ["modelValue", "onUpdate:modelValue", "theme", "placeholder", "options"])
+              ]),
+              _: 2
+            }, 1032, ["input"])) : c.input.type === l(F).SELECT_FILTER ? (a(), _(Ue, {
+              key: 8,
+              input: c.input
+            }, {
+              default: C(({ options: R }) => [
+                $(we, M({
+                  modelValue: n.value[i].value,
+                  "onUpdate:modelValue": (w) => n.value[i].value = w
+                }, S.value, {
+                  theme: c.theme,
+                  placeholder: c.input.placeholder,
+                  options: R,
+                  class: "--flx"
+                }), null, 16, ["modelValue", "onUpdate:modelValue", "theme", "placeholder", "options"])
+              ]),
+              _: 2
+            }, 1032, ["input"])) : c.input.type === l(F).COLOR ? (a(), _(Il, M({
+              key: 9,
+              modelValue: n.value[i].value,
+              "onUpdate:modelValue": (R) => n.value[i].value = R
+            }, S.value, { theme: c.theme }), null, 16, ["modelValue", "onUpdate:modelValue", "theme"])) : (a(), _(ce, M({
+              key: 10,
+              modelValue: n.value[i].value,
+              "onUpdate:modelValue": (R) => n.value[i].value = R
+            }, {
+              ...S.value,
+              ...c.input.type === l(F).LONGTEXT ? { textarea: !0 } : { type: l(h)() }
+            }, {
+              theme: c.theme,
+              placeholder: l(o)(),
+              class: "--flx"
+            }), null, 16, ["modelValue", "onUpdate:modelValue", "theme", "placeholder"]))
+          ]),
+          _: 1
+        }, 8, ["models", "input", "theme"])),
+        c.input.required && !f.value && V.value ? (a(), v("p", Yl, P(l(r)("form_required_field")), 1)) : z("", !0)
+      ]);
+    };
+  }
+}), Jl = { key: 0 }, Zl = {
+  key: 0,
+  class: "--txtSize-sm"
+}, nt = /* @__PURE__ */ q({
+  name: "FormSimple",
+  inheritAttrs: !0,
+  __name: "Simple",
+  props: {
+    title: {},
+    modelValue: {},
+    noForm: { type: Boolean },
+    invalid: {},
+    make: {},
+    theme: {}
+  },
+  emits: ["update:invalid", "update:model-value"],
+  setup(p, { emit: t }) {
+    const e = p, m = t, { t: r, tet: B } = O(Z), { defaultCountry: s, getCountries: u, getCountryStates: o } = qe(), d = T(() => {
+      var f;
+      return (f = e.modelValue) == null ? void 0 : f.some(({ type: V }) => V === F.LOCATION);
+    }), h = T(() => {
+      var f;
+      return (f = e.modelValue) == null ? void 0 : f.some(({ type: V }) => V === F.CELLPHONE || V === F.PHONE);
+    });
+    function b(f, V) {
+      var S, n;
+      y.value[f].values = V, m("update:model-value", (S = e.modelValue) == null ? void 0 : S.toSpliced(f, 1, y.value[f])), (n = e.invalid) != null && n.length && m(
+        "update:invalid",
+        e.invalid.filter(({ invalidValue: D, name: W }) => y.value[f].name !== W || x.isEqual(D, V))
+      );
+    }
+    const y = T(
+      () => (e.modelValue || []).filter(({ type: f, options: V, required: S }) => !((Ee.SELECT === f || Ee.SELECT_FILTER === f || Ee.CHOICE === f) && !(V != null && V.length) && !S))
+    );
+    function g({ type: f, title: V, required: S }) {
+      if (V)
+        V = B(V);
+      else
+        switch (f) {
+          case F.LOCATION:
+            V = r("form_location");
+            break;
+          case F.NEW_PASSWORD:
+            V = r("form_desired_password");
+            break;
+          case F.PASSWORD:
+            V = r("form_password");
+            break;
+          case F.ID:
+            V = r("form_id_number");
+            break;
+          case F.PHONE:
+            V = r("form_phone_line");
+            break;
+          case F.CELLPHONE:
+            V = r("form_cellphone");
+            break;
+          case F.EMAIL:
+            V = r("form_email");
+            break;
+        }
+      return S && V && (V += "*"), V || "";
+    }
+    function L(f) {
+      var V;
+      return (V = e.invalid) == null ? void 0 : V.find((S) => S.name === f);
+    }
+    return pe(
+      () => e.make,
+      (f, V) => {
+        !V || f != null && f.every((S, n) => S.isEqual(V[n])) || m("update:model-value", f);
+      },
+      { immediate: !0 }
+    ), (f, V) => (a(), _(ge, {
+      theme: f.theme,
+      promise: (d.value && !l(s) || h.value) && l(u),
+      class: "flx --flxColumn --flx-start-stretch --gap-10 --maxWidth-full",
+      fallback: [],
+      el: f.noForm ? "fieldset" : "form"
+    }, {
+      default: C((S) => [
+        $(ge, {
+          theme: f.theme,
+          promise: d.value && !!l(s) && (() => l(o)(l(s) || "")),
+          fallback: [],
+          unwrap: ""
+        }, {
+          default: C((n) => [
+            f.title ? (a(), v("legend", Jl, [
+              A("h4", null, P(f.title) + ":", 1)
+            ])) : z("", !0),
+            (a(!0), v(K, null, se(y.value, (D, W) => (a(), v("div", {
+              key: W,
+              class: "flx --flxColumn --flx-start-stretch --gap-5"
+            }, [
+              g(D) ? (a(), v("p", Zl, P(g(D)), 1)) : z("", !0),
+              $(st, {
+                theme: f.theme,
+                input: D,
+                invalid: L(D.name),
+                countries: S.content,
+                states: d.value && !!l(s) && n.content || void 0,
+                "model-value": y.value[W].values,
+                "onUpdate:modelValue": (J) => b(W, J)
+              }, null, 8, ["theme", "input", "invalid", "countries", "states", "model-value", "onUpdate:modelValue"])
+            ]))), 128))
+          ]),
+          _: 2
+        }, 1032, ["theme", "promise"])
+      ]),
+      _: 1
+    }, 8, ["theme", "promise", "el"]));
+  }
+}), xl = { class: "flx --flxColumn --gap-30" }, ea = {
+  key: 0,
+  class: "flx --flxColumn"
+}, ta = { class: "--txtSize-xs" }, la = { class: "flx --flxRow --flx-end-center --width" }, aa = {
+  key: 0,
+  class: "flx --flxRow --flx-start-center --flx --gap-5 --gap:md"
+}, oa = { class: "--hidden-full:sm-inv" }, sa = { class: "--hidden-full:sm-inv" }, na = /* @__PURE__ */ q({
+  name: "FormStages",
+  inheritAttrs: !0,
+  __name: "Stages",
+  props: {
+    submitLabel: {},
+    stages: {},
+    showConformity: { type: Boolean },
+    hideRequiredDisclaimer: { type: Boolean },
+    stagesClasses: {},
+    submitFn: { type: Function },
+    theme: {}
+  },
+  emits: ["inputValues", "submited", "update:activeStage"],
+  setup(p, { emit: t }) {
+    const e = p, m = t, { t: r } = O(Z), { isBrowser: B } = O(Y), s = H(!1), u = H(0), o = H([]), d = T({
+      get() {
+        return e.stages || [];
+      },
+      set(g) {
+        g && g.length && (!s.value && (s.value = !0), g.forEach((L, f) => {
+          L.forEach(({ listen: V, inputs: S }) => {
+            if (V && f === u.value) {
+              const n = S.reduce((D, W) => ({ ...D, [W.name]: W.values }), {});
+              m("inputValues", n);
+            }
+          });
+        }));
+      }
+    }), h = H(!1), b = x.debounce(async () => {
+      var f;
+      h.value = !0;
+      const g = (e.stages || []).map((V) => V.map(({ inputs: S }) => S)), L = await ((f = e.submitFn) == null ? void 0 : f.call(e, g.flat(2)));
+      h.value = !1, Array.isArray(L) ? o.value = L : m("submited", L);
+    });
+    function y(g) {
+      u.value = g, window.scrollTo({ top: 0, behavior: "smooth" });
+    }
+    return B && m("update:activeStage", y), (g, L) => {
+      var f;
+      return a(), _(We, {
+        loading: h.value,
+        content: !!((f = g.stages) != null && f.length),
+        theme: g.theme,
+        tag: "form",
+        method: "post",
+        class: "flx --flxColumn --flx-start-stretch --gap-30 --maxWidth-full"
+      }, {
+        default: C(() => {
+          var V;
+          return [
+            (a(!0), v(K, null, se(d.value.filter((S) => S.length), (S, n) => Oe((a(), v("div", {
+              key: `stage-${n}`,
+              class: j(g.stagesClasses ?? "flx --flxColumn --flx-start-stretch --gap-30")
+            }, [
+              (a(!0), v(K, null, se(S, (D, W) => (a(), _(nt, {
+                key: `form-${W}`,
+                modelValue: d.value[n][W].inputs,
+                "onUpdate:modelValue": (J) => d.value[n][W].inputs = J,
+                modelModifiers: { lazy: !0 },
+                theme: g.theme,
+                invalid: o.value,
+                "no-form": "",
+                title: D.title,
+                "onUpdate:invalid": L[0] || (L[0] = (J) => o.value = J)
+              }, null, 8, ["modelValue", "onUpdate:modelValue", "theme", "invalid", "title"]))), 128))
+            ], 2)), [
+              [Fe, u.value == n]
+            ])), 128)),
+            A("div", xl, [
+              g.hideRequiredDisclaimer ? z("", !0) : (a(), v("div", ea, [
+                A("p", ta, P(l(r)("required_verification")), 1)
+              ])),
+              A("div", la, [
+                (V = g.stages) != null && V.length ? (a(), v("div", aa, [
+                  G(g.$slots, "primary-actions", X(ae({
+                    activeStage: u.value,
+                    stagesLength: g.stages && g.stages.length,
+                    setActiveStage: y,
+                    canSubmit: s.value
+                  })), () => [
+                    d.value.length > 1 && u.value ? (a(), _(le, {
+                      key: "button-back",
+                      theme: g.theme,
+                      "aria-label": l(r)("previous"),
+                      round: ":sm",
+                      onClick: L[1] || (L[1] = ue((S) => y(u.value - 1), ["prevent"]))
+                    }, {
+                      default: C(() => [
+                        $(U, { name: "arrow-left" }),
+                        $(U, {
+                          name: "arrow-left",
+                          regular: ""
+                        }),
+                        A("span", oa, P(l(r)("previous")), 1)
+                      ]),
+                      _: 1
+                    }, 8, ["theme", "aria-label"])) : z("", !0),
+                    g.submitLabel && (u.value === d.value.length - 1 || !d.value.length) ? (a(), _(re, {
+                      key: "button-submit",
+                      theme: g.theme,
+                      "aria-label": l(r)("send"),
+                      disabled: !s.value || !g.submitFn,
+                      onClick: ue(l(b), ["prevent"])
+                    }, {
+                      default: C(() => [
+                        ne(P(g.submitLabel || l(r)("send")), 1)
+                      ]),
+                      _: 1
+                    }, 8, ["theme", "aria-label", "disabled", "onClick"])) : z("", !0),
+                    d.value.length > 1 && u.value < d.value.length - 1 ? (a(), _(le, {
+                      key: "button-next",
+                      theme: g.theme,
+                      "aria-label": l(r)("next"),
+                      round: ":sm",
+                      onClick: L[2] || (L[2] = ue((S) => y(u.value + 1), ["prevent"]))
+                    }, {
+                      default: C(() => [
+                        A("span", sa, P(l(r)("next")), 1),
+                        $(U, { name: "arrow-right" }),
+                        $(U, {
+                          name: "arrow-right",
+                          regular: ""
+                        })
+                      ]),
+                      _: 1
+                    }, 8, ["theme", "aria-label"])) : z("", !0)
+                  ])
+                ])) : z("", !0),
+                G(g.$slots, "secondary-actions", X(ae({
+                  activeStage: u.value,
+                  stagesLength: g.stages && g.stages.length,
+                  setActiveStage: y,
+                  canSubmit: s.value
+                })))
+              ])
+            ])
+          ];
+        }),
+        _: 3
+      }, 8, ["loading", "content", "theme"]);
+    };
+  }
+}), ra = { class: "flx --flxColumn --flx-start-center --gap-10" }, ia = {
+  key: 0,
+  class: "flx --flxRow --flx-center"
+}, ua = { key: 0 }, da = {
+  key: 0,
+  class: "--txtSize-sm"
+}, ma = { key: 1 }, pa = /* @__PURE__ */ q({
+  name: "SliderSimple",
+  inheritAttrs: !0,
+  __name: "Slider",
+  props: {
+    /**
+     * Show controls
+     */
+    controls: {
+      type: [Boolean, String],
+      default: !0
+    },
+    /**
+     * Auto-animate
+     */
+    animate: {
+      type: Boolean,
+      default: !0
+    },
+    /**
+     * Transition duration in ms
+     * @values 100 - 1000
+     */
+    transitionDuration: {
+      type: Number,
+      default: 700
+    },
+    /**
+     * Interval duration in ms
+     */
+    intervalDuration: {
+      type: Number,
+      default: 7e3
+    },
+    visibleSlides: {
+      type: Number,
+      default: 3
+    },
+    /**
+     * is gallery (border radius)
+     * TODO: allow opening overlay with picture gallery
+     */
+    gallery: {
+      type: Boolean,
+      default: !1
+    },
+    enumerate: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  setup(p) {
+    const t = p, e = mt(), m = me("xamu"), { t: r } = O(Z), { isBrowser: B } = O(Y), s = H(), u = H(), o = H(!1), d = H(!1), h = H(), b = H("slide-1"), y = H(0), g = T(() => !(m != null && m.disableAutoAnimate) && t.animate), L = T(() => {
+      var I;
+      const c = ((I = e.default) == null ? void 0 : I.call(e)) || [];
+      return c.length && c[0].type === "li" ? "ul" : "div";
+    });
+    function f() {
+      if (!u.value || !s.value)
+        throw new Error("Missing containers");
+      o.value = !0;
+      const c = Array.from(u.value.children || []), I = u.value.offsetWidth, N = c[0].offsetWidth;
+      return s.value.style.width = `${I}px`, u.value.style.left = "0", {
+        slides: c,
+        sliderWidth: I,
+        slideWidth: N,
+        slider: u.value,
+        sliderContainer: s.value
+      };
+    }
+    function V() {
+      if (!u.value || !s.value)
+        throw new Error("Missing containers");
+      u.value.style.transition = "none", s.value.style.width = "auto", u.value.style.left = "0", o.value = !1;
+    }
+    const S = (c) => new Promise((I) => {
+      const { slides: N, slideWidth: i, slider: R } = f();
+      N[N.length - 1].after(N[0].cloneNode(!0)), R.style.transition = `left ${c}ms ease`, setTimeout(() => {
+        R.style.left = `-${i}px`, setTimeout(() => {
+          N[0].remove();
+          const w = R.children[0];
+          w.dataset.id && (b.value = w.dataset.id), I(!0);
+        }, c);
+      }, 1);
+    }), n = (c) => new Promise((I) => {
+      const { slides: N, slideWidth: i, slider: R } = f();
+      R.style.left = `-${i}px`, N[0].before(N[N.length - 1].cloneNode(!0)), setTimeout(() => {
+        R.style.transition = `left ${c}ms ease`, setTimeout(() => {
+          R.style.left = "0", setTimeout(() => {
+            N[N.length - 1].remove();
+            const w = R.children[0];
+            w.dataset.id && (b.value = w.dataset.id), I(!0);
+          }, c);
+        }, 1);
+      }, 1);
+    });
+    async function D(c, I, N = t.transitionDuration) {
+      if (!u.value || !s.value)
+        return;
+      const i = Array.from(u.value.children || []);
+      if (!(!i.length || o.value)) {
+        if (I) {
+          const R = i.findIndex((Q) => Q.dataset.id === I);
+          if (R < 1)
+            return;
+          const w = R > Math.floor(i.length / 2), k = w ? i.length - R : R, E = N / k;
+          for (const Q of Array(k).fill(() => D(w, "", E)))
+            await Q(Q);
+        } else if (await (c ? n(N) : S(N)))
+          return V();
+      }
+    }
+    const W = x.debounce(D);
+    function J() {
+      if (!u.value || !s.value)
+        return;
+      const c = Array.from(u.value.children || []);
+      c.length && (y.value = c.length, c.forEach((I, N) => {
+        I.dataset.id = `slide-${N + 1}`, I.style.flex = `0 0 ${100 / t.visibleSlides}%`;
+      }), !(!g.value || y.value <= 1) && (h.value = setInterval(
+        () => !d.value && W(!1),
+        t.intervalDuration
+      )));
+    }
+    return B && (ze(() => {
+      J();
+    }), pt(() => {
+      clearInterval(h.value);
+    })), (c, I) => (a(), v("header", {
+      onMouseover: I[2] || (I[2] = (N) => d.value = !0),
+      onMouseleave: I[3] || (I[3] = (N) => d.value = !1)
+    }, [
+      A("div", ra, [
+        A("div", {
+          ref_key: "sliderContainerRef",
+          ref: s,
+          class: j([{ "avatarAureo --size-lg": p.gallery }, "--overflow-hidden"])
+        }, [
+          (a(), _(ye(L.value), {
+            ref_key: "sliderRef",
+            ref: u,
+            class: "flx --flxRow --flx-start-stretch --gap-none --overflow"
+          }, {
+            default: C(() => [
+              G(c.$slots, "default")
+            ]),
+            _: 3
+          }, 512))
+        ], 2),
+        y.value > 1 && p.controls ? (a(), v("ul", ia, [
+          p.controls === "full" ? (a(), v("li", ua, [
+            $(re, {
+              "aria-label": l(r)("previous"),
+              round: "",
+              onClick: I[0] || (I[0] = ue((N) => l(W)(!0), ["prevent"]))
+            }, {
+              default: C(() => [
+                $(U, { name: "arrow-left" })
+              ]),
+              _: 1
+            }, 8, ["aria-label"])
+          ])) : z("", !0),
+          (a(!0), v(K, null, se(y.value, (N) => (a(), v("li", { key: N }, [
+            $(le, {
+              id: `slide-${N}`,
+              tooltip: l(r)("pick"),
+              active: b.value === `slide-${N}`,
+              size: "xs",
+              round: "",
+              onClick: ue((i) => l(W)(!1, `slide-${N}`), ["prevent"])
+            }, {
+              default: C(() => [
+                p.enumerate ? (a(), v("span", da, P(N), 1)) : z("", !0)
+              ]),
+              _: 2
+            }, 1032, ["id", "tooltip", "active", "onClick"])
+          ]))), 128)),
+          p.controls === "full" ? (a(), v("li", ma, [
+            $(re, {
+              "aria-label": l(r)("next"),
+              round: "",
+              onClick: I[1] || (I[1] = ue((N) => l(W)(!1), ["prevent"]))
+            }, {
+              default: C(() => [
+                $(U, { name: "arrow-right" })
+              ]),
+              _: 1
+            }, 8, ["aria-label"])
+          ])) : z("", !0)
+        ])) : z("", !0)
+      ])
+    ], 32));
+  }
+}), wa = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  ActionButton: re,
+  ActionButtonLink: Ct,
+  ActionButtonToggle: le,
+  ActionLink: ee,
+  BaseAction: fe,
+  BaseImg: Te,
+  BaseInput: Ae,
+  BaseSelect: Qe,
+  BaseWrapper: $e,
+  BoxAction: kl,
+  BoxMessage: Se,
+  Dropdown: xe,
+  Form: nt,
+  FormInput: st,
+  FormStages: na,
+  Icon: Xe,
+  IconFa: U,
+  InputFile: Je,
+  InputText: ce,
+  InputToggle: _e,
+  Loader: Re,
+  LoaderContent: We,
+  LoaderContentFetch: ge,
+  Modal: Be,
+  Pagination: lt,
+  PaginationContent: El,
+  Select: he,
+  SelectFilter: we,
+  Slider: pa,
+  Table: et,
+  Value: Ze,
+  ValueComplex: tt,
+  useTheme: te
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  nt as A,
+  na as B,
+  Be as C,
+  xe as D,
+  et as E,
+  pa as F,
+  Te as _,
+  fe as a,
+  Ae as b,
+  wa as c,
+  Qe as d,
+  $e as e,
+  Xe as f,
+  U as g,
+  re as h,
+  Ct as i,
+  le as j,
+  ee as k,
+  Je as l,
+  ce as m,
+  _e as n,
+  he as o,
+  we as p,
+  Ze as q,
+  tt as r,
+  kl as s,
+  Se as t,
+  Re as u,
+  We as v,
+  ge as w,
+  lt as x,
+  El as y,
+  st as z
+};