@bagelink/vue 0.0.704 → 0.0.712

package/dist/index.mjs

@@ -110,12 +110,21 @@ function getPaddingObject(padding) {
   };
 }
 function rectToClientRect$1(rect) {
+  const {
+    x: x2,
+    y: y2,
+    width,
+    height
+  } = rect;
   return {
-    ...rect,
-    top: rect.y,
-    left: rect.x,
-    right: rect.x + rect.width,
-    bottom: rect.y + rect.height
+    width,
+    height,
+    top: y2,
+    left: x2,
+    right: x2 + width,
+    bottom: y2 + height,
+    x: x2,
+    y: y2
   };
 }
 function computeCoordsFromPlacement(_ref, placement, rtl) {
@@ -286,9 +295,10 @@ async function detectOverflow$1(state2, options) {
     strategy
   }));
   const rect = elementContext === "floating" ? {
-    ...rects.floating,
     x: x2,
-    y: y2
+    y: y2,
+    width: rects.floating.width,
+    height: rects.floating.height
   } : rects.reference;
   const offsetParent = await (platform2.getOffsetParent == null ? void 0 : platform2.getOffsetParent(elements.floating));
   const offsetScale = await (platform2.isElement == null ? void 0 : platform2.isElement(offsetParent)) ? await (platform2.getScale == null ? void 0 : platform2.getScale(offsetParent)) || {
@@ -499,10 +509,12 @@ const flip$2 = function(options) {
         return {};
       }
       const side = getSide$1(placement);
+      const initialSideAxis = getSideAxis(initialPlacement);
       const isBasePlacement = getSide$1(initialPlacement) === initialPlacement;
       const rtl = await (platform2.isRTL == null ? void 0 : platform2.isRTL(elements.floating));
       const fallbackPlacements = specifiedFallbackPlacements || (isBasePlacement || !flipAlignment ? [getOppositePlacement$1(initialPlacement)] : getExpandedPlacements(initialPlacement));
-      if (!specifiedFallbackPlacements && fallbackAxisSideDirection !== "none") {
+      const hasFallbackAxisSideDirection = fallbackAxisSideDirection !== "none";
+      if (!specifiedFallbackPlacements && hasFallbackAxisSideDirection) {
         fallbackPlacements.push(...getOppositeAxisPlacements(initialPlacement, flipAlignment, fallbackAxisSideDirection, rtl));
       }
       const placements2 = [initialPlacement, ...fallbackPlacements];
@@ -539,8 +551,16 @@ const flip$2 = function(options) {
         if (!resetPlacement) {
           switch (fallbackStrategy) {
             case "bestFit": {
-              var _overflowsData$map$so;
-              const placement2 = (_overflowsData$map$so = overflowsData.map((d2) => [d2.placement, d2.overflows.filter((overflow2) => overflow2 > 0).reduce((acc, overflow2) => acc + overflow2, 0)]).sort((a2, b2) => a2[1] - b2[1])[0]) == null ? void 0 : _overflowsData$map$so[0];
+              var _overflowsData$filter2;
+              const placement2 = (_overflowsData$filter2 = overflowsData.filter((d2) => {
+                if (hasFallbackAxisSideDirection) {
+                  const currentSideAxis = getSideAxis(d2.placement);
+                  return currentSideAxis === initialSideAxis || // Create a bias to the `y` side axis due to horizontal
+                  // reading directions favoring greater width.
+                  currentSideAxis === "y";
+                }
+                return true;
+              }).map((d2) => [d2.placement, d2.overflows.filter((overflow2) => overflow2 > 0).reduce((acc, overflow2) => acc + overflow2, 0)]).sort((a2, b2) => a2[1] - b2[1])[0]) == null ? void 0 : _overflowsData$filter2[0];
               if (placement2) {
                 resetPlacement = placement2;
               }
@@ -735,16 +755,16 @@ const size = function(options) {
         widthSide = side;
         heightSide = alignment === "end" ? "top" : "bottom";
       }
-      const overflowAvailableHeight = height - overflow[heightSide];
-      const overflowAvailableWidth = width - overflow[widthSide];
+      const maximumClippingHeight = height - overflow.top - overflow.bottom;
+      const maximumClippingWidth = width - overflow.left - overflow.right;
+      const overflowAvailableHeight = min$3(height - overflow[heightSide], maximumClippingHeight);
+      const overflowAvailableWidth = min$3(width - overflow[widthSide], maximumClippingWidth);
       const noShift = !state2.middlewareData.shift;
       let availableHeight = overflowAvailableHeight;
       let availableWidth = overflowAvailableWidth;
       if (isYAxis) {
-        const maximumClippingWidth = width - overflow.left - overflow.right;
         availableWidth = alignment || noShift ? min$3(overflowAvailableWidth, maximumClippingWidth) : maximumClippingWidth;
       } else {
-        const maximumClippingHeight = height - overflow.top - overflow.bottom;
         availableHeight = alignment || noShift ? min$3(overflowAvailableHeight, maximumClippingHeight) : maximumClippingHeight;
       }
       if (noShift && !alignment) {
@@ -5448,7 +5468,7 @@ const ModalPlugin = {
       modalStack.value.splice(index2, 1);
     };
     const modalConfirm = async (options) => new Promise((resolve) => {
-      if (typeof options === "string") options = { title: options, message: "" };
+      if (typeof options === "string") options = { title: "", message: options };
       modalStack.value.push({
         modalOptions: { ...options, resolve },
         modalType: "confirm",
@@ -5467,7 +5487,7 @@ const ModalPlugin = {
     app.provide(ModalSymbol, {
       showModal: (options, slots) => showModal("modal", options, slots),
       showModalForm: (options, slots) => showModal("modalForm", options, slots),
-      confirm: async (userOptions) => modalConfirm(userOptions),
+      confirmModal: async (userOptions) => modalConfirm(userOptions),
       hideModal: (index2 = modalStack.value.length - 1) => {
         hideModal(index2);
       }
@@ -5525,8 +5545,8 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$L = { class: "full-nav" };
-const _hoisted_2$A = { class: "nav-scroll" };
+const _hoisted_1$M = { class: "full-nav" };
+const _hoisted_2$B = { class: "nav-scroll" };
 const _hoisted_3$o = { class: "nav-links-wrapper" };
 const _hoisted_4$g = { class: "tooltip" };
 const _hoisted_5$f = { class: "bot-buttons-wrapper" };
@@ -5561,8 +5581,8 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
             class: "top-arrow"
           })
         ], 32),
-        createElementVNode("div", _hoisted_1$L, [
-          createElementVNode("div", _hoisted_2$A, [
+        createElementVNode("div", _hoisted_1$M, [
+          createElementVNode("div", _hoisted_2$B, [
             createElementVNode("div", _hoisted_3$o, [
               (openBlock(true), createElementBlock(Fragment$1, null, renderList(_ctx.links, (link) => {
                 return openBlock(), createBlock(resolveDynamicComponent(link.to ? "router-link" : "div"), {
@@ -5620,11 +5640,11 @@ const _export_sfc = (sfc, props2) => {
   return target;
 };
 const NavBar = /* @__PURE__ */ _export_sfc(_sfc_main$P, [["__scopeId", "data-v-776cab4a"]]);
-const _hoisted_1$K = {
+const _hoisted_1$L = {
   key: 0,
   class: "loading"
 };
-const _hoisted_2$z = {
+const _hoisted_2$A = {
   key: 1,
   class: "bgl_btn-flex"
 };
@@ -5652,8 +5672,8 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     useCssVars((_ctx) => ({
-      "e58d23c4": computedBackgroundColor.value,
-      "6cbd790e": cumputedTextColor.value
+      "5953bce2": computedBackgroundColor.value,
+      "7b3cc0ac": cumputedTextColor.value
     }));
     const props2 = __props;
     const isComponent = computed(() => {
@@ -5722,7 +5742,7 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
         onClick: withModifiers(_ctx.onClick, ["stop"])
       }, {
         default: withCtx(() => [
-          _ctx.loading ? (openBlock(), createElementBlock("div", _hoisted_1$K)) : (openBlock(), createElementBlock("div", _hoisted_2$z, [
+          _ctx.loading ? (openBlock(), createElementBlock("div", _hoisted_1$L)) : (openBlock(), createElementBlock("div", _hoisted_2$A, [
             _ctx.icon ? (openBlock(), createBlock(unref(_sfc_main$Q), {
               key: 0,
               icon: _ctx.icon
@@ -5742,12 +5762,12 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Btn = /* @__PURE__ */ _export_sfc(_sfc_main$O, [["__scopeId", "data-v-d2db0ee8"]]);
-const _hoisted_1$J = {
+const Btn = /* @__PURE__ */ _export_sfc(_sfc_main$O, [["__scopeId", "data-v-895cf824"]]);
+const _hoisted_1$K = {
   key: 0,
   class: "tool-bar"
 };
-const _hoisted_2$y = {
+const _hoisted_2$z = {
   key: 1,
   class: "sticky bg-white z-index-999 -mt-1 -ms-1 px-025 h-30px pt-025 modal-no-title"
 };
@@ -5820,7 +5840,7 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
           default: withCtx(() => {
             var _a2;
             return [
-              unref(slots).toolbar || _ctx.title ? (openBlock(), createElementBlock("header", _hoisted_1$J, [
+              unref(slots).toolbar || _ctx.title ? (openBlock(), createElementBlock("header", _hoisted_1$K, [
                 renderSlot(_ctx.$slots, "toolbar"),
                 createVNode(unref(Btn), {
                   style: normalizeStyle({ float: _ctx.side ? "left" : "right" }),
@@ -5834,7 +5854,7 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
                   tag: "h3",
                   label: _ctx.title
                 }, null, 8, ["label"])) : createCommentVNode("", true)
-              ])) : (openBlock(), createElementBlock("div", _hoisted_2$y, [
+              ])) : (openBlock(), createElementBlock("div", _hoisted_2$z, [
                 createVNode(unref(Btn), {
                   class: "color-black position-start",
                   icon: "close",
@@ -5977,8 +5997,8 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
   }
 });
 const ModalForm = /* @__PURE__ */ _export_sfc(_sfc_main$M, [["__scopeId", "data-v-083a1b2d"]]);
-const _hoisted_1$I = { class: "accordion-item" };
-const _hoisted_2$x = ["aria-expanded", "aria-controls"];
+const _hoisted_1$J = { class: "accordion-item" };
+const _hoisted_2$y = ["aria-expanded", "aria-controls"];
 const _hoisted_3$m = { class: "accordion-label" };
 const _hoisted_4$f = ["id", "aria-hidden"];
 const _sfc_main$L = /* @__PURE__ */ defineComponent({
@@ -6018,7 +6038,7 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
       else if (accordionState.openItem === id) accordionState.openItem = null;
     }
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$I, [
+      return openBlock(), createElementBlock("div", _hoisted_1$J, [
         createElementVNode("button", {
           "aria-expanded": unref(isOpen) ? "true" : "false",
           class: "accordion-head",
@@ -6033,7 +6053,7 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
           }, [
             createVNode(unref(_sfc_main$Q), { icon: "expand_more" })
           ], 2)
-        ], 8, _hoisted_2$x),
+        ], 8, _hoisted_2$y),
         createVNode(Transition, { name: "expand" }, {
           default: withCtx(() => [
             unref(isOpen) ? (openBlock(), createElementBlock("div", {
@@ -6053,12 +6073,12 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
 });
 const AccordionItem = /* @__PURE__ */ _export_sfc(_sfc_main$L, [["__scopeId", "data-v-f87b579d"]]);
 const _sfc_main$K = {};
-const _hoisted_1$H = { class: "list-wrap bgl_card thin grid overflow-hidden h-100 pt-0 pb-05 px-0 m_pb-0" };
-const _hoisted_2$w = { class: "p-1" };
+const _hoisted_1$I = { class: "list-wrap bgl_card thin grid overflow-hidden h-100 pt-0 pb-05 px-0 m_pb-0" };
+const _hoisted_2$x = { class: "p-1" };
 const _hoisted_3$l = { class: "list-content auto-flow-rows align-items-start overflow-y h-100" };
 function _sfc_render$2(_ctx, _cache) {
-  return openBlock(), createElementBlock("div", _hoisted_1$H, [
-    createElementVNode("div", _hoisted_2$w, [
+  return openBlock(), createElementBlock("div", _hoisted_1$I, [
+    createElementVNode("div", _hoisted_2$x, [
       renderSlot(_ctx.$slots, "header")
     ]),
     createElementVNode("div", _hoisted_3$l, [
@@ -6067,8 +6087,8 @@ function _sfc_render$2(_ctx, _cache) {
   ]);
 }
 const ListView = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["render", _sfc_render$2]]);
-const _hoisted_1$G = { class: "no-margin ellipsis line-height-14 pb-025" };
-const _hoisted_2$v = { class: "txt12 no-margin txt-gray ellipsis" };
+const _hoisted_1$H = { class: "no-margin ellipsis line-height-14 pb-025" };
+const _hoisted_2$w = { class: "txt12 no-margin txt-gray ellipsis" };
 const _sfc_main$J = /* @__PURE__ */ defineComponent({
   __name: "ListItem",
   props: {
@@ -6102,11 +6122,11 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
             icon: _ctx.icon
           }, null, 8, ["icon"])) : createCommentVNode("", true),
           createElementVNode("div", null, [
-            createElementVNode("p", _hoisted_1$G, [
+            createElementVNode("p", _hoisted_1$H, [
               createTextVNode(toDisplayString(_ctx.title) + " ", 1),
               renderSlot(_ctx.$slots, "default")
             ]),
-            createElementVNode("p", _hoisted_2$v, [
+            createElementVNode("p", _hoisted_2$w, [
               createTextVNode(toDisplayString(_ctx.subtitle) + " ", 1),
               renderSlot(_ctx.$slots, "subtitle")
             ])
@@ -6117,8 +6137,8 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$F = { class: "page-top" };
-const _hoisted_2$u = { class: "top-title m-0" };
+const _hoisted_1$G = { class: "page-top" };
+const _hoisted_2$v = { class: "top-title m-0" };
 const _sfc_main$I = /* @__PURE__ */ defineComponent({
   __name: "PageTitle",
   props: {
@@ -6129,8 +6149,8 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$F, [
-        createElementVNode("h1", _hoisted_2$u, [
+      return openBlock(), createElementBlock("div", _hoisted_1$G, [
+        createElementVNode("h1", _hoisted_2$v, [
           renderSlot(_ctx.$slots, "default"),
           createTextVNode(" " + toDisplayString(__props.value), 1)
         ])
@@ -6453,13 +6473,13 @@ function useVerticalVirtualList(options, list) {
   };
 }
 const _withScopeId$3 = (n2) => (pushScopeId("data-v-5441d9cd"), n2 = n2(), popScopeId(), n2);
-const _hoisted_1$E = {
+const _hoisted_1$F = {
   key: 0,
   class: "loading-table-wrapper z-99 h-100 w-100 absolute inset"
 };
-const _hoisted_2$t = /* @__PURE__ */ _withScopeId$3(() => /* @__PURE__ */ createElementVNode("div", { class: "loading-table-animation absolute oval" }, null, -1));
+const _hoisted_2$u = /* @__PURE__ */ _withScopeId$3(() => /* @__PURE__ */ createElementVNode("div", { class: "loading-table-animation absolute oval" }, null, -1));
 const _hoisted_3$k = [
-  _hoisted_2$t
+  _hoisted_2$u
 ];
 const _hoisted_4$e = { class: "infinite-wrapper" };
 const _hoisted_5$e = { class: "row first-row" };
@@ -6607,7 +6627,7 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", mergeProps({ class: "table-list-wrap h-100" }, unref(containerProps), {
         class: { "loading-table": loading.value }
       }), [
-        loading.value ? (openBlock(), createElementBlock("div", _hoisted_1$E, _hoisted_3$k)) : (openBlock(), createElementBlock("div", normalizeProps(mergeProps({ key: 1 }, unref(wrapperProps))), [
+        loading.value ? (openBlock(), createElementBlock("div", _hoisted_1$F, _hoisted_3$k)) : (openBlock(), createElementBlock("div", normalizeProps(mergeProps({ key: 1 }, unref(wrapperProps))), [
           createElementVNode("table", _hoisted_4$e, [
             createElementVNode("thead", _hoisted_5$e, [
               unref(isSelectable) ? (openBlock(), createElementBlock("th", _hoisted_6$9, [
@@ -6691,9 +6711,9 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
 });
 const TableSchema = /* @__PURE__ */ _export_sfc(_sfc_main$H, [["__scopeId", "data-v-5441d9cd"]]);
 const _sfc_main$G = {};
-const _hoisted_1$D = { class: "flex space-between" };
+const _hoisted_1$E = { class: "flex space-between" };
 function _sfc_render$1(_ctx, _cache) {
-  return openBlock(), createElementBlock("div", _hoisted_1$D, [
+  return openBlock(), createElementBlock("div", _hoisted_1$E, [
     renderSlot(_ctx.$slots, "default")
   ]);
 }
@@ -6721,11 +6741,11 @@ function _sfc_render(_ctx, _cache) {
   });
 }
 const RouterWrapper = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["render", _sfc_render]]);
-const _hoisted_1$C = {
+const _hoisted_1$D = {
   key: 0,
   class: "data"
 };
-const _hoisted_2$s = {
+const _hoisted_2$t = {
   key: 0,
   class: "data-row m_py-05"
 };
@@ -6778,7 +6798,7 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
     const computedSchema = computed(() => getFallbackSchema([itemData.value], props2.showFields));
     return (_ctx, _cache) => {
       var _a2;
-      return __props.data ? (openBlock(), createElementBlock("div", _hoisted_1$C, [
+      return __props.data ? (openBlock(), createElementBlock("div", _hoisted_1$D, [
         _ctx.title ? (openBlock(), createBlock(unref(_sfc_main$B), {
           key: 0,
           label: _ctx.title
@@ -6787,7 +6807,7 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
           return openBlock(), createElementBlock(Fragment$1, {
             key: field.id
           }, [
-            unref(iffer)(field, itemData.value) ? (openBlock(), createElementBlock("div", _hoisted_2$s, [
+            unref(iffer)(field, itemData.value) ? (openBlock(), createElementBlock("div", _hoisted_2$t, [
               createElementVNode("div", _hoisted_3$j, [
                 createElementVNode("p", _hoisted_4$d, toDisplayString((field == null ? void 0 : field.label) || unref(keyToLabel)(field.id)), 1)
               ]),
@@ -6821,7 +6841,7 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
   }
 });
 const DataPreview = /* @__PURE__ */ _export_sfc(_sfc_main$E, [["__scopeId", "data-v-4d174f13"]]);
-const _hoisted_1$B = {
+const _hoisted_1$C = {
   key: 0,
   class: "card_label"
 };
@@ -6853,7 +6873,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
         }])
       }, {
         default: withCtx(() => [
-          _ctx.label ? (openBlock(), createElementBlock("span", _hoisted_1$B, toDisplayString(_ctx.label), 1)) : createCommentVNode("", true),
+          _ctx.label ? (openBlock(), createElementBlock("span", _hoisted_1$C, toDisplayString(_ctx.label), 1)) : createCommentVNode("", true),
           renderSlot(_ctx.$slots, "default")
         ]),
         _: 3
@@ -6861,7 +6881,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$A = ["src", "alt"];
+const _hoisted_1$B = ["src", "alt"];
 const _sfc_main$C = /* @__PURE__ */ defineComponent({
   __name: "Avatar",
   props: {
@@ -6880,7 +6900,7 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
           key: 0,
           src: _ctx.src,
           alt: _ctx.name
-        }, null, 8, _hoisted_1$A)) : (openBlock(), createElementBlock("p", {
+        }, null, 8, _hoisted_1$B)) : (openBlock(), createElementBlock("p", {
           key: 1,
           style: normalizeStyle({ "line-height": `${_ctx.size}px`, "font-size": `calc(1.5rem * ${_ctx.size} / 50)` })
         }, toDisplayString(_ctx.fallback || unref(initials)(_ctx.name || "")), 5))
@@ -6931,8 +6951,8 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$z = ["dismissable"];
-const _hoisted_2$r = { class: "m-0" };
+const _hoisted_1$A = ["dismissable"];
+const _hoisted_2$s = { class: "m-0" };
 const _sfc_main$z = /* @__PURE__ */ defineComponent({
   __name: "Alert",
   props: {
@@ -6961,7 +6981,7 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
           size: 2,
           color: color2[_ctx.type]
         }, null, 8, ["icon", "color"])) : createCommentVNode("", true),
-        createElementVNode("p", _hoisted_2$r, toDisplayString(_ctx.message), 1),
+        createElementVNode("p", _hoisted_2$s, toDisplayString(_ctx.message), 1),
         createVNode(Btn, {
           flat: "",
           thin: "",
@@ -6969,7 +6989,7 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
           icon: "close",
           onClick: _cache[0] || (_cache[0] = ($event) => isDismissed.value = true)
         })
-      ], 10, _hoisted_1$z)) : createCommentVNode("", true);
+      ], 10, _hoisted_1$A)) : createCommentVNode("", true);
     };
   }
 });
@@ -7006,8 +7026,8 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
   }
 });
 const Badge = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["__scopeId", "data-v-532b36ae"]]);
-const _hoisted_1$y = ["src"];
-const _hoisted_2$q = ["src", "autoplay", "muted", "loop", "controls"];
+const _hoisted_1$z = ["src"];
+const _hoisted_2$r = ["src", "autoplay", "muted", "loop", "controls"];
 const _sfc_main$x = /* @__PURE__ */ defineComponent({
   __name: "BglVideo",
   props: {
@@ -7060,7 +7080,7 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
           frameborder: "0",
           allowfullscreen: "",
           title: "Video"
-        }, null, 12, _hoisted_1$y)) : _ctx.src ? (openBlock(), createElementBlock("video", {
+        }, null, 12, _hoisted_1$z)) : _ctx.src ? (openBlock(), createElementBlock("video", {
           key: 1,
           src: _ctx.src,
           autoplay: _ctx.autoplay,
@@ -7069,17 +7089,17 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
           style: normalizeStyle({ aspectRatio: aspectRatio.value }),
           controls: _ctx.controls,
           playsinline: ""
-        }, null, 12, _hoisted_2$q)) : createCommentVNode("", true)
+        }, null, 12, _hoisted_2$r)) : createCommentVNode("", true)
       ], 2);
     };
   }
 });
 const BglVideo = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__scopeId", "data-v-862e1f20"]]);
-const _hoisted_1$x = {
+const _hoisted_1$y = {
   key: 0,
   class: "blocker"
 };
-const _hoisted_2$p = { class: "Handlers" };
+const _hoisted_2$q = { class: "Handlers" };
 const _sfc_main$w = /* @__PURE__ */ defineComponent({
   __name: "Carousel",
   props: {
@@ -7228,10 +7248,10 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
           onScrollend: scrollEnd,
           onMousedown: startDragging
         }, [
-          unref(isDragging) ? (openBlock(), createElementBlock("div", _hoisted_1$x)) : createCommentVNode("", true),
+          unref(isDragging) ? (openBlock(), createElementBlock("div", _hoisted_1$y)) : createCommentVNode("", true),
           renderSlot(_ctx.$slots, "default", {}, void 0, true)
         ], 34),
-        createElementVNode("div", _hoisted_2$p, [
+        createElementVNode("div", _hoisted_2$q, [
           createElementVNode("span", { onClick: prev }, [
             renderSlot(_ctx.$slots, "prev", {
               prev,
@@ -7250,6 +7270,8 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
   }
 });
 const Carousel = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["__scopeId", "data-v-1f9c6644"]]);
+const _hoisted_1$x = { class: "m-0" };
+const _hoisted_2$p = { class: "px-1 py-1 pretty m-0" };
 const _sfc_main$v = /* @__PURE__ */ defineComponent({
   __name: "ModalConfirm",
   props: {
@@ -7269,26 +7291,27 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
       return openBlock(), createBlock(unref(_sfc_main$N), {
         width: "380px",
         dismissable: false,
-        title: _ctx.title
+        class: "color-black txt-center"
       }, {
         footer: withCtx(() => [
           createVNode(unref(Btn), {
-            color: "primary",
-            value: "Confirm",
-            onClick: _cache[0] || (_cache[0] = ($event) => select2(true))
+            flat: "",
+            thin: "",
+            value: "Cancel",
+            onClick: _cache[0] || (_cache[0] = ($event) => select2(false))
           }),
           createVNode(unref(Btn), {
-            color: "red",
-            value: "Cancel",
-            onClick: _cache[1] || (_cache[1] = ($event) => select2(false))
+            color: "green",
+            value: "Confirm",
+            onClick: _cache[1] || (_cache[1] = ($event) => select2(true))
           })
         ]),
         default: withCtx(() => [
-          createTextVNode(toDisplayString(_ctx.message) + " ", 1),
-          renderSlot(_ctx.$slots, "default")
+          createElementVNode("h3", _hoisted_1$x, toDisplayString(_ctx.title), 1),
+          createElementVNode("p", _hoisted_2$p, toDisplayString(_ctx.message), 1)
         ]),
-        _: 3
-      }, 8, ["title"]);
+        _: 1
+      });
     };
   }
 });
@@ -7423,8 +7446,27 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock(Fragment$1, null, [
-        !unref(slots).success || _ctx.status !== "success" ? (openBlock(), createElementBlock("form", {
-          key: 0,
+        _ctx.id ? (openBlock(), createElementBlock(Fragment$1, { key: 0 }, [
+          _ctx.label ? (openBlock(), createBlock(unref(_sfc_main$B), {
+            key: 0,
+            tag: "h4",
+            label: _ctx.label
+          }, null, 8, ["label"])) : createCommentVNode("", true),
+          (openBlock(true), createElementBlock(Fragment$1, null, renderList(computedSchema.value, (field, i2) => {
+            return openBlock(), createBlock(unref(_sfc_main$r), {
+              key: field.id || `${i2}p`,
+              modelValue: unref(data2),
+              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(data2) ? data2.value = $event : data2 = $event),
+              field
+            }, null, 8, ["modelValue", "field"]);
+          }), 128)),
+          renderSlot(_ctx.$slots, "submit", {
+            submit: runSubmit,
+            isDirty: unref(isDirty),
+            validateForm
+          })
+        ], 64)) : !unref(slots).success || _ctx.status !== "success" ? (openBlock(), createElementBlock("form", {
+          key: 1,
           ref_key: "form",
           ref: form,
           onSubmit: withModifiers(runSubmit, ["prevent"])
@@ -7438,7 +7480,7 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
             return openBlock(), createBlock(unref(_sfc_main$r), {
               key: field.id || `${i2}p`,
               modelValue: unref(data2),
-              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(data2) ? data2.value = $event : data2 = $event),
+              "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => isRef(data2) ? data2.value = $event : data2 = $event),
               field
             }, null, 8, ["modelValue", "field"]);
           }), 128)),
@@ -7448,8 +7490,8 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
             validateForm
           })
         ], 544)) : createCommentVNode("", true),
-        _ctx.status === "success" ? renderSlot(_ctx.$slots, "success", { key: 1 }) : createCommentVNode("", true),
-        _ctx.status === "error" ? renderSlot(_ctx.$slots, "error", { key: 2 }) : createCommentVNode("", true)
+        _ctx.status === "success" ? renderSlot(_ctx.$slots, "success", { key: 2 }) : createCommentVNode("", true),
+        _ctx.status === "error" ? renderSlot(_ctx.$slots, "error", { key: 3 }) : createCommentVNode("", true)
       ], 64);
     };
   }

package/dist/plugins/modal.d.ts

@@ -46,7 +46,7 @@ export interface ModalApi {
     showModal: (options: ModalOptions, slots?: Record<string, any>) => ModalComponentProps | undefined;
     showModalForm: (options: ModalFormOptions, slots?: Record<string, any>) => ModalFormComponentProps | undefined;
     hideModal: (index?: number) => void;
-    confirm: (options: ConfirmModalUserOptions) => Promise<boolean>;
+    confirmModal: (options: ConfirmModalUserOptions) => Promise<boolean>;
 }
 export declare const ModalSymbol: InjectionKey<ModalApi>;
 export declare function useModal(): ModalApi;

package/dist/plugins/modal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../src/plugins/modal.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,KAAK,CAAA;AAC/C,OAAO,KAAK,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAG/D,MAAM,WAAW,YAAY;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,UAAU,EAAE,CAAA;IACtB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,OAAO,CAAA;CACjB;AAED,MAAM,WAAW,gBAAgB;IAChC,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,QAAQ,EAAE,cAAc,CAAC,GAAG,CAAC,GAAG,CAAC,MAAM,cAAc,CAAC,GAAG,cAAc,CAAA;IACvE,UAAU,CAAC,EAAE,CAAC,QAAQ,EAAE,GAAG,KAAK,GAAG,CAAA;IACnC,UAAU,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IAC1C,SAAS,CAAC,EAAE,CAAC,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAC,CAAA;IAChC,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAClC,qBAAqB,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAA;CAC1C;AAED,MAAM,WAAW,mBAAmB;IACnC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,OAAO,EAAE,CAAC,GAAG,EAAE,OAAO,KAAK,IAAI,CAAA;CAC/B;AAED,KAAK,SAAS,GAAG,OAAO,GAAG,WAAW,GAAG,SAAS,CAAA;AAElD,KAAK,uBAAuB,GAAG,MAAM,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE,CAAA;AAE1E,MAAM,WAAW,mBAAmB;IACnC,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IACnC,SAAS,EAAE,SAAS,CAAA;IACpB,YAAY,EAAE,YAAY,GAAG,gBAAgB,GAAG,mBAAmB,CAAA;CACnE;AAED,MAAM,WAAW,uBAAuB;IACvC,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IACnC,SAAS,EAAE,WAAW,CAAA;IACtB,YAAY,EAAE,gBAAgB,CAAA;CAC9B;AAED,MAAM,WAAW,QAAQ;IACxB,SAAS,EAAE,CAAC,OAAO,EAAE,YAAY,EAAE,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,mBAAmB,GAAG,SAAS,CAAA;IAClG,aAAa,EAAE,CAAC,OAAO,EAAE,gBAAgB,EAAE,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,uBAAuB,GAAG,SAAS,CAAA;IAC9G,SAAS,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IACnC,OAAO,EAAE,CAAC,OAAO,EAAE,uBAAuB,KAAK,OAAO,CAAC,OAAO,CAAC,CAAA;CAC/D;AAED,eAAO,MAAM,WAAW,EAAE,YAAY,CAAC,QAAQ,CAAmB,CAAA;AAElE,wBAAgB,QAAQ,IAAI,QAAQ,CAInC;AAED,eAAO,MAAM,WAAW,EAAE,MAmDzB,CAAA"}
+{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../src/plugins/modal.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,KAAK,CAAA;AAC/C,OAAO,KAAK,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAG/D,MAAM,WAAW,YAAY;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,UAAU,EAAE,CAAA;IACtB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,OAAO,CAAA;CACjB;AAED,MAAM,WAAW,gBAAgB;IAChC,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,QAAQ,EAAE,cAAc,CAAC,GAAG,CAAC,GAAG,CAAC,MAAM,cAAc,CAAC,GAAG,cAAc,CAAA;IACvE,UAAU,CAAC,EAAE,CAAC,QAAQ,EAAE,GAAG,KAAK,GAAG,CAAA;IACnC,UAAU,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAA;IAC1C,SAAS,CAAC,EAAE,CAAC,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAC,CAAA;IAChC,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAClC,qBAAqB,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAA;CAC1C;AAED,MAAM,WAAW,mBAAmB;IACnC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,OAAO,EAAE,CAAC,GAAG,EAAE,OAAO,KAAK,IAAI,CAAA;CAC/B;AAED,KAAK,SAAS,GAAG,OAAO,GAAG,WAAW,GAAG,SAAS,CAAA;AAElD,KAAK,uBAAuB,GAAG,MAAM,GAAG;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE,CAAA;AAE1E,MAAM,WAAW,mBAAmB;IACnC,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IACnC,SAAS,EAAE,SAAS,CAAA;IACpB,YAAY,EAAE,YAAY,GAAG,gBAAgB,GAAG,mBAAmB,CAAA;CACnE;AAED,MAAM,WAAW,uBAAuB;IACvC,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IACnC,SAAS,EAAE,WAAW,CAAA;IACtB,YAAY,EAAE,gBAAgB,CAAA;CAC9B;AAED,MAAM,WAAW,QAAQ;IACxB,SAAS,EAAE,CAAC,OAAO,EAAE,YAAY,EAAE,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,mBAAmB,GAAG,SAAS,CAAA;IAClG,aAAa,EAAE,CAAC,OAAO,EAAE,gBAAgB,EAAE,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,uBAAuB,GAAG,SAAS,CAAA;IAC9G,SAAS,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IACnC,YAAY,EAAE,CAAC,OAAO,EAAE,uBAAuB,KAAK,OAAO,CAAC,OAAO,CAAC,CAAA;CACpE;AAED,eAAO,MAAM,WAAW,EAAE,YAAY,CAAC,QAAQ,CAAmB,CAAA;AAElE,wBAAgB,QAAQ,IAAI,QAAQ,CAInC;AAED,eAAO,MAAM,WAAW,EAAE,MAmDzB,CAAA"}