@bagelink/vue 0.0.709 → 0.0.712

package/dist/components/ModalConfirm.vue.d.ts

@@ -1,7 +1,4 @@
-declare function __VLS_template(): {
-    default?(_: {}): any;
-};
-declare const __VLS_component: import('vue').DefineComponent<__VLS_TypePropsToOption<{
+declare const _default: import('vue').DefineComponent<__VLS_TypePropsToOption<{
     title: string;
     message: string;
     resolve: (value: boolean) => void;
@@ -14,13 +11,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_TypePropsToOp
 }>>> & {
     "onUpdate:visible"?: ((...args: any[]) => any) | undefined;
 }, {}, {}>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToOption<T> = {
     [K in keyof T]-?: {} extends Pick<T, K> ? {

package/dist/components/ModalConfirm.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ModalConfirm.vue.d.ts","sourceRoot":"","sources":["../../src/components/ModalConfirm.vue"],"names":[],"mappings":"AAqDA,iBAAS,cAAc;qBAgGM,GAAG;EAkB/B;AACD,QAAA,MAAM,eAAe;WAtIb,MAAM;aACJ,MAAM;aACN,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI;;;;WAF1B,MAAM;aACJ,MAAM;aACN,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI;;;UA2IhC,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AAOxG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACpC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC;AAEN,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AAC5D,KAAK,uBAAuB,CAAC,CAAC,IAAI;KAChC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACpC;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAC9D;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CACzD,CAAC"}
+{"version":3,"file":"ModalConfirm.vue.d.ts","sourceRoot":"","sources":["../../src/components/ModalConfirm.vue"],"names":[],"mappings":";WAsCQ,MAAM;aACJ,MAAM;aACN,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI;;;;WAF1B,MAAM;aACJ,MAAM;aACN,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI;;;;AA6IlC,wBAOG;AAOH,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AAC5D,KAAK,uBAAuB,CAAC,CAAC,IAAI;KAChC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACpC;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAC9D;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CACzD,CAAC"}

package/dist/components/form/BglForm.vue.d.ts

@@ -4,6 +4,11 @@ declare function validateForm(): boolean;
 declare function runSubmit(): void;
 declare function deleteItem(): void;
 declare function __VLS_template(): {
+    submit?(_: {
+        submit: typeof runSubmit;
+        isDirty: import('@vue-macros/reactivity-transform/macros.js').ReactiveVariable<false> | import('@vue-macros/reactivity-transform/macros.js').ReactiveVariable<true>;
+        validateForm: typeof validateForm;
+    }): any;
     submit?(_: {
         submit: typeof runSubmit;
         isDirty: import('@vue-macros/reactivity-transform/macros.js').ReactiveVariable<false> | import('@vue-macros/reactivity-transform/macros.js').ReactiveVariable<true>;

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

@@ -1 +1 @@
-{"version":3,"file":"BglForm.vue.d.ts","sourceRoot":"","sources":["../../../src/components/form/BglForm.vue"],"names":[],"mappings":"AAAA,OAoIO,EAAY,KAAK,gBAAgB,EAAiC,MAAM,eAAe,CAAA;AAG9F,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAA;AA2CjE,iBAAS,YAAY,YAMpB;AAeD,iBAAS,SAAS,SAMjB;AAID,iBAAS,UAAU,SAgBlB;AA8BD,iBAAS,cAAc;;;;;QAqEM,GAAG;qBACF,GAAG;mBACL,GAAG;EAwB9B;AACD,QAAA,MAAM,eAAe;YAnNX,MAAM;SACT,MAAM;YACH,gBAAgB,CAAC,GAAG,CAAC;iBAChB,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;eACrB,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI;eACpB,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI;aACrB,UAAU;;;;;;;;;;;;;;YANX,MAAM;SACT,MAAM;YACH,gBAAgB,CAAC,GAAG,CAAC;iBAChB,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;eACrB,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI;eACpB,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI;aACrB,UAAU;;;;;;;;gBAHN,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;MAwNhC,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AAOxG,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAC1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAC7C,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QAAE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KAAC,CAAC,GACvC,CAAC,CAAC,CAAC,CAAC;CACP,CAAC;AAEN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC;AAExD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACpC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC;AAEN,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AAC5D,KAAK,uBAAuB,CAAC,CAAC,IAAI;KAChC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACpC;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAC9D;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CACzD,CAAC"}
+{"version":3,"file":"BglForm.vue.d.ts","sourceRoot":"","sources":["../../../src/components/form/BglForm.vue"],"names":[],"mappings":"AAAA,OA8IO,EAAY,KAAK,gBAAgB,EAAiC,MAAM,eAAe,CAAA;AAG9F,MAAM,MAAM,UAAU,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAA;AA2CjE,iBAAS,YAAY,YAMpB;AAeD,iBAAS,SAAS,SAMjB;AAID,iBAAS,UAAU,SAgBlB;AA8BD,iBAAS,cAAc;;;;;QA2GM,GAAG;;;;;QACH,GAAG;qBACF,GAAG;mBACL,GAAG;EAwB9B;AACD,QAAA,MAAM,eAAe;YA1PX,MAAM;SACT,MAAM;YACH,gBAAgB,CAAC,GAAG,CAAC;iBAChB,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;eACrB,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI;eACpB,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI;aACrB,UAAU;;;;;;;;;;;;;;YANX,MAAM;SACT,MAAM;YACH,gBAAgB,CAAC,GAAG,CAAC;iBAChB,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;eACrB,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI;eACpB,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI;aACrB,UAAU;;;;;;;;gBAHN,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;MA+PhC,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AAOxG,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAC1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAC7C,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QAAE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KAAC,CAAC,GACvC,CAAC,CAAC,CAAC,CAAC;CACP,CAAC;AAEN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC;AAExD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACpC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC;AAEN,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AAC5D,KAAK,uBAAuB,CAAC,CAAC,IAAI;KAChC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACpC;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAC9D;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CACzD,CAAC"}

package/dist/index.cjs

@@ -5470,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",
@@ -5547,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" };
@@ -5583,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"), {
@@ -5642,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"
 };
@@ -5744,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
@@ -5765,11 +5765,11 @@ const _sfc_main$O = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const Btn = /* @__PURE__ */ _export_sfc(_sfc_main$O, [["__scopeId", "data-v-895cf824"]]);
-const _hoisted_1$J = {
+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"
 };
@@ -5842,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" }),
@@ -5856,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",
@@ -5999,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({
@@ -6040,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",
@@ -6055,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", {
@@ -6075,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, [
@@ -6089,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: {
@@ -6124,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")
             ])
@@ -6139,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: {
@@ -6151,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)
         ])
@@ -6475,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" };
@@ -6629,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, [
@@ -6713,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")
   ]);
 }
@@ -6743,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"
 };
@@ -6800,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
@@ -6809,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)
               ]),
@@ -6843,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"
 };
@@ -6875,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
@@ -6883,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: {
@@ -6902,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))
@@ -6953,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: {
@@ -6983,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: "",
@@ -6991,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);
     };
   }
 });
@@ -7028,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: {
@@ -7082,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,
@@ -7091,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: {
@@ -7250,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,
@@ -7272,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: {
@@ -7291,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
+      });
     };
   }
 });
@@ -7445,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"])
@@ -7460,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)),
@@ -7470,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);
     };
   }

package/dist/index.mjs

@@ -5468,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",
@@ -5545,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" };
@@ -5581,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"), {
@@ -5640,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"
 };
@@ -5742,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
@@ -5763,11 +5763,11 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
   }
 });
 const Btn = /* @__PURE__ */ _export_sfc(_sfc_main$O, [["__scopeId", "data-v-895cf824"]]);
-const _hoisted_1$J = {
+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"
 };
@@ -5840,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" }),
@@ -5854,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",
@@ -5997,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({
@@ -6038,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",
@@ -6053,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", {
@@ -6073,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, [
@@ -6087,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: {
@@ -6122,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")
             ])
@@ -6137,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: {
@@ -6149,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)
         ])
@@ -6473,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" };
@@ -6627,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, [
@@ -6711,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")
   ]);
 }
@@ -6741,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"
 };
@@ -6798,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
@@ -6807,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)
               ]),
@@ -6841,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"
 };
@@ -6873,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
@@ -6881,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: {
@@ -6900,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))
@@ -6951,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: {
@@ -6981,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: "",
@@ -6989,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);
     };
   }
 });
@@ -7026,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: {
@@ -7080,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,
@@ -7089,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: {
@@ -7248,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,
@@ -7270,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: {
@@ -7289,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
+      });
     };
   }
 });
@@ -7443,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"])
@@ -7458,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)),
@@ -7468,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/utils/BagelFormUtils.d.ts

@@ -202,6 +202,11 @@ export declare function bglForm(idOrField?: string | Field, ...schema: Field[]):
         modelValue: Record<string, any>;
     }, {}, string, {}> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
         $slots: {
+            submit?(_: {
+                submit: () => void;
+                isDirty: import('@vue-macros/reactivity-transform/macros.js').ReactiveVariable<false> | import('@vue-macros/reactivity-transform/macros.js').ReactiveVariable<true>;
+                validateForm: () => boolean;
+            }): any;
             submit?(_: {
                 submit: () => void;
                 isDirty: import('@vue-macros/reactivity-transform/macros.js').ReactiveVariable<false> | import('@vue-macros/reactivity-transform/macros.js').ReactiveVariable<true>;
@@ -374,6 +379,11 @@ export declare function bglForm(idOrField?: string | Field, ...schema: Field[]):
         modelValue: Record<string, any>;
     }, {}, string, {}> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
         $slots: {
+            submit?(_: {
+                submit: () => void;
+                isDirty: import('@vue-macros/reactivity-transform/macros.js').ReactiveVariable<false> | import('@vue-macros/reactivity-transform/macros.js').ReactiveVariable<true>;
+                validateForm: () => boolean;
+            }): any;
             submit?(_: {
                 submit: () => void;
                 isDirty: import('@vue-macros/reactivity-transform/macros.js').ReactiveVariable<false> | import('@vue-macros/reactivity-transform/macros.js').ReactiveVariable<true>;

package/dist/utils/BagelFormUtils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BagelFormUtils.d.ts","sourceRoot":"","sources":["../../src/utils/BagelFormUtils.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"BagelFormUtils.d.ts","sourceRoot":"","sources":["../../src/utils/BagelFormUtils.ts"],"names":[],"mappings":"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"}

package/package.json

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

package/src/components/ModalConfirm.vue

@@ -16,12 +16,16 @@ function select(val: boolean) {
 </script>
 
 <template>
-	<Modal width="380px" :dismissable="false" :title="title">
-		{{ message }}
-		<slot />
+	<Modal width="380px" :dismissable="false" class="color-black txt-center">
+		<h3 class="m-0">
+			{{ title }}
+		</h3>
+		<p class="px-1 py-1 pretty m-0">
+			{{ message }}
+		</p>
 		<template #footer>
-			<Btn color="primary" value="Confirm" @click="select(true)" />
-			<Btn color="red" value="Cancel" @click="select(false)" />
+			<Btn flat thin value="Cancel" @click="select(false)" />
+			<Btn color="green" value="Confirm" @click="select(true)" />
 		</template>
 	</Modal>
 </template>

package/src/components/form/BglForm.vue

@@ -105,8 +105,18 @@ defineExpose({
 </script>
 
 <template>
+	<template v-if="id">
+		<Title v-if="label" tag="h4" :label="label" />
+		<BglField
+			v-for="(field, i) in computedSchema"
+			:key="field.id || `${i}p`"
+			v-model="data"
+			:field="field"
+		/>
+		<slot name="submit" :submit="runSubmit" :isDirty :validateForm />
+	</template>
 	<form
-		v-if="!slots.success || status !== 'success'"
+		v-else-if="!slots.success || status !== 'success'"
 		ref="form"
 		@submit.prevent="runSubmit"
 	>

package/src/plugins/modal.ts

@@ -73,7 +73,7 @@ export const ModalPlugin: Plugin = {
 		}
 
 		const modalConfirm = async (options: ConfirmModalUserOptions) => new Promise<boolean>((resolve) => {
-			if (typeof options === 'string') options = { title: options, message: '' }
+			if (typeof options === 'string') options = { title: '', message: options }
 			modalStack.push({
 				modalOptions: { ...options, resolve },
 				modalType: 'confirm',