@factoringplus/pl-components-pack-v3 0.14.2-pre-14 → 0.14.2-pre-15

package/README.md

@@ -1,17 +1,17 @@
-# Библиотека компонентов Vue 3
-
-## Установка
-
-```bash
-npm i @factoringplus/pl-components-pack-v3
-```
-
-### Добавление компонентов в проект
-
-```bash
-// src/main.js
-import components from '@factoringplus/pl-components-pack-v3';
-import '@factoringplus/pl-components-pack-v3/dist/style.css';
-
-app.use(components)
-```
+# Библиотека компонентов Vue 3
+
+## Установка
+
+```bash
+npm i @factoringplus/pl-components-pack-v3
+```
+
+### Добавление компонентов в проект
+
+```bash
+// src/main.js
+import components from '@factoringplus/pl-components-pack-v3';
+import '@factoringplus/pl-components-pack-v3/dist/style.css';
+
+app.use(components)
+```

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

@@ -18727,7 +18727,6 @@ const uniqid = /* @__PURE__ */ getDefaultExportFromCjs(uniqidExports), _hoisted_
   props: {
     modelValue: { type: Boolean, default: !1 },
     showHeader: { type: Boolean, default: !0 },
-    showGrabber: { type: Boolean, default: !0 },
     widthThis: { default: "808" },
     padding: { default: "24px" },
     headerPadding: { default: "" },
@@ -18739,15 +18738,14 @@ const uniqid = /* @__PURE__ */ getDefaultExportFromCjs(uniqidExports), _hoisted_
     logout: { type: Boolean, default: !1 },
     scroll: { type: Boolean, default: !1 },
     modalOnMobile: { type: Boolean, default: !1 },
-    isTranches: { type: Boolean, default: !1 },
-    contentCustomClass: { default: "" }
+    isTranches: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue", "changeVisibleModalValue"],
   setup(g, { expose: y, emit: j }) {
     const $ = g;
     useCssVars((jt) => ({
-      "78611d02": xe.value,
-      "5dcb13c2": Dt.value
+      "1143345d": xe.value,
+      "54dc1a7d": Dt.value
     }));
     const z = computed$1({
       get: () => $.modelValue,
@@ -18776,7 +18774,7 @@ const uniqid = /* @__PURE__ */ getDefaultExportFromCjs(uniqidExports), _hoisted_
     })), $e = ref(0), xe = ref("100%"), Dt = ref("0.3s"), Et = (jt) => {
       var xn;
       const Tn = (xn = jt == null ? void 0 : jt.target.closest("[id]")) == null ? void 0 : xn.id;
-      if (!$.showGrabber || Tn && Tn !== Ne)
+      if (!$.showHeader || Tn && Tn !== Ne)
         return;
       const bn = (In) => {
         if (Dt.value = "0s", !$e.value)
@@ -18820,7 +18818,6 @@ const uniqid = /* @__PURE__ */ getDefaultExportFromCjs(uniqidExports), _hoisted_
           class: normalizeClass([
             jt.customClass,
             "justify-content-end",
-            { "modal-with-custom": jt.contentCustomClass },
             he.value ? "mx-4" : "",
             $.modalOnMobile && "modal-on-mobile"
           ])
@@ -18833,7 +18830,7 @@ const uniqid = /* @__PURE__ */ getDefaultExportFromCjs(uniqidExports), _hoisted_
               createElementVNode("div", {
                 class: normalizeClass(["dialog-container ms-auto", [
                   ue.value ? "" : jt.simple ? "align-self-start " : he.value ? "my-16" : "mt-16 mx-auto",
-                  { "with-grabber": jt.showGrabber }
+                  { "with-grabber": jt.showHeader }
                 ]]),
                 onTouchstart: Et
               }, [
@@ -18868,14 +18865,14 @@ const uniqid = /* @__PURE__ */ getDefaultExportFromCjs(uniqidExports), _hoisted_
                     ref_key: "dialogScroll",
                     ref: _n,
                     "max-height": kt.value,
-                    class: normalizeClass(["flex-grow-1 dialog-scroll", jt.contentCustomClass]),
+                    class: "flex-grow-1 dialog-scroll",
                     "view-class": "h-100 el-scrollbar-view"
                   }, {
                     default: withCtx(() => [
                       renderSlot(jt.$slots, "default")
                     ]),
                     _: 3
-                  }, 8, ["max-height", "class"]),
+                  }, 8, ["max-height"]),
                   jt.isTranches ? (openBlock(), createElementBlock("div", _hoisted_5$k)) : createCommentVNode("", !0)
                 ], 512)
               ], 34)
@@ -19610,7 +19607,7 @@ const uniqid = /* @__PURE__ */ getDefaultExportFromCjs(uniqidExports), _hoisted_
       ]);
     };
   }
-}, plInputPlus_vue_vue_type_style_index_0_scoped_d7c0ded8_lang = "", _hoisted_1$G = {
+}, plInputPlus_vue_vue_type_style_index_0_scoped_2072312b_lang = "", _hoisted_1$G = {
   key: 0,
   class: "pl-input__label"
 }, _hoisted_2$x = {
@@ -19727,7 +19724,7 @@ const uniqid = /* @__PURE__ */ getDefaultExportFromCjs(uniqidExports), _hoisted_
   setup(g, { expose: y, emit: j }) {
     const $ = g;
     useCssVars((de) => ({
-      "875ebec6": $.width
+      "9f01016a": $.width
     }));
     const z = useAttrs$1(), V = `id-${uniqid()}`, re = ref([]);
     if ($.prop) {
@@ -19868,7 +19865,7 @@ const uniqid = /* @__PURE__ */ getDefaultExportFromCjs(uniqidExports), _hoisted_
       ], 32);
     };
   }
-}, __unplugin_components_0 = /* @__PURE__ */ _export_sfc(_sfc_main$12, [["__scopeId", "data-v-d7c0ded8"]]), PlInputPlusPlugin = {
+}, __unplugin_components_0 = /* @__PURE__ */ _export_sfc(_sfc_main$12, [["__scopeId", "data-v-2072312b"]]), PlInputPlusPlugin = {
   install(g) {
     g.component("PlInputPlus", __unplugin_components_0);
   }
@@ -20510,7 +20507,7 @@ const _hoisted_1$z = {
     }, z = () => {
       y("update:focus", !0);
     }, V = () => {
-      document.getElementById(j.id).blur(), y("clickToBlur"), y("update:focus", !1);
+      y("update:focus", !1);
     }, re = (le) => {
       le.composed && le.stopImmediatePropagation();
     }, ae = computed$1({
@@ -20542,9 +20539,10 @@ const _hoisted_1$z = {
             value: ae.value,
             disabled: j.disabled,
             onFocusin: z,
+            onFocusout: V,
             onKeydown: withKeys(withModifiers(V, ["prevent"]), ["tab"]),
             onInput: ie[0] || (ie[0] = (de) => {
-              de.stopImmediatePropagation(), ae.value = de.target.value;
+              ae.value = de.target.value;
             }),
             onBlur: re
           }, null, 40, _hoisted_3$o)
@@ -20553,8 +20551,8 @@ const _hoisted_1$z = {
           !j.disabled && j.clearable && ae.value ? (openBlock(), createBlock(ue, {
             key: 0,
             name: "Close16",
-            onMouseup: withModifiers($, ["stop"])
-          }, null, 8, ["onMouseup"])) : createCommentVNode("", !0)
+            onMousedown: $
+          })) : createCommentVNode("", !0)
         ])
       ], 2);
     };
@@ -20567,7 +20565,7 @@ function declOfNum(g, y) {
   const $ = g % 10;
   return $ > 1 && $ < 5 ? y[1] : $ == 1 ? y[0] : y[2];
 }
-const plAutocompete_vue_vue_type_style_index_0_scoped_17a4eb7d_lang = "", _hoisted_1$y = { class: "pl-autocomplete__wrapper" }, _hoisted_2$r = { class: "pl-autocomplete__select-container" }, _hoisted_3$n = {
+const plAutocompete_vue_vue_type_style_index_0_scoped_bcbce8be_lang = "", _hoisted_1$y = { class: "pl-autocomplete__wrapper" }, _hoisted_2$r = { class: "pl-autocomplete__select-container" }, _hoisted_3$n = {
   key: 0,
   class: "pl-autocomplete__label-container"
 }, _hoisted_4$k = { class: "pl-autocomplete__label-container-text" }, _hoisted_5$e = {
@@ -20679,7 +20677,7 @@ const plAutocompete_vue_vue_type_style_index_0_scoped_17a4eb7d_lang = "", _hoist
   setup(g, { emit: y }) {
     const j = g;
     useCssVars((Ve) => ({
-      "7bd590a2": j.width
+      a6f1e44c: j.width
     }));
     const $ = `id-${uniqid()}`, z = ref([]);
     if (j.prop) {
@@ -20717,10 +20715,11 @@ const plAutocompete_vue_vue_type_style_index_0_scoped_17a4eb7d_lang = "", _hoist
       });
     });
     const ue = () => {
-      j.disabled || (ie.value = !0, document.getElementById($) && (ie.value ? document.getElementById($).focus() : document.getElementById($).blur()));
+      j.disabled || (ie.value = !ie.value);
     }, de = () => {
-      j.disabled || !ie.value || nextTick(() => {
-        ie.value = !1, !j.memoryBlur && !Ne.value.value ? _e.value = "" : Ne.value.value && (_e.value = Ne.value.value);
+      j.disabled || nextTick(() => {
+        var Ve;
+        ie.value = !1, document.getElementById($).blur(), !j.memoryBlur && !((Ve = Ne.value) != null && Ve.value) ? _e.value = "" : Ne.value.value && (_e.value = Ne.value.value);
       });
     }, he = ref(!1), _e = ref("");
     watch(_e, (Ve) => {
@@ -20744,6 +20743,7 @@ const plAutocompete_vue_vue_type_style_index_0_scoped_17a4eb7d_lang = "", _hoist
           kt.initEvent("blur", !1, !0), Ve.dispatchEvent(kt);
         } else
           Ve.fireEvent("onblur");
+      de();
     };
     watch(Ne, (Ve) => {
       _e.value = Ve.value;
@@ -20755,7 +20755,7 @@ const plAutocompete_vue_vue_type_style_index_0_scoped_17a4eb7d_lang = "", _hoist
         kt.fireEvent("onchange");
     }), j.default && (Ne.value = JSON.parse(JSON.stringify(j.default)));
     const Oe = ref(!1), Ie = (Ve) => {
-      Ve.disabled || (Oe.value = !0, Ne.value = Ve, _e.value = Ve.value, de(), y("changeValue", Ve));
+      Ve.disabled || (Oe.value = !0, Ne.value = Ve, _e.value = Ve.value, y("changeValue", Ve), de());
     }, Ue = () => {
       Ne.value = {}, _e.value = "", y("changeValue", {}), de(), Ce();
     }, $e = (Ve, kt) => Ve.split(".").reduce((_n, Pt) => _n[Pt], kt), xe = (Ve) => j.uniqKey && $e(j.uniqKey, Ne.value) && $e(j.uniqKey, Ve) ? $e(j.uniqKey, Ve) === $e(j.uniqKey, Ne.value) : Ne.value.bottomText ? Ve.value === Ne.value.value && Ve.bottomText === Ne.value.bottomText : Ve.value === Ne.value.value, Dt = () => {
@@ -20796,35 +20796,31 @@ const plAutocompete_vue_vue_type_style_index_0_scoped_17a4eb7d_lang = "", _hoist
               position: "top"
             }, {
               default: withCtx(() => [
-                createVNode(_sfc_main$1c, {
-                  name: "Question20",
-                  onMouseup: kt[0] || (kt[0] = withModifiers(() => {
-                  }, ["stop"]))
-                })
+                withDirectives(createVNode(_sfc_main$1c, { name: "Question20" }, null, 512), [
+                  [
+                    Pt,
+                    void 0,
+                    void 0,
+                    { stop: !0 }
+                  ]
+                ])
               ]),
               _: 1
             })) : createCommentVNode("", !0)
           ])) : createCommentVNode("", !0),
           createVNode(_sfc_main$V, mergeProps(j, {
             id: $,
-            focus: ie.value,
-            "onUpdate:focus": kt[1] || (kt[1] = (bn) => ie.value = bn),
             modelValue: _e.value,
-            "onUpdate:modelValue": kt[2] || (kt[2] = (bn) => _e.value = bn),
+            "onUpdate:modelValue": kt[0] || (kt[0] = (bn) => _e.value = bn),
             "show-error": V.value,
             onReset: Ue,
             onChange: Et
-          }), null, 16, ["focus", "modelValue", "show-error"]),
+          }), null, 16, ["modelValue", "show-error"]),
           j.helpertext || z.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_7$9, [
             z.value.length > 0 ? (openBlock(), createElementBlock("span", _hoisted_8$9, toDisplayString(z.value[0].message), 1)) : j.helpertext ? (openBlock(), createElementBlock("span", _hoisted_9$7, toDisplayString(j.helpertext), 1)) : createCommentVNode("", !0)
           ])) : createCommentVNode("", !0)
         ])), [
-          [
-            Pt,
-            ue,
-            void 0,
-            { self: !0 }
-          ]
+          [Pt, ue]
         ]),
         createVNode(Transition, { name: "pl-dropdown-fade" }, {
           default: withCtx(() => {
@@ -20873,7 +20869,7 @@ const plAutocompete_vue_vue_type_style_index_0_scoped_17a4eb7d_lang = "", _hoist
       ]);
     };
   }
-}, PlAutocomplete = /* @__PURE__ */ _export_sfc(_sfc_main$U, [["__scopeId", "data-v-17a4eb7d"]]), PlAutocompletePlugin = {
+}, PlAutocomplete = /* @__PURE__ */ _export_sfc(_sfc_main$U, [["__scopeId", "data-v-bcbce8be"]]), PlAutocompletePlugin = {
   install(g) {
     g.component("PlAutocomplete", PlAutocomplete);
   }
@@ -21254,7 +21250,7 @@ const PlButtonPlugin = {
       ], 2);
     };
   }
-}, plSelectPlus_vue_vue_type_style_index_0_scoped_0e21ce7b_lang = "", _hoisted_1$u = { class: "pl-select__wrapper" }, _hoisted_2$o = {
+}, plSelectPlus_vue_vue_type_style_index_0_scoped_f1b8c796_lang = "", _hoisted_1$u = { class: "pl-select__wrapper" }, _hoisted_2$o = {
   key: 0,
   class: "pl-select__label-container"
 }, _hoisted_3$k = { class: "pl-select__label-container-text" }, _hoisted_4$h = {
@@ -21339,7 +21335,7 @@ const PlButtonPlugin = {
   setup(g, { emit: y }) {
     const j = g;
     useCssVars(($e) => ({
-      "95894d5e": j.width
+      69042120: j.width
     }));
     const $ = `id-${uniqid()}`, z = ref([]);
     if (j.prop) {
@@ -21494,7 +21490,7 @@ const PlButtonPlugin = {
       ]);
     };
   }
-}, PlSelectPlus = /* @__PURE__ */ _export_sfc(_sfc_main$O, [["__scopeId", "data-v-0e21ce7b"]]), PlSelectPlusPlugin = {
+}, PlSelectPlus = /* @__PURE__ */ _export_sfc(_sfc_main$O, [["__scopeId", "data-v-f1b8c796"]]), PlSelectPlusPlugin = {
   install(g) {
     g.component("PlSelectPlus", PlSelectPlus);
   }
@@ -32403,7 +32399,7 @@ var objectSupport$1 = { exports: {} };
   });
 })(objectSupport$1);
 var objectSupportExports = objectSupport$1.exports;
-const objectSupport = /* @__PURE__ */ getDefaultExportFromCjs(objectSupportExports), plDatePickerRange_vue_vue_type_style_index_0_scoped_e14af0c5_lang = "", _withScopeId = (g) => (pushScopeId("data-v-e14af0c5"), g = g(), popScopeId(), g), _hoisted_1$f = ["id"], _hoisted_2$c = ["src"], _hoisted_3$a = { class: "date-switcher__container flex-column" }, _hoisted_4$7 = { class: "d-flex pb-6 justify-content-between" }, _hoisted_5$5 = { class: "date-switcher justify-content-center flex-column" }, _hoisted_6$5 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("span", { class: "pl-date-picker__placeholder pb-1 ps-1" }, "Начало периода", -1)), _hoisted_7$5 = { class: "date-switcher justify-content-center flex-column" }, _hoisted_8$5 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("span", { class: "pl-date-picker__placeholder pb-1 ps-1" }, "Конец периода", -1)), _hoisted_9$3 = { class: "d-flex pt-2 justify-content-between" }, _hoisted_10$2 = { class: "date-switcher date-switcher__month" }, _hoisted_11$3 = { class: "date-switcher__month-name" }, _hoisted_12$2 = { class: "date-switcher date-switcher__year" }, _hoisted_13$2 = { class: "date-switcher__year-name" }, _hoisted_14$2 = { class: "pl-date-picker__days" }, _hoisted_15$2 = ["onClick", "onMousemove"], _hoisted_16$1 = { class: "field" }, _hoisted_17$1 = { class: "pl-date-picker__buttons" }, _sfc_main$y = {
+const objectSupport = /* @__PURE__ */ getDefaultExportFromCjs(objectSupportExports), plDatePickerRange_vue_vue_type_style_index_0_scoped_41cf3a1a_lang = "", _withScopeId = (g) => (pushScopeId("data-v-41cf3a1a"), g = g(), popScopeId(), g), _hoisted_1$f = ["id"], _hoisted_2$c = ["src"], _hoisted_3$a = { class: "date-switcher__container flex-column" }, _hoisted_4$7 = { class: "d-flex pb-6 justify-content-between" }, _hoisted_5$5 = { class: "date-switcher justify-content-center flex-column" }, _hoisted_6$5 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("span", { class: "pl-date-picker__placeholder pb-1 ps-1" }, "Начало периода", -1)), _hoisted_7$5 = { class: "date-switcher justify-content-center flex-column" }, _hoisted_8$5 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("span", { class: "pl-date-picker__placeholder pb-1 ps-1" }, "Конец периода", -1)), _hoisted_9$3 = { class: "d-flex pt-2 justify-content-between" }, _hoisted_10$2 = { class: "date-switcher date-switcher__month" }, _hoisted_11$3 = { class: "date-switcher__month-name" }, _hoisted_12$2 = { class: "date-switcher date-switcher__year" }, _hoisted_13$2 = { class: "date-switcher__year-name" }, _hoisted_14$2 = { class: "pl-date-picker__days" }, _hoisted_15$2 = ["onClick", "onMousemove"], _hoisted_16$1 = { class: "field" }, _hoisted_17$1 = { class: "pl-date-picker__buttons" }, _sfc_main$y = {
   __name: "pl-date-picker-range",
   props: {
     modelValue: {
@@ -32747,7 +32743,7 @@ const objectSupport = /* @__PURE__ */ getDefaultExportFromCjs(objectSupportExpor
       ], 8, _hoisted_1$f);
     };
   }
-}, PlDatePickerRange = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["__scopeId", "data-v-e14af0c5"]]), PlDatePickerPlugin = {
+}, PlDatePickerRange = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["__scopeId", "data-v-41cf3a1a"]]), PlDatePickerPlugin = {
   install(g) {
     g.component("PlDatePicker", PlDatePicker), g.component("PlDatePickerRange", PlDatePickerRange);
   }
@@ -33267,7 +33263,7 @@ const quarterOfYear = /* @__PURE__ */ getDefaultExportFromCjs(quarterOfYearExpor
       });
     };
   }
-}), PlDatePickerRangeWrapper_vue_vue_type_style_index_0_scoped_fe7e6160_lang = "", PlDatePickerRangeWrapper = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["__scopeId", "data-v-fe7e6160"]]), _hoisted_1$d = { class: "pl-date-picker-range" }, _sfc_main$u = /* @__PURE__ */ defineComponent({
+}), PlDatePickerRangeWrapper_vue_vue_type_style_index_0_scoped_f74d63d6_lang = "", PlDatePickerRangeWrapper = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["__scopeId", "data-v-f74d63d6"]]), _hoisted_1$d = { class: "pl-date-picker-range" }, _sfc_main$u = /* @__PURE__ */ defineComponent({
   __name: "pl-date-picker-range-plus",
   props: {
     modelValue: { default: () => [] },
@@ -33290,11 +33286,7 @@ const quarterOfYear = /* @__PURE__ */ getDefaultExportFromCjs(quarterOfYearExpor
   },
   emits: ["update:modelValue", "changeOpen"],
   setup(g, { expose: y, emit: j }) {
-    const $ = g;
-    useCssVars((Ue) => ({
-      "16f24e56": $.width
-    }));
-    const { width: z } = useWindowSize(), V = computed$1({
+    const $ = g, { width: z } = useWindowSize(), V = computed$1({
       get: () => $.modelValue,
       set: (Ue) => j("update:modelValue", Ue)
     });
@@ -33371,7 +33363,6 @@ const quarterOfYear = /* @__PURE__ */ getDefaultExportFromCjs(quarterOfYearExpor
           ref: ue,
           modelValue: le.value,
           "onUpdate:modelValue": $e[4] || ($e[4] = (Ve) => le.value = Ve),
-          "content-custom-class": "pt-4",
           "width-this": "518"
         }, {
           header: withCtx(() => [
@@ -33387,14 +33378,12 @@ const quarterOfYear = /* @__PURE__ */ getDefaultExportFromCjs(quarterOfYearExpor
               "onUpdate:isOpen": $e[2] || ($e[2] = (Ve) => le.value = Ve),
               dateValue: re.value,
               "onUpdate:dateValue": $e[3] || ($e[3] = (Ve) => re.value = Ve),
-              periods: Ue.periods,
-              "period-options": Ue.periodOptions,
               "month-switch": Ue.monthSwitch,
               "year-switch": Ue.yearSwitch,
               mobile: "",
               "disabled-date": Ue.disabledDate,
               onClosePickerOnMobile: Oe
-            }, null, 8, ["modelValue", "isOpen", "dateValue", "periods", "period-options", "month-switch", "year-switch", "disabled-date"])
+            }, null, 8, ["modelValue", "isOpen", "dateValue", "month-switch", "year-switch", "disabled-date"])
           ]),
           _: 1
         }, 8, ["modelValue"])) : (openBlock(), createBlock(PlDatePickerRangeWrapper, {
@@ -33663,7 +33652,7 @@ const quarterOfYear = /* @__PURE__ */ getDefaultExportFromCjs(quarterOfYearExpor
       });
     };
   }
-}), PlDatePickerWrapper_vue_vue_type_style_index_0_scoped_c80de71d_lang = "", PlDatePickerWrapper = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["__scopeId", "data-v-c80de71d"]]), _hoisted_1$b = { class: "pl-date-picker-range" }, _sfc_main$s = /* @__PURE__ */ defineComponent({
+}), PlDatePickerWrapper_vue_vue_type_style_index_0_scoped_8d3dd1d2_lang = "", PlDatePickerWrapper = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["__scopeId", "data-v-8d3dd1d2"]]), _hoisted_1$b = { class: "pl-date-picker-range" }, _sfc_main$s = /* @__PURE__ */ defineComponent({
   __name: "pl-date-picker-plus",
   props: {
     modelValue: { default: "" },
@@ -33745,7 +33734,6 @@ const quarterOfYear = /* @__PURE__ */ getDefaultExportFromCjs(quarterOfYearExpor
           ref: ue,
           modelValue: le.value,
           "onUpdate:modelValue": Ue[4] || (Ue[4] = (Et) => le.value = Et),
-          "content-custom-class": "pt-4",
           "width-this": "518"
         }, {
           header: withCtx(() => [