@factoringplus/pl-components-pack-v3 0.14.2-pre-09 → 0.14.2-pre-11

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,6 +18727,7 @@ 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: "" },
@@ -18738,14 +18739,15 @@ 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 }
+    isTranches: { type: Boolean, default: !1 },
+    contentCustomClass: { default: "" }
   },
   emits: ["update:modelValue", "changeVisibleModalValue"],
   setup(g, { expose: y, emit: j }) {
     const $ = g;
     useCssVars((jt) => ({
-      "1143345d": xe.value,
-      "54dc1a7d": Dt.value
+      "78611d02": xe.value,
+      "5dcb13c2": Dt.value
     }));
     const z = computed$1({
       get: () => $.modelValue,
@@ -18774,7 +18776,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 (!$.showHeader || Tn && Tn !== Ne)
+      if (!$.showGrabber || Tn && Tn !== Ne)
         return;
       const bn = (In) => {
         if (Dt.value = "0s", !$e.value)
@@ -18818,6 +18820,7 @@ 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"
           ])
@@ -18830,7 +18833,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.showHeader }
+                  { "with-grabber": jt.showGrabber }
                 ]]),
                 onTouchstart: Et
               }, [
@@ -18865,14 +18868,14 @@ const uniqid = /* @__PURE__ */ getDefaultExportFromCjs(uniqidExports), _hoisted_
                     ref_key: "dialogScroll",
                     ref: _n,
                     "max-height": kt.value,
-                    class: "flex-grow-1 dialog-scroll",
+                    class: normalizeClass(["flex-grow-1 dialog-scroll", jt.contentCustomClass]),
                     "view-class": "h-100 el-scrollbar-view"
                   }, {
                     default: withCtx(() => [
                       renderSlot(jt.$slots, "default")
                     ]),
                     _: 3
-                  }, 8, ["max-height"]),
+                  }, 8, ["max-height", "class"]),
                   jt.isTranches ? (openBlock(), createElementBlock("div", _hoisted_5$k)) : createCommentVNode("", !0)
                 ], 512)
               ], 34)
@@ -19607,7 +19610,7 @@ const uniqid = /* @__PURE__ */ getDefaultExportFromCjs(uniqidExports), _hoisted_
       ]);
     };
   }
-}, plInputPlus_vue_vue_type_style_index_0_scoped_2072312b_lang = "", _hoisted_1$G = {
+}, plInputPlus_vue_vue_type_style_index_0_scoped_d7c0ded8_lang = "", _hoisted_1$G = {
   key: 0,
   class: "pl-input__label"
 }, _hoisted_2$x = {
@@ -19724,7 +19727,7 @@ const uniqid = /* @__PURE__ */ getDefaultExportFromCjs(uniqidExports), _hoisted_
   setup(g, { expose: y, emit: j }) {
     const $ = g;
     useCssVars((de) => ({
-      "9f01016a": $.width
+      "875ebec6": $.width
     }));
     const z = useAttrs$1(), V = `id-${uniqid()}`, re = ref([]);
     if ($.prop) {
@@ -19865,7 +19868,7 @@ const uniqid = /* @__PURE__ */ getDefaultExportFromCjs(uniqidExports), _hoisted_
       ], 32);
     };
   }
-}, __unplugin_components_0 = /* @__PURE__ */ _export_sfc(_sfc_main$12, [["__scopeId", "data-v-2072312b"]]), PlInputPlusPlugin = {
+}, __unplugin_components_0 = /* @__PURE__ */ _export_sfc(_sfc_main$12, [["__scopeId", "data-v-d7c0ded8"]]), PlInputPlusPlugin = {
   install(g) {
     g.component("PlInputPlus", __unplugin_components_0);
   }
@@ -20541,7 +20544,7 @@ const _hoisted_1$z = {
             onFocusin: z,
             onKeydown: withKeys(withModifiers(V, ["prevent"]), ["tab"]),
             onInput: ie[0] || (ie[0] = (de) => {
-              ae.value = de.target.value;
+              de.stopImmediatePropagation(), ae.value = de.target.value;
             }),
             onBlur: re
           }, null, 40, _hoisted_3$o)
@@ -20564,7 +20567,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_6dda83ae_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_17a4eb7d_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 = {
@@ -20676,7 +20679,7 @@ const plAutocompete_vue_vue_type_style_index_0_scoped_6dda83ae_lang = "", _hoist
   setup(g, { emit: y }) {
     const j = g;
     useCssVars((Ve) => ({
-      "5ad301f0": j.width
+      "7bd590a2": j.width
     }));
     const $ = `id-${uniqid()}`, z = ref([]);
     if (j.prop) {
@@ -20714,7 +20717,7 @@ const plAutocompete_vue_vue_type_style_index_0_scoped_6dda83ae_lang = "", _hoist
       });
     });
     const ue = () => {
-      j.disabled || (ie.value = !ie.value, document.getElementById($) && (ie.value ? document.getElementById($).focus() : document.getElementById($).blur()));
+      j.disabled || (ie.value = !0, document.getElementById($) && (ie.value ? document.getElementById($).focus() : document.getElementById($).blur()));
     }, de = () => {
       j.disabled || !ie.value || nextTick(() => {
         ie.value = !1, !j.memoryBlur && !Ne.value.value ? _e.value = "" : Ne.value.value && (_e.value = Ne.value.value);
@@ -20781,8 +20784,8 @@ const plAutocompete_vue_vue_type_style_index_0_scoped_6dda83ae_lang = "", _hoist
     return (Ve, kt) => {
       const _n = ElScrollbar, Pt = resolveDirective("tap"), jt = vLoading, Tn = resolveDirective("touch-outside");
       return withDirectives((openBlock(), createElementBlock("div", _hoisted_1$y, [
-        createElementVNode("div", _hoisted_2$r, [
-          j.label || j.tooltip ? withDirectives((openBlock(), createElementBlock("label", _hoisted_3$n, [
+        withDirectives((openBlock(), createElementBlock("div", _hoisted_2$r, [
+          j.label || j.tooltip ? (openBlock(), createElementBlock("label", _hoisted_3$n, [
             createElementVNode("div", _hoisted_4$k, [
               j.label ? (openBlock(), createElementBlock("span", _hoisted_5$e, toDisplayString(j.label), 1)) : createCommentVNode("", !0),
               j.optional ? (openBlock(), createElementBlock("span", _hoisted_6$a, toDisplayString(j.optional), 1)) : createCommentVNode("", !0)
@@ -20801,14 +20804,7 @@ const plAutocompete_vue_vue_type_style_index_0_scoped_6dda83ae_lang = "", _hoist
               ]),
               _: 1
             })) : createCommentVNode("", !0)
-          ])), [
-            [
-              Pt,
-              ue,
-              void 0,
-              { self: !0 }
-            ]
-          ]) : createCommentVNode("", !0),
+          ])) : createCommentVNode("", !0),
           createVNode(_sfc_main$V, mergeProps(j, {
             id: $,
             focus: ie.value,
@@ -20822,6 +20818,13 @@ const plAutocompete_vue_vue_type_style_index_0_scoped_6dda83ae_lang = "", _hoist
           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 }
+          ]
         ]),
         createVNode(Transition, { name: "pl-dropdown-fade" }, {
           default: withCtx(() => {
@@ -20870,7 +20873,7 @@ const plAutocompete_vue_vue_type_style_index_0_scoped_6dda83ae_lang = "", _hoist
       ]);
     };
   }
-}, PlAutocomplete = /* @__PURE__ */ _export_sfc(_sfc_main$U, [["__scopeId", "data-v-6dda83ae"]]), PlAutocompletePlugin = {
+}, PlAutocomplete = /* @__PURE__ */ _export_sfc(_sfc_main$U, [["__scopeId", "data-v-17a4eb7d"]]), PlAutocompletePlugin = {
   install(g) {
     g.component("PlAutocomplete", PlAutocomplete);
   }
@@ -21251,7 +21254,7 @@ const PlButtonPlugin = {
       ], 2);
     };
   }
-}, plSelectPlus_vue_vue_type_style_index_0_scoped_f1b8c796_lang = "", _hoisted_1$u = { class: "pl-select__wrapper" }, _hoisted_2$o = {
+}, plSelectPlus_vue_vue_type_style_index_0_scoped_0e21ce7b_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 = {
@@ -21336,7 +21339,7 @@ const PlButtonPlugin = {
   setup(g, { emit: y }) {
     const j = g;
     useCssVars(($e) => ({
-      69042120: j.width
+      "95894d5e": j.width
     }));
     const $ = `id-${uniqid()}`, z = ref([]);
     if (j.prop) {
@@ -21491,7 +21494,7 @@ const PlButtonPlugin = {
       ]);
     };
   }
-}, PlSelectPlus = /* @__PURE__ */ _export_sfc(_sfc_main$O, [["__scopeId", "data-v-f1b8c796"]]), PlSelectPlusPlugin = {
+}, PlSelectPlus = /* @__PURE__ */ _export_sfc(_sfc_main$O, [["__scopeId", "data-v-0e21ce7b"]]), PlSelectPlusPlugin = {
   install(g) {
     g.component("PlSelectPlus", PlSelectPlus);
   }
@@ -32400,7 +32403,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_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 = {
+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 = {
   __name: "pl-date-picker-range",
   props: {
     modelValue: {
@@ -32744,7 +32747,7 @@ const objectSupport = /* @__PURE__ */ getDefaultExportFromCjs(objectSupportExpor
       ], 8, _hoisted_1$f);
     };
   }
-}, PlDatePickerRange = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["__scopeId", "data-v-41cf3a1a"]]), PlDatePickerPlugin = {
+}, PlDatePickerRange = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["__scopeId", "data-v-e14af0c5"]]), PlDatePickerPlugin = {
   install(g) {
     g.component("PlDatePicker", PlDatePicker), g.component("PlDatePickerRange", PlDatePickerRange);
   }
@@ -33264,7 +33267,7 @@ const quarterOfYear = /* @__PURE__ */ getDefaultExportFromCjs(quarterOfYearExpor
       });
     };
   }
-}), 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({
+}), 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({
   __name: "pl-date-picker-range-plus",
   props: {
     modelValue: { default: () => [] },
@@ -33287,7 +33290,11 @@ const quarterOfYear = /* @__PURE__ */ getDefaultExportFromCjs(quarterOfYearExpor
   },
   emits: ["update:modelValue", "changeOpen"],
   setup(g, { expose: y, emit: j }) {
-    const $ = g, { width: z } = useWindowSize(), V = computed$1({
+    const $ = g;
+    useCssVars((Ue) => ({
+      "3dbe7582": $.width
+    }));
+    const { width: z } = useWindowSize(), V = computed$1({
       get: () => $.modelValue,
       set: (Ue) => j("update:modelValue", Ue)
     });
@@ -33364,11 +33371,10 @@ const quarterOfYear = /* @__PURE__ */ getDefaultExportFromCjs(quarterOfYearExpor
           ref: ue,
           modelValue: le.value,
           "onUpdate:modelValue": $e[4] || ($e[4] = (Ve) => le.value = Ve),
+          "content-custom-class": "p-0 pt-2",
+          "show-header": !1,
           "width-this": "518"
         }, {
-          header: withCtx(() => [
-            createTextVNode("Календарь")
-          ]),
           default: withCtx(() => [
             createVNode(PlDatePickerRangeWrapper, {
               ref_key: "pickerWrapper",
@@ -33379,12 +33385,14 @@ 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", "month-switch", "year-switch", "disabled-date"])
+            }, null, 8, ["modelValue", "isOpen", "dateValue", "periods", "period-options", "month-switch", "year-switch", "disabled-date"])
           ]),
           _: 1
         }, 8, ["modelValue"])) : (openBlock(), createBlock(PlDatePickerRangeWrapper, {
@@ -33653,7 +33661,7 @@ const quarterOfYear = /* @__PURE__ */ getDefaultExportFromCjs(quarterOfYearExpor
       });
     };
   }
-}), 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({
+}), 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({
   __name: "pl-date-picker-plus",
   props: {
     modelValue: { default: "" },
@@ -33735,11 +33743,10 @@ const quarterOfYear = /* @__PURE__ */ getDefaultExportFromCjs(quarterOfYearExpor
           ref: ue,
           modelValue: le.value,
           "onUpdate:modelValue": Ue[4] || (Ue[4] = (Et) => le.value = Et),
+          "content-custom-class": "p-0 pt-2",
+          "show-header": !1,
           "width-this": "518"
         }, {
-          header: withCtx(() => [
-            createTextVNode("Календарь")
-          ]),
           default: withCtx(() => [
             createVNode(PlDatePickerWrapper, {
               ref_key: "pickerWrapper",