@bagelink/vue 0.0.1045 → 0.0.1054

package/dist/index.mjs

@@ -59,7 +59,7 @@ const _sfc_main$17 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$T = ["aria-expanded", "aria-controls"];
+const _hoisted_1$V = ["aria-expanded", "aria-controls"];
 const _hoisted_2$B = { class: "accordion-label" };
 const _hoisted_3$s = ["id", "aria-hidden"];
 const _sfc_main$16 = /* @__PURE__ */ defineComponent({
@@ -136,7 +136,7 @@ const _sfc_main$16 = /* @__PURE__ */ defineComponent({
           }, [
             createVNode(unref(_sfc_main$d), { icon: computedIcon.value }, null, 8, ["icon"])
           ], 2)) : createCommentVNode("", true)
-        ], 8, _hoisted_1$T),
+        ], 8, _hoisted_1$V),
         createVNode(Transition, { name: "expand" }, {
           default: withCtx(() => [
             unref(isOpen) ? (openBlock(), createElementBlock("div", {
@@ -162,7 +162,7 @@ const _export_sfc = (sfc, props2) => {
   return target;
 };
 const AccordionItem = /* @__PURE__ */ _export_sfc(_sfc_main$16, [["__scopeId", "data-v-1e73ca3e"]]);
-const _hoisted_1$S = { class: "relative" };
+const _hoisted_1$U = { class: "relative" };
 const _sfc_main$15 = /* @__PURE__ */ defineComponent({
   __name: "AddressSearch",
   emits: ["addressSelected"],
@@ -185,7 +185,7 @@ const _sfc_main$15 = /* @__PURE__ */ defineComponent({
       (_a2 = suggestion.value) == null ? void 0 : _a2.show();
     }
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$S, [
+      return openBlock(), createElementBlock("div", _hoisted_1$U, [
         createVNode(unref(_sfc_main$W), {
           ref_key: "suggestion",
           ref: suggestion,
@@ -221,7 +221,7 @@ const _sfc_main$15 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$R = {
+const _hoisted_1$T = {
   key: 1,
   class: "bgl_btn-flex"
 };
@@ -290,7 +290,7 @@ const _sfc_main$14 = /* @__PURE__ */ defineComponent({
           _ctx.loading ? (openBlock(), createBlock(unref(Loading), {
             key: 0,
             size: "15"
-          })) : (openBlock(), createElementBlock("div", _hoisted_1$R, [
+          })) : (openBlock(), createElementBlock("div", _hoisted_1$T, [
             _ctx.icon ? (openBlock(), createBlock(unref(_sfc_main$d), {
               key: 0,
               icon: _ctx.icon
@@ -313,7 +313,7 @@ const _sfc_main$14 = /* @__PURE__ */ defineComponent({
   }
 });
 const Btn = /* @__PURE__ */ _export_sfc(_sfc_main$14, [["__scopeId", "data-v-c23a3626"]]);
-const _hoisted_1$Q = ["dismissable"];
+const _hoisted_1$S = ["dismissable"];
 const _hoisted_2$A = { class: "m-0" };
 const _sfc_main$13 = /* @__PURE__ */ defineComponent({
   __name: "Alert",
@@ -351,12 +351,12 @@ const _sfc_main$13 = /* @__PURE__ */ defineComponent({
           icon: "close",
           onClick: _cache[0] || (_cache[0] = ($event) => isDismissed.value = true)
         })
-      ], 10, _hoisted_1$Q)) : createCommentVNode("", true);
+      ], 10, _hoisted_1$S)) : createCommentVNode("", true);
     };
   }
 });
 const Alert = /* @__PURE__ */ _export_sfc(_sfc_main$13, [["__scopeId", "data-v-57141c32"]]);
-const _hoisted_1$P = ["src", "alt"];
+const _hoisted_1$R = ["src", "alt"];
 const _sfc_main$12 = /* @__PURE__ */ defineComponent({
   __name: "Avatar",
   props: {
@@ -375,7 +375,7 @@ const _sfc_main$12 = /* @__PURE__ */ defineComponent({
           key: 0,
           src: _ctx.src,
           alt: _ctx.name
-        }, null, 8, _hoisted_1$P)) : (openBlock(), createElementBlock("p", {
+        }, null, 8, _hoisted_1$R)) : (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 || "")).toUpperCase()), 5))
@@ -414,6 +414,7 @@ const _sfc_main$11 = /* @__PURE__ */ defineComponent({
   }
 });
 const Badge = /* @__PURE__ */ _export_sfc(_sfc_main$11, [["__scopeId", "data-v-2f3caf93"]]);
+const _hoisted_1$Q = { key: 1 };
 const _sfc_main$10 = /* @__PURE__ */ defineComponent({
   __name: "BglComponent",
   props: {
@@ -503,6 +504,12 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
         updateField(props2.id, val);
       }
     });
+    const computedFieldData = computed(
+      () => {
+        var _a2, _b;
+        return ((_b = (_a2 = props2.field).transform) == null ? void 0 : _b.call(_a2, fieldData.value, props2.modelValue)) ?? fieldData.value;
+      }
+    );
     const vIf = computed(() => {
       if (props2.field["v-if"] === void 0 && props2.field.vIf === void 0) return true;
       if (typeof props2.field["v-if"] === "boolean" || typeof props2.field.vIf === "boolean") return props2.field["v-if"];
@@ -543,14 +550,16 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
       }), {
         default: withCtx(() => [
           _ctx.field.$el === "form" ? renderSlot(_ctx.$slots, "default", { key: 0 }) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-            createTextVNode(toDisplayString(fieldData.value) + " ", 1),
+            createTextVNode(toDisplayString(computedFieldData.value) + " ", 1),
             (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.field.children, (child, ii) => {
-              return openBlock(), createBlock(_component_BglComponent, {
-                id: [props2.id, child.id].filter(Boolean).join("."),
-                key: child.id || ii,
-                field: child,
-                "parent-path": props2.id
-              }, null, 8, ["id", "field", "parent-path"]);
+              return openBlock(), createElementBlock(Fragment, { key: ii }, [
+                typeof child !== "string" ? (openBlock(), createBlock(_component_BglComponent, {
+                  key: 0,
+                  id: [props2.id, child.id].filter(Boolean).join("."),
+                  field: child,
+                  "parent-path": props2.id
+                }, null, 8, ["id", "field", "parent-path"])) : (openBlock(), createElementBlock("span", _hoisted_1$Q, toDisplayString(child), 1))
+              ], 64);
             }), 128))
           ], 64))
         ]),
@@ -559,7 +568,7 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$O = ["src"];
+const _hoisted_1$P = ["src"];
 const _hoisted_2$z = ["autoplay", "muted", "loop", "controls", "playsinline"];
 const _hoisted_3$r = ["src", "type"];
 const _sfc_main$$ = /* @__PURE__ */ defineComponent({
@@ -639,7 +648,7 @@ const _sfc_main$$ = /* @__PURE__ */ defineComponent({
           allowfullscreen: "",
           title: "Video",
           allow: "autoplay"
-        }, null, 12, _hoisted_1$O)) : _ctx.src ? (openBlock(), createElementBlock("video", {
+        }, null, 12, _hoisted_1$P)) : _ctx.src ? (openBlock(), createElementBlock("video", {
           key: 1,
           ref_key: "video",
           ref: video,
@@ -660,7 +669,7 @@ const _sfc_main$$ = /* @__PURE__ */ defineComponent({
   }
 });
 const BglVideo = /* @__PURE__ */ _export_sfc(_sfc_main$$, [["__scopeId", "data-v-006552f6"]]);
-const _hoisted_1$N = {
+const _hoisted_1$O = {
   key: 0,
   class: "card_label"
 };
@@ -693,7 +702,7 @@ const _sfc_main$_ = /* @__PURE__ */ defineComponent({
         }])
       }, {
         default: withCtx(() => [
-          _ctx.label ? (openBlock(), createElementBlock("span", _hoisted_1$N, toDisplayString(_ctx.label), 1)) : createCommentVNode("", true),
+          _ctx.label ? (openBlock(), createElementBlock("span", _hoisted_1$O, toDisplayString(_ctx.label), 1)) : createCommentVNode("", true),
           renderSlot(_ctx.$slots, "default")
         ]),
         _: 3
@@ -703,7 +712,7 @@ const _sfc_main$_ = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$M = ["dir"];
+const _hoisted_1$N = ["dir"];
 const _hoisted_2$y = {
   key: 0,
   class: "blocker"
@@ -916,7 +925,7 @@ const _sfc_main$Z = /* @__PURE__ */ defineComponent({
             }, void 0, true)
           ])
         ])
-      ], 14, _hoisted_1$M);
+      ], 14, _hoisted_1$N);
     };
   }
 });
@@ -6864,13 +6873,13 @@ var script = defineComponent({
     return { bar, canvas, direction, mouse };
   }
 });
-const _hoisted_1$L = {
+const _hoisted_1$M = {
   key: 0,
   class: "layer-hover-bar"
 };
 const _hoisted_2$x = ["x", "y", "width", "height"];
 function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return _ctx.mouse.hover ? (openBlock(), createElementBlock("g", _hoisted_1$L, [
+  return _ctx.mouse.hover ? (openBlock(), createElementBlock("g", _hoisted_1$M, [
     createElementVNode("rect", mergeProps({ class: "hover-bar" }, _ctx.barStyle, {
       x: _ctx.bar.x,
       y: _ctx.bar.y,
@@ -7022,7 +7031,7 @@ const _sfc_main$Y = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$K = {
+const _hoisted_1$L = {
   key: 0,
   class: "data"
 };
@@ -7079,7 +7088,7 @@ const _sfc_main$X = /* @__PURE__ */ defineComponent({
     const computedSchema = computed(() => getFallbackSchema([itemData.value], props2.showFields));
     return (_ctx, _cache) => {
       var _a2;
-      return __props.data ? (openBlock(), createElementBlock("div", _hoisted_1$K, [
+      return __props.data ? (openBlock(), createElementBlock("div", _hoisted_1$L, [
         _ctx.title ? (openBlock(), createBlock(unref(_sfc_main$4), {
           key: 0,
           label: _ctx.title
@@ -9735,7 +9744,7 @@ const _sfc_main$W = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$J = { class: "px-1 pt-025 pb-1" };
+const _hoisted_1$K = { class: "px-1 pt-025 pb-1" };
 const _hoisted_2$v = { class: "ms-1" };
 const _sfc_main$V = /* @__PURE__ */ defineComponent({
   __name: "FieldSetVue",
@@ -9745,7 +9754,7 @@ const _sfc_main$V = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("fieldset", _hoisted_1$J, [
+      return openBlock(), createElementBlock("fieldset", _hoisted_1$K, [
         createElementVNode("legend", _hoisted_2$v, toDisplayString(_ctx.legend || _ctx.label), 1),
         renderSlot(_ctx.$slots, "default", {}, void 0, true)
       ]);
@@ -9797,7 +9806,7 @@ function useTabs(group) {
   });
   return { currentTab };
 }
-const _hoisted_1$I = ["onClick"];
+const _hoisted_1$J = ["onClick"];
 const _sfc_main$T = /* @__PURE__ */ defineComponent({
   __name: "TabsNav",
   props: {
@@ -9880,7 +9889,7 @@ const _sfc_main$T = /* @__PURE__ */ defineComponent({
                 icon: tab.icon
               }, null, 8, ["icon"])) : createCommentVNode("", true),
               createTextVNode(" " + toDisplayString(tabLabel(tab)), 1)
-            ], 10, _hoisted_1$I);
+            ], 10, _hoisted_1$J);
           }), 128))
         ], true)
       ], 2);
@@ -9949,11 +9958,12 @@ function useBagelFormState() {
   if (!state2) throw new Error("BagelFormState must be provided");
   return state2;
 }
+const _hoisted_1$I = { key: 1 };
 const _sfc_main$S = /* @__PURE__ */ defineComponent({
   __name: "BglField",
   props: {
     field: {},
-    id: {},
+    fieldID: {},
     modelValue: {},
     parentPath: {}
   },
@@ -9979,25 +9989,25 @@ const _sfc_main$S = /* @__PURE__ */ defineComponent({
       if (props2.field.$el === "file") return FileUpload;
       if (props2.field.$el === "date") return _sfc_main$K;
       if (props2.field.$el === "tabs") return TabsNav;
-      if (props2.field.$el === "form") return _sfc_main$R;
+      if (props2.field.$el === "bglform") return _sfc_main$R;
       return props2.field.$el ?? "div";
     });
     const fieldData = computed({
       get: () => {
-        if (!props2.id) return props2.field.defaultValue ?? (props2.field.$el === "form" ? {} : "");
-        const value = formState == null ? void 0 : formState.getFieldData(props2.id);
+        if (!props2.fieldID) return props2.field.defaultValue ?? (props2.field.$el === "form" ? {} : "");
+        const value = formState == null ? void 0 : formState.getFieldData(props2.fieldID);
         if (props2.field.$el === "form" && !value) return {};
         return value ?? "";
       },
       set: (val) => {
-        if (!props2.id) return;
-        const currentValue = formState == null ? void 0 : formState.getFieldData(props2.id);
+        if (!props2.fieldID) return;
+        const currentValue = formState == null ? void 0 : formState.getFieldData(props2.fieldID);
         if (JSON.stringify(val) === JSON.stringify(currentValue)) return;
         emit2("update:modelValue", val);
         if (props2.field.onUpdate) {
           props2.field.onUpdate(val, currentValue);
         }
-        formState == null ? void 0 : formState.updateField(props2.id, val);
+        formState == null ? void 0 : formState.updateField(props2.fieldID, val);
       }
     });
     const vIf = computed(() => {
@@ -10008,7 +10018,7 @@ const _sfc_main$S = /* @__PURE__ */ defineComponent({
       if (typeof props2.field.vIf === "function") return props2.field.vIf(fieldData.value, formState == null ? void 0 : formState.data.value);
       return true;
     });
-    computed(
+    const computedFieldData = computed(
       () => {
         var _a2, _b;
         return ((_b = (_a2 = props2.field).transform) == null ? void 0 : _b.call(_a2, fieldData.value, formState == null ? void 0 : formState.data.value)) ?? fieldData.value;
@@ -10019,6 +10029,7 @@ const _sfc_main$S = /* @__PURE__ */ defineComponent({
     );
     const computedAttrs = computed(() => {
       const attrs = { ...customAttrs.value, ...props2.field.attrs };
+      delete attrs.schema;
       return bindAttrs(attrs, fieldData.value, formState == null ? void 0 : formState.data.value);
     });
     const computedClass = computed(
@@ -10031,9 +10042,9 @@ const _sfc_main$S = /* @__PURE__ */ defineComponent({
       var _a2;
       const _component_BglField = resolveComponent("BglField", true);
       return vIf.value ? (openBlock(), createBlock(resolveDynamicComponent(is4.value), mergeProps({ key: 0 }, computedAttrs.value, {
-        id: props2.id,
         modelValue: fieldData.value,
         "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => fieldData.value = $event),
+        fieldID: props2.fieldID,
         required: _ctx.field.required,
         class: computedClass.value,
         label: _ctx.field.label,
@@ -10045,17 +10056,20 @@ const _sfc_main$S = /* @__PURE__ */ defineComponent({
         schema: ((_a2 = _ctx.field.attrs) == null ? void 0 : _a2.schema) ?? void 0
       }), {
         default: withCtx(() => [
-          _ctx.field.$el === "form" ? renderSlot(_ctx.$slots, "default", { key: 0 }) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(_ctx.field.children, (child, ii) => {
-            return openBlock(), createBlock(_component_BglField, {
-              id: [props2.id, child.id].filter(Boolean).join("."),
-              key: child.id || ii,
-              field: child,
-              "parent-path": props2.id
-            }, null, 8, ["id", "field", "parent-path"]);
+          createTextVNode(toDisplayString(computedFieldData.value) + " ", 1),
+          (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.field.children, (child, ii) => {
+            return openBlock(), createElementBlock(Fragment, { key: ii }, [
+              typeof child !== "string" ? (openBlock(), createBlock(_component_BglField, {
+                key: 0,
+                fieldID: [props2.fieldID, child.id].filter(Boolean).join("."),
+                field: child,
+                "parent-path": props2.fieldID
+              }, null, 8, ["fieldID", "field", "parent-path"])) : (openBlock(), createElementBlock("span", _hoisted_1$I, toDisplayString(child), 1))
+            ], 64);
           }), 128))
         ]),
-        _: 3
-      }, 16, ["id", "modelValue", "required", "class", "label", "placeholder", "defaultValue", "disabled", "options", "helptext", "schema"])) : createCommentVNode("", true);
+        _: 1
+      }, 16, ["modelValue", "fieldID", "required", "class", "label", "placeholder", "defaultValue", "disabled", "options", "helptext", "schema"])) : createCommentVNode("", true);
     };
   }
 });
@@ -10063,12 +10077,13 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
   __name: "BglForm",
   props: {
     label: {},
-    id: {},
+    fieldID: {},
     schema: {},
     modelValue: { default: () => ({}) },
     onDelete: {},
     onSubmit: {},
-    status: {}
+    status: {},
+    tag: { default: "form" }
   },
   emits: ["update:modelValue", "submit", "dirty"],
   setup(__props, { expose: __expose, emit: __emit }) {
@@ -10079,7 +10094,7 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
     const instAt = /* @__PURE__ */ new Date();
     const timeSinceInst = () => Date.now() - instAt.getTime();
     const existingFormState = inject(FORM_STATE_KEY);
-    const isNested = Boolean(existingFormState && props2.id);
+    const isNested = Boolean(existingFormState && props2.fieldID);
     const { data: data2, isDirty } = isNested ? existingFormState : provideBagelFormState(props2.modelValue);
     if (!isNested) {
       watch(() => props2.modelValue, (newVal) => {
@@ -10157,13 +10172,13 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock(Fragment, null, [
-        _ctx.id ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+        _ctx.tag === "template" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(computedSchema.value, (field, i2) => {
             return openBlock(), createBlock(unref(_sfc_main$S), {
-              id: [_ctx.id, field.id].filter(Boolean).join("."),
               key: field.id || `${i2}p`,
+              fieldID: field.id,
               field
-            }, null, 8, ["id", "field"]);
+            }, null, 8, ["fieldID", "field"]);
           }), 128)),
           renderSlot(_ctx.$slots, "submit", {
             submit: runSubmit,
@@ -10183,10 +10198,10 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
           }, null, 8, ["label"])) : createCommentVNode("", true),
           (openBlock(true), createElementBlock(Fragment, null, renderList(computedSchema.value, (field, i2) => {
             return openBlock(), createBlock(unref(_sfc_main$S), {
-              id: field.id,
               key: field.id || `${i2}p`,
+              fieldID: field.id,
               field
-            }, null, 8, ["id", "field"]);
+            }, null, 8, ["fieldID", "field"]);
           }), 128)),
           renderSlot(_ctx.$slots, "submit", {
             submit: runSubmit,
@@ -20476,8 +20491,8 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
     const toPercentage = computed(() => (validTo.value - min2) / (max2 - min2) * 100);
     watch(() => props2.modelValue, (newVal) => {
       if (Array.isArray(newVal) && multiRange) {
-        from.value = newVal[0];
-        to2.value = newVal[1];
+        from.value = newVal[0] ?? min2;
+        to2.value = newVal[1] ?? max2;
       } else if (!Array.isArray(newVal)) {
         from.value = newVal ?? min2;
         to2.value = max2;
@@ -20515,7 +20530,7 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
             class: "from",
             type: "range",
             min: unref(min2),
-            max: unref(multiRange) ? validTo.value : unref(max2),
+            max: unref(max2),
             step: unref(step),
             required: _ctx.required,
             disabled: unref(disabled),
@@ -20527,7 +20542,7 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
             value: validTo.value,
             class: "to",
             type: "range",
-            min: validFrom.value,
+            min: unref(min2),
             max: unref(max2),
             step: unref(step),
             required: _ctx.required,
@@ -20603,7 +20618,7 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const RangeInput = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["__scopeId", "data-v-c427a28c"]]);
+const RangeInput = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["__scopeId", "data-v-36a4519c"]]);
 const tableTools = [
   "mergeCells",
   "splitCells",
@@ -32786,7 +32801,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   emits: /* @__PURE__ */ mergeModels(["update:selectedItems", "orderBy", "select", "lastItemVisible"], ["update:loading", "update:itemHeight", "update:selectedItems"]),
   setup(__props, { emit: __emit }) {
     useCssVars((_ctx) => ({
-      "19ae1fec": unref(computedItemHeight)
+      "f80ef6d8": unref(computedItemHeight)
     }));
     const emit2 = __emit;
     const NON_DIGIT_REGEX = /[^\d.-]/g;
@@ -33013,7 +33028,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TableSchema = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-248ceeff"]]);
+const TableSchema = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-4c462da5"]]);
 const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   __name: "Title",
   props: {
@@ -34364,7 +34379,7 @@ function uploadField(id, label, options) {
 function bglForm(idOrField, ...schema) {
   if (typeof idOrField === "string") {
     return {
-      $el: markRaw(_sfc_main$R),
+      $el: "bagelform",
       id: idOrField,
       attrs: {
         schema: [idOrField, ...schema]
@@ -34372,7 +34387,7 @@ function bglForm(idOrField, ...schema) {
     };
   }
   return {
-    $el: markRaw(_sfc_main$R),
+    $el: "bagelform",
     attrs: {
       schema: [idOrField, ...schema]
     }
@@ -34391,7 +34406,7 @@ function findBglFieldById(id, _schema) {
   for (const field of _schema) {
     if (field.id === id) return field;
     if (field.children && Number(field.children.length) > 0) {
-      const child = findBglFieldById(id, field.children);
+      const child = findBglFieldById(id, field.children.filter((c2) => typeof c2 !== "string"));
       if (child) return child;
     }
   }