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

package/dist/index-CggmbSr7.js

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