@factoringplus/pl-components-pack-v3 0.8.5-pre-01 → 0.8.6-pre-01

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

@@ -19572,7 +19572,7 @@ function now$1() {
   return now$1.last = g > y ? g : y + 1;
 }
 var uniqidExports = uniqid$1.exports;
-const uniqid = /* @__PURE__ */ getDefaultExportFromCjs(uniqidExports), plInputPlus_vue_vue_type_style_index_0_scoped_97d09e69_lang = "", _export_sfc = (g, y) => {
+const uniqid = /* @__PURE__ */ getDefaultExportFromCjs(uniqidExports), plInputPlus_vue_vue_type_style_index_0_scoped_eb4f776b_lang = "", _export_sfc = (g, y) => {
   const j = g.__vccOpts || g;
   for (const [z, L] of y)
     j[z] = L;
@@ -19681,111 +19681,118 @@ const uniqid = /* @__PURE__ */ getDefaultExportFromCjs(uniqidExports), plInputPl
   emits: ["update:modelValue"],
   setup(g, { emit: y }) {
     const j = g;
-    useCssVars((ae) => ({
-      d4b0970e: j.width
+    useCssVars((le) => ({
+      "5a3f16d7": j.width
     }));
-    const z = useAttrs$1(), L = `id-${uniqid()}`, V = ref([]);
+    const z = useAttrs$1(), L = `id-${uniqid()}`, V = () => {
+      document.getElementById(L).blur();
+    }, re = ref([]);
     if (j.prop) {
-      const ae = inject("errorsState");
+      const le = inject("errorsState");
       watch(
-        ae,
+        le,
         () => {
-          V.value = ae.value.filter((ue) => ue.field === j.prop);
-          const le = document.getElementById(L).parentElement;
-          V.value.length ? le.classList.add("is-error") : le.classList.remove("is-error");
+          re.value = le.value.filter((ie) => ie.field === j.prop);
+          const ue = document.getElementById(L).parentElement;
+          re.value.length ? ue.classList.add("is-error") : ue.classList.remove("is-error");
         },
         { deep: !0 }
       );
     }
-    const re = computed$1({
+    const ae = computed$1({
       get: () => j.modelValue,
-      set: (ae) => {
-        y("update:modelValue", ae);
+      set: (le) => {
+        y("update:modelValue", le);
       }
     });
-    return watch(re, () => {
-      const ae = document.getElementById(L);
+    return watch(ae, () => {
+      const le = document.getElementById(L);
       if ("createEvent" in document) {
-        const le = document.createEvent("HTMLEvents");
-        le.initEvent("change", !1, !0), ae.dispatchEvent(le);
+        const ue = document.createEvent("HTMLEvents");
+        ue.initEvent("change", !1, !0), le.dispatchEvent(ue);
       } else
-        ae.fireEvent("onchange");
-    }), (ae, le) => (openBlock(), createElementBlock("div", _hoisted_1$M, [
-      j.label || j.tooltip ? (openBlock(), createElementBlock("label", {
-        key: 0,
-        class: "pl-input__label-container",
-        for: L
-      }, [
-        createElementVNode("div", null, [
-          j.label ? (openBlock(), createElementBlock("span", _hoisted_2$E, toDisplayString(j.label), 1)) : createCommentVNode("", !0),
-          j.optional ? (openBlock(), createElementBlock("span", _hoisted_3$w, toDisplayString(j.optional), 1)) : createCommentVNode("", !0)
-        ]),
-        j.tooltip ? (openBlock(), createBlock(_sfc_main$1e, {
+        le.fireEvent("onchange");
+    }), (le, ue) => {
+      const ie = resolveDirective("touch-outside");
+      return openBlock(), createElementBlock("div", _hoisted_1$M, [
+        j.label || j.tooltip ? (openBlock(), createElementBlock("label", {
           key: 0,
-          "model-value": j.tooltip,
-          position: "top"
-        }, {
-          default: withCtx(() => [
-            createVNode(_sfc_main$1d, { name: "Question20" })
+          class: "pl-input__label-container",
+          for: L
+        }, [
+          createElementVNode("div", null, [
+            j.label ? (openBlock(), createElementBlock("span", _hoisted_2$E, toDisplayString(j.label), 1)) : createCommentVNode("", !0),
+            j.optional ? (openBlock(), createElementBlock("span", _hoisted_3$w, toDisplayString(j.optional), 1)) : createCommentVNode("", !0)
           ]),
-          _: 1
-        }, 8, ["model-value"])) : createCommentVNode("", !0)
-      ])) : createCommentVNode("", !0),
-      createElementVNode("div", {
-        class: normalizeClass(["pl-input", { "is-disabled": j.disabled }])
-      }, [
-        j.currency ? (openBlock(), createBlock(_sfc_main$1c, mergeProps({ key: 0 }, unref(z), {
-          id: L,
-          modelValue: re.value,
-          "onUpdate:modelValue": le[0] || (le[0] = (ue) => re.value = ue),
-          placeholder: j.placeholder,
-          disabled: j.disabled,
-          round: j.round,
-          "value-range": j.valueRange,
-          "currency-input-options": j.currencyInputOptions,
-          "left-icon": j.leftIcon,
-          "right-icon": j.rightIcon,
-          prop: j.prop
-        }), null, 16, ["modelValue", "placeholder", "disabled", "round", "value-range", "currency-input-options", "left-icon", "right-icon", "prop"])) : j.password ? (openBlock(), createBlock(_sfc_main$1b, mergeProps({ key: 1 }, unref(z), {
-          id: L,
-          modelValue: re.value,
-          "onUpdate:modelValue": le[1] || (le[1] = (ue) => re.value = ue),
-          placeholder: j.placeholder,
-          disabled: j.disabled,
-          "left-icon": j.leftIcon,
-          "right-icon": j.rightIcon,
-          prop: j.prop,
-          "current-password": j.currentPassword,
-          "new-password": j.newPassword
-        }), null, 16, ["modelValue", "placeholder", "disabled", "left-icon", "right-icon", "prop", "current-password", "new-password"])) : j.textarea ? (openBlock(), createBlock(_sfc_main$1a, mergeProps({ key: 2 }, unref(z), {
-          id: L,
-          modelValue: re.value,
-          "onUpdate:modelValue": le[2] || (le[2] = (ue) => re.value = ue),
-          placeholder: j.placeholder,
-          disabled: j.disabled,
-          prop: j.prop,
-          "show-word-limit": j.showWordLimit,
-          maxlength: j.maxlength
-        }), null, 16, ["modelValue", "placeholder", "disabled", "prop", "show-word-limit", "maxlength"])) : (openBlock(), createBlock(_sfc_main$19, mergeProps({ key: 3 }, unref(z), {
-          id: L,
-          modelValue: re.value,
-          "onUpdate:modelValue": le[3] || (le[3] = (ue) => re.value = ue),
-          placeholder: j.placeholder,
-          maxlength: j.maxlength,
-          disabled: j.disabled,
-          "left-icon": j.leftIcon,
-          "right-icon": j.rightIcon,
-          prop: j.prop,
-          "show-word-limit": j.showWordLimit,
-          formatter: j.formatter
-        }), null, 16, ["modelValue", "placeholder", "maxlength", "disabled", "left-icon", "right-icon", "prop", "show-word-limit", "formatter"]))
-      ], 2),
-      j.helpertext || V.value.length > 0 ? (openBlock(), createElementBlock("span", _hoisted_4$r, [
-        V.value.length > 0 ? (openBlock(), createElementBlock("span", _hoisted_5$j, toDisplayString(V.value[0].message), 1)) : j.helpertext ? (openBlock(), createElementBlock("span", _hoisted_6$d, toDisplayString(j.helpertext), 1)) : createCommentVNode("", !0)
-      ])) : createCommentVNode("", !0)
-    ]));
+          j.tooltip ? (openBlock(), createBlock(_sfc_main$1e, {
+            key: 0,
+            "model-value": j.tooltip,
+            position: "top"
+          }, {
+            default: withCtx(() => [
+              createVNode(_sfc_main$1d, { name: "Question20" })
+            ]),
+            _: 1
+          }, 8, ["model-value"])) : createCommentVNode("", !0)
+        ])) : createCommentVNode("", !0),
+        withDirectives((openBlock(), createElementBlock("div", {
+          class: normalizeClass(["pl-input", { "is-disabled": j.disabled }])
+        }, [
+          j.currency ? (openBlock(), createBlock(_sfc_main$1c, mergeProps({ key: 0 }, unref(z), {
+            id: L,
+            modelValue: ae.value,
+            "onUpdate:modelValue": ue[0] || (ue[0] = (pe) => ae.value = pe),
+            placeholder: j.placeholder,
+            disabled: j.disabled,
+            round: j.round,
+            "value-range": j.valueRange,
+            "currency-input-options": j.currencyInputOptions,
+            "left-icon": j.leftIcon,
+            "right-icon": j.rightIcon,
+            prop: j.prop
+          }), null, 16, ["modelValue", "placeholder", "disabled", "round", "value-range", "currency-input-options", "left-icon", "right-icon", "prop"])) : j.password ? (openBlock(), createBlock(_sfc_main$1b, mergeProps({ key: 1 }, unref(z), {
+            id: L,
+            modelValue: ae.value,
+            "onUpdate:modelValue": ue[1] || (ue[1] = (pe) => ae.value = pe),
+            placeholder: j.placeholder,
+            disabled: j.disabled,
+            "left-icon": j.leftIcon,
+            "right-icon": j.rightIcon,
+            prop: j.prop,
+            "current-password": j.currentPassword,
+            "new-password": j.newPassword
+          }), null, 16, ["modelValue", "placeholder", "disabled", "left-icon", "right-icon", "prop", "current-password", "new-password"])) : j.textarea ? (openBlock(), createBlock(_sfc_main$1a, mergeProps({ key: 2 }, unref(z), {
+            id: L,
+            modelValue: ae.value,
+            "onUpdate:modelValue": ue[2] || (ue[2] = (pe) => ae.value = pe),
+            placeholder: j.placeholder,
+            disabled: j.disabled,
+            prop: j.prop,
+            "show-word-limit": j.showWordLimit,
+            maxlength: j.maxlength
+          }), null, 16, ["modelValue", "placeholder", "disabled", "prop", "show-word-limit", "maxlength"])) : (openBlock(), createBlock(_sfc_main$19, mergeProps({ key: 3 }, unref(z), {
+            id: L,
+            modelValue: ae.value,
+            "onUpdate:modelValue": ue[3] || (ue[3] = (pe) => ae.value = pe),
+            placeholder: j.placeholder,
+            maxlength: j.maxlength,
+            disabled: j.disabled,
+            "left-icon": j.leftIcon,
+            "right-icon": j.rightIcon,
+            prop: j.prop,
+            "show-word-limit": j.showWordLimit,
+            formatter: j.formatter
+          }), null, 16, ["modelValue", "placeholder", "maxlength", "disabled", "left-icon", "right-icon", "prop", "show-word-limit", "formatter"]))
+        ], 2)), [
+          [ie, V]
+        ]),
+        j.helpertext || re.value.length > 0 ? (openBlock(), createElementBlock("span", _hoisted_4$r, [
+          re.value.length > 0 ? (openBlock(), createElementBlock("span", _hoisted_5$j, toDisplayString(re.value[0].message), 1)) : j.helpertext ? (openBlock(), createElementBlock("span", _hoisted_6$d, toDisplayString(j.helpertext), 1)) : createCommentVNode("", !0)
+        ])) : createCommentVNode("", !0)
+      ]);
+    };
   }
-}, PlInputPlus = /* @__PURE__ */ _export_sfc(_sfc_main$18, [["__scopeId", "data-v-97d09e69"]]), PlInputPlusPlugin = {
+}, PlInputPlus = /* @__PURE__ */ _export_sfc(_sfc_main$18, [["__scopeId", "data-v-eb4f776b"]]), PlInputPlusPlugin = {
   install(g) {
     g.component("PlInputPlus", PlInputPlus);
   }
@@ -35063,13 +35070,13 @@ const PlTag = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render$1
   install(g) {
     g.component("PlH1", PlH1), g.component("PlH2", PlH2), g.component("PlH3", PlH3), g.component("PlH4", PlH4), g.component("PlTitle1", PlTitle1), g.component("PlTitle2", PlTitle2), g.component("PlTitle3", PlTitle3), g.component("PlSub1", PlSub1), g.component("PlSub2", PlSub2), g.component("PlBtn1", PlBtn1), g.component("PlBtn2", PlBtn2), g.component("PlBtn3", PlBtn3), g.component("PlBody1", PlBody1), g.component("PlBody2", PlBody2), g.component("PlBody3", PlBody3), g.component("PlBodyU", PlBodyU), g.component("PlCap", PlCap), g.component("PlTag", PlTag);
   }
-}, customBootstrap = "", root = "", inter = "", color = "", resetElement = "", plBtn_vue_vue_type_style_index_0_scoped_d8a5f67a_lang = "", _sfc_main$1 = {}, _hoisted_1$1 = { class: "pl-btn" };
+}, customBootstrap = "", root = "", inter = "", color = "", resetElement = "", plBtn_vue_vue_type_style_index_0_scoped_03c9626c_lang = "", _sfc_main$1 = {}, _hoisted_1$1 = { class: "pl-btn" };
 function _sfc_render(g, y) {
   return openBlock(), createElementBlock("button", _hoisted_1$1, [
     renderSlot(g.$slots, "default", {}, void 0, !0)
   ]);
 }
-const PlBtn = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render], ["__scopeId", "data-v-d8a5f67a"]]), plSnackbar_vue_vue_type_style_index_0_scoped_54212283_lang = "", _hoisted_1 = {
+const PlBtn = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render], ["__scopeId", "data-v-03c9626c"]]), plSnackbar_vue_vue_type_style_index_0_scoped_6b2b9338_lang = "", _hoisted_1 = {
   key: 0,
   class: "pl-snackbar__wrapper"
 }, _hoisted_2 = { class: "pl-snackbar__icon" }, _hoisted_3 = { class: "pl-snackbar__main" }, _hoisted_4 = { class: "pl-snackbar__text" }, _hoisted_5 = { class: "pl-snackbar__title" }, _hoisted_6 = {
@@ -35167,12 +35174,11 @@ const PlBtn = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render],
               ])) : createCommentVNode("", !0)
             ]),
             createElementVNode("div", _hoisted_8, [
-              withDirectives(createVNode(_sfc_main$1d, {
+              createVNode(_sfc_main$1d, {
                 color: "var(--color-text-icons-tertiary)",
-                name: "Close20"
-              }, null, 512), [
-                [le, V]
-              ])
+                name: "Close20",
+                onClick: V
+              })
             ])
           ])) : createCommentVNode("", !0)
         ]),
@@ -35180,7 +35186,7 @@ const PlBtn = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render],
       });
     };
   }
-}, PlSnackbar = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-54212283"]]), snackbarAnimation = "";
+}, PlSnackbar = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-6b2b9338"]]), snackbarAnimation = "";
 let snackbarId = 0;
 const renderSnackbar = function(g, y, j, z) {
   if (!document.getElementById("snackbar")) {