@bagelink/vue 1.4.26 → 1.4.28

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

@@ -5,6 +5,7 @@ interface ImageProps {
     width?: string | number;
     height?: string | number;
     caption?: string;
+    modelValue?: string;
 }
 declare global {
     interface Window {

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

@@ -1 +1 @@
-{"version":3,"file":"Image.vue.d.ts","sourceRoot":"","sources":["../../src/components/Image.vue"],"names":[],"mappings":"AAyJA,UAAU,UAAU;IACnB,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACxB,OAAO,CAAC,EAAE,MAAM,CAAA;CAChB;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,MAAM;QACf,QAAQ,EAAE,GAAG,CAAA;KACb;CACD;;AA4LD,wBAMG"}
+{"version":3,"file":"Image.vue.d.ts","sourceRoot":"","sources":["../../src/components/Image.vue"],"names":[],"mappings":"AA0JA,UAAU,UAAU;IACnB,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACxB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,UAAU,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,MAAM;QACf,QAAQ,EAAE,GAAG,CAAA;KACb;CACD;;AA4LD,wBAMG"}

package/dist/components/dataTable/DataTable.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DataTable.vue.d.ts","sourceRoot":"","sources":["../../../src/components/dataTable/DataTable.vue"],"names":[],"mappings":"AA+dA,OAAO,KAAK,EAAyB,IAAI,EAAE,MAAM,eAAe,CAAA;AAEhE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAA;AAY/D,MAAM,MAAM,eAAe,GAAG,KAAK,GAAG,MAAM,CAAA;AAC5C,MAAM,MAAM,UAAU,GAAG,GAAG,MAAM,IAAI,eAAe,EAAE,CAAA;yBAEtC,CAAC,SAAS;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,EAAE,CAAC,SAAS,IAAI,CAAC,CAAC,CAAC,EACnE,aAAa,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,EAC9D,YAAY,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,EAC3G,eAAe,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EACjE;WAyUO,mBAAmB,CAAC;;;;;;;;;;wBAlNV,MAAM,EAAE;0CAkNoE,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;;;UAnD0E,GAAG;UAqDjF,2TAAoC;EAEvC,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AApVzE,wBAoV4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"DataTable.vue.d.ts","sourceRoot":"","sources":["../../../src/components/dataTable/DataTable.vue"],"names":[],"mappings":"AAicA,OAAO,KAAK,EAAyB,IAAI,EAAE,MAAM,eAAe,CAAA;AAEhE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAA;AAa/D,MAAM,MAAM,eAAe,GAAG,KAAK,GAAG,MAAM,CAAA;AAC5C,MAAM,MAAM,UAAU,GAAG,GAAG,MAAM,IAAI,eAAe,EAAE,CAAA;yBAEtC,CAAC,SAAS;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,EAAE,CAAC,SAAS,IAAI,CAAC,CAAC,CAAC,EACnE,aAAa,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,EAC9D,YAAY,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,EAC3G,eAAe,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,EACjE;WA2UO,mBAAmB,CAAC;;;;;;;;;;wBApNV,MAAM,EAAE;0CAoNoE,CAAC,4BAA2B;oBACzG,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;;;UApD4E,GAAG;UAsDnF,2TAAoC;EAEvC,KACQ,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AAtVzE,wBAsV4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

package/dist/index.cjs

@@ -1577,7 +1577,7 @@ const _hoisted_6$l = ["onClick"];
 const _hoisted_7$h = { class: "event-content" };
 const _hoisted_8$b = { class: "white-space ellipsis-1" };
 const _hoisted_9$8 = { class: "event-time opacity-8" };
-const _hoisted_10$6 = { class: "color-primary txt-12 p-025" };
+const _hoisted_10$5 = { class: "color-primary txt-12 p-025" };
 const slotHeight$1 = 60;
 const slotDuration$1 = 60;
 const _sfc_main$18 = /* @__PURE__ */ vue.defineComponent({
@@ -1770,7 +1770,7 @@ const _sfc_main$18 = /* @__PURE__ */ vue.defineComponent({
                 right: "10px"
               })
             }, [
-              vue.createElementVNode("div", _hoisted_10$6, vue.toDisplayString(dragState.value.startTime ? vue.unref(formatDate)(dragState.value.startTime, { fmt: "HH:mm" }) : "") + " - " + vue.toDisplayString(dragState.value.endTime ? vue.unref(formatDate)(dragState.value.endTime, { fmt: "HH:mm" }) : ""), 1)
+              vue.createElementVNode("div", _hoisted_10$5, vue.toDisplayString(dragState.value.startTime ? vue.unref(formatDate)(dragState.value.startTime, { fmt: "HH:mm" }) : "") + " - " + vue.toDisplayString(dragState.value.endTime ? vue.unref(formatDate)(dragState.value.endTime, { fmt: "HH:mm" }) : ""), 1)
             ], 4)) : vue.createCommentVNode("", true)
           ], 32)
         ]),
@@ -9529,19 +9529,15 @@ function useTableVirtualization(options) {
     registerLastItemObserver
   };
 }
-const _hoisted_1$R = {
-  key: 0,
-  class: "loading-table-wrapper z-99 h-100 w-100 absolute inset"
-};
-const _hoisted_2$E = { class: "infinite-wrapper" };
-const _hoisted_3$x = { class: "row first-row" };
-const _hoisted_4$l = { key: 0 };
-const _hoisted_5$l = ["onClick"];
-const _hoisted_6$h = { class: "flex" };
-const _hoisted_7$d = ["onClick"];
-const _hoisted_8$8 = { key: 0 };
-const _hoisted_9$6 = ["value"];
-const _hoisted_10$5 = { key: 1 };
+const _hoisted_1$R = { class: "infinite-wrapper" };
+const _hoisted_2$E = { class: "row first-row" };
+const _hoisted_3$x = { key: 0 };
+const _hoisted_4$l = ["onClick"];
+const _hoisted_5$l = { class: "flex" };
+const _hoisted_6$h = ["onClick"];
+const _hoisted_7$d = { key: 0 };
+const _hoisted_8$8 = ["value"];
+const _hoisted_9$6 = { key: 1 };
 const _sfc_main$10 = /* @__PURE__ */ vue.defineComponent({
   __name: "DataTable",
   props: /* @__PURE__ */ vue.mergeModels({
@@ -9562,7 +9558,7 @@ const _sfc_main$10 = /* @__PURE__ */ vue.defineComponent({
   emits: /* @__PURE__ */ vue.mergeModels(["orderBy", "select", "lastItemVisible"], ["update:loading", "update:itemHeight", "update:selectedItems"]),
   setup(__props, { emit: __emit }) {
     vue.useCssVars((_ctx) => ({
-      "25c2d418": vue.unref(computedItemHeight)
+      "70bc72ee": vue.unref(computedItemHeight)
     }));
     const props2 = __props;
     const emit2 = __emit;
@@ -9656,17 +9652,18 @@ const _sfc_main$10 = /* @__PURE__ */ vue.defineComponent({
     const showLoading = vue.computed(() => loading.value);
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({ class: "table-list-wrap h-100" }, vue.unref(containerProps), {
-        class: { "loading-table": showLoading.value }
+        class: { overflowHiddenLoading: showLoading.value }
       }), [
-        showLoading.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$R, _cache[4] || (_cache[4] = [
-          vue.createElementVNode("div", { class: "loading-table-animation fixed oval top-7" }, null, -1)
-        ]))) : vue.createCommentVNode("", true),
+        showLoading.value ? (vue.openBlock(), vue.createBlock(vue.unref(Loading), {
+          key: 0,
+          class: "h100p"
+        })) : vue.createCommentVNode("", true),
         vue.createElementVNode("div", vue.mergeProps(vue.unref(wrapperProps), {
           class: { "pointer-events-none": showLoading.value }
         }), [
-          vue.createElementVNode("table", _hoisted_2$E, [
-            vue.createElementVNode("thead", _hoisted_3$x, [
-              vue.unref(isSelectable) ? (vue.openBlock(), vue.createElementBlock("th", _hoisted_4$l, [
+          vue.createElementVNode("table", _hoisted_1$R, [
+            vue.createElementVNode("thead", _hoisted_2$E, [
+              vue.unref(isSelectable) ? (vue.openBlock(), vue.createElementBlock("th", _hoisted_3$x, [
                 vue.createElementVNode("input", {
                   ref_key: "allSelectorEl",
                   ref: allSelectorEl,
@@ -9682,7 +9679,7 @@ const _sfc_main$10 = /* @__PURE__ */ vue.defineComponent({
                   class: "col",
                   onClick: ($event) => vue.unref(toggleSort)((field == null ? void 0 : field.id) || "")
                 }, [
-                  vue.createElementVNode("div", _hoisted_6$h, [
+                  vue.createElementVNode("div", _hoisted_5$l, [
                     vue.createTextVNode(vue.toDisplayString(field.label || vue.unref(keyToLabel)(field == null ? void 0 : field.id)) + " ", 1),
                     vue.createElementVNode("div", {
                       class: vue.normalizeClass(["list-arrows", { sorted: vue.unref(sortField) === (field == null ? void 0 : field.id) }])
@@ -9693,7 +9690,7 @@ const _sfc_main$10 = /* @__PURE__ */ vue.defineComponent({
                       }, null, 8, ["class"])
                     ], 2)
                   ])
-                ], 8, _hoisted_5$l);
+                ], 8, _hoisted_4$l);
               }), 128))
             ]),
             vue.createElementVNode("tbody", null, [
@@ -9703,7 +9700,7 @@ const _sfc_main$10 = /* @__PURE__ */ vue.defineComponent({
                   class: vue.normalizeClass(["row row-item position-relative", { selected: (row == null ? void 0 : row.id) && vue.unref(computedSelectedItems).includes(row.id) }]),
                   onClick: ($event) => vue.unref(toggleSelectItem)(row)
                 }, [
-                  vue.unref(isSelectable) ? (vue.openBlock(), vue.createElementBlock("td", _hoisted_8$8, [
+                  vue.unref(isSelectable) ? (vue.openBlock(), vue.createElementBlock("td", _hoisted_7$d, [
                     vue.createElementVNode("div", {
                       onClick: _cache[3] || (_cache[3] = vue.withModifiers(() => {
                       }, ["stop"]))
@@ -9712,7 +9709,7 @@ const _sfc_main$10 = /* @__PURE__ */ vue.defineComponent({
                         "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => selectedItems.value = $event),
                         type: "checkbox",
                         value: (row == null ? void 0 : row.id) || ""
-                      }, null, 8, _hoisted_9$6), [
+                      }, null, 8, _hoisted_8$8), [
                         [vue.vModelCheckbox, selectedItems.value]
                       ])
                     ])
@@ -9727,12 +9724,12 @@ const _sfc_main$10 = /* @__PURE__ */ vue.defineComponent({
                         key: 0,
                         row,
                         field
-                      }, void 0, true) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_10$5, [
+                      }, void 0, true) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_9$6, [
                         (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(renderFieldForRow(field, row))))
                       ]))
                     ]);
                   }), 128))
-                ], 10, _hoisted_7$d);
+                ], 10, _hoisted_6$h);
               }), 128)),
               props2.onLastItemVisible !== void 0 ? (vue.openBlock(), vue.createElementBlock("tr", {
                 key: 0,
@@ -9747,7 +9744,7 @@ const _sfc_main$10 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const DataTable = /* @__PURE__ */ _export_sfc(_sfc_main$10, [["__scopeId", "data-v-f795f660"]]);
+const DataTable = /* @__PURE__ */ _export_sfc(_sfc_main$10, [["__scopeId", "data-v-6da6fbe2"]]);
 function useDraggable(options = {}) {
   const isDragging = vue.ref(false);
   const dragElement = vue.ref(null);
@@ -13301,12 +13298,13 @@ function findBglFieldById(id, _schema) {
   return void 0;
 }
 function arrField(id, label, schemaOrType, options) {
-  const attrs = { delete: true, add: true, ...options };
-  if (typeof schemaOrType === "string") {
-    attrs.type = schemaOrType;
-  } else {
-    attrs.schema = schemaOrType;
-  }
+  const arraySpecificAttrs = typeof schemaOrType === "string" ? { type: schemaOrType } : { schema: schemaOrType };
+  const attrs = {
+    delete: true,
+    add: true,
+    ...options,
+    ...arraySpecificAttrs
+  };
   return {
     label,
     id,
@@ -13323,6 +13321,7 @@ function useForm() {
     checkField,
     dateField,
     numField,
+    emailField,
     frmRow,
     uploadField,
     rangeField,
@@ -32385,15 +32384,16 @@ const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
     alt: {},
     width: {},
     height: {},
-    caption: {}
+    caption: {},
+    modelValue: {}
   },
   setup(__props) {
     const props2 = __props;
     let imageSrc = vue.ref(void 0);
     let loadingError = vue.ref(false);
     function getImageUrl() {
-      if (!props2.src && !props2.pathKey) return;
-      return pathKeyToURL(props2.src || props2.pathKey);
+      if (!props2.src && !props2.pathKey && !props2.modelValue) return;
+      return pathKeyToURL(props2.src || props2.pathKey || props2.modelValue);
     }
     async function getCachedImage(url) {
       if (!("caches" in window)) return void 0;
@@ -32451,7 +32451,7 @@ const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
         imageSrc.value = void 0;
       }
     }
-    vue.watch(() => [props2.src, props2.pathKey], loadImage, { immediate: true });
+    vue.watch(() => [props2.src, props2.pathKey, props2.modelValue], loadImage, { immediate: true });
     return (_ctx, _cache) => {
       return _ctx.caption ? (vue.openBlock(), vue.createElementBlock("figcaption", _hoisted_1$n, [
         vue.unref(imageSrc) ? (vue.openBlock(), vue.createElementBlock("img", vue.mergeProps({
@@ -32492,7 +32492,7 @@ const _sfc_main$t = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const Image$1 = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["__scopeId", "data-v-2f5e271c"]]);
+const Image$1 = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["__scopeId", "data-v-eed047eb"]]);
 const _hoisted_1$m = ["textContent"];
 const _hoisted_2$e = {
   key: 0,
@@ -39710,14 +39710,26 @@ function formatDate(date2, opts = {}) {
   }
 }
 const fmtDate = formatDate;
+const htmlReplacers = {
+  "": /<[^>]*>?/g,
+  " ": /&nbsp;/g,
+  '"': /&quot;/g,
+  "'": /&apos;/g,
+  "&": /&amp;/g,
+  "<": /&lt;/g,
+  ">": /&gt;/g
+};
 function clearHtml(value) {
   if (!value) return "";
-  return value.replace(/<[^>]*>?/g, "").replace(/&nbsp;/g, " ").replace(/&quot;/g, '"').replace(/&apos;/g, `'`).replace(/&amp;/g, "&").replace(/&lt;/g, "<").replace(/&gt;/g, ">");
+  return Object.entries(htmlReplacers).reduce(
+    (text, [replacement, regex2]) => text.replace(regex2, replacement),
+    value
+  );
 }
+const normalizeSearchChars = /[\p{N}\p{L}\s]/gu;
 function normalizeText(text) {
   var _a;
-  const searchChars = /[\p{N}\p{L}\s]/gu;
-  return ((_a = text.match(searchChars)) == null ? void 0 : _a.join("").toLowerCase()) ?? "";
+  return ((_a = text.match(normalizeSearchChars)) == null ? void 0 : _a.join("").toLowerCase()) ?? "";
 }
 function getValueByPath(obj, path) {
   const keys4 = path.split(".");
@@ -40016,18 +40028,27 @@ exports.Zoomer = Zoomer;
 exports.allCountries = allCountries;
 exports.appendScript = appendScript;
 exports.appendStyle = appendStyle;
+exports.arrField = arrField;
 exports.bagelFormUtils = BagelFormUtils;
 exports.bagelInjectionKey = bagelInjectionKey;
+exports.bglForm = bglForm;
 exports.bindAttrs = bindAttrs;
+exports.checkField = checkField;
 exports.classify = classify;
 exports.clearHtml = clearHtml;
+exports.colorField = colorField;
 exports.copyText = copyText;
+exports.dateField = dateField;
 exports.debounce = debounce;
 exports.denullify = denullify;
 exports.downloadFile = downloadFile;
+exports.emailField = emailField;
+exports.findBglFieldById = findBglFieldById;
 exports.fmtDate = fmtDate;
 exports.formatDate = formatDate;
 exports.formatString = formatString;
+exports.frmRow = frmRow;
+exports.getBaseField = getBaseField;
 exports.getDatePartsMap = getDatePartsMap;
 exports.getFallbackSchema = getFallbackSchema;
 exports.getNestedValue = getNestedValue;
@@ -40041,13 +40062,21 @@ exports.localRef = localRef;
 exports.normalizeDimension = normalizeDimension;
 exports.normalizeText = normalizeText;
 exports.normalizeURL = normalizeURL;
+exports.numField = numField;
 exports.pathKeyToURL = pathKeyToURL;
 exports.provideBagelFormState = provideBagelFormState;
+exports.rangeField = rangeField;
+exports.richText = richText;
 exports.searchItems = searchItems;
+exports.selectField = selectField;
+exports.slctField = slctField;
 exports.sleep = sleep;
 exports.slugify = slugify;
+exports.telField = telField;
 exports.timeAgo = timeAgo;
 exports.timeDelta = timeDelta;
+exports.txtField = txtField;
+exports.uploadField = uploadField;
 exports.useBagel = useBagel;
 exports.useBagelFormState = useBagelFormState;
 exports.useBglSchema = useBglSchema;

package/dist/index.d.ts

@@ -6,6 +6,7 @@ export { ModalPlugin, useModal } from './plugins/modal';
 export * from './types';
 export * from './utils';
 export * from './utils/allCountries';
+export * from './utils/BagelFormUtils';
 export * from './utils/calendar/dateUtils';
 export * from './utils/constants';
 export * from './utils/useSearch';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,qCAAqC,CAAA;AACnD,cAAc,eAAe,CAAA;AAC7B,OAAO,EACN,iBAAiB,EACjB,KAAK,YAAY,EACjB,QAAQ,EACR,iBAAiB,EACjB,QAAQ,EACR,QAAQ,GACR,MAAM,iBAAiB,CAAA;AACxB,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AACvD,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,cAAc,sBAAsB,CAAA;AACpC,cAAc,4BAA4B,CAAA;AAC1C,OAAO,oBAAoB,CAAA;AAE3B,cAAc,mBAAmB,CAAA;AACjC,cAAc,mBAAmB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,qCAAqC,CAAA;AACnD,cAAc,eAAe,CAAA;AAC7B,OAAO,EACN,iBAAiB,EACjB,KAAK,YAAY,EACjB,QAAQ,EACR,iBAAiB,EACjB,QAAQ,EACR,QAAQ,GACR,MAAM,iBAAiB,CAAA;AACxB,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AACvD,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,cAAc,sBAAsB,CAAA;AACpC,cAAc,wBAAwB,CAAA;AACtC,OAAO,oBAAoB,CAAA;AAE3B,cAAc,4BAA4B,CAAA;AAC1C,cAAc,mBAAmB,CAAA;AACjC,cAAc,mBAAmB,CAAA"}

package/dist/index.mjs

@@ -1575,7 +1575,7 @@ const _hoisted_6$l = ["onClick"];
 const _hoisted_7$h = { class: "event-content" };
 const _hoisted_8$b = { class: "white-space ellipsis-1" };
 const _hoisted_9$8 = { class: "event-time opacity-8" };
-const _hoisted_10$6 = { class: "color-primary txt-12 p-025" };
+const _hoisted_10$5 = { class: "color-primary txt-12 p-025" };
 const slotHeight$1 = 60;
 const slotDuration$1 = 60;
 const _sfc_main$18 = /* @__PURE__ */ defineComponent({
@@ -1768,7 +1768,7 @@ const _sfc_main$18 = /* @__PURE__ */ defineComponent({
                 right: "10px"
               })
             }, [
-              createElementVNode("div", _hoisted_10$6, toDisplayString(dragState.value.startTime ? unref(formatDate)(dragState.value.startTime, { fmt: "HH:mm" }) : "") + " - " + toDisplayString(dragState.value.endTime ? unref(formatDate)(dragState.value.endTime, { fmt: "HH:mm" }) : ""), 1)
+              createElementVNode("div", _hoisted_10$5, toDisplayString(dragState.value.startTime ? unref(formatDate)(dragState.value.startTime, { fmt: "HH:mm" }) : "") + " - " + toDisplayString(dragState.value.endTime ? unref(formatDate)(dragState.value.endTime, { fmt: "HH:mm" }) : ""), 1)
             ], 4)) : createCommentVNode("", true)
           ], 32)
         ]),
@@ -9527,19 +9527,15 @@ function useTableVirtualization(options) {
     registerLastItemObserver
   };
 }
-const _hoisted_1$R = {
-  key: 0,
-  class: "loading-table-wrapper z-99 h-100 w-100 absolute inset"
-};
-const _hoisted_2$E = { class: "infinite-wrapper" };
-const _hoisted_3$x = { class: "row first-row" };
-const _hoisted_4$l = { key: 0 };
-const _hoisted_5$l = ["onClick"];
-const _hoisted_6$h = { class: "flex" };
-const _hoisted_7$d = ["onClick"];
-const _hoisted_8$8 = { key: 0 };
-const _hoisted_9$6 = ["value"];
-const _hoisted_10$5 = { key: 1 };
+const _hoisted_1$R = { class: "infinite-wrapper" };
+const _hoisted_2$E = { class: "row first-row" };
+const _hoisted_3$x = { key: 0 };
+const _hoisted_4$l = ["onClick"];
+const _hoisted_5$l = { class: "flex" };
+const _hoisted_6$h = ["onClick"];
+const _hoisted_7$d = { key: 0 };
+const _hoisted_8$8 = ["value"];
+const _hoisted_9$6 = { key: 1 };
 const _sfc_main$10 = /* @__PURE__ */ defineComponent({
   __name: "DataTable",
   props: /* @__PURE__ */ mergeModels({
@@ -9560,7 +9556,7 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
   emits: /* @__PURE__ */ mergeModels(["orderBy", "select", "lastItemVisible"], ["update:loading", "update:itemHeight", "update:selectedItems"]),
   setup(__props, { emit: __emit }) {
     useCssVars((_ctx) => ({
-      "25c2d418": unref(computedItemHeight)
+      "70bc72ee": unref(computedItemHeight)
     }));
     const props2 = __props;
     const emit2 = __emit;
@@ -9654,17 +9650,18 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
     const showLoading = computed(() => loading.value);
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", mergeProps({ class: "table-list-wrap h-100" }, unref(containerProps), {
-        class: { "loading-table": showLoading.value }
+        class: { overflowHiddenLoading: showLoading.value }
       }), [
-        showLoading.value ? (openBlock(), createElementBlock("div", _hoisted_1$R, _cache[4] || (_cache[4] = [
-          createElementVNode("div", { class: "loading-table-animation fixed oval top-7" }, null, -1)
-        ]))) : createCommentVNode("", true),
+        showLoading.value ? (openBlock(), createBlock(unref(Loading), {
+          key: 0,
+          class: "h100p"
+        })) : createCommentVNode("", true),
         createElementVNode("div", mergeProps(unref(wrapperProps), {
           class: { "pointer-events-none": showLoading.value }
         }), [
-          createElementVNode("table", _hoisted_2$E, [
-            createElementVNode("thead", _hoisted_3$x, [
-              unref(isSelectable) ? (openBlock(), createElementBlock("th", _hoisted_4$l, [
+          createElementVNode("table", _hoisted_1$R, [
+            createElementVNode("thead", _hoisted_2$E, [
+              unref(isSelectable) ? (openBlock(), createElementBlock("th", _hoisted_3$x, [
                 createElementVNode("input", {
                   ref_key: "allSelectorEl",
                   ref: allSelectorEl,
@@ -9680,7 +9677,7 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
                   class: "col",
                   onClick: ($event) => unref(toggleSort)((field == null ? void 0 : field.id) || "")
                 }, [
-                  createElementVNode("div", _hoisted_6$h, [
+                  createElementVNode("div", _hoisted_5$l, [
                     createTextVNode(toDisplayString(field.label || unref(keyToLabel)(field == null ? void 0 : field.id)) + " ", 1),
                     createElementVNode("div", {
                       class: normalizeClass(["list-arrows", { sorted: unref(sortField) === (field == null ? void 0 : field.id) }])
@@ -9691,7 +9688,7 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
                       }, null, 8, ["class"])
                     ], 2)
                   ])
-                ], 8, _hoisted_5$l);
+                ], 8, _hoisted_4$l);
               }), 128))
             ]),
             createElementVNode("tbody", null, [
@@ -9701,7 +9698,7 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
                   class: normalizeClass(["row row-item position-relative", { selected: (row == null ? void 0 : row.id) && unref(computedSelectedItems).includes(row.id) }]),
                   onClick: ($event) => unref(toggleSelectItem)(row)
                 }, [
-                  unref(isSelectable) ? (openBlock(), createElementBlock("td", _hoisted_8$8, [
+                  unref(isSelectable) ? (openBlock(), createElementBlock("td", _hoisted_7$d, [
                     createElementVNode("div", {
                       onClick: _cache[3] || (_cache[3] = withModifiers(() => {
                       }, ["stop"]))
@@ -9710,7 +9707,7 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
                         "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => selectedItems.value = $event),
                         type: "checkbox",
                         value: (row == null ? void 0 : row.id) || ""
-                      }, null, 8, _hoisted_9$6), [
+                      }, null, 8, _hoisted_8$8), [
                         [vModelCheckbox, selectedItems.value]
                       ])
                     ])
@@ -9725,12 +9722,12 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
                         key: 0,
                         row,
                         field
-                      }, void 0, true) : (openBlock(), createElementBlock("div", _hoisted_10$5, [
+                      }, void 0, true) : (openBlock(), createElementBlock("div", _hoisted_9$6, [
                         (openBlock(), createBlock(resolveDynamicComponent(renderFieldForRow(field, row))))
                       ]))
                     ]);
                   }), 128))
-                ], 10, _hoisted_7$d);
+                ], 10, _hoisted_6$h);
               }), 128)),
               props2.onLastItemVisible !== void 0 ? (openBlock(), createElementBlock("tr", {
                 key: 0,
@@ -9745,7 +9742,7 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const DataTable = /* @__PURE__ */ _export_sfc(_sfc_main$10, [["__scopeId", "data-v-f795f660"]]);
+const DataTable = /* @__PURE__ */ _export_sfc(_sfc_main$10, [["__scopeId", "data-v-6da6fbe2"]]);
 function useDraggable(options = {}) {
   const isDragging = ref(false);
   const dragElement = ref(null);
@@ -13299,12 +13296,13 @@ function findBglFieldById(id, _schema) {
   return void 0;
 }
 function arrField(id, label, schemaOrType, options) {
-  const attrs = { delete: true, add: true, ...options };
-  if (typeof schemaOrType === "string") {
-    attrs.type = schemaOrType;
-  } else {
-    attrs.schema = schemaOrType;
-  }
+  const arraySpecificAttrs = typeof schemaOrType === "string" ? { type: schemaOrType } : { schema: schemaOrType };
+  const attrs = {
+    delete: true,
+    add: true,
+    ...options,
+    ...arraySpecificAttrs
+  };
   return {
     label,
     id,
@@ -13321,6 +13319,7 @@ function useForm() {
     checkField,
     dateField,
     numField,
+    emailField,
     frmRow,
     uploadField,
     rangeField,
@@ -32383,15 +32382,16 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
     alt: {},
     width: {},
     height: {},
-    caption: {}
+    caption: {},
+    modelValue: {}
   },
   setup(__props) {
     const props2 = __props;
     let imageSrc = ref(void 0);
     let loadingError = ref(false);
     function getImageUrl() {
-      if (!props2.src && !props2.pathKey) return;
-      return pathKeyToURL(props2.src || props2.pathKey);
+      if (!props2.src && !props2.pathKey && !props2.modelValue) return;
+      return pathKeyToURL(props2.src || props2.pathKey || props2.modelValue);
     }
     async function getCachedImage(url) {
       if (!("caches" in window)) return void 0;
@@ -32449,7 +32449,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
         imageSrc.value = void 0;
       }
     }
-    watch(() => [props2.src, props2.pathKey], loadImage, { immediate: true });
+    watch(() => [props2.src, props2.pathKey, props2.modelValue], loadImage, { immediate: true });
     return (_ctx, _cache) => {
       return _ctx.caption ? (openBlock(), createElementBlock("figcaption", _hoisted_1$n, [
         unref(imageSrc) ? (openBlock(), createElementBlock("img", mergeProps({
@@ -32490,7 +32490,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Image$1 = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["__scopeId", "data-v-2f5e271c"]]);
+const Image$1 = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["__scopeId", "data-v-eed047eb"]]);
 const _hoisted_1$m = ["textContent"];
 const _hoisted_2$e = {
   key: 0,
@@ -39708,14 +39708,26 @@ function formatDate(date2, opts = {}) {
   }
 }
 const fmtDate = formatDate;
+const htmlReplacers = {
+  "": /<[^>]*>?/g,
+  " ": /&nbsp;/g,
+  '"': /&quot;/g,
+  "'": /&apos;/g,
+  "&": /&amp;/g,
+  "<": /&lt;/g,
+  ">": /&gt;/g
+};
 function clearHtml(value) {
   if (!value) return "";
-  return value.replace(/<[^>]*>?/g, "").replace(/&nbsp;/g, " ").replace(/&quot;/g, '"').replace(/&apos;/g, `'`).replace(/&amp;/g, "&").replace(/&lt;/g, "<").replace(/&gt;/g, ">");
+  return Object.entries(htmlReplacers).reduce(
+    (text, [replacement, regex2]) => text.replace(regex2, replacement),
+    value
+  );
 }
+const normalizeSearchChars = /[\p{N}\p{L}\s]/gu;
 function normalizeText(text) {
   var _a;
-  const searchChars = /[\p{N}\p{L}\s]/gu;
-  return ((_a = text.match(searchChars)) == null ? void 0 : _a.join("").toLowerCase()) ?? "";
+  return ((_a = text.match(normalizeSearchChars)) == null ? void 0 : _a.join("").toLowerCase()) ?? "";
 }
 function getValueByPath(obj, path) {
   const keys4 = path.split(".");
@@ -40015,18 +40027,27 @@ export {
   allCountries,
   appendScript,
   appendStyle,
+  arrField,
   BagelFormUtils as bagelFormUtils,
   bagelInjectionKey,
+  bglForm,
   bindAttrs,
+  checkField,
   classify,
   clearHtml,
+  colorField,
   copyText,
+  dateField,
   debounce,
   denullify,
   downloadFile,
+  emailField,
+  findBglFieldById,
   fmtDate,
   formatDate,
   formatString,
+  frmRow,
+  getBaseField,
   getDatePartsMap,
   getFallbackSchema,
   getNestedValue,
@@ -40040,13 +40061,21 @@ export {
   normalizeDimension,
   normalizeText,
   normalizeURL,
+  numField,
   pathKeyToURL,
   provideBagelFormState,
+  rangeField,
+  richText,
   searchItems,
+  selectField,
+  slctField,
   sleep,
   slugify,
+  telField,
   timeAgo,
   timeDelta,
+  txtField,
+  uploadField,
   useBagel,
   useBagelFormState,
   useBglSchema,

package/dist/plugins/modal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../src/plugins/modal.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,KAAK,CAAA;AAE/C,OAAO,KAAK,EAAE,uBAAuB,EAAE,mBAAmB,EAAuB,uBAAuB,EAAE,gBAAgB,EAAE,YAAY,EAAa,MAAM,cAAc,CAAA;AAIzK,MAAM,WAAW,QAAQ;IACxB,SAAS,EAAE,CAAC,CAAC,SAAS;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,EAAE,OAAO,EAAE,YAAY,EAAE,KAAK,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,KAAK,mBAAmB,CAAC,CAAC,CAAC,GAAG,SAAS,CAAA;IAC1I,aAAa,EAAE,CAAC,CAAC,SAAS;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,EAAE,OAAO,EAAE,gBAAgB,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,KAAK,uBAAuB,CAAC,CAAC,CAAC,GAAG,SAAS,CAAA;IACzJ,SAAS,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IACnC,YAAY,EAAE,CAAC,OAAO,EAAE,uBAAuB,KAAK,OAAO,CAAC,OAAO,CAAC,CAAA;CACpE;AAED,eAAO,MAAM,WAAW,EAAE,YAAY,CAAC,QAAQ,CAAmB,CAAA;AAElE,wBAAgB,QAAQ,IAAI,QAAQ,CAInC;AAED,eAAO,MAAM,WAAW,EAAE,MAsEzB,CAAA"}
+{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../src/plugins/modal.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,KAAK,CAAA;AAE/C,OAAO,KAAK,EAAE,uBAAuB,EAAE,mBAAmB,EAAuB,uBAAuB,EAAE,gBAAgB,EAAE,YAAY,EAAa,MAAM,cAAc,CAAA;AAIzK,MAAM,WAAW,QAAQ;IACxB,SAAS,EAAE,CAAC,CAAC,SAAS;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,EAAE,OAAO,EAAE,YAAY,EAAE,KAAK,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,KAAK,mBAAmB,CAAC,CAAC,CAAC,GAAG,SAAS,CAAA;IAC1I,aAAa,EAAE,CAAC,CAAC,SAAS;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,EAAE,OAAO,EAAE,gBAAgB,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,KAAK,uBAAuB,CAAC,CAAC,CAAC,GAAG,SAAS,CAAA;IACzJ,SAAS,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAA;IACnC,YAAY,EAAE,CAAC,OAAO,EAAE,uBAAuB,KAAK,OAAO,CAAC,OAAO,CAAC,CAAA;CACpE;AAED,eAAO,MAAM,WAAW,EAAE,YAAY,CAAC,QAAQ,CAAmB,CAAA;AAElE,wBAAgB,QAAQ,IAAI,QAAQ,CAInC;AAED,eAAO,MAAM,WAAW,EAAE,MAuEzB,CAAA"}