@factoringplus/pl-components-pack-v3 0.5.21-pre-19 → 0.5.21-pre-21

package/dist/pl-components-pack-v3.es.js

@@ -25819,11 +25819,14 @@ const _hoisted_3$o = {
 };
 const _hoisted_4$i = {
   key: 0,
-  style: { "position": "relative", "width": "20px", "height": "20px" }
+  class: "pl-input__eye-container"
 };
 const _sfc_main$B = {
   __name: "pl-input-plus",
   props: {
+    modelValue: {
+      required: true
+    },
     currency: {
       type: Boolean,
       default: false
@@ -25877,7 +25880,7 @@ const _sfc_main$B = {
   setup(__props, { emit: emit2 }) {
     const props = __props;
     useCssVars((_ctx) => ({
-      "95447988": props.width
+      "785b130a": props.width
     }));
     const attrs = useAttrs$1();
     const id = `id-${Math.random()}`;
@@ -25890,15 +25893,21 @@ const _sfc_main$B = {
       valueRange: props.valueRange,
       ...props.currencyInputOptions
     });
-    const { inputRef } = useCurrencyInput(options);
-    const modelValue = ref(props.modelValue);
-    watch(modelValue, (value) => {
-      if (value && props.currency) {
-        emit2("update:modelValue", Number(value.replace(",", ".").replace(/\s/g, "")));
-      } else {
+    const { inputRef, formattedValue, setValue } = useCurrencyInput(options);
+    const modelValue = computed$1({
+      get: () => props.modelValue,
+      set: (value) => {
+        console.log(value);
         emit2("update:modelValue", value);
       }
     });
+    console.log(modelValue);
+    if (props.currency) {
+      watch(modelValue, (newValue) => {
+        console.log(newValue);
+        setValue(newValue);
+      });
+    }
     const hiddenPassword = ref(true);
     const passwordType = computed$1(() => props.password && hiddenPassword.value);
     const toogleHiddenPassword = () => {
@@ -25939,8 +25948,8 @@ const _sfc_main$B = {
           id,
           name: id
         }, unref(attrs), {
-          modelValue: modelValue.value,
-          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => modelValue.value = $event)
+          modelValue: unref(formattedValue),
+          "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => isRef(formattedValue) ? formattedValue.value = $event : null)
         }), {
           prefix: withCtx(() => [
             props.leftIcon ? (openBlock(), createBlock(_component_inline_svg, {
@@ -25961,8 +25970,8 @@ const _sfc_main$B = {
           name: id,
           type: unref(passwordType) ? "password" : ""
         }, unref(attrs), {
-          modelValue: modelValue.value,
-          "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => modelValue.value = $event)
+          modelValue: unref(modelValue),
+          "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => isRef(modelValue) ? modelValue.value = $event : null)
         }), {
           prefix: withCtx(() => [
             props.leftIcon ? (openBlock(), createBlock(_component_inline_svg, {
@@ -26008,7 +26017,7 @@ const _sfc_main$B = {
     };
   }
 };
-var PlInputPlus = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["__scopeId", "data-v-691ed98b"]]);
+var PlInputPlus = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["__scopeId", "data-v-464c251e"]]);
 const PlInputPlusPlugin = {
   install(app) {
     app.component("PlInputPlus", PlInputPlus);