@fewangsit/wangsvue-fats 1.0.1-rc.4 → 1.0.1-rc.7

package/inputrangenumber/index.es.js

@@ -0,0 +1,134 @@
+import { defineComponent as x, reactive as f, onMounted as M, computed as N, watch as s, createBlock as B, openBlock as F, withCtx as u, createElementVNode as P, createVNode as t, createTextVNode as _, 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/FieldWrapper.es.js";
+import { _ as w } from "../inputgroup/InputGroup.es.js";
+import 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) => (F(), B(k, {
+      label: a.label,
+      "show-optional-text": e.showOptionalText
+    }, {
+      default: u(() => [
+        P("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] = _(" - ")),
+          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 default
+};

package/inputrangenumber/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "./index.es.js",
+  "types": "./index.d.ts"
+}

package/{components/inputsearch/InputSearch.vue.d.ts → inputsearch/index.d.ts}

@@ -1,7 +1,4 @@
-import {
-  ClassComponent,
-  GlobalComponentConstructor,
-} from '../../components/ts-helpers.d';
+import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers.d';
 
 export type InputSearchEmits = {
   /**

package/inputsearch/index.es.js

@@ -0,0 +1,53 @@
+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 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 default
+};

package/inputsearch/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "./index.es.js",
+  "types": "./index.d.ts"
+}

package/{components/inputtext/InputText.vue.d.ts → inputtext/index.d.ts}

@@ -10,7 +10,7 @@
 import { InputHTMLAttributes, Slot } from 'vue';
 
 import { ComponentHooks } from '../basecomponent';
-import { CustomValidation } from '../form/Form.vue.d';
+import { CustomValidation } from '../form';
 import { ClassComponent, Nullable } from '../ts-helpers.d';
 export declare type InputTextPassThroughOptionType<T = any> =
   | InputTextPassThroughAttributes

package/inputtext/index.es.js

@@ -0,0 +1,242 @@
+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/FieldWrapper.es.js";
+import { _ as oe } from "../inputgroup/InputGroup.es.js";
+import 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(() => U(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);
+    }), U = (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 _(
+            e,
+            c ?? r.emailFormatInvalidText
+          );
+        if (e && a.type === "url")
+          return S(e, c ?? r.urlFormatInvalidText);
+      } else if (!a.allowSpecialCharacters)
+        return /[^A-Za-z0-9 ]/.test(e) ? r.includeSpecialCharsInvalidText : !0;
+      return a.checkAvailability ? L() : !0;
+    }, S = (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;
+    }, _ = (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 default
+};

package/inputtext/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "./index.es.js",
+  "types": "./index.d.ts"
+}

package/{components/inputurl/InputURL.vue.d.ts → inputurl/index.d.ts}

@@ -1,9 +1,6 @@
 import { Slot } from 'vue';
 
-import {
-  InputTextEmits,
-  InputTextProps,
-} from '../../components/inputtext/InputText.vue.d';
+import { InputTextEmits, InputTextProps } from '../inputtext';
 
 import { ClassComponent } from '../ts-helpers.d';
 

package/inputurl/index.es.js

@@ -0,0 +1,61 @@
+import { defineComponent as n, createBlock as r, openBlock as p, mergeProps as d, createSlots as u, withCtx as l, renderSlot as t } from "vue";
+import s 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(s, 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" }), u({ _: 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 default
+};

package/inputurl/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "./index.es.js",
+  "types": "./index.d.ts"
+}

package/invisiblefield/index.es.js

@@ -0,0 +1,27 @@
+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 d = { class: "!hidden" }, _ = /* @__PURE__ */ n({
+  __name: "InvisibleField",
+  props: {
+    value: { type: [String, Array, Number, Boolean, null, Object], default: void 0 },
+    fieldName: { default: "invisibleinput" }
+  },
+  setup(a) {
+    var i;
+    const e = a, l = u({
+      value: typeof e.value == "string" ? (i = e.value) == null ? void 0 : i.trim() : e.value
+    });
+    return o(() => {
+      var t;
+      Object.assign(l, c(e.fieldName ?? "invisibleinput")), e.value != null && (l.value = typeof e.value == "string" ? (t = e.value) == null ? void 0 : t.trim() : e.value);
+    }), r(
+      () => e.value,
+      (t) => {
+        l.value = t;
+      }
+    ), (t, p) => (v(), s("div", d));
+  }
+});
+export {
+  _ as default
+};

package/invisiblefield/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "./index.es.js",
+  "types": "./index.d.ts"
+}

package/{components/languagedropdown/LanguageDropdown.vue.d.ts → languagedropdown/index.d.ts}

@@ -1,7 +1,4 @@
-import {
-  DropdownEmits,
-  DropdownProps,
-} from '../../components/dropdown/Dropdown.vue.d';
+import { DropdownEmits, DropdownProps } from '../dropdown';
 
 import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers.d';
 

package/languagedropdownoption/LanguageDropdownOption.es.js

@@ -0,0 +1,51 @@
+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 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 }, _ = /* @__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 {
+  _
+};