@fewangsit/wangsvue-fats 1.0.1-alpha.25 → 1.0.1-alpha.4

package/inputrangenumber/index.es.js

@@ -1,134 +0,0 @@
-import { defineComponent as x, reactive as f, onMounted as M, computed as N, watch as s, createBlock as _, openBlock as B, withCtx as u, createElementVNode as F, createVNode as t, createTextVNode as P, unref as n, mergeProps as g, nextTick as I } from "vue";
-import { u as V } from "../vendor/vee-validate/dist/vee-validate.esm.es.js";
-import { u as $ } from "../plugins/WangsVue.es.js";
-import { s as h } from "../vendor/primevue/inputnumber/inputnumber.esm.es.js";
-import { _ as k } from "../fieldwrapper/index.es.js";
-import { _ as w } from "../inputgroup/index.es.js";
-import { _ as O } from "../validatormessage/index.es.js";
-const T = {
-  class: "flex gap-2 w-full items-center",
-  "data-wv-section": "inputwrapper"
-}, q = /* @__PURE__ */ x({
-  __name: "InputRangeNumber",
-  props: {
-    modelValue: {},
-    value: {},
-    label: {},
-    placeholder: {},
-    minPlaceholder: {},
-    maxPlaceholder: {},
-    disabled: { type: Boolean },
-    invalid: { type: Boolean },
-    showOptionalText: { type: Boolean },
-    useValidator: { type: Boolean },
-    mandatory: { type: Boolean },
-    validatorMessage: {},
-    minFieldName: {},
-    maxFieldName: {}
-  },
-  emits: ["update:modelValue", "submit"],
-  setup(y, { emit: b }) {
-    const a = y, d = b, { locale: m } = $("InputRangeNumber"), l = f({
-      value: void 0
-    }), o = f({
-      value: void 0
-    });
-    M(() => {
-      a.useValidator && (Object.assign(
-        l,
-        V(
-          a.minFieldName ?? "minNumberInput",
-          (e) => c(e),
-          { initialValue: void 0 }
-        )
-      ), Object.assign(
-        o,
-        V(
-          a.maxFieldName ?? "maxNumberInput",
-          (e) => c(e),
-          { initialValue: void 0 }
-        )
-      ), a.value && (l.value = a.value[0], o.value = a.value[1])), a.invalid && a.useValidator && (l.validate(), o.validate());
-    });
-    const p = N(
-      () => a.invalid || !!l.errorMessage || !!o.errorMessage
-    ), v = (e) => {
-      e.key === "Enter" && d("submit");
-    }, c = async (e) => {
-      if (await I(), typeof a.validatorMessage == "string" && a.invalid)
-        return a.validatorMessage;
-      if (typeof a.validatorMessage != "string") {
-        const { empty: i } = a.validatorMessage ?? {};
-        if (e == null && a.mandatory)
-          return i ?? !0;
-      }
-      return !0;
-    };
-    return s(
-      [
-        () => l.value,
-        () => o.value
-      ],
-      ([e, i]) => {
-        d("update:modelValue", [e, i]);
-      }
-    ), s(
-      () => a.value,
-      (e) => {
-        l.value = e ? e[0] : void 0, o.value = e ? e[1] : void 0;
-      },
-      { once: !0 }
-    ), s(
-      () => a.modelValue,
-      (e) => {
-        l.value = e ? e[0] : void 0, o.value = e ? e[1] : void 0;
-      }
-    ), (e, i) => (B(), _(k, {
-      label: a.label,
-      "show-optional-text": e.showOptionalText
-    }, {
-      default: u(() => [
-        F("div", T, [
-          t(w, { invalid: p.value }, {
-            default: u(() => [
-              t(n(h), g(e.$props, {
-                modelValue: l.value,
-                "onUpdate:modelValue": i[0] || (i[0] = (r) => l.value = r),
-                max: o.value,
-                placeholder: e.placeholder ?? e.minPlaceholder ?? n(m).minPlaceholder,
-                "use-grouping": !1,
-                onKeydown: v,
-                class: "w-full",
-                "input-id": "range-start"
-              }), null, 16, ["modelValue", "max", "placeholder"])
-            ]),
-            _: 1
-          }, 8, ["invalid"]),
-          i[2] || (i[2] = P(" - ")),
-          t(w, { invalid: p.value }, {
-            default: u(() => [
-              t(n(h), g(e.$props, {
-                modelValue: o.value,
-                "onUpdate:modelValue": i[1] || (i[1] = (r) => o.value = r),
-                min: l.value,
-                placeholder: e.placeholder ?? e.maxPlaceholder ?? n(m).maxPlaceholder,
-                "use-grouping": !1,
-                onKeydown: v,
-                class: "w-full",
-                "input-id": "range-end"
-              }), null, 16, ["modelValue", "min", "placeholder"])
-            ]),
-            _: 1
-          }, 8, ["invalid"])
-        ]),
-        t(O, {
-          message: l.errorMessage ?? o.errorMessage
-        }, null, 8, ["message"])
-      ]),
-      _: 1
-    }, 8, ["label", "show-optional-text"]));
-  }
-});
-export {
-  q as _
-};

package/inputsearch/index.es.js

@@ -1,53 +0,0 @@
-import { defineComponent as h, shallowRef as c, createElementBlock as v, openBlock as f, withModifiers as x, normalizeClass as l, createElementVNode as g, createVNode as o, unref as _ } from "vue";
-import { s as w } from "../vendor/primevue/inputtext/inputtext.esm.es.js";
-import { _ as i } from "../icon/index.es.js";
-const b = { class: "w-full" }, $ = /* @__PURE__ */ h({
-  __name: "InputSearch",
-  emits: ["search"],
-  setup(k, { emit: u }) {
-    const d = u, n = c(), e = c(), m = (a) => {
-      n.value = a.target.value || void 0, e.value = a.target.value || void 0;
-    };
-    return (a, t) => {
-      var s, r;
-      return f(), v("form", {
-        class: l([
-          "text-xs flex gap-1 h-[34px] px-[21px] items-center",
-          "rounded-[18px] bg-general-50"
-        ]),
-        onSubmit: t[1] || (t[1] = x((p) => d("search", n.value), ["prevent"]))
-      }, [
-        g("div", b, [
-          o(_(w), {
-            class: l([
-              "h-auto !shadow-none !p-0 !text-general-500 placeholder:text-general-200 !bg-general-50"
-            ]),
-            "model-value": e.value,
-            onInput: m,
-            autocomplete: "off",
-            placeholder: "Search asset"
-          }, null, 8, ["model-value"])
-        ]),
-        o(i, {
-          class: l([
-            "text-md !text-general-400 !w-4 !h-4",
-            { hidden: (s = e.value) == null ? void 0 : s.length }
-          ]),
-          icon: "search"
-        }, null, 8, ["class"]),
-        o(i, {
-          class: l([
-            "text-md !text-general-400 !w-4 !h-4",
-            { hidden: !((r = e.value) != null && r.length) }
-          ]),
-          onClick: t[0] || (t[0] = (p) => e.value = void 0),
-          "data-ts-section": "reset-filter-icon",
-          icon: "close"
-        }, null, 8, ["class"])
-      ], 32);
-    };
-  }
-});
-export {
-  $ as _
-};

package/inputtext/index.es.js

@@ -1,242 +0,0 @@
-import { defineComponent as Y, inject as V, reactive as q, computed as y, shallowRef as $, onMounted as J, onBeforeUnmount as Q, watch as x, createBlock as p, openBlock as d, withCtx as f, createVNode as X, createElementBlock as ee, normalizeClass as M, createCommentVNode as k, unref as m, renderSlot as R, mergeProps as ae, nextTick as te } from "vue";
-import { u as le } from "../vendor/vee-validate/dist/vee-validate.esm.es.js";
-import { u as E } from "../plugins/WangsVue.es.js";
-import { m as se } from "../utils/mergePropsWithDefaults.util.es.js";
-import { s as A } from "../vendor/primevue/inputgroupaddon/inputgroupaddon.esm.es.js";
-import { s as ne } from "../vendor/primevue/inputtext/inputtext.esm.es.js";
-import { _ as re } from "../fieldwrapper/index.es.js";
-import { _ as oe } from "../inputgroup/index.es.js";
-import { _ as ie } from "../validatormessage/index.es.js";
-import { d as de } from "../vendor/lodash-es/debounce.es.js";
-const g = "Checking availability...", xe = /* @__PURE__ */ Y({
-  __name: "InputText",
-  props: {
-    allowedCharacters: {},
-    autoUppercase: { type: Boolean, default: !1 },
-    modelValue: {},
-    value: {},
-    existingValues: {},
-    checkAvailability: {},
-    maxLength: {},
-    label: {},
-    useValidator: { type: Boolean },
-    fieldName: {},
-    mandatory: { type: Boolean },
-    invalid: { type: Boolean },
-    manualInvalidContainer: { type: Boolean, default: !1 },
-    validatorMessage: {},
-    validatorMessageClass: {},
-    placeholder: {},
-    type: { default: "text" },
-    disabled: { type: Boolean },
-    fieldInfo: {},
-    inputClass: {},
-    inputContainerClass: {},
-    labelClass: {},
-    blurOnReachMaxLength: { type: Boolean },
-    preventInputOnMaxLength: { type: Boolean },
-    validateOnBlur: { type: Boolean, default: !1 },
-    useProtocol: { type: Boolean, default: !0 },
-    allowSpecialCharacters: { type: Boolean, default: !0 },
-    useInputGroup: { type: Boolean, default: !0 },
-    inputId: {}
-  },
-  emits: ["update:modelValue", "blur", "input"],
-  setup(O, { emit: w }) {
-    const a = O, h = w, { defaultProps: T } = E(
-      // eslint-disable-next-line no-nested-ternary
-      a.type === "email" ? "InputEmail" : a.type === "url" ? "InputURL" : "InputText"
-    ), { locale: r } = E("InputText"), o = se(a, T), z = V(
-      "preset",
-      {}
-    ).inputgroupaddon, l = q({
-      value: void 0
-    }), v = V(
-      "isSubmitting"
-    ), C = y(() => a.invalid || !!l.errorMessage), b = $(0), s = $(
-      a.value || a.modelValue
-    );
-    J(() => {
-      var e;
-      a.useValidator && (Object.assign(
-        l,
-        le(a.fieldName ?? "textInput", (t) => te(() => _(t == null ? void 0 : t.trim())))
-      ), a.value != null && B(a.value)), a.modelValue != null && (l.value = (e = a.modelValue) == null ? void 0 : e.trim()), a.invalid && a.useValidator && l.validate();
-    }), Q(() => {
-      a.useValidator && l.handleReset();
-    });
-    const P = y(
-      () => {
-        var e, t;
-        return a.placeholder ?? ((t = r.defaultPlaceholder) == null ? void 0 : t.replace(
-          "{label}",
-          a.label ? (e = a.label) == null ? void 0 : e.toLowerCase() : ""
-        ));
-      }
-    ), I = y(() => {
-      var e, t;
-      return typeof a.validatorMessage == "object" && "exist" in a.validatorMessage ? (e = a.validatorMessage) == null ? void 0 : e.exist : (t = r.alreadyExistInvalidText) == null ? void 0 : t.replace("{label}", a.label);
-    }), _ = (e) => {
-      var t, n, i, u;
-      if (typeof a.validatorMessage == "string" && a.invalid)
-        return a.validatorMessage;
-      if (typeof a.validatorMessage != "string") {
-        const { invalidFormat: c, empty: W, exceed: Z } = a.validatorMessage ?? {};
-        if (!e && a.mandatory)
-          return W ?? r.emptyInvalidText.replace("{label}", a.label);
-        if ((e == null ? void 0 : e.length) > o.maxLength)
-          return Z ?? ((t = r.exceedMaxLengthInvalidText) == null ? void 0 : t.replace(
-            "{maxLength}",
-            o.maxLength.toString()
-          ));
-        if ((n = (a.existingValues ?? []).filter((H) => H != a.value)) != null && n.includes(e))
-          return ((i = a.validatorMessage) == null ? void 0 : i.exist) ?? ((u = r.alreadyExistInvalidText) == null ? void 0 : u.replace("{label}", a.label));
-        if (e && a.type === "email")
-          return S(
-            e,
-            c ?? r.emailFormatInvalidText
-          );
-        if (e && a.type === "url")
-          return U(e, c ?? r.urlFormatInvalidText);
-      } else if (!a.allowSpecialCharacters)
-        return /[^A-Za-z0-9 ]/.test(e) ? r.includeSpecialCharsInvalidText : !0;
-      return a.checkAvailability ? L() : !0;
-    }, U = (e, t) => {
-      const n = new RegExp(
-        `^(https?:\\/\\/)${a.useProtocol ? "" : "?"}((([a-z\\d]([a-z\\d-]*[a-z\\d])*)\\.)+[a-z]{2,}|((\\d{1,3}\\.){3}\\d{1,3}))(\\:\\d+)?(\\/[-a-z\\d%_.~+:@!$&'()*+,;=]*)*(\\?[;&a-z\\d%_.~+=:@!$&'()*+,;=-]*)?(\\#[-a-z\\d_:@!$&'()*+,;=]*)?$`,
-        // Fragment (Allowing special characters)
-        "i"
-      );
-      return t == null || n.test(e) ? !0 : t;
-    }, S = (e, t) => {
-      const n = /^[\w-]+(\.[\w-]+)*@([\w-]+\.)+[a-zA-Z]{2,7}$/;
-      return t == null || n.test(e) ? !a.checkAvailability || !!a.checkAvailability && L() : t;
-    }, G = () => {
-      a.validateOnBlur && (l.value = s.value), h("blur", s.value);
-    }, K = (e) => {
-      var i;
-      const t = o.maxLength && o.maxLength === ((i = s.value) == null ? void 0 : i.length);
-      (a.allowedCharacters && !a.allowedCharacters.test(e.key) || t && (a.preventInputOnMaxLength || a.blurOnReachMaxLength)) && (e.preventDefault(), a.blurOnReachMaxLength && t && b.value++);
-    }, N = (e) => {
-      var i, u, c;
-      const t = (i = e.clipboardData) == null ? void 0 : i.getData("text"), n = o.maxLength && o.maxLength === ((u = s.value) == null ? void 0 : u.length) || ((c = s.value) == null ? void 0 : c.length) + (t == null ? void 0 : t.length) > o.maxLength || (t == null ? void 0 : t.length) > o.maxLength;
-      (a.allowedCharacters && !a.allowedCharacters.test(t) || n && (a.preventInputOnMaxLength || a.blurOnReachMaxLength)) && (e.preventDefault(), a.blurOnReachMaxLength && n && b.value++);
-    }, j = (e) => {
-      e === "" && (e = void 0), a.autoUppercase && e && (e = e.replace(/[a-z]/g, (t) => t.toUpperCase())), s.value = e, (!a.validateOnBlur && a.useValidator || !a.useValidator) && (l.value = s.value), h("update:modelValue", s.value);
-    }, F = (e) => {
-      h("input", e.target.value || void 0);
-    }, L = () => {
-      if (v != null && v.value) {
-        if (l.errorMessage === I.value || l.errorMessage === g)
-          return l.errorMessage;
-      } else return D(), g;
-      return !0;
-    }, D = de(async () => {
-      var e;
-      if (l.value != a.value && (e = l.value) != null && e.length && !await a.checkAvailability(l.value))
-        return l.setErrors(I.value);
-      l.errorMessage === g && l.setErrors("");
-    }, 300), B = (e) => {
-      a.useValidator ? l.setValue(e == null ? void 0 : e.trim(), !1) : l.value = e == null ? void 0 : e.trim();
-    };
-    return x(
-      () => a.value,
-      (e) => {
-        B(e), s.value = e == null ? void 0 : e.trim();
-      },
-      { once: !0 }
-    ), x(
-      () => a.modelValue,
-      (e) => {
-        s.value = e == null ? void 0 : e.trim(), a.validateOnBlur || (l.value = s.value);
-      }
-    ), x(
-      () => a.invalid,
-      () => {
-        var e;
-        (e = l.validate) == null || e.call(l);
-      }
-    ), (e, t) => (d(), p(re, {
-      info: e.fieldInfo,
-      label: a.label,
-      "label-class": a.labelClass,
-      mandatory: a.mandatory
-    }, {
-      default: f(() => [
-        X(oe, {
-          class: M(
-            a.inputContainerClass ?? [
-              "grid ",
-              {
-                "grid-cols-[max-content,1fr,max-content]": e.$slots["addon-left"] && e.$slots["addon-right"],
-                "grid-cols-[1fr,max-content]": !e.$slots["addon-left"] && e.$slots["addon-right"],
-                "grid-cols-[max-content,1fr]": e.$slots["addon-left"] && !e.$slots["addon-right"]
-              }
-            ]
-          ),
-          disabled: a.disabled,
-          invalid: C.value && !a.manualInvalidContainer,
-          "use-input-group": e.useInputGroup
-        }, {
-          default: f(() => [
-            e.$slots["addon-left"] ? (d(), p(m(A), {
-              key: 0,
-              disabled: a.disabled
-            }, {
-              default: f(() => [
-                R(e.$slots, "addon-left")
-              ]),
-              _: 3
-            }, 8, ["disabled"])) : k("", !0),
-            (d(), p(m(ne), {
-              id: e.inputId,
-              key: b.value,
-              class: M(e.inputClass),
-              disabled: e.disabled,
-              invalid: C.value,
-              "model-value": l.value,
-              placeholder: P.value,
-              onBlur: G,
-              onInput: F,
-              onKeypress: K,
-              onPaste: N,
-              "onUpdate:modelValue": j
-            }, null, 8, ["id", "class", "disabled", "invalid", "model-value", "placeholder"])),
-            e.$slots["addon-right"] ? (d(), p(m(A), {
-              key: 1,
-              pt: {
-                root: m(z).root({
-                  props: {
-                    class: [
-                      {
-                        "!text-general-200": a.disabled
-                      }
-                    ]
-                  }
-                })
-              }
-            }, {
-              default: f(() => [
-                R(e.$slots, "addon-right")
-              ]),
-              _: 3
-            }, 8, ["pt"])) : k("", !0)
-          ]),
-          _: 3
-        }, 8, ["class", "disabled", "invalid", "use-input-group"]),
-        l.errorMessage == g ? (d(), ee("span", ae({ key: 0 }, e.$preset.validatormessage.root, {
-          class: "text-general-800",
-          "data-wv-section": "checking-availability"
-        }), " Checking availability... ", 16)) : (d(), p(ie, {
-          key: 1,
-          class: M(e.validatorMessageClass),
-          message: l.errorMessage
-        }, null, 8, ["class", "message"]))
-      ]),
-      _: 3
-    }, 8, ["info", "label", "label-class", "mandatory"]));
-  }
-});
-export {
-  xe as _
-};

package/inputurl/index.es.js

@@ -1,61 +0,0 @@
-import { defineComponent as n, createBlock as r, openBlock as p, mergeProps as d, createSlots as s, withCtx as l, renderSlot as t } from "vue";
-import { _ as u } from "../inputtext/index.es.js";
-const y = /* @__PURE__ */ n({
-  __name: "InputURL",
-  props: {
-    allowedCharacters: {},
-    autoUppercase: { type: Boolean },
-    modelValue: {},
-    value: {},
-    existingValues: {},
-    checkAvailability: {},
-    maxLength: {},
-    label: {},
-    useValidator: { type: Boolean, default: !0 },
-    fieldName: {},
-    mandatory: { type: Boolean },
-    invalid: { type: Boolean },
-    manualInvalidContainer: { type: Boolean },
-    validatorMessage: {},
-    validatorMessageClass: {},
-    placeholder: {},
-    disabled: { type: Boolean },
-    fieldInfo: {},
-    inputClass: {},
-    inputContainerClass: {},
-    labelClass: {},
-    blurOnReachMaxLength: { type: Boolean },
-    preventInputOnMaxLength: { type: Boolean },
-    validateOnBlur: { type: Boolean },
-    useProtocol: { type: Boolean, default: !0 },
-    allowSpecialCharacters: { type: Boolean, default: !0 },
-    useInputGroup: { type: Boolean, default: !0 },
-    inputId: {}
-  },
-  emits: ["update:modelValue", "blur", "input"],
-  setup(i) {
-    return (e, a) => (p(), r(u, d({
-      onBlur: a[0] || (a[0] = (o) => e.$emit("blur", o)),
-      onInput: a[1] || (a[1] = (o) => e.$emit("input", o)),
-      "onUpdate:modelValue": a[2] || (a[2] = (o) => e.$emit("update:modelValue", o))
-    }, e.$props, { type: "url" }), s({ _: 2 }, [
-      e.$slots["addon-left"] ? {
-        name: "addon-left",
-        fn: l(() => [
-          t(e.$slots, "addon-left")
-        ]),
-        key: "0"
-      } : void 0,
-      e.$slots["addon-right"] ? {
-        name: "addon-right",
-        fn: l(() => [
-          t(e.$slots, "addon-right")
-        ]),
-        key: "1"
-      } : void 0
-    ]), 1040));
-  }
-});
-export {
-  y as _
-};

package/invisiblefield/index.es.js

@@ -1,27 +0,0 @@
-import { defineComponent as n, reactive as u, onMounted as o, watch as r, createElementBlock as s, openBlock as v } from "vue";
-import { u as c } from "../vendor/vee-validate/dist/vee-validate.esm.es.js";
-const p = { class: "!hidden" }, _ = /* @__PURE__ */ n({
-  __name: "InvisibleField",
-  props: {
-    value: { type: [String, Array, Number, Boolean, null, Object], default: void 0 },
-    fieldName: { default: "invisibleinput" }
-  },
-  setup(a) {
-    var l;
-    const e = a, i = u({
-      value: typeof e.value == "string" ? (l = e.value) == null ? void 0 : l.trim() : e.value
-    });
-    return o(() => {
-      var t;
-      Object.assign(i, c(e.fieldName ?? "invisibleinput")), e.value != null && (i.value = typeof e.value == "string" ? (t = e.value) == null ? void 0 : t.trim() : e.value);
-    }), r(
-      () => e.value,
-      (t) => {
-        i.value = t;
-      }
-    ), (t, d) => (v(), s("div", p));
-  }
-});
-export {
-  _
-};

package/languagedropdownoption/index.es.js

@@ -1,51 +0,0 @@
-import { defineComponent as a, resolveDirective as r, createElementBlock as o, openBlock as n, withDirectives as l, createCommentVNode as i, normalizeClass as p, createVNode as c, createTextVNode as d, toDisplayString as t } from "vue";
-import { _ as m } from "../icon/index.es.js";
-const g = ["data-user-lang"], u = ["alt", "src"], f = {
-  key: 1,
-  class: "flex items-center gap-0.5 text-xs text-general-800"
-}, y = { key: 2 }, O = /* @__PURE__ */ a({
-  __name: "LanguageDropdownOption",
-  props: {
-    option: {},
-    iconOnly: { type: Boolean }
-  },
-  setup(C) {
-    return (e, h) => {
-      const s = r("tooltip");
-      return n(), o("div", {
-        "data-user-lang": e.option.isoCode,
-        class: "flex gap-2 items-center"
-      }, [
-        e.option.flag ? l((n(), o("img", {
-          key: 0,
-          alt: "Country Flag of " + e.option.name,
-          class: p([
-            "cursor-pointer aspect-square rounded-full ring-general-100 ring-[0.5px] outline-none",
-            {
-              "w-4 h-4": !e.iconOnly,
-              "w-6 h-6": e.iconOnly
-            }
-          ]),
-          src: e.option.flag
-        }, null, 10, u)), [
-          [
-            s,
-            e.iconOnly ? `${e.option.name} (${e.option.isoCode.toUpperCase()})` : void 0,
-            void 0,
-            { left: !0 }
-          ]
-        ]) : e.iconOnly ? (n(), o("span", f, [
-          c(m, {
-            class: "!text-base",
-            icon: "global-line"
-          }),
-          d(" " + t(e.option.isoCode.toUpperCase()), 1)
-        ])) : i("", !0),
-        e.iconOnly ? i("", !0) : (n(), o("span", y, t(e.option.name) + " (" + t(e.option.isoCode.toUpperCase()) + ") ", 1))
-      ], 8, g);
-    };
-  }
-});
-export {
-  O as _
-};

package/languageswitcher/index.es.js

@@ -1,89 +0,0 @@
-import { defineComponent as h, onMounted as v, shallowRef as i, watch as w, createBlock as u, openBlock as c, unref as _, withCtx as s, createVNode as g, createCommentVNode as y } from "vue";
-import { u as L } from "../plugins/basei18n.es.js";
-import { g as C } from "../utils/cookie.util.es.js";
-import { s as x } from "../vendor/primevue/dropdown/dropdown.esm.es.js";
-import { _ as k } from "../icon/index.es.js";
-import { _ as p } from "../languagedropdownoption/index.es.js";
-const N = /* @__PURE__ */ h({
-  __name: "LanguageSwitcher",
-  setup(O) {
-    v(async () => {
-      t.value = await f();
-    });
-    const { service: r, setLocale: m } = L(), t = i(), a = i([]), l = i(!1), f = async () => {
-      const o = C("lang") || navigator.language.split("-")[0];
-      if (!a.value.length)
-        try {
-          const e = await r.getLanguageOptionMeta(o);
-          if (e.isoCode)
-            return a.value[0] = e, e;
-        } catch (e) {
-          console.error(
-            "Ups! Something error while fetching Language Option Meta.",
-            e
-          );
-        }
-      return a.value.find((e) => e.isoCode === o) || a.value[0];
-    }, d = async () => {
-      if (!(!r || a.value.length > 1))
-        try {
-          l.value = !0;
-          const o = await r.getLanguageOptions();
-          a.value = o;
-        } catch (o) {
-          console.error(
-            "Ups! Something error while fetching language options.",
-            o
-          );
-        } finally {
-          l.value = !1;
-        }
-    };
-    return w(t, (o) => {
-      m(o.isoCode);
-    }), (o, e) => (c(), u(_(x), {
-      modelValue: t.value,
-      "onUpdate:modelValue": e[0] || (e[0] = (n) => t.value = n),
-      "filter-fields": ["language", "name"],
-      loading: l.value,
-      options: a.value,
-      pt: {
-        root: {
-          class: "flex items-center gap-1 gap-1"
-        },
-        input: {
-          class: "p-0 outline-none"
-        },
-        trigger: {
-          class: "w-max hover:bg-primary-50 rounded-full"
-        }
-      },
-      onShow: d,
-      class: "w-max",
-      "data-key": "language",
-      filter: "",
-      "filter-placeholder": "Search language"
-    }, {
-      dropdownicon: s(() => [
-        g(k, {
-          class: "w-4 h-4 rotate-180 text-general-800 transition-transform",
-          icon: "arrow-up-s"
-        })
-      ]),
-      value: s(({ value: n }) => [
-        n ? (c(), u(p, {
-          key: 0,
-          option: n,
-          "icon-only": ""
-        }, null, 8, ["option"])) : y("", !0)
-      ]),
-      option: s(({ option: n }) => [
-        g(p, { option: n }, null, 8, ["option"])
-      ]),
-      _: 1
-    }, 8, ["modelValue", "loading", "options"]));
-  }
-});
-export {
-  N as _
-};