@bagelink/vue 0.0.704 → 0.0.712

package/dist/index.cjs

@@ -112,12 +112,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) {
@@ -288,9 +297,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)) || {
@@ -501,10 +511,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];
@@ -541,8 +553,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;
               }
@@ -737,16 +757,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) {
@@ -5450,7 +5470,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",
@@ -5469,7 +5489,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);
       }
@@ -5527,8 +5547,8 @@ const _sfc_main$Q = /* @__PURE__ */ vue.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" };
@@ -5563,8 +5583,8 @@ const _sfc_main$P = /* @__PURE__ */ vue.defineComponent({
             class: "top-arrow"
           })
         ], 32),
-        vue.createElementVNode("div", _hoisted_1$L, [
-          vue.createElementVNode("div", _hoisted_2$A, [
+        vue.createElementVNode("div", _hoisted_1$M, [
+          vue.createElementVNode("div", _hoisted_2$B, [
             vue.createElementVNode("div", _hoisted_3$o, [
               (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.links, (link) => {
                 return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(link.to ? "router-link" : "div"), {
@@ -5622,11 +5642,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"
 };
@@ -5654,8 +5674,8 @@ const _sfc_main$O = /* @__PURE__ */ vue.defineComponent({
   },
   setup(__props) {
     vue.useCssVars((_ctx) => ({
-      "e58d23c4": computedBackgroundColor.value,
-      "6cbd790e": cumputedTextColor.value
+      "5953bce2": computedBackgroundColor.value,
+      "7b3cc0ac": cumputedTextColor.value
     }));
     const props2 = __props;
     const isComponent = vue.computed(() => {
@@ -5724,7 +5744,7 @@ const _sfc_main$O = /* @__PURE__ */ vue.defineComponent({
         onClick: vue.withModifiers(_ctx.onClick, ["stop"])
       }, {
         default: vue.withCtx(() => [
-          _ctx.loading ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$K)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$z, [
+          _ctx.loading ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$L)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$A, [
             _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$Q), {
               key: 0,
               icon: _ctx.icon
@@ -5744,12 +5764,12 @@ const _sfc_main$O = /* @__PURE__ */ vue.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"
 };
@@ -5822,7 +5842,7 @@ const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
           default: vue.withCtx(() => {
             var _a2;
             return [
-              vue.unref(slots).toolbar || _ctx.title ? (vue.openBlock(), vue.createElementBlock("header", _hoisted_1$J, [
+              vue.unref(slots).toolbar || _ctx.title ? (vue.openBlock(), vue.createElementBlock("header", _hoisted_1$K, [
                 vue.renderSlot(_ctx.$slots, "toolbar"),
                 vue.createVNode(vue.unref(Btn), {
                   style: vue.normalizeStyle({ float: _ctx.side ? "left" : "right" }),
@@ -5836,7 +5856,7 @@ const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
                   tag: "h3",
                   label: _ctx.title
                 }, null, 8, ["label"])) : vue.createCommentVNode("", true)
-              ])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$y, [
+              ])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$z, [
                 vue.createVNode(vue.unref(Btn), {
                   class: "color-black position-start",
                   icon: "close",
@@ -5979,8 +5999,8 @@ const _sfc_main$M = /* @__PURE__ */ vue.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__ */ vue.defineComponent({
@@ -6020,7 +6040,7 @@ const _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
       else if (accordionState.openItem === id) accordionState.openItem = null;
     }
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$I, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$J, [
         vue.createElementVNode("button", {
           "aria-expanded": vue.unref(isOpen) ? "true" : "false",
           class: "accordion-head",
@@ -6035,7 +6055,7 @@ const _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
           }, [
             vue.createVNode(vue.unref(_sfc_main$Q), { icon: "expand_more" })
           ], 2)
-        ], 8, _hoisted_2$x),
+        ], 8, _hoisted_2$y),
         vue.createVNode(vue.Transition, { name: "expand" }, {
           default: vue.withCtx(() => [
             vue.unref(isOpen) ? (vue.openBlock(), vue.createElementBlock("div", {
@@ -6055,12 +6075,12 @@ const _sfc_main$L = /* @__PURE__ */ vue.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 vue.openBlock(), vue.createElementBlock("div", _hoisted_1$H, [
-    vue.createElementVNode("div", _hoisted_2$w, [
+  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$I, [
+    vue.createElementVNode("div", _hoisted_2$x, [
       vue.renderSlot(_ctx.$slots, "header")
     ]),
     vue.createElementVNode("div", _hoisted_3$l, [
@@ -6069,8 +6089,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__ */ vue.defineComponent({
   __name: "ListItem",
   props: {
@@ -6104,11 +6124,11 @@ const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
             icon: _ctx.icon
           }, null, 8, ["icon"])) : vue.createCommentVNode("", true),
           vue.createElementVNode("div", null, [
-            vue.createElementVNode("p", _hoisted_1$G, [
+            vue.createElementVNode("p", _hoisted_1$H, [
               vue.createTextVNode(vue.toDisplayString(_ctx.title) + " ", 1),
               vue.renderSlot(_ctx.$slots, "default")
             ]),
-            vue.createElementVNode("p", _hoisted_2$v, [
+            vue.createElementVNode("p", _hoisted_2$w, [
               vue.createTextVNode(vue.toDisplayString(_ctx.subtitle) + " ", 1),
               vue.renderSlot(_ctx.$slots, "subtitle")
             ])
@@ -6119,8 +6139,8 @@ const _sfc_main$J = /* @__PURE__ */ vue.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__ */ vue.defineComponent({
   __name: "PageTitle",
   props: {
@@ -6131,8 +6151,8 @@ const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$F, [
-        vue.createElementVNode("h1", _hoisted_2$u, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$G, [
+        vue.createElementVNode("h1", _hoisted_2$v, [
           vue.renderSlot(_ctx.$slots, "default"),
           vue.createTextVNode(" " + vue.toDisplayString(__props.value), 1)
         ])
@@ -6455,13 +6475,13 @@ function useVerticalVirtualList(options, list) {
   };
 }
 const _withScopeId$3 = (n2) => (vue.pushScopeId("data-v-5441d9cd"), n2 = n2(), vue.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__ */ vue.createElementVNode("div", { class: "loading-table-animation absolute oval" }, null, -1));
+const _hoisted_2$u = /* @__PURE__ */ _withScopeId$3(() => /* @__PURE__ */ vue.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" };
@@ -6609,7 +6629,7 @@ const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
       return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({ class: "table-list-wrap h-100" }, vue.unref(containerProps), {
         class: { "loading-table": loading.value }
       }), [
-        loading.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$E, _hoisted_3$k)) : (vue.openBlock(), vue.createElementBlock("div", vue.normalizeProps(vue.mergeProps({ key: 1 }, vue.unref(wrapperProps))), [
+        loading.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$F, _hoisted_3$k)) : (vue.openBlock(), vue.createElementBlock("div", vue.normalizeProps(vue.mergeProps({ key: 1 }, vue.unref(wrapperProps))), [
           vue.createElementVNode("table", _hoisted_4$e, [
             vue.createElementVNode("thead", _hoisted_5$e, [
               vue.unref(isSelectable) ? (vue.openBlock(), vue.createElementBlock("th", _hoisted_6$9, [
@@ -6693,9 +6713,9 @@ const _sfc_main$H = /* @__PURE__ */ vue.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 vue.openBlock(), vue.createElementBlock("div", _hoisted_1$D, [
+  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$E, [
     vue.renderSlot(_ctx.$slots, "default")
   ]);
 }
@@ -6723,11 +6743,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"
 };
@@ -6780,7 +6800,7 @@ const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
     const computedSchema = vue.computed(() => getFallbackSchema([itemData.value], props2.showFields));
     return (_ctx, _cache) => {
       var _a2;
-      return __props.data ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$C, [
+      return __props.data ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$D, [
         _ctx.title ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$B), {
           key: 0,
           label: _ctx.title
@@ -6789,7 +6809,7 @@ const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
           return vue.openBlock(), vue.createElementBlock(vue.Fragment, {
             key: field.id
           }, [
-            vue.unref(iffer)(field, itemData.value) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$s, [
+            vue.unref(iffer)(field, itemData.value) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$t, [
               vue.createElementVNode("div", _hoisted_3$j, [
                 vue.createElementVNode("p", _hoisted_4$d, vue.toDisplayString((field == null ? void 0 : field.label) || vue.unref(keyToLabel)(field.id)), 1)
               ]),
@@ -6823,7 +6843,7 @@ const _sfc_main$E = /* @__PURE__ */ vue.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"
 };
@@ -6855,7 +6875,7 @@ const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
         }])
       }, {
         default: vue.withCtx(() => [
-          _ctx.label ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$B, vue.toDisplayString(_ctx.label), 1)) : vue.createCommentVNode("", true),
+          _ctx.label ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$C, vue.toDisplayString(_ctx.label), 1)) : vue.createCommentVNode("", true),
           vue.renderSlot(_ctx.$slots, "default")
         ]),
         _: 3
@@ -6863,7 +6883,7 @@ const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$A = ["src", "alt"];
+const _hoisted_1$B = ["src", "alt"];
 const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
   __name: "Avatar",
   props: {
@@ -6882,7 +6902,7 @@ const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
           key: 0,
           src: _ctx.src,
           alt: _ctx.name
-        }, null, 8, _hoisted_1$A)) : (vue.openBlock(), vue.createElementBlock("p", {
+        }, null, 8, _hoisted_1$B)) : (vue.openBlock(), vue.createElementBlock("p", {
           key: 1,
           style: vue.normalizeStyle({ "line-height": `${_ctx.size}px`, "font-size": `calc(1.5rem * ${_ctx.size} / 50)` })
         }, vue.toDisplayString(_ctx.fallback || vue.unref(initials)(_ctx.name || "")), 5))
@@ -6933,8 +6953,8 @@ const _sfc_main$A = /* @__PURE__ */ vue.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__ */ vue.defineComponent({
   __name: "Alert",
   props: {
@@ -6963,7 +6983,7 @@ const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
           size: 2,
           color: color2[_ctx.type]
         }, null, 8, ["icon", "color"])) : vue.createCommentVNode("", true),
-        vue.createElementVNode("p", _hoisted_2$r, vue.toDisplayString(_ctx.message), 1),
+        vue.createElementVNode("p", _hoisted_2$s, vue.toDisplayString(_ctx.message), 1),
         vue.createVNode(Btn, {
           flat: "",
           thin: "",
@@ -6971,7 +6991,7 @@ const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
           icon: "close",
           onClick: _cache[0] || (_cache[0] = ($event) => isDismissed.value = true)
         })
-      ], 10, _hoisted_1$z)) : vue.createCommentVNode("", true);
+      ], 10, _hoisted_1$A)) : vue.createCommentVNode("", true);
     };
   }
 });
@@ -7008,8 +7028,8 @@ const _sfc_main$y = /* @__PURE__ */ vue.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__ */ vue.defineComponent({
   __name: "BglVideo",
   props: {
@@ -7062,7 +7082,7 @@ const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
           frameborder: "0",
           allowfullscreen: "",
           title: "Video"
-        }, null, 12, _hoisted_1$y)) : _ctx.src ? (vue.openBlock(), vue.createElementBlock("video", {
+        }, null, 12, _hoisted_1$z)) : _ctx.src ? (vue.openBlock(), vue.createElementBlock("video", {
           key: 1,
           src: _ctx.src,
           autoplay: _ctx.autoplay,
@@ -7071,17 +7091,17 @@ const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
           style: vue.normalizeStyle({ aspectRatio: aspectRatio.value }),
           controls: _ctx.controls,
           playsinline: ""
-        }, null, 12, _hoisted_2$q)) : vue.createCommentVNode("", true)
+        }, null, 12, _hoisted_2$r)) : vue.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__ */ vue.defineComponent({
   __name: "Carousel",
   props: {
@@ -7230,10 +7250,10 @@ const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
           onScrollend: scrollEnd,
           onMousedown: startDragging
         }, [
-          vue.unref(isDragging) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$x)) : vue.createCommentVNode("", true),
+          vue.unref(isDragging) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$y)) : vue.createCommentVNode("", true),
           vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
         ], 34),
-        vue.createElementVNode("div", _hoisted_2$p, [
+        vue.createElementVNode("div", _hoisted_2$q, [
           vue.createElementVNode("span", { onClick: prev }, [
             vue.renderSlot(_ctx.$slots, "prev", {
               prev,
@@ -7252,6 +7272,8 @@ const _sfc_main$w = /* @__PURE__ */ vue.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__ */ vue.defineComponent({
   __name: "ModalConfirm",
   props: {
@@ -7271,26 +7293,27 @@ const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
       return vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$N), {
         width: "380px",
         dismissable: false,
-        title: _ctx.title
+        class: "color-black txt-center"
       }, {
         footer: vue.withCtx(() => [
           vue.createVNode(vue.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))
           }),
           vue.createVNode(vue.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: vue.withCtx(() => [
-          vue.createTextVNode(vue.toDisplayString(_ctx.message) + " ", 1),
-          vue.renderSlot(_ctx.$slots, "default")
+          vue.createElementVNode("h3", _hoisted_1$x, vue.toDisplayString(_ctx.title), 1),
+          vue.createElementVNode("p", _hoisted_2$p, vue.toDisplayString(_ctx.message), 1)
         ]),
-        _: 3
-      }, 8, ["title"]);
+        _: 1
+      });
     };
   }
 });
@@ -7425,8 +7448,27 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
     });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
-        !vue.unref(slots).success || _ctx.status !== "success" ? (vue.openBlock(), vue.createElementBlock("form", {
-          key: 0,
+        _ctx.id ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
+          _ctx.label ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$B), {
+            key: 0,
+            tag: "h4",
+            label: _ctx.label
+          }, null, 8, ["label"])) : vue.createCommentVNode("", true),
+          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(computedSchema.value, (field, i2) => {
+            return vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$r), {
+              key: field.id || `${i2}p`,
+              modelValue: vue.unref(data2),
+              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.isRef(data2) ? data2.value = $event : data2 = $event),
+              field
+            }, null, 8, ["modelValue", "field"]);
+          }), 128)),
+          vue.renderSlot(_ctx.$slots, "submit", {
+            submit: runSubmit,
+            isDirty: vue.unref(isDirty),
+            validateForm
+          })
+        ], 64)) : !vue.unref(slots).success || _ctx.status !== "success" ? (vue.openBlock(), vue.createElementBlock("form", {
+          key: 1,
           ref_key: "form",
           ref: form,
           onSubmit: vue.withModifiers(runSubmit, ["prevent"])
@@ -7440,7 +7482,7 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
             return vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$r), {
               key: field.id || `${i2}p`,
               modelValue: vue.unref(data2),
-              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.isRef(data2) ? data2.value = $event : data2 = $event),
+              "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => vue.isRef(data2) ? data2.value = $event : data2 = $event),
               field
             }, null, 8, ["modelValue", "field"]);
           }), 128)),
@@ -7450,8 +7492,8 @@ const _sfc_main$s = /* @__PURE__ */ vue.defineComponent({
             validateForm
           })
         ], 544)) : vue.createCommentVNode("", true),
-        _ctx.status === "success" ? vue.renderSlot(_ctx.$slots, "success", { key: 1 }) : vue.createCommentVNode("", true),
-        _ctx.status === "error" ? vue.renderSlot(_ctx.$slots, "error", { key: 2 }) : vue.createCommentVNode("", true)
+        _ctx.status === "success" ? vue.renderSlot(_ctx.$slots, "success", { key: 2 }) : vue.createCommentVNode("", true),
+        _ctx.status === "error" ? vue.renderSlot(_ctx.$slots, "error", { key: 3 }) : vue.createCommentVNode("", true)
       ], 64);
     };
   }