@fewangsit/wangsvue 1.5.219-alpha.2 → 1.5.219-alpha.3

package/inputrangenumber/index.es.js

@@ -1,165 +0,0 @@
-import { defineComponent, reactive, onMounted, computed, watch, createBlock, openBlock, withCtx, createElementVNode, createVNode, createTextVNode, unref, mergeProps, nextTick } from "vue";
-import { u as useField } from "../vendor/vee-validate/dist/vee-validate.esm.es.js";
-import { u as useWangsVueConfig } from "../plugins/WangsVue.es.js";
-import { s as script } from "../vendor/primevue/inputnumber/inputnumber.esm.es.js";
-import { _ as _sfc_main$1 } from "../fieldwrapper/index.es.js";
-import { _ as _sfc_main$2 } from "../inputgroup/index.es.js";
-import { _ as _sfc_main$3 } from "../validatormessage/index.es.js";
-const _hoisted_1 = {
-  class: "flex gap-2 w-full items-center",
-  "data-wv-section": "inputwrapper"
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __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(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const { locale } = useWangsVueConfig("InputRangeNumber");
-    const minField = reactive({
-      value: void 0
-    });
-    const maxField = reactive({
-      value: void 0
-    });
-    onMounted(() => {
-      if (props.useValidator) {
-        Object.assign(
-          minField,
-          useField(
-            props.minFieldName ?? "minNumberInput",
-            (value) => {
-              return setValidatorMessage(value);
-            },
-            { initialValue: void 0 }
-          )
-        );
-        Object.assign(
-          maxField,
-          useField(
-            props.maxFieldName ?? "maxNumberInput",
-            (value) => {
-              return setValidatorMessage(value);
-            },
-            { initialValue: void 0 }
-          )
-        );
-        if (props.value) {
-          minField.value = props.value[0];
-          maxField.value = props.value[1];
-        }
-      }
-      if (props.invalid && props.useValidator) {
-        minField.validate();
-        maxField.validate();
-      }
-    });
-    const invalidInput = computed(
-      () => props.invalid || !!minField.errorMessage || !!maxField.errorMessage
-    );
-    const handleKeydown = (event) => {
-      if (event.key === "Enter") emit("submit");
-    };
-    const setValidatorMessage = async (value) => {
-      await nextTick();
-      if (typeof props.validatorMessage === "string" && props.invalid) {
-        return props.validatorMessage;
-      } else if (typeof props.validatorMessage !== "string") {
-        const { empty } = props.validatorMessage ?? {};
-        if (value == null && props.mandatory) {
-          return empty ?? true;
-        }
-      }
-      return true;
-    };
-    watch(
-      [
-        () => minField.value,
-        () => maxField.value
-      ],
-      ([newMinValue, newMaxValue]) => {
-        emit("update:modelValue", [newMinValue, newMaxValue]);
-      }
-    );
-    watch(
-      () => props.value,
-      (value) => {
-        minField.value = value ? value[0] : void 0;
-        maxField.value = value ? value[1] : void 0;
-      },
-      { once: true }
-    );
-    watch(
-      () => props.modelValue,
-      (model) => {
-        minField.value = model ? model[0] : void 0;
-        maxField.value = model ? model[1] : void 0;
-      }
-    );
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$1, {
-        label: props.label,
-        "show-optional-text": _ctx.showOptionalText
-      }, {
-        default: withCtx(() => [
-          createElementVNode("div", _hoisted_1, [
-            createVNode(_sfc_main$2, { invalid: invalidInput.value }, {
-              default: withCtx(() => [
-                createVNode(unref(script), mergeProps(_ctx.$props, {
-                  modelValue: minField.value,
-                  "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => minField.value = $event),
-                  max: maxField.value,
-                  placeholder: _ctx.placeholder ?? _ctx.minPlaceholder ?? unref(locale).minPlaceholder,
-                  "use-grouping": false,
-                  onKeydown: handleKeydown,
-                  class: "w-full",
-                  "input-id": "range-start"
-                }), null, 16, ["modelValue", "max", "placeholder"])
-              ]),
-              _: 1
-            }, 8, ["invalid"]),
-            _cache[2] || (_cache[2] = createTextVNode(" - ")),
-            createVNode(_sfc_main$2, { invalid: invalidInput.value }, {
-              default: withCtx(() => [
-                createVNode(unref(script), mergeProps(_ctx.$props, {
-                  modelValue: maxField.value,
-                  "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => maxField.value = $event),
-                  min: minField.value,
-                  placeholder: _ctx.placeholder ?? _ctx.maxPlaceholder ?? unref(locale).maxPlaceholder,
-                  "use-grouping": false,
-                  onKeydown: handleKeydown,
-                  class: "w-full",
-                  "input-id": "range-end"
-                }), null, 16, ["modelValue", "min", "placeholder"])
-              ]),
-              _: 1
-            }, 8, ["invalid"])
-          ]),
-          createVNode(_sfc_main$3, {
-            message: minField.errorMessage ?? maxField.errorMessage
-          }, null, 8, ["message"])
-        ]),
-        _: 1
-      }, 8, ["label", "show-optional-text"]);
-    };
-  }
-});
-export {
-  _sfc_main as _
-};

package/inputtext/index.es.js

@@ -1,317 +0,0 @@
-import { defineComponent, inject, reactive, computed, shallowRef, onMounted, onBeforeUnmount, watch, createBlock, openBlock, withCtx, createVNode, createElementBlock, normalizeClass, createCommentVNode, unref, renderSlot, mergeProps, nextTick } from "vue";
-import { u as useField } from "../vendor/vee-validate/dist/vee-validate.esm.es.js";
-import { u as useWangsVueConfig } from "../plugins/WangsVue.es.js";
-import { m as mergePropsWithDefaults } from "../utils/mergePropsWithDefaults.util.es.js";
-import { s as script } from "../vendor/primevue/inputgroupaddon/inputgroupaddon.esm.es.js";
-import { s as script$1 } from "../vendor/primevue/inputtext/inputtext.esm.es.js";
-import { _ as _sfc_main$1 } from "../fieldwrapper/index.es.js";
-import { _ as _sfc_main$2 } from "../inputgroup/index.es.js";
-import { _ as _sfc_main$3 } from "../validatormessage/index.es.js";
-import { d as debounce } from "../vendor/lodash-es/debounce.es.js";
-const CHECK_AVAILABILITY_ERROR_MESSAGE = "Checking availability...";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "InputText",
-  props: {
-    allowedCharacters: {},
-    autoUppercase: { type: Boolean, default: false },
-    modelValue: {},
-    value: {},
-    existingValues: {},
-    checkAvailability: {},
-    maxLength: {},
-    label: {},
-    useValidator: { type: Boolean },
-    fieldName: {},
-    mandatory: { type: Boolean },
-    invalid: { type: Boolean },
-    manualInvalidContainer: { type: Boolean, default: false },
-    validatorMessage: {},
-    validatorMessageClass: {},
-    placeholder: {},
-    type: { default: "text" },
-    disabled: { type: Boolean },
-    fieldInfo: {},
-    inputClass: {},
-    inputContainerClass: {},
-    labelClass: {},
-    blurOnReachMaxLength: { type: Boolean },
-    preventInputOnMaxLength: { type: Boolean },
-    validateOnBlur: { type: Boolean, default: false },
-    useProtocol: { type: Boolean, default: true },
-    allowSpecialCharacters: { type: Boolean, default: true },
-    useInputGroup: { type: Boolean, default: true },
-    inputId: {}
-  },
-  emits: ["update:modelValue", "blur", "input"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const { defaultProps } = useWangsVueConfig(
-      // eslint-disable-next-line no-nested-ternary
-      props.type === "email" ? "InputEmail" : props.type === "url" ? "InputURL" : "InputText"
-    );
-    const { locale } = useWangsVueConfig("InputText");
-    const config = mergePropsWithDefaults(props, defaultProps);
-    const InputGroupAddonPreset = inject(
-      "preset",
-      {}
-    ).inputgroupaddon;
-    const field = reactive({
-      value: void 0
-    });
-    const isSubmittingForm = inject(
-      "isSubmitting"
-    );
-    const invalidInput = computed(() => props.invalid || !!field.errorMessage);
-    const inputKey = shallowRef(0);
-    const temporaryValue = shallowRef(
-      props.value || props.modelValue
-    );
-    onMounted(() => {
-      var _a;
-      if (props.useValidator) {
-        Object.assign(
-          field,
-          useField(props.fieldName ?? "textInput", (value) => {
-            return nextTick(() => setValidatorMessage(value == null ? void 0 : value.trim()));
-          })
-        );
-        if (props.value != null) assignFieldValue(props.value);
-      }
-      if (props.modelValue != null) field.value = (_a = props.modelValue) == null ? void 0 : _a.trim();
-      if (props.invalid && props.useValidator) field.validate();
-    });
-    onBeforeUnmount(() => {
-      if (props.useValidator) {
-        field.handleReset();
-      }
-    });
-    const inputPlaceholder = computed(
-      () => {
-        var _a, _b;
-        return props.placeholder ?? ((_b = locale.defaultPlaceholder) == null ? void 0 : _b.replace(
-          "{label}",
-          props.label ? (_a = props.label) == null ? void 0 : _a.toLowerCase() : ""
-        ));
-      }
-    );
-    const existErrorMessage = computed(() => {
-      var _a, _b;
-      return typeof props.validatorMessage === "object" && "exist" in props.validatorMessage ? (_a = props.validatorMessage) == null ? void 0 : _a.exist : (_b = locale.alreadyExistInvalidText) == null ? void 0 : _b.replace("{label}", props.label);
-    });
-    const setValidatorMessage = (value) => {
-      var _a, _b, _c, _d;
-      if (typeof props.validatorMessage === "string" && props.invalid) {
-        return props.validatorMessage;
-      } else if (typeof props.validatorMessage !== "string") {
-        const { invalidFormat, empty, exceed } = props.validatorMessage ?? {};
-        if (!value && props.mandatory) {
-          return empty ?? locale.emptyInvalidText.replace("{label}", props.label);
-        } else if ((value == null ? void 0 : value.length) > config.maxLength) {
-          return exceed ?? ((_a = locale.exceedMaxLengthInvalidText) == null ? void 0 : _a.replace(
-            "{maxLength}",
-            config.maxLength.toString()
-          ));
-        } else if ((_b = (props.existingValues ?? []).filter((v) => v != props.value)) == null ? void 0 : _b.includes(value)) {
-          return ((_c = props.validatorMessage) == null ? void 0 : _c.exist) ?? ((_d = locale.alreadyExistInvalidText) == null ? void 0 : _d.replace("{label}", props.label));
-        } else if (value && props.type === "email") {
-          return validateEmail(
-            value,
-            invalidFormat ?? locale.emailFormatInvalidText
-          );
-        } else if (value && props.type === "url") {
-          return validateURL(value, invalidFormat ?? locale.urlFormatInvalidText);
-        }
-      } else if (!props.allowSpecialCharacters) {
-        return /[^A-Za-z0-9 ]/.test(value) ? locale.includeSpecialCharsInvalidText : true;
-      }
-      if (props.checkAvailability) return handleAvailabilityValidation();
-      return true;
-    };
-    const validateURL = (value, invalidFormat) => {
-      const urlRegExp = new RegExp(
-        `^(https?:\\/\\/)${props.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 invalidFormat == null || urlRegExp.test(value) ? true : invalidFormat;
-    };
-    const validateEmail = (value, invalidFormat) => {
-      const emailRegexp = /^[\w-]+(\.[\w-]+)*@([\w-]+\.)+[a-zA-Z]{2,7}$/;
-      return invalidFormat == null || emailRegexp.test(value) ? !props.checkAvailability || !!props.checkAvailability && handleAvailabilityValidation() : invalidFormat;
-    };
-    const onBlurEvent = () => {
-      if (props.validateOnBlur) field.value = temporaryValue.value;
-      emit("blur", temporaryValue.value);
-    };
-    const handleKeypress = (event) => {
-      var _a;
-      const isMaxLengthReached = config.maxLength && config.maxLength === ((_a = temporaryValue.value) == null ? void 0 : _a.length);
-      const isInvalidCharacter = props.allowedCharacters && !props.allowedCharacters.test(event.key);
-      if (isInvalidCharacter || isMaxLengthReached && (props.preventInputOnMaxLength || props.blurOnReachMaxLength)) {
-        event.preventDefault();
-        if (props.blurOnReachMaxLength && isMaxLengthReached) {
-          inputKey.value++;
-        }
-      }
-    };
-    const handlePaste = (event) => {
-      var _a, _b, _c;
-      const pastedData = (_a = event.clipboardData) == null ? void 0 : _a.getData("text");
-      const isMaxLengthReached = config.maxLength && config.maxLength === ((_b = temporaryValue.value) == null ? void 0 : _b.length) || ((_c = temporaryValue.value) == null ? void 0 : _c.length) + (pastedData == null ? void 0 : pastedData.length) > config.maxLength || (pastedData == null ? void 0 : pastedData.length) > config.maxLength;
-      if (props.allowedCharacters && !props.allowedCharacters.test(pastedData) || isMaxLengthReached && (props.preventInputOnMaxLength || props.blurOnReachMaxLength)) {
-        event.preventDefault();
-        if (props.blurOnReachMaxLength && isMaxLengthReached) {
-          inputKey.value++;
-        }
-      }
-    };
-    const onUpdateModelValue = (e) => {
-      if (e === "") e = void 0;
-      if (props.autoUppercase && e) {
-        e = e.replace(/[a-z]/g, (char) => char.toUpperCase());
-      }
-      temporaryValue.value = e;
-      if (!props.validateOnBlur && props.useValidator || !props.useValidator) {
-        field.value = temporaryValue.value;
-      }
-      emit("update:modelValue", temporaryValue.value);
-    };
-    const onInput = (event) => {
-      emit("input", event.target.value || void 0);
-    };
-    const handleAvailabilityValidation = () => {
-      if (!(isSubmittingForm == null ? void 0 : isSubmittingForm.value)) {
-        checkForAvailability();
-        return CHECK_AVAILABILITY_ERROR_MESSAGE;
-      } else if (field.errorMessage === existErrorMessage.value || field.errorMessage === CHECK_AVAILABILITY_ERROR_MESSAGE) {
-        return field.errorMessage;
-      }
-      return true;
-    };
-    const checkForAvailability = debounce(async () => {
-      var _a;
-      if (field.value != props.value) {
-        if ((_a = field.value) == null ? void 0 : _a.length) {
-          const available = await props.checkAvailability(field.value);
-          if (!available) {
-            return field.setErrors(existErrorMessage.value);
-          }
-        }
-      }
-      if (field.errorMessage === CHECK_AVAILABILITY_ERROR_MESSAGE) {
-        field.setErrors("");
-      }
-    }, 300);
-    const assignFieldValue = (value) => {
-      if (props.useValidator) field.setValue(value == null ? void 0 : value.trim(), false);
-      else field.value = value == null ? void 0 : value.trim();
-    };
-    watch(
-      () => props.value,
-      (newValue) => {
-        assignFieldValue(newValue);
-        temporaryValue.value = newValue == null ? void 0 : newValue.trim();
-      },
-      { once: true }
-    );
-    watch(
-      () => props.modelValue,
-      (value) => {
-        temporaryValue.value = value == null ? void 0 : value.trim();
-        if (!props.validateOnBlur) field.value = temporaryValue.value;
-      }
-    );
-    watch(
-      () => props.invalid,
-      () => {
-        var _a;
-        (_a = field.validate) == null ? void 0 : _a.call(field);
-      }
-    );
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$1, {
-        info: _ctx.fieldInfo,
-        label: props.label,
-        "label-class": props.labelClass,
-        mandatory: props.mandatory
-      }, {
-        default: withCtx(() => [
-          createVNode(_sfc_main$2, {
-            class: normalizeClass(
-              props.inputContainerClass ?? [
-                "grid ",
-                {
-                  "grid-cols-[max-content,1fr,max-content]": _ctx.$slots["addon-left"] && _ctx.$slots["addon-right"],
-                  "grid-cols-[1fr,max-content]": !_ctx.$slots["addon-left"] && _ctx.$slots["addon-right"],
-                  "grid-cols-[max-content,1fr]": _ctx.$slots["addon-left"] && !_ctx.$slots["addon-right"]
-                }
-              ]
-            ),
-            disabled: props.disabled,
-            invalid: invalidInput.value && !props.manualInvalidContainer,
-            "use-input-group": _ctx.useInputGroup
-          }, {
-            default: withCtx(() => [
-              _ctx.$slots["addon-left"] ? (openBlock(), createBlock(unref(script), {
-                key: 0,
-                disabled: props.disabled
-              }, {
-                default: withCtx(() => [
-                  renderSlot(_ctx.$slots, "addon-left")
-                ]),
-                _: 3
-              }, 8, ["disabled"])) : createCommentVNode("", true),
-              (openBlock(), createBlock(unref(script$1), {
-                id: _ctx.inputId,
-                key: inputKey.value,
-                class: normalizeClass(_ctx.inputClass),
-                disabled: _ctx.disabled,
-                invalid: invalidInput.value,
-                "model-value": field.value,
-                placeholder: inputPlaceholder.value,
-                onBlur: onBlurEvent,
-                onInput,
-                onKeypress: handleKeypress,
-                onPaste: handlePaste,
-                "onUpdate:modelValue": onUpdateModelValue
-              }, null, 8, ["id", "class", "disabled", "invalid", "model-value", "placeholder"])),
-              _ctx.$slots["addon-right"] ? (openBlock(), createBlock(unref(script), {
-                key: 1,
-                pt: {
-                  root: unref(InputGroupAddonPreset).root({
-                    props: {
-                      class: [
-                        {
-                          "!text-general-200": props.disabled
-                        }
-                      ]
-                    }
-                  })
-                }
-              }, {
-                default: withCtx(() => [
-                  renderSlot(_ctx.$slots, "addon-right")
-                ]),
-                _: 3
-              }, 8, ["pt"])) : createCommentVNode("", true)
-            ]),
-            _: 3
-          }, 8, ["class", "disabled", "invalid", "use-input-group"]),
-          field.errorMessage == CHECK_AVAILABILITY_ERROR_MESSAGE ? (openBlock(), createElementBlock("span", mergeProps({ key: 0 }, _ctx.$preset.validatormessage.root, {
-            class: "text-general-800",
-            "data-wv-section": "checking-availability"
-          }), " Checking availability... ", 16)) : (openBlock(), createBlock(_sfc_main$3, {
-            key: 1,
-            class: normalizeClass(_ctx.validatorMessageClass),
-            message: field.errorMessage
-          }, null, 8, ["class", "message"]))
-        ]),
-        _: 3
-      }, 8, ["info", "label", "label-class", "mandatory"]);
-    };
-  }
-});
-export {
-  _sfc_main as _
-};

package/inputurl/index.es.js

@@ -1,63 +0,0 @@
-import { defineComponent, createBlock, openBlock, mergeProps, createSlots, withCtx, renderSlot } from "vue";
-import { _ as _sfc_main$1 } from "../inputtext/index.es.js";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "InputURL",
-  props: {
-    allowedCharacters: {},
-    autoUppercase: { type: Boolean },
-    modelValue: {},
-    value: {},
-    existingValues: {},
-    checkAvailability: {},
-    maxLength: {},
-    label: {},
-    useValidator: { type: Boolean, default: true },
-    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: true },
-    allowSpecialCharacters: { type: Boolean, default: true },
-    useInputGroup: { type: Boolean, default: true },
-    inputId: {}
-  },
-  emits: ["update:modelValue", "blur", "input"],
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$1, mergeProps({
-        onBlur: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("blur", $event)),
-        onInput: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("input", $event)),
-        "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => _ctx.$emit("update:modelValue", $event))
-      }, _ctx.$props, { type: "url" }), createSlots({ _: 2 }, [
-        _ctx.$slots["addon-left"] ? {
-          name: "addon-left",
-          fn: withCtx(() => [
-            renderSlot(_ctx.$slots, "addon-left")
-          ]),
-          key: "0"
-        } : void 0,
-        _ctx.$slots["addon-right"] ? {
-          name: "addon-right",
-          fn: withCtx(() => [
-            renderSlot(_ctx.$slots, "addon-right")
-          ]),
-          key: "1"
-        } : void 0
-      ]), 1040);
-    };
-  }
-});
-export {
-  _sfc_main as _
-};

package/invisiblefield/index.es.js

@@ -1,35 +0,0 @@
-import { defineComponent, reactive, onMounted, watch, createElementBlock, openBlock } from "vue";
-import { u as useField } from "../vendor/vee-validate/dist/vee-validate.esm.es.js";
-const _hoisted_1 = { class: "!hidden" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "InvisibleField",
-  props: {
-    value: { type: [String, Array, Number, Boolean, null, Object], default: void 0 },
-    fieldName: { default: "invisibleinput" }
-  },
-  setup(__props) {
-    var _a;
-    const props = __props;
-    const field = reactive({
-      value: typeof props.value === "string" ? (_a = props.value) == null ? void 0 : _a.trim() : props.value
-    });
-    onMounted(() => {
-      var _a2;
-      Object.assign(field, useField(props.fieldName ?? "invisibleinput"));
-      if (props.value != null)
-        field.value = typeof props.value === "string" ? (_a2 = props.value) == null ? void 0 : _a2.trim() : props.value;
-    });
-    watch(
-      () => props.value,
-      (newValue) => {
-        field.value = newValue;
-      }
-    );
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1);
-    };
-  }
-});
-export {
-  _sfc_main as _
-};

package/litedropdown/index.es.js

@@ -1,108 +0,0 @@
-import { defineComponent, mergeModels, inject, useModel, shallowRef, createBlock, openBlock, withCtx, createVNode, unref, mergeProps, createSlots, normalizeClass, renderSlot } from "vue";
-import { s as script } from "../vendor/primevue/dropdown/dropdown.esm.es.js";
-import { _ as _sfc_main$1 } from "../fieldwrapper/index.es.js";
-import { _ as _sfc_main$2 } from "../icon/index.es.js";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "LiteDropdown",
-  props: /* @__PURE__ */ mergeModels({
-    modelValue: { type: [String, Number, Boolean, Object] },
-    options: {},
-    optionLabel: {},
-    optionValue: {},
-    mandatory: { type: Boolean },
-    placeholder: { default: "Pilih data" },
-    loading: { type: Boolean },
-    disabled: { type: Boolean },
-    filter: { type: Boolean, default: true },
-    filterPlaceholder: { default: "Cari" }
-  }, {
-    "modelValue": { type: [String, Number, Boolean, Object], ...{ required: true } },
-    "modelModifiers": {}
-  }),
-  emits: /* @__PURE__ */ mergeModels(["update:modelValue", "show", "change"], ["update:modelValue"]),
-  setup(__props) {
-    const DropdownPreset = inject("preset", {}).dropdown;
-    const model = useModel(__props, "modelValue");
-    const props = __props;
-    const isShowOverlay = shallowRef(false);
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$1, {
-        mandatory: props.mandatory
-      }, {
-        default: withCtx(() => [
-          createVNode(unref(script), mergeProps(props, {
-            modelValue: model.value,
-            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => model.value = $event),
-            placeholder: props.loading ? "Loading..." : props.placeholder,
-            pt: {
-              root: ({ state, props: props2 }) => {
-                var _a;
-                return {
-                  "class": [
-                    ...(_a = unref(DropdownPreset)) == null ? void 0 : _a.root({ state, props: props2 }).class,
-                    "text-base",
-                    {
-                      "cursor-pointer": !props2.disabled
-                    }
-                  ],
-                  "data-wv-name": "litedropdown"
-                };
-              },
-              input: ({ props: props2 }) => ({
-                class: [
-                  "!font-semibold",
-                  {
-                    "!text-general-200": props2.modelValue == null,
-                    "!text-grayscale-900": props2.modelValue != null
-                  }
-                ]
-              })
-            },
-            onChange: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("change", $event)),
-            onHide: _cache[2] || (_cache[2] = ($event) => isShowOverlay.value = false),
-            onShow: _cache[3] || (_cache[3] = () => {
-              _ctx.$emit("show");
-              isShowOverlay.value = true;
-            }),
-            class: "!w-fit"
-          }), createSlots({
-            dropdownicon: withCtx(() => [
-              createVNode(_sfc_main$2, {
-                class: normalizeClass([
-                  "!w-6 !h-6 !transition-transform !text-general-500",
-                  { "rotate-180": isShowOverlay.value }
-                ]),
-                icon: "arrow-drop-down"
-              }, null, 8, ["class"])
-            ]),
-            loadingicon: withCtx(() => [
-              createVNode(_sfc_main$2, {
-                class: "text-xs animate-spin duration-200",
-                icon: "spinner"
-              })
-            ]),
-            filtericon: withCtx(() => [
-              createVNode(_sfc_main$2, {
-                class: "text-xs w-6 h-6",
-                icon: "search-line"
-              })
-            ]),
-            _: 2
-          }, [
-            _ctx.$slots["option"] ? {
-              name: "option",
-              fn: withCtx(({ option }) => [
-                renderSlot(_ctx.$slots, "option", { option })
-              ]),
-              key: "0"
-            } : void 0
-          ]), 1040, ["modelValue", "placeholder", "pt"])
-        ]),
-        _: 3
-      }, 8, ["mandatory"]);
-    };
-  }
-});
-export {
-  _sfc_main as _
-};