@factoringplus/pl-components-pack-v3 0.5.31 → 0.5.32

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

@@ -25902,7 +25902,7 @@ var _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const _withScopeId$1 = (n2) => (pushScopeId("data-v-71920af7"), n2 = n2(), popScopeId(), n2);
+const _withScopeId$1 = (n2) => (pushScopeId("data-v-3a4be331"), n2 = n2(), popScopeId(), n2);
 const _hoisted_1$y = { class: "pl-input__container" };
 const _hoisted_2$t = {
   key: 0,
@@ -25944,13 +25944,23 @@ const _hoisted_15$3 = {
   key: 2,
   class: "pl-input__count"
 };
-const _hoisted_16$3 = { class: "pl-input__count-inner" };
-const _hoisted_17$2 = { class: "pl-input__helpertext" };
+const _hoisted_16$3 = {
+  key: 0,
+  class: "pl-input__count-inner"
+};
+const _hoisted_17$2 = {
+  key: 1,
+  class: "pl-input__count-inner"
+};
 const _hoisted_18$2 = {
+  key: 2,
+  class: "pl-input__helpertext"
+};
+const _hoisted_19$2 = {
   key: 0,
   class: "pl-form-item__error"
 };
-const _hoisted_19$2 = { key: 1 };
+const _hoisted_20$2 = { key: 1 };
 const _sfc_main$B = {
   __name: "pl-input-plus",
   props: {
@@ -26020,13 +26030,16 @@ const _sfc_main$B = {
     disabled: {
       type: Boolean,
       default: false
+    },
+    formatter: {
+      type: Function
     }
   },
   emits: ["update:modelValue"],
   setup(__props, { emit: emit2 }) {
     const props = __props;
     useCssVars((_ctx) => ({
-      "e2f9bf06": props.width
+      "3d8adc0a": props.width
     }));
     const attrs = useAttrs$1();
     const errors = ref([]);
@@ -26053,6 +26066,13 @@ const _sfc_main$B = {
         emit2("update:modelValue", value);
       }
     });
+    if (props.formatter) {
+      watch(modelValue, (newValue) => {
+        if (newValue) {
+          modelValue.value = props.formatter(newValue);
+        }
+      });
+    }
     if (props.currency) {
       watch(modelValue, (newValue) => {
         setValue(newValue);
@@ -26164,20 +26184,18 @@ const _sfc_main$B = {
                 src: props.rightIcon
               }, null, 8, ["src"])) : createCommentVNode("", true)
             ])) : props.showWordLimit ? (openBlock(), createElementBlock("div", _hoisted_15$3, [
-              createElementVNode("span", _hoisted_16$3, toDisplayString(unref(modelValue).length) + "/" + toDisplayString(unref(attrs).maxlength), 1)
+              unref(modelValue) ? (openBlock(), createElementBlock("span", _hoisted_16$3, toDisplayString(unref(modelValue).length) + "/" + toDisplayString(unref(attrs).maxlength), 1)) : (openBlock(), createElementBlock("span", _hoisted_17$2, " 0/" + toDisplayString(unref(attrs).maxlength), 1))
             ])) : createCommentVNode("", true)
           ])
         ], 2)),
-        withDirectives(createElementVNode("span", _hoisted_17$2, [
-          errors.value.length > 0 ? (openBlock(), createElementBlock("span", _hoisted_18$2, toDisplayString(errors.value[0].message), 1)) : props.helpertext ? (openBlock(), createElementBlock("span", _hoisted_19$2, toDisplayString(props.helpertext), 1)) : createCommentVNode("", true)
-        ], 512), [
-          [vShow, props.helpertext || errors.value.length > 0]
-        ])
+        props.helpertext || errors.value.length > 0 ? (openBlock(), createElementBlock("span", _hoisted_18$2, [
+          errors.value.length > 0 ? (openBlock(), createElementBlock("span", _hoisted_19$2, toDisplayString(errors.value[0].message), 1)) : props.helpertext ? (openBlock(), createElementBlock("span", _hoisted_20$2, toDisplayString(props.helpertext), 1)) : createCommentVNode("", true)
+        ])) : createCommentVNode("", true)
       ]);
     };
   }
 };
-var PlInputPlus = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["__scopeId", "data-v-71920af7"]]);
+var PlInputPlus = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["__scopeId", "data-v-3a4be331"]]);
 const PlInputPlusPlugin = {
   install(app) {
     app.component("PlInputPlus", PlInputPlus);
@@ -26325,35 +26343,32 @@ const _sfc_main$x = {
       "button-secondary": props.type === "secondary",
       "button-error": props.type === "error",
       "button-empty": props.type === "empty",
-      "full-width": props.fullWidth
+      "full-width": props.fullWidth,
+      "pl-button": true
     }));
     const onClick = () => !props.disabled && emit2("click");
     return (_ctx, _cache) => {
       const _component_inline_svg = resolveComponent("inline-svg");
-      const _component_el_button = ElButton;
-      return openBlock(), createBlock(_component_el_button, {
+      return openBlock(), createElementBlock("button", {
         class: normalizeClass(unref(buttonClasses)),
         onClick
-      }, {
-        default: withCtx(() => [
-          createElementVNode("div", _hoisted_1$w, [
-            props.iconPosition === "left" ? (openBlock(), createBlock(_component_inline_svg, {
-              key: 0,
-              src: props.icon
-            }, null, 8, ["src"])) : createCommentVNode("", true),
-            renderSlot(_ctx.$slots, "default", {}, void 0, true),
-            props.iconPosition === "right" ? (openBlock(), createBlock(_component_inline_svg, {
-              key: 1,
-              src: props.icon
-            }, null, 8, ["src"])) : createCommentVNode("", true)
-          ])
-        ]),
-        _: 3
-      }, 8, ["class"]);
+      }, [
+        createElementVNode("div", _hoisted_1$w, [
+          props.iconPosition === "left" ? (openBlock(), createBlock(_component_inline_svg, {
+            key: 0,
+            src: props.icon
+          }, null, 8, ["src"])) : createCommentVNode("", true),
+          renderSlot(_ctx.$slots, "default", {}, void 0, true),
+          props.iconPosition === "right" ? (openBlock(), createBlock(_component_inline_svg, {
+            key: 1,
+            src: props.icon
+          }, null, 8, ["src"])) : createCommentVNode("", true)
+        ])
+      ], 2);
     };
   }
 };
-var PlButton = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__scopeId", "data-v-4756d38f"]]);
+var PlButton = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__scopeId", "data-v-f7ae6c80"]]);
 const cache = {};
 function filterAttrs(attrs) {
   return Object.keys(attrs).reduce((result, key) => {
@@ -42953,6 +42968,7 @@ var bootstrapCustom = "";
 var root = "";
 var inter = "";
 var color = "";
+var resetElement = "";
 const PlPlugin = {
   install(app) {
     var _a2, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t2, _u, _v, _w;