@bagelink/vue 0.0.702 → 0.0.704

package/dist/components/form/BglMultiStepForm.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BglMultiStepForm.vue.d.ts","sourceRoot":"","sources":["../../../src/components/form/BglMultiStepForm.vue"],"names":[],"mappings":"AA2HA,OAAO,EAAa,KAAK,gBAAgB,EAAqB,MAAM,eAAe,CAAA;yBAIlE,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,eAChC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,cAAc,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBACvF,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WA0RxD,cAAc,CAAC;;;;;;;oBA3LX,CAAC;;yBAzFI,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0BAEpB,CACA,QAAQ,GAAG,GAAG,MAAM,YAAY,GAAG,MAAM,MAAM,EAAE,GAAG,UAAU,MAAM,EAAE,GAAG,UAAU,CAClF,CACD;gBACO,gBAAgB,CAAC,CAAC,CAAC;MA8QqD,CAAC,4BAA2B;oBAC3F,OAAO,KAAK,EAAE,gBAAgB;;;;;;MAAsB,GAAG,IAAI;WACpE,GAAG;WACH,UAAU;yBAjCU,GAAG;uBACL,GAAG;;;;;YACA,GAAG;MA+BS;UAClC,iGAAmC;;;;YAGA,OAAO,CAAC,OAAO,WAAW,CAAC;;AApSvE,wBAoS4E;AAY5E,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"BglMultiStepForm.vue.d.ts","sourceRoot":"","sources":["../../../src/components/form/BglMultiStepForm.vue"],"names":[],"mappings":"AA6HA,OAAO,EAAa,KAAK,gBAAgB,EAAqB,MAAM,eAAe,CAAA;yBAIlE,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,eAChC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,cAAc,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBACvF,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WA2RxD,cAAc,CAAC;;;;;;;oBA5LX,CAAC;;yBAzFI,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0BAEpB,CACA,QAAQ,GAAG,GAAG,MAAM,YAAY,GAAG,MAAM,MAAM,EAAE,GAAG,UAAU,MAAM,EAAE,GAAG,UAAU,CAClF,CACD;gBACO,gBAAgB,CAAC,CAAC,CAAC;MA+QqD,CAAC,4BAA2B;oBAC3F,OAAO,KAAK,EAAE,gBAAgB;;;;;;MAAsB,GAAG,IAAI;WACpE,GAAG;WACH,UAAU;yBAjCU,GAAG;uBACL,GAAG;;;;;YACA,GAAG;MA+BS;UAClC,iGAAmC;;;;YAGA,OAAO,CAAC,OAAO,WAAW,CAAC;;AArSvE,wBAqS4E;AAY5E,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

package/dist/index.cjs

@@ -5527,7 +5527,7 @@ const _sfc_main$Q = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$K = { class: "full-nav" };
+const _hoisted_1$L = { class: "full-nav" };
 const _hoisted_2$A = { class: "nav-scroll" };
 const _hoisted_3$o = { class: "nav-links-wrapper" };
 const _hoisted_4$g = { class: "tooltip" };
@@ -5563,7 +5563,7 @@ const _sfc_main$P = /* @__PURE__ */ vue.defineComponent({
             class: "top-arrow"
           })
         ], 32),
-        vue.createElementVNode("div", _hoisted_1$K, [
+        vue.createElementVNode("div", _hoisted_1$L, [
           vue.createElementVNode("div", _hoisted_2$A, [
             vue.createElementVNode("div", _hoisted_3$o, [
               (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.links, (link) => {
@@ -5622,7 +5622,7 @@ const _export_sfc = (sfc, props2) => {
   return target;
 };
 const NavBar = /* @__PURE__ */ _export_sfc(_sfc_main$P, [["__scopeId", "data-v-776cab4a"]]);
-const _hoisted_1$J = {
+const _hoisted_1$K = {
   key: 0,
   class: "loading"
 };
@@ -5724,7 +5724,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$J)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$z, [
+          _ctx.loading ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$K)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$z, [
             _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$Q), {
               key: 0,
               icon: _ctx.icon
@@ -5745,7 +5745,7 @@ const _sfc_main$O = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const Btn = /* @__PURE__ */ _export_sfc(_sfc_main$O, [["__scopeId", "data-v-d2db0ee8"]]);
-const _hoisted_1$I = {
+const _hoisted_1$J = {
   key: 0,
   class: "tool-bar"
 };
@@ -5822,7 +5822,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$I, [
+              vue.unref(slots).toolbar || _ctx.title ? (vue.openBlock(), vue.createElementBlock("header", _hoisted_1$J, [
                 vue.renderSlot(_ctx.$slots, "toolbar"),
                 vue.createVNode(vue.unref(Btn), {
                   style: vue.normalizeStyle({ float: _ctx.side ? "left" : "right" }),
@@ -5979,7 +5979,7 @@ const _sfc_main$M = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const ModalForm = /* @__PURE__ */ _export_sfc(_sfc_main$M, [["__scopeId", "data-v-083a1b2d"]]);
-const _hoisted_1$H = { class: "accordion-item" };
+const _hoisted_1$I = { class: "accordion-item" };
 const _hoisted_2$x = ["aria-expanded", "aria-controls"];
 const _hoisted_3$m = { class: "accordion-label" };
 const _hoisted_4$f = ["id", "aria-hidden"];
@@ -6020,7 +6020,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$H, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$I, [
         vue.createElementVNode("button", {
           "aria-expanded": vue.unref(isOpen) ? "true" : "false",
           class: "accordion-head",
@@ -6055,11 +6055,11 @@ 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$G = { class: "list-wrap bgl_card thin grid overflow-hidden h-100 pt-0 pb-05 px-0 m_pb-0" };
+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_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$G, [
+  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$H, [
     vue.createElementVNode("div", _hoisted_2$w, [
       vue.renderSlot(_ctx.$slots, "header")
     ]),
@@ -6069,7 +6069,7 @@ function _sfc_render$2(_ctx, _cache) {
   ]);
 }
 const ListView = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["render", _sfc_render$2]]);
-const _hoisted_1$F = { class: "no-margin ellipsis line-height-14 pb-025" };
+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 _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
   __name: "ListItem",
@@ -6104,7 +6104,7 @@ 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$F, [
+            vue.createElementVNode("p", _hoisted_1$G, [
               vue.createTextVNode(vue.toDisplayString(_ctx.title) + " ", 1),
               vue.renderSlot(_ctx.$slots, "default")
             ]),
@@ -6119,7 +6119,7 @@ const _sfc_main$J = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$E = { class: "page-top" };
+const _hoisted_1$F = { class: "page-top" };
 const _hoisted_2$u = { class: "top-title m-0" };
 const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
   __name: "PageTitle",
@@ -6131,7 +6131,7 @@ const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$E, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$F, [
         vue.createElementVNode("h1", _hoisted_2$u, [
           vue.renderSlot(_ctx.$slots, "default"),
           vue.createTextVNode(" " + vue.toDisplayString(__props.value), 1)
@@ -6455,7 +6455,7 @@ function useVerticalVirtualList(options, list) {
   };
 }
 const _withScopeId$3 = (n2) => (vue.pushScopeId("data-v-5441d9cd"), n2 = n2(), vue.popScopeId(), n2);
-const _hoisted_1$D = {
+const _hoisted_1$E = {
   key: 0,
   class: "loading-table-wrapper z-99 h-100 w-100 absolute inset"
 };
@@ -6609,7 +6609,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$D, _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$E, _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 +6693,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$C = { class: "flex space-between" };
+const _hoisted_1$D = { class: "flex space-between" };
 function _sfc_render$1(_ctx, _cache) {
-  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$C, [
+  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$D, [
     vue.renderSlot(_ctx.$slots, "default")
   ]);
 }
@@ -6723,7 +6723,7 @@ function _sfc_render(_ctx, _cache) {
   });
 }
 const RouterWrapper = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["render", _sfc_render]]);
-const _hoisted_1$B = {
+const _hoisted_1$C = {
   key: 0,
   class: "data"
 };
@@ -6780,7 +6780,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$B, [
+      return __props.data ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$C, [
         _ctx.title ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$B), {
           key: 0,
           label: _ctx.title
@@ -6823,7 +6823,7 @@ const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const DataPreview = /* @__PURE__ */ _export_sfc(_sfc_main$E, [["__scopeId", "data-v-4d174f13"]]);
-const _hoisted_1$A = {
+const _hoisted_1$B = {
   key: 0,
   class: "card_label"
 };
@@ -6855,7 +6855,7 @@ const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
         }])
       }, {
         default: vue.withCtx(() => [
-          _ctx.label ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$A, vue.toDisplayString(_ctx.label), 1)) : vue.createCommentVNode("", true),
+          _ctx.label ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$B, vue.toDisplayString(_ctx.label), 1)) : vue.createCommentVNode("", true),
           vue.renderSlot(_ctx.$slots, "default")
         ]),
         _: 3
@@ -6863,7 +6863,7 @@ const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$z = ["src", "alt"];
+const _hoisted_1$A = ["src", "alt"];
 const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
   __name: "Avatar",
   props: {
@@ -6882,7 +6882,7 @@ const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
           key: 0,
           src: _ctx.src,
           alt: _ctx.name
-        }, null, 8, _hoisted_1$z)) : (vue.openBlock(), vue.createElementBlock("p", {
+        }, null, 8, _hoisted_1$A)) : (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,7 +6933,7 @@ const _sfc_main$A = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$y = ["dismissable"];
+const _hoisted_1$z = ["dismissable"];
 const _hoisted_2$r = { class: "m-0" };
 const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
   __name: "Alert",
@@ -6971,7 +6971,7 @@ const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
           icon: "close",
           onClick: _cache[0] || (_cache[0] = ($event) => isDismissed.value = true)
         })
-      ], 10, _hoisted_1$y)) : vue.createCommentVNode("", true);
+      ], 10, _hoisted_1$z)) : vue.createCommentVNode("", true);
     };
   }
 });
@@ -7008,7 +7008,7 @@ const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const Badge = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["__scopeId", "data-v-532b36ae"]]);
-const _hoisted_1$x = ["src"];
+const _hoisted_1$y = ["src"];
 const _hoisted_2$q = ["src", "autoplay", "muted", "loop", "controls"];
 const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
   __name: "BglVideo",
@@ -7062,7 +7062,7 @@ const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
           frameborder: "0",
           allowfullscreen: "",
           title: "Video"
-        }, null, 12, _hoisted_1$x)) : _ctx.src ? (vue.openBlock(), vue.createElementBlock("video", {
+        }, null, 12, _hoisted_1$y)) : _ctx.src ? (vue.openBlock(), vue.createElementBlock("video", {
           key: 1,
           src: _ctx.src,
           autoplay: _ctx.autoplay,
@@ -7077,7 +7077,7 @@ const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const BglVideo = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__scopeId", "data-v-862e1f20"]]);
-const _hoisted_1$w = {
+const _hoisted_1$x = {
   key: 0,
   class: "blocker"
 };
@@ -7230,7 +7230,7 @@ const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
           onScrollend: scrollEnd,
           onMousedown: startDragging
         }, [
-          vue.unref(isDragging) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$w)) : vue.createCommentVNode("", true),
+          vue.unref(isDragging) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$x)) : vue.createCommentVNode("", true),
           vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
         ], 34),
         vue.createElementVNode("div", _hoisted_2$p, [
@@ -7294,12 +7294,12 @@ const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$v = { class: "map-test" };
+const _hoisted_1$w = { class: "map-test" };
 const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
   __name: "MapEmbed",
   setup(__props) {
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$v);
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$w);
     };
   }
 });
@@ -7556,6 +7556,7 @@ const _sfc_main$r = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
+const _hoisted_1$v = { key: 0 };
 const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
   __name: "BglMultiStepForm",
   props: /* @__PURE__ */ vue.mergeModels({
@@ -7623,22 +7624,23 @@ const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
           mode: "out-in"
         }, {
           default: vue.withCtx(() => [
-            !vue.unref(isStepping) ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$s), vue.mergeProps({
-              key: 0,
-              ref_key: "formRef",
-              ref: formRef,
-              modelValue: formData.value,
-              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => formData.value = $event),
-              schema: [currentStepSchema.value]
-            }, _ctx.bagelFormProps), {
-              success: vue.withCtx(() => [
-                vue.renderSlot(_ctx.$slots, "success")
-              ]),
-              error: vue.withCtx(() => [
-                vue.renderSlot(_ctx.$slots, "error")
-              ]),
-              _: 3
-            }, 16, ["modelValue", "schema"])) : vue.createCommentVNode("", true)
+            !vue.unref(isStepping) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$v, [
+              vue.createVNode(vue.unref(_sfc_main$s), vue.mergeProps({
+                ref_key: "formRef",
+                ref: formRef,
+                modelValue: formData.value,
+                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => formData.value = $event),
+                schema: [currentStepSchema.value]
+              }, _ctx.bagelFormProps), {
+                success: vue.withCtx(() => [
+                  vue.renderSlot(_ctx.$slots, "success")
+                ]),
+                error: vue.withCtx(() => [
+                  vue.renderSlot(_ctx.$slots, "error")
+                ]),
+                _: 3
+              }, 16, ["modelValue", "schema"])
+            ])) : vue.createCommentVNode("", true)
           ]),
           _: 3
         }),

package/dist/index.mjs

@@ -5525,7 +5525,7 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$K = { class: "full-nav" };
+const _hoisted_1$L = { class: "full-nav" };
 const _hoisted_2$A = { class: "nav-scroll" };
 const _hoisted_3$o = { class: "nav-links-wrapper" };
 const _hoisted_4$g = { class: "tooltip" };
@@ -5561,7 +5561,7 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
             class: "top-arrow"
           })
         ], 32),
-        createElementVNode("div", _hoisted_1$K, [
+        createElementVNode("div", _hoisted_1$L, [
           createElementVNode("div", _hoisted_2$A, [
             createElementVNode("div", _hoisted_3$o, [
               (openBlock(true), createElementBlock(Fragment$1, null, renderList(_ctx.links, (link) => {
@@ -5620,7 +5620,7 @@ const _export_sfc = (sfc, props2) => {
   return target;
 };
 const NavBar = /* @__PURE__ */ _export_sfc(_sfc_main$P, [["__scopeId", "data-v-776cab4a"]]);
-const _hoisted_1$J = {
+const _hoisted_1$K = {
   key: 0,
   class: "loading"
 };
@@ -5722,7 +5722,7 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
         onClick: withModifiers(_ctx.onClick, ["stop"])
       }, {
         default: withCtx(() => [
-          _ctx.loading ? (openBlock(), createElementBlock("div", _hoisted_1$J)) : (openBlock(), createElementBlock("div", _hoisted_2$z, [
+          _ctx.loading ? (openBlock(), createElementBlock("div", _hoisted_1$K)) : (openBlock(), createElementBlock("div", _hoisted_2$z, [
             _ctx.icon ? (openBlock(), createBlock(unref(_sfc_main$Q), {
               key: 0,
               icon: _ctx.icon
@@ -5743,7 +5743,7 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
   }
 });
 const Btn = /* @__PURE__ */ _export_sfc(_sfc_main$O, [["__scopeId", "data-v-d2db0ee8"]]);
-const _hoisted_1$I = {
+const _hoisted_1$J = {
   key: 0,
   class: "tool-bar"
 };
@@ -5820,7 +5820,7 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
           default: withCtx(() => {
             var _a2;
             return [
-              unref(slots).toolbar || _ctx.title ? (openBlock(), createElementBlock("header", _hoisted_1$I, [
+              unref(slots).toolbar || _ctx.title ? (openBlock(), createElementBlock("header", _hoisted_1$J, [
                 renderSlot(_ctx.$slots, "toolbar"),
                 createVNode(unref(Btn), {
                   style: normalizeStyle({ float: _ctx.side ? "left" : "right" }),
@@ -5977,7 +5977,7 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
   }
 });
 const ModalForm = /* @__PURE__ */ _export_sfc(_sfc_main$M, [["__scopeId", "data-v-083a1b2d"]]);
-const _hoisted_1$H = { class: "accordion-item" };
+const _hoisted_1$I = { class: "accordion-item" };
 const _hoisted_2$x = ["aria-expanded", "aria-controls"];
 const _hoisted_3$m = { class: "accordion-label" };
 const _hoisted_4$f = ["id", "aria-hidden"];
@@ -6018,7 +6018,7 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
       else if (accordionState.openItem === id) accordionState.openItem = null;
     }
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$H, [
+      return openBlock(), createElementBlock("div", _hoisted_1$I, [
         createElementVNode("button", {
           "aria-expanded": unref(isOpen) ? "true" : "false",
           class: "accordion-head",
@@ -6053,11 +6053,11 @@ 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$G = { class: "list-wrap bgl_card thin grid overflow-hidden h-100 pt-0 pb-05 px-0 m_pb-0" };
+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_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$G, [
+  return openBlock(), createElementBlock("div", _hoisted_1$H, [
     createElementVNode("div", _hoisted_2$w, [
       renderSlot(_ctx.$slots, "header")
     ]),
@@ -6067,7 +6067,7 @@ function _sfc_render$2(_ctx, _cache) {
   ]);
 }
 const ListView = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["render", _sfc_render$2]]);
-const _hoisted_1$F = { class: "no-margin ellipsis line-height-14 pb-025" };
+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 _sfc_main$J = /* @__PURE__ */ defineComponent({
   __name: "ListItem",
@@ -6102,7 +6102,7 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
             icon: _ctx.icon
           }, null, 8, ["icon"])) : createCommentVNode("", true),
           createElementVNode("div", null, [
-            createElementVNode("p", _hoisted_1$F, [
+            createElementVNode("p", _hoisted_1$G, [
               createTextVNode(toDisplayString(_ctx.title) + " ", 1),
               renderSlot(_ctx.$slots, "default")
             ]),
@@ -6117,7 +6117,7 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$E = { class: "page-top" };
+const _hoisted_1$F = { class: "page-top" };
 const _hoisted_2$u = { class: "top-title m-0" };
 const _sfc_main$I = /* @__PURE__ */ defineComponent({
   __name: "PageTitle",
@@ -6129,7 +6129,7 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$E, [
+      return openBlock(), createElementBlock("div", _hoisted_1$F, [
         createElementVNode("h1", _hoisted_2$u, [
           renderSlot(_ctx.$slots, "default"),
           createTextVNode(" " + toDisplayString(__props.value), 1)
@@ -6453,7 +6453,7 @@ function useVerticalVirtualList(options, list) {
   };
 }
 const _withScopeId$3 = (n2) => (pushScopeId("data-v-5441d9cd"), n2 = n2(), popScopeId(), n2);
-const _hoisted_1$D = {
+const _hoisted_1$E = {
   key: 0,
   class: "loading-table-wrapper z-99 h-100 w-100 absolute inset"
 };
@@ -6607,7 +6607,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$D, _hoisted_3$k)) : (openBlock(), createElementBlock("div", normalizeProps(mergeProps({ key: 1 }, unref(wrapperProps))), [
+        loading.value ? (openBlock(), createElementBlock("div", _hoisted_1$E, _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 +6691,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$C = { class: "flex space-between" };
+const _hoisted_1$D = { class: "flex space-between" };
 function _sfc_render$1(_ctx, _cache) {
-  return openBlock(), createElementBlock("div", _hoisted_1$C, [
+  return openBlock(), createElementBlock("div", _hoisted_1$D, [
     renderSlot(_ctx.$slots, "default")
   ]);
 }
@@ -6721,7 +6721,7 @@ function _sfc_render(_ctx, _cache) {
   });
 }
 const RouterWrapper = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["render", _sfc_render]]);
-const _hoisted_1$B = {
+const _hoisted_1$C = {
   key: 0,
   class: "data"
 };
@@ -6778,7 +6778,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$B, [
+      return __props.data ? (openBlock(), createElementBlock("div", _hoisted_1$C, [
         _ctx.title ? (openBlock(), createBlock(unref(_sfc_main$B), {
           key: 0,
           label: _ctx.title
@@ -6821,7 +6821,7 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
   }
 });
 const DataPreview = /* @__PURE__ */ _export_sfc(_sfc_main$E, [["__scopeId", "data-v-4d174f13"]]);
-const _hoisted_1$A = {
+const _hoisted_1$B = {
   key: 0,
   class: "card_label"
 };
@@ -6853,7 +6853,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
         }])
       }, {
         default: withCtx(() => [
-          _ctx.label ? (openBlock(), createElementBlock("span", _hoisted_1$A, toDisplayString(_ctx.label), 1)) : createCommentVNode("", true),
+          _ctx.label ? (openBlock(), createElementBlock("span", _hoisted_1$B, toDisplayString(_ctx.label), 1)) : createCommentVNode("", true),
           renderSlot(_ctx.$slots, "default")
         ]),
         _: 3
@@ -6861,7 +6861,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$z = ["src", "alt"];
+const _hoisted_1$A = ["src", "alt"];
 const _sfc_main$C = /* @__PURE__ */ defineComponent({
   __name: "Avatar",
   props: {
@@ -6880,7 +6880,7 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
           key: 0,
           src: _ctx.src,
           alt: _ctx.name
-        }, null, 8, _hoisted_1$z)) : (openBlock(), createElementBlock("p", {
+        }, null, 8, _hoisted_1$A)) : (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,7 +6931,7 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$y = ["dismissable"];
+const _hoisted_1$z = ["dismissable"];
 const _hoisted_2$r = { class: "m-0" };
 const _sfc_main$z = /* @__PURE__ */ defineComponent({
   __name: "Alert",
@@ -6969,7 +6969,7 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
           icon: "close",
           onClick: _cache[0] || (_cache[0] = ($event) => isDismissed.value = true)
         })
-      ], 10, _hoisted_1$y)) : createCommentVNode("", true);
+      ], 10, _hoisted_1$z)) : createCommentVNode("", true);
     };
   }
 });
@@ -7006,7 +7006,7 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
   }
 });
 const Badge = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["__scopeId", "data-v-532b36ae"]]);
-const _hoisted_1$x = ["src"];
+const _hoisted_1$y = ["src"];
 const _hoisted_2$q = ["src", "autoplay", "muted", "loop", "controls"];
 const _sfc_main$x = /* @__PURE__ */ defineComponent({
   __name: "BglVideo",
@@ -7060,7 +7060,7 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
           frameborder: "0",
           allowfullscreen: "",
           title: "Video"
-        }, null, 12, _hoisted_1$x)) : _ctx.src ? (openBlock(), createElementBlock("video", {
+        }, null, 12, _hoisted_1$y)) : _ctx.src ? (openBlock(), createElementBlock("video", {
           key: 1,
           src: _ctx.src,
           autoplay: _ctx.autoplay,
@@ -7075,7 +7075,7 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
   }
 });
 const BglVideo = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__scopeId", "data-v-862e1f20"]]);
-const _hoisted_1$w = {
+const _hoisted_1$x = {
   key: 0,
   class: "blocker"
 };
@@ -7228,7 +7228,7 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
           onScrollend: scrollEnd,
           onMousedown: startDragging
         }, [
-          unref(isDragging) ? (openBlock(), createElementBlock("div", _hoisted_1$w)) : createCommentVNode("", true),
+          unref(isDragging) ? (openBlock(), createElementBlock("div", _hoisted_1$x)) : createCommentVNode("", true),
           renderSlot(_ctx.$slots, "default", {}, void 0, true)
         ], 34),
         createElementVNode("div", _hoisted_2$p, [
@@ -7292,12 +7292,12 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$v = { class: "map-test" };
+const _hoisted_1$w = { class: "map-test" };
 const _sfc_main$u = /* @__PURE__ */ defineComponent({
   __name: "MapEmbed",
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$v);
+      return openBlock(), createElementBlock("div", _hoisted_1$w);
     };
   }
 });
@@ -7554,6 +7554,7 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
     };
   }
 });
+const _hoisted_1$v = { key: 0 };
 const _sfc_main$q = /* @__PURE__ */ defineComponent({
   __name: "BglMultiStepForm",
   props: /* @__PURE__ */ mergeModels({
@@ -7621,22 +7622,23 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
           mode: "out-in"
         }, {
           default: withCtx(() => [
-            !unref(isStepping) ? (openBlock(), createBlock(unref(_sfc_main$s), mergeProps({
-              key: 0,
-              ref_key: "formRef",
-              ref: formRef,
-              modelValue: formData.value,
-              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => formData.value = $event),
-              schema: [currentStepSchema.value]
-            }, _ctx.bagelFormProps), {
-              success: withCtx(() => [
-                renderSlot(_ctx.$slots, "success")
-              ]),
-              error: withCtx(() => [
-                renderSlot(_ctx.$slots, "error")
-              ]),
-              _: 3
-            }, 16, ["modelValue", "schema"])) : createCommentVNode("", true)
+            !unref(isStepping) ? (openBlock(), createElementBlock("div", _hoisted_1$v, [
+              createVNode(unref(_sfc_main$s), mergeProps({
+                ref_key: "formRef",
+                ref: formRef,
+                modelValue: formData.value,
+                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => formData.value = $event),
+                schema: [currentStepSchema.value]
+              }, _ctx.bagelFormProps), {
+                success: withCtx(() => [
+                  renderSlot(_ctx.$slots, "success")
+                ]),
+                error: withCtx(() => [
+                  renderSlot(_ctx.$slots, "error")
+                ]),
+                _: 3
+              }, 16, ["modelValue", "schema"])
+            ])) : createCommentVNode("", true)
           ]),
           _: 3
         }),

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@bagelink/vue",
   "type": "module",
-  "version": "0.0.702",
+  "version": "0.0.704",
   "description": "Bagel core sdk packages",
   "author": {
     "name": "Neveh Allon",

package/src/components/form/BglMultiStepForm.vue

@@ -84,19 +84,21 @@ defineExpose({
 		mode="out-in"
 	>
 		<template v-if="!isStepping">
-			<BagelForm
-				ref="formRef"
-				v-model=" formData"
-				:schema="[currentStepSchema]"
-				v-bind="bagelFormProps"
-			>
-				<template #success>
-					<slot name="success" />
-				</template>
-				<template #error>
-					<slot name="error" />
-				</template>
-			</BagelForm>
+			<div>
+				<BagelForm
+					ref="formRef"
+					v-model=" formData"
+					:schema="[currentStepSchema]"
+					v-bind="bagelFormProps"
+				>
+					<template #success>
+						<slot name="success" />
+					</template>
+					<template #error>
+						<slot name="error" />
+					</template>
+				</BagelForm>
+			</div>
 		</template>
 	</transition>