@factoringplus/pl-components-pack-v3 1.1.0 → 1.1.1

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

@@ -5560,14 +5560,20 @@ function xA(e) {
     return (() => e.apply(n, t))().then((o) => {
       const l = document.getElementById(t[1]);
       if (l !== null) {
-        const i = l.querySelector(".loading__body");
+        const i = Array.from(l.childNodes).find((u) => {
+          if (u.className === "loading__body")
+            return u;
+        });
         i && l.removeChild(i);
       }
       return o;
     }).catch((o) => {
       const l = document.getElementById(t[1]);
       if (l !== null) {
-        const i = l.querySelector(".loading__body");
+        const i = Array.from(l.childNodes).find((u) => {
+          if (u.className === "loading__body")
+            return u;
+        });
         i && l.removeChild(i);
       }
       throw o;
@@ -28982,7 +28988,7 @@ const nH = { class: "pl-multitab-container" }, rH = {
   }
 }, lH = {
   class: /* @__PURE__ */ P(["pl-radio-container"])
-}, sH = ["id", "value", "disabled", "onChange"], iH = { class: "pl-radio-wrapper" }, uH = /* @__PURE__ */ me({
+}, sH = ["id", "value", "disabled"], iH = ["onClick"], uH = /* @__PURE__ */ me({
   __name: "pl-radio",
   props: {
     size: {
@@ -29012,43 +29018,42 @@ const nH = { class: "pl-multitab-container" }, rH = {
   },
   emits: ["update:modelValue", "change"],
   setup(e, { emit: t }) {
-    const n = e, r = k(n.modelValue), o = k(n.modelValue ? n.options[0].value : ""), l = (u) => {
-      n.disabled || (o.value = u, t("update:modelValue", r.value), t("change", o.value));
-    }, i = (u, c) => {
-      !n.disabled && !r.value ? (o.value = u, t("update:modelValue", r.value), t("change", o.value)) : c.preventDefault();
+    const n = e, r = k(n.modelValue), o = k(n.modelValue ? n.options[0].value : ""), l = (i, u) => {
+      n.disabled ? u.preventDefault() : (o.value = i, t("update:modelValue", o.value), t("change", o.value));
     };
     return ge(
       () => n.modelValue,
-      (u) => {
-        o.value = u ? n.options[0].value : "", r.value = u;
+      (i) => {
+        o.value = i ? n.options[0].value : "", r.value = i;
       }
-    ), (u, c) => (T(), z("div", lH, [
-      (T(!0), z(Ge, null, pt(e.options, (d, v) => (T(), z("label", {
-        key: v,
+    ), (i, u) => (T(), z("div", lH, [
+      (T(!0), z(Ge, null, pt(e.options, (c, d) => (T(), z("label", {
+        key: d + "pl-radio",
         class: P(["pl-radio", `pl-radio-${n.size}`, { "pl-radio-disabled": n.disabled }])
       }, [
         Pe($("input", {
-          id: "radio-" + v,
-          "onUpdate:modelValue": c[0] || (c[0] = (p) => o.value = p),
+          id: "radio-" + d,
+          "onUpdate:modelValue": u[0] || (u[0] = (v) => o.value = v),
           type: "radio",
-          value: d.value,
-          disabled: n.disabled,
-          onChange: (p) => l(d.value)
-        }, null, 40, sH), [
+          value: c.value,
+          disabled: n.disabled
+        }, null, 8, sH), [
           [Z2, o.value]
         ]),
-        $("div", iH, [
+        $("div", {
+          class: "pl-radio-wrapper",
+          onClick: (v) => l(c.value, v)
+        }, [
           $("span", {
             class: P(["pl-radio-button", { "pl-radio-button-isChecked": o.value }])
           }, null, 2),
-          d.label ? (T(), ce(qp, {
+          c.label ? (T(), ce(qp, {
             key: 0,
-            title: d.label,
-            description: d.description,
-            "is-disabled": n.disabled,
-            onClick: (p) => i(d.value, p)
-          }, null, 8, ["title", "description", "is-disabled", "onClick"])) : X("", !0)
-        ])
+            title: c.label,
+            description: c.description,
+            "is-disabled": n.disabled
+          }, null, 8, ["title", "description", "is-disabled"])) : X("", !0)
+        ], 8, iH)
       ], 2))), 128))
     ]));
   }
@@ -31831,13 +31836,15 @@ const ql = /* @__PURE__ */ new Map(), LG = {
   return e.addEventListener("touchmove", l, { passive: !0 }), { currentHandler: o, touchMoveHandler: l };
 }, bm = (e, t = !1, n = !1) => {
   const r = document.createElement("div");
-  r.className = "loading__body", r.style.background = t ? "" : "rgb(255 255 255 / 80%)", r.style.height = n ? "100vh" : "", r.innerHTML += `
+  r.className = "loading__body", r.style.background = t ? "" : "rgb(255 255 255 / 80%)", r.style.height = n ? "100dvh" : "", r.innerHTML += `
 		<div class='loading__spinner-wrapper' data-testid='loading-plus'>
 			<svg>
 				<circle cx='18' cy='18' r='18'></circle>
 			</svg>
 		</div>
-	`, (!e.style.position || e.style.position === "static") && !n && (e.style.position = "relative"), e.appendChild(r);
+	`;
+  const o = window.getComputedStyle(e);
+  (!o.position || o.position === "static") && !n && (e.style.position = "relative"), e.appendChild(r);
 }, $G = {
   mounted: (e, t) => {
     const n = t.modifiers.fullscreen ? document.body : e;