@ni/nimble-components 32.7.0 → 32.7.1

package/dist/all-components-bundle.js

@@ -31748,8 +31748,24 @@ so this becomes the fallback color for the slot */ ''}
       return joinable($pos.nodeBefore, $pos.nodeAfter) &&
           $pos.parent.canReplace(index, index + 1);
   }
+  function canAppendWithSubstitutedLinebreaks(a, b) {
+      if (!b.content.size)
+          a.type.compatibleContent(b.type);
+      let match = a.contentMatchAt(a.childCount);
+      let { linebreakReplacement } = a.type.schema;
+      for (let i = 0; i < b.childCount; i++) {
+          let child = b.child(i);
+          let type = child.type == linebreakReplacement ? a.type.schema.nodes.text : child.type;
+          match = match.matchType(type);
+          if (!match)
+              return false;
+          if (!a.type.allowsMarks(child.marks))
+              return false;
+      }
+      return match.validEnd;
+  }
   function joinable(a, b) {
-      return !!(a && b && !a.isLeaf && a.canAppend(b));
+      return !!(a && b && !a.isLeaf && canAppendWithSubstitutedLinebreaks(a, b));
   }
   /**
   Find an ancestor of the given position that can be joined to the
@@ -31782,8 +31798,31 @@ so this becomes the fallback color for the slot */ ''}
       }
   }
   function join(tr, pos, depth) {
-      let step = new ReplaceStep(pos - depth, pos + depth, Slice.empty, true);
-      tr.step(step);
+      let convertNewlines = null;
+      let { linebreakReplacement } = tr.doc.type.schema;
+      let $before = tr.doc.resolve(pos - depth), beforeType = $before.node().type;
+      if (linebreakReplacement && beforeType.inlineContent) {
+          let pre = beforeType.whitespace == "pre";
+          let supportLinebreak = !!beforeType.contentMatch.matchType(linebreakReplacement);
+          if (pre && !supportLinebreak)
+              convertNewlines = false;
+          else if (!pre && supportLinebreak)
+              convertNewlines = true;
+      }
+      let mapFrom = tr.steps.length;
+      if (convertNewlines === false) {
+          let $after = tr.doc.resolve(pos + depth);
+          replaceLinebreaks(tr, $after.node(), $after.before(), mapFrom);
+      }
+      if (beforeType.inlineContent)
+          clearIncompatible(tr, pos + depth - 1, beforeType, $before.node().contentMatchAt($before.index()), convertNewlines == null);
+      let mapping = tr.mapping.slice(mapFrom), start = mapping.map(pos - depth);
+      tr.step(new ReplaceStep(start, mapping.map(pos + depth, -1), Slice.empty, true));
+      if (convertNewlines === true) {
+          let $full = tr.doc.resolve(start);
+          replaceNewlines(tr, $full.node(), $full.before(), tr.steps.length);
+      }
+      return tr;
   }
   /**
   Try to find a point where a node of the given type can be inserted
@@ -32267,7 +32306,8 @@ so this becomes the fallback color for the slot */ ''}
               return tr.delete($from.before(depth), $to.after(depth));
       }
       for (let d = 1; d <= $from.depth && d <= $to.depth; d++) {
-          if (from - $from.start(d) == $from.depth - d && to > $from.end(d) && $to.end(d) - to != $to.depth - d)
+          if (from - $from.start(d) == $from.depth - d && to > $from.end(d) && $to.end(d) - to != $to.depth - d &&
+              $from.start(d - 1) == $to.start(d - 1) && $from.node(d - 1).canReplace($from.index(d - 1), $to.index(d - 1)))
               return tr.delete($from.before(d), to);
       }
       tr.delete(from, to);
@@ -34860,16 +34900,17 @@ so this becomes the fallback color for the slot */ ''}
   // some cases they will be split more often than would appear
   // necessary.
   class MarkViewDesc extends ViewDesc {
-      constructor(parent, mark, dom, contentDOM) {
+      constructor(parent, mark, dom, contentDOM, spec) {
           super(parent, [], dom, contentDOM);
           this.mark = mark;
+          this.spec = spec;
       }
       static create(parent, mark, inline, view) {
           let custom = view.nodeViews[mark.type.name];
           let spec = custom && custom(mark, view, inline);
           if (!spec || !spec.dom)
               spec = DOMSerializer.renderSpec(document, mark.type.spec.toDOM(mark, inline), null, mark.attrs);
-          return new MarkViewDesc(parent, mark, spec.dom, spec.contentDOM || spec.dom);
+          return new MarkViewDesc(parent, mark, spec.dom, spec.contentDOM || spec.dom, spec);
       }
       parseRule() {
           if ((this.dirty & NODE_DIRTY) || this.mark.type.spec.reparseInView)
@@ -34901,6 +34942,11 @@ so this becomes the fallback color for the slot */ ''}
           copy.children = nodes;
           return copy;
       }
+      destroy() {
+          if (this.spec.destroy)
+              this.spec.destroy();
+          super.destroy();
+      }
   }
   // Node view descs are the main, most common type of view desc, and
   // correspond to an actual node in the document. Unlike mark descs,
@@ -35220,7 +35266,7 @@ so this becomes the fallback color for the slot */ ''}
       update(node, outerDeco, innerDeco, view) {
           if (this.dirty == NODE_DIRTY)
               return false;
-          if (this.spec.update) {
+          if (this.spec.update && (this.node.type == node.type || this.spec.multiType)) {
               let result = this.spec.update(node, outerDeco, innerDeco);
               if (result)
                   this.updateInner(node, outerDeco, innerDeco, view);
@@ -36621,6 +36667,7 @@ so this becomes the fallback color for the slot */ ''}
   function detachedDoc() {
       return _detachedDoc || (_detachedDoc = document.implementation.createHTMLDocument("title"));
   }
+  let _policy = null;
   function maybeWrapTrusted(html) {
       let trustedTypes = window.trustedTypes;
       if (!trustedTypes)
@@ -36628,7 +36675,9 @@ so this becomes the fallback color for the slot */ ''}
       // With the require-trusted-types-for CSP, Chrome will block
       // innerHTML, even on a detached document. This wraps the string in
       // a way that makes the browser allow us to use its parser again.
-      return trustedTypes.createPolicy("detachedDocument", { createHTML: (s) => s }).createHTML(html);
+      if (!_policy)
+          _policy = trustedTypes.createPolicy("ProseMirrorClipboard", { createHTML: (s) => s });
+      return _policy.createHTML(html);
   }
   function readHTML(html) {
       let metas = /^(\s*<meta [^>]*>)*/.exec(html);
@@ -36779,9 +36828,7 @@ so this becomes the fallback color for the slot */ ''}
       // and handling them eagerly tends to corrupt the input.
       if (android && chrome && event.keyCode == 13)
           return;
-      if (view.domObserver.selectionChanged(view.domSelectionRange()))
-          view.domObserver.flush();
-      else if (event.keyCode != 229)
+      if (event.keyCode != 229)
           view.domObserver.forceFlush();
       // On iOS, if we preventDefault enter key presses, the virtual
       // keyboard gets confused. So the hack here is to set a flag that
@@ -38303,9 +38350,6 @@ so this becomes the fallback color for the slot */ ''}
                   this.queue.push(mut);
           return this.queue;
       }
-      selectionChanged(sel) {
-          return !this.suppressingSelectionUpdates && !this.currentSelection.eq(sel) && hasFocusAndSelection(this.view) && !this.ignoreSelectionChange(sel);
-      }
       flush() {
           let { view } = this;
           if (!view.docView || this.flushingSoon > -1)
@@ -38313,7 +38357,8 @@ so this becomes the fallback color for the slot */ ''}
           let mutations = this.pendingRecords();
           if (mutations.length)
               this.queue = [];
-          let sel = view.domSelectionRange(), newSel = this.selectionChanged(sel);
+          let sel = view.domSelectionRange();
+          let newSel = !this.suppressingSelectionUpdates && !this.currentSelection.eq(sel) && hasFocusAndSelection(view) && !this.ignoreSelectionChange(sel);
           let from = -1, to = -1, typeOver = false, added = [];
           if (view.editable) {
               for (let i = 0; i < mutations.length; i++) {
@@ -40089,10 +40134,7 @@ so this becomes the fallback color for the slot */ ''}
       if (!$pos.parent.canReplace(index, index + 1) || !(after.isTextblock || canJoin(state.doc, $pos.pos)))
           return false;
       if (dispatch)
-          dispatch(state.tr
-              .clearIncompatible($pos.pos, before.type, before.contentMatchAt(before.childCount))
-              .join($pos.pos)
-              .scrollIntoView());
+          dispatch(state.tr.join($pos.pos).scrollIntoView());
       return true;
   }
   function deleteBarrier(state, $cut, dispatch, dir) {
@@ -40110,9 +40152,10 @@ so this becomes the fallback color for the slot */ ''}
                   wrap = Fragment.from(conn[i].create(null, wrap));
               wrap = Fragment.from(before.copy(wrap));
               let tr = state.tr.step(new ReplaceAroundStep($cut.pos - 1, end, $cut.pos, end, new Slice(wrap, 1, 0), conn.length, true));
-              let joinAt = end + 2 * conn.length;
-              if (canJoin(tr.doc, joinAt))
-                  tr.join(joinAt);
+              let $joinAt = tr.doc.resolve(end + 2 * conn.length);
+              if ($joinAt.nodeAfter && $joinAt.nodeAfter.type == before.type &&
+                  canJoin(tr.doc, $joinAt.pos))
+                  tr.join($joinAt.pos);
               dispatch(tr.scrollIntoView());
           }
           return true;
@@ -55758,84 +55801,8 @@ img.ProseMirror-separator {
       },
   });
 
-  /**
-   * This extension allows you to create list items.
-   * @see https://www.tiptap.dev/api/nodes/list-item
-   */
-  const ListItem = Node$1.create({
-      name: 'listItem',
-      addOptions() {
-          return {
-              HTMLAttributes: {},
-              bulletListTypeName: 'bulletList',
-              orderedListTypeName: 'orderedList',
-          };
-      },
-      content: 'paragraph block*',
-      defining: true,
-      parseHTML() {
-          return [
-              {
-                  tag: 'li',
-              },
-          ];
-      },
-      renderHTML({ HTMLAttributes }) {
-          return ['li', mergeAttributes(this.options.HTMLAttributes, HTMLAttributes), 0];
-      },
-      addKeyboardShortcuts() {
-          return {
-              Enter: () => this.editor.commands.splitListItem(this.name),
-              Tab: () => this.editor.commands.sinkListItem(this.name),
-              'Shift-Tab': () => this.editor.commands.liftListItem(this.name),
-          };
-      },
-  });
-
-  /**
-   * This extension allows you to create text styles. It is required by default
-   * for the `textColor` and `backgroundColor` extensions.
-   * @see https://www.tiptap.dev/api/marks/text-style
-   */
-  const TextStyle = Mark.create({
-      name: 'textStyle',
-      priority: 101,
-      addOptions() {
-          return {
-              HTMLAttributes: {},
-          };
-      },
-      parseHTML() {
-          return [
-              {
-                  tag: 'span',
-                  getAttrs: element => {
-                      const hasStyles = element.hasAttribute('style');
-                      if (!hasStyles) {
-                          return false;
-                      }
-                      return {};
-                  },
-              },
-          ];
-      },
-      renderHTML({ HTMLAttributes }) {
-          return ['span', mergeAttributes(this.options.HTMLAttributes, HTMLAttributes), 0];
-      },
-      addCommands() {
-          return {
-              removeEmptyTextStyle: () => ({ state, commands }) => {
-                  const attributes = getMarkAttributes(state, this.type);
-                  const hasStyles = Object.entries(attributes).some(([, value]) => !!value);
-                  if (hasStyles) {
-                      return true;
-                  }
-                  return commands.unsetMark(this.name);
-              },
-          };
-      },
-  });
-
+  const ListItemName$1 = 'listItem';
+  const TextStyleName$1 = 'textStyle';
   /**
    * Matches a bullet list to a dash or asterisk.
    */
@@ -55872,7 +55839,7 @@ img.ProseMirror-separator {
           return {
               toggleBulletList: () => ({ commands, chain }) => {
                   if (this.options.keepAttributes) {
-                      return chain().toggleList(this.name, this.options.itemTypeName, this.options.keepMarks).updateAttributes(ListItem.name, this.editor.getAttributes(TextStyle.name)).run();
+                      return chain().toggleList(this.name, this.options.itemTypeName, this.options.keepMarks).updateAttributes(ListItemName$1, this.editor.getAttributes(TextStyleName$1)).run();
                   }
                   return commands.toggleList(this.name, this.options.itemTypeName, this.options.keepMarks);
               },
@@ -55894,7 +55861,7 @@ img.ProseMirror-separator {
                   type: this.type,
                   keepMarks: this.options.keepMarks,
                   keepAttributes: this.options.keepAttributes,
-                  getAttributes: () => { return this.editor.getAttributes(TextStyle.name); },
+                  getAttributes: () => { return this.editor.getAttributes(TextStyleName$1); },
                   editor: this.editor,
               });
           }
@@ -58756,6 +58723,40 @@ img.ProseMirror-separator {
       },
   });
 
+  /**
+   * This extension allows you to create list items.
+   * @see https://www.tiptap.dev/api/nodes/list-item
+   */
+  const ListItem = Node$1.create({
+      name: 'listItem',
+      addOptions() {
+          return {
+              HTMLAttributes: {},
+              bulletListTypeName: 'bulletList',
+              orderedListTypeName: 'orderedList',
+          };
+      },
+      content: 'paragraph block*',
+      defining: true,
+      parseHTML() {
+          return [
+              {
+                  tag: 'li',
+              },
+          ];
+      },
+      renderHTML({ HTMLAttributes }) {
+          return ['li', mergeAttributes(this.options.HTMLAttributes, HTMLAttributes), 0];
+      },
+      addKeyboardShortcuts() {
+          return {
+              Enter: () => this.editor.commands.splitListItem(this.name),
+              Tab: () => this.editor.commands.sinkListItem(this.name),
+              'Shift-Tab': () => this.editor.commands.liftListItem(this.name),
+          };
+      },
+  });
+
   function findSuggestionMatch(config) {
       var _a;
       const { char, allowSpaces, allowedPrefixes, startOfLine, $position, } = config;
@@ -59162,6 +59163,8 @@ img.ProseMirror-separator {
       },
   });
 
+  const ListItemName = 'listItem';
+  const TextStyleName = 'textStyle';
   /**
    * Matches an ordered list to a 1. on input (or any number followed by a dot).
    */
@@ -59219,7 +59222,7 @@ img.ProseMirror-separator {
           return {
               toggleOrderedList: () => ({ commands, chain }) => {
                   if (this.options.keepAttributes) {
-                      return chain().toggleList(this.name, this.options.itemTypeName, this.options.keepMarks).updateAttributes(ListItem.name, this.editor.getAttributes(TextStyle.name)).run();
+                      return chain().toggleList(this.name, this.options.itemTypeName, this.options.keepMarks).updateAttributes(ListItemName, this.editor.getAttributes(TextStyleName)).run();
                   }
                   return commands.toggleList(this.name, this.options.itemTypeName, this.options.keepMarks);
               },
@@ -59243,7 +59246,7 @@ img.ProseMirror-separator {
                   type: this.type,
                   keepMarks: this.options.keepMarks,
                   keepAttributes: this.options.keepAttributes,
-                  getAttributes: match => ({ start: +match[1], ...this.editor.getAttributes(TextStyle.name) }),
+                  getAttributes: match => ({ start: +match[1], ...this.editor.getAttributes(TextStyleName) }),
                   joinPredicate: (match, node) => node.childCount + node.attrs.start === +match[1],
                   editor: this.editor,
               });
@@ -67658,7 +67661,7 @@ focus outline in that case.
       return;
     }
     let offset = 0;
-    const fallback = supportsScrollend ? () => void 0 : debounce(
+    const fallback = instance.options.useScrollendEvent && supportsScrollend ? () => void 0 : debounce(
       targetWindow,
       () => {
         cb(offset, false);
@@ -67780,6 +67783,7 @@ focus outline in that case.
           isScrollingResetDelay: 150,
           enabled: true,
           isRtl: false,
+          useScrollendEvent: true,
           ...opts2
         };
       };