@wix/ricos 11.24.1 → 11.26.0

package/dist/cjs/plugin-collab/presence.js

@@ -0,0 +1,337 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var presence_exports = {};
+__export(presence_exports, {
+  createPresencePlugins: () => createPresencePlugins
+});
+module.exports = __toCommonJS(presence_exports);
+var import_y_prosemirror = require("y-prosemirror");
+var Y = __toESM(require("yjs"));
+var import_is_change_origin = require("./../tiptap/extension-collaboration/helpers/is-change-origin.js");
+var import_state = require("./../tiptap/pm/state.js");
+var import_view = require("./../tiptap/pm/view.js");
+const DEFAULT_PRESENCE_COLOR = "#30bced";
+const PRESENCE_LABEL_FONT = "Helvetica, Arial, sans-serif";
+const PRESENCE_LABEL_FONT_SIZE = "11px";
+const PRESENCE_LABEL_TEXT_COLOR = "#fff";
+const LABEL_TOP = "-1.4em";
+const LABEL_EDGE_OFFSET = "-2px";
+const LABEL_RADIUS = "3px 3px 3px 0";
+const LABEL_RADIUS_FLIPPED = "3px 3px 0 3px";
+const SELECTION_ALPHA_HEX = "70";
+const NODE_SELECTION_CLASS = "collabNodeSelection";
+const PRESENCE_LABEL_STYLE = `position: absolute; top: ${LABEL_TOP}; left: ${LABEL_EDGE_OFFSET}; z-index: 3; padding: 1px 6px; border-radius: ${LABEL_RADIUS}; font-family: ${PRESENCE_LABEL_FONT}; font-size: ${PRESENCE_LABEL_FONT_SIZE}; font-weight: 500; font-style: normal; line-height: 1.4; letter-spacing: normal; text-transform: none; text-decoration: none; text-align: left; color: ${PRESENCE_LABEL_TEXT_COLOR}; white-space: nowrap; user-select: none;`;
+const LABEL_VISIBLE_MS = 2e3;
+const LABEL_FADE_MS = 400;
+const CARET_HOVER_SLOP_PX = 6;
+const PEER_IDLE_MS = 2e3;
+const PRESENCE_CLIENT_ATTR = "data-presence-client";
+const CARET_SELECTOR = `.ProseMirror-yjs-cursor[${PRESENCE_CLIENT_ATTR}]`;
+const SELECTION_KIND_FIELD = "presenceSelectionKind";
+const fadeLabel = (label) => label.animate?.(
+  [
+    { opacity: 1 },
+    {
+      opacity: 1,
+      offset: LABEL_VISIBLE_MS / (LABEL_VISIBLE_MS + LABEL_FADE_MS),
+      easing: "ease-out"
+    },
+    { opacity: 0 }
+  ],
+  { duration: LABEL_VISIBLE_MS + LABEL_FADE_MS, fill: "forwards" }
+);
+const clippingAncestors = /* @__PURE__ */ new WeakMap();
+const clippingAncestorOf = (caret) => {
+  if (clippingAncestors.has(caret)) {
+    return clippingAncestors.get(caret) ?? null;
+  }
+  let found = null;
+  for (let node = caret.parentElement; node && !found; node = node.parentElement) {
+    const { overflowX, overflowY } = getComputedStyle(node);
+    if (overflowX !== "visible" || overflowY !== "visible" || node.matches(".ProseMirror")) {
+      found = node;
+    }
+  }
+  clippingAncestors.set(caret, found);
+  return found;
+};
+const placeLabel = (caret, label) => {
+  label.style.top = LABEL_TOP;
+  label.style.left = LABEL_EDGE_OFFSET;
+  label.style.right = "";
+  label.style.borderRadius = LABEL_RADIUS;
+  const clip = clippingAncestorOf(caret);
+  if (!clip) {
+    return;
+  }
+  const clipRect = clip.getBoundingClientRect();
+  const labelRect = label.getBoundingClientRect();
+  if (labelRect.top < clipRect.top) {
+    label.style.top = "0";
+  }
+  if (labelRect.right > clipRect.right) {
+    label.style.left = "auto";
+    label.style.right = LABEL_EDGE_OFFSET;
+    label.style.borderRadius = LABEL_RADIUS_FLIPPED;
+  }
+};
+const placeLabelOnNextFrame = (caret) => requestAnimationFrame(() => {
+  const label = caret.firstElementChild;
+  if (label instanceof HTMLElement && caret.isConnected) {
+    placeLabel(caret, label);
+  }
+});
+const replayLabelFade = (caret, labelShownAt) => {
+  labelShownAt.set(Number(caret.getAttribute(PRESENCE_CLIENT_ATTR)), Date.now());
+  const [fade] = caret.firstElementChild?.getAnimations?.() ?? [];
+  if (fade) {
+    fade.currentTime = 0;
+    fade.play();
+  }
+  placeLabelOnNextFrame(caret);
+};
+const sitsBetweenLayoutCells = (caret) => {
+  const parentDisplay = caret.parentElement && getComputedStyle(caret.parentElement).display;
+  return !!parentDisplay && (parentDisplay.includes("grid") || parentDisplay.includes("flex"));
+};
+const holdsTextSelection = (awareness, clientId) => awareness.getStates().get(clientId)?.[SELECTION_KIND_FIELD] !== "structural";
+const syncCaret = (caret, identity, showsText, betweenCells) => {
+  const color = identity.color ?? DEFAULT_PRESENCE_COLOR;
+  caret.style.borderLeftColor = color;
+  const label = caret.firstElementChild;
+  if (label instanceof HTMLElement) {
+    label.style.backgroundColor = color;
+    if (identity.name && label.textContent !== identity.name) {
+      label.textContent = identity.name;
+    }
+    label.style.display = label.textContent ? "" : "none";
+  }
+  caret.style.display = !showsText || betweenCells ? "none" : "";
+};
+const peerNodeSelections = (state, awareness, identityOf) => {
+  const ystate = import_y_prosemirror.ySyncPluginKey.getState(state);
+  if (!ystate?.binding) {
+    return null;
+  }
+  const toPosition = (relative) => (0, import_y_prosemirror.relativePositionToAbsolutePosition)(
+    ystate.doc,
+    ystate.type,
+    Y.createRelativePositionFromJSON(relative),
+    ystate.binding.mapping
+  );
+  const decorations = [...awareness.getStates()].flatMap(([clientId, peer]) => {
+    if (clientId === awareness.clientID || peer[SELECTION_KIND_FIELD] !== "structural") {
+      return [];
+    }
+    const { anchor: anchorRelative, head: headRelative } = peer.cursor ?? {};
+    if (!anchorRelative || !headRelative) {
+      return [];
+    }
+    const anchor = toPosition(anchorRelative);
+    const head = toPosition(headRelative);
+    if (anchor === null || head === null) {
+      return [];
+    }
+    const from = Math.min(anchor, head);
+    const to = Math.max(anchor, head);
+    if (from < 0 || to > state.doc.content.size) {
+      return [];
+    }
+    const node = state.doc.nodeAt(from);
+    if (!node || from + node.nodeSize !== to) {
+      return [];
+    }
+    const color = identityOf(peer.user, clientId).color;
+    return [
+      import_view.Decoration.node(from, to, {
+        class: NODE_SELECTION_CLASS,
+        style: `outline: 2px solid ${color ?? DEFAULT_PRESENCE_COLOR}; outline-offset: 2px;`
+      })
+    ];
+  });
+  return import_view.DecorationSet.create(state.doc, decorations);
+};
+const presencePluginKey = new import_state.PluginKey("collab-presence");
+const createPresencePlugin = (awareness, identityOf, labelShownAt, subscribe) => new import_state.Plugin({
+  key: presencePluginKey,
+  props: {
+    decorations: (state) => presencePluginKey.getState(state)?.decorations
+  },
+  state: {
+    init: (_config, state) => ({
+      activity: "remote",
+      decorations: peerNodeSelections(state, awareness, identityOf) ?? import_view.DecorationSet.empty
+    }),
+    apply: (tr, previous, _oldState, newState) => {
+      const peerUpdate = tr.getMeta(import_y_prosemirror.yCursorPluginKey) !== void 0 || (0, import_is_change_origin.isChangeOrigin)(tr);
+      return {
+        activity: peerUpdate ? "remote" : tr.docChanged ? "local" : previous.activity,
+        // Local PM changes precede their Yjs update. Map the existing decorations until
+        // the binding catches up instead of resolving old Y positions against the new doc.
+        decorations: peerUpdate ? peerNodeSelections(newState, awareness, identityOf) ?? import_view.DecorationSet.empty : previous.decorations.map(tr.mapping, tr.doc)
+      };
+    }
+  },
+  view: (editorView) => {
+    const lastPositions = /* @__PURE__ */ new Map();
+    const lastPeerMoves = /* @__PURE__ */ new Map();
+    const betweenCellsOf = /* @__PURE__ */ new WeakMap();
+    const update = (view) => {
+      const kind = view.state.selection instanceof import_state.TextSelection ? "text" : "structural";
+      if (awareness.getLocalState()?.[SELECTION_KIND_FIELD] !== kind) {
+        awareness.setLocalStateField(SELECTION_KIND_FIELD, kind);
+      }
+      const peerActivity = presencePluginKey.getState(view.state)?.activity === "remote";
+      const reads = Array.from(
+        view.dom.querySelectorAll(CARET_SELECTOR),
+        (caret) => {
+          const clientId = Number(caret.getAttribute(PRESENCE_CLIENT_ATTR));
+          const position = view.posAtDOM(caret, 0);
+          const betweenCells = lastPositions.get(clientId) !== position || !betweenCellsOf.has(caret) ? sitsBetweenLayoutCells(caret) : betweenCellsOf.get(caret);
+          betweenCellsOf.set(caret, betweenCells);
+          return { caret, clientId, position, betweenCells };
+        }
+      );
+      reads.forEach(({ caret, clientId, position, betweenCells }) => {
+        const peer = awareness.getStates().get(clientId);
+        syncCaret(
+          caret,
+          identityOf(peer?.user, clientId),
+          holdsTextSelection(awareness, clientId),
+          betweenCells
+        );
+        if (lastPositions.get(clientId) === position) {
+          return;
+        }
+        if (peerActivity) {
+          const now = Date.now();
+          if (lastPositions.has(clientId) && now - (lastPeerMoves.get(clientId) ?? 0) >= PEER_IDLE_MS) {
+            replayLabelFade(caret, labelShownAt);
+          }
+          lastPeerMoves.set(clientId, now);
+        }
+        lastPositions.set(clientId, position);
+      });
+    };
+    update(editorView);
+    let hoverFrame = 0;
+    let pointer = { x: 0, y: 0 };
+    const replayHoveredLabels = () => {
+      hoverFrame = 0;
+      editorView.dom.querySelectorAll(CARET_SELECTOR).forEach((caret) => {
+        const rect = caret.getBoundingClientRect();
+        if (Math.abs(pointer.x - rect.left) <= CARET_HOVER_SLOP_PX && pointer.y >= rect.top && pointer.y <= rect.bottom) {
+          replayLabelFade(caret, labelShownAt);
+        }
+      });
+    };
+    const onMouseMove = (event) => {
+      if (awareness.getStates().size <= 1) {
+        return;
+      }
+      pointer = { x: event.clientX, y: event.clientY };
+      hoverFrame ||= requestAnimationFrame(replayHoveredLabels);
+    };
+    editorView.dom.addEventListener("mousemove", onMouseMove);
+    const unsubscribe = subscribe?.(() => {
+      if (!editorView.isDestroyed) {
+        editorView.dispatch(
+          editorView.state.tr.setMeta(import_y_prosemirror.yCursorPluginKey, { awarenessUpdated: true })
+        );
+      }
+    });
+    return {
+      update,
+      destroy: () => {
+        editorView.dom.removeEventListener("mousemove", onMouseMove);
+        cancelAnimationFrame(hoverFrame);
+        unsubscribe?.();
+      }
+    };
+  }
+});
+const buildPresenceCursor = (user, clientId, labelShownAt) => {
+  const color = user.color ?? DEFAULT_PRESENCE_COLOR;
+  const cursor = document.createElement("span");
+  cursor.classList.add("ProseMirror-yjs-cursor");
+  cursor.setAttribute(PRESENCE_CLIENT_ATTR, String(clientId));
+  cursor.setAttribute(
+    "style",
+    `position: relative; border-left: 2px solid ${color}; margin-left: -1px; margin-right: -1px; pointer-events: none; word-break: normal;`
+  );
+  const label = document.createElement("div");
+  label.setAttribute("style", `${PRESENCE_LABEL_STYLE} background-color: ${color};`);
+  label.appendChild(document.createTextNode(user.name ?? ""));
+  label.style.display = user.name ? "" : "none";
+  const fade = fadeLabel(label);
+  const shownAt = labelShownAt.get(clientId);
+  if (fade && shownAt !== void 0) {
+    fade.currentTime = Date.now() - shownAt;
+  } else {
+    labelShownAt.set(clientId, Date.now());
+  }
+  cursor.appendChild(label);
+  placeLabelOnNextFrame(cursor);
+  return cursor;
+};
+const createPresencePlugins = ({
+  awareness,
+  user,
+  resolveUser,
+  subscribe
+}) => {
+  if (user) {
+    awareness.setLocalStateField("user", user);
+  }
+  const labelShownAt = /* @__PURE__ */ new Map();
+  const identityOf = (published, clientId) => {
+    const identity = { ...published, ...resolveUser?.(clientId) };
+    return {
+      ...identity,
+      color: typeof identity.color === "string" && /^#[0-9a-f]{6}$/i.test(identity.color) ? identity.color : DEFAULT_PRESENCE_COLOR
+    };
+  };
+  return [
+    createPresencePlugin(awareness, identityOf, labelShownAt, subscribe),
+    (0, import_y_prosemirror.yCursorPlugin)(awareness, {
+      cursorBuilder: (published, clientId) => {
+        const cursor = buildPresenceCursor(identityOf(published, clientId), clientId, labelShownAt);
+        if (!holdsTextSelection(awareness, clientId)) {
+          cursor.style.display = "none";
+        }
+        return cursor;
+      },
+      selectionBuilder: (published, clientId) => holdsTextSelection(awareness, clientId) ? {
+        style: `background-color: ${identityOf(published, clientId).color ?? DEFAULT_PRESENCE_COLOR}${SELECTION_ALPHA_HEX}`,
+        class: "ProseMirror-yjs-selection"
+      } : {}
+    })
+  ];
+};
+//# sourceMappingURL=presence.js.map

package/dist/cjs/plugin-collab/presence.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/plugin-collab/presence.ts"],
+  "sourcesContent": ["import {\n  relativePositionToAbsolutePosition,\n  yCursorPlugin,\n  yCursorPluginKey,\n  ySyncPluginKey,\n} from 'y-prosemirror';\nimport type { Awareness } from 'y-protocols/awareness';\nimport * as Y from 'yjs';\n\nimport { isChangeOrigin } from './../tiptap/extension-collaboration/helpers/is-change-origin.js';\nimport type { EditorState } from './../tiptap/pm/state.js';\nimport { Plugin, PluginKey, TextSelection } from './../tiptap/pm/state.js';\nimport type { EditorView } from './../tiptap/pm/view.js';\nimport { Decoration, DecorationSet } from './../tiptap/pm/view.js';\n\nexport type PresenceIdentity = { name?: string; color?: string };\n\nexport type PresenceOptions = {\n  awareness: Awareness;\n  user?: Required<PresenceIdentity>;\n  resolveUser?: (clientId: number) => PresenceIdentity | undefined;\n  subscribe?: (onChange: () => void) => (() => void) | void;\n};\n\nconst DEFAULT_PRESENCE_COLOR = '#30bced';\nconst PRESENCE_LABEL_FONT = 'Helvetica, Arial, sans-serif';\nconst PRESENCE_LABEL_FONT_SIZE = '11px';\nconst PRESENCE_LABEL_TEXT_COLOR = '#fff';\nconst LABEL_TOP = '-1.4em';\nconst LABEL_EDGE_OFFSET = '-2px';\nconst LABEL_RADIUS = '3px 3px 3px 0';\nconst LABEL_RADIUS_FLIPPED = '3px 3px 0 3px';\nconst SELECTION_ALPHA_HEX = '70';\nconst NODE_SELECTION_CLASS = 'collabNodeSelection';\nconst PRESENCE_LABEL_STYLE = `position: absolute; top: ${LABEL_TOP}; left: ${LABEL_EDGE_OFFSET}; z-index: 3; padding: 1px 6px; border-radius: ${LABEL_RADIUS}; font-family: ${PRESENCE_LABEL_FONT}; font-size: ${PRESENCE_LABEL_FONT_SIZE}; font-weight: 500; font-style: normal; line-height: 1.4; letter-spacing: normal; text-transform: none; text-decoration: none; text-align: left; color: ${PRESENCE_LABEL_TEXT_COLOR}; white-space: nowrap; user-select: none;`;\n\nconst LABEL_VISIBLE_MS = 2_000;\nconst LABEL_FADE_MS = 400;\nconst CARET_HOVER_SLOP_PX = 6;\nconst PEER_IDLE_MS = 2_000;\nconst PRESENCE_CLIENT_ATTR = 'data-presence-client';\nconst CARET_SELECTOR = `.ProseMirror-yjs-cursor[${PRESENCE_CLIENT_ATTR}]`;\n// Awareness carries positions only, so each session states its own selection kind.\nconst SELECTION_KIND_FIELD = 'presenceSelectionKind';\n\ntype IdentityOf = (published: PresenceIdentity | undefined, clientId: number) => PresenceIdentity;\n\ntype CaretRead = { caret: HTMLElement; clientId: number; position: number; betweenCells: boolean };\n\nconst fadeLabel = (label: HTMLElement) =>\n  label.animate?.(\n    [\n      { opacity: 1 },\n      {\n        opacity: 1,\n        offset: LABEL_VISIBLE_MS / (LABEL_VISIBLE_MS + LABEL_FADE_MS),\n        easing: 'ease-out',\n      },\n      { opacity: 0 },\n    ],\n    { duration: LABEL_VISIBLE_MS + LABEL_FADE_MS, fill: 'forwards' }\n  );\n\nconst clippingAncestors = new WeakMap<HTMLElement, HTMLElement | null>();\n\nconst clippingAncestorOf = (caret: HTMLElement): HTMLElement | null => {\n  if (clippingAncestors.has(caret)) {\n    return clippingAncestors.get(caret) ?? null;\n  }\n  let found: HTMLElement | null = null;\n  for (let node = caret.parentElement; node && !found; node = node.parentElement) {\n    const { overflowX, overflowY } = getComputedStyle(node);\n    if (overflowX !== 'visible' || overflowY !== 'visible' || node.matches('.ProseMirror')) {\n      found = node;\n    }\n  }\n  clippingAncestors.set(caret, found);\n  return found;\n};\n\n// Blocks clip their overflow, so a label hanging above the caret is lost on a first line and past\n// the edge at a line end: drop it into the line, or grow it leftward, when it does not fit.\nconst placeLabel = (caret: HTMLElement, label: HTMLElement) => {\n  label.style.top = LABEL_TOP;\n  label.style.left = LABEL_EDGE_OFFSET;\n  label.style.right = '';\n  label.style.borderRadius = LABEL_RADIUS;\n  const clip = clippingAncestorOf(caret);\n  if (!clip) {\n    return;\n  }\n  const clipRect = clip.getBoundingClientRect();\n  const labelRect = label.getBoundingClientRect();\n  if (labelRect.top < clipRect.top) {\n    label.style.top = '0';\n  }\n  if (labelRect.right > clipRect.right) {\n    label.style.left = 'auto';\n    label.style.right = LABEL_EDGE_OFFSET;\n    label.style.borderRadius = LABEL_RADIUS_FLIPPED;\n  }\n};\n\nconst placeLabelOnNextFrame = (caret: HTMLElement) =>\n  requestAnimationFrame(() => {\n    const label = caret.firstElementChild;\n    if (label instanceof HTMLElement && caret.isConnected) {\n      placeLabel(caret, label);\n    }\n  });\n\n// When each peer's name was last shown: a rebuilt caret widget resumes the fade instead of\n// flashing the name again.\ntype LabelShownAt = Map<number, number>;\n\nconst replayLabelFade = (caret: HTMLElement, labelShownAt: LabelShownAt) => {\n  labelShownAt.set(Number(caret.getAttribute(PRESENCE_CLIENT_ATTR)), Date.now());\n  const [fade] = caret.firstElementChild?.getAnimations?.() ?? [];\n  if (fade) {\n    fade.currentTime = 0;\n    fade.play();\n  }\n  placeLabelOnNextFrame(caret);\n};\n\n// A caret between layout cells (a selection ending on a cell boundary) becomes an extra grid item\n// and shoves the real cells around; it points at nothing useful, so it is hidden.\nconst sitsBetweenLayoutCells = (caret: HTMLElement) => {\n  const parentDisplay = caret.parentElement && getComputedStyle(caret.parentElement).display;\n  return !!parentDisplay && (parentDisplay.includes('grid') || parentDisplay.includes('flex'));\n};\n\nconst holdsTextSelection = (awareness: Awareness, clientId: number): boolean =>\n  awareness.getStates().get(clientId)?.[SELECTION_KIND_FIELD] !== 'structural';\n\n// y-prosemirror keys a caret widget by client id, so its DOM is kept and the builder never reruns:\n// a late name or a text/structural switch has to be applied here.\nconst syncCaret = (\n  caret: HTMLElement,\n  identity: PresenceIdentity,\n  showsText: boolean,\n  betweenCells: boolean\n) => {\n  const color = identity.color ?? DEFAULT_PRESENCE_COLOR;\n  caret.style.borderLeftColor = color;\n  const label = caret.firstElementChild;\n  if (label instanceof HTMLElement) {\n    label.style.backgroundColor = color;\n    if (identity.name && label.textContent !== identity.name) {\n      label.textContent = identity.name;\n    }\n    label.style.display = label.textContent ? '' : 'none';\n  }\n  caret.style.display = !showsText || betweenCells ? 'none' : '';\n};\n\nconst peerNodeSelections = (state: EditorState, awareness: Awareness, identityOf: IdentityOf) => {\n  const ystate = ySyncPluginKey.getState(state);\n  if (!ystate?.binding) {\n    return null;\n  }\n  const toPosition = (relative: unknown) =>\n    relativePositionToAbsolutePosition(\n      ystate.doc,\n      ystate.type,\n      Y.createRelativePositionFromJSON(relative),\n      ystate.binding.mapping\n    );\n  const decorations = [...awareness.getStates()].flatMap(([clientId, peer]) => {\n    if (clientId === awareness.clientID || peer[SELECTION_KIND_FIELD] !== 'structural') {\n      return [];\n    }\n    const { anchor: anchorRelative, head: headRelative } = peer.cursor ?? {};\n    if (!anchorRelative || !headRelative) {\n      return [];\n    }\n    const anchor = toPosition(anchorRelative);\n    const head = toPosition(headRelative);\n    if (anchor === null || head === null) {\n      return [];\n    }\n    const from = Math.min(anchor, head);\n    const to = Math.max(anchor, head);\n    if (from < 0 || to > state.doc.content.size) {\n      return [];\n    }\n    const node = state.doc.nodeAt(from);\n    if (!node || from + node.nodeSize !== to) {\n      return [];\n    }\n    const color = identityOf(peer.user, clientId).color;\n    return [\n      Decoration.node(from, to, {\n        class: NODE_SELECTION_CLASS,\n        style: `outline: 2px solid ${color ?? DEFAULT_PRESENCE_COLOR}; outline-offset: 2px;`,\n      }),\n    ];\n  });\n  return DecorationSet.create(state.doc, decorations);\n};\n\n// A peer caret also moves when the LOCAL user types above it, which must not replay the peer's\n// name; only a remote edit or an awareness update counts as peer activity.\ntype PeerActivity = 'local' | 'remote';\n\nconst presencePluginKey = new PluginKey<{\n  activity: PeerActivity;\n  decorations: DecorationSet;\n}>('collab-presence');\n\nconst createPresencePlugin = (\n  awareness: Awareness,\n  identityOf: IdentityOf,\n  labelShownAt: LabelShownAt,\n  subscribe?: (onChange: () => void) => (() => void) | void\n): Plugin =>\n  new Plugin({\n    key: presencePluginKey,\n    props: {\n      decorations: state => presencePluginKey.getState(state)?.decorations,\n    },\n    state: {\n      init: (_config, state) => ({\n        activity: 'remote',\n        decorations: peerNodeSelections(state, awareness, identityOf) ?? DecorationSet.empty,\n      }),\n      apply: (tr, previous, _oldState, newState) => {\n        const peerUpdate = tr.getMeta(yCursorPluginKey) !== undefined || isChangeOrigin(tr);\n        return {\n          activity: peerUpdate ? 'remote' : tr.docChanged ? 'local' : previous.activity,\n          // Local PM changes precede their Yjs update. Map the existing decorations until\n          // the binding catches up instead of resolving old Y positions against the new doc.\n          decorations: peerUpdate\n            ? (peerNodeSelections(newState, awareness, identityOf) ?? DecorationSet.empty)\n            : previous.decorations.map(tr.mapping, tr.doc),\n        };\n      },\n    },\n    view: editorView => {\n      const lastPositions = new Map<number, number>();\n      const lastPeerMoves = new Map<number, number>();\n      const betweenCellsOf = new WeakMap<HTMLElement, boolean>();\n      const update = (view: EditorView) => {\n        const kind = view.state.selection instanceof TextSelection ? 'text' : 'structural';\n        if (awareness.getLocalState()?.[SELECTION_KIND_FIELD] !== kind) {\n          awareness.setLocalStateField(SELECTION_KIND_FIELD, kind);\n        }\n        const peerActivity = presencePluginKey.getState(view.state)?.activity === 'remote';\n        const reads: CaretRead[] = Array.from(\n          view.dom.querySelectorAll<HTMLElement>(CARET_SELECTOR),\n          caret => {\n            const clientId = Number(caret.getAttribute(PRESENCE_CLIENT_ATTR));\n            const position = view.posAtDOM(caret, 0);\n            const betweenCells =\n              lastPositions.get(clientId) !== position || !betweenCellsOf.has(caret)\n                ? sitsBetweenLayoutCells(caret)\n                : betweenCellsOf.get(caret)!;\n            betweenCellsOf.set(caret, betweenCells);\n            return { caret, clientId, position, betweenCells };\n          }\n        );\n        reads.forEach(({ caret, clientId, position, betweenCells }) => {\n          const peer = awareness.getStates().get(clientId);\n          syncCaret(\n            caret,\n            identityOf(peer?.user, clientId),\n            holdsTextSelection(awareness, clientId),\n            betweenCells\n          );\n          if (lastPositions.get(clientId) === position) {\n            return;\n          }\n          if (peerActivity) {\n            const now = Date.now();\n            if (\n              lastPositions.has(clientId) &&\n              now - (lastPeerMoves.get(clientId) ?? 0) >= PEER_IDLE_MS\n            ) {\n              replayLabelFade(caret, labelShownAt);\n            }\n            lastPeerMoves.set(clientId, now);\n          }\n          lastPositions.set(clientId, position);\n        });\n      };\n      update(editorView);\n\n      let hoverFrame = 0;\n      let pointer = { x: 0, y: 0 };\n      const replayHoveredLabels = () => {\n        hoverFrame = 0;\n        editorView.dom.querySelectorAll<HTMLElement>(CARET_SELECTOR).forEach(caret => {\n          const rect = caret.getBoundingClientRect();\n          if (\n            Math.abs(pointer.x - rect.left) <= CARET_HOVER_SLOP_PX &&\n            pointer.y >= rect.top &&\n            pointer.y <= rect.bottom\n          ) {\n            replayLabelFade(caret, labelShownAt);\n          }\n        });\n      };\n      const onMouseMove = (event: MouseEvent) => {\n        if (awareness.getStates().size <= 1) {\n          return;\n        }\n        pointer = { x: event.clientX, y: event.clientY };\n        hoverFrame ||= requestAnimationFrame(replayHoveredLabels);\n      };\n      editorView.dom.addEventListener('mousemove', onMouseMove);\n      // Identities resolved outside the awareness (a host's collaborator list) can change while\n      // every peer sits still; redraw the carets when the owner says so.\n      const unsubscribe = subscribe?.(() => {\n        if (!editorView.isDestroyed) {\n          editorView.dispatch(\n            editorView.state.tr.setMeta(yCursorPluginKey, { awarenessUpdated: true })\n          );\n        }\n      });\n      return {\n        update,\n        destroy: () => {\n          editorView.dom.removeEventListener('mousemove', onMouseMove);\n          cancelAnimationFrame(hoverFrame);\n          unsubscribe?.();\n        },\n      };\n    },\n  });\n\n// Inline-styled on purpose: host CSS proved fragile (an unstyled label div renders as a block at\n// the surrounding text's size, a giant name inside a heading).\nconst buildPresenceCursor = (\n  user: PresenceIdentity,\n  clientId: number,\n  labelShownAt: LabelShownAt\n) => {\n  const color = user.color ?? DEFAULT_PRESENCE_COLOR;\n  const cursor = document.createElement('span');\n  cursor.classList.add('ProseMirror-yjs-cursor');\n  cursor.setAttribute(PRESENCE_CLIENT_ATTR, String(clientId));\n  cursor.setAttribute(\n    'style',\n    `position: relative; border-left: 2px solid ${color}; margin-left: -1px; margin-right: -1px; pointer-events: none; word-break: normal;`\n  );\n  const label = document.createElement('div');\n  label.setAttribute('style', `${PRESENCE_LABEL_STYLE} background-color: ${color};`);\n  label.appendChild(document.createTextNode(user.name ?? ''));\n  label.style.display = user.name ? '' : 'none';\n  const fade = fadeLabel(label);\n  const shownAt = labelShownAt.get(clientId);\n  if (fade && shownAt !== undefined) {\n    fade.currentTime = Date.now() - shownAt;\n  } else {\n    labelShownAt.set(clientId, Date.now());\n  }\n  cursor.appendChild(label);\n  placeLabelOnNextFrame(cursor);\n  return cursor;\n};\n\nexport const createPresencePlugins = ({\n  awareness,\n  user,\n  resolveUser,\n  subscribe,\n}: PresenceOptions): Plugin[] => {\n  if (user) {\n    awareness.setLocalStateField('user', user);\n  }\n  const labelShownAt: LabelShownAt = new Map();\n  const identityOf: IdentityOf = (published, clientId) => {\n    const identity = { ...published, ...resolveUser?.(clientId) };\n    return {\n      ...identity,\n      color:\n        typeof identity.color === 'string' && /^#[0-9a-f]{6}$/i.test(identity.color)\n          ? identity.color\n          : DEFAULT_PRESENCE_COLOR,\n    };\n  };\n  return [\n    createPresencePlugin(awareness, identityOf, labelShownAt, subscribe),\n    yCursorPlugin(awareness, {\n      cursorBuilder: (published, clientId) => {\n        const cursor = buildPresenceCursor(identityOf(published, clientId), clientId, labelShownAt);\n        if (!holdsTextSelection(awareness, clientId)) {\n          cursor.style.display = 'none';\n        }\n        return cursor;\n      },\n      selectionBuilder: (published, clientId) =>\n        holdsTextSelection(awareness, clientId)\n          ? {\n              style: `background-color: ${identityOf(published, clientId).color ?? DEFAULT_PRESENCE_COLOR}${SELECTION_ALPHA_HEX}`,\n              class: 'ProseMirror-yjs-selection',\n            }\n          : {},\n    }),\n  ];\n};\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/cjs/plugin-collab/undo-bridge.js

@@ -0,0 +1,111 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var undo_bridge_exports = {};
+__export(undo_bridge_exports, {
+  createUndoBridgePlugin: () => createUndoBridgePlugin
+});
+module.exports = __toCommonJS(undo_bridge_exports);
+var import_y_prosemirror = require("y-prosemirror");
+var import_state = require("./../tiptap/pm/state.js");
+const poppingManagers = /* @__PURE__ */ new WeakSet();
+const createUndoBridgePlugin = (pushToUndoStack) => new import_state.Plugin({
+  key: new import_state.PluginKey("collab-undo-bridge"),
+  view: (view) => {
+    const undoManager = import_y_prosemirror.yUndoPluginKey.getState(view.state)?.undoManager;
+    if (!undoManager) {
+      return {};
+    }
+    const popOnly = (stack, item, pop) => {
+      if (!item || !stack.includes(item)) {
+        return null;
+      }
+      const others = stack.splice(0, stack.length, item).filter((other) => other !== item);
+      let inverse = null;
+      const capture = (event) => {
+        inverse = event.stackItem;
+      };
+      const detached = !undoManager.trackedOrigins.has(undoManager);
+      if (detached) {
+        undoManager.trackedOrigins.add(undoManager);
+        undoManager.doc.on("afterTransaction", undoManager.afterTransactionHandler);
+      }
+      undoManager.on("stack-item-added", capture);
+      poppingManagers.add(undoManager);
+      try {
+        pop();
+      } finally {
+        poppingManagers.delete(undoManager);
+        undoManager.off("stack-item-added", capture);
+        if (detached) {
+          undoManager.doc.off("afterTransaction", undoManager.afterTransactionHandler);
+          undoManager.trackedOrigins.delete(undoManager);
+        }
+        stack.unshift(...others);
+      }
+      return inverse;
+    };
+    const focusEditor = () => {
+      if (view.isDestroyed) {
+        return;
+      }
+      const { state } = view;
+      const tr = state.tr.scrollIntoView().setMeta("addToHistory", false);
+      if (!(state.selection instanceof import_state.TextSelection)) {
+        tr.setSelection(import_state.TextSelection.near(state.doc.resolve(state.selection.from)));
+      }
+      view.dispatch(tr);
+      view.focus();
+    };
+    const handler = (event) => {
+      if (view.isDestroyed) {
+        return;
+      }
+      if (poppingManagers.has(undoManager)) {
+        return;
+      }
+      if (event.type === "undo") {
+        const entry = {
+          undoItem: event.stackItem,
+          redoItem: null
+        };
+        pushToUndoStack({
+          undo: () => {
+            entry.redoItem = popOnly(
+              undoManager.undoStack,
+              entry.undoItem,
+              () => undoManager.undo()
+            );
+            focusEditor();
+          },
+          redo: () => {
+            entry.undoItem = popOnly(
+              undoManager.redoStack,
+              entry.redoItem,
+              () => undoManager.redo()
+            );
+            focusEditor();
+          }
+        });
+      }
+    };
+    undoManager.on("stack-item-added", handler);
+    return { destroy: () => undoManager.off("stack-item-added", handler) };
+  }
+});
+//# sourceMappingURL=undo-bridge.js.map

package/dist/cjs/plugin-collab/undo-bridge.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/plugin-collab/undo-bridge.ts"],
+  "sourcesContent": ["import { yUndoPluginKey } from 'y-prosemirror';\nimport type * as Y from 'yjs';\n\nimport { Plugin, PluginKey, TextSelection } from './../tiptap/pm/state.js';\n\ntype StackItem = Y.UndoManager['undoStack'][number];\n\n// A remounted view can share the manager with entries created by the previous view.\nconst poppingManagers = new WeakSet<Y.UndoManager>();\n\nexport type CollabUndoEntry = { undo: () => void; redo: () => void };\n\nexport const createUndoBridgePlugin = (pushToUndoStack: (entry: CollabUndoEntry) => void): Plugin =>\n  new Plugin({\n    key: new PluginKey('collab-undo-bridge'),\n    view: view => {\n      const undoManager = yUndoPluginKey.getState(view.state)?.undoManager;\n      if (!undoManager) {\n        return {};\n      }\n\n      const popOnly = (stack: StackItem[], item: StackItem | null, pop: () => unknown) => {\n        if (!item || !stack.includes(item)) {\n          return null;\n        }\n        const others = stack.splice(0, stack.length, item).filter(other => other !== item);\n        let inverse: StackItem | null = null;\n        const capture = (event: { stackItem: StackItem }) => {\n          inverse = event.stackItem;\n        };\n        // yUndoPlugin destroys its manager on view teardown. Old host entries still own\n        // their history: reconnect it only for this pop so it can record the inverse.\n        const detached = !undoManager.trackedOrigins.has(undoManager);\n        if (detached) {\n          undoManager.trackedOrigins.add(undoManager);\n          undoManager.doc.on('afterTransaction', undoManager.afterTransactionHandler);\n        }\n        undoManager.on('stack-item-added', capture);\n        poppingManagers.add(undoManager);\n        try {\n          pop();\n        } finally {\n          poppingManagers.delete(undoManager);\n          undoManager.off('stack-item-added', capture);\n          if (detached) {\n            undoManager.doc.off('afterTransaction', undoManager.afterTransactionHandler);\n            undoManager.trackedOrigins.delete(undoManager);\n          }\n          stack.unshift(...others);\n        }\n        return inverse;\n      };\n\n      // The restored selection lives only in PM state; focus the editor so the caret shows up.\n      // A non-text selection collapses first, or the next keystroke would replace the block.\n      const focusEditor = () => {\n        if (view.isDestroyed) {\n          return;\n        }\n        const { state } = view;\n        // Not an edit: recording it would clear the redo stack.\n        const tr = state.tr.scrollIntoView().setMeta('addToHistory', false);\n        if (!(state.selection instanceof TextSelection)) {\n          tr.setSelection(TextSelection.near(state.doc.resolve(state.selection.from)));\n        }\n        view.dispatch(tr);\n        view.focus();\n      };\n\n      const handler = (event: { type: string; stackItem: StackItem }) => {\n        if (view.isDestroyed) {\n          return;\n        }\n        if (poppingManagers.has(undoManager)) {\n          return;\n        }\n        if (event.type === 'undo') {\n          const entry: { undoItem: StackItem | null; redoItem: StackItem | null } = {\n            undoItem: event.stackItem,\n            redoItem: null,\n          };\n          pushToUndoStack({\n            undo: () => {\n              entry.redoItem = popOnly(undoManager.undoStack, entry.undoItem, () =>\n                undoManager.undo()\n              );\n              focusEditor();\n            },\n            redo: () => {\n              entry.undoItem = popOnly(undoManager.redoStack, entry.redoItem, () =>\n                undoManager.redo()\n              );\n              focusEditor();\n            },\n          });\n        }\n      };\n      undoManager.on('stack-item-added', handler);\n      return { destroy: () => undoManager.off('stack-item-added', handler) };\n    },\n  });\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,2BAA+B;AAG/B,mBAAiD;AAKjD,MAAM,kBAAkB,oBAAI,QAAuB;AAI5C,MAAM,yBAAyB,CAAC,oBACrC,IAAI,oBAAO;AAAA,EACT,KAAK,IAAI,uBAAU,oBAAoB;AAAA,EACvC,MAAM,UAAQ;AACZ,UAAM,cAAc,oCAAe,SAAS,KAAK,KAAK,GAAG;AACzD,QAAI,CAAC,aAAa;AAChB,aAAO,CAAC;AAAA,IACV;AAEA,UAAM,UAAU,CAAC,OAAoB,MAAwB,QAAuB;AAClF,UAAI,CAAC,QAAQ,CAAC,MAAM,SAAS,IAAI,GAAG;AAClC,eAAO;AAAA,MACT;AACA,YAAM,SAAS,MAAM,OAAO,GAAG,MAAM,QAAQ,IAAI,EAAE,OAAO,WAAS,UAAU,IAAI;AACjF,UAAI,UAA4B;AAChC,YAAM,UAAU,CAAC,UAAoC;AACnD,kBAAU,MAAM;AAAA,MAClB;AAGA,YAAM,WAAW,CAAC,YAAY,eAAe,IAAI,WAAW;AAC5D,UAAI,UAAU;AACZ,oBAAY,eAAe,IAAI,WAAW;AAC1C,oBAAY,IAAI,GAAG,oBAAoB,YAAY,uBAAuB;AAAA,MAC5E;AACA,kBAAY,GAAG,oBAAoB,OAAO;AAC1C,sBAAgB,IAAI,WAAW;AAC/B,UAAI;AACF,YAAI;AAAA,MACN,UAAE;AACA,wBAAgB,OAAO,WAAW;AAClC,oBAAY,IAAI,oBAAoB,OAAO;AAC3C,YAAI,UAAU;AACZ,sBAAY,IAAI,IAAI,oBAAoB,YAAY,uBAAuB;AAC3E,sBAAY,eAAe,OAAO,WAAW;AAAA,QAC/C;AACA,cAAM,QAAQ,GAAG,MAAM;AAAA,MACzB;AACA,aAAO;AAAA,IACT;AAIA,UAAM,cAAc,MAAM;AACxB,UAAI,KAAK,aAAa;AACpB;AAAA,MACF;AACA,YAAM,EAAE,MAAM,IAAI;AAElB,YAAM,KAAK,MAAM,GAAG,eAAe,EAAE,QAAQ,gBAAgB,KAAK;AAClE,UAAI,EAAE,MAAM,qBAAqB,6BAAgB;AAC/C,WAAG,aAAa,2BAAc,KAAK,MAAM,IAAI,QAAQ,MAAM,UAAU,IAAI,CAAC,CAAC;AAAA,MAC7E;AACA,WAAK,SAAS,EAAE;AAChB,WAAK,MAAM;AAAA,IACb;AAEA,UAAM,UAAU,CAAC,UAAkD;AACjE,UAAI,KAAK,aAAa;AACpB;AAAA,MACF;AACA,UAAI,gBAAgB,IAAI,WAAW,GAAG;AACpC;AAAA,MACF;AACA,UAAI,MAAM,SAAS,QAAQ;AACzB,cAAM,QAAoE;AAAA,UACxE,UAAU,MAAM;AAAA,UAChB,UAAU;AAAA,QACZ;AACA,wBAAgB;AAAA,UACd,MAAM,MAAM;AACV,kBAAM,WAAW;AAAA,cAAQ,YAAY;AAAA,cAAW,MAAM;AAAA,cAAU,MAC9D,YAAY,KAAK;AAAA,YACnB;AACA,wBAAY;AAAA,UACd;AAAA,UACA,MAAM,MAAM;AACV,kBAAM,WAAW;AAAA,cAAQ,YAAY;AAAA,cAAW,MAAM;AAAA,cAAU,MAC9D,YAAY,KAAK;AAAA,YACnB;AACA,wBAAY;AAAA,UACd;AAAA,QACF,CAAC;AAAA,MACH;AAAA,IACF;AACA,gBAAY,GAAG,oBAAoB,OAAO;AAC1C,WAAO,EAAE,SAAS,MAAM,YAAY,IAAI,oBAAoB,OAAO,EAAE;AAAA,EACvE;AACF,CAAC;",
+  "names": []
+}

package/dist/cjs/plugin-collapsible-list/statics/styles/collapsible-list-component-scss.js

@@ -22,11 +22,11 @@ __export(collapsible_list_component_exports, {
 });
 module.exports = __toCommonJS(collapsible_list_component_exports);
 var collapsible_list_component_default = {
-  "ltr": "_9ZIrC",
-  "rtl": "OyA9u",
-  "iconContainer": "wk2FE",
-  "icon": "uiLYM",
-  "isExpanded": "zk6QR",
-  "listDimensions": "trjS5"
+  "ltr": "Ypq3J",
+  "rtl": "-fCMH",
+  "iconContainer": "g6cx3",
+  "icon": "_5Y2eJ",
+  "isExpanded": "Wi-7y",
+  "listDimensions": "OR3OS"
 };
 //# sourceMappingURL=collapsible-list-component-scss.js.map

package/dist/cjs/plugin-collapsible-list/statics/styles/collapsible-list-component-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/plugin-collapsible-list/statics/styles/collapsible-list-component.scss"],
-  "sourcesContent": ["export default {\n  \"ltr\": \"_9ZIrC\",\n  \"rtl\": \"OyA9u\",\n  \"iconContainer\": \"wk2FE\",\n  \"icon\": \"uiLYM\",\n  \"isExpanded\": \"zk6QR\",\n  \"listDimensions\": \"trjS5\"\n};"],
+  "sourcesContent": ["export default {\n  \"ltr\": \"Ypq3J\",\n  \"rtl\": \"-fCMH\",\n  \"iconContainer\": \"g6cx3\",\n  \"icon\": \"_5Y2eJ\",\n  \"isExpanded\": \"Wi-7y\",\n  \"listDimensions\": \"OR3OS\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,qCAAQ;AAAA,EACb,OAAO;AAAA,EACP,OAAO;AAAA,EACP,iBAAiB;AAAA,EACjB,QAAQ;AAAA,EACR,cAAc;AAAA,EACd,kBAAkB;AACpB;",
   "names": []
 }

package/dist/cjs/plugin-collapsible-list/statics/styles/collapsible-list-pair-scss.js

@@ -22,23 +22,23 @@ __export(collapsible_list_pair_exports, {
 });
 module.exports = __toCommonJS(collapsible_list_pair_exports);
 var collapsible_list_pair_default = {
-  "container": "my9FX",
-  "title": "cGSq1",
-  "viewerContainer": "uaI-X",
-  "titleContainer": "_3kY8n",
-  "expandIcon": "BaEpU",
-  "dndIcon": "FEAiQ",
-  "RTL": "NNuSH",
-  "LTR": "BzSgq",
-  "itemContainer": "_0ueO3",
-  "itemContainerViewer": "skZnh",
-  "itemHeader": "ysc4C",
-  "itemBody": "wpgDu",
-  "expandIconPlaceholder": "PHr63",
-  "mouseDown": "swP-x",
-  "innerEditor": "ekMdG",
-  "item": "fbraY",
-  "floatingAddPluginMenuWrapper": "UhP-M",
-  "childrenHidden": "XCHU2"
+  "container": "_87KDe",
+  "title": "n07Vg",
+  "viewerContainer": "FeCVg",
+  "titleContainer": "W9oU2",
+  "expandIcon": "QASE8",
+  "dndIcon": "HT18s",
+  "RTL": "EE4PJ",
+  "LTR": "o-u-r",
+  "itemContainer": "Gji7E",
+  "itemContainerViewer": "EpJ8z",
+  "itemHeader": "lIUTE",
+  "itemBody": "nQyX9",
+  "expandIconPlaceholder": "gJCGh",
+  "mouseDown": "qz6CU",
+  "innerEditor": "IN7R2",
+  "item": "g-NS1",
+  "floatingAddPluginMenuWrapper": "_68Dld",
+  "childrenHidden": "tA-Sa"
 };
 //# sourceMappingURL=collapsible-list-pair-scss.js.map

package/dist/cjs/plugin-collapsible-list/statics/styles/collapsible-list-pair-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/plugin-collapsible-list/statics/styles/collapsible-list-pair.scss"],
-  "sourcesContent": ["export default {\n  \"container\": \"my9FX\",\n  \"title\": \"cGSq1\",\n  \"viewerContainer\": \"uaI-X\",\n  \"titleContainer\": \"_3kY8n\",\n  \"expandIcon\": \"BaEpU\",\n  \"dndIcon\": \"FEAiQ\",\n  \"RTL\": \"NNuSH\",\n  \"LTR\": \"BzSgq\",\n  \"itemContainer\": \"_0ueO3\",\n  \"itemContainerViewer\": \"skZnh\",\n  \"itemHeader\": \"ysc4C\",\n  \"itemBody\": \"wpgDu\",\n  \"expandIconPlaceholder\": \"PHr63\",\n  \"mouseDown\": \"swP-x\",\n  \"innerEditor\": \"ekMdG\",\n  \"item\": \"fbraY\",\n  \"floatingAddPluginMenuWrapper\": \"UhP-M\",\n  \"childrenHidden\": \"XCHU2\"\n};"],
+  "sourcesContent": ["export default {\n  \"container\": \"_87KDe\",\n  \"title\": \"n07Vg\",\n  \"viewerContainer\": \"FeCVg\",\n  \"titleContainer\": \"W9oU2\",\n  \"expandIcon\": \"QASE8\",\n  \"dndIcon\": \"HT18s\",\n  \"RTL\": \"EE4PJ\",\n  \"LTR\": \"o-u-r\",\n  \"itemContainer\": \"Gji7E\",\n  \"itemContainerViewer\": \"EpJ8z\",\n  \"itemHeader\": \"lIUTE\",\n  \"itemBody\": \"nQyX9\",\n  \"expandIconPlaceholder\": \"gJCGh\",\n  \"mouseDown\": \"qz6CU\",\n  \"innerEditor\": \"IN7R2\",\n  \"item\": \"g-NS1\",\n  \"floatingAddPluginMenuWrapper\": \"_68Dld\",\n  \"childrenHidden\": \"tA-Sa\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,gCAAQ;AAAA,EACb,aAAa;AAAA,EACb,SAAS;AAAA,EACT,mBAAmB;AAAA,EACnB,kBAAkB;AAAA,EAClB,cAAc;AAAA,EACd,WAAW;AAAA,EACX,OAAO;AAAA,EACP,OAAO;AAAA,EACP,iBAAiB;AAAA,EACjB,uBAAuB;AAAA,EACvB,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,yBAAyB;AAAA,EACzB,aAAa;AAAA,EACb,eAAe;AAAA,EACf,QAAQ;AAAA,EACR,gCAAgC;AAAA,EAChC,kBAAkB;AACpB;",
   "names": []
 }

package/dist/cjs/plugin-collapsible-list/statics/styles/collapsible-list-settings-scss.js

@@ -22,7 +22,7 @@ __export(collapsible_list_settings_exports, {
 });
 module.exports = __toCommonJS(collapsible_list_settings_exports);
 var collapsible_list_settings_default = {
-  "link": "SO64U",
-  "tooltip": "q9fT1"
+  "link": "Bxo1v",
+  "tooltip": "W8Aez"
 };
 //# sourceMappingURL=collapsible-list-settings-scss.js.map

package/dist/cjs/plugin-collapsible-list/statics/styles/collapsible-list-settings-scss.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../src/plugin-collapsible-list/statics/styles/collapsible-list-settings.scss"],
-  "sourcesContent": ["export default {\n  \"link\": \"SO64U\",\n  \"tooltip\": \"q9fT1\"\n};"],
+  "sourcesContent": ["export default {\n  \"link\": \"Bxo1v\",\n  \"tooltip\": \"W8Aez\"\n};"],
   "mappings": ";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAAO,oCAAQ;AAAA,EACb,QAAQ;AAAA,EACR,WAAW;AACb;",
   "names": []
 }

package/dist/cjs/plugin-collapsible-list/statics/styles/new-pair-button-scss.js

@@ -22,8 +22,8 @@ __export(new_pair_button_exports, {
 });
 module.exports = __toCommonJS(new_pair_button_exports);
 var new_pair_button_default = {
-  "new_pair_container": "_2jUma",
-  "new_pair_button": "Xfkji",
-  "new_pair_label": "jvkhp"
+  "new_pair_container": "cMdPa",
+  "new_pair_button": "FbP5i",
+  "new_pair_label": "FAtm6"
 };
 //# sourceMappingURL=new-pair-button-scss.js.map