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

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) => {
@@ -26646,7 +26661,7 @@ var objectSupport$1 = { exports: {} };
 })(objectSupport$1);
 var objectSupport = objectSupport$1.exports;
 var plDatePickerRange_vue_vue_type_style_index_0_scoped_true_lang = "";
-const _withScopeId = (n2) => (pushScopeId("data-v-6db27b86"), n2 = n2(), popScopeId(), n2);
+const _withScopeId = (n2) => (pushScopeId("data-v-c0a2c110"), n2 = n2(), popScopeId(), n2);
 const _hoisted_1$v = ["id"];
 const _hoisted_2$r = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("img", {
   class: "date-picker__img",
@@ -26654,12 +26669,12 @@ const _hoisted_2$r = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createEl
   alt: "date-picker icon"
 }, null, -1));
 const _hoisted_3$n = { class: "date-switcher__container flex-column" };
-const _hoisted_4$h = { class: "d-flex pb-4 justify-content-between" };
+const _hoisted_4$h = { class: "d-flex pb-6 justify-content-between" };
 const _hoisted_5$b = { class: "date-switcher justify-content-center flex-column" };
-const _hoisted_6$7 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("span", { class: "pl-date-picker__placeholder pb-05 ps-05" }, "\u041D\u0430\u0447\u0430\u043B\u043E \u043F\u0435\u0440\u0438\u043E\u0434\u0430", -1));
+const _hoisted_6$7 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("span", { class: "pl-date-picker__placeholder pb-1 ps-1" }, "\u041D\u0430\u0447\u0430\u043B\u043E \u043F\u0435\u0440\u0438\u043E\u0434\u0430", -1));
 const _hoisted_7$5 = { class: "date-switcher justify-content-center flex-column" };
-const _hoisted_8$4 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("span", { class: "pl-date-picker__placeholder pb-05 ps-05" }, "\u041A\u043E\u043D\u0435\u0446 \u043F\u0435\u0440\u0438\u043E\u0434\u0430", -1));
-const _hoisted_9$4 = { class: "d-flex pt-1 justify-content-between" };
+const _hoisted_8$4 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("span", { class: "pl-date-picker__placeholder pb-1 ps-1" }, "\u041A\u043E\u043D\u0435\u0446 \u043F\u0435\u0440\u0438\u043E\u0434\u0430", -1));
+const _hoisted_9$4 = { class: "d-flex pt-2 justify-content-between" };
 const _hoisted_10$3 = { class: "date-switcher date-switcher__month" };
 const _hoisted_11$3 = { class: "date-switcher__month-name" };
 const _hoisted_12$3 = { class: "date-switcher date-switcher__year" };
@@ -27221,7 +27236,7 @@ const _sfc_main$v = {
     };
   }
 };
-var PlDatePickerRange = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["__scopeId", "data-v-6db27b86"]]);
+var PlDatePickerRange = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["__scopeId", "data-v-c0a2c110"]]);
 var datePicker = "";
 var scrollbar = "";
 var ru = {
@@ -38993,7 +39008,7 @@ const _hoisted_1$l = {
   id: "pl-form-tabs",
   class: "d-flex align-items-center"
 };
-const _hoisted_2$j = { class: "container pt-12 pb-12 ps-2 pe-2" };
+const _hoisted_2$j = { class: "container pt-12 pb-12 ps-3 pe-3" };
 const _hoisted_3$h = ["onClick"];
 const _sfc_main$l = {
   __name: "pl-form-tabs",
@@ -39039,7 +39054,7 @@ const _sfc_main$l = {
           (openBlock(), createElementBlock(Fragment, null, renderList(tabs2, (item) => {
             return createElementVNode("div", {
               key: item.label,
-              class: normalizeClass(["p-12 ps-3 pe-3 rounded-8 disable-color pointer fw-500 tab-title", [selected.value === item.label ? "active-tab" : ""]])
+              class: normalizeClass(["p-12 ps-4 pe-3 rounded-8 disable-color pointer fw-500 tab-title", [selected.value === item.label ? "active-tab" : ""]])
             }, [
               createElementVNode("div", {
                 onClick: ($event) => {
@@ -39091,7 +39106,7 @@ var plFormDiolog_vue_vue_type_style_index_0_lang = "";
 const _hoisted_1$j = {
   key: 0,
   id: "dialogForm",
-  class: "container d-flex flex-column p-3 justify-content-center"
+  class: "container d-flex flex-column p-4 justify-content-center"
 };
 const _hoisted_2$h = /* @__PURE__ */ createElementVNode("div", { class: "d-flex align-items-start gap-12" }, [
   /* @__PURE__ */ createElementVNode("img", {
@@ -39116,7 +39131,7 @@ const _sfc_main$j = {
       return isVisible.value ? (openBlock(), createElementBlock("div", _hoisted_1$j, [
         _hoisted_2$h,
         createElementVNode("button", {
-          class: "fw-bold btn default-text border-0 mt-3 rounded-8 btn-ok",
+          class: "fw-bold btn default-text border-0 mt-4 rounded-8 btn-ok",
           onClick: _cache[0] || (_cache[0] = ($event) => isVisible.value = false)
         }, _hoisted_4$a)
       ])) : createCommentVNode("", true);
@@ -40026,7 +40041,7 @@ const _sfc_main$b = {
           ])
         ]),
         footer: withCtx(() => [
-          createElementVNode("div", { class: "d-flex flex-row-reverse gap-3 mt-48" }, [
+          createElementVNode("div", { class: "d-flex flex-row-reverse gap-4 mt-48" }, [
             _hoisted_6$4,
             createElementVNode("button", {
               onClick: exit,
@@ -40140,7 +40155,7 @@ const _hoisted_20$1 = { class: "d-flex align-items-center justify-content-betwee
 const _hoisted_21$1 = { class: "itemPhysical__left d-flex flex-column" };
 const _hoisted_22$1 = { class: "default-text topText" };
 const _hoisted_23$1 = { class: "itemPhysical__decorText" };
-const _hoisted_24$1 = /* @__PURE__ */ createElementVNode("div", { class: "d-flex gap-3" }, [
+const _hoisted_24$1 = /* @__PURE__ */ createElementVNode("div", { class: "d-flex gap-4" }, [
   /* @__PURE__ */ createElementVNode("img", {
     src: _imports_1$1,
     alt: "edit"
@@ -40210,7 +40225,7 @@ const _sfc_main$a = {
           ])
         ]),
         withDirectives(createElementVNode("div", {
-          class: normalizeClass(["contentBodies padding-empty mt-3", { "pl-list__btn-container": __props.isAdditional }])
+          class: normalizeClass(["contentBodies padding-empty mt-4", { "pl-list__btn-container": __props.isAdditional }])
         }, [
           createElementVNode("button", {
             onClick: _cache[1] || (_cache[1] = (...args) => __props.addItem && __props.addItem(...args)),
@@ -40268,7 +40283,7 @@ const _sfc_main$a = {
 };
 const _hoisted_1$9 = {
   id: "wrapperBodies",
-  class: "d-flex flex-column gap-3"
+  class: "d-flex flex-column gap-4"
 };
 const _hoisted_2$8 = { class: "d-flex justify-content-between mt-32" };
 const _hoisted_3$7 = { class: "d-flex justify-content-between mt-32" };
@@ -41133,7 +41148,7 @@ function k(e2) {
 var plFormContact_vue_vue_type_style_index_0_lang = "";
 const _hoisted_1$8 = {
   id: "container-general",
-  class: "d-flex flex-column gap-3"
+  class: "d-flex flex-column gap-4"
 };
 const _hoisted_2$7 = { class: "d-flex justify-content-between mt-32" };
 const _sfc_main$8 = {
@@ -41254,7 +41269,7 @@ const _hoisted_1$7 = {
   id: "form-menu",
   class: "container padding-menu pt-3 pb-3 h-100"
 };
-const _hoisted_2$6 = /* @__PURE__ */ createStaticVNode('<nav class="d-grid gap-52 justify-content-center h-100"><div class="d-grid top-section gap-4"><a href="#"><img src="' + _imports_0$2 + '" alt="saved"></a><a href="#"><img src="' + _imports_1 + '" alt="share"></a><a href="#"><img src="' + _imports_2 + '" alt="support"></a></div><div class="decor"></div><a class="mt-auto" href="#"><img src="' + _imports_3 + '" alt="close"></a></nav>', 1);
+const _hoisted_2$6 = /* @__PURE__ */ createStaticVNode('<nav class="d-grid gap-52 justify-content-center h-100"><div class="d-grid top-section gap-6"><a href="#"><img src="' + _imports_0$2 + '" alt="saved"></a><a href="#"><img src="' + _imports_1 + '" alt="share"></a><a href="#"><img src="' + _imports_2 + '" alt="support"></a></div><div class="decor"></div><a class="mt-auto" href="#"><img src="' + _imports_3 + '" alt="close"></a></nav>', 1);
 const _hoisted_3$6 = [
   _hoisted_2$6
 ];
@@ -41264,7 +41279,7 @@ function _sfc_render(_ctx, _cache) {
 var PlFormMenu = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["render", _sfc_render]]);
 const _hoisted_1$6 = {
   id: "container-general",
-  class: "d-flex flex-column gap-3"
+  class: "d-flex flex-column gap-4"
 };
 const _hoisted_2$5 = { class: "d-flex justify-content-between mt-32" };
 const _hoisted_3$5 = { class: "d-flex justify-content-between mt-32" };
@@ -41582,8 +41597,8 @@ const _hoisted_2$4 = {
   id: "pl-questionnaire",
   class: "wrapper d-flex justify-content-between"
 };
-const _hoisted_3$4 = { class: "left d-flex flex-column gap-2" };
-const _hoisted_4$3 = { class: "center d-flex flex-column gap-3" };
+const _hoisted_3$4 = { class: "left d-flex flex-column gap-3" };
+const _hoisted_4$3 = { class: "center d-flex flex-column gap-4" };
 const _hoisted_5$1 = { class: "right" };
 const _sfc_main$5 = {
   __name: "pl-questionnaire",
@@ -42949,10 +42964,11 @@ const PlTooltipPlugin = {
     app.component("PlTooltip", _sfc_main$C);
   }
 };
-var bootstrapCustom = "";
+var customBootstrap = "";
 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;