@bagelink/vue 0.0.1224 → 0.0.1232

package/dist/index.mjs

@@ -1,7 +1,7 @@
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-import { defineComponent, reactive, provide, openBlock, createElementBlock, renderSlot, ref, computed, inject, watch, normalizeClass, createElementVNode, unref, createVNode, createCommentVNode, toDisplayString, Transition, withCtx, isRef, Fragment, renderList, createBlock, useSlots, resolveDirective, withDirectives, resolveDynamicComponent, mergeProps, withModifiers, withKeys, createTextVNode, normalizeStyle, resolveComponent, useCssVars, onMounted, Comment, Text, nextTick, onBeforeUnmount, onUnmounted, h as h$2, getCurrentScope, onScopeDispose, toValue, getCurrentInstance, shallowRef, mergeModels, useModel, normalizeProps, vModelCheckbox, pushScopeId, popScopeId, guardReactiveProps, withScopeId, createApp, vModelText, toRef, createSlots, Teleport, render as render$e, onBeforeUpdate, vShow, vModelRadio, TransitionGroup, vModelDynamic, markRaw } from "vue";
+import { defineComponent, reactive, provide, openBlock, createElementBlock, renderSlot, ref, computed, inject, watch, normalizeClass, createElementVNode, unref, createVNode, createCommentVNode, toDisplayString, Transition, withCtx, isRef, Fragment, renderList, createBlock, useSlots, resolveDirective, withDirectives, resolveDynamicComponent, mergeProps, withModifiers, withKeys, createTextVNode, normalizeStyle, resolveComponent, useCssVars, onMounted, Comment, Text, nextTick, onBeforeUnmount, onUnmounted, isVNode, h as h$2, getCurrentScope, onScopeDispose, toValue, getCurrentInstance, shallowRef, mergeModels, useModel, normalizeProps, vModelCheckbox, pushScopeId, popScopeId, guardReactiveProps, withScopeId, createApp, vModelText, toRef, createSlots, Teleport, render as render$e, onBeforeUpdate, vShow, vModelRadio, TransitionGroup, vModelDynamic, markRaw } from "vue";
 import { RouterLink } from "vue-router";
 const bagelFormUtils = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
@@ -315,7 +315,7 @@ const _sfc_main$1k = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Btn = /* @__PURE__ */ _export_sfc(_sfc_main$1k, [["__scopeId", "data-v-7b18a02c"]]);
+const Btn = /* @__PURE__ */ _export_sfc(_sfc_main$1k, [["__scopeId", "data-v-bfc435b3"]]);
 const _hoisted_1$17 = ["dismissable"];
 const _hoisted_2$Q = { class: "m-0" };
 const _sfc_main$1j = /* @__PURE__ */ defineComponent({
@@ -2812,7 +2812,6 @@ const _sfc_main$16 = /* @__PURE__ */ defineComponent({
     const clientXDragStart = ref(null);
     const changeInQuartersOnDrag = ref(0);
     const changeInDaysOnDrag = ref(0);
-    ref(false);
     const timeStartDragStart = ref(props2.eventProp.time.start);
     const timeEndDragStart = ref(props2.eventProp.time.end);
     const dragMoveListenerNameAndCallbacks = [
@@ -3162,7 +3161,7 @@ const _sfc_main$16 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const DayEvent = /* @__PURE__ */ _export_sfc(_sfc_main$16, [["__scopeId", "data-v-d496d603"]]);
+const DayEvent = /* @__PURE__ */ _export_sfc(_sfc_main$16, [["__scopeId", "data-v-6b5ab9be"]]);
 const _hoisted_1$W = ["id", "onClick"];
 const _sfc_main$15 = /* @__PURE__ */ defineComponent({
   __name: "Day",
@@ -10761,6 +10760,11 @@ function useSchemaField(options) {
     }
     return typeof field.$el === "object" ? field.$el : componentMap[field.$el] ?? field.$el ?? "div";
   }
+  function renderChild(child, slots) {
+    if (typeof child === "string") return child;
+    if (isVNode(child)) return child;
+    return renderField(child, slots);
+  }
   function renderField(field, slots) {
     const Component = getComponent(field);
     if (!Component) return null;
@@ -10840,17 +10844,24 @@ function useSchemaField(options) {
     props2.class = classify(currentValue, rowData, fieldClass, props2.class);
     const componentSlots = {};
     if (children2 == null ? void 0 : children2.length) {
-      componentSlots.default = () => children2.map((child) => {
-        if (typeof child === "string") return child;
-        return renderField(child, slots);
-      }).filter(Boolean);
+      componentSlots.default = () => children2.map((child) => renderChild(child, slots)).filter(Boolean);
     }
     if (isSlotValueComponent && transformedValue !== void 0) {
       componentSlots.default = () => (transformedValue == null ? void 0 : transformedValue.toString()) || "";
     }
     if (fieldSlots) {
       Object.entries(fieldSlots).forEach(([name, slot]) => {
-        componentSlots[name] = typeof slot === "function" ? () => slot(currentValue, rowData) : () => slot;
+        componentSlots[name] = () => {
+          if (Array.isArray(slot)) {
+            return slot.map((schemaField) => renderField(schemaField, slots));
+          } else if (isVNode(slot)) {
+            return slot;
+          } else if (typeof slot === "function") {
+            const slotFn = slot;
+            return slotFn({ row: rowData, field });
+          }
+          return slot;
+        };
       });
     }
     const slotContent = field.id && (slots == null ? void 0 : slots[field.id]) ? slots[field.id]({ row: rowData, field }) : void 0;
@@ -15105,9 +15116,12 @@ const _sfc_main$S = /* @__PURE__ */ defineComponent({
     async function handleSubmit() {
       var _a2;
       try {
+        if (formState.value === "submitting") return;
+        formState.value = "submitting";
         await ((_a2 = props2.onSubmit) == null ? void 0 : _a2.call(props2, formData.value));
         initialFormData.value = structuredClone(formData.value);
         formState.value = "success";
+        window.parent.postMessage({ type: "BAGEL_FORM_SUCCESS", data: formData.value }, "*");
       } catch (error) {
         formState.value = "error";
       }
@@ -15145,7 +15159,8 @@ const _sfc_main$S = /* @__PURE__ */ defineComponent({
         renderSlot(_ctx.$slots, "submit", {
           submit: handleSubmit,
           isDirty: isDirty.value,
-          validateForm
+          validateForm,
+          formState: formState.value
         }),
         formState.value === "success" ? renderSlot(_ctx.$slots, "success", { key: 2 }) : createCommentVNode("", true),
         formState.value === "error" ? renderSlot(_ctx.$slots, "error", { key: 3 }) : createCommentVNode("", true)
@@ -42144,7 +42159,7 @@ const _hoisted_5$1 = {
 };
 const _hoisted_6$1 = ["onClick"];
 const _hoisted_7$1 = ["onClick"];
-const _hoisted_8$1 = ["onMousedown", "onMouseover", "onFocusin", "onDblclick", "onKeydown"];
+const _hoisted_8$1 = ["tabindex", "onMousedown", "onMouseover", "onFocusin", "onDblclick", "onKeydown"];
 const _hoisted_9$1 = ["value", "onInput"];
 const _hoisted_10$1 = { class: "spreadsheet-cell spreadsheetCellPlaceHolder" };
 const _hoisted_11$1 = {
@@ -42164,7 +42179,7 @@ const _hoisted_16 = {
 };
 const _hoisted_17 = ["onClick"];
 const _hoisted_18 = ["onClick"];
-const _hoisted_19 = ["onMousedown", "onMouseover", "onFocusin", "onDblclick", "onKeydown"];
+const _hoisted_19 = ["tabindex", "onMousedown", "onMouseover", "onFocusin", "onDblclick", "onKeydown"];
 const _hoisted_20 = ["value", "onInput"];
 const _hoisted_21 = { class: "spreadsheet-cell spreadsheetCellPlaceHolder" };
 const _hoisted_22 = {
@@ -42248,7 +42263,8 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
           format: (configuredColumn == null ? void 0 : configuredColumn.format) ?? "text",
           width: configuredColumn == null ? void 0 : configuredColumn.width,
           fixed: (configuredColumn == null ? void 0 : configuredColumn.fixed) ?? false,
-          hidden: (configuredColumn == null ? void 0 : configuredColumn.hidden) ?? false
+          hidden: (configuredColumn == null ? void 0 : configuredColumn.hidden) ?? false,
+          defaultValue: configuredColumn == null ? void 0 : configuredColumn.defaultValue
         };
       });
     });
@@ -42323,7 +42339,6 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     const isSelecting = ref(false);
     const selectionStart = ref(null);
     const selectionEnd = ref(null);
-    ref([]);
     const editingCell = ref(null);
     const editInputRef = ref(/* @__PURE__ */ new Map());
     function setInputRef(el, key) {
@@ -42418,7 +42433,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
       if (column == null ? void 0 : column.locked) return;
       saveState("cell");
       const parsedValue = parseValueForFormat(newValue, column == null ? void 0 : column.format);
-      localRows.value[rowIndex][key] = parsedValue;
+      localRows.value[rowIndex][key] = parsedValue ?? (column == null ? void 0 : column.defaultValue) ?? ((column == null ? void 0 : column.format) === "boolean" ? false : "");
       emitUpdate();
     }
     const fixedColumns = computed(() => {
@@ -42430,7 +42445,11 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     function createEmptyRow() {
       const newRow = {};
       columns.value.forEach((col) => {
-        newRow[col.key] = col.format === "boolean" ? false : "";
+        if (col.defaultValue !== void 0) {
+          newRow[col.key] = col.defaultValue;
+        } else {
+          newRow[col.key] = col.format === "boolean" ? false : "";
+        }
       });
       return newRow;
     }
@@ -42510,6 +42529,9 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
         const input = editInputRef.value.get(inputKey);
         if (input) {
           input.focus();
+          if (initialKey !== void 0) {
+            input.value = initialKey;
+          }
         }
       });
     }
@@ -42524,7 +42546,17 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
       }
       editingCell.value = null;
       editingOriginalValue.value = null;
-      console.log(editingCell.value);
+    }
+    function handleStopEditingAndBlur(cancelled = false) {
+      nextTick(() => {
+        stopEditing(cancelled);
+        nextTick(() => {
+          const spreadsheet = document.querySelector(".spreadsheet");
+          if (spreadsheet) {
+            spreadsheet.focus();
+          }
+        });
+      });
     }
     window.addEventListener("mouseup", handleMouseUp);
     function selectEntireRow(rowIndex) {
@@ -42677,7 +42709,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
                           locked: !isCellEditable(col.key)
                         }),
                         style: normalizeStyle({ width: col.width }),
-                        tabindex: "0",
+                        tabindex: col.hidden ? void 0 : 0,
                         onMousedown: ($event) => handleMouseDown(rowIndex, fixedColumns.value.indexOf(col)),
                         onMouseover: ($event) => handleMouseOver(rowIndex, fixedColumns.value.indexOf(col)),
                         onFocusin: ($event) => handleMouseOver(rowIndex, fixedColumns.value.indexOf(col)),
@@ -42691,12 +42723,11 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
                             value: row[col.key],
                             type: "text",
                             class: "spreadsheet-input",
-                            autofocus: "",
                             onInput: (e) => updateCell(rowIndex, col.key, e.target.value),
-                            onBlur: _cache[1] || (_cache[1] = ($event) => stopEditing(false)),
+                            onBlur: _cache[1] || (_cache[1] = ($event) => handleStopEditingAndBlur(false)),
                             onKeydown: [
-                              _cache[2] || (_cache[2] = withKeys(withModifiers(($event) => stopEditing(true), ["prevent"]), ["esc"])),
-                              _cache[3] || (_cache[3] = withKeys(withModifiers(($event) => stopEditing(false), ["prevent"]), ["enter"]))
+                              _cache[2] || (_cache[2] = withKeys(withModifiers(($event) => handleStopEditingAndBlur(false), ["prevent"]), ["enter"])),
+                              _cache[3] || (_cache[3] = withKeys(withModifiers(($event) => handleStopEditingAndBlur(true), ["prevent"]), ["esc"]))
                             ],
                             onMousedown: _cache[4] || (_cache[4] = withModifiers(() => {
                             }, ["stop"]))
@@ -42761,7 +42792,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
                             locked: !isCellEditable(col.key)
                           }),
                           style: normalizeStyle({ width: col.width }),
-                          tabindex: "0",
+                          tabindex: col.hidden ? void 0 : 0,
                           onMousedown: ($event) => handleMouseDown(rowIndex, fixedColumns.value.length + colIndex),
                           onMouseover: ($event) => handleMouseOver(rowIndex, fixedColumns.value.length + colIndex),
                           onFocusin: ($event) => handleMouseOver(rowIndex, fixedColumns.value.length + colIndex),
@@ -42775,12 +42806,11 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
                               value: row[col.key],
                               type: "text",
                               class: "spreadsheet-input",
-                              autofocus: "",
                               onInput: (e) => updateCell(rowIndex, col.key, e.target.value),
-                              onBlur: _cache[6] || (_cache[6] = ($event) => stopEditing(false)),
+                              onBlur: _cache[6] || (_cache[6] = ($event) => handleStopEditingAndBlur(false)),
                               onKeydown: [
-                                _cache[7] || (_cache[7] = withKeys(withModifiers(($event) => stopEditing(true), ["prevent"]), ["esc"])),
-                                _cache[8] || (_cache[8] = withKeys(withModifiers(($event) => stopEditing(false), ["prevent"]), ["enter"]))
+                                _cache[7] || (_cache[7] = withKeys(withModifiers(($event) => handleStopEditingAndBlur(false), ["prevent"]), ["enter"])),
+                                _cache[8] || (_cache[8] = withKeys(withModifiers(($event) => handleStopEditingAndBlur(true), ["prevent"]), ["esc"]))
                               ],
                               onMousedown: _cache[9] || (_cache[9] = withModifiers(() => {
                               }, ["stop"]))
@@ -42827,7 +42857,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Index = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-c988b157"]]);
+const Index = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__scopeId", "data-v-ea9bc123"]]);
 const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   __name: "Title",
   props: {
@@ -43695,7 +43725,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createBlock(Transition, { name: "fade" }, {
         default: withCtx(() => {
-          var _a2, _b, _c, _d, _e2, _f, _g, _h;
+          var _a2, _b, _c, _d, _e2, _f, _g, _h, _i, _j;
           return [
             unref(isOpen) ? (openBlock(), createElementBlock("div", {
               key: 0,
@@ -43756,7 +43786,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       onClick: _cache[2] || (_cache[2] = ($event) => zoom.value++)
                     }, null, 8, ["disabled"])
                   ])) : createCommentVNode("", true),
-                  ((_c = unref(currentItem)) == null ? void 0 : _c.openFile) ? (openBlock(), createBlock(unref(Btn), {
+                  ((_c = unref(currentItem)) == null ? void 0 : _c.openFile) && ((_d = unref(currentItem)) == null ? void 0 : _d.src) ? (openBlock(), createBlock(unref(Btn), {
                     key: 1,
                     class: "color-white",
                     round: "",
@@ -43764,10 +43794,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     flat: "",
                     iconEnd: "arrow_outward",
                     value: "Open File",
-                    href: (_d = unref(currentItem)) == null ? void 0 : _d.src,
+                    href: (_e2 = unref(currentItem)) == null ? void 0 : _e2.src,
                     target: "_blank"
                   }, null, 8, ["href"])) : createCommentVNode("", true),
-                  ((_e2 = unref(currentItem)) == null ? void 0 : _e2.download) ? (openBlock(), createBlock(unref(Btn), {
+                  ((_f = unref(currentItem)) == null ? void 0 : _f.download) && ((_g = unref(currentItem)) == null ? void 0 : _g.src) ? (openBlock(), createBlock(unref(Btn), {
                     key: 2,
                     class: "color-white",
                     round: "",
@@ -43775,10 +43805,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     flat: "",
                     icon: "download",
                     value: "Download File",
-                    href: upgradeHeaders((_f = unref(currentItem)) == null ? void 0 : _f.src),
+                    href: upgradeHeaders((_h = unref(currentItem)) == null ? void 0 : _h.src),
                     download: ""
                   }, null, 8, ["href"])) : createCommentVNode("", true),
-                  !((_g = unref(currentItem)) == null ? void 0 : _g.openFile) && !((_h = unref(currentItem)) == null ? void 0 : _h.download) ? (openBlock(), createElementBlock("div", _hoisted_4)) : createCommentVNode("", true)
+                  !((_i = unref(currentItem)) == null ? void 0 : _i.openFile) && !((_j = unref(currentItem)) == null ? void 0 : _j.download) ? (openBlock(), createElementBlock("div", _hoisted_4)) : createCommentVNode("", true)
                 ]),
                 createVNode(unref(Carousel), {
                   index: unref(currentIndex),
@@ -43803,18 +43833,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                             createVNode(unref(Image$1), {
                               draggable: false,
                               src: item == null ? void 0 : item.src,
+                              pathKey: item == null ? void 0 : item.pathKey,
                               alt: "Preview",
                               class: "vw90 lightbox-image"
-                            }, null, 8, ["src"])
+                            }, null, 8, ["src", "pathKey"])
                           ]),
                           _: 2
-                        }, 1032, ["zoom", "disabled"])) : (item == null ? void 0 : item.type) === "video" ? (openBlock(), createBlock(unref(BglVideo), {
+                        }, 1032, ["zoom", "disabled"])) : (item == null ? void 0 : item.type) === "video" && (item == null ? void 0 : item.src) ? (openBlock(), createBlock(unref(BglVideo), {
                           key: 1,
                           src: item == null ? void 0 : item.src,
                           autoplay: "",
                           controls: "",
                           class: "vw90"
-                        }, null, 8, ["src"])) : (item == null ? void 0 : item.type) === "pdf" ? (openBlock(), createElementBlock("embed", {
+                        }, null, 8, ["src"])) : (item == null ? void 0 : item.type) === "pdf" && (item == null ? void 0 : item.src) ? (openBlock(), createElementBlock("embed", {
                           key: 2,
                           src: unref(normalizeURL)(item == null ? void 0 : item.src),
                           type: "application/pdf",
@@ -43886,7 +43917,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Lightbox$1 = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-f833758f"]]);
+const Lightbox$1 = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-194584ac"]]);
 const groups = {};
 let clickHandler = (_e2) => void 0;
 const lightboxDirective = {
@@ -44285,7 +44316,8 @@ 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.filter((c2) => typeof c2 !== "string"));
+      const fieldChildren = field.children.filter((c2) => typeof c2 === "object" && "$el" in c2);
+      const child = findBglFieldById(id, fieldChildren);
       if (child) return child;
     }
   }