@milkdown/crepe 7.4.0 → 7.5.1

package/lib/esm/index-h1arGiXv.js

@@ -1,1958 +0,0 @@
-import { $ as $ctx, f as commonjsGlobal, g as getDefaultExportFromCjs, e as editorViewCtx, d as $prose, p as paragraphSchema, h as headingSchema, j as blockquoteSchema, k as hrSchema, o as bulletListSchema, q as orderedListSchema, c as codeBlockSchema } from './index-JkHHp3K-.js';
-import { NodeSelection, PluginKey, Plugin, TextSelection } from '@milkdown/prose/state';
-import { browser, findParentNode, posToDOMRect } from '@milkdown/prose';
-import { dropPoint, findWrapping } from '@milkdown/prose/transform';
-import { DOMSerializer } from '@milkdown/prose/model';
-import { o as offset, c as computePosition, p as platform, t, f as flip } from './composed-offset-position.browser.min-Tnm31e-m.js';
-import { d as defIfNotExists, i as isInCodeBlock, a as isInList } from './index-Jvxff1vU.js';
-import { html, c, useMemo, useHost, useState, useRef, useCallback, useEffect } from 'atomico';
-import { i as imageBlockSchema } from './schema-hVsy-vme.js';
-import { d as debounce$1 } from './index-Bg5GFp0g.js';
-import '@milkdown/prose/history';
-import '@milkdown/prose/keymap';
-import '@milkdown/prose/commands';
-import '@milkdown/prose/inputrules';
-import '@milkdown/prose/schema-list';
-import '@milkdown/prose/view';
-import './meta-3ZYGAGrY.js';
-
-function withMeta(plugin, meta) {
-  Object.assign(plugin, {
-    meta: {
-      package: "@milkdown/plugin-block",
-      ...meta
-    }
-  });
-  return plugin;
-}
-
-const defaultNodeFilter = (_pos, node) => {
-  const { name } = node.type;
-  if (name.startsWith("table") && name !== "table")
-    return false;
-  return true;
-};
-const blockConfig = $ctx({ filterNodes: defaultNodeFilter }, "blockConfig");
-withMeta(blockConfig, {
-  displayName: "Ctx<blockConfig>"
-});
-
-/**
- * lodash (Custom Build) <https://lodash.com/>
- * Build: `lodash modularize exports="npm" -o ./`
- * Copyright jQuery Foundation and other contributors <https://jquery.org/>
- * Released under MIT license <https://lodash.com/license>
- * Based on Underscore.js 1.8.3 <http://underscorejs.org/LICENSE>
- * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors
- */
-
-/** Used as the `TypeError` message for "Functions" methods. */
-var FUNC_ERROR_TEXT = 'Expected a function';
-
-/** Used as references for various `Number` constants. */
-var NAN = 0 / 0;
-
-/** `Object#toString` result references. */
-var symbolTag = '[object Symbol]';
-
-/** Used to match leading and trailing whitespace. */
-var reTrim = /^\s+|\s+$/g;
-
-/** Used to detect bad signed hexadecimal string values. */
-var reIsBadHex = /^[-+]0x[0-9a-f]+$/i;
-
-/** Used to detect binary string values. */
-var reIsBinary = /^0b[01]+$/i;
-
-/** Used to detect octal string values. */
-var reIsOctal = /^0o[0-7]+$/i;
-
-/** Built-in method references without a dependency on `root`. */
-var freeParseInt = parseInt;
-
-/** Detect free variable `global` from Node.js. */
-var freeGlobal = typeof commonjsGlobal == 'object' && commonjsGlobal && commonjsGlobal.Object === Object && commonjsGlobal;
-
-/** Detect free variable `self`. */
-var freeSelf = typeof self == 'object' && self && self.Object === Object && self;
-
-/** Used as a reference to the global object. */
-var root = freeGlobal || freeSelf || Function('return this')();
-
-/** Used for built-in method references. */
-var objectProto = Object.prototype;
-
-/**
- * Used to resolve the
- * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)
- * of values.
- */
-var objectToString = objectProto.toString;
-
-/* Built-in method references for those with the same name as other `lodash` methods. */
-var nativeMax = Math.max,
-    nativeMin = Math.min;
-
-/**
- * Gets the timestamp of the number of milliseconds that have elapsed since
- * the Unix epoch (1 January 1970 00:00:00 UTC).
- *
- * @static
- * @memberOf _
- * @since 2.4.0
- * @category Date
- * @returns {number} Returns the timestamp.
- * @example
- *
- * _.defer(function(stamp) {
- *   console.log(_.now() - stamp);
- * }, _.now());
- * // => Logs the number of milliseconds it took for the deferred invocation.
- */
-var now = function() {
-  return root.Date.now();
-};
-
-/**
- * Creates a debounced function that delays invoking `func` until after `wait`
- * milliseconds have elapsed since the last time the debounced function was
- * invoked. The debounced function comes with a `cancel` method to cancel
- * delayed `func` invocations and a `flush` method to immediately invoke them.
- * Provide `options` to indicate whether `func` should be invoked on the
- * leading and/or trailing edge of the `wait` timeout. The `func` is invoked
- * with the last arguments provided to the debounced function. Subsequent
- * calls to the debounced function return the result of the last `func`
- * invocation.
- *
- * **Note:** If `leading` and `trailing` options are `true`, `func` is
- * invoked on the trailing edge of the timeout only if the debounced function
- * is invoked more than once during the `wait` timeout.
- *
- * If `wait` is `0` and `leading` is `false`, `func` invocation is deferred
- * until to the next tick, similar to `setTimeout` with a timeout of `0`.
- *
- * See [David Corbacho's article](https://css-tricks.com/debouncing-throttling-explained-examples/)
- * for details over the differences between `_.debounce` and `_.throttle`.
- *
- * @static
- * @memberOf _
- * @since 0.1.0
- * @category Function
- * @param {Function} func The function to debounce.
- * @param {number} [wait=0] The number of milliseconds to delay.
- * @param {Object} [options={}] The options object.
- * @param {boolean} [options.leading=false]
- *  Specify invoking on the leading edge of the timeout.
- * @param {number} [options.maxWait]
- *  The maximum time `func` is allowed to be delayed before it's invoked.
- * @param {boolean} [options.trailing=true]
- *  Specify invoking on the trailing edge of the timeout.
- * @returns {Function} Returns the new debounced function.
- * @example
- *
- * // Avoid costly calculations while the window size is in flux.
- * jQuery(window).on('resize', _.debounce(calculateLayout, 150));
- *
- * // Invoke `sendMail` when clicked, debouncing subsequent calls.
- * jQuery(element).on('click', _.debounce(sendMail, 300, {
- *   'leading': true,
- *   'trailing': false
- * }));
- *
- * // Ensure `batchLog` is invoked once after 1 second of debounced calls.
- * var debounced = _.debounce(batchLog, 250, { 'maxWait': 1000 });
- * var source = new EventSource('/stream');
- * jQuery(source).on('message', debounced);
- *
- * // Cancel the trailing debounced invocation.
- * jQuery(window).on('popstate', debounced.cancel);
- */
-function debounce(func, wait, options) {
-  var lastArgs,
-      lastThis,
-      maxWait,
-      result,
-      timerId,
-      lastCallTime,
-      lastInvokeTime = 0,
-      leading = false,
-      maxing = false,
-      trailing = true;
-
-  if (typeof func != 'function') {
-    throw new TypeError(FUNC_ERROR_TEXT);
-  }
-  wait = toNumber(wait) || 0;
-  if (isObject(options)) {
-    leading = !!options.leading;
-    maxing = 'maxWait' in options;
-    maxWait = maxing ? nativeMax(toNumber(options.maxWait) || 0, wait) : maxWait;
-    trailing = 'trailing' in options ? !!options.trailing : trailing;
-  }
-
-  function invokeFunc(time) {
-    var args = lastArgs,
-        thisArg = lastThis;
-
-    lastArgs = lastThis = undefined;
-    lastInvokeTime = time;
-    result = func.apply(thisArg, args);
-    return result;
-  }
-
-  function leadingEdge(time) {
-    // Reset any `maxWait` timer.
-    lastInvokeTime = time;
-    // Start the timer for the trailing edge.
-    timerId = setTimeout(timerExpired, wait);
-    // Invoke the leading edge.
-    return leading ? invokeFunc(time) : result;
-  }
-
-  function remainingWait(time) {
-    var timeSinceLastCall = time - lastCallTime,
-        timeSinceLastInvoke = time - lastInvokeTime,
-        result = wait - timeSinceLastCall;
-
-    return maxing ? nativeMin(result, maxWait - timeSinceLastInvoke) : result;
-  }
-
-  function shouldInvoke(time) {
-    var timeSinceLastCall = time - lastCallTime,
-        timeSinceLastInvoke = time - lastInvokeTime;
-
-    // Either this is the first call, activity has stopped and we're at the
-    // trailing edge, the system time has gone backwards and we're treating
-    // it as the trailing edge, or we've hit the `maxWait` limit.
-    return (lastCallTime === undefined || (timeSinceLastCall >= wait) ||
-      (timeSinceLastCall < 0) || (maxing && timeSinceLastInvoke >= maxWait));
-  }
-
-  function timerExpired() {
-    var time = now();
-    if (shouldInvoke(time)) {
-      return trailingEdge(time);
-    }
-    // Restart the timer.
-    timerId = setTimeout(timerExpired, remainingWait(time));
-  }
-
-  function trailingEdge(time) {
-    timerId = undefined;
-
-    // Only invoke if we have `lastArgs` which means `func` has been
-    // debounced at least once.
-    if (trailing && lastArgs) {
-      return invokeFunc(time);
-    }
-    lastArgs = lastThis = undefined;
-    return result;
-  }
-
-  function cancel() {
-    if (timerId !== undefined) {
-      clearTimeout(timerId);
-    }
-    lastInvokeTime = 0;
-    lastArgs = lastCallTime = lastThis = timerId = undefined;
-  }
-
-  function flush() {
-    return timerId === undefined ? result : trailingEdge(now());
-  }
-
-  function debounced() {
-    var time = now(),
-        isInvoking = shouldInvoke(time);
-
-    lastArgs = arguments;
-    lastThis = this;
-    lastCallTime = time;
-
-    if (isInvoking) {
-      if (timerId === undefined) {
-        return leadingEdge(lastCallTime);
-      }
-      if (maxing) {
-        // Handle invocations in a tight loop.
-        timerId = setTimeout(timerExpired, wait);
-        return invokeFunc(lastCallTime);
-      }
-    }
-    if (timerId === undefined) {
-      timerId = setTimeout(timerExpired, wait);
-    }
-    return result;
-  }
-  debounced.cancel = cancel;
-  debounced.flush = flush;
-  return debounced;
-}
-
-/**
- * Creates a throttled function that only invokes `func` at most once per
- * every `wait` milliseconds. The throttled function comes with a `cancel`
- * method to cancel delayed `func` invocations and a `flush` method to
- * immediately invoke them. Provide `options` to indicate whether `func`
- * should be invoked on the leading and/or trailing edge of the `wait`
- * timeout. The `func` is invoked with the last arguments provided to the
- * throttled function. Subsequent calls to the throttled function return the
- * result of the last `func` invocation.
- *
- * **Note:** If `leading` and `trailing` options are `true`, `func` is
- * invoked on the trailing edge of the timeout only if the throttled function
- * is invoked more than once during the `wait` timeout.
- *
- * If `wait` is `0` and `leading` is `false`, `func` invocation is deferred
- * until to the next tick, similar to `setTimeout` with a timeout of `0`.
- *
- * See [David Corbacho's article](https://css-tricks.com/debouncing-throttling-explained-examples/)
- * for details over the differences between `_.throttle` and `_.debounce`.
- *
- * @static
- * @memberOf _
- * @since 0.1.0
- * @category Function
- * @param {Function} func The function to throttle.
- * @param {number} [wait=0] The number of milliseconds to throttle invocations to.
- * @param {Object} [options={}] The options object.
- * @param {boolean} [options.leading=true]
- *  Specify invoking on the leading edge of the timeout.
- * @param {boolean} [options.trailing=true]
- *  Specify invoking on the trailing edge of the timeout.
- * @returns {Function} Returns the new throttled function.
- * @example
- *
- * // Avoid excessively updating the position while scrolling.
- * jQuery(window).on('scroll', _.throttle(updatePosition, 100));
- *
- * // Invoke `renewToken` when the click event is fired, but not more than once every 5 minutes.
- * var throttled = _.throttle(renewToken, 300000, { 'trailing': false });
- * jQuery(element).on('click', throttled);
- *
- * // Cancel the trailing throttled invocation.
- * jQuery(window).on('popstate', throttled.cancel);
- */
-function throttle(func, wait, options) {
-  var leading = true,
-      trailing = true;
-
-  if (typeof func != 'function') {
-    throw new TypeError(FUNC_ERROR_TEXT);
-  }
-  if (isObject(options)) {
-    leading = 'leading' in options ? !!options.leading : leading;
-    trailing = 'trailing' in options ? !!options.trailing : trailing;
-  }
-  return debounce(func, wait, {
-    'leading': leading,
-    'maxWait': wait,
-    'trailing': trailing
-  });
-}
-
-/**
- * Checks if `value` is the
- * [language type](http://www.ecma-international.org/ecma-262/7.0/#sec-ecmascript-language-types)
- * of `Object`. (e.g. arrays, functions, objects, regexes, `new Number(0)`, and `new String('')`)
- *
- * @static
- * @memberOf _
- * @since 0.1.0
- * @category Lang
- * @param {*} value The value to check.
- * @returns {boolean} Returns `true` if `value` is an object, else `false`.
- * @example
- *
- * _.isObject({});
- * // => true
- *
- * _.isObject([1, 2, 3]);
- * // => true
- *
- * _.isObject(_.noop);
- * // => true
- *
- * _.isObject(null);
- * // => false
- */
-function isObject(value) {
-  var type = typeof value;
-  return !!value && (type == 'object' || type == 'function');
-}
-
-/**
- * Checks if `value` is object-like. A value is object-like if it's not `null`
- * and has a `typeof` result of "object".
- *
- * @static
- * @memberOf _
- * @since 4.0.0
- * @category Lang
- * @param {*} value The value to check.
- * @returns {boolean} Returns `true` if `value` is object-like, else `false`.
- * @example
- *
- * _.isObjectLike({});
- * // => true
- *
- * _.isObjectLike([1, 2, 3]);
- * // => true
- *
- * _.isObjectLike(_.noop);
- * // => false
- *
- * _.isObjectLike(null);
- * // => false
- */
-function isObjectLike(value) {
-  return !!value && typeof value == 'object';
-}
-
-/**
- * Checks if `value` is classified as a `Symbol` primitive or object.
- *
- * @static
- * @memberOf _
- * @since 4.0.0
- * @category Lang
- * @param {*} value The value to check.
- * @returns {boolean} Returns `true` if `value` is a symbol, else `false`.
- * @example
- *
- * _.isSymbol(Symbol.iterator);
- * // => true
- *
- * _.isSymbol('abc');
- * // => false
- */
-function isSymbol(value) {
-  return typeof value == 'symbol' ||
-    (isObjectLike(value) && objectToString.call(value) == symbolTag);
-}
-
-/**
- * Converts `value` to a number.
- *
- * @static
- * @memberOf _
- * @since 4.0.0
- * @category Lang
- * @param {*} value The value to process.
- * @returns {number} Returns the number.
- * @example
- *
- * _.toNumber(3.2);
- * // => 3.2
- *
- * _.toNumber(Number.MIN_VALUE);
- * // => 5e-324
- *
- * _.toNumber(Infinity);
- * // => Infinity
- *
- * _.toNumber('3.2');
- * // => 3.2
- */
-function toNumber(value) {
-  if (typeof value == 'number') {
-    return value;
-  }
-  if (isSymbol(value)) {
-    return NAN;
-  }
-  if (isObject(value)) {
-    var other = typeof value.valueOf == 'function' ? value.valueOf() : value;
-    value = isObject(other) ? (other + '') : other;
-  }
-  if (typeof value != 'string') {
-    return value === 0 ? value : +value;
-  }
-  value = value.replace(reTrim, '');
-  var isBinary = reIsBinary.test(value);
-  return (isBinary || reIsOctal.test(value))
-    ? freeParseInt(value.slice(2), isBinary ? 2 : 8)
-    : (reIsBadHex.test(value) ? NAN : +value);
-}
-
-var lodash_throttle = throttle;
-
-var throttle$1 = /*@__PURE__*/getDefaultExportFromCjs(lodash_throttle);
-
-function removePossibleTable(view, event) {
-  var _a;
-  const { state } = view;
-  const $pos = state.selection.$anchor;
-  for (let d = $pos.depth; d > 0; d--) {
-    const node = $pos.node(d);
-    if (node.type.spec.tableRole === "table") {
-      const eventPos = view.posAtCoords({ left: event.clientX, top: event.clientY });
-      if (!eventPos)
-        return null;
-      const slice = (_a = view.dragging) == null ? void 0 : _a.slice;
-      if (!slice)
-        return null;
-      const $mouse = view.state.doc.resolve(eventPos.pos);
-      const insertPos = dropPoint(view.state.doc, $mouse.pos, slice);
-      if (insertPos == null || insertPos < 0)
-        return null;
-      let tr = state.tr;
-      tr = tr.delete($pos.before(d), $pos.after(d));
-      const pos = tr.mapping.map(insertPos);
-      tr = tr.replaceRange(pos, pos, slice);
-      return tr;
-    }
-  }
-  return null;
-}
-
-function selectRootNodeByDom(view, coords, filterNodes) {
-  var _a;
-  const root = view.dom.parentElement;
-  if (!root)
-    return null;
-  const pos = (_a = view.posAtCoords({
-    left: coords.x,
-    top: coords.y
-  })) == null ? void 0 : _a.inside;
-  if (pos == null || pos < 0)
-    return null;
-  let $pos = view.state.doc.resolve(pos);
-  let node = view.state.doc.nodeAt(pos);
-  let element = view.nodeDOM(pos);
-  const filter = () => {
-    if ($pos.depth >= 1 && $pos.index($pos.depth) === 0) {
-      const ancestorPos = $pos.before($pos.depth);
-      node = view.state.doc.nodeAt(ancestorPos);
-      element = view.nodeDOM(ancestorPos);
-      $pos = view.state.doc.resolve(ancestorPos);
-      if (!filterNodes($pos, node))
-        filter();
-    }
-  };
-  filter();
-  if (!element || !node)
-    return null;
-  return { node, $pos, el: element };
-}
-
-let _detachedDoc = null;
-function detachedDoc() {
-  return _detachedDoc || (_detachedDoc = document.implementation.createHTMLDocument("title"));
-}
-const wrapMap = {
-  thead: ["table"],
-  tbody: ["table"],
-  tfoot: ["table"],
-  caption: ["table"],
-  colgroup: ["table"],
-  col: ["table", "colgroup"],
-  tr: ["table", "tbody"],
-  td: ["table", "tbody", "tr"],
-  th: ["table", "tbody", "tr"]
-};
-function serializeForClipboard(view, slice) {
-  const context = [];
-  let { openStart, openEnd, content } = slice;
-  while (openStart > 1 && openEnd > 1 && content.childCount === 1 && content.firstChild.childCount === 1) {
-    openStart -= 1;
-    openEnd -= 1;
-    const node = content.firstChild;
-    context.push(
-      node.type.name,
-      node.attrs !== node.type.defaultAttrs ? node.attrs : null
-    );
-    content = node.content;
-  }
-  const serializer = view.someProp("clipboardSerializer") || DOMSerializer.fromSchema(view.state.schema);
-  const doc = detachedDoc();
-  const wrap = doc.createElement("div");
-  wrap.appendChild(serializer.serializeFragment(content, { document: doc }));
-  let firstChild = wrap.firstChild;
-  let needsWrap;
-  let wrappers = 0;
-  while (firstChild && firstChild.nodeType === 1 && (needsWrap = wrapMap[firstChild.nodeName.toLowerCase()])) {
-    for (let i = needsWrap.length - 1; i >= 0; i--) {
-      const wrapper = doc.createElement(needsWrap[i]);
-      while (wrap.firstChild) wrapper.appendChild(wrap.firstChild);
-      wrap.appendChild(wrapper);
-      wrappers++;
-    }
-    firstChild = wrap.firstChild;
-  }
-  if (firstChild && firstChild.nodeType === 1) {
-    firstChild.setAttribute(
-      "data-pm-slice",
-      `${openStart} ${openEnd}${wrappers ? ` -${wrappers}` : ""} ${JSON.stringify(context)}`
-    );
-  }
-  const text = view.someProp("clipboardTextSerializer", (f) => f(slice, view)) || slice.content.textBetween(0, slice.content.size, "\n\n");
-  return { dom: wrap, text };
-}
-
-var __typeError$4 = (msg) => {
-  throw TypeError(msg);
-};
-var __accessCheck$4 = (obj, member, msg) => member.has(obj) || __typeError$4("Cannot " + msg);
-var __privateGet$4 = (obj, member, getter) => (__accessCheck$4(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
-var __privateAdd$4 = (obj, member, value) => member.has(obj) ? __typeError$4("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
-var __privateSet$4 = (obj, member, value, setter) => (__accessCheck$4(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
-var _ctx$2, _createSelection, _activeSelection, _active, _activeDOMRect, _dragging, _BlockService_instances, filterNodes_get, view_get, _notify, _hide, _show, _handleMouseDown, _handleMouseUp, _handleDragStart, _mousemoveCallback, _dragEnd;
-const brokenClipboardAPI = browser.ie && browser.ie_version < 15 || browser.ios && browser.webkit_version < 604;
-const buffer = 20;
-class BlockService {
-  constructor() {
-    __privateAdd$4(this, _BlockService_instances);
-    /// @internal
-    __privateAdd$4(this, _ctx$2);
-    /// @internal
-    __privateAdd$4(this, _createSelection, () => {
-      if (!__privateGet$4(this, _active))
-        return null;
-      const result = __privateGet$4(this, _active);
-      const view = __privateGet$4(this, _BlockService_instances, view_get);
-      if (view && NodeSelection.isSelectable(result.node)) {
-        const nodeSelection = NodeSelection.create(view.state.doc, result.$pos.pos);
-        view.dispatch(view.state.tr.setSelection(nodeSelection));
-        view.focus();
-        __privateSet$4(this, _activeSelection, nodeSelection);
-        return nodeSelection;
-      }
-      return null;
-    });
-    /// @internal
-    __privateAdd$4(this, _activeSelection, null);
-    /// @internal
-    __privateAdd$4(this, _active, null);
-    /// @internal
-    __privateAdd$4(this, _activeDOMRect);
-    /// @internal
-    __privateAdd$4(this, _dragging, false);
-    /// @internal
-    __privateAdd$4(this, _notify);
-    /// @internal
-    __privateAdd$4(this, _hide, () => {
-      var _a;
-      (_a = __privateGet$4(this, _notify)) == null ? void 0 : _a.call(this, { type: "hide" });
-      __privateSet$4(this, _active, null);
-    });
-    /// @internal
-    __privateAdd$4(this, _show, (active) => {
-      var _a;
-      __privateSet$4(this, _active, active);
-      (_a = __privateGet$4(this, _notify)) == null ? void 0 : _a.call(this, { type: "show", active });
-    });
-    /// Bind editor context and notify function to the service.
-    this.bind = (ctx, notify) => {
-      __privateSet$4(this, _ctx$2, ctx);
-      __privateSet$4(this, _notify, notify);
-    };
-    /// Add mouse event to the dom.
-    this.addEvent = (dom) => {
-      dom.addEventListener("mousedown", __privateGet$4(this, _handleMouseDown));
-      dom.addEventListener("mouseup", __privateGet$4(this, _handleMouseUp));
-      dom.addEventListener("dragstart", __privateGet$4(this, _handleDragStart));
-    };
-    /// Remove mouse event to the dom.
-    this.removeEvent = (dom) => {
-      dom.removeEventListener("mousedown", __privateGet$4(this, _handleMouseDown));
-      dom.removeEventListener("mouseup", __privateGet$4(this, _handleMouseUp));
-      dom.removeEventListener("dragstart", __privateGet$4(this, _handleDragStart));
-    };
-    /// Unbind the notify function.
-    this.unBind = () => {
-      __privateSet$4(this, _notify, void 0);
-    };
-    /// @internal
-    __privateAdd$4(this, _handleMouseDown, () => {
-      var _a;
-      __privateSet$4(this, _activeDOMRect, (_a = __privateGet$4(this, _active)) == null ? void 0 : _a.el.getBoundingClientRect());
-      __privateGet$4(this, _createSelection).call(this);
-    });
-    /// @internal
-    __privateAdd$4(this, _handleMouseUp, () => {
-      if (!__privateGet$4(this, _dragging)) {
-        requestAnimationFrame(() => {
-          var _a;
-          if (!__privateGet$4(this, _activeDOMRect))
-            return;
-          (_a = __privateGet$4(this, _BlockService_instances, view_get)) == null ? void 0 : _a.focus();
-        });
-        return;
-      }
-      __privateSet$4(this, _dragging, false);
-      __privateSet$4(this, _activeSelection, null);
-    });
-    /// @internal
-    __privateAdd$4(this, _handleDragStart, (event) => {
-      var _a;
-      __privateSet$4(this, _dragging, true);
-      const view = __privateGet$4(this, _BlockService_instances, view_get);
-      if (!view)
-        return;
-      view.dom.dataset.dragging = "true";
-      const selection = __privateGet$4(this, _activeSelection);
-      if (event.dataTransfer && selection) {
-        const slice = selection.content();
-        event.dataTransfer.effectAllowed = "copyMove";
-        const { dom, text } = serializeForClipboard(view, slice);
-        event.dataTransfer.clearData();
-        event.dataTransfer.setData(brokenClipboardAPI ? "Text" : "text/html", dom.innerHTML);
-        if (!brokenClipboardAPI)
-          event.dataTransfer.setData("text/plain", text);
-        const activeEl = (_a = __privateGet$4(this, _active)) == null ? void 0 : _a.el;
-        if (activeEl)
-          event.dataTransfer.setDragImage(activeEl, 0, 0);
-        view.dragging = {
-          slice,
-          move: true
-        };
-        __privateGet$4(this, _hide).call(this);
-      }
-    });
-    /// @internal
-    this.keydownCallback = (view) => {
-      __privateGet$4(this, _hide).call(this);
-      __privateSet$4(this, _dragging, false);
-      view.dom.dataset.dragging = "false";
-      return false;
-    };
-    /// @internal
-    __privateAdd$4(this, _mousemoveCallback, throttle$1((view, event) => {
-      if (!view.editable)
-        return;
-      const rect = view.dom.getBoundingClientRect();
-      const x = rect.left + rect.width / 2;
-      const dom = view.root.elementFromPoint(x, event.clientY);
-      if (!(dom instanceof Element)) {
-        __privateGet$4(this, _hide).call(this);
-        return;
-      }
-      const filterNodes = __privateGet$4(this, _BlockService_instances, filterNodes_get);
-      if (!filterNodes)
-        return;
-      const result = selectRootNodeByDom(view, { x, y: event.clientY }, filterNodes);
-      if (!result) {
-        __privateGet$4(this, _hide).call(this);
-        return;
-      }
-      __privateGet$4(this, _show).call(this, result);
-    }, 200));
-    /// @internal
-    this.mousemoveCallback = (view, event) => {
-      if (view.composing || !view.editable)
-        return false;
-      __privateGet$4(this, _mousemoveCallback).call(this, view, event);
-      return false;
-    };
-    /// @internal
-    this.dragoverCallback = (view, event) => {
-      var _a;
-      if (__privateGet$4(this, _dragging)) {
-        const root = (_a = __privateGet$4(this, _BlockService_instances, view_get)) == null ? void 0 : _a.dom.parentElement;
-        if (!root)
-          return false;
-        const hasHorizontalScrollbar = root.scrollHeight > root.clientHeight;
-        const rootRect = root.getBoundingClientRect();
-        if (hasHorizontalScrollbar) {
-          if (root.scrollTop > 0 && Math.abs(event.y - rootRect.y) < buffer) {
-            const top = root.scrollTop > 10 ? root.scrollTop - 10 : 0;
-            root.scrollTop = top;
-            return false;
-          }
-          const totalHeight = Math.round(view.dom.getBoundingClientRect().height);
-          const scrollBottom = Math.round(root.scrollTop + rootRect.height);
-          if (scrollBottom < totalHeight && Math.abs(event.y - (rootRect.height + rootRect.y)) < buffer) {
-            const top = root.scrollTop + 10;
-            root.scrollTop = top;
-            return false;
-          }
-        }
-      }
-      return false;
-    };
-    /// @internal
-    this.dragenterCallback = (view) => {
-      __privateSet$4(this, _dragging, true);
-      view.dom.dataset.dragging = "true";
-    };
-    /// @internal
-    this.dragleaveCallback = (view, event) => {
-      const x = event.clientX;
-      const y = event.clientY;
-      if (x < 0 || y < 0 || x > window.innerWidth || y > window.innerHeight) {
-        __privateSet$4(this, _active, null);
-        __privateGet$4(this, _dragEnd).call(this, view);
-      }
-    };
-    /// @internal
-    this.dropCallback = (view, event) => {
-      const tr = removePossibleTable(view, event);
-      __privateGet$4(this, _dragEnd).call(this, view);
-      if (tr) {
-        view.dispatch(tr);
-        event.preventDefault();
-        return true;
-      }
-      return false;
-    };
-    /// @internal
-    this.dragendCallback = (view) => {
-      __privateGet$4(this, _dragEnd).call(this, view);
-    };
-    /// @internal
-    __privateAdd$4(this, _dragEnd, (view) => {
-      __privateSet$4(this, _dragging, false);
-      view.dom.dataset.dragging = "false";
-    });
-  }
-}
-_ctx$2 = new WeakMap();
-_createSelection = new WeakMap();
-_activeSelection = new WeakMap();
-_active = new WeakMap();
-_activeDOMRect = new WeakMap();
-_dragging = new WeakMap();
-_BlockService_instances = new WeakSet();
-filterNodes_get = function() {
-  var _a;
-  return (_a = __privateGet$4(this, _ctx$2)) == null ? void 0 : _a.get(blockConfig.key).filterNodes;
-};
-view_get = function() {
-  var _a;
-  return (_a = __privateGet$4(this, _ctx$2)) == null ? void 0 : _a.get(editorViewCtx);
-};
-_notify = new WeakMap();
-_hide = new WeakMap();
-_show = new WeakMap();
-_handleMouseDown = new WeakMap();
-_handleMouseUp = new WeakMap();
-_handleDragStart = new WeakMap();
-_mousemoveCallback = new WeakMap();
-_dragEnd = new WeakMap();
-
-const blockService = $ctx(new BlockService(), "blockService");
-withMeta(blockConfig, {
-  displayName: "Ctx<blockService>"
-});
-const blockSpec = $ctx({}, "blockSpec");
-withMeta(blockConfig, {
-  displayName: "Ctx<blockSpec>"
-});
-const blockPlugin = $prose((ctx) => {
-  const milkdownPluginBlockKey = new PluginKey("MILKDOWN_BLOCK");
-  const service = ctx.get(blockService.key);
-  const spec = ctx.get(blockSpec.key);
-  return new Plugin({
-    key: milkdownPluginBlockKey,
-    ...spec,
-    props: {
-      ...spec.props,
-      handleDOMEvents: {
-        drop: (view, event) => {
-          return service.dropCallback(view, event);
-        },
-        pointermove: (view, event) => {
-          return service.mousemoveCallback(view, event);
-        },
-        keydown: (view) => {
-          return service.keydownCallback(view);
-        },
-        dragover: (view, event) => {
-          return service.dragoverCallback(view, event);
-        },
-        dragleave: (view, event) => {
-          return service.dragleaveCallback(view, event);
-        },
-        dragenter: (view) => {
-          return service.dragenterCallback(view);
-        },
-        dragend: (view) => {
-          return service.dragendCallback(view);
-        }
-      }
-    }
-  });
-});
-withMeta(blockPlugin, {
-  displayName: "Prose<block>"
-});
-
-var __typeError$3 = (msg) => {
-  throw TypeError(msg);
-};
-var __accessCheck$3 = (obj, member, msg) => member.has(obj) || __typeError$3("Cannot " + msg);
-var __privateGet$3 = (obj, member, getter) => (__accessCheck$3(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
-var __privateAdd$3 = (obj, member, value) => member.has(obj) ? __typeError$3("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
-var __privateSet$3 = (obj, member, value, setter) => (__accessCheck$3(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
-var __privateMethod$1 = (obj, member, method) => (__accessCheck$3(obj, member, "access private method"), method);
-var _element, _ctx$1, _service, _activeNode, _initialized$1, _getOffset, _getPosition, _getPlacement, _BlockProvider_instances, init_fn;
-class BlockProvider {
-  constructor(options) {
-    __privateAdd$3(this, _BlockProvider_instances);
-    /// @internal
-    __privateAdd$3(this, _element);
-    /// @internal
-    __privateAdd$3(this, _ctx$1);
-    /// @internal
-    __privateAdd$3(this, _service);
-    /// @internal
-    __privateAdd$3(this, _activeNode, null);
-    /// @internal
-    __privateAdd$3(this, _initialized$1, false);
-    /// @internal
-    __privateAdd$3(this, _getOffset);
-    /// @internal
-    __privateAdd$3(this, _getPosition);
-    /// @internal
-    __privateAdd$3(this, _getPlacement);
-    /// Update provider state by editor view.
-    this.update = () => {
-      requestAnimationFrame(() => {
-        if (!__privateGet$3(this, _initialized$1)) {
-          try {
-            __privateMethod$1(this, _BlockProvider_instances, init_fn).call(this);
-            __privateSet$3(this, _initialized$1, true);
-          } catch (e) {
-          }
-        }
-      });
-    };
-    /// Destroy the block.
-    this.destroy = () => {
-      var _a, _b;
-      (_a = __privateGet$3(this, _service)) == null ? void 0 : _a.unBind();
-      (_b = __privateGet$3(this, _service)) == null ? void 0 : _b.removeEvent(__privateGet$3(this, _element));
-      __privateGet$3(this, _element).remove();
-    };
-    /// Show the block.
-    this.show = (active) => {
-      const dom = active.el;
-      const editorDom = __privateGet$3(this, _ctx$1).get(editorViewCtx).dom;
-      const deriveContext = {
-        ctx: __privateGet$3(this, _ctx$1),
-        active,
-        editorDom,
-        blockDom: __privateGet$3(this, _element)
-      };
-      const virtualEl = {
-        contextElement: dom,
-        getBoundingClientRect: () => {
-          if (__privateGet$3(this, _getPosition))
-            return __privateGet$3(this, _getPosition).call(this, deriveContext);
-          return dom.getBoundingClientRect();
-        }
-      };
-      const middleware = [flip()];
-      if (__privateGet$3(this, _getOffset)) {
-        const offsetOption = __privateGet$3(this, _getOffset).call(this, deriveContext);
-        const offsetExt = offset(offsetOption);
-        middleware.push(offsetExt);
-      }
-      computePosition(virtualEl, __privateGet$3(this, _element), {
-        placement: __privateGet$3(this, _getPlacement) ? __privateGet$3(this, _getPlacement).call(this, deriveContext) : "left",
-        middleware,
-        platform: {
-          ...platform,
-          getOffsetParent: (element) => platform.getOffsetParent(element, t)
-        }
-      }).then(({ x, y }) => {
-        Object.assign(__privateGet$3(this, _element).style, {
-          left: `${x}px`,
-          top: `${y}px`
-        });
-        __privateGet$3(this, _element).dataset.show = "true";
-      });
-    };
-    /// Hide the block.
-    this.hide = () => {
-      __privateGet$3(this, _element).dataset.show = "false";
-      Object.assign(__privateGet$3(this, _element).style, {
-        left: `-999px`,
-        top: `-999px`
-      });
-    };
-    __privateSet$3(this, _ctx$1, options.ctx);
-    __privateSet$3(this, _element, options.content);
-    __privateSet$3(this, _getOffset, options.getOffset);
-    __privateSet$3(this, _getPosition, options.getPosition);
-    __privateSet$3(this, _getPlacement, options.getPlacement);
-    this.hide();
-  }
-  /// The context of current active node.
-  get active() {
-    return __privateGet$3(this, _activeNode);
-  }
-}
-_element = new WeakMap();
-_ctx$1 = new WeakMap();
-_service = new WeakMap();
-_activeNode = new WeakMap();
-_initialized$1 = new WeakMap();
-_getOffset = new WeakMap();
-_getPosition = new WeakMap();
-_getPlacement = new WeakMap();
-_BlockProvider_instances = new WeakSet();
-/// @internal
-init_fn = function() {
-  var _a;
-  const view = __privateGet$3(this, _ctx$1).get(editorViewCtx);
-  (_a = view.dom.parentElement) == null ? void 0 : _a.appendChild(__privateGet$3(this, _element));
-  const service = __privateGet$3(this, _ctx$1).get(blockService.key);
-  service.bind(__privateGet$3(this, _ctx$1), (message) => {
-    if (message.type === "hide") {
-      this.hide();
-      __privateSet$3(this, _activeNode, null);
-    } else if (message.type === "show") {
-      this.show(message.active);
-      __privateSet$3(this, _activeNode, message.active);
-    }
-  });
-  __privateSet$3(this, _service, service);
-  __privateGet$3(this, _service).addEvent(__privateGet$3(this, _element));
-  __privateGet$3(this, _element).draggable = true;
-};
-
-const block = [blockSpec, blockConfig, blockService, blockPlugin];
-block.key = blockSpec.key;
-block.pluginKey = blockPlugin.key;
-
-function slashFactory(id) {
-  const slashSpec = $ctx({}, `${id}_SLASH_SPEC`);
-  const slashPlugin = $prose((ctx) => {
-    const spec = ctx.get(slashSpec.key);
-    return new Plugin({
-      key: new PluginKey(`${id}_SLASH`),
-      ...spec
-    });
-  });
-  const result = [slashSpec, slashPlugin];
-  result.key = slashSpec.key;
-  result.pluginKey = slashPlugin.key;
-  slashSpec.meta = {
-    package: "@milkdown/plugin-slash",
-    displayName: `Ctx<slashSpec>|${id}`
-  };
-  slashPlugin.meta = {
-    package: "@milkdown/plugin-slash",
-    displayName: `Prose<slash>|${id}`
-  };
-  return result;
-}
-
-var __typeError$2 = (msg) => {
-  throw TypeError(msg);
-};
-var __accessCheck$2 = (obj, member, msg) => member.has(obj) || __typeError$2("Cannot " + msg);
-var __privateGet$2 = (obj, member, getter) => (__accessCheck$2(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
-var __privateAdd$2 = (obj, member, value) => member.has(obj) ? __typeError$2("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
-var __privateSet$2 = (obj, member, value, setter) => (__accessCheck$2(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
-var __privateMethod = (obj, member, method) => (__accessCheck$2(obj, member, "access private method"), method);
-var _initialized, _debounce, _trigger, _shouldShow, _offset, _onUpdate, _SlashProvider_instances, _shouldShow_fn;
-class SlashProvider {
-  constructor(options) {
-    __privateAdd$2(this, _SlashProvider_instances);
-    /// @internal
-    __privateAdd$2(this, _initialized, false);
-    /// @internal
-    __privateAdd$2(this, _debounce);
-    /// @internal
-    __privateAdd$2(this, _trigger);
-    /// @internal
-    __privateAdd$2(this, _shouldShow);
-    /// The offset to get the block. Default is 0.
-    __privateAdd$2(this, _offset);
-    /// On show callback.
-    this.onShow = () => {
-    };
-    /// On hide callback.
-    this.onHide = () => {
-    };
-    /// @internal
-    __privateAdd$2(this, _onUpdate, (view, prevState) => {
-      var _a;
-      const { state, composing } = view;
-      const { selection, doc } = state;
-      const { ranges } = selection;
-      const from = Math.min(...ranges.map((range) => range.$from.pos));
-      const to = Math.max(...ranges.map((range) => range.$to.pos));
-      const isSame = prevState && prevState.doc.eq(doc) && prevState.selection.eq(selection);
-      if (!__privateGet$2(this, _initialized)) {
-        (_a = view.dom.parentElement) == null ? void 0 : _a.appendChild(this.element);
-        __privateSet$2(this, _initialized, true);
-      }
-      if (composing || isSame)
-        return;
-      if (!__privateGet$2(this, _shouldShow).call(this, view, prevState)) {
-        this.hide();
-        return;
-      }
-      const virtualEl = {
-        getBoundingClientRect: () => posToDOMRect(view, from, to)
-      };
-      computePosition(virtualEl, this.element, {
-        placement: "bottom-start",
-        middleware: [flip(), offset(__privateGet$2(this, _offset))],
-        platform: {
-          ...platform,
-          getOffsetParent: (element) => platform.getOffsetParent(element, t)
-        }
-      }).then(({ x, y }) => {
-        Object.assign(this.element.style, {
-          left: `${x}px`,
-          top: `${y}px`
-        });
-      });
-      this.show();
-    });
-    /// Update provider state by editor view.
-    this.update = (view, prevState) => {
-      const updater = debounce$1(__privateGet$2(this, _onUpdate), __privateGet$2(this, _debounce));
-      updater(view, prevState);
-    };
-    /// Get the content of the current text block.
-    /// Pass the `matchNode` function to determine whether the current node should be matched, by default, it will match the paragraph node.
-    this.getContent = (view, matchNode = (node) => node.type.name === "paragraph") => {
-      const { selection } = view.state;
-      const { empty, $from } = selection;
-      const isTextBlock = view.state.selection instanceof TextSelection;
-      const isSlashChildren = this.element.contains(document.activeElement);
-      const notHasFocus = !view.hasFocus() && !isSlashChildren;
-      const isReadonly = !view.editable;
-      const paragraph = findParentNode(matchNode)(view.state.selection);
-      const isNotInParagraph = !paragraph;
-      if (notHasFocus || isReadonly || !empty || !isTextBlock || isNotInParagraph)
-        return;
-      return $from.parent.textBetween(Math.max(0, $from.parentOffset - 500), $from.parentOffset, void 0, "\uFFFC");
-    };
-    /// Destroy the slash.
-    this.destroy = () => {
-    };
-    /// Show the slash.
-    this.show = () => {
-      this.element.dataset.show = "true";
-      this.onShow();
-    };
-    /// Hide the slash.
-    this.hide = () => {
-      this.element.dataset.show = "false";
-      this.onHide();
-    };
-    var _a, _b, _c;
-    this.element = options.content;
-    __privateSet$2(this, _debounce, (_a = options.debounce) != null ? _a : 200);
-    __privateSet$2(this, _shouldShow, (_b = options.shouldShow) != null ? _b : __privateMethod(this, _SlashProvider_instances, _shouldShow_fn));
-    __privateSet$2(this, _trigger, (_c = options.trigger) != null ? _c : "/");
-    __privateSet$2(this, _offset, options.offset);
-  }
-}
-_initialized = new WeakMap();
-_debounce = new WeakMap();
-_trigger = new WeakMap();
-_shouldShow = new WeakMap();
-_offset = new WeakMap();
-_onUpdate = new WeakMap();
-_SlashProvider_instances = new WeakSet();
-/// @internal
-_shouldShow_fn = function(view) {
-  const currentTextBlockContent = this.getContent(view);
-  if (!currentTextBlockContent)
-    return false;
-  const target = currentTextBlockContent.at(-1);
-  if (!target)
-    return false;
-  return Array.isArray(__privateGet$2(this, _trigger)) ? __privateGet$2(this, _trigger).includes(target) : __privateGet$2(this, _trigger) === target;
-};
-
-const textIcon = html`
-  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
-    <g clip-path="url(#clip0_992_5547)">
-      <path d="M5 5.5C5 6.33 5.67 7 6.5 7H10.5V17.5C10.5 18.33 11.17 19 12 19C12.83 19 13.5 18.33 13.5 17.5V7H17.5C18.33 7 19 6.33 19 5.5C19 4.67 18.33 4 17.5 4H6.5C5.67 4 5 4.67 5 5.5Z" fill="#817567"/>
-    </g>
-    <defs>
-      <clipPath id="clip0_992_5547">
-        <rect width="24" height="24" fill="white"/>
-      </clipPath>
-    </defs>
-  </svg>
-`;
-const h1Icon = html`
-  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
-    <g clip-path="url(#clip0_992_5553)">
-      <path d="M19 3H5C3.9 3 3 3.9 3 5V19C3 20.1 3.9 21 5 21H19C20.1 21 21 20.1 21 19V5C21 3.9 20.1 3 19 3ZM19 19H5V5H19V19ZM12 17H14V7H10V9H12V17Z" fill="#817567"/>
-    </g>
-    <defs>
-      <clipPath id="clip0_992_5553">
-        <rect width="24" height="24" fill="white"/>
-      </clipPath>
-    </defs>
-  </svg>
-`;
-const h2Icon = html`
-  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
-    <g clip-path="url(#clip0_992_5559)">
-      <path d="M19 3H5C3.9 3 3 3.9 3 5V19C3 20.1 3.9 21 5 21H19C20.1 21 21 20.1 21 19V5C21 3.9 20.1 3 19 3ZM19 19H5V5H19V19ZM15 15H11V13H13C14.1 13 15 12.11 15 11V9C15 7.89 14.1 7 13 7H9V9H13V11H11C9.9 11 9 11.89 9 13V17H15V15Z" fill="#817567"/>
-    </g>
-    <defs>
-      <clipPath id="clip0_992_5559">
-        <rect width="24" height="24" fill="white"/>
-      </clipPath>
-    </defs>
-  </svg>
-`;
-const h3Icon = html`
-  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
-    <g clip-path="url(#clip0_992_5565)">
-      <path d="M19 3H5C3.9 3 3 3.9 3 5V19C3 20.1 3.9 21 5 21H19C20.1 21 21 20.1 21 19V5C21 3.9 20.1 3 19 3ZM19 19H5V5H19V19ZM15 15V13.5C15 12.67 14.33 12 13.5 12C14.33 12 15 11.33 15 10.5V9C15 7.89 14.1 7 13 7H9V9H13V11H11V13H13V15H9V17H13C14.1 17 15 16.11 15 15Z" fill="#817567"/>
-    </g>
-    <defs>
-      <clipPath id="clip0_992_5565">
-        <rect width="24" height="24" fill="white"/>
-      </clipPath>
-    </defs>
-  </svg>
-`;
-const h4Icon = html`
-  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
-    <g clip-path="url(#clip0_977_7757)">
-      <path d="M19.04 3H5.04004C3.94004 3 3.04004 3.9 3.04004 5V19C3.04004 20.1 3.94004 21 5.04004 21H19.04C20.14 21 21.04 20.1 21.04 19V5C21.04 3.9 20.14 3 19.04 3ZM19.04 19H5.04004V5H19.04V19ZM13.04 17H15.04V7H13.04V11H11.04V7H9.04004V13H13.04V17Z" fill="#817567"/>
-    </g>
-    <defs>
-      <clipPath id="clip0_977_7757">
-        <rect width="24" height="24" fill="white"/>
-      </clipPath>
-    </defs>
-  </svg>
-`;
-const h5Icon = html`
-  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
-    <g clip-path="url(#clip0_977_7760)">
-      <path d="M19 3H5C3.9 3 3 3.9 3 5V19C3 20.1 3.9 21 5 21H19C20.1 21 21 20.1 21 19V5C21 3.9 20.1 3 19 3ZM19 19H5V5H19V19ZM15 15V13C15 11.89 14.1 11 13 11H11V9H15V7H9V13H13V15H9V17H13C14.1 17 15 16.11 15 15Z" fill="#817567"/>
-    </g>
-    <defs>
-      <clipPath id="clip0_977_7760">
-        <rect width="24" height="24" fill="white"/>
-      </clipPath>
-    </defs>
-  </svg>
-`;
-const h6Icon = html`
-  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
-    <g clip-path="url(#clip0_977_7763)">
-      <path d="M11 17H13C14.1 17 15 16.11 15 15V13C15 11.89 14.1 11 13 11H11V9H15V7H11C9.9 7 9 7.89 9 9V15C9 16.11 9.9 17 11 17ZM11 13H13V15H11V13ZM19 3H5C3.9 3 3 3.9 3 5V19C3 20.1 3.9 21 5 21H19C20.1 21 21 20.1 21 19V5C21 3.9 20.1 3 19 3ZM19 19H5V5H19V19Z" fill="#817567"/>
-    </g>
-    <defs>
-      <clipPath id="clip0_977_7763">
-        <rect width="24" height="24" fill="white"/>
-      </clipPath>
-    </defs>
-  </svg>
-`;
-const bulletListIcon = html`
-  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
-    <g clip-path="url(#clip0_977_8070)">
-      <path d="M4 10.5C3.17 10.5 2.5 11.17 2.5 12C2.5 12.83 3.17 13.5 4 13.5C4.83 13.5 5.5 12.83 5.5 12C5.5 11.17 4.83 10.5 4 10.5ZM4 4.5C3.17 4.5 2.5 5.17 2.5 6C2.5 6.83 3.17 7.5 4 7.5C4.83 7.5 5.5 6.83 5.5 6C5.5 5.17 4.83 4.5 4 4.5ZM4 16.5C3.17 16.5 2.5 17.18 2.5 18C2.5 18.82 3.18 19.5 4 19.5C4.82 19.5 5.5 18.82 5.5 18C5.5 17.18 4.83 16.5 4 16.5ZM8 19H20C20.55 19 21 18.55 21 18C21 17.45 20.55 17 20 17H8C7.45 17 7 17.45 7 18C7 18.55 7.45 19 8 19ZM8 13H20C20.55 13 21 12.55 21 12C21 11.45 20.55 11 20 11H8C7.45 11 7 11.45 7 12C7 12.55 7.45 13 8 13ZM7 6C7 6.55 7.45 7 8 7H20C20.55 7 21 6.55 21 6C21 5.45 20.55 5 20 5H8C7.45 5 7 5.45 7 6Z" fill="#817567"/>
-    </g>
-    <defs>
-      <clipPath id="clip0_977_8070">
-        <rect width="24" height="24" fill="white"/>
-      </clipPath>
-    </defs>
-  </svg>
-`;
-const orderedListIcon = html`
-  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
-    <g clip-path="url(#clip0_977_8067)">
-      <path d="M8 7H20C20.55 7 21 6.55 21 6C21 5.45 20.55 5 20 5H8C7.45 5 7 5.45 7 6C7 6.55 7.45 7 8 7ZM20 17H8C7.45 17 7 17.45 7 18C7 18.55 7.45 19 8 19H20C20.55 19 21 18.55 21 18C21 17.45 20.55 17 20 17ZM20 11H8C7.45 11 7 11.45 7 12C7 12.55 7.45 13 8 13H20C20.55 13 21 12.55 21 12C21 11.45 20.55 11 20 11ZM4.5 16H2.5C2.22 16 2 16.22 2 16.5C2 16.78 2.22 17 2.5 17H4V17.5H3.5C3.22 17.5 3 17.72 3 18C3 18.28 3.22 18.5 3.5 18.5H4V19H2.5C2.22 19 2 19.22 2 19.5C2 19.78 2.22 20 2.5 20H4.5C4.78 20 5 19.78 5 19.5V16.5C5 16.22 4.78 16 4.5 16ZM2.5 5H3V7.5C3 7.78 3.22 8 3.5 8C3.78 8 4 7.78 4 7.5V4.5C4 4.22 3.78 4 3.5 4H2.5C2.22 4 2 4.22 2 4.5C2 4.78 2.22 5 2.5 5ZM4.5 10H2.5C2.22 10 2 10.22 2 10.5C2 10.78 2.22 11 2.5 11H3.8L2.12 12.96C2.04 13.05 2 13.17 2 13.28V13.5C2 13.78 2.22 14 2.5 14H4.5C4.78 14 5 13.78 5 13.5C5 13.22 4.78 13 4.5 13H3.2L4.88 11.04C4.96 10.95 5 10.83 5 10.72V10.5C5 10.22 4.78 10 4.5 10Z" fill="#817567"/>
-    </g>
-    <defs>
-      <clipPath id="clip0_977_8067">
-        <rect width="24" height="24" fill="white"/>
-      </clipPath>
-    </defs>
-  </svg>
-`;
-const quoteIcon = html`
-  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
-    <g clip-path="url(#clip0_977_7897)">
-      <path d="M7.17 17C7.68 17 8.15 16.71 8.37 16.26L9.79 13.42C9.93 13.14 10 12.84 10 12.53V8C10 7.45 9.55 7 9 7H5C4.45 7 4 7.45 4 8V12C4 12.55 4.45 13 5 13H7L5.97 15.06C5.52 15.95 6.17 17 7.17 17ZM17.17 17C17.68 17 18.15 16.71 18.37 16.26L19.79 13.42C19.93 13.14 20 12.84 20 12.53V8C20 7.45 19.55 7 19 7H15C14.45 7 14 7.45 14 8V12C14 12.55 14.45 13 15 13H17L15.97 15.06C15.52 15.95 16.17 17 17.17 17Z" fill="#817567"/>
-    </g>
-    <defs>
-      <clipPath id="clip0_977_7897">
-        <rect width="24" height="24" fill="white"/>
-      </clipPath>
-    </defs>
-  </svg>
-`;
-const dividerIcon = html`
-  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
-    <g clip-path="url(#clip0_977_7900)">
-      <path fill-rule="evenodd" clip-rule="evenodd" d="M19 13H5C4.45 13 4 12.55 4 12C4 11.45 4.45 11 5 11H19C19.55 11 20 11.45 20 12C20 12.55 19.55 13 19 13Z" fill="#817567"/>
-    </g>
-    <defs>
-      <clipPath id="clip0_977_7900">
-        <rect width="24" height="24" fill="white"/>
-      </clipPath>
-    </defs>
-  </svg>
-`;
-const imageIcon = html`
-  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
-    <g clip-path="url(#clip0_977_8075)">
-      <path d="M19 5V19H5V5H19ZM19 3H5C3.9 3 3 3.9 3 5V19C3 20.1 3.9 21 5 21H19C20.1 21 21 20.1 21 19V5C21 3.9 20.1 3 19 3ZM14.14 11.86L11.14 15.73L9 13.14L6 17H18L14.14 11.86Z" fill="#817567"/>
-    </g>
-    <defs>
-      <clipPath id="clip0_977_8075">
-        <rect width="24" height="24" fill="white"/>
-      </clipPath>
-    </defs>
-  </svg>
-`;
-const codeIcon = html`
-  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
-    <g clip-path="url(#clip0_977_8081)">
-      <path d="M9.4 16.6L4.8 12L9.4 7.4L8 6L2 12L8 18L9.4 16.6ZM14.6 16.6L19.2 12L14.6 7.4L16 6L22 12L16 18L14.6 16.6Z" fill="#817567"/>
-    </g>
-    <defs>
-      <clipPath id="clip0_977_8081">
-        <rect width="24" height="24" fill="white"/>
-      </clipPath>
-    </defs>
-  </svg>
-`;
-
-function clearRange(tr) {
-  const { $from, $to } = tr.selection;
-  const { pos: from } = $from;
-  const { pos: to } = $to;
-  tr = tr.deleteRange(from - $from.node().content.size, to);
-  return tr;
-}
-function setBlockType(tr, nodeType, attrs = null) {
-  const { from, to } = tr.selection;
-  return tr.setBlockType(from, to, nodeType, attrs);
-}
-function wrapInBlockType(tr, nodeType, attrs = null) {
-  const { $from, $to } = tr.selection;
-  const range = $from.blockRange($to);
-  const wrapping = range && findWrapping(range, nodeType, attrs);
-  if (!wrapping)
-    return null;
-  return tr.wrap(range, wrapping);
-}
-function addBlockType(tr, nodeType, attrs = null) {
-  const node = nodeType.createAndFill(attrs);
-  if (!node)
-    return null;
-  return tr.replaceSelectionWith(node);
-}
-function clearContentAndSetBlockType(nodeType, attrs = null) {
-  return (state, dispatch) => {
-    if (dispatch) {
-      const tr = setBlockType(clearRange(state.tr), nodeType, attrs);
-      dispatch(tr.scrollIntoView());
-    }
-    return true;
-  };
-}
-function clearContentAndWrapInBlockType(nodeType, attrs = null) {
-  return (state, dispatch) => {
-    const tr = wrapInBlockType(clearRange(state.tr), nodeType, attrs);
-    if (!tr)
-      return false;
-    if (dispatch)
-      dispatch(tr.scrollIntoView());
-    return true;
-  };
-}
-function clearContentAndAddBlockType(nodeType, attrs = null) {
-  return (state, dispatch) => {
-    const tr = addBlockType(clearRange(state.tr), nodeType, attrs);
-    if (!tr)
-      return false;
-    if (dispatch)
-      dispatch(tr.scrollIntoView());
-    return true;
-  };
-}
-function getGroups(filter) {
-  let groups = [
-    {
-      key: "text",
-      label: "Text",
-      items: [
-        {
-          key: "text",
-          label: "Text",
-          icon: textIcon,
-          onRun: (ctx) => {
-            const view = ctx.get(editorViewCtx);
-            const { dispatch, state } = view;
-            const command = clearContentAndSetBlockType(paragraphSchema.type(ctx));
-            command(state, dispatch);
-          }
-        },
-        {
-          key: "h1",
-          label: "Heading 1",
-          icon: h1Icon,
-          onRun: (ctx) => {
-            const view = ctx.get(editorViewCtx);
-            const { dispatch, state } = view;
-            const command = clearContentAndSetBlockType(headingSchema.type(ctx), { level: 1 });
-            command(state, dispatch);
-          }
-        },
-        {
-          key: "h2",
-          label: "Heading 2",
-          icon: h2Icon,
-          onRun: (ctx) => {
-            const view = ctx.get(editorViewCtx);
-            const { dispatch, state } = view;
-            const command = clearContentAndSetBlockType(headingSchema.type(ctx), { level: 2 });
-            command(state, dispatch);
-          }
-        },
-        {
-          key: "h3",
-          label: "Heading 3",
-          icon: h3Icon,
-          onRun: (ctx) => {
-            const view = ctx.get(editorViewCtx);
-            const { dispatch, state } = view;
-            const command = clearContentAndSetBlockType(headingSchema.type(ctx), { level: 3 });
-            command(state, dispatch);
-          }
-        },
-        {
-          key: "h4",
-          label: "Heading 4",
-          icon: h4Icon,
-          onRun: (ctx) => {
-            const view = ctx.get(editorViewCtx);
-            const { dispatch, state } = view;
-            const command = clearContentAndSetBlockType(headingSchema.type(ctx), { level: 4 });
-            command(state, dispatch);
-          }
-        },
-        {
-          key: "h5",
-          label: "Heading 5",
-          icon: h5Icon,
-          onRun: (ctx) => {
-            const view = ctx.get(editorViewCtx);
-            const { dispatch, state } = view;
-            const command = clearContentAndSetBlockType(headingSchema.type(ctx), { level: 5 });
-            command(state, dispatch);
-          }
-        },
-        {
-          key: "h6",
-          label: "Heading 6",
-          icon: h6Icon,
-          onRun: (ctx) => {
-            const view = ctx.get(editorViewCtx);
-            const { dispatch, state } = view;
-            const command = clearContentAndSetBlockType(headingSchema.type(ctx), { level: 6 });
-            command(state, dispatch);
-          }
-        },
-        {
-          key: "quote",
-          label: "Quote",
-          icon: quoteIcon,
-          onRun: (ctx) => {
-            const view = ctx.get(editorViewCtx);
-            const { dispatch, state } = view;
-            const command = clearContentAndWrapInBlockType(blockquoteSchema.type(ctx));
-            command(state, dispatch);
-          }
-        },
-        {
-          key: "divider",
-          label: "Divider",
-          icon: dividerIcon,
-          onRun: (ctx) => {
-            const view = ctx.get(editorViewCtx);
-            const { dispatch, state } = view;
-            const command = clearContentAndAddBlockType(hrSchema.type(ctx));
-            command(state, dispatch);
-          }
-        }
-      ]
-    },
-    {
-      key: "list",
-      label: "List",
-      items: [
-        {
-          key: "bullet-list",
-          label: "Bullet List",
-          icon: bulletListIcon,
-          onRun: (ctx) => {
-            const view = ctx.get(editorViewCtx);
-            const { dispatch, state } = view;
-            const command = clearContentAndWrapInBlockType(bulletListSchema.type(ctx));
-            command(state, dispatch);
-          }
-        },
-        {
-          key: "ordered-list",
-          label: "Ordered List",
-          icon: orderedListIcon,
-          onRun: (ctx) => {
-            const view = ctx.get(editorViewCtx);
-            const { dispatch, state } = view;
-            const command = clearContentAndWrapInBlockType(orderedListSchema.type(ctx));
-            command(state, dispatch);
-          }
-        }
-      ]
-    },
-    {
-      key: "advanced",
-      label: "Advanced",
-      items: [
-        {
-          key: "image",
-          label: "Image",
-          icon: imageIcon,
-          onRun: (ctx) => {
-            const view = ctx.get(editorViewCtx);
-            const { dispatch, state } = view;
-            const command = clearContentAndAddBlockType(imageBlockSchema.type(ctx));
-            command(state, dispatch);
-          }
-        },
-        {
-          key: "code",
-          label: "Code",
-          icon: codeIcon,
-          onRun: (ctx) => {
-            const view = ctx.get(editorViewCtx);
-            const { dispatch, state } = view;
-            const command = clearContentAndAddBlockType(codeBlockSchema.type(ctx));
-            command(state, dispatch);
-          }
-        }
-      ]
-    }
-  ];
-  if (filter) {
-    groups = groups.map((group) => {
-      const items2 = group.items.filter((item) => item.label.toLowerCase().includes(filter.toLowerCase()));
-      return {
-        ...group,
-        items: items2
-      };
-    }).filter((group) => group.items.length > 0);
-  }
-  const items = groups.flatMap((groups2) => groups2.items);
-  items.forEach((item, index) => {
-    Object.assign(item, {
-      index
-    });
-  });
-  groups.reduce((acc, group) => {
-    const end = acc + group.items.length;
-    Object.assign(group, {
-      range: [acc, end]
-    });
-    return end;
-  }, 0);
-  return {
-    groups,
-    size: items.length
-  };
-}
-
-const menuComponent = ({
-  show,
-  hide,
-  ctx,
-  filter
-}) => {
-  const { groups, size } = useMemo(() => getGroups(filter), [filter]);
-  const host = useHost();
-  const [hoverIndex, setHoverIndex] = useState(0);
-  const root = useMemo(() => host.current.getRootNode(), [host]);
-  const prevMousePosition = useRef({ x: -999, y: -999 });
-  const onMouseMove = useCallback((e) => {
-    const prevPos = prevMousePosition.current;
-    if (!prevPos)
-      return;
-    const { x, y } = e;
-    prevPos.x = x;
-    prevPos.y = y;
-  }, []);
-  useEffect(() => {
-    if (size === 0 && show)
-      hide == null ? void 0 : hide();
-  }, [size, show]);
-  const onHover = useCallback((index, after) => {
-    setHoverIndex((prev) => {
-      const next = typeof index === "function" ? index(prev) : index;
-      after == null ? void 0 : after(next);
-      return next;
-    });
-  }, []);
-  const scrollToIndex = useCallback((index) => {
-    const target = host.current.querySelector(`[data-index="${index}"]`);
-    const scrollRoot = host.current.querySelector(".menu-groups");
-    if (!target || !scrollRoot)
-      return;
-    scrollRoot.scrollTop = target.offsetTop - scrollRoot.offsetTop;
-  }, []);
-  const runByIndex = useCallback((index) => {
-    const item = groups.flatMap((group) => group.items).at(index);
-    if (item && ctx)
-      item.onRun(ctx);
-    hide == null ? void 0 : hide();
-  }, [groups]);
-  const onKeydown = useCallback((e) => {
-    if (e.key === "Escape") {
-      e.preventDefault();
-      hide == null ? void 0 : hide();
-      return;
-    }
-    if (e.key === "ArrowDown") {
-      e.preventDefault();
-      return onHover((index) => index < size - 1 ? index + 1 : index, scrollToIndex);
-    }
-    if (e.key === "ArrowUp") {
-      e.preventDefault();
-      return onHover((index) => index <= 0 ? index : index - 1, scrollToIndex);
-    }
-    if (e.key === "ArrowLeft") {
-      e.preventDefault();
-      return onHover((index) => {
-        const group = groups.find((group2) => group2.range[0] <= index && group2.range[1] > index);
-        if (!group)
-          return index;
-        const prevGroup = groups[groups.indexOf(group) - 1];
-        if (!prevGroup)
-          return index;
-        return prevGroup.range[1] - 1;
-      }, scrollToIndex);
-    }
-    if (e.key === "ArrowRight") {
-      e.preventDefault();
-      return onHover((index) => {
-        const group = groups.find((group2) => group2.range[0] <= index && group2.range[1] > index);
-        if (!group)
-          return index;
-        const nextGroup = groups[groups.indexOf(group) + 1];
-        if (!nextGroup)
-          return index;
-        return nextGroup.range[0];
-      }, scrollToIndex);
-    }
-    if (e.key === "Enter") {
-      e.preventDefault();
-      runByIndex(hoverIndex);
-    }
-  }, [hide, groups, hoverIndex]);
-  const onMouseEnter = useCallback((index) => {
-    return (e) => {
-      const prevPos = prevMousePosition.current;
-      if (!prevPos)
-        return;
-      const { x, y } = e;
-      if (x === prevPos.x && y === prevPos.y)
-        return;
-      onHover(index);
-    };
-  }, []);
-  useEffect(() => {
-    if (show)
-      root.addEventListener("keydown", onKeydown, { capture: true });
-    else root.removeEventListener("keydown", onKeydown, { capture: true });
-    return () => {
-      root.removeEventListener("keydown", onKeydown, { capture: true });
-    };
-  }, [show, onKeydown]);
-  return html`
-    <host onmousedown=${(e) => e.preventDefault()}>
-      <nav class="tab-group">
-        <ul>
-          ${groups.map((group) => html`<li
-              key=${group.key}
-              onmousedown=${() => onHover(group.range[0], scrollToIndex)}
-              class=${hoverIndex >= group.range[0] && hoverIndex < group.range[1] ? "selected" : ""}
-            >
-              ${group.label}
-            </li>`)}
-        </ul>
-      </nav>
-      <div class="menu-groups" onmousemove=${onMouseMove}>
-        ${groups.map((group) => {
-    return html`
-            <div key=${group.key} class="menu-group">
-              <h6>${group.label}</h6>
-              <ul>
-                ${group.items.map(
-      (item) => html`<li
-                    key=${item.key}
-                    data-index=${item.index}
-                    class=${hoverIndex === item.index ? "hover" : ""}
-                    onmouseenter=${onMouseEnter(item.index)}
-                    onmousedown=${() => {
-        var _a;
-        (_a = host.current.querySelector(`[data-index="${item.index}"]`)) == null ? void 0 : _a.classList.add("active");
-      }}
-                    onmouseup=${() => {
-        var _a;
-        (_a = host.current.querySelector(`[data-index="${item.index}"]`)) == null ? void 0 : _a.classList.remove("active");
-        runByIndex(item.index);
-      }}
-                  >
-                    ${item.icon}
-                    <span>${item.label}</span>
-                  </li>`
-    )}
-              </ul>
-            </div>
-          `;
-  })}
-      </div>
-    </host>
-  `;
-};
-menuComponent.props = {
-  ctx: Object,
-  show: Boolean,
-  filter: String,
-  hide: Function
-};
-const MenuElement = c(menuComponent);
-
-var __typeError$1 = (msg) => {
-  throw TypeError(msg);
-};
-var __accessCheck$1 = (obj, member, msg) => member.has(obj) || __typeError$1("Cannot " + msg);
-var __privateGet$1 = (obj, member, getter) => (__accessCheck$1(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
-var __privateAdd$1 = (obj, member, value) => member.has(obj) ? __typeError$1("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
-var __privateSet$1 = (obj, member, value, setter) => (__accessCheck$1(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
-var _content$1, _slashProvider, _programmaticallyPos;
-const menu = slashFactory("CREPE_MENU");
-const menuAPI = $ctx({
-  show: () => {
-  },
-  hide: () => {
-  }
-}, "menuAPICtx");
-defIfNotExists("milkdown-slash-menu", MenuElement);
-function configureMenu(ctx) {
-  ctx.set(menu.key, {
-    view: (view) => new MenuView(ctx, view)
-  });
-}
-class MenuView {
-  constructor(ctx, view) {
-    __privateAdd$1(this, _content$1);
-    __privateAdd$1(this, _slashProvider);
-    __privateAdd$1(this, _programmaticallyPos, null);
-    this.update = (view) => {
-      __privateGet$1(this, _slashProvider).update(view);
-    };
-    this.show = (pos) => {
-      __privateSet$1(this, _programmaticallyPos, pos);
-      __privateGet$1(this, _content$1).filter = "";
-      __privateGet$1(this, _slashProvider).show();
-    };
-    this.hide = () => {
-      __privateSet$1(this, _programmaticallyPos, null);
-      __privateGet$1(this, _slashProvider).hide();
-    };
-    this.destroy = () => {
-      __privateGet$1(this, _slashProvider).destroy();
-      __privateGet$1(this, _content$1).remove();
-    };
-    __privateSet$1(this, _content$1, new MenuElement());
-    __privateGet$1(this, _content$1).hide = this.hide;
-    __privateGet$1(this, _content$1).ctx = ctx;
-    const self = this;
-    __privateSet$1(this, _slashProvider, new SlashProvider({
-      content: __privateGet$1(this, _content$1),
-      debounce: 20,
-      shouldShow(view2) {
-        if (isInCodeBlock(view2.state.selection) || isInList(view2.state.selection))
-          return false;
-        const currentText = this.getContent(view2, (node) => ["paragraph", "heading"].includes(node.type.name));
-        if (currentText == null)
-          return false;
-        const pos = __privateGet$1(self, _programmaticallyPos);
-        __privateGet$1(self, _content$1).filter = currentText.startsWith("/") ? currentText.slice(1) : currentText;
-        if (typeof pos === "number") {
-          if (view2.state.doc.resolve(pos).node() !== view2.state.doc.resolve(view2.state.selection.from).node()) {
-            __privateSet$1(self, _programmaticallyPos, null);
-            return false;
-          }
-          return true;
-        }
-        if (!currentText.startsWith("/"))
-          return false;
-        return true;
-      }
-    }));
-    __privateGet$1(this, _slashProvider).onShow = () => {
-      __privateGet$1(this, _content$1).show = true;
-    };
-    __privateGet$1(this, _slashProvider).onHide = () => {
-      __privateGet$1(this, _content$1).show = false;
-    };
-    this.update(view);
-    ctx.set(menuAPI.key, {
-      show: (pos) => this.show(pos),
-      hide: () => this.hide()
-    });
-  }
-}
-_content$1 = new WeakMap();
-_slashProvider = new WeakMap();
-_programmaticallyPos = new WeakMap();
-
-const menuIcon = html`
-  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
-    <g clip-path="url(#clip0_971_7680)">
-      <path d="M11 18C11 19.1 10.1 20 9 20C7.9 20 7 19.1 7 18C7 16.9 7.9 16 9 16C10.1 16 11 16.9 11 18ZM9 10C7.9 10 7 10.9 7 12C7 13.1 7.9 14 9 14C10.1 14 11 13.1 11 12C11 10.9 10.1 10 9 10ZM9 4C7.9 4 7 4.9 7 6C7 7.1 7.9 8 9 8C10.1 8 11 7.1 11 6C11 4.9 10.1 4 9 4ZM15 8C16.1 8 17 7.1 17 6C17 4.9 16.1 4 15 4C13.9 4 13 4.9 13 6C13 7.1 13.9 8 15 8ZM15 10C13.9 10 13 10.9 13 12C13 13.1 13.9 14 15 14C16.1 14 17 13.1 17 12C17 10.9 16.1 10 15 10ZM15 16C13.9 16 13 16.9 13 18C13 19.1 13.9 20 15 20C16.1 20 17 19.1 17 18C17 16.9 16.1 16 15 16Z" fill="#817567"/>
-    </g>
-    <defs>
-      <clipPath id="clip0_971_7680">
-        <rect width="24" height="24" fill="white"/>
-      </clipPath>
-    </defs>
-  </svg>
-`;
-const plusIcon = html`
-  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
-    <g clip-path="url(#clip0_971_7676)">
-      <path d="M18 13H13V18C13 18.55 12.55 19 12 19C11.45 19 11 18.55 11 18V13H6C5.45 13 5 12.55 5 12C5 11.45 5.45 11 6 11H11V6C11 5.45 11.45 5 12 5C12.55 5 13 5.45 13 6V11H18C18.55 11 19 11.45 19 12C19 12.55 18.55 13 18 13Z" fill="#817567"/>
-    </g>
-    <defs>
-      <clipPath id="clip0_971_7676">
-        <rect width="24" height="24" fill="white"/>
-      </clipPath>
-    </defs>
-  </svg>
-`;
-const blockHandleComponent = ({ onAdd }) => {
-  const ref = useRef();
-  useEffect(() => {
-    var _a;
-    (_a = ref.current) == null ? void 0 : _a.classList.remove("active");
-  });
-  const onMouseDown = (e) => {
-    var _a;
-    e.preventDefault();
-    e.stopPropagation();
-    (_a = ref.current) == null ? void 0 : _a.classList.add("active");
-  };
-  const onMouseUp = (e) => {
-    var _a;
-    e.preventDefault();
-    e.stopPropagation();
-    onAdd == null ? void 0 : onAdd();
-    (_a = ref.current) == null ? void 0 : _a.classList.remove("active");
-  };
-  return html`
-    <host>
-      <div ref=${ref} onmousedown=${onMouseDown} onmouseup=${onMouseUp} class="operation-item">
-        ${plusIcon}
-      </div>
-      <div class="operation-item">
-        ${menuIcon}
-      </div>
-    </host>
-  `;
-};
-blockHandleComponent.props = {
-  show: Boolean,
-  onAdd: Function
-};
-const BlockHandleElement = c(blockHandleComponent);
-
-var __typeError = (msg) => {
-  throw TypeError(msg);
-};
-var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
-var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
-var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
-var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
-var _content, _provider, _ctx;
-class BlockHandleView {
-  constructor(ctx) {
-    __privateAdd(this, _content);
-    __privateAdd(this, _provider);
-    __privateAdd(this, _ctx);
-    this.update = () => {
-      __privateGet(this, _provider).update();
-    };
-    this.destroy = () => {
-      __privateGet(this, _provider).destroy();
-      __privateGet(this, _content).remove();
-    };
-    this.onAdd = () => {
-      const ctx = __privateGet(this, _ctx);
-      const view = ctx.get(editorViewCtx);
-      if (!view.hasFocus())
-        view.focus();
-      const { state, dispatch } = view;
-      const active = __privateGet(this, _provider).active;
-      if (!active)
-        return;
-      const pos = active.$pos;
-      const isNoneTextBlock = ["hr", "image-block"].includes(active.node.type.name);
-      const nodeSize = isNoneTextBlock ? active.node.nodeSize : active.node.content.size;
-      const side = pos.pos + nodeSize + (["blockquote"].includes(pos.parent.type.name) ? 1 : 0);
-      const offset = ["blockquote"].includes(pos.parent.type.name) ? 1 : isNoneTextBlock ? 1 : 2;
-      let tr = state.tr.insert(side, paragraphSchema.type(ctx).create());
-      tr = tr.setSelection(TextSelection.create(tr.doc, side + offset));
-      dispatch(tr.scrollIntoView());
-      __privateGet(this, _provider).hide();
-      ctx.get(menuAPI.key).show(tr.selection.from);
-    };
-    __privateSet(this, _ctx, ctx);
-    const content = new BlockHandleElement();
-    __privateSet(this, _content, content);
-    __privateGet(this, _content).onAdd = this.onAdd;
-    __privateSet(this, _provider, new BlockProvider({
-      ctx,
-      content,
-      getOffset: () => 16,
-      getPlacement: ({ active, blockDom }) => {
-        let totalDescendant = 0;
-        active.node.descendants((node) => {
-          totalDescendant += node.childCount;
-        });
-        const dom = active.el;
-        const domRect = dom.getBoundingClientRect();
-        const handleRect = blockDom.getBoundingClientRect();
-        const style = window.getComputedStyle(dom);
-        const paddingTop = Number.parseInt(style.paddingTop, 10) || 0;
-        const paddingBottom = Number.parseInt(style.paddingBottom, 10) || 0;
-        const height = domRect.height - paddingTop - paddingBottom;
-        const handleHeight = handleRect.height;
-        return totalDescendant > 2 || handleHeight * 2 < height ? "left-start" : "left";
-      }
-    }));
-    this.update();
-  }
-}
-_content = new WeakMap();
-_provider = new WeakMap();
-_ctx = new WeakMap();
-defIfNotExists("milkdown-block-handle", BlockHandleElement);
-function configureBlockHandle(ctx) {
-  ctx.set(block.key, {
-    view: () => new BlockHandleView(ctx)
-  });
-}
-
-const defineFeature = (editor) => {
-  editor.config(configureBlockHandle).config(configureMenu).use(menuAPI).use(block).use(menu);
-};
-
-export { defineFeature };
-//# sourceMappingURL=index-h1arGiXv.js.map