@factoringplus/pl-components-pack-v3 1.3.1 → 1.3.2-pre-02

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 * as 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

@@ -23524,28 +23524,40 @@ const Wl = /* @__PURE__ */ new Map(), JB = {
     n.value = !0;
   };
   return e.addEventListener("touchmove", s, { passive: !0 }), { currentHandler: o, touchMoveHandler: s };
-}, M0 = (e, t = !1, n = !1) => {
-  const r = document.createElement("div");
-  r.className = "loading__body", r.style.background = t ? "" : "rgb(255 255 255 / 80%)", n && (r.style.position = "fixed", r.style.top = "0", r.style.left = "0", r.style.width = "100vw", r.style.height = "100vh", document.body.classList.add("loading__scroll-hidden")), r.innerHTML += `
+}, M0 = (e, t = !1, n = !1, r = !1) => {
+  const o = document.createElement("div");
+  o.className = r ? "loading__body loading__body-small" : "loading__body", o.style.background = t ? "" : "rgb(255 255 255 / 80%)", n && (o.style.position = "fixed", o.style.top = "0", o.style.left = "0", o.style.width = "100vw", o.style.height = "100vh", document.body.classList.add("loading__scroll-hidden"));
+  const s = r ? 14 : 18;
+  o.innerHTML += `
       <div class='loading__spinner-wrapper' data-testid='loading-plus'>
         <svg>
-          <circle cx='18' cy='18' r='18'></circle>
+          <circle cx='${s}' cy='${s}' r='${s}'></circle>
         </svg>
       </div>
     `;
-  const o = window.getComputedStyle(e);
-  (!o.position || o.position === "static") && !n && (e.style.position = "relative"), e.appendChild(r);
+  const i = window.getComputedStyle(e);
+  (!i.position || i.position === "static") && !n && (e.style.position = "relative"), e.appendChild(o);
 }, XB = {
   mounted: (e, t) => {
     const n = t.modifiers.fullscreen ? document.body : e;
-    t.value && M0(n, t.modifiers.hideOverlay, t.modifiers.fullscreen);
+    t.value && M0(
+      n,
+      t.modifiers.hideOverlay,
+      t.modifiers.fullscreen,
+      t.modifiers.small
+    );
   },
   updated: (e, t) => {
     const n = t.modifiers.fullscreen ? document.body : e, r = Array.from(n.childNodes).find((o) => {
-      if (o.className === "loading__body")
+      if (o instanceof Element && /\bloading__body\b/.test(o.className))
         return o;
     });
-    t.value && !r ? M0(n, t.modifiers.hideOverlay, t.modifiers.fullscreen) : !t.value && r && (document.body.classList.remove("loading__scroll-hidden"), n.removeChild(r));
+    t.value && !r ? M0(
+      n,
+      t.modifiers.hideOverlay,
+      t.modifiers.fullscreen,
+      t.modifiers.small
+    ) : !t.value && r && (document.body.classList.remove("loading__scroll-hidden"), n.removeChild(r));
   }
 }, e8 = {
   mounted: (e, t) => {
@@ -25106,10 +25118,10 @@ const Zr = /* @__PURE__ */ ce({
           $ = window.innerWidth - j.left < 10 ? `${se - N - 10}px` : G ? "10px" : `${j.left + S - N + 16}px`, k = `${j.top + P + 4}px`;
           break;
         case "bottom":
-          $ = G ? `${se - N - 10}px` : C ? "10px" : `${j.left + S / 2 - N / 2}px`, k = `${j.top + P + 4}px`;
+          $ = window.innerWidth - j.left < 10 ? `${se - N - 10}px` : G ? "10px" : `${j.left + S / 2 - N / 2}px`, k = `${j.top + P + 4}px`;
           break;
         case "bottom-left":
-          $ = G ? `${se - N - 10}px` : C ? "10px" : `${j.right - S - 16}px`, k = `${j.top + P + 4}px`;
+          $ = window.innerWidth - j.left < 10 ? `${se - N - 10}px` : G ? "10px" : `${j.right - S - 16}px`, k = `${j.top + P + 4}px`;
           break;
         case "right-top":
           $ = C ? `${j.left - N - 4}px` : `${j.left + S + 4}px`, k = `${j.top}px`;
@@ -25557,7 +25569,7 @@ const Or = /* @__PURE__ */ ce({
   emits: ["update:modelValue", "resetValue", "touchstart", "blur", "custom-blur"],
   setup(e, { expose: t, emit: n }) {
     wa((y) => ({
-      "12c5302c": r.width
+      "6ce307e0": r.width
     }));
     const r = e, o = `id-${Gr()}`, s = O([]);
     if (r.prop) {
@@ -25632,7 +25644,10 @@ const Or = /* @__PURE__ */ ce({
               _: 1
             })) : q("", !0)
           ]),
-          r.tooltip ? (b(), ae(D, { key: 0 }, {
+          r.tooltip ? (b(), ae(D, {
+            key: 0,
+            placement: "bottom-left"
+          }, {
             "tooltip-text": te(() => [
               Be(he(r.tooltip), 1)
             ]),
@@ -31042,7 +31057,7 @@ const hH = { class: "pl-multi-select__wrapper" }, mH = ["id"], yH = {
   emits: ["update:modelValue", "change", "reset"],
   setup(e, { emit: t }) {
     wa((S) => ({
-      "438cc296": n.width
+      "55522dca": n.width
     }));
     const n = e, r = `id-${Gr()}`, o = O([]);
     if (n.prop) {