@bagelink/vue 0.0.941 → 0.0.947

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

@@ -1 +1 @@
-{"version":3,"file":"TableSchema.vue.d.ts","sourceRoot":"","sources":["../../src/components/TableSchema.vue"],"names":[],"mappings":"AAijBA,OAAO,EAEN,KAAK,cAAc,EAKnB,MAAM,eAAe,CAAA;AAItB,MAAM,MAAM,eAAe,GAAG,KAAK,GAAG,MAAM,CAAA;AAC5C,MAAM,MAAM,UAAU,GAAG,GAAG,MAAM,IAAI,eAAe,EAAE,CAAA;yBAGtC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,eAChC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC5F,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WA6axD,mBAAmB,CAAC;;;;;;;;;;;;;;;;;wBAvNZ,MAAM,EAAE;;cAlNnB,CAAC,EAAE;iBACA,cAAc,CAAC,CAAC,CAAC,GAAG,CAAC,MAAM,cAAc,CAAC,CAAC,CAAC,CAAC;qBACzC,MAAM,EAAE;wBACL,OAAO;qBACV,OAAO;4BACA,MAAM,IAAI;MAoawD,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;;;;;UArDuE,GAAG;UAuD9E;0BAxNS,CAAC,OAAO,SAAiC,CAAC;6BACvC,CAAC,UAAU,QAAoC,CAAC;gCAC7C,CAAC,aAAa,EAAC,MAAM,EAAE,CAAC;KAsNL;;;;YAGC,OAAO,CAAC,OAAO,WAAW,CAAC;;AAvbvE,wBAub4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"TableSchema.vue.d.ts","sourceRoot":"","sources":["../../src/components/TableSchema.vue"],"names":[],"mappings":"AAwjBA,OAAO,EAEN,KAAK,cAAc,EAKnB,MAAM,eAAe,CAAA;AAItB,MAAM,MAAM,eAAe,GAAG,KAAK,GAAG,MAAM,CAAA;AAC5C,MAAM,MAAM,UAAU,GAAG,GAAG,MAAM,IAAI,eAAe,EAAE,CAAA;yBAGtC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,eAChC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC5F,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WAobxD,mBAAmB,CAAC;;;;;;;;;;;;;;;;;wBAvNZ,MAAM,EAAE;;cAzNnB,CAAC,EAAE;iBACA,cAAc,CAAC,CAAC,CAAC,GAAG,CAAC,MAAM,cAAc,CAAC,CAAC,CAAC,CAAC;qBACzC,MAAM,EAAE;wBACL,OAAO;qBACV,OAAO;4BACA,MAAM,IAAI;MA2awD,CAAC,4BAA2B;oBAChG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;;;;;UArDuE,GAAG;UAuD9E;0BAxNS,CAAC,OAAO,SAAiC,CAAC;6BACvC,CAAC,UAAU,QAAoC,CAAC;gCAC7C,CAAC,aAAa,EAAC,MAAM,EAAE,CAAC;KAsNL;;;;YAGC,OAAO,CAAC,OAAO,WAAW,CAAC;;AA9bvE,wBA8b4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

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

@@ -85,6 +85,7 @@ declare const __VLS_component: import('vue').DefineComponent<{
     oval?: boolean;
     theme?: "dropzone" | "basic";
     accept?: string;
+    required?: boolean;
 }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:modelValue": (...args: any[]) => void;
     addFileStart: (...args: any[]) => void;
@@ -101,6 +102,7 @@ declare const __VLS_component: import('vue').DefineComponent<{
     oval?: boolean;
     theme?: "dropzone" | "basic";
     accept?: string;
+    required?: boolean;
 }> & Readonly<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onAddFileStart?: ((...args: any[]) => any) | undefined;

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":"AAykBA,OAAO,EAAmC,KAAK,WAAW,EAAkB,MAAM,eAAe,CAAA;AAKjG,KAAK,MAAM,GAAG,MAAM,WAAW,CAAA;AAE/B,KAAK,OAAO,GAAG,MAAM,EAAE,GAAG,MAAM,GAAG,MAAM,CAAA;AAuJzC,iBAAS,MAAM,SAiBd;AA6BD,iBAAS,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;0BA3KZ,MAAM;4BACJ,OAAO;uBACZ,MAAM;2BACF,OAAO;;YAilBS,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;0BAplBpB,MAAM;4BACJ,OAAO;uBACZ,MAAM;2BACF,OAAO;;;YAklBe,GAAG;;;WASvB,OAAO,IAA6B;EAEjD;AAuBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;YA/oBZ,MAAM;eACH,OAAO;YACV,WAAW,GAAG,WAAW,EAAE;cACzB,MAAM;iBACH,OAAO;YACZ,MAAM;aACL,MAAM,GAAG,MAAM;YAChB,MAAM;WACP,OAAO;WACP,OAAO;YACN,UAAU,GAAG,OAAO;aACnB,MAAM;;;;;YAXP,MAAM;eACH,OAAO;YACV,WAAW,GAAG,WAAW,EAAE;cACzB,MAAM;iBACH,OAAO;YACZ,MAAM;aACL,MAAM,GAAG,MAAM;YAChB,MAAM;WACP,OAAO;WACP,OAAO;YACN,UAAU,GAAG,OAAO;aACnB,MAAM;;;;kFA2oBd,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAWpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"FileUpload.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/form/inputs/FileUpload.vue"],"names":[],"mappings":"AA4kBA,OAAO,EAAmC,KAAK,WAAW,EAAkB,MAAM,eAAe,CAAA;AAKjG,KAAK,MAAM,GAAG,MAAM,WAAW,CAAA;AAE/B,KAAK,OAAO,GAAG,MAAM,EAAE,GAAG,MAAM,GAAG,MAAM,CAAA;AA0JzC,iBAAS,MAAM,SAiBd;AA6BD,iBAAS,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;0BA7KZ,MAAM;4BACJ,OAAO;uBACZ,MAAM;2BACF,OAAO;;YAulBS,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;0BA1lBpB,MAAM;4BACJ,OAAO;uBACZ,MAAM;2BACF,OAAO;;;YAwlBe,GAAG;;;WASvB,OAAO,IAA6B;EAEjD;AAuBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;YAtpBZ,MAAM;eACH,OAAO;YACV,WAAW,GAAG,WAAW,EAAE;cACzB,MAAM;iBACH,OAAO;YACZ,MAAM;aACL,MAAM,GAAG,MAAM;YAChB,MAAM;WACP,OAAO;WACP,OAAO;YACN,UAAU,GAAG,OAAO;aACnB,MAAM;eACJ,OAAO;;;;;YAZV,MAAM;eACH,OAAO;YACV,WAAW,GAAG,WAAW,EAAE;cACzB,MAAM;iBACH,OAAO;YACZ,MAAM;aACL,MAAM,GAAG,MAAM;YAChB,MAAM;WACP,OAAO;WACP,OAAO;YACN,UAAU,GAAG,OAAO;aACnB,MAAM;eACJ,OAAO;;;;kFAipBjB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAWpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"SignaturePad.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/form/inputs/SignaturePad.vue"],"names":[],"mappings":"AA8LA,OAAO,KAAK,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,eAAe,CAAA;AAOnE,UAAU,SAAS;IAClB,IAAI,EAAE,MAAM,CAAA;IACZ,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;IACT,EAAE,EAAE,MAAM,CAAA;IACV,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,SAAS,EAAE,MAAM,CAAA;IACjB,WAAW,EAAE,MAAM,CAAA;IACnB,KAAK,EAAE,MAAM,CAAA;CACb;AAED,KAAK,UAAU,GAAG,WAAW,GAAG,WAAW,GAAG,YAAY,GAAG,eAAe,CAAA;AAE5E,QAAA,IAAI,eAAe,EAAG;IACrB,SAAS,CAAC,EAAE,mBAAmB,CAAA;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,MAAM,CAAC,EAAE,UAAU,CAAA;IACnB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;CAClB,CAAC;AAaF,iBAAS,KAAK,SAIb;AAED,iBAAS,IAAI,CAAC,MAAM,CAAC,EAAE,UAAU,sBAGhC;AAKD,iBAAS,IAAI,SAMZ;AAiBD,iBAAS,YAAY,CAAC,IAAI,EAAE,SAAS,QA0BpC;AA6DD,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,GAAG,CAAC;CAChB,GAAG,OAAO,eAAe,CAAC;;;;;;;uBAnHD,MAAM;;;;;;eA1BnB,OAAO;;AAyOpB,wBASG"}
+{"version":3,"file":"SignaturePad.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/form/inputs/SignaturePad.vue"],"names":[],"mappings":"AAoLA,OAAO,KAAK,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,eAAe,CAAA;AAOnE,UAAU,SAAS;IAClB,IAAI,EAAE,MAAM,CAAA;IACZ,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;IACT,EAAE,EAAE,MAAM,CAAA;IACV,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,SAAS,EAAE,MAAM,CAAA;IACjB,WAAW,EAAE,MAAM,CAAA;IACnB,KAAK,EAAE,MAAM,CAAA;CACb;AAED,KAAK,UAAU,GAAG,WAAW,GAAG,WAAW,GAAG,YAAY,GAAG,eAAe,CAAA;AAE5E,QAAA,IAAI,eAAe,EAAG;IACrB,SAAS,CAAC,EAAE,mBAAmB,CAAA;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,MAAM,CAAC,EAAE,UAAU,CAAA;IACnB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAA;CAClB,CAAC;AAaF,iBAAS,KAAK,SAIb;AAED,iBAAS,IAAI,CAAC,MAAM,CAAC,EAAE,UAAU,sBAGhC;AAKD,iBAAS,IAAI,SAMZ;AAiBD,iBAAS,YAAY,CAAC,IAAI,EAAE,SAAS,QA0BpC;AA6DD,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,GAAG,CAAC;CAChB,GAAG,OAAO,eAAe,CAAC;;;;;;;uBAnHD,MAAM;;;;;;eA1BnB,OAAO;;AAyOpB,wBASG"}

package/dist/index.cjs

@@ -18651,39 +18651,46 @@ const _sfc_main$E = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const _hoisted_1$v = { class: "bagel-input" };
-const _hoisted_2$l = { class: "ellipsis-1 word-break-all h-20 m-0" };
-const _hoisted_3$h = {
+const _hoisted_2$l = {
   key: 0,
-  class: "txt-gray txt-12"
+  placeholder: "required",
+  type: "text",
+  required: "",
+  class: "pixel"
 };
+const _hoisted_3$h = { class: "ellipsis-1 word-break-all h-20 m-0" };
 const _hoisted_4$b = {
+  key: 0,
+  class: "txt-gray txt-12"
+};
+const _hoisted_5$a = {
   key: 0,
   class: "bgl-multi-preview"
 };
-const _hoisted_5$a = ["src"];
-const _hoisted_6$8 = { class: "m-0" };
-const _hoisted_7$5 = ["width", "src"];
-const _hoisted_8$3 = { class: "no-margin multi-preview-txt" };
-const _hoisted_9$2 = {
+const _hoisted_6$8 = ["src"];
+const _hoisted_7$5 = { class: "m-0" };
+const _hoisted_8$3 = ["width", "src"];
+const _hoisted_9$2 = { class: "no-margin multi-preview-txt" };
+const _hoisted_10$2 = {
   key: 0,
   class: "progress"
 };
-const _hoisted_10$2 = {
+const _hoisted_11$1 = {
   key: 1,
   class: "bgl-single-preview"
 };
-const _hoisted_11$1 = {
+const _hoisted_12$1 = {
   key: 0,
   class: "h-100"
 };
-const _hoisted_12$1 = ["src"];
-const _hoisted_13$1 = { class: "position-start m-05 flex opacity-7" };
-const _hoisted_14$1 = {
+const _hoisted_13$1 = ["src"];
+const _hoisted_14$1 = { class: "position-start m-05 flex opacity-7" };
+const _hoisted_15$1 = {
   key: 0,
   class: "progress"
 };
-const _hoisted_15$1 = ["src"];
-const _hoisted_16 = { class: "p-1 flex column hover fileUploadPlaceHolder justify-content-center mb-05" };
+const _hoisted_16 = ["src"];
+const _hoisted_17 = { class: "p-1 flex column hover fileUploadPlaceHolder justify-content-center mb-05" };
 const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
   __name: "FileUpload",
   props: {
@@ -18698,7 +18705,8 @@ const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
     fill: { type: Boolean },
     oval: { type: Boolean },
     theme: {},
-    accept: {}
+    accept: {},
+    required: { type: Boolean }
   },
   emits: ["update:modelValue", "addFileStart"],
   setup(__props, { emit: __emit }) {
@@ -18750,13 +18758,14 @@ const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
       { immediate: true }
     );
     const theme = props2.theme || "dropzone";
-    vue.watch(() => props2.modelValue, () => {
-      const newModelValue = props2.modelValue || [];
-      const currentValue = [file_bindkeys.value].flat();
-      const newValue = [newModelValue].flat();
-      const isSame = currentValue.every((id) => newValue.includes(id)) && newValue.every((id) => currentValue.includes(id)) && currentValue.length === newValue.length;
+    function compareLists(a2, b2) {
+      return [a2].flat().every((id) => [b2].flat().includes(id)) && [b2].flat().every((id) => [a2].flat().includes(id));
+    }
+    vue.watch(() => props2.modelValue, (newVal = []) => {
+      console.log(newVal);
+      const isSame = compareLists(file_bindkeys.value, newVal);
       if (!isSame) {
-        file_bindkeys.value = newModelValue;
+        file_bindkeys.value = newVal;
         for (const fle of storageFiles.value) {
           const index2 = [file_bindkeys.value].flat().findIndex((key) => fle[bindKey2] === key);
           if (index2 === -1) storageFiles.value.splice(index2, 1);
@@ -18770,7 +18779,7 @@ const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
       } else {
         idValue = storageFiles.value[0][bindKey2] || "";
       }
-      const isSame = [idValue].flat().every((id) => [file_bindkeys.value].flat().includes(id)) && [file_bindkeys.value].flat().every((id) => [idValue].flat().includes(id));
+      const isSame = compareLists(file_bindkeys.value, idValue);
       if (!isSame) {
         file_bindkeys.value = idValue;
         emit2("update:modelValue", file_bindkeys.value);
@@ -18846,8 +18855,9 @@ const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
       const _directive_tooltip = vue.resolveDirective("tooltip");
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$v, [
         vue.createElementVNode("label", null, vue.toDisplayString(_ctx.label), 1),
+        _ctx.required ? (vue.openBlock(), vue.createElementBlock("input", _hoisted_2$l)) : vue.createCommentVNode("", true),
         vue.unref(theme) === "basic" ? (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$R), {
-          key: 0,
+          key: 1,
           outline: "",
           class: "flex p-05 gap-1",
           onDragover: dragover,
@@ -18870,7 +18880,7 @@ const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
                 key: file.id,
                 class: "txt-gray txt-12 flex"
               }, [
-                vue.createElementVNode("p", _hoisted_2$l, vue.toDisplayString(file.name), 1),
+                vue.createElementVNode("p", _hoisted_3$h, vue.toDisplayString(file.name), 1),
                 vue.createVNode(vue.unref(Btn), {
                   thin: "",
                   flat: "",
@@ -18880,11 +18890,11 @@ const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
                 }, null, 8, ["onClick"])
               ]);
             }), 128)),
-            !storageFiles.value.length && !fileQueue.value.length ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$h, " No file selected ")) : vue.createCommentVNode("", true)
+            !storageFiles.value.length && !fileQueue.value.length ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4$b, " No file selected ")) : vue.createCommentVNode("", true)
           ]),
           _: 1
         })) : (vue.openBlock(), vue.createElementBlock("div", {
-          key: 1,
+          key: 2,
           class: vue.normalizeClass(["fileUploadWrap", {
             "fileDropZone": !storageFiles.value.length && !fileQueue.value.length,
             "dragover": vue.unref(isDragOver),
@@ -18900,7 +18910,7 @@ const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
             files: storageFiles.value,
             fileQueue: fileQueue.value
           }, () => [
-            _ctx.multiple ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$b, [
+            _ctx.multiple ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$a, [
               (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(storageFiles.value, (file) => {
                 return vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
                   key: file.id,
@@ -18911,12 +18921,12 @@ const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
                     class: "multi-preview",
                     src: file.url,
                     alt: ""
-                  }, null, 8, _hoisted_5$a)) : (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$c), {
+                  }, null, 8, _hoisted_6$8)) : (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$c), {
                     key: 1,
                     icon: "draft",
                     class: "multi-preview"
                   })),
-                  vue.createElementVNode("p", _hoisted_6$8, vue.toDisplayString(file.name), 1),
+                  vue.createElementVNode("p", _hoisted_7$5, vue.toDisplayString(file.name), 1),
                   vue.createVNode(vue.unref(Btn), {
                     thin: "",
                     flat: "",
@@ -18940,18 +18950,18 @@ const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
                       class: "multi-preview",
                       src: fileToUrl(fileQ.file),
                       alt: ""
-                    }, null, 8, _hoisted_7$5)) : vue.createCommentVNode("", true)
+                    }, null, 8, _hoisted_8$3)) : vue.createCommentVNode("", true)
                   ], 64)) : (vue.openBlock(), vue.createBlock(vue.unref(_sfc_main$c), {
                     key: 1,
                     icon: "draft",
                     class: "multi-preview"
                   })),
-                  vue.createElementVNode("p", _hoisted_8$3, vue.toDisplayString(fileQ.name), 1),
+                  vue.createElementVNode("p", _hoisted_9$2, vue.toDisplayString(fileQ.name), 1),
                   vue.createElementVNode("div", {
                     class: vue.normalizeClass(["pie", { complete: fileQ.progress === 100 }]),
                     style: vue.normalizeStyle([`--p:${fileQ.progress}`, { "--b": "2px" }])
                   }, [
-                    fileQ.progress < 100 ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_9$2, vue.toDisplayString(`${fileQ.progress.toFixed(0)}`), 1)) : vue.createCommentVNode("", true),
+                    fileQ.progress < 100 ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_10$2, vue.toDisplayString(`${fileQ.progress.toFixed(0)}`), 1)) : vue.createCommentVNode("", true),
                     vue.createVNode(vue.unref(_sfc_main$c), {
                       class: "success",
                       icon: "check"
@@ -18960,21 +18970,21 @@ const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
                 ]);
               }), 128))
             ])) : vue.createCommentVNode("", true),
-            !_ctx.multiple && (storageFiles.value.length > 0 || fileQueue.value.length > 0) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_10$2, [
+            !_ctx.multiple && (storageFiles.value.length > 0 || fileQueue.value.length > 0) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_11$1, [
               (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(storageFiles.value, (file) => {
                 return vue.openBlock(), vue.createElementBlock("div", {
                   key: file.id,
                   class: vue.normalizeClass(["single-image-item-preview", { "bgl_fill-image": _ctx.fill }])
                 }, [
-                  isImage(file.extension || file.url) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_11$1, [
+                  isImage(file.extension || file.url) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_12$1, [
                     vue.withDirectives(vue.createElementVNode("img", {
                       class: "single-preview",
                       src: file.url,
                       alt: ""
-                    }, null, 8, _hoisted_12$1), [
+                    }, null, 8, _hoisted_13$1), [
                       [_directive_lightbox, { src: file.url, download: true }]
                     ]),
-                    vue.createElementVNode("div", _hoisted_13$1, [
+                    vue.createElementVNode("div", _hoisted_14$1, [
                       vue.withDirectives(vue.createVNode(vue.unref(Btn), {
                         color: "gray",
                         thin: "",
@@ -19024,7 +19034,7 @@ const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
                     class: vue.normalizeClass(["pie", { complete: fileQ.progress === 100 }]),
                     style: vue.normalizeStyle([`--p:${fileQ.progress}`, { "--b": "2px" }])
                   }, [
-                    fileQ.progress < 100 ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_14$1, vue.toDisplayString(`${fileQ.progress.toFixed(0)}`), 1)) : vue.createCommentVNode("", true),
+                    fileQ.progress < 100 ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_15$1, vue.toDisplayString(`${fileQ.progress.toFixed(0)}`), 1)) : vue.createCommentVNode("", true),
                     vue.createVNode(vue.unref(_sfc_main$c), {
                       class: "success",
                       icon: "check"
@@ -19035,7 +19045,7 @@ const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
                     class: "single-preview",
                     src: fileToUrl(fileQ.file),
                     alt: ""
-                  }, null, 8, _hoisted_15$1)) : vue.createCommentVNode("", true)
+                  }, null, 8, _hoisted_16)) : vue.createCommentVNode("", true)
                 ], 2);
               }), 128))
             ])) : vue.createCommentVNode("", true)
@@ -19046,7 +19056,7 @@ const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
             fileQueue: fileQueue.value,
             browse
           }, () => [
-            vue.createElementVNode("p", _hoisted_16, [
+            vue.createElementVNode("p", _hoisted_17, [
               vue.createVNode(vue.unref(_sfc_main$c), { icon: "upload_2" }),
               _cache[2] || (_cache[2] = vue.createTextVNode(" Drop files here or click to upload "))
             ])
@@ -19056,7 +19066,7 @@ const _sfc_main$D = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const $el = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["__scopeId", "data-v-6ce2a678"]]);
+const $el = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["__scopeId", "data-v-d2c7e04e"]]);
 const _hoisted_1$u = ["title"];
 const _hoisted_2$k = { key: 0 };
 const _hoisted_3$g = ["value", "placeholder"];
@@ -54565,7 +54575,7 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
   emits: /* @__PURE__ */ vue.mergeModels(["update:selectedItems", "orderBy", "select", "lastItemVisible"], ["update:loading", "update:itemHeight", "update:selectedItems"]),
   setup(__props, { emit: __emit }) {
     vue.useCssVars((_ctx) => ({
-      "2c584721": vue.unref(computedItemHeight)
+      "44de596f": vue.unref(computedItemHeight)
     }));
     const emit2 = __emit;
     const slots = vue.useSlots();
@@ -54691,11 +54701,18 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
         if (entry.isIntersecting && computedData.value.length) {
           void ((_a2 = __props.onLastItemVisible) == null ? void 0 : _a2.call(__props));
         }
-      });
+      }, { threshold: 0.5 });
     }
     vue.onMounted(() => {
       void registerLastItemObserver();
     });
+    vue.watch(
+      () => loading.value,
+      (newLoadingVal, oldLoadingVal) => {
+        if (newLoadingVal === oldLoadingVal) return;
+        if (!newLoadingVal) registerLastItemObserver();
+      }
+    );
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({ class: "table-list-wrap h-100" }, vue.unref(containerProps), {
         class: { "loading-table": loading.value }
@@ -54789,7 +54806,7 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const TableSchema = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-bcd5ff3e"]]);
+const TableSchema = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-3dbd30bd"]]);
 const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
   __name: "Title",
   props: {

package/dist/index.mjs

@@ -18649,39 +18649,46 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
   }
 });
 const _hoisted_1$v = { class: "bagel-input" };
-const _hoisted_2$l = { class: "ellipsis-1 word-break-all h-20 m-0" };
-const _hoisted_3$h = {
+const _hoisted_2$l = {
   key: 0,
-  class: "txt-gray txt-12"
+  placeholder: "required",
+  type: "text",
+  required: "",
+  class: "pixel"
 };
+const _hoisted_3$h = { class: "ellipsis-1 word-break-all h-20 m-0" };
 const _hoisted_4$b = {
+  key: 0,
+  class: "txt-gray txt-12"
+};
+const _hoisted_5$a = {
   key: 0,
   class: "bgl-multi-preview"
 };
-const _hoisted_5$a = ["src"];
-const _hoisted_6$8 = { class: "m-0" };
-const _hoisted_7$5 = ["width", "src"];
-const _hoisted_8$3 = { class: "no-margin multi-preview-txt" };
-const _hoisted_9$2 = {
+const _hoisted_6$8 = ["src"];
+const _hoisted_7$5 = { class: "m-0" };
+const _hoisted_8$3 = ["width", "src"];
+const _hoisted_9$2 = { class: "no-margin multi-preview-txt" };
+const _hoisted_10$2 = {
   key: 0,
   class: "progress"
 };
-const _hoisted_10$2 = {
+const _hoisted_11$1 = {
   key: 1,
   class: "bgl-single-preview"
 };
-const _hoisted_11$1 = {
+const _hoisted_12$1 = {
   key: 0,
   class: "h-100"
 };
-const _hoisted_12$1 = ["src"];
-const _hoisted_13$1 = { class: "position-start m-05 flex opacity-7" };
-const _hoisted_14$1 = {
+const _hoisted_13$1 = ["src"];
+const _hoisted_14$1 = { class: "position-start m-05 flex opacity-7" };
+const _hoisted_15$1 = {
   key: 0,
   class: "progress"
 };
-const _hoisted_15$1 = ["src"];
-const _hoisted_16 = { class: "p-1 flex column hover fileUploadPlaceHolder justify-content-center mb-05" };
+const _hoisted_16 = ["src"];
+const _hoisted_17 = { class: "p-1 flex column hover fileUploadPlaceHolder justify-content-center mb-05" };
 const _sfc_main$D = /* @__PURE__ */ defineComponent({
   __name: "FileUpload",
   props: {
@@ -18696,7 +18703,8 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
     fill: { type: Boolean },
     oval: { type: Boolean },
     theme: {},
-    accept: {}
+    accept: {},
+    required: { type: Boolean }
   },
   emits: ["update:modelValue", "addFileStart"],
   setup(__props, { emit: __emit }) {
@@ -18748,13 +18756,14 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
       { immediate: true }
     );
     const theme = props2.theme || "dropzone";
-    watch(() => props2.modelValue, () => {
-      const newModelValue = props2.modelValue || [];
-      const currentValue = [file_bindkeys.value].flat();
-      const newValue = [newModelValue].flat();
-      const isSame = currentValue.every((id) => newValue.includes(id)) && newValue.every((id) => currentValue.includes(id)) && currentValue.length === newValue.length;
+    function compareLists(a2, b2) {
+      return [a2].flat().every((id) => [b2].flat().includes(id)) && [b2].flat().every((id) => [a2].flat().includes(id));
+    }
+    watch(() => props2.modelValue, (newVal = []) => {
+      console.log(newVal);
+      const isSame = compareLists(file_bindkeys.value, newVal);
       if (!isSame) {
-        file_bindkeys.value = newModelValue;
+        file_bindkeys.value = newVal;
         for (const fle of storageFiles.value) {
           const index2 = [file_bindkeys.value].flat().findIndex((key) => fle[bindKey2] === key);
           if (index2 === -1) storageFiles.value.splice(index2, 1);
@@ -18768,7 +18777,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
       } else {
         idValue = storageFiles.value[0][bindKey2] || "";
       }
-      const isSame = [idValue].flat().every((id) => [file_bindkeys.value].flat().includes(id)) && [file_bindkeys.value].flat().every((id) => [idValue].flat().includes(id));
+      const isSame = compareLists(file_bindkeys.value, idValue);
       if (!isSame) {
         file_bindkeys.value = idValue;
         emit2("update:modelValue", file_bindkeys.value);
@@ -18844,8 +18853,9 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
       const _directive_tooltip = resolveDirective("tooltip");
       return openBlock(), createElementBlock("div", _hoisted_1$v, [
         createElementVNode("label", null, toDisplayString(_ctx.label), 1),
+        _ctx.required ? (openBlock(), createElementBlock("input", _hoisted_2$l)) : createCommentVNode("", true),
         unref(theme) === "basic" ? (openBlock(), createBlock(unref(_sfc_main$R), {
-          key: 0,
+          key: 1,
           outline: "",
           class: "flex p-05 gap-1",
           onDragover: dragover,
@@ -18868,7 +18878,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
                 key: file.id,
                 class: "txt-gray txt-12 flex"
               }, [
-                createElementVNode("p", _hoisted_2$l, toDisplayString(file.name), 1),
+                createElementVNode("p", _hoisted_3$h, toDisplayString(file.name), 1),
                 createVNode(unref(Btn), {
                   thin: "",
                   flat: "",
@@ -18878,11 +18888,11 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
                 }, null, 8, ["onClick"])
               ]);
             }), 128)),
-            !storageFiles.value.length && !fileQueue.value.length ? (openBlock(), createElementBlock("span", _hoisted_3$h, " No file selected ")) : createCommentVNode("", true)
+            !storageFiles.value.length && !fileQueue.value.length ? (openBlock(), createElementBlock("span", _hoisted_4$b, " No file selected ")) : createCommentVNode("", true)
           ]),
           _: 1
         })) : (openBlock(), createElementBlock("div", {
-          key: 1,
+          key: 2,
           class: normalizeClass(["fileUploadWrap", {
             "fileDropZone": !storageFiles.value.length && !fileQueue.value.length,
             "dragover": unref(isDragOver),
@@ -18898,7 +18908,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
             files: storageFiles.value,
             fileQueue: fileQueue.value
           }, () => [
-            _ctx.multiple ? (openBlock(), createElementBlock("div", _hoisted_4$b, [
+            _ctx.multiple ? (openBlock(), createElementBlock("div", _hoisted_5$a, [
               (openBlock(true), createElementBlock(Fragment$1, null, renderList(storageFiles.value, (file) => {
                 return withDirectives((openBlock(), createElementBlock("div", {
                   key: file.id,
@@ -18909,12 +18919,12 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
                     class: "multi-preview",
                     src: file.url,
                     alt: ""
-                  }, null, 8, _hoisted_5$a)) : (openBlock(), createBlock(unref(_sfc_main$c), {
+                  }, null, 8, _hoisted_6$8)) : (openBlock(), createBlock(unref(_sfc_main$c), {
                     key: 1,
                     icon: "draft",
                     class: "multi-preview"
                   })),
-                  createElementVNode("p", _hoisted_6$8, toDisplayString(file.name), 1),
+                  createElementVNode("p", _hoisted_7$5, toDisplayString(file.name), 1),
                   createVNode(unref(Btn), {
                     thin: "",
                     flat: "",
@@ -18938,18 +18948,18 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
                       class: "multi-preview",
                       src: fileToUrl(fileQ.file),
                       alt: ""
-                    }, null, 8, _hoisted_7$5)) : createCommentVNode("", true)
+                    }, null, 8, _hoisted_8$3)) : createCommentVNode("", true)
                   ], 64)) : (openBlock(), createBlock(unref(_sfc_main$c), {
                     key: 1,
                     icon: "draft",
                     class: "multi-preview"
                   })),
-                  createElementVNode("p", _hoisted_8$3, toDisplayString(fileQ.name), 1),
+                  createElementVNode("p", _hoisted_9$2, toDisplayString(fileQ.name), 1),
                   createElementVNode("div", {
                     class: normalizeClass(["pie", { complete: fileQ.progress === 100 }]),
                     style: normalizeStyle([`--p:${fileQ.progress}`, { "--b": "2px" }])
                   }, [
-                    fileQ.progress < 100 ? (openBlock(), createElementBlock("span", _hoisted_9$2, toDisplayString(`${fileQ.progress.toFixed(0)}`), 1)) : createCommentVNode("", true),
+                    fileQ.progress < 100 ? (openBlock(), createElementBlock("span", _hoisted_10$2, toDisplayString(`${fileQ.progress.toFixed(0)}`), 1)) : createCommentVNode("", true),
                     createVNode(unref(_sfc_main$c), {
                       class: "success",
                       icon: "check"
@@ -18958,21 +18968,21 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
                 ]);
               }), 128))
             ])) : createCommentVNode("", true),
-            !_ctx.multiple && (storageFiles.value.length > 0 || fileQueue.value.length > 0) ? (openBlock(), createElementBlock("div", _hoisted_10$2, [
+            !_ctx.multiple && (storageFiles.value.length > 0 || fileQueue.value.length > 0) ? (openBlock(), createElementBlock("div", _hoisted_11$1, [
               (openBlock(true), createElementBlock(Fragment$1, null, renderList(storageFiles.value, (file) => {
                 return openBlock(), createElementBlock("div", {
                   key: file.id,
                   class: normalizeClass(["single-image-item-preview", { "bgl_fill-image": _ctx.fill }])
                 }, [
-                  isImage(file.extension || file.url) ? (openBlock(), createElementBlock("div", _hoisted_11$1, [
+                  isImage(file.extension || file.url) ? (openBlock(), createElementBlock("div", _hoisted_12$1, [
                     withDirectives(createElementVNode("img", {
                       class: "single-preview",
                       src: file.url,
                       alt: ""
-                    }, null, 8, _hoisted_12$1), [
+                    }, null, 8, _hoisted_13$1), [
                       [_directive_lightbox, { src: file.url, download: true }]
                     ]),
-                    createElementVNode("div", _hoisted_13$1, [
+                    createElementVNode("div", _hoisted_14$1, [
                       withDirectives(createVNode(unref(Btn), {
                         color: "gray",
                         thin: "",
@@ -19022,7 +19032,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
                     class: normalizeClass(["pie", { complete: fileQ.progress === 100 }]),
                     style: normalizeStyle([`--p:${fileQ.progress}`, { "--b": "2px" }])
                   }, [
-                    fileQ.progress < 100 ? (openBlock(), createElementBlock("span", _hoisted_14$1, toDisplayString(`${fileQ.progress.toFixed(0)}`), 1)) : createCommentVNode("", true),
+                    fileQ.progress < 100 ? (openBlock(), createElementBlock("span", _hoisted_15$1, toDisplayString(`${fileQ.progress.toFixed(0)}`), 1)) : createCommentVNode("", true),
                     createVNode(unref(_sfc_main$c), {
                       class: "success",
                       icon: "check"
@@ -19033,7 +19043,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
                     class: "single-preview",
                     src: fileToUrl(fileQ.file),
                     alt: ""
-                  }, null, 8, _hoisted_15$1)) : createCommentVNode("", true)
+                  }, null, 8, _hoisted_16)) : createCommentVNode("", true)
                 ], 2);
               }), 128))
             ])) : createCommentVNode("", true)
@@ -19044,7 +19054,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
             fileQueue: fileQueue.value,
             browse
           }, () => [
-            createElementVNode("p", _hoisted_16, [
+            createElementVNode("p", _hoisted_17, [
               createVNode(unref(_sfc_main$c), { icon: "upload_2" }),
               _cache[2] || (_cache[2] = createTextVNode(" Drop files here or click to upload "))
             ])
@@ -19054,7 +19064,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const $el = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["__scopeId", "data-v-6ce2a678"]]);
+const $el = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["__scopeId", "data-v-d2c7e04e"]]);
 const _hoisted_1$u = ["title"];
 const _hoisted_2$k = { key: 0 };
 const _hoisted_3$g = ["value", "placeholder"];
@@ -54563,7 +54573,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   emits: /* @__PURE__ */ mergeModels(["update:selectedItems", "orderBy", "select", "lastItemVisible"], ["update:loading", "update:itemHeight", "update:selectedItems"]),
   setup(__props, { emit: __emit }) {
     useCssVars((_ctx) => ({
-      "2c584721": unref(computedItemHeight)
+      "44de596f": unref(computedItemHeight)
     }));
     const emit2 = __emit;
     const slots = useSlots();
@@ -54689,11 +54699,18 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
         if (entry.isIntersecting && computedData.value.length) {
           void ((_a2 = __props.onLastItemVisible) == null ? void 0 : _a2.call(__props));
         }
-      });
+      }, { threshold: 0.5 });
     }
     onMounted(() => {
       void registerLastItemObserver();
     });
+    watch(
+      () => loading.value,
+      (newLoadingVal, oldLoadingVal) => {
+        if (newLoadingVal === oldLoadingVal) return;
+        if (!newLoadingVal) registerLastItemObserver();
+      }
+    );
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", mergeProps({ class: "table-list-wrap h-100" }, unref(containerProps), {
         class: { "loading-table": loading.value }
@@ -54787,7 +54804,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TableSchema = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-bcd5ff3e"]]);
+const TableSchema = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__scopeId", "data-v-3dbd30bd"]]);
 const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   __name: "Title",
   props: {