@bagelink/vue 0.0.646 → 0.0.650

package/dist/components/form/inputs/Checkbox.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/form/inputs/Checkbox.vue"],"names":[],"mappings":"AAYA,iBAAS,cAAc;mBA2DI,GAAG;EAK7B;AASD,QAAA,MAAM,eAAe;gBA/EP,OAAO,KAAK,EAAE,QAAQ,CAAC,OAAO,CAAC;;gBAA/B,OAAO,KAAK,EAAE,QAAQ,CAAC,OAAO,CAAC;YAqF3C,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AACxG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}
+{"version":3,"file":"Checkbox.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/form/inputs/Checkbox.vue"],"names":[],"mappings":"AAYA,iBAAS,cAAc;mBAoDI,GAAG;EAK7B;AASD,QAAA,MAAM,eAAe;gBAxEP,OAAO,KAAK,EAAE,QAAQ,CAAC,OAAO,CAAC;;gBAA/B,OAAO,KAAK,EAAE,QAAQ,CAAC,OAAO,CAAC;YA8E3C,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AACxG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}

package/dist/components/form/inputs/FileUpload.vue.d.ts

@@ -36,6 +36,35 @@ declare function __VLS_template(): {
         }[]>;
     }): any;
     placeholder?(_: {
+        files: import('@vue-macros/reactivity-transform/macros.js').ReactiveVariable<{
+            organization?: string[] | undefined;
+            name: string;
+            url: string;
+            mimetype?: string | undefined;
+            size?: number | undefined;
+            extension?: string | undefined;
+            path?: string | undefined;
+            id?: string | undefined;
+            created_at?: (Date | string) | undefined;
+            updated_at?: (Date | string) | undefined;
+        }[]>;
+        fileQueue: import('@vue-macros/reactivity-transform/macros.js').ReactiveVariable<{
+            file: {
+                readonly lastModified: number;
+                readonly name: string;
+                readonly webkitRelativePath: string;
+                readonly size: number;
+                readonly type: string;
+                arrayBuffer: () => Promise<ArrayBuffer>;
+                slice: (start?: number, end?: number, contentType?: string) => Blob;
+                stream: () => ReadableStream<Uint8Array>;
+                text: () => Promise<string>;
+            };
+            progress: number;
+            uploading?: boolean | undefined;
+            name?: string | undefined;
+            uploaded?: boolean | undefined;
+        }[]>;
         browse: typeof browse;
     }): any;
 };

package/dist/components/form/inputs/FileUpload.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FileUpload.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/form/inputs/FileUpload.vue"],"names":[],"mappings":"AAGA,OAAO,EAAqB,KAAK,WAAW,EAAY,MAAM,eAAe,CAAA;AA0B7E,KAAK,MAAM,GAAG,MAAM,WAAW,CAAA;AAE/B,KAAK,OAAO,GAAG,MAAM,EAAE,GAAG,MAAM,GAAG,MAAM,CAAA;AAkGzC,iBAAS,MAAM,SAgBd;AA2BD,iBAAS,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;sBArJZ,MAAM;wBACJ,OAAO;mBACZ,MAAM;uBACF,OAAO;;QAwcS,GAAG;;;QACG,GAAG;EAGpC;AA4BD,QAAA,MAAM,eAAe;YAMZ,MAAM;eACH,OAAO;YACV,WAAW,GAAG,WAAW,EAAE;cACzB,MAAM;iBACH,OAAO;YACZ,MAAM;YACN,MAAM;;;;YANN,MAAM;eACH,OAAO;YACV,WAAW,GAAG,WAAW,EAAE;cACzB,MAAM;iBACH,OAAO;YACZ,MAAM;YACN,MAAM;;;UAGb,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AACxG,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}
+{"version":3,"file":"FileUpload.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/form/inputs/FileUpload.vue"],"names":[],"mappings":"AAGA,OAAO,EAAqB,KAAK,WAAW,EAAY,MAAM,eAAe,CAAA;AA0B7E,KAAK,MAAM,GAAG,MAAM,WAAW,CAAA;AAE/B,KAAK,OAAO,GAAG,MAAM,EAAE,GAAG,MAAM,GAAG,MAAM,CAAA;AAkGzC,iBAAS,MAAM,SAgBd;AA2BD,iBAAS,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;sBArJZ,MAAM;wBACJ,OAAO;mBACZ,MAAM;uBACF,OAAO;;QA0cS,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;sBA7cpB,MAAM;wBACJ,OAAO;mBACZ,MAAM;uBACF,OAAO;;;QA2ce,GAAG;EAGpC;AA4BD,QAAA,MAAM,eAAe;YAMZ,MAAM;eACH,OAAO;YACV,WAAW,GAAG,WAAW,EAAE;cACzB,MAAM;iBACH,OAAO;YACZ,MAAM;YACN,MAAM;;;;YANN,MAAM;eACH,OAAO;YACV,WAAW,GAAG,WAAW,EAAE;cACzB,MAAM;iBACH,OAAO;YACZ,MAAM;YACN,MAAM;;;UAGb,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AACxG,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AACjE,KAAK,6BAA6B,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAAG;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CAAE,CAAC;AAC9M,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAAE,QAAO;QAClD,MAAM,EAAE,CAAC,CAAC;KACT,CAAA;CAAE,CAAC"}

package/dist/index.cjs

@@ -5451,7 +5451,7 @@ const _sfc_main$P = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$J = { class: "full-nav" };
+const _hoisted_1$K = { class: "full-nav" };
 const _hoisted_2$A = { class: "nav-scroll" };
 const _hoisted_3$o = { class: "nav-links-wrapper" };
 const _hoisted_4$g = { class: "tooltip" };
@@ -5487,7 +5487,7 @@ const _sfc_main$O = /* @__PURE__ */ vue.defineComponent({
             class: "top-arrow"
           })
         ], 32),
-        vue.createElementVNode("div", _hoisted_1$J, [
+        vue.createElementVNode("div", _hoisted_1$K, [
           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) => {
@@ -5546,7 +5546,7 @@ const _export_sfc = (sfc, props2) => {
   return target;
 };
 const NavBar = /* @__PURE__ */ _export_sfc(_sfc_main$O, [["__scopeId", "data-v-776cab4a"]]);
-const _hoisted_1$I = {
+const _hoisted_1$J = {
   key: 0,
   class: "loading"
 };
@@ -5648,7 +5648,7 @@ const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
         onClick: vue.withModifiers(_ctx.onClick, ["stop"])
       }, {
         default: vue.withCtx(() => [
-          _ctx.loading ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$I)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$z, [
+          _ctx.loading ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$J)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$z, [
             _ctx.icon ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$P), {
               key: 0,
               icon: _ctx.icon
@@ -5669,7 +5669,7 @@ const _sfc_main$N = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const Btn = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["__scopeId", "data-v-26f1062f"]]);
-const _hoisted_1$H = {
+const _hoisted_1$I = {
   key: 0,
   class: "tool-bar"
 };
@@ -5746,7 +5746,7 @@ const _sfc_main$M = /* @__PURE__ */ vue.defineComponent({
           default: vue.withCtx(() => {
             var _a2;
             return [
-              vue.unref(slots).toolbar || _ctx.title ? (vue.openBlock(), vue.createElementBlock("header", _hoisted_1$H, [
+              vue.unref(slots).toolbar || _ctx.title ? (vue.openBlock(), vue.createElementBlock("header", _hoisted_1$I, [
                 vue.renderSlot(_ctx.$slots, "toolbar"),
                 vue.createVNode(vue.unref(Btn), {
                   style: vue.normalizeStyle({ float: _ctx.side ? "left" : "right" }),
@@ -5903,7 +5903,7 @@ const _sfc_main$L = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const ModalForm = /* @__PURE__ */ _export_sfc(_sfc_main$L, [["__scopeId", "data-v-083a1b2d"]]);
-const _hoisted_1$G = { class: "accordion-item" };
+const _hoisted_1$H = { 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"];
@@ -5944,7 +5944,7 @@ const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
       else if (accordionState.openItem === id) accordionState.openItem = null;
     }
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$G, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$H, [
         vue.createElementVNode("button", {
           "aria-expanded": vue.unref(isOpen) ? "true" : "false",
           class: "accordion-head",
@@ -5979,11 +5979,11 @@ const _sfc_main$K = /* @__PURE__ */ vue.defineComponent({
 });
 const AccordionItem = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["__scopeId", "data-v-f87b579d"]]);
 const _sfc_main$J = {};
-const _hoisted_1$F = { class: "list-wrap bgl_card thin grid overflow-hidden h-100 pt-0 pb-05 px-0 m_pb-0" };
+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_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$F, [
+  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$G, [
     vue.createElementVNode("div", _hoisted_2$w, [
       vue.renderSlot(_ctx.$slots, "header")
     ]),
@@ -5993,7 +5993,7 @@ function _sfc_render$2(_ctx, _cache) {
   ]);
 }
 const ListView = /* @__PURE__ */ _export_sfc(_sfc_main$J, [["render", _sfc_render$2]]);
-const _hoisted_1$E = { class: "no-margin ellipsis line-height-14 pb-025" };
+const _hoisted_1$F = { class: "no-margin ellipsis line-height-14 pb-025" };
 const _hoisted_2$v = { class: "txt12 no-margin txt-gray ellipsis" };
 const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
   __name: "ListItem",
@@ -6019,7 +6019,7 @@ const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
             size: 40
           }, null, 8, ["name", "src"])) : vue.createCommentVNode("", true),
           vue.createElementVNode("div", null, [
-            vue.createElementVNode("p", _hoisted_1$E, [
+            vue.createElementVNode("p", _hoisted_1$F, [
               vue.createTextVNode(vue.toDisplayString(_ctx.title) + " ", 1),
               vue.renderSlot(_ctx.$slots, "default")
             ]),
@@ -6034,7 +6034,7 @@ const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$D = { class: "page-top" };
+const _hoisted_1$E = { class: "page-top" };
 const _hoisted_2$u = { class: "top-title m-0" };
 const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
   __name: "PageTitle",
@@ -6046,7 +6046,7 @@ const _sfc_main$H = /* @__PURE__ */ vue.defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$D, [
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$E, [
         vue.createElementVNode("h1", _hoisted_2$u, [
           vue.renderSlot(_ctx.$slots, "default"),
           vue.createTextVNode(" " + vue.toDisplayString(__props.value), 1)
@@ -6365,7 +6365,7 @@ function useVerticalVirtualList(options, list) {
   };
 }
 const _withScopeId$3 = (n2) => (vue.pushScopeId("data-v-d01cb754"), n2 = n2(), vue.popScopeId(), n2);
-const _hoisted_1$C = {
+const _hoisted_1$D = {
   key: 0,
   class: "loading-table-wrapper z-99 h-100 w-100 absolute inset"
 };
@@ -6521,7 +6521,7 @@ const _sfc_main$G = /* @__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$C, _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$D, _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$d, [
               vue.unref(isSelectable) ? (vue.openBlock(), vue.createElementBlock("th", _hoisted_6$8, [
@@ -6605,9 +6605,9 @@ const _sfc_main$G = /* @__PURE__ */ vue.defineComponent({
 });
 const TableSchema = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["__scopeId", "data-v-d01cb754"]]);
 const _sfc_main$F = {};
-const _hoisted_1$B = { class: "flex space-between" };
+const _hoisted_1$C = { class: "flex space-between" };
 function _sfc_render$1(_ctx, _cache) {
-  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$B, [
+  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$C, [
     vue.renderSlot(_ctx.$slots, "default")
   ]);
 }
@@ -6635,7 +6635,7 @@ function _sfc_render(_ctx, _cache) {
   });
 }
 const RouterWrapper = /* @__PURE__ */ _export_sfc(_sfc_main$E, [["render", _sfc_render]]);
-const _hoisted_1$A = {
+const _hoisted_1$B = {
   key: 0,
   class: "data"
 };
@@ -6692,7 +6692,7 @@ const _sfc_main$D = /* @__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$A, [
+      return __props.data ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$B, [
         _ctx.title ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$A), {
           key: 0,
           label: _ctx.title
@@ -6735,7 +6735,7 @@ const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const DataPreview = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["__scopeId", "data-v-4d174f13"]]);
-const _hoisted_1$z = {
+const _hoisted_1$A = {
   key: 0,
   class: "card_label"
 };
@@ -6767,7 +6767,7 @@ const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
         }])
       }, {
         default: vue.withCtx(() => [
-          _ctx.label ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$z, vue.toDisplayString(_ctx.label), 1)) : vue.createCommentVNode("", true),
+          _ctx.label ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_1$A, vue.toDisplayString(_ctx.label), 1)) : vue.createCommentVNode("", true),
           vue.renderSlot(_ctx.$slots, "default")
         ]),
         _: 3
@@ -6775,7 +6775,7 @@ const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$y = ["src", "alt"];
+const _hoisted_1$z = ["src", "alt"];
 const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
   __name: "Avatar",
   props: {
@@ -6794,7 +6794,7 @@ const _sfc_main$B = /* @__PURE__ */ vue.defineComponent({
           key: 0,
           src: _ctx.src,
           alt: _ctx.name
-        }, null, 8, _hoisted_1$y)) : (vue.openBlock(), vue.createElementBlock("p", {
+        }, null, 8, _hoisted_1$z)) : (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))
@@ -6845,7 +6845,7 @@ const _sfc_main$z = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$x = ["dismissable"];
+const _hoisted_1$y = ["dismissable"];
 const _hoisted_2$r = { class: "m-0" };
 const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
   __name: "Alert",
@@ -6883,7 +6883,7 @@ const _sfc_main$y = /* @__PURE__ */ vue.defineComponent({
           icon: "close",
           onClick: _cache[0] || (_cache[0] = ($event) => isDismissed.value = true)
         })
-      ], 10, _hoisted_1$x)) : vue.createCommentVNode("", true);
+      ], 10, _hoisted_1$y)) : vue.createCommentVNode("", true);
     };
   }
 });
@@ -6920,7 +6920,7 @@ const _sfc_main$x = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const Badge = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__scopeId", "data-v-532b36ae"]]);
-const _hoisted_1$w = ["src"];
+const _hoisted_1$x = ["src"];
 const _hoisted_2$q = ["src", "autoplay", "muted", "loop", "controls"];
 const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
   __name: "BglVideo",
@@ -6974,7 +6974,7 @@ const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
           frameborder: "0",
           allowfullscreen: "",
           title: "Video"
-        }, null, 12, _hoisted_1$w)) : _ctx.src ? (vue.openBlock(), vue.createElementBlock("video", {
+        }, null, 12, _hoisted_1$x)) : _ctx.src ? (vue.openBlock(), vue.createElementBlock("video", {
           key: 1,
           src: _ctx.src,
           autoplay: _ctx.autoplay,
@@ -6989,7 +6989,7 @@ const _sfc_main$w = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const BglVideo = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["__scopeId", "data-v-862e1f20"]]);
-const _hoisted_1$v = {
+const _hoisted_1$w = {
   key: 0,
   class: "blocker"
 };
@@ -7142,7 +7142,7 @@ const _sfc_main$v = /* @__PURE__ */ vue.defineComponent({
           onScrollend: scrollEnd,
           onMousedown: startDragging
         }, [
-          vue.unref(isDragging) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$v)) : vue.createCommentVNode("", true),
+          vue.unref(isDragging) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$w)) : vue.createCommentVNode("", true),
           vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
         ], 34),
         vue.createElementVNode("div", _hoisted_2$p, [
@@ -7205,12 +7205,12 @@ const _sfc_main$u = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$u = { class: "map-test" };
+const _hoisted_1$v = { class: "map-test" };
 const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
   __name: "MapEmbed",
   setup(__props) {
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$u);
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$v);
     };
   }
 });
@@ -7469,7 +7469,7 @@ const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const _hoisted_1$t = ["title"];
+const _hoisted_1$u = ["title"];
 const _hoisted_2$o = ["id", "required"];
 const _hoisted_3$i = ["for"];
 const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
@@ -7512,7 +7512,7 @@ const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
             vue.createTextVNode(vue.toDisplayString(_ctx.label), 1)
           ], true)
         ], 8, _hoisted_3$i)
-      ], 10, _hoisted_1$t);
+      ], 10, _hoisted_1$u);
     };
   }
 });
@@ -15956,7 +15956,7 @@ const eo = ({
 Object.entries(go).forEach(([e, t]) => {
   e !== "default" && (Hn[e] = t);
 });
-const _hoisted_1$s = ["title"];
+const _hoisted_1$t = ["title"];
 const _hoisted_2$n = { key: 0 };
 const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
   __name: "DateInput",
@@ -16016,11 +16016,11 @@ const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
           "minutes-grid-increment": _ctx.minutesGridIncrement,
           "start-time": { hours: 8, minutes: 0 }
         }), null, 16, ["modelValue", "required", "enable-time-picker", "allowed-dates", "time-picker-inline", "minutes-increment", "minutes-grid-increment"])
-      ], 10, _hoisted_1$s);
+      ], 10, _hoisted_1$t);
     };
   }
 });
-const _hoisted_1$r = ["title"];
+const _hoisted_1$s = ["title"];
 const _hoisted_2$m = { key: 0 };
 const _hoisted_3$h = ["value", "placeholder"];
 const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
@@ -16055,12 +16055,12 @@ const _sfc_main$n = /* @__PURE__ */ vue.defineComponent({
           placeholder: _ctx.placeholder,
           onInput: handleInput
         }, null, 42, _hoisted_3$h)
-      ], 10, _hoisted_1$r);
+      ], 10, _hoisted_1$s);
     };
   }
 });
 const JSONInput = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-1cbaeab2"]]);
-const _hoisted_1$q = { class: "flex gap-05" };
+const _hoisted_1$r = { class: "flex gap-05" };
 const _hoisted_2$l = ["disabled"];
 const _hoisted_3$g = { key: 1 };
 const _hoisted_4$c = {
@@ -16262,7 +16262,7 @@ const _sfc_main$m = /* @__PURE__ */ vue.defineComponent({
         default: vue.withCtx(() => [
           vue.createElementVNode("label", null, [
             vue.createTextVNode(vue.toDisplayString(_ctx.label) + " ", 1),
-            vue.createElementVNode("div", _hoisted_1$q, [
+            vue.createElementVNode("div", _hoisted_1$r, [
               vue.createElementVNode("button", {
                 disabled: _ctx.disabled,
                 type: "button",
@@ -18787,7 +18787,7 @@ const VueDraggableNext = vue.defineComponent({
     }
   }
 });
-const _hoisted_1$p = ["title"];
+const _hoisted_1$q = ["title"];
 const _hoisted_2$k = { class: "bagel-input" };
 const _hoisted_3$f = { class: "table-side-scroll" };
 const _hoisted_4$b = { class: "table-header" };
@@ -18933,12 +18933,12 @@ const _sfc_main$l = /* @__PURE__ */ vue.defineComponent({
           ]),
           _: 1
         })
-      ], 8, _hoisted_1$p);
+      ], 8, _hoisted_1$q);
     };
   }
 });
 const TableField = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__scopeId", "data-v-515f5dc9"]]);
-const _hoisted_1$o = ["title"];
+const _hoisted_1$p = ["title"];
 const _hoisted_2$j = ["for"];
 const _hoisted_3$e = ["id", "title", "autocomplete", "type", "placeholder", "disabled", "required", "pattern"];
 const _hoisted_4$a = ["id", "title", "type", "rows", "placeholder", "disabled", "required", "pattern"];
@@ -19069,11 +19069,12 @@ const _sfc_main$k = /* @__PURE__ */ vue.defineComponent({
           key: 1,
           icon: _ctx.icon
         }, null, 8, ["icon"])) : vue.createCommentVNode("", true)
-      ], 10, _hoisted_1$o);
+      ], 10, _hoisted_1$p);
     };
   }
 });
 const TextInput = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-82137f41"]]);
+const _hoisted_1$o = { class: "primary-checkbox" };
 const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
   __name: "Checkbox",
   props: {
@@ -19084,10 +19085,7 @@ const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
   setup(__props) {
     const val = vue.useModel(__props, "modelValue");
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("label", {
-        onClick: _cache[1] || (_cache[1] = ($event) => val.value = !val.value),
-        class: "primary-checkbox"
-      }, [
+      return vue.openBlock(), vue.createElementBlock("label", _hoisted_1$o, [
         vue.renderSlot(_ctx.$slots, "label", {}, void 0, true),
         vue.withDirectives(vue.createElementVNode("input", {
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => val.value = $event),
@@ -19099,7 +19097,7 @@ const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Checkbox = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-fe49b297"]]);
+const Checkbox = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-e6b95ea6"]]);
 const _hoisted_1$n = ["title"];
 const _hoisted_2$i = ["id", "placeholder", "required"];
 const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
@@ -19299,7 +19297,7 @@ const _sfc_main$g = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const RadioPillsInput = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-d86ce838"]]);
-const _withScopeId$2 = (n2) => (vue.pushScopeId("data-v-e848b48d"), n2 = n2(), vue.popScopeId(), n2);
+const _withScopeId$2 = (n2) => (vue.pushScopeId("data-v-e74abda1"), n2 = n2(), vue.popScopeId(), n2);
 const _hoisted_1$k = { class: "bagel-input" };
 const _hoisted_2$f = {
   key: 0,
@@ -19535,6 +19533,8 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
           ], true),
           !storageFiles.value.length && !fileQueue.value.length || _ctx.multiple ? vue.renderSlot(_ctx.$slots, "placeholder", {
             key: 0,
+            files: storageFiles.value,
+            fileQueue: fileQueue.value,
             browse
           }, () => [
             _hoisted_13
@@ -19544,7 +19544,7 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const $el = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-e848b48d"]]);
+const $el = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-e74abda1"]]);
 const _withScopeId$1 = (n2) => (vue.pushScopeId("data-v-06b95183"), n2 = n2(), vue.popScopeId(), n2);
 const _hoisted_1$j = ["title"];
 const _hoisted_2$e = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ vue.createElementVNode("span", { class: "slider round" }, null, -1));

package/dist/index.mjs

@@ -5449,7 +5449,7 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$J = { class: "full-nav" };
+const _hoisted_1$K = { class: "full-nav" };
 const _hoisted_2$A = { class: "nav-scroll" };
 const _hoisted_3$o = { class: "nav-links-wrapper" };
 const _hoisted_4$g = { class: "tooltip" };
@@ -5485,7 +5485,7 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
             class: "top-arrow"
           })
         ], 32),
-        createElementVNode("div", _hoisted_1$J, [
+        createElementVNode("div", _hoisted_1$K, [
           createElementVNode("div", _hoisted_2$A, [
             createElementVNode("div", _hoisted_3$o, [
               (openBlock(true), createElementBlock(Fragment$1, null, renderList(_ctx.links, (link) => {
@@ -5544,7 +5544,7 @@ const _export_sfc = (sfc, props2) => {
   return target;
 };
 const NavBar = /* @__PURE__ */ _export_sfc(_sfc_main$O, [["__scopeId", "data-v-776cab4a"]]);
-const _hoisted_1$I = {
+const _hoisted_1$J = {
   key: 0,
   class: "loading"
 };
@@ -5646,7 +5646,7 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
         onClick: withModifiers(_ctx.onClick, ["stop"])
       }, {
         default: withCtx(() => [
-          _ctx.loading ? (openBlock(), createElementBlock("div", _hoisted_1$I)) : (openBlock(), createElementBlock("div", _hoisted_2$z, [
+          _ctx.loading ? (openBlock(), createElementBlock("div", _hoisted_1$J)) : (openBlock(), createElementBlock("div", _hoisted_2$z, [
             _ctx.icon ? (openBlock(), createBlock(unref(_sfc_main$P), {
               key: 0,
               icon: _ctx.icon
@@ -5667,7 +5667,7 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
   }
 });
 const Btn = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["__scopeId", "data-v-26f1062f"]]);
-const _hoisted_1$H = {
+const _hoisted_1$I = {
   key: 0,
   class: "tool-bar"
 };
@@ -5744,7 +5744,7 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
           default: withCtx(() => {
             var _a2;
             return [
-              unref(slots).toolbar || _ctx.title ? (openBlock(), createElementBlock("header", _hoisted_1$H, [
+              unref(slots).toolbar || _ctx.title ? (openBlock(), createElementBlock("header", _hoisted_1$I, [
                 renderSlot(_ctx.$slots, "toolbar"),
                 createVNode(unref(Btn), {
                   style: normalizeStyle({ float: _ctx.side ? "left" : "right" }),
@@ -5901,7 +5901,7 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
   }
 });
 const ModalForm = /* @__PURE__ */ _export_sfc(_sfc_main$L, [["__scopeId", "data-v-083a1b2d"]]);
-const _hoisted_1$G = { class: "accordion-item" };
+const _hoisted_1$H = { 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"];
@@ -5942,7 +5942,7 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
       else if (accordionState.openItem === id) accordionState.openItem = null;
     }
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$G, [
+      return openBlock(), createElementBlock("div", _hoisted_1$H, [
         createElementVNode("button", {
           "aria-expanded": unref(isOpen) ? "true" : "false",
           class: "accordion-head",
@@ -5977,11 +5977,11 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
 });
 const AccordionItem = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["__scopeId", "data-v-f87b579d"]]);
 const _sfc_main$J = {};
-const _hoisted_1$F = { class: "list-wrap bgl_card thin grid overflow-hidden h-100 pt-0 pb-05 px-0 m_pb-0" };
+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_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$F, [
+  return openBlock(), createElementBlock("div", _hoisted_1$G, [
     createElementVNode("div", _hoisted_2$w, [
       renderSlot(_ctx.$slots, "header")
     ]),
@@ -5991,7 +5991,7 @@ function _sfc_render$2(_ctx, _cache) {
   ]);
 }
 const ListView = /* @__PURE__ */ _export_sfc(_sfc_main$J, [["render", _sfc_render$2]]);
-const _hoisted_1$E = { class: "no-margin ellipsis line-height-14 pb-025" };
+const _hoisted_1$F = { class: "no-margin ellipsis line-height-14 pb-025" };
 const _hoisted_2$v = { class: "txt12 no-margin txt-gray ellipsis" };
 const _sfc_main$I = /* @__PURE__ */ defineComponent({
   __name: "ListItem",
@@ -6017,7 +6017,7 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
             size: 40
           }, null, 8, ["name", "src"])) : createCommentVNode("", true),
           createElementVNode("div", null, [
-            createElementVNode("p", _hoisted_1$E, [
+            createElementVNode("p", _hoisted_1$F, [
               createTextVNode(toDisplayString(_ctx.title) + " ", 1),
               renderSlot(_ctx.$slots, "default")
             ]),
@@ -6032,7 +6032,7 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$D = { class: "page-top" };
+const _hoisted_1$E = { class: "page-top" };
 const _hoisted_2$u = { class: "top-title m-0" };
 const _sfc_main$H = /* @__PURE__ */ defineComponent({
   __name: "PageTitle",
@@ -6044,7 +6044,7 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$D, [
+      return openBlock(), createElementBlock("div", _hoisted_1$E, [
         createElementVNode("h1", _hoisted_2$u, [
           renderSlot(_ctx.$slots, "default"),
           createTextVNode(" " + toDisplayString(__props.value), 1)
@@ -6363,7 +6363,7 @@ function useVerticalVirtualList(options, list) {
   };
 }
 const _withScopeId$3 = (n2) => (pushScopeId("data-v-d01cb754"), n2 = n2(), popScopeId(), n2);
-const _hoisted_1$C = {
+const _hoisted_1$D = {
   key: 0,
   class: "loading-table-wrapper z-99 h-100 w-100 absolute inset"
 };
@@ -6519,7 +6519,7 @@ const _sfc_main$G = /* @__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$C, _hoisted_3$k)) : (openBlock(), createElementBlock("div", normalizeProps(mergeProps({ key: 1 }, unref(wrapperProps))), [
+        loading.value ? (openBlock(), createElementBlock("div", _hoisted_1$D, _hoisted_3$k)) : (openBlock(), createElementBlock("div", normalizeProps(mergeProps({ key: 1 }, unref(wrapperProps))), [
           createElementVNode("table", _hoisted_4$e, [
             createElementVNode("thead", _hoisted_5$d, [
               unref(isSelectable) ? (openBlock(), createElementBlock("th", _hoisted_6$8, [
@@ -6603,9 +6603,9 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
 });
 const TableSchema = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["__scopeId", "data-v-d01cb754"]]);
 const _sfc_main$F = {};
-const _hoisted_1$B = { class: "flex space-between" };
+const _hoisted_1$C = { class: "flex space-between" };
 function _sfc_render$1(_ctx, _cache) {
-  return openBlock(), createElementBlock("div", _hoisted_1$B, [
+  return openBlock(), createElementBlock("div", _hoisted_1$C, [
     renderSlot(_ctx.$slots, "default")
   ]);
 }
@@ -6633,7 +6633,7 @@ function _sfc_render(_ctx, _cache) {
   });
 }
 const RouterWrapper = /* @__PURE__ */ _export_sfc(_sfc_main$E, [["render", _sfc_render]]);
-const _hoisted_1$A = {
+const _hoisted_1$B = {
   key: 0,
   class: "data"
 };
@@ -6690,7 +6690,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
     const computedSchema = computed(() => getFallbackSchema([itemData.value], props2.showFields));
     return (_ctx, _cache) => {
       var _a2;
-      return __props.data ? (openBlock(), createElementBlock("div", _hoisted_1$A, [
+      return __props.data ? (openBlock(), createElementBlock("div", _hoisted_1$B, [
         _ctx.title ? (openBlock(), createBlock(unref(_sfc_main$A), {
           key: 0,
           label: _ctx.title
@@ -6733,7 +6733,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
   }
 });
 const DataPreview = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["__scopeId", "data-v-4d174f13"]]);
-const _hoisted_1$z = {
+const _hoisted_1$A = {
   key: 0,
   class: "card_label"
 };
@@ -6765,7 +6765,7 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
         }])
       }, {
         default: withCtx(() => [
-          _ctx.label ? (openBlock(), createElementBlock("span", _hoisted_1$z, toDisplayString(_ctx.label), 1)) : createCommentVNode("", true),
+          _ctx.label ? (openBlock(), createElementBlock("span", _hoisted_1$A, toDisplayString(_ctx.label), 1)) : createCommentVNode("", true),
           renderSlot(_ctx.$slots, "default")
         ]),
         _: 3
@@ -6773,7 +6773,7 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$y = ["src", "alt"];
+const _hoisted_1$z = ["src", "alt"];
 const _sfc_main$B = /* @__PURE__ */ defineComponent({
   __name: "Avatar",
   props: {
@@ -6792,7 +6792,7 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
           key: 0,
           src: _ctx.src,
           alt: _ctx.name
-        }, null, 8, _hoisted_1$y)) : (openBlock(), createElementBlock("p", {
+        }, null, 8, _hoisted_1$z)) : (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))
@@ -6843,7 +6843,7 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$x = ["dismissable"];
+const _hoisted_1$y = ["dismissable"];
 const _hoisted_2$r = { class: "m-0" };
 const _sfc_main$y = /* @__PURE__ */ defineComponent({
   __name: "Alert",
@@ -6881,7 +6881,7 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
           icon: "close",
           onClick: _cache[0] || (_cache[0] = ($event) => isDismissed.value = true)
         })
-      ], 10, _hoisted_1$x)) : createCommentVNode("", true);
+      ], 10, _hoisted_1$y)) : createCommentVNode("", true);
     };
   }
 });
@@ -6918,7 +6918,7 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
   }
 });
 const Badge = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__scopeId", "data-v-532b36ae"]]);
-const _hoisted_1$w = ["src"];
+const _hoisted_1$x = ["src"];
 const _hoisted_2$q = ["src", "autoplay", "muted", "loop", "controls"];
 const _sfc_main$w = /* @__PURE__ */ defineComponent({
   __name: "BglVideo",
@@ -6972,7 +6972,7 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
           frameborder: "0",
           allowfullscreen: "",
           title: "Video"
-        }, null, 12, _hoisted_1$w)) : _ctx.src ? (openBlock(), createElementBlock("video", {
+        }, null, 12, _hoisted_1$x)) : _ctx.src ? (openBlock(), createElementBlock("video", {
           key: 1,
           src: _ctx.src,
           autoplay: _ctx.autoplay,
@@ -6987,7 +6987,7 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
   }
 });
 const BglVideo = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["__scopeId", "data-v-862e1f20"]]);
-const _hoisted_1$v = {
+const _hoisted_1$w = {
   key: 0,
   class: "blocker"
 };
@@ -7140,7 +7140,7 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
           onScrollend: scrollEnd,
           onMousedown: startDragging
         }, [
-          unref(isDragging) ? (openBlock(), createElementBlock("div", _hoisted_1$v)) : createCommentVNode("", true),
+          unref(isDragging) ? (openBlock(), createElementBlock("div", _hoisted_1$w)) : createCommentVNode("", true),
           renderSlot(_ctx.$slots, "default", {}, void 0, true)
         ], 34),
         createElementVNode("div", _hoisted_2$p, [
@@ -7203,12 +7203,12 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$u = { class: "map-test" };
+const _hoisted_1$v = { class: "map-test" };
 const _sfc_main$t = /* @__PURE__ */ defineComponent({
   __name: "MapEmbed",
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$u);
+      return openBlock(), createElementBlock("div", _hoisted_1$v);
     };
   }
 });
@@ -7467,7 +7467,7 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$t = ["title"];
+const _hoisted_1$u = ["title"];
 const _hoisted_2$o = ["id", "required"];
 const _hoisted_3$i = ["for"];
 const _sfc_main$p = /* @__PURE__ */ defineComponent({
@@ -7510,7 +7510,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
             createTextVNode(toDisplayString(_ctx.label), 1)
           ], true)
         ], 8, _hoisted_3$i)
-      ], 10, _hoisted_1$t);
+      ], 10, _hoisted_1$u);
     };
   }
 });
@@ -15954,7 +15954,7 @@ const eo = ({
 Object.entries(go).forEach(([e, t]) => {
   e !== "default" && (Hn[e] = t);
 });
-const _hoisted_1$s = ["title"];
+const _hoisted_1$t = ["title"];
 const _hoisted_2$n = { key: 0 };
 const _sfc_main$o = /* @__PURE__ */ defineComponent({
   __name: "DateInput",
@@ -16014,11 +16014,11 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
           "minutes-grid-increment": _ctx.minutesGridIncrement,
           "start-time": { hours: 8, minutes: 0 }
         }), null, 16, ["modelValue", "required", "enable-time-picker", "allowed-dates", "time-picker-inline", "minutes-increment", "minutes-grid-increment"])
-      ], 10, _hoisted_1$s);
+      ], 10, _hoisted_1$t);
     };
   }
 });
-const _hoisted_1$r = ["title"];
+const _hoisted_1$s = ["title"];
 const _hoisted_2$m = { key: 0 };
 const _hoisted_3$h = ["value", "placeholder"];
 const _sfc_main$n = /* @__PURE__ */ defineComponent({
@@ -16053,12 +16053,12 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
           placeholder: _ctx.placeholder,
           onInput: handleInput
         }, null, 42, _hoisted_3$h)
-      ], 10, _hoisted_1$r);
+      ], 10, _hoisted_1$s);
     };
   }
 });
 const JSONInput = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__scopeId", "data-v-1cbaeab2"]]);
-const _hoisted_1$q = { class: "flex gap-05" };
+const _hoisted_1$r = { class: "flex gap-05" };
 const _hoisted_2$l = ["disabled"];
 const _hoisted_3$g = { key: 1 };
 const _hoisted_4$c = {
@@ -16260,7 +16260,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
         default: withCtx(() => [
           createElementVNode("label", null, [
             createTextVNode(toDisplayString(_ctx.label) + " ", 1),
-            createElementVNode("div", _hoisted_1$q, [
+            createElementVNode("div", _hoisted_1$r, [
               createElementVNode("button", {
                 disabled: _ctx.disabled,
                 type: "button",
@@ -18785,7 +18785,7 @@ const VueDraggableNext = defineComponent({
     }
   }
 });
-const _hoisted_1$p = ["title"];
+const _hoisted_1$q = ["title"];
 const _hoisted_2$k = { class: "bagel-input" };
 const _hoisted_3$f = { class: "table-side-scroll" };
 const _hoisted_4$b = { class: "table-header" };
@@ -18931,12 +18931,12 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
           ]),
           _: 1
         })
-      ], 8, _hoisted_1$p);
+      ], 8, _hoisted_1$q);
     };
   }
 });
 const TableField = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__scopeId", "data-v-515f5dc9"]]);
-const _hoisted_1$o = ["title"];
+const _hoisted_1$p = ["title"];
 const _hoisted_2$j = ["for"];
 const _hoisted_3$e = ["id", "title", "autocomplete", "type", "placeholder", "disabled", "required", "pattern"];
 const _hoisted_4$a = ["id", "title", "type", "rows", "placeholder", "disabled", "required", "pattern"];
@@ -19067,11 +19067,12 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
           key: 1,
           icon: _ctx.icon
         }, null, 8, ["icon"])) : createCommentVNode("", true)
-      ], 10, _hoisted_1$o);
+      ], 10, _hoisted_1$p);
     };
   }
 });
 const TextInput = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__scopeId", "data-v-82137f41"]]);
+const _hoisted_1$o = { class: "primary-checkbox" };
 const _sfc_main$j = /* @__PURE__ */ defineComponent({
   __name: "Checkbox",
   props: {
@@ -19082,10 +19083,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const val = useModel(__props, "modelValue");
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("label", {
-        onClick: _cache[1] || (_cache[1] = ($event) => val.value = !val.value),
-        class: "primary-checkbox"
-      }, [
+      return openBlock(), createElementBlock("label", _hoisted_1$o, [
         renderSlot(_ctx.$slots, "label", {}, void 0, true),
         withDirectives(createElementVNode("input", {
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => val.value = $event),
@@ -19097,7 +19095,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Checkbox = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-fe49b297"]]);
+const Checkbox = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-e6b95ea6"]]);
 const _hoisted_1$n = ["title"];
 const _hoisted_2$i = ["id", "placeholder", "required"];
 const _sfc_main$i = /* @__PURE__ */ defineComponent({
@@ -19297,7 +19295,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
   }
 });
 const RadioPillsInput = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-d86ce838"]]);
-const _withScopeId$2 = (n2) => (pushScopeId("data-v-e848b48d"), n2 = n2(), popScopeId(), n2);
+const _withScopeId$2 = (n2) => (pushScopeId("data-v-e74abda1"), n2 = n2(), popScopeId(), n2);
 const _hoisted_1$k = { class: "bagel-input" };
 const _hoisted_2$f = {
   key: 0,
@@ -19533,6 +19531,8 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
           ], true),
           !storageFiles.value.length && !fileQueue.value.length || _ctx.multiple ? renderSlot(_ctx.$slots, "placeholder", {
             key: 0,
+            files: storageFiles.value,
+            fileQueue: fileQueue.value,
             browse
           }, () => [
             _hoisted_13
@@ -19542,7 +19542,7 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const $el = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-e848b48d"]]);
+const $el = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-e74abda1"]]);
 const _withScopeId$1 = (n2) => (pushScopeId("data-v-06b95183"), n2 = n2(), popScopeId(), n2);
 const _hoisted_1$j = ["title"];
 const _hoisted_2$e = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ createElementVNode("span", { class: "slider round" }, null, -1));

package/dist/style.css

@@ -1552,7 +1552,7 @@ display: block;
 	height: 30px;
 }
 
-.primary-checkbox input[data-v-fe49b297] {
+.primary-checkbox input[data-v-e6b95ea6] {
   appearance: none;
   accent-color: var(--bgl-primary);
 	height: calc(var(--input-height) / 1.75);
@@ -1566,7 +1566,7 @@ display: block;
   background: var(--bgl-white);
   border: 2px solid var(--bgl-gray);
 }
-.primary-checkbox[data-v-fe49b297] {
+.primary-checkbox[data-v-e6b95ea6] {
   height:var(--input-height);
   width:var(--input-height);
   display: flex;
@@ -1575,13 +1575,13 @@ display: block;
   transition: var(--bgl-transition);
   transform: scale(0.8);
 }
-.primary-checkbox[data-v-fe49b297]:hover {
+.primary-checkbox[data-v-e6b95ea6]:hover {
   filter: brightness(90%);
 }
-.primary-checkbox[data-v-fe49b297]:active {
+.primary-checkbox[data-v-e6b95ea6]:active {
   filter: brightness(80%);
 }
-.primary-checkbox input[data-v-fe49b297]:checked {
+.primary-checkbox input[data-v-e6b95ea6]:checked {
   background: var(--bgl-primary);
   box-shadow: inset 0 0 0px 2px white;
 }
@@ -1716,7 +1716,7 @@ display: block;
 	color: var(--bgl-white);
 }
 
-.bagel-input .fileUploadWrap[data-v-e848b48d] {
+.bagel-input .fileUploadWrap[data-v-e74abda1] {
 	--width: 320px;
 	outline: 1px solid var(--border-color);
 	border-radius: var(--input-border-radius);
@@ -1729,7 +1729,7 @@ display: block;
 	overflow-y: auto;
 	background: var(--input-bg);
 }
-.previewName[data-v-e848b48d] {
+.previewName[data-v-e74abda1] {
 	padding: 0.5rem;
 	text-align: start;
 	color: var(--input-color);
@@ -1739,18 +1739,18 @@ display: block;
 	align-items: center;
 	padding-inline: 14px;
 }
-.previewName p[data-v-e848b48d] {
+.previewName p[data-v-e74abda1] {
 	overflow: hidden;
 	text-overflow: ellipsis;
 	white-space: nowrap;
 }
-.imagePreviewWrap[data-v-e848b48d] {
+.imagePreviewWrap[data-v-e74abda1] {
 	background: var(--input-bg);
 	border-radius: var(--input-border-radius);
 	padding: 5px;
 	min-height: 90px;
 }
-img.preview[data-v-e848b48d] {
+img.preview[data-v-e74abda1] {
 	/* max-height: calc(var(--width) / 2); */
 	/* max-width: calc(var(--width) * 2); */
 	width: 40px;
@@ -1760,7 +1760,7 @@ img.preview[data-v-e848b48d] {
 	background: var(--bgl-gray-light);
 	box-shadow: 0 0 10px #00000012;
 }
-img.preview.single[data-v-e848b48d] {
+img.preview.single[data-v-e74abda1] {
 	max-width: var(--width);
 	width: calc(100% - 2.75rem);
 	object-fit: contain;
@@ -1768,11 +1768,11 @@ img.preview.single[data-v-e848b48d] {
 	max-height: calc(var(--width) / 2);
 	margin: 1rem;
 }
-.fileUploadWrap.dragover[data-v-e848b48d],
-.fileUploadWrap[data-v-e848b48d]:hover {
+.fileUploadWrap.dragover[data-v-e74abda1],
+.fileUploadWrap[data-v-e74abda1]:hover {
 	box-shadow: inset 0 0 10px #00000012;
 }
-.bagel-input .fileUploadWrap.fileDropZone[data-v-e848b48d] {
+.bagel-input .fileUploadWrap.fileDropZone[data-v-e74abda1] {
 	background: var(--input-bg);
 	display: flex;
 	align-items: center;
@@ -1780,7 +1780,7 @@ img.preview.single[data-v-e848b48d] {
 	color: var(--bgl-gray);
 	flex-direction: column;
 }
-.pie[data-v-e848b48d] {
+.pie[data-v-e74abda1] {
 	width: 30px;
 	height: 30px;
 	position: relative;
@@ -1788,7 +1788,7 @@ img.preview.single[data-v-e848b48d] {
 	align-items: center;
 	justify-content: center;
 }
-.pie[data-v-e848b48d]:before {
+.pie[data-v-e74abda1]:before {
 	content: '';
 	position: absolute;
 	border-radius: 50%;
@@ -1806,26 +1806,26 @@ img.preview.single[data-v-e848b48d] {
 		#000 calc(100% - var(--b))
 	);
 }
-.pie .success[data-v-e848b48d] {
+.pie .success[data-v-e74abda1] {
 	transform: scale(0);
 	opacity: 0;
 	transition: all 0.3s ease-in-out;
 }
-.pie .progress[data-v-e848b48d] {
+.pie .progress[data-v-e74abda1] {
 	position: absolute;
 	font-size: 10px;
 }
-.pie.complete .progress[data-v-e848b48d] {
+.pie.complete .progress[data-v-e74abda1] {
 	display: none;
 }
-.pie.complete .success[data-v-e848b48d] {
+.pie.complete .success[data-v-e74abda1] {
 	transform: scale(1.3);
 	opacity: 1;
 }
-.pie.complete[data-v-e848b48d]:before {
+.pie.complete[data-v-e74abda1]:before {
 	background: conic-gradient(var(--bgl-green) calc(var(--p) * 1%), #0000 0);
 }
-.pie.complete[data-v-e848b48d] {
+.pie.complete[data-v-e74abda1] {
 	color: var(--bgl-green);
 }
 

package/package.json

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

package/src/components/form/inputs/Checkbox.vue

@@ -3,7 +3,7 @@ const val = defineModel<boolean>('modelValue', { default: false })
 </script>
 
 <template>
-	<label @click="val = !val" class="primary-checkbox">
+	<label class="primary-checkbox">
 		<slot name="label" />
 		<input v-model="val" type="checkbox">
 	</label>

package/src/components/form/inputs/FileUpload.vue

@@ -235,6 +235,8 @@ function drop(e: DragEvent) {
 			<slot
 				v-if="(!storageFiles.length && !fileQueue.length) || multiple"
 				name="placeholder"
+				:files="storageFiles"
+				:fileQueue
 				:browse
 			>
 				<p>Drop files here or click to upload</p>