@wfrog/vc-ui 1.1.1 → 1.2.0

package/dist/es/chunk/{BHsNc7jl.mjs → DKpRXDRE.mjs}

@@ -1,8 +1,8 @@
 import { ref, reactive, defineComponent, h, Transition, withCtx, withDirectives, createVNode, vShow, createApp, toRefs, nextTick, isRef } from 'vue';
-import { a as useGlobalComponentSettings } from './B5UQmWXg.mjs';
-import { r as removeClass, g as getStyle, b as addClass } from './CizMbf5K.mjs';
+import { a as useGlobalComponentSettings } from './BUf50Y7Y.mjs';
+import { r as removeClass, g as getStyle, b as addClass } from './Bl0WQiki.mjs';
 import { isClient } from '@vueuse/core';
-import { h as isString, p as isObject, w as hyphenate } from './DRoyW749.mjs';
+import { h as isString, p as isObject, w as hyphenate } from './CcKUdl3e.mjs';
 
 function createLoadingComponent(options, appContext) {
   let afterLeaveTimer;
@@ -65,41 +65,60 @@ function createLoadingComponent(options, appContext) {
       });
       return () => {
         const svg = data.spinner || data.svg;
-        const spinner = h("svg", {
-          class: "circular",
-          viewBox: data.svgViewBox ? data.svgViewBox : "0 0 50 50",
-          ...svg ? { innerHTML: svg } : {}
-        }, [
-          h("circle", {
-            class: "path",
-            cx: "25",
-            cy: "25",
-            r: "20",
-            fill: "none"
-          })
-        ]);
+        const spinner = h(
+          "svg",
+          {
+            class: "circular",
+            viewBox: data.svgViewBox ? data.svgViewBox : "0 0 50 50",
+            ...svg ? { innerHTML: svg } : {}
+          },
+          [
+            h("circle", {
+              class: "path",
+              cx: "25",
+              cy: "25",
+              r: "20",
+              fill: "none"
+            })
+          ]
+        );
         const spinnerText = data.text ? h("p", { class: ns.b("text") }, [data.text]) : void 0;
-        return h(Transition, {
-          name: ns.b("fade"),
-          onAfterLeave: handleAfterLeave
-        }, {
-          default: withCtx(() => [
-            withDirectives(createVNode("div", {
-              style: {
-                backgroundColor: data.background || ""
-              },
-              class: [
-                ns.b("mask"),
-                data.customClass,
-                ns.is("fullscreen", data.fullscreen)
-              ]
-            }, [
-              h("div", {
-                class: ns.b("spinner")
-              }, [spinner, spinnerText])
-            ]), [[vShow, data.visible]])
-          ])
-        });
+        return h(
+          Transition,
+          {
+            name: ns.b("fade"),
+            onAfterLeave: handleAfterLeave
+          },
+          {
+            default: withCtx(() => [
+              withDirectives(
+                createVNode(
+                  "div",
+                  {
+                    style: {
+                      backgroundColor: data.background || ""
+                    },
+                    class: [
+                      ns.b("mask"),
+                      data.customClass,
+                      ns.is("fullscreen", data.fullscreen)
+                    ]
+                  },
+                  [
+                    h(
+                      "div",
+                      {
+                        class: ns.b("spinner")
+                      },
+                      [spinner, spinnerText]
+                    )
+                  ]
+                ),
+                [[vShow, data.visible]]
+              )
+            ])
+          }
+        );
       };
     }
   });
@@ -127,15 +146,18 @@ const Loading = function(options = {}, context) {
   if (resolved.fullscreen && fullscreenInstance) {
     return fullscreenInstance;
   }
-  const instance = createLoadingComponent({
-    ...resolved,
-    closed: () => {
-      var _a;
-      (_a = resolved.closed) == null ? void 0 : _a.call(resolved);
-      if (resolved.fullscreen)
-        fullscreenInstance = void 0;
-    }
-  }, context != null ? context : Loading._context);
+  const instance = createLoadingComponent(
+    {
+      ...resolved,
+      closed: () => {
+        var _a;
+        (_a = resolved.closed) == null ? void 0 : _a.call(resolved);
+        if (resolved.fullscreen)
+          fullscreenInstance = void 0;
+      }
+    },
+    context != null ? context : Loading._context
+  );
   addStyle(resolved, resolved.parent, instance);
   addClassList(resolved, resolved.parent, instance);
   resolved.parent.vLoadingAddClassList = () => addClassList(resolved, resolved.parent, instance);
@@ -228,7 +250,9 @@ const createInstance = (el, binding) => {
     const data = isString(key) && (vm == null ? void 0 : vm[key]) || key;
     return ref(data);
   };
-  const getProp = (name) => resolveExpression(getBindingProp(name) || el.getAttribute(getAttributeName(name)));
+  const getProp = (name) => resolveExpression(
+    getBindingProp(name) || el.getAttribute(getAttributeName(name))
+  );
   const fullscreen = (_a = getBindingProp("fullscreen")) != null ? _a : binding.modifiers.fullscreen;
   const options = {
     text: getProp("text"),
@@ -271,14 +295,17 @@ const vLoading = {
     if (!instance)
       createInstance(el, binding);
     else {
-      updateOptions(instance.options, isObject(binding.value) ? binding.value : {
-        text: el.getAttribute(getAttributeName("text")),
-        svg: el.getAttribute(getAttributeName("svg")),
-        svgViewBox: el.getAttribute(getAttributeName("svgViewBox")),
-        spinner: el.getAttribute(getAttributeName("spinner")),
-        background: el.getAttribute(getAttributeName("background")),
-        customClass: el.getAttribute(getAttributeName("customClass"))
-      });
+      updateOptions(
+        instance.options,
+        isObject(binding.value) ? binding.value : {
+          text: el.getAttribute(getAttributeName("text")),
+          svg: el.getAttribute(getAttributeName("svg")),
+          svgViewBox: el.getAttribute(getAttributeName("svgViewBox")),
+          spinner: el.getAttribute(getAttributeName("spinner")),
+          background: el.getAttribute(getAttributeName("background")),
+          customClass: el.getAttribute(getAttributeName("customClass"))
+        }
+      );
     }
   },
   unmounted(el) {