@bagelink/vue 0.0.612 → 0.0.616

package/dist/index.cjs

@@ -5540,7 +5540,7 @@ const _export_sfc = (sfc, props2) => {
   }
   return target;
 };
-const NavBar = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["__scopeId", "data-v-e59fe705"]]);
+const NavBar = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["__scopeId", "data-v-776cab4a"]]);
 const _hoisted_1$I = {
   key: 0,
   class: "loading"
@@ -6729,7 +6729,7 @@ const _sfc_main$C = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const DataPreview = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["__scopeId", "data-v-0ffde6c7"]]);
+const DataPreview = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["__scopeId", "data-v-d3655508"]]);
 const _hoisted_1$z = {
   key: 0,
   class: "card_label"
@@ -17122,7 +17122,7 @@ const _sfc_main$o = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const CheckInput = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__scopeId", "data-v-e8fcfd5e"]]);
+const CheckInput = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__scopeId", "data-v-1aa7e2a8"]]);
 function toDate(argument) {
   const argStr = Object.prototype.toString.call(argument);
   if (argument instanceof Date || typeof argument === "object" && argStr === "[object Date]") {
@@ -28636,10 +28636,12 @@ const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
             placeholder: _ctx.placeholder || _ctx.label,
             disabled: _ctx.disabled,
             required: _ctx.required,
-            pattern: _ctx.pattern,
+            pattern: _ctx.pattern
+          }, _ctx.nativeInputAttrs, {
             onFocusout: _cache[1] || (_cache[1] = //@ts-ignore
-            (...args) => _ctx.onFocusout && _ctx.onFocusout(...args))
-          }, _ctx.nativeInputAttrs, { onInput: updateInputVal }), null, 16, _hoisted_3$d)), [
+            (...args) => _ctx.onFocusout && _ctx.onFocusout(...args)),
+            onInput: updateInputVal
+          }), null, 16, _hoisted_3$d)), [
             [vue.vModelDynamic, vue.unref(inputVal)]
           ]) : vue.withDirectives((vue.openBlock(), vue.createElementBlock("textarea", vue.mergeProps({
             key: 1,
@@ -28672,7 +28674,7 @@ const _sfc_main$j = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const TextInput = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-8e712ba3"]]);
+const TextInput = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__scopeId", "data-v-5e9a753f"]]);
 const _hoisted_1$n = { class: "primary-checkbox" };
 const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
   __name: "Checkbox",
@@ -28693,15 +28695,12 @@ const _sfc_main$i = /* @__PURE__ */ vue.defineComponent({
           type: "checkbox"
         }, null, 512), [
           [vue.vModelCheckbox, val.value]
-        ]),
-        vue.createElementVNode("span", null, [
-          vue.createVNode(vue.unref(_sfc_main$O), { icon: "check" })
         ])
       ]);
     };
   }
 });
-const Checkbox = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-2f03e6ec"]]);
+const Checkbox = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__scopeId", "data-v-0878583e"]]);
 const _hoisted_1$m = ["title"];
 const _hoisted_2$h = ["id", "placeholder", "required"];
 const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
@@ -28901,7 +28900,7 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
   }
 });
 const RadioPillsInput = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-681173be"]]);
-const _withScopeId$2 = (n2) => (vue.pushScopeId("data-v-6716fd45"), n2 = n2(), vue.popScopeId(), n2);
+const _withScopeId$2 = (n2) => (vue.pushScopeId("data-v-e848b48d"), n2 = n2(), vue.popScopeId(), n2);
 const _hoisted_1$j = { class: "bagel-input" };
 const _hoisted_2$e = {
   key: 0,
@@ -29015,9 +29014,8 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
           topic: props2.topic
         });
         storageFiles.value.push(serverFile);
-        const i2 = fileQueue.value.indexOf(file);
-        fileQueue.value.splice(i2, 1);
       }
+      fileQueue.value.splice(0, fileQueue.value.length);
       updateModelValue();
     }
     function browse() {
@@ -29027,12 +29025,14 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
       input.onchange = (e) => {
         const target = e.target;
         if (target.files) {
-          Array.from(target.files).forEach(
-            (file) => fileQueue.value.push({ name: file.name, file, progress: 0 })
-          );
+          const files = Array.from(target.files);
+          for (const file of files) {
+            fileQueue.value.push({ name: file.name, file, progress: 0 });
+          }
         }
         flushQueue();
       };
+      console.log(fileQueue.value);
       input.click();
     }
     function dragleave(e) {
@@ -29145,8 +29145,8 @@ const _sfc_main$e = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const $el = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-6716fd45"]]);
-const _withScopeId$1 = (n2) => (vue.pushScopeId("data-v-dbc06a4f"), n2 = n2(), vue.popScopeId(), n2);
+const $el = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__scopeId", "data-v-e848b48d"]]);
+const _withScopeId$1 = (n2) => (vue.pushScopeId("data-v-06b95183"), n2 = n2(), vue.popScopeId(), n2);
 const _hoisted_1$i = ["title"];
 const _hoisted_2$d = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ vue.createElementVNode("span", { class: "slider round" }, null, -1));
 const _hoisted_3$9 = [
@@ -29177,9 +29177,8 @@ const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
     });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", {
-        class: vue.normalizeClass(["bagel-input bgl-checkbox gap-1 align-items-center", { small: _ctx.small }]),
-        title: _ctx.title,
-        onClick: _cache[1] || (_cache[1] = vue.withModifiers(($event) => checked.value = !checked.value, ["prevent"]))
+        class: vue.normalizeClass(["bagel-input bgl-toggle", { small: _ctx.small }]),
+        title: _ctx.title
       }, [
         vue.createElementVNode("div", {
           class: vue.normalizeClass(["switch", { checked: checked.value }])
@@ -29201,7 +29200,7 @@ const _sfc_main$d = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const ToggleInput = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__scopeId", "data-v-dbc06a4f"]]);
+const ToggleInput = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__scopeId", "data-v-06b95183"]]);
 function OrderedMap(content) {
   this.content = content;
 }
@@ -31230,11 +31229,11 @@ function checkAttrs(attrs, values3, type3, name) {
       attr.validate(values3[name2]);
   }
 }
-function initAttrs(attrs) {
+function initAttrs(typeName, attrs) {
   let result2 = /* @__PURE__ */ Object.create(null);
   if (attrs)
     for (let name in attrs)
-      result2[name] = new Attribute(attrs[name]);
+      result2[name] = new Attribute(typeName, name, attrs[name]);
   return result2;
 }
 let NodeType$1 = class NodeType2 {
@@ -31247,7 +31246,7 @@ let NodeType$1 = class NodeType2 {
     this.spec = spec;
     this.markSet = null;
     this.groups = spec.group ? spec.group.split(" ") : [];
-    this.attrs = initAttrs(spec.attrs);
+    this.attrs = initAttrs(name, spec.attrs);
     this.defaultAttrs = defaultAttrs(this.attrs);
     this.contentMatch = null;
     this.inlineContent = null;
@@ -31435,19 +31434,19 @@ let NodeType$1 = class NodeType2 {
     return result2;
   }
 };
-function validateType(type3) {
+function validateType(typeName, attrName, type3) {
   let types = type3.split("|");
   return (value) => {
     let name = value === null ? "null" : typeof value;
     if (types.indexOf(name) < 0)
-      throw new RangeError(`Expected value of type ${types}, got ${name}`);
+      throw new RangeError(`Expected value of type ${types} for attribute ${attrName} on type ${typeName}, got ${name}`);
   };
 }
 class Attribute {
-  constructor(options) {
+  constructor(typeName, attrName, options) {
     this.hasDefault = Object.prototype.hasOwnProperty.call(options, "default");
     this.default = options.default;
-    this.validate = typeof options.validate == "string" ? validateType(options.validate) : options.validate;
+    this.validate = typeof options.validate == "string" ? validateType(typeName, attrName, options.validate) : options.validate;
   }
   get isRequired() {
     return !this.hasDefault;
@@ -31462,7 +31461,7 @@ class MarkType {
     this.rank = rank;
     this.schema = schema;
     this.spec = spec;
-    this.attrs = initAttrs(spec.attrs);
+    this.attrs = initAttrs(name, spec.attrs);
     this.excluded = null;
     let defaults2 = defaultAttrs(this.attrs);
     this.instance = defaults2 ? new Mark$1(this, defaults2) : null;
@@ -32426,13 +32425,8 @@ class DOMSerializer {
     let toDOM = this.marks[mark.type.name];
     return toDOM && renderSpec(doc$1(options), toDOM(mark, inline), null, mark.attrs);
   }
-  /**
-  Render an [output spec](https://prosemirror.net/docs/ref/#model.DOMOutputSpec) to a DOM node. If
-  the spec has a hole (zero) in it, `contentDOM` will point at the
-  node with the hole.
-  */
-  static renderSpec(doc2, structure, xmlNS = null) {
-    return renderSpec(doc2, structure, xmlNS);
+  static renderSpec(doc2, structure, xmlNS = null, blockArraysIn) {
+    return renderSpec(doc2, structure, xmlNS, blockArraysIn);
   }
   /**
   Build a serializer using the [`toDOM`](https://prosemirror.net/docs/ref/#model.NodeSpec.toDOM)
@@ -36295,7 +36289,7 @@ class MarkViewDesc extends ViewDesc {
     let custom2 = view.nodeViews[mark.type.name];
     let spec = custom2 && custom2(mark, view, inline);
     if (!spec || !spec.dom)
-      spec = DOMSerializer.renderSpec(document, mark.type.spec.toDOM(mark, inline));
+      spec = DOMSerializer.renderSpec(document, mark.type.spec.toDOM(mark, inline), null, mark.attrs);
     return new MarkViewDesc(parent, mark, spec.dom, spec.contentDOM || spec.dom);
   }
   parseRule() {
@@ -36362,7 +36356,8 @@ class NodeViewDesc extends ViewDesc {
       else if (dom.nodeType != 3)
         throw new RangeError("Text must be rendered as a DOM text node");
     } else if (!dom) {
-      ({ dom, contentDOM } = DOMSerializer.renderSpec(document, node.type.spec.toDOM(node)));
+      let spec2 = DOMSerializer.renderSpec(document, node.type.spec.toDOM(node), null, node.attrs);
+      ({ dom, contentDOM } = spec2);
     }
     if (!contentDOM && !node.isText && dom.nodeName != "BR") {
       if (!dom.hasAttribute("contenteditable"))
@@ -38459,7 +38454,8 @@ handlers.dragstart = (view, _event) => {
   }
   let draggedSlice = (node || view.state.selection).content();
   let { dom, text, slice: slice4 } = serializeForClipboard(view, draggedSlice);
-  event.dataTransfer.clearData();
+  if (!event.dataTransfer.files.length || !chrome || chrome_version > 120)
+    event.dataTransfer.clearData();
   event.dataTransfer.setData(brokenClipboardAPI ? "Text" : "text/html", dom.innerHTML);
   event.dataTransfer.effectAllowed = "copyMove";
   if (!brokenClipboardAPI)
@@ -41490,7 +41486,7 @@ const getTextContentFromNodes = ($from, maxMatch = 500) => {
       parent,
       index: index2
     })) || node.textContent || "%leaf%";
-    textBefore += chunk.slice(0, Math.max(0, sliceEndPos - pos));
+    textBefore += node.isAtom ? chunk : chunk.slice(0, Math.max(0, sliceEndPos - pos));
   });
   return textBefore;
 };
@@ -43140,7 +43136,7 @@ function isList(name, extensions) {
   return group.split(" ").includes("list");
 }
 function isNodeEmpty(node) {
-  const defaultContent = node.type.createAndFill();
+  const defaultContent = node.type.createAndFill(node.attrs);
   if (!defaultContent) {
     return false;
   }
@@ -43317,29 +43313,29 @@ const splitBlock = ({ keepMarks = true } = {}) => ({ tr: tr2, state: state2, dis
   if (!$from.parent.isBlock) {
     return false;
   }
-  if (dispatch) {
-    const atEnd = $to.parentOffset === $to.parent.content.size;
-    if (selection instanceof TextSelection) {
-      tr2.deleteSelection();
-    }
-    const deflt = $from.depth === 0 ? void 0 : defaultBlockAt($from.node(-1).contentMatchAt($from.indexAfter(-1)));
-    let types = atEnd && deflt ? [
+  const atEnd = $to.parentOffset === $to.parent.content.size;
+  const deflt = $from.depth === 0 ? void 0 : defaultBlockAt($from.node(-1).contentMatchAt($from.indexAfter(-1)));
+  let types = atEnd && deflt ? [
+    {
+      type: deflt,
+      attrs: newAttributes
+    }
+  ] : void 0;
+  let can = canSplit(tr2.doc, tr2.mapping.map($from.pos), 1, types);
+  if (!types && !can && canSplit(tr2.doc, tr2.mapping.map($from.pos), 1, deflt ? [{ type: deflt }] : void 0)) {
+    can = true;
+    types = deflt ? [
       {
         type: deflt,
         attrs: newAttributes
       }
     ] : void 0;
-    let can = canSplit(tr2.doc, tr2.mapping.map($from.pos), 1, types);
-    if (!types && !can && canSplit(tr2.doc, tr2.mapping.map($from.pos), 1, deflt ? [{ type: deflt }] : void 0)) {
-      can = true;
-      types = deflt ? [
-        {
-          type: deflt,
-          attrs: newAttributes
-        }
-      ] : void 0;
-    }
+  }
+  if (dispatch) {
     if (can) {
+      if (selection instanceof TextSelection) {
+        tr2.deleteSelection();
+      }
       tr2.split(tr2.mapping.map($from.pos), 1, types);
       if (deflt && !atEnd && !$from.parentOffset && $from.parent.type !== deflt) {
         const first2 = tr2.mapping.map($from.before());
@@ -43354,7 +43350,7 @@ const splitBlock = ({ keepMarks = true } = {}) => ({ tr: tr2, state: state2, dis
     }
     tr2.scrollIntoView();
   }
-  return true;
+  return can;
 };
 const splitListItem = (typeOrName) => ({ tr: tr2, state: state2, dispatch, editor }) => {
   var _a2;
@@ -44358,6 +44354,9 @@ let Editor$1 = class Editor2 extends EventEmitter {
    * Creates all node views.
    */
   createNodeViews() {
+    if (this.view.isDestroyed) {
+      return;
+    }
     this.view.setProps({
       nodeViews: this.extensionManager.nodeViews
     });
@@ -44398,6 +44397,11 @@ let Editor$1 = class Editor2 extends EventEmitter {
     }
     const state2 = this.state.apply(transaction);
     const selectionHasChanged = !this.state.selection.eq(state2.selection);
+    this.emit("beforeTransaction", {
+      editor: this,
+      transaction,
+      nextState: state2
+    });
     this.view.updateState(state2);
     this.emit("transaction", {
       editor: this,
@@ -45245,7 +45249,10 @@ const CodeBlock = Node$2.create({
         }
         const nodeAfter = doc2.nodeAt(after);
         if (nodeAfter) {
-          return false;
+          return editor.commands.command(({ tr: tr2 }) => {
+            tr2.setSelection(Selection$1.near(doc2.resolve(after)));
+            return true;
+          });
         }
         return editor.commands.exitCode();
       }
@@ -49859,12 +49866,12 @@ function useDebouncedRef(value) {
 class Editor extends Editor$1 {
   constructor(options = {}) {
     super(options);
-    this.vueRenderers = vue.reactive(/* @__PURE__ */ new Map());
     this.contentComponent = null;
+    this.appContext = null;
     this.reactiveState = useDebouncedRef(this.view.state);
     this.reactiveExtensionStorage = useDebouncedRef(this.extensionStorage);
-    this.on("transaction", () => {
-      this.reactiveState.value = this.view.state;
+    this.on("beforeTransaction", ({ nextState }) => {
+      this.reactiveState.value = nextState;
       this.reactiveExtensionStorage.value = this.extensionStorage;
     });
     return vue.markRaw(this);
@@ -49911,6 +49918,16 @@ const EditorContent = vue.defineComponent({
           const element = vue.unref(rootEl2.value);
           rootEl2.value.append(...editor.options.element.childNodes);
           editor.contentComponent = instance.ctx._;
+          if (instance) {
+            editor.appContext = {
+              ...instance.appContext,
+              provides: {
+                // @ts-ignore
+                ...instance.provides,
+                ...instance.appContext.provides
+              }
+            };
+          }
           editor.setOptions({
             element
           });
@@ -49929,6 +49946,7 @@ const EditorContent = vue.defineComponent({
         });
       }
       editor.contentComponent = null;
+      editor.appContext = null;
       if (!editor.options.element.firstChild) {
         return;
       }
@@ -49941,24 +49959,11 @@ const EditorContent = vue.defineComponent({
     return { rootEl: rootEl2 };
   },
   render() {
-    const vueRenderers = [];
-    if (this.editor) {
-      this.editor.vueRenderers.forEach((vueRenderer) => {
-        const node = vue.h(vue.Teleport, {
-          to: vueRenderer.teleportElement,
-          key: vueRenderer.id
-        }, vue.h(vueRenderer.component, {
-          ref: vueRenderer.id,
-          ...vueRenderer.props
-        }));
-        vueRenderers.push(node);
-      });
-    }
     return vue.h("div", {
       ref: (el) => {
         this.rootEl = el;
       }
-    }, ...vueRenderers);
+    });
   }
 });
 vue.defineComponent({
@@ -51704,7 +51709,14 @@ function columnResizing({
     key: columnResizingPluginKey,
     state: {
       init(_2, state2) {
-        plugin.spec.props.nodeViews[tableNodeTypes(state2.schema).table.name] = (node, view) => new View(node, cellMinWidth, view);
+        var _a2, _b;
+        const nodeViews = (_b = (_a2 = plugin.spec) == null ? void 0 : _a2.props) == null ? void 0 : _b.nodeViews;
+        const tableName = tableNodeTypes(state2.schema).table.name;
+        if (View && nodeViews) {
+          nodeViews[tableName] = (node, view) => {
+            return new View(node, cellMinWidth, view);
+          };
+        }
         return new ResizeState(-1, false);
       },
       apply(tr2, prev) {
@@ -51944,10 +51956,10 @@ function handleDecorations(state2, cell) {
   }
   const map4 = TableMap.get(table);
   const start2 = $cell.start(-1);
-  const col = map4.colCount($cell.pos - start2) + $cell.nodeAfter.attrs.colspan;
+  const col = map4.colCount($cell.pos - start2) + $cell.nodeAfter.attrs.colspan - 1;
   for (let row = 0; row < map4.height; row++) {
-    const index2 = col + row * map4.width - 1;
-    if ((col == map4.width || map4.map[index2] != map4.map[index2 + 1]) && (row == 0 || map4.map[index2] != map4.map[index2 - map4.width])) {
+    const index2 = col + row * map4.width;
+    if ((col == map4.width - 1 || map4.map[index2] != map4.map[index2 + 1]) && (row == 0 || map4.map[index2] != map4.map[index2 - map4.width])) {
       const cellPos = map4.map[index2];
       const pos = start2 + cellPos + table.nodeAt(cellPos).nodeSize - 1;
       const dom = document.createElement("div");
@@ -52725,7 +52737,7 @@ const Table = Node$2.create({
     const table = [
       "table",
       mergeAttributes(this.options.HTMLAttributes, HTMLAttributes, {
-        style: tableWidth ? `width: ${tableWidth}` : `minWidth: ${tableMinWidth}`
+        style: tableWidth ? `width: ${tableWidth}` : `min-width: ${tableMinWidth}`
       }),
       colgroup,
       ["tbody", 0]
@@ -56345,7 +56357,7 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
     });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", {
-        class: "bgl_input signature-pad relative",
+        class: vue.normalizeClass(["bgl_input signature-pad relative", { "bg-transparent": _ctx.disabled }]),
         onTouchmove: _cache[0] || (_cache[0] = vue.withModifiers(() => {
         }, ["prevent"]))
       }, [
@@ -56363,7 +56375,7 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
           class: "canvas",
           disabled: _ctx.disabled
         }, null, 8, _hoisted_1$f)
-      ], 32);
+      ], 34);
     };
   }
 });