@youcan/celeste 0.6.72 → 0.6.74

package/dist/cjs/chunks/index2.js

@@ -1,8 +1,8 @@
 "use strict";
-const Mo = require("vue");
+const No = require("vue");
 function tryOnScopeDispose(fn) {
-  if (Mo.getCurrentScope()) {
-    Mo.onScopeDispose(fn);
+  if (No.getCurrentScope()) {
+    No.onScopeDispose(fn);
     return true;
   }
   return false;
@@ -11,22 +11,22 @@ const localProvidedStateMap = /* @__PURE__ */ new WeakMap();
 const injectLocal = /* @__NO_SIDE_EFFECTS__ */ (...args) => {
   var _a;
   const key = args[0];
-  const instance = (_a = Mo.getCurrentInstance()) == null ? void 0 : _a.proxy;
-  if (instance == null && !Mo.hasInjectionContext())
+  const instance = (_a = No.getCurrentInstance()) == null ? void 0 : _a.proxy;
+  if (instance == null && !No.hasInjectionContext())
     throw new Error("injectLocal must be called in setup");
   if (instance && localProvidedStateMap.has(instance) && key in localProvidedStateMap.get(instance))
     return localProvidedStateMap.get(instance)[key];
-  return Mo.inject(...args);
+  return No.inject(...args);
 };
 function toReactive(objectRef) {
-  if (!Mo.isRef(objectRef))
-    return Mo.reactive(objectRef);
+  if (!No.isRef(objectRef))
+    return No.reactive(objectRef);
   const proxy = new Proxy({}, {
     get(_, p, receiver) {
-      return Mo.unref(Reflect.get(objectRef.value, p, receiver));
+      return No.unref(Reflect.get(objectRef.value, p, receiver));
     },
     set(_, p, value) {
-      if (Mo.isRef(objectRef.value[p]) && !Mo.isRef(value))
+      if (No.isRef(objectRef.value[p]) && !No.isRef(value))
         objectRef.value[p].value = value;
       else
         objectRef.value[p] = value;
@@ -48,15 +48,15 @@ function toReactive(objectRef) {
       };
     }
   });
-  return Mo.reactive(proxy);
+  return No.reactive(proxy);
 }
 function reactiveComputed(fn) {
-  return toReactive(Mo.computed(fn));
+  return toReactive(No.computed(fn));
 }
 function reactiveOmit(obj, ...keys) {
   const flatKeys = keys.flat();
   const predicate = flatKeys[0];
-  return reactiveComputed(() => typeof predicate === "function" ? Object.fromEntries(Object.entries(Mo.toRefs(obj)).filter(([k, v]) => !predicate(Mo.toValue(v), k))) : Object.fromEntries(Object.entries(Mo.toRefs(obj)).filter((e) => !flatKeys.includes(e[0]))));
+  return reactiveComputed(() => typeof predicate === "function" ? Object.fromEntries(Object.entries(No.toRefs(obj)).filter(([k, v]) => !predicate(No.toValue(v), k))) : Object.fromEntries(Object.entries(No.toRefs(obj)).filter((e) => !flatKeys.includes(e[0]))));
 }
 const isClient = typeof window !== "undefined" && typeof document !== "undefined";
 typeof WorkerGlobalScope !== "undefined" && globalThis instanceof WorkerGlobalScope;
@@ -70,7 +70,7 @@ function toArray(value) {
   return Array.isArray(value) ? value : [value];
 }
 function watchImmediate(source, cb, options) {
-  return Mo.watch(
+  return No.watch(
     source,
     cb,
     {

package/dist/cjs/chunks/index3.js

@@ -1,11 +1,11 @@
 "use strict";
 const index = require("./index2.js");
-const Mo = require("vue");
+const No = require("vue");
 const defaultWindow = index.isClient ? window : void 0;
 const defaultDocument = index.isClient ? window.document : void 0;
 function unrefElement(elRef) {
   var _a;
-  const plain = Mo.toValue(elRef);
+  const plain = No.toValue(elRef);
   return (_a = plain == null ? void 0 : plain.$el) != null ? _a : plain;
 }
 function useEventListener(...args) {
@@ -18,8 +18,8 @@ function useEventListener(...args) {
     el.addEventListener(event, listener, options);
     return () => el.removeEventListener(event, listener, options);
   };
-  const firstParamTargets = Mo.computed(() => {
-    const test = index.toArray(Mo.toValue(args[0])).filter((e) => e != null);
+  const firstParamTargets = No.computed(() => {
+    const test = index.toArray(No.toValue(args[0])).filter((e) => e != null);
     return test.every((e) => typeof e !== "string") ? test : void 0;
   });
   const stopWatch = index.watchImmediate(
@@ -27,10 +27,10 @@ function useEventListener(...args) {
       var _a, _b;
       return [
         (_b = (_a = firstParamTargets.value) == null ? void 0 : _a.map((e) => unrefElement(e))) != null ? _b : [defaultWindow].filter((e) => e != null),
-        index.toArray(Mo.toValue(firstParamTargets.value ? args[1] : args[0])),
-        index.toArray(Mo.unref(firstParamTargets.value ? args[2] : args[1])),
+        index.toArray(No.toValue(firstParamTargets.value ? args[1] : args[0])),
+        index.toArray(No.unref(firstParamTargets.value ? args[2] : args[1])),
         // @ts-expect-error - TypeScript gets the correct types, but somehow still complains
-        Mo.toValue(firstParamTargets.value ? args[3] : args[2])
+        No.toValue(firstParamTargets.value ? args[3] : args[2])
       ];
     },
     ([raw_targets, raw_events, raw_listeners, raw_options]) => {
@@ -57,10 +57,10 @@ function useEventListener(...args) {
 }
 // @__NO_SIDE_EFFECTS__
 function useMounted() {
-  const isMounted = Mo.shallowRef(false);
-  const instance = Mo.getCurrentInstance();
+  const isMounted = No.shallowRef(false);
+  const instance = No.getCurrentInstance();
   if (instance) {
-    Mo.onMounted(() => {
+    No.onMounted(() => {
       isMounted.value = true;
     }, instance);
   }
@@ -69,7 +69,7 @@ function useMounted() {
 // @__NO_SIDE_EFFECTS__
 function useSupported(callback) {
   const isMounted = /* @__PURE__ */ useMounted();
-  return Mo.computed(() => {
+  return No.computed(() => {
     isMounted.value;
     return Boolean(callback());
   });
@@ -77,22 +77,22 @@ function useSupported(callback) {
 const ssrWidthSymbol = Symbol("vueuse-ssr-width");
 // @__NO_SIDE_EFFECTS__
 function useSSRWidth() {
-  const ssrWidth = Mo.hasInjectionContext() ? index.injectLocal(ssrWidthSymbol, null) : null;
+  const ssrWidth = No.hasInjectionContext() ? index.injectLocal(ssrWidthSymbol, null) : null;
   return typeof ssrWidth === "number" ? ssrWidth : void 0;
 }
 function useMediaQuery(query, options = {}) {
   const { window: window2 = defaultWindow, ssrWidth = /* @__PURE__ */ useSSRWidth() } = options;
   const isSupported = /* @__PURE__ */ useSupported(() => window2 && "matchMedia" in window2 && typeof window2.matchMedia === "function");
-  const ssrSupport = Mo.shallowRef(typeof ssrWidth === "number");
-  const mediaQuery = Mo.shallowRef();
-  const matches = Mo.shallowRef(false);
+  const ssrSupport = No.shallowRef(typeof ssrWidth === "number");
+  const mediaQuery = No.shallowRef();
+  const matches = No.shallowRef(false);
   const handler = (event) => {
     matches.value = event.matches;
   };
-  Mo.watchEffect(() => {
+  No.watchEffect(() => {
     if (ssrSupport.value) {
       ssrSupport.value = !isSupported.value;
-      const queryStrings = Mo.toValue(query).split(",");
+      const queryStrings = No.toValue(query).split(",");
       matches.value = queryStrings.some((queryString) => {
         const not = queryString.includes("not all");
         const minWidth = queryString.match(/\(\s*min-width:\s*(-?\d+(?:\.\d*)?[a-z]+\s*)\)/);
@@ -110,19 +110,19 @@ function useMediaQuery(query, options = {}) {
     }
     if (!isSupported.value)
       return;
-    mediaQuery.value = window2.matchMedia(Mo.toValue(query));
+    mediaQuery.value = window2.matchMedia(No.toValue(query));
     matches.value = mediaQuery.value.matches;
   });
   useEventListener(mediaQuery, "change", handler, { passive: true });
-  return Mo.computed(() => matches.value);
+  return No.computed(() => matches.value);
 }
 function cloneFnJSON(source) {
   return JSON.parse(JSON.stringify(source));
 }
 function useDropZone(target, options = {}) {
   var _a, _b;
-  const isOverDropZone = Mo.shallowRef(false);
-  const files = Mo.shallowRef(null);
+  const isOverDropZone = No.shallowRef(false);
+  const files = No.shallowRef(null);
   let counter = 0;
   let isValid = true;
   if (index.isClient) {
@@ -135,7 +135,7 @@ function useDropZone(target, options = {}) {
       return list.length === 0 ? null : multiple ? list : [list[0]];
     };
     const checkDataTypes = (types) => {
-      const dataTypes = Mo.unref(_options.dataTypes);
+      const dataTypes = No.unref(_options.dataTypes);
       if (typeof dataTypes === "function")
         return dataTypes(types);
       if (!(dataTypes == null ? void 0 : dataTypes.length))
@@ -217,7 +217,7 @@ function useVModel(props, key, emit, options = {}) {
     defaultValue,
     shouldEmit
   } = options;
-  const vm = Mo.getCurrentInstance();
+  const vm = No.getCurrentInstance();
   const _emit = emit || (vm == null ? void 0 : vm.emit) || ((_a = vm == null ? void 0 : vm.$emit) == null ? void 0 : _a.bind(vm)) || ((_c = (_b = vm == null ? void 0 : vm.proxy) == null ? void 0 : _b.$emit) == null ? void 0 : _c.bind(vm == null ? void 0 : vm.proxy));
   let event = eventName;
   event = event || `update:${key.toString()}`;
@@ -233,19 +233,19 @@ function useVModel(props, key, emit, options = {}) {
   };
   if (passive) {
     const initialValue = getValue();
-    const proxy = Mo.ref(initialValue);
+    const proxy = No.ref(initialValue);
     let isUpdating = false;
-    Mo.watch(
+    No.watch(
       () => props[key],
       (v) => {
         if (!isUpdating) {
           isUpdating = true;
           proxy.value = cloneFn(v);
-          Mo.nextTick(() => isUpdating = false);
+          No.nextTick(() => isUpdating = false);
         }
       }
     );
-    Mo.watch(
+    No.watch(
       proxy,
       (v) => {
         if (!isUpdating && (v !== props[key] || deep))
@@ -255,7 +255,7 @@ function useVModel(props, key, emit, options = {}) {
     );
     return proxy;
   } else {
-    return Mo.computed({
+    return No.computed({
       get() {
         return getValue();
       },

package/dist/cjs/chunks/index4.js

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const index = require("./index5.js");
 const index$1 = require("./index.js");
-const Mo = require("vue");
+const index = require("./index5.js");
+const No = require("vue");
 var readFromCache;
 var addToCache;
 if (typeof WeakMap != "undefined") {
@@ -825,10 +825,13 @@ var BubbleMenuView = class {
     updateDelay = 250,
     resizeDelay = 60,
     shouldShow,
+    appendTo,
+    getReferencedVirtualElement,
     options
   }) {
     this.preventHide = false;
     this.isVisible = false;
+    this.scrollTarget = window;
     this.floatingUIOptions = {
       strategy: "absolute",
       placement: "top",
@@ -874,12 +877,16 @@ var BubbleMenuView = class {
       setTimeout(() => this.update(this.editor.view));
     };
     this.blurHandler = ({ event }) => {
-      var _a;
+      var _a2;
+      if (this.editor.isDestroyed) {
+        this.destroy();
+        return;
+      }
       if (this.preventHide) {
         this.preventHide = false;
         return;
       }
-      if ((event == null ? void 0 : event.relatedTarget) && ((_a = this.element.parentNode) == null ? void 0 : _a.contains(event.relatedTarget))) {
+      if ((event == null ? void 0 : event.relatedTarget) && ((_a2 = this.element.parentNode) == null ? void 0 : _a2.contains(event.relatedTarget))) {
         return;
       }
       if ((event == null ? void 0 : event.relatedTarget) === this.editor.view.dom) {
@@ -914,11 +921,21 @@ var BubbleMenuView = class {
       this.updatePosition();
       this.show();
     };
+    this.transactionHandler = ({ transaction: tr }) => {
+      const meta = tr.getMeta("bubbleMenu");
+      if (meta === "updatePosition") {
+        this.updatePosition();
+      }
+    };
+    var _a;
     this.editor = editor;
     this.element = element;
     this.view = view;
     this.updateDelay = updateDelay;
     this.resizeDelay = resizeDelay;
+    this.appendTo = appendTo;
+    this.scrollTarget = (_a = options == null ? void 0 : options.scrollTarget) != null ? _a : window;
+    this.getReferencedVirtualElement = getReferencedVirtualElement;
     this.floatingUIOptions = {
       ...this.floatingUIOptions,
       ...options
@@ -931,10 +948,13 @@ var BubbleMenuView = class {
     this.view.dom.addEventListener("dragstart", this.dragstartHandler);
     this.editor.on("focus", this.focusHandler);
     this.editor.on("blur", this.blurHandler);
+    this.editor.on("transaction", this.transactionHandler);
     window.addEventListener("resize", this.resizeHandler);
+    this.scrollTarget.addEventListener("scroll", this.resizeHandler);
     this.update(view, view.state);
     if (this.getShouldShow()) {
       this.show();
+      this.updatePosition();
     }
   }
   get middlewares() {
@@ -975,13 +995,31 @@ var BubbleMenuView = class {
     }
     return middlewares;
   }
-  updatePosition() {
+  get virtualElement() {
+    var _a;
     const { selection } = this.editor.state;
+    const referencedVirtualElement = (_a = this.getReferencedVirtualElement) == null ? void 0 : _a.call(this);
+    if (referencedVirtualElement) {
+      return referencedVirtualElement;
+    }
     const domRect = index.posToDOMRect(this.view, selection.from, selection.to);
     let virtualElement = {
       getBoundingClientRect: () => domRect,
       getClientRects: () => [domRect]
     };
+    if (selection instanceof index.NodeSelection) {
+      let node = this.view.nodeDOM(selection.from);
+      const nodeViewWrapper = node.dataset.nodeViewWrapper ? node : node.querySelector("[data-node-view-wrapper]");
+      if (nodeViewWrapper) {
+        node = nodeViewWrapper;
+      }
+      if (node) {
+        virtualElement = {
+          getBoundingClientRect: () => node.getBoundingClientRect(),
+          getClientRects: () => [node.getBoundingClientRect()]
+        };
+      }
+    }
     if (selection instanceof CellSelection) {
       const { $anchorCell, $headCell } = selection;
       const from = $anchorCell ? $anchorCell.pos : $headCell.pos;
@@ -1000,6 +1038,13 @@ var BubbleMenuView = class {
         getClientRects: () => [clientRect]
       };
     }
+    return virtualElement;
+  }
+  updatePosition() {
+    const virtualElement = this.virtualElement;
+    if (!virtualElement) {
+      return;
+    }
     index$1.computePosition(virtualElement, this.element, {
       placement: this.floatingUIOptions.placement,
       strategy: this.floatingUIOptions.strategy,
@@ -1041,7 +1086,7 @@ var BubbleMenuView = class {
       from,
       to
     });
-    return shouldShow;
+    return shouldShow || false;
   }
   show() {
     var _a;
@@ -1050,7 +1095,8 @@ var BubbleMenuView = class {
     }
     this.element.style.visibility = "visible";
     this.element.style.opacity = "1";
-    (_a = this.view.dom.parentElement) == null ? void 0 : _a.appendChild(this.element);
+    const appendToElement = typeof this.appendTo === "function" ? this.appendTo() : this.appendTo;
+    (_a = appendToElement != null ? appendToElement : this.view.dom.parentElement) == null ? void 0 : _a.appendChild(this.element);
     if (this.floatingUIOptions.onShow) {
       this.floatingUIOptions.onShow();
     }
@@ -1073,8 +1119,10 @@ var BubbleMenuView = class {
     this.element.removeEventListener("mousedown", this.mousedownHandler, { capture: true });
     this.view.dom.removeEventListener("dragstart", this.dragstartHandler);
     window.removeEventListener("resize", this.resizeHandler);
+    this.scrollTarget.removeEventListener("scroll", this.resizeHandler);
     this.editor.off("focus", this.focusHandler);
     this.editor.off("blur", this.blurHandler);
+    this.editor.off("transaction", this.transactionHandler);
     if (this.floatingUIOptions.onDestroy) {
       this.floatingUIOptions.onDestroy();
     }
@@ -1086,34 +1134,9 @@ var BubbleMenuPlugin = (options) => {
     view: (view) => new BubbleMenuView({ view, ...options })
   });
 };
-index.Extension.create({
-  name: "bubbleMenu",
-  addOptions() {
-    return {
-      element: null,
-      pluginKey: "bubbleMenu",
-      updateDelay: void 0,
-      shouldShow: null
-    };
-  },
-  addProseMirrorPlugins() {
-    if (!this.options.element) {
-      return [];
-    }
-    return [
-      BubbleMenuPlugin({
-        pluginKey: this.options.pluginKey,
-        editor: this.editor,
-        element: this.options.element,
-        updateDelay: this.options.updateDelay,
-        options: this.options.options,
-        shouldShow: this.options.shouldShow
-      })
-    ];
-  }
-});
-var BubbleMenu2 = Mo.defineComponent({
+var BubbleMenu = No.defineComponent({
   name: "BubbleMenu",
+  inheritAttrs: false,
   props: {
     pluginKey: {
       type: [String, Object],
@@ -1135,45 +1158,67 @@ var BubbleMenu2 = Mo.defineComponent({
       type: Object,
       default: () => ({})
     },
+    appendTo: {
+      type: Object,
+      default: void 0
+    },
     shouldShow: {
       type: Function,
       default: null
+    },
+    getReferencedVirtualElement: {
+      type: Function,
+      default: void 0
     }
   },
-  setup(props, { slots }) {
-    const root = Mo.ref(null);
-    Mo.onMounted(() => {
-      const { editor, options, pluginKey, resizeDelay, shouldShow, updateDelay } = props;
-      if (!root.value) {
+  setup(props, { slots, attrs }) {
+    const root = No.ref(null);
+    No.onMounted(() => {
+      const {
+        editor,
+        options,
+        pluginKey,
+        resizeDelay,
+        appendTo,
+        shouldShow,
+        getReferencedVirtualElement,
+        updateDelay
+      } = props;
+      const el = root.value;
+      if (!el) {
         return;
       }
-      root.value.style.visibility = "hidden";
-      root.value.style.position = "absolute";
-      root.value.remove();
-      editor.registerPlugin(
-        BubbleMenuPlugin({
-          editor,
-          element: root.value,
-          options,
-          pluginKey,
-          resizeDelay,
-          shouldShow,
-          updateDelay
-        })
-      );
+      el.style.visibility = "hidden";
+      el.style.position = "absolute";
+      el.remove();
+      No.nextTick(() => {
+        editor.registerPlugin(
+          BubbleMenuPlugin({
+            editor,
+            element: el,
+            options,
+            pluginKey,
+            resizeDelay,
+            appendTo,
+            shouldShow,
+            getReferencedVirtualElement,
+            updateDelay
+          })
+        );
+      });
     });
-    Mo.onBeforeUnmount(() => {
+    No.onBeforeUnmount(() => {
       const { pluginKey, editor } = props;
       editor.unregisterPlugin(pluginKey);
     });
     return () => {
       var _a;
-      return Mo.h(Mo.Teleport, { to: "body" }, Mo.h("div", { ref: root }, (_a = slots.default) == null ? void 0 : _a.call(slots)));
+      return No.h("div", { ref: root, ...attrs }, (_a = slots.default) == null ? void 0 : _a.call(slots));
     };
   }
 });
 var FloatingMenuView = class {
-  constructor({ editor, element, view, options, shouldShow }) {
+  constructor({ editor, element, view, options, appendTo, shouldShow }) {
     this.preventHide = false;
     this.isVisible = false;
     this.shouldShow = ({ view: view2, state }) => {
@@ -1235,6 +1280,7 @@ var FloatingMenuView = class {
     this.editor = editor;
     this.element = element;
     this.view = view;
+    this.appendTo = appendTo;
     this.floatingUIOptions = {
       ...this.floatingUIOptions,
       ...options
@@ -1249,6 +1295,7 @@ var FloatingMenuView = class {
     this.update(view, view.state);
     if (this.getShouldShow()) {
       this.show();
+      this.updatePosition();
     }
   }
   getTextContent(node) {
@@ -1342,7 +1389,8 @@ var FloatingMenuView = class {
     }
     this.element.style.visibility = "visible";
     this.element.style.opacity = "1";
-    (_a = this.view.dom.parentElement) == null ? void 0 : _a.appendChild(this.element);
+    const appendToElement = typeof this.appendTo === "function" ? this.appendTo() : this.appendTo;
+    (_a = appendToElement != null ? appendToElement : this.view.dom.parentElement) == null ? void 0 : _a.appendChild(this.element);
     if (this.floatingUIOptions.onShow) {
       this.floatingUIOptions.onShow();
     }
@@ -1376,33 +1424,9 @@ var FloatingMenuPlugin = (options) => {
     view: (view) => new FloatingMenuView({ view, ...options })
   });
 };
-index.Extension.create({
-  name: "floatingMenu",
-  addOptions() {
-    return {
-      element: null,
-      options: {},
-      pluginKey: "floatingMenu",
-      shouldShow: null
-    };
-  },
-  addProseMirrorPlugins() {
-    if (!this.options.element) {
-      return [];
-    }
-    return [
-      FloatingMenuPlugin({
-        pluginKey: this.options.pluginKey,
-        editor: this.editor,
-        element: this.options.element,
-        options: this.options.options,
-        shouldShow: this.options.shouldShow
-      })
-    ];
-  }
-});
-var FloatingMenu2 = Mo.defineComponent({
+No.defineComponent({
   name: "FloatingMenu",
+  inheritAttrs: false,
   props: {
     pluginKey: {
       // TODO: TypeScript breaks :(
@@ -1418,40 +1442,45 @@ var FloatingMenu2 = Mo.defineComponent({
       type: Object,
       default: () => ({})
     },
+    appendTo: {
+      type: Object,
+      default: void 0
+    },
     shouldShow: {
       type: Function,
       default: null
     }
   },
-  setup(props, { slots }) {
-    const root = Mo.ref(null);
-    Mo.onMounted(() => {
-      const { pluginKey, editor, options, shouldShow } = props;
-      if (!root.value) {
+  setup(props, { slots, attrs }) {
+    const root = No.ref(null);
+    No.onMounted(() => {
+      const { pluginKey, editor, options, appendTo, shouldShow } = props;
+      const el = root.value;
+      if (!el) {
         return;
       }
-      root.value.style.visibility = "hidden";
-      root.value.style.position = "absolute";
-      root.value.remove();
+      el.style.visibility = "hidden";
+      el.style.position = "absolute";
+      el.remove();
       editor.registerPlugin(
         FloatingMenuPlugin({
           pluginKey,
           editor,
-          element: root.value,
+          element: el,
           options,
+          appendTo,
           shouldShow
         })
       );
     });
-    Mo.onBeforeUnmount(() => {
+    No.onBeforeUnmount(() => {
       const { pluginKey, editor } = props;
       editor.unregisterPlugin(pluginKey);
     });
     return () => {
       var _a;
-      return Mo.h(Mo.Teleport, { to: "body" }, Mo.h("div", { ref: root }, (_a = slots.default) == null ? void 0 : _a.call(slots)));
+      return No.h("div", { ref: root, ...attrs }, (_a = slots.default) == null ? void 0 : _a.call(slots));
     };
   }
 });
-exports.BubbleMenu = BubbleMenu2;
-exports.FloatingMenu = FloatingMenu2;
+exports.BubbleMenu = BubbleMenu;