@ni/spright-components 4.2.2 → 4.2.4

package/dist/all-components-bundle.js

@@ -20337,7 +20337,42 @@ so this becomes the fallback color for the slot */ ''}
   DesignSystem.getOrCreate().withPrefix('nimble').register(nimbleCardButton());
 
   const styles$N = css `
+    .error-icon {
+        display: none;
+    }
+
+    :host([error-visible]) .error-icon {
+        display: inline-flex;
+        width: ${iconSize};
+        height: ${iconSize};
+        flex: none;
+    }
+
+    .error-text {
+        display: none;
+    }
+
+    :host([error-visible]) .error-text {
+        display: block;
+        font: ${errorTextFont};
+        color: ${failColor};
+        width: 100%;
+        position: absolute;
+        bottom: calc(-1 * (${errorTextFontLineHeight} + 2px));
+        left: 0px;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+    }
+
+    :host([error-visible]) .error-text:empty {
+        display: none;
+    }
+`;
+
+  const styles$M = css `
     ${display$1('inline-flex')}
+    ${styles$N}
 
     :host {
         font: ${bodyFont};
@@ -20345,16 +20380,25 @@ so this becomes the fallback color for the slot */ ''}
         cursor: pointer;
         outline: none;
         ${userSelectNone}
+        min-height: ${controlHeight};
     }
 
     :host([disabled]) {
         cursor: default;
     }
 
+    .container {
+        position: relative;
+        display: grid;
+        grid-template-columns: auto 1fr auto;
+        grid-template-rows: ${bodyFontLineHeight} auto;
+        align-items: center;
+        width: 100%;
+    }
+
     .control {
-        width: calc(${controlHeight} / 2);
-        height: calc(${controlHeight} / 2);
-        flex-shrink: 0;
+        width: ${iconSize};
+        height: ${iconSize};
         border: ${borderWidth} solid ${borderColor};
         padding: 2px;
         display: inline-flex;
@@ -20367,6 +20411,8 @@ so this becomes the fallback color for the slot */ ''}
  * Set it to 0 to ensure the outline is just as high as the control.
  */ ''}
         line-height: 0;
+        grid-column: 1;
+        grid-row: 1;
     }
 
     @media (prefers-reduced-motion) {
@@ -20394,7 +20440,9 @@ so this becomes the fallback color for the slot */ ''}
     .label {
         font: inherit;
         color: ${bodyFontColor};
-        padding-left: 1ch;
+        padding-left: ${mediumPadding};
+        grid-column: 2;
+        grid-row: 1 / span 2;
         cursor: inherit;
     }
 
@@ -20411,16 +20459,13 @@ so this becomes the fallback color for the slot */ ''}
         height: ${iconSize};
         width: ${iconSize};
         overflow: visible;
+        fill: ${borderColor};
     }
 
     :host(.checked:not(.indeterminate)) slot[name='checked-indicator'] {
         display: contents;
     }
 
-    slot[name='checked-indicator'] svg {
-        fill: ${borderColor};
-    }
-
     :host([disabled]) slot[name='checked-indicator'] svg {
         fill: rgba(${borderRgbPartialColor}, 0.3);
     }
@@ -20442,6 +20487,18 @@ so this becomes the fallback color for the slot */ ''}
     :host([disabled]) slot[name='indeterminate-indicator'] svg {
         fill: rgba(${borderRgbPartialColor}, 0.3);
     }
+
+    .error-icon {
+        grid-column: 3;
+        grid-row: 1;
+        margin: 0px ${smallPadding};
+    }
+`;
+
+  const errorTextTemplate = html `
+    <div class="error-text" title="${x => x.errorText}" aria-live="polite">
+        ${x => x.errorText}
+    </div>
 `;
 
   const template$C = (_context, definition) => html `
@@ -20456,22 +20513,29 @@ so this becomes the fallback color for the slot */ ''}
         @click="${(x, c) => x.clickHandler(c.event)}"
         class="${x => (x.readOnly ? 'readonly' : '')} ${x => (x.checked ? 'checked' : '')} ${x => (x.indeterminate ? 'indeterminate' : '')}"
     >
-        <div part="control" class="control">
-            <slot name="checked-indicator">
-                ${definition.checkedIndicator || ''}
-            </slot>
-            <slot name="indeterminate-indicator">
-                ${definition.indeterminateIndicator || ''}
-            </slot>
-        </div>
-        <label
-            part="label"
-            class="${x => (x.defaultSlottedNodes?.length
+        <div part="container" class="container">
+            <div part="control" class="control">
+                <slot name="checked-indicator">
+                    ${definition.checkedIndicator || ''}
+                </slot>
+                <slot name="indeterminate-indicator">
+                    ${definition.indeterminateIndicator || ''}
+                </slot>
+            </div>
+            <label
+                part="label"
+                class="${x => (x.defaultSlottedNodes?.length
     ? 'label'
     : 'label label__hidden')}"
-        >
-            <slot ${slotted('defaultSlottedNodes')}></slot>
-        </label>
+            >
+                <slot ${slotted('defaultSlottedNodes')}></slot>
+            </label>
+            <${iconExclamationMarkTag}
+                severity="error"
+                class="error-icon"
+            ></${iconExclamationMarkTag}>
+            ${errorTextTemplate}
+        </div>
     </template>
 `;
 
@@ -20479,6 +20543,10 @@ so this becomes the fallback color for the slot */ ''}
    * A nimble-styled checkbox control.
    */
   class Checkbox extends Checkbox$1 {
+      constructor() {
+          super(...arguments);
+          this.errorVisible = false;
+      }
       /**
        * @internal
        */
@@ -20490,18 +20558,24 @@ so this becomes the fallback color for the slot */ ''}
   __decorate$1([
       attr({ attribute: 'tabindex', converter: nullableNumberConverter })
   ], Checkbox.prototype, "tabIndex", void 0);
+  __decorate$1([
+      attr({ attribute: 'error-text' })
+  ], Checkbox.prototype, "errorText", void 0);
+  __decorate$1([
+      attr({ attribute: 'error-visible', mode: 'boolean' })
+  ], Checkbox.prototype, "errorVisible", void 0);
   const nimbleCheckbox = Checkbox.compose({
       baseName: 'checkbox',
       baseClass: Checkbox$1,
       template: template$C,
-      styles: styles$N,
+      styles: styles$M,
       checkedIndicator: check16X16.data,
       indeterminateIndicator: minus16X16.data
   });
   DesignSystem.getOrCreate().withPrefix('nimble').register(nimbleCheckbox());
   const checkboxTag = 'nimble-checkbox';
 
-  const styles$M = css `
+  const styles$L = css `
     ${styles$$}
     ${buttonAppearanceVariantStyles}
 
@@ -20648,7 +20722,7 @@ so this becomes the fallback color for the slot */ ''}
   const nimbleToggleButton = ToggleButton.compose({
       baseName: 'toggle-button',
       template: template$B,
-      styles: styles$M,
+      styles: styles$L,
       shadowOptions: {
           delegatesFocus: true
       }
@@ -20656,12 +20730,6 @@ so this becomes the fallback color for the slot */ ''}
   DesignSystem.getOrCreate().withPrefix('nimble').register(nimbleToggleButton());
   const toggleButtonTag = 'nimble-toggle-button';
 
-  const errorTextTemplate = html `
-    <div class="error-text" title="${x => x.errorText}" aria-live="polite">
-        ${x => x.errorText}
-    </div>
-`;
-
   // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
   // See generation source in nimble-components/build/generate-icons
   /**
@@ -20686,7 +20754,7 @@ so this becomes the fallback color for the slot */ ''}
   };
 
   // prettier-ignore
-  const styles$L = css `
+  const styles$K = css `
     ${display$1('inline-flex')}
 
     :host {
@@ -20955,40 +21023,6 @@ so this becomes the fallback color for the slot */ ''}
             }
         `));
 
-  const styles$K = css `
-    .error-icon {
-        display: none;
-    }
-
-    :host([error-visible]) .error-icon {
-        display: inline-flex;
-        width: ${iconSize};
-        height: ${iconSize};
-        flex: none;
-    }
-
-    .error-text {
-        display: none;
-    }
-
-    :host([error-visible]) .error-text {
-        display: block;
-        font: ${errorTextFont};
-        color: ${failColor};
-        width: 100%;
-        position: absolute;
-        bottom: calc(-1 * (${errorTextFontLineHeight} + 2px));
-        left: 0px;
-        overflow: hidden;
-        text-overflow: ellipsis;
-        white-space: nowrap;
-    }
-
-    :host([error-visible]) .error-text:empty {
-        display: none;
-    }
-`;
-
   /**
    * Types of dropdown appearance.
    * @public
@@ -21004,8 +21038,8 @@ so this becomes the fallback color for the slot */ ''}
   };
 
   const styles$J = css `
-    ${styles$L}
     ${styles$K}
+    ${styles$N}
 
     :host {
         --ni-private-hover-bottom-border-width: 2px;
@@ -26514,7 +26548,7 @@ so this becomes the fallback color for the slot */ ''}
 
   const styles$z = css `
     ${display$1('inline-block')}
-    ${styles$K}
+    ${styles$N}
 
     :host {
         font: ${bodyFont};
@@ -26888,7 +26922,7 @@ so this becomes the fallback color for the slot */ ''}
 
   const styles$x = css `
     ${display$1('inline-block')}
-    ${styles$K}
+    ${styles$N}
 
     .positioning-region {
         display: flex;
@@ -27188,7 +27222,7 @@ so this becomes the fallback color for the slot */ ''}
       */
       constructor(
       /**
-      @internal
+      The child nodes in this fragment.
       */
       content, size) {
           this.content = content;
@@ -28300,6 +28334,10 @@ so this becomes the fallback color for the slot */ ''}
           this.content = content || Fragment.empty;
       }
       /**
+      The array of this node's child nodes.
+      */
+      get children() { return this.content.content; }
+      /**
       The size of this node, as defined by the integer-based [indexing
       scheme](/docs/guide/#doc.indexing). For text nodes, this is the
       amount of characters. For other leaf nodes, it is one. For
@@ -28995,16 +29033,14 @@ so this becomes the fallback color for the slot */ ''}
           stream.err("Unexpected token '" + stream.next + "'");
       }
   }
-  /**
-  Construct an NFA from an expression as returned by the parser. The
-  NFA is represented as an array of states, which are themselves
-  arrays of edges, which are `{term, to}` objects. The first state is
-  the entry state and the last node is the success state.
-
-  Note that unlike typical NFAs, the edge ordering in this one is
-  significant, in that it is used to contruct filler content when
-  necessary.
-  */
+  // Construct an NFA from an expression as returned by the parser. The
+  // NFA is represented as an array of states, which are themselves
+  // arrays of edges, which are `{term, to}` objects. The first state is
+  // the entry state and the last node is the success state.
+  //
+  // Note that unlike typical NFAs, the edge ordering in this one is
+  // significant, in that it is used to contruct filler content when
+  // necessary.
   function nfa(expr) {
       let nfa = [[]];
       connect(compile(expr, 0), node());
@@ -34704,18 +34740,19 @@ so this becomes the fallback color for the slot */ ''}
       // custom things with the selection. Note that this falls apart when
       // a selection starts in such a node and ends in another, in which
       // case we just use whatever domFromPos produces as a best effort.
-      setSelection(anchor, head, root, force = false) {
+      setSelection(anchor, head, view, force = false) {
           // If the selection falls entirely in a child, give it to that child
           let from = Math.min(anchor, head), to = Math.max(anchor, head);
           for (let i = 0, offset = 0; i < this.children.length; i++) {
               let child = this.children[i], end = offset + child.size;
               if (from > offset && to < end)
-                  return child.setSelection(anchor - offset - child.border, head - offset - child.border, root, force);
+                  return child.setSelection(anchor - offset - child.border, head - offset - child.border, view, force);
               offset = end;
           }
           let anchorDOM = this.domFromPos(anchor, anchor ? -1 : 1);
           let headDOM = head == anchor ? anchorDOM : this.domFromPos(head, head ? -1 : 1);
-          let domSel = root.getSelection();
+          let domSel = view.root.getSelection();
+          let selRange = view.domSelectionRange();
           let brKludge = false;
           // On Firefox, using Selection.collapse to put the cursor after a
           // BR node for some reason doesn't always work (#1073). On Safari,
@@ -34746,14 +34783,14 @@ so this becomes the fallback color for the slot */ ''}
           }
           // Firefox can act strangely when the selection is in front of an
           // uneditable node. See #1163 and https://bugzilla.mozilla.org/show_bug.cgi?id=1709536
-          if (gecko && domSel.focusNode && domSel.focusNode != headDOM.node && domSel.focusNode.nodeType == 1) {
-              let after = domSel.focusNode.childNodes[domSel.focusOffset];
+          if (gecko && selRange.focusNode && selRange.focusNode != headDOM.node && selRange.focusNode.nodeType == 1) {
+              let after = selRange.focusNode.childNodes[selRange.focusOffset];
               if (after && after.contentEditable == "false")
                   force = true;
           }
           if (!(force || brKludge && safari) &&
-              isEquivalentPosition(anchorDOM.node, anchorDOM.offset, domSel.anchorNode, domSel.anchorOffset) &&
-              isEquivalentPosition(headDOM.node, headDOM.offset, domSel.focusNode, domSel.focusOffset))
+              isEquivalentPosition(anchorDOM.node, anchorDOM.offset, selRange.anchorNode, selRange.anchorOffset) &&
+              isEquivalentPosition(headDOM.node, headDOM.offset, selRange.focusNode, selRange.focusOffset))
               return;
           // Selection.extend can be used to create an 'inverted' selection
           // (one where the focus is before the anchor), but not all
@@ -34942,6 +34979,9 @@ so this becomes the fallback color for the slot */ ''}
           copy.children = nodes;
           return copy;
       }
+      ignoreMutation(mutation) {
+          return this.spec.ignoreMutation ? this.spec.ignoreMutation(mutation) : super.ignoreMutation(mutation);
+      }
       destroy() {
           if (this.spec.destroy)
               this.spec.destroy();
@@ -35285,9 +35325,9 @@ so this becomes the fallback color for the slot */ ''}
       deselectNode() {
           this.spec.deselectNode ? this.spec.deselectNode() : super.deselectNode();
       }
-      setSelection(anchor, head, root, force) {
-          this.spec.setSelection ? this.spec.setSelection(anchor, head, root)
-              : super.setSelection(anchor, head, root, force);
+      setSelection(anchor, head, view, force) {
+          this.spec.setSelection ? this.spec.setSelection(anchor, head, view.root)
+              : super.setSelection(anchor, head, view, force);
       }
       destroy() {
           if (this.spec.destroy)
@@ -35947,7 +35987,7 @@ so this becomes the fallback color for the slot */ ''}
               if (!sel.empty && !sel.$from.parent.inlineContent)
                   resetEditableTo = temporarilyEditableNear(view, sel.to);
           }
-          view.docView.setSelection(anchor, head, view.root, force);
+          view.docView.setSelection(anchor, head, view, force);
           if (brokenSelectBetweenUneditable) {
               if (resetEditableFrom)
                   resetEditable(resetEditableFrom);
@@ -40575,6 +40615,13 @@ so this becomes the fallback color for the slot */ ''}
           }
           return this;
       }
+      once(event, fn) {
+          const onceFn = (...args) => {
+              this.off(event, onceFn);
+              fn.apply(this, args);
+          };
+          return this.on(event, onceFn);
+      }
       removeAllListeners() {
           this.callbacks = {};
       }
@@ -40880,6 +40927,7 @@ so this becomes the fallback color for the slot */ ''}
               draggable: callOrReturn(getExtensionField(extension, 'draggable', context)),
               code: callOrReturn(getExtensionField(extension, 'code', context)),
               whitespace: callOrReturn(getExtensionField(extension, 'whitespace', context)),
+              linebreakReplacement: callOrReturn(getExtensionField(extension, 'linebreakReplacement', context)),
               defining: callOrReturn(getExtensionField(extension, 'defining', context)),
               isolating: callOrReturn(getExtensionField(extension, 'isolating', context)),
               attrs: Object.fromEntries(extensionAttributes.map(extensionAttribute => {
@@ -40973,6 +41021,14 @@ so this becomes the fallback color for the slot */ ''}
       return enabled;
   }
 
+  function getHTMLFromFragment(fragment, schema) {
+      const documentFragment = DOMSerializer.fromSchema(schema).serializeFragment(fragment);
+      const temporaryDocument = document.implementation.createHTMLDocument();
+      const container = temporaryDocument.createElement('div');
+      container.appendChild(documentFragment);
+      return container.innerHTML;
+  }
+
   /**
    * Returns the text content of a resolved prosemirror position
    * @param $from The resolved position to get the text content from
@@ -41102,7 +41158,7 @@ so this becomes the fallback color for the slot */ ''}
               init() {
                   return null;
               },
-              apply(tr, prev) {
+              apply(tr, prev, state) {
                   const stored = tr.getMeta(plugin);
                   if (stored) {
                       return stored;
@@ -41112,7 +41168,14 @@ so this becomes the fallback color for the slot */ ''}
                   const isSimulatedInput = !!simulatedInputMeta;
                   if (isSimulatedInput) {
                       setTimeout(() => {
-                          const { from, text } = simulatedInputMeta;
+                          let { text } = simulatedInputMeta;
+                          if (typeof text === 'string') {
+                              text = text;
+                          }
+                          else {
+                              text = getHTMLFromFragment(Fragment.from(text), state.schema);
+                          }
+                          const { from } = simulatedInputMeta;
                           const to = from + text.length;
                           run$1$1({
                               editor,
@@ -41305,7 +41368,7 @@ so this becomes the fallback color for the slot */ ''}
 
   /**
    * Paste rules are used to react to pasted content.
-   * @see https://tiptap.dev/guide/custom-extensions/#paste-rules
+   * @see https://tiptap.dev/docs/editor/extensions/custom-extensions/extend-existing#paste-rules
    */
   class PasteRule {
       constructor(config) {
@@ -41395,7 +41458,13 @@ so this becomes the fallback color for the slot */ ''}
       let isPastedFromProseMirror = false;
       let isDroppedFromProseMirror = false;
       let pasteEvent = typeof ClipboardEvent !== 'undefined' ? new ClipboardEvent('paste') : null;
-      let dropEvent = typeof DragEvent !== 'undefined' ? new DragEvent('drop') : null;
+      let dropEvent;
+      try {
+          dropEvent = typeof DragEvent !== 'undefined' ? new DragEvent('drop') : null;
+      }
+      catch (e) {
+          dropEvent = null;
+      }
       const processEvent = ({ state, from, to, rule, pasteEvt, }) => {
           const tr = state.tr;
           const chainableState = createChainableState({
@@ -41414,7 +41483,12 @@ so this becomes the fallback color for the slot */ ''}
           if (!handler || !tr.steps.length) {
               return;
           }
-          dropEvent = typeof DragEvent !== 'undefined' ? new DragEvent('drop') : null;
+          try {
+              dropEvent = typeof DragEvent !== 'undefined' ? new DragEvent('drop') : null;
+          }
+          catch (e) {
+              dropEvent = null;
+          }
           pasteEvent = typeof ClipboardEvent !== 'undefined' ? new ClipboardEvent('paste') : null;
           return tr;
       };
@@ -41463,7 +41537,14 @@ so this becomes the fallback color for the slot */ ''}
                   }
                   // Handle simulated paste
                   if (isSimulatedPaste) {
-                      const { from, text } = simulatedPasteMeta;
+                      let { text } = simulatedPasteMeta;
+                      if (typeof text === 'string') {
+                          text = text;
+                      }
+                      else {
+                          text = getHTMLFromFragment(Fragment.from(text), state.schema);
+                      }
+                      const { from } = simulatedPasteMeta;
                       const to = from + text.length;
                       const pasteEvt = createClipboardPasteEvent(text);
                       return processEvent({
@@ -42060,13 +42141,33 @@ so this becomes the fallback color for the slot */ ''}
 
   function findMarkInSet(marks, type, attributes = {}) {
       return marks.find(item => {
-          return item.type === type && objectIncludes(item.attrs, attributes);
+          return (item.type === type
+              && objectIncludes(
+              // Only check equality for the attributes that are provided
+              Object.fromEntries(Object.keys(attributes).map(k => [k, item.attrs[k]])), attributes));
       });
   }
   function isMarkInSet(marks, type, attributes = {}) {
       return !!findMarkInSet(marks, type, attributes);
   }
-  function getMarkRange($pos, type, attributes = {}) {
+  /**
+   * Get the range of a mark at a resolved position.
+   */
+  function getMarkRange(
+  /**
+   * The position to get the mark range for.
+   */
+  $pos, 
+  /**
+   * The mark type to get the range for.
+   */
+  type, 
+  /**
+   * The attributes to match against.
+   * If not provided, only the first mark at the position will be matched.
+   */
+  attributes) {
+      var _a;
       if (!$pos || !type) {
           return;
       }
@@ -42079,6 +42180,8 @@ so this becomes the fallback color for the slot */ ''}
       if (!start.node || !start.node.marks.some(mark => mark.type === type)) {
           return;
       }
+      // Default to only matching against the first mark's attributes
+      attributes = attributes || ((_a = start.node.marks[0]) === null || _a === void 0 ? void 0 : _a.attrs);
       // We now know that the cursor is either at the start, middle or end of a text node with the specified mark
       // so we can look it up on the targeted mark
       const mark = findMarkInSet([...start.node.marks], type, attributes);
@@ -42089,8 +42192,8 @@ so this becomes the fallback color for the slot */ ''}
       let startPos = $pos.start() + start.offset;
       let endIndex = startIndex + 1;
       let endPos = startPos + start.node.nodeSize;
-      findMarkInSet([...start.node.marks], type, attributes);
-      while (startIndex > 0 && mark.isInSet($pos.parent.child(startIndex - 1).marks)) {
+      while (startIndex > 0
+          && isMarkInSet([...$pos.parent.child(startIndex - 1).marks], type, attributes)) {
           startIndex -= 1;
           startPos -= $pos.parent.child(startIndex).nodeSize;
       }
@@ -42266,6 +42369,9 @@ so this becomes the fallback color for the slot */ ''}
    * @returns The created Prosemirror node or fragment
    */
   function createNodeFromContent(content, schema, options) {
+      if (content instanceof Node$2 || content instanceof Fragment) {
+          return content;
+      }
       options = {
           slice: true,
           parseOptions: {},
@@ -42430,6 +42536,15 @@ so this becomes the fallback color for the slot */ ''}
               if (Array.isArray(value)) {
                   newContent = value.map(v => v.text || '').join('');
               }
+              else if (value instanceof Fragment) {
+                  let text = '';
+                  value.forEach(node => {
+                      if (node.text) {
+                          text += node.text;
+                      }
+                  });
+                  newContent = text;
+              }
               else if (typeof value === 'object' && !!value && !!value.text) {
                   newContent = value.text;
               }
@@ -42907,14 +43022,6 @@ so this becomes the fallback color for the slot */ ''}
       return (selection) => findParentNodeClosestToPos(selection.$from, predicate);
   }
 
-  function getHTMLFromFragment(fragment, schema) {
-      const documentFragment = DOMSerializer.fromSchema(schema).serializeFragment(fragment);
-      const temporaryDocument = document.implementation.createHTMLDocument();
-      const container = temporaryDocument.createElement('div');
-      container.appendChild(documentFragment);
-      return container.innerHTML;
-  }
-
   /**
    * Gets the text of a Prosemirror node
    * @param node The Prosemirror node
@@ -43311,6 +43418,11 @@ so this becomes the fallback color for the slot */ ''}
 
   const setNode = (typeOrName, attributes = {}) => ({ state, dispatch, chain }) => {
       const type = getNodeType(typeOrName, state.schema);
+      let attributesToCopy;
+      if (state.selection.$anchor.sameParent(state.selection.$head)) {
+          // only copy attributes if the selection is pointing to a node of the same type
+          attributesToCopy = state.selection.$anchor.parent.attrs;
+      }
       // TODO: use a fallback like insertContent?
       if (!type.isTextblock) {
           console.warn('[tiptap warn]: Currently "setNode()" only supports text block nodes.');
@@ -43319,14 +43431,14 @@ so this becomes the fallback color for the slot */ ''}
       return (chain()
           // try to convert node to default node if needed
           .command(({ commands }) => {
-          const canSetBlock = setBlockType(type, attributes)(state);
+          const canSetBlock = setBlockType(type, { ...attributesToCopy, ...attributes })(state);
           if (canSetBlock) {
               return true;
           }
           return commands.clearNodes();
       })
           .command(({ state: updatedState }) => {
-          return setBlockType(type, attributes)(updatedState, dispatch);
+          return setBlockType(type, { ...attributesToCopy, ...attributes })(updatedState, dispatch);
       })
           .run());
   };
@@ -43745,21 +43857,63 @@ so this becomes the fallback color for the slot */ ''}
           markType = getMarkType(typeOrName, state.schema);
       }
       if (dispatch) {
-          tr.selection.ranges.forEach(range => {
+          tr.selection.ranges.forEach((range) => {
               const from = range.$from.pos;
               const to = range.$to.pos;
-              state.doc.nodesBetween(from, to, (node, pos) => {
-                  if (nodeType && nodeType === node.type) {
-                      tr.setNodeMarkup(pos, undefined, {
-                          ...node.attrs,
+              let lastPos;
+              let lastNode;
+              let trimmedFrom;
+              let trimmedTo;
+              if (tr.selection.empty) {
+                  state.doc.nodesBetween(from, to, (node, pos) => {
+                      if (nodeType && nodeType === node.type) {
+                          trimmedFrom = Math.max(pos, from);
+                          trimmedTo = Math.min(pos + node.nodeSize, to);
+                          lastPos = pos;
+                          lastNode = node;
+                      }
+                  });
+              }
+              else {
+                  state.doc.nodesBetween(from, to, (node, pos) => {
+                      if (pos < from && nodeType && nodeType === node.type) {
+                          trimmedFrom = Math.max(pos, from);
+                          trimmedTo = Math.min(pos + node.nodeSize, to);
+                          lastPos = pos;
+                          lastNode = node;
+                      }
+                      if (pos >= from && pos <= to) {
+                          if (nodeType && nodeType === node.type) {
+                              tr.setNodeMarkup(pos, undefined, {
+                                  ...node.attrs,
+                                  ...attributes,
+                              });
+                          }
+                          if (markType && node.marks.length) {
+                              node.marks.forEach((mark) => {
+                                  if (markType === mark.type) {
+                                      const trimmedFrom2 = Math.max(pos, from);
+                                      const trimmedTo2 = Math.min(pos + node.nodeSize, to);
+                                      tr.addMark(trimmedFrom2, trimmedTo2, markType.create({
+                                          ...mark.attrs,
+                                          ...attributes,
+                                      }));
+                                  }
+                              });
+                          }
+                      }
+                  });
+              }
+              if (lastNode) {
+                  if (lastPos !== undefined) {
+                      tr.setNodeMarkup(lastPos, undefined, {
+                          ...lastNode.attrs,
                           ...attributes,
                       });
                   }
-                  if (markType && node.marks.length) {
-                      node.marks.forEach(mark => {
+                  if (markType && lastNode.marks.length) {
+                      lastNode.marks.forEach((mark) => {
                           if (markType === mark.type) {
-                              const trimmedFrom = Math.max(pos, from);
-                              const trimmedTo = Math.min(pos + node.nodeSize, to);
                               tr.addMark(trimmedFrom, trimmedTo, markType.create({
                                   ...mark.attrs,
                                   ...attributes,
@@ -43767,7 +43921,7 @@ so this becomes the fallback color for the slot */ ''}
                           }
                       });
                   }
-              });
+              }
           });
       }
       return true;
@@ -44571,6 +44725,7 @@ img.ProseMirror-separator {
        * Creates a ProseMirror view.
        */
       createView() {
+          var _a;
           let doc;
           try {
               doc = createDocument(this.options.content, this.schema, this.options.parseOptions, { errorOnInvalidContent: this.options.enableContentCheck });
@@ -44599,18 +44754,17 @@ img.ProseMirror-separator {
           const selection = resolveFocusPosition(doc, this.options.autofocus);
           this.view = new EditorView(this.options.element, {
               ...this.options.editorProps,
+              attributes: {
+                  // add `role="textbox"` to the editor element
+                  role: 'textbox',
+                  ...(_a = this.options.editorProps) === null || _a === void 0 ? void 0 : _a.attributes,
+              },
               dispatchTransaction: this.dispatchTransaction.bind(this),
               state: EditorState.create({
                   doc,
                   selection: selection || undefined,
               }),
           });
-          // add `role="textbox"` to the editor element
-          this.view.dom.setAttribute('role', 'textbox');
-          // add aria-label to the editor element
-          if (!this.view.dom.getAttribute('aria-label')) {
-              this.view.dom.setAttribute('aria-label', 'Rich-Text Editor');
-          }
           // `editor.view` is not yet available at this time.
           // Therefore we will add all plugins and node views directly afterwards.
           const newState = this.state.reconfigure({
@@ -44806,7 +44960,7 @@ img.ProseMirror-separator {
   /**
    * Build an input rule that adds a mark when the
    * matched text is typed into it.
-   * @see https://tiptap.dev/guide/custom-extensions/#input-rules
+   * @see https://tiptap.dev/docs/editor/extensions/custom-extensions/extend-existing#input-rules
    */
   function markInputRule(config) {
       return new InputRule({
@@ -44860,7 +45014,7 @@ img.ProseMirror-separator {
    * two nodes. You can pass a join predicate, which takes a regular
    * expression match and the node before the wrapped node, and can
    * return a boolean to indicate whether a join should happen.
-   * @see https://tiptap.dev/guide/custom-extensions/#input-rules
+   * @see https://tiptap.dev/docs/editor/extensions/custom-extensions/extend-existing#input-rules
    */
   function wrappingInputRule(config) {
       return new InputRule({
@@ -44974,7 +45128,7 @@ img.ProseMirror-separator {
   /**
    * Build an paste rule that adds a mark when the
    * matched text is pasted into it.
-   * @see https://tiptap.dev/guide/custom-extensions/#paste-rules
+   * @see https://tiptap.dev/docs/editor/extensions/custom-extensions/extend-existing#paste-rules
    */
   function markPasteRule(config) {
       return new PasteRule({
@@ -45036,6 +45190,7 @@ img.ProseMirror-separator {
       inline: true,
       group: 'inline',
       selectable: false,
+      linebreakReplacement: true,
       parseHTML() {
           return [
               { tag: 'br' },
@@ -45155,7 +45310,7 @@ img.ProseMirror-separator {
   }).withDefault(richTextLabelDefaults.richTextToggleNumberedListLabel);
 
   const styles$v = css `
-    ${styles$L}
+    ${styles$K}
 
     :host {
         height: auto;
@@ -45576,7 +45731,7 @@ img.ProseMirror-separator {
 
   const styles$u = css `
     ${display$1('inline-flex')}
-    ${styles$K}
+    ${styles$N}
 
     :host {
         font: ${bodyFont};
@@ -56636,7 +56791,7 @@ img.ProseMirror-separator {
   // THIS FILE IS AUTOMATICALLY GENERATED DO NOT EDIT DIRECTLY
   // See update-tlds.js for encoding/decoding format
   // https://data.iana.org/TLD/tlds-alpha-by-domain.txt
-  const encodedTlds = 'aaa1rp3bb0ott3vie4c1le2ogado5udhabi7c0ademy5centure6ountant0s9o1tor4d0s1ult4e0g1ro2tna4f0l1rica5g0akhan5ency5i0g1rbus3force5tel5kdn3l0ibaba4pay4lfinanz6state5y2sace3tom5m0azon4ericanexpress7family11x2fam3ica3sterdam8nalytics7droid5quan4z2o0l2partments8p0le4q0uarelle8r0ab1mco4chi3my2pa2t0e3s0da2ia2sociates9t0hleta5torney7u0ction5di0ble3o3spost5thor3o0s4vianca6w0s2x0a2z0ure5ba0by2idu3namex3narepublic11d1k2r0celona5laycard4s5efoot5gains6seball5ketball8uhaus5yern5b0c1t1va3cg1n2d1e0ats2uty4er2ntley5rlin4st0buy5t2f1g1h0arti5i0ble3d1ke2ng0o3o1z2j1lack0friday9ockbuster8g1omberg7ue3m0s1w2n0pparibas9o0ats3ehringer8fa2m1nd2o0k0ing5sch2tik2on4t1utique6x2r0adesco6idgestone9oadway5ker3ther5ussels7s1t1uild0ers6siness6y1zz3v1w1y1z0h3ca0b1fe2l0l1vinklein9m0era3p2non3petown5ital0one8r0avan4ds2e0er0s4s2sa1e1h1ino4t0ering5holic7ba1n1re3c1d1enter4o1rn3f0a1d2g1h0anel2nel4rity4se2t2eap3intai5ristmas6ome4urch5i0priani6rcle4sco3tadel4i0c2y3k1l0aims4eaning6ick2nic1que6othing5ud3ub0med6m1n1o0ach3des3ffee4llege4ogne5m0cast4mbank4unity6pany2re3uter5sec4ndos3struction8ulting7tact3ractors9oking4l1p2rsica5untry4pon0s4rses6pa2r0edit0card4union9icket5own3s1uise0s6u0isinella9v1w1x1y0mru3ou3z2dabur3d1nce3ta1e1ing3sun4y2clk3ds2e0al0er2s3gree4livery5l1oitte5ta3mocrat6ntal2ist5si0gn4v2hl2iamonds6et2gital5rect0ory7scount3ver5h2y2j1k1m1np2o0cs1tor4g1mains5t1wnload7rive4tv2ubai3nlop4pont4rban5vag2r2z2earth3t2c0o2deka3u0cation8e1g1mail3erck5nergy4gineer0ing9terprises10pson4quipment8r0icsson6ni3s0q1tate5t1u0rovision8s2vents5xchange6pert3osed4ress5traspace10fage2il1rwinds6th3mily4n0s2rm0ers5shion4t3edex3edback6rrari3ero6i0delity5o2lm2nal1nce1ial7re0stone6mdale6sh0ing5t0ness6j1k1lickr3ghts4r2orist4wers5y2m1o0o0d1tball6rd1ex2sale4um3undation8x2r0ee1senius7l1ogans4ntier7tr2ujitsu5n0d2rniture7tbol5yi3ga0l0lery3o1up4me0s3p1rden4y2b0iz3d0n2e0a1nt0ing5orge5f1g0ee3h1i0ft0s3ves2ing5l0ass3e1obal2o4m0ail3bh2o1x2n1odaddy5ld0point6f2o0dyear5g0le4p1t1v2p1q1r0ainger5phics5tis4een3ipe3ocery4up4s1t1u0ardian6cci3ge2ide2tars5ru3w1y2hair2mburg5ngout5us3bo2dfc0bank7ealth0care8lp1sinki6re1mes5iphop4samitsu7tachi5v2k0t2m1n1ockey4ldings5iday5medepot5goods5s0ense7nda3rse3spital5t0ing5t0els3mail5use3w2r1sbc3t1u0ghes5yatt3undai7ibm2cbc2e1u2d1e0ee3fm2kano4l1m0amat4db2mo0bilien9n0c1dustries8finiti5o2g1k1stitute6urance4e4t0ernational10uit4vestments10o1piranga7q1r0ish4s0maili5t0anbul7t0au2v3jaguar4va3cb2e0ep2tzt3welry6io2ll2m0p2nj2o0bs1urg4t1y2p0morgan6rs3uegos4niper7kaufen5ddi3e0rryhotels6logistics9properties14fh2g1h1i0a1ds2m1ndle4tchen5wi3m1n1oeln3matsu5sher5p0mg2n2r0d1ed3uokgroup8w1y0oto4z2la0caixa5mborghini8er3ncaster6d0rover6xess5salle5t0ino3robe5w0yer5b1c1ds2ease3clerc5frak4gal2o2xus4gbt3i0dl2fe0insurance9style7ghting6ke2lly3mited4o2ncoln4k2psy3ve1ing5k1lc1p2oan0s3cker3us3l1ndon4tte1o3ve3pl0financial11r1s1t0d0a3u0ndbeck6xe1ury5v1y2ma0drid4if1son4keup4n0agement7go3p1rket0ing3s4riott5shalls7ttel5ba2c0kinsey7d1e0d0ia3et2lbourne7me1orial6n0u2rckmsd7g1h1iami3crosoft7l1ni1t2t0subishi9k1l0b1s2m0a2n1o0bi0le4da2e1i1m1nash3ey2ster5rmon3tgage6scow4to0rcycles9v0ie4p1q1r1s0d2t0n1r2u0seum3ic4v1w1x1y1z2na0b1goya4me2tura4vy3ba2c1e0c1t0bank4flix4work5ustar5w0s2xt0direct7us4f0l2g0o2hk2i0co2ke1on3nja3ssan1y5l1o0kia3rton4w0ruz3tv4p1r0a1w2tt2u1yc2z2obi1server7ffice5kinawa6layan0group9dnavy5lo3m0ega4ne1g1l0ine5oo2pen3racle3nge4g0anic5igins6saka4tsuka4t2vh3pa0ge2nasonic7ris2s1tners4s1y3y2ccw3e0t2f0izer5g1h0armacy6d1ilips5one2to0graphy6s4ysio5ics1tet2ures6d1n0g1k2oneer5zza4k1l0ace2y0station9umbing5s3m1n0c2ohl2ker3litie5rn2st3r0america6xi3ess3ime3o0d0uctions8f1gressive8mo2perties3y5tection8u0dential9s1t1ub2w0c2y2qa1pon3uebec3st5racing4dio4e0ad1lestate6tor2y4cipes5d0stone5umbrella9hab3ise0n3t2liance6n0t0als5pair3ort3ublican8st0aurant8view0s5xroth6ich0ardli6oh3l1o1p2o0cks3deo3gers4om3s0vp3u0gby3hr2n2w0e2yukyu6sa0arland6fe0ty4kura4le1on3msclub4ung5ndvik0coromant12ofi4p1rl2s1ve2xo3b0i1s2c0a1b1haeffler7midt4olarships8ol3ule3warz5ience5ot3d1e0arch3t2cure1ity6ek2lect4ner3rvices6ven3w1x0y3fr2g1h0angrila6rp2w2ell3ia1ksha5oes2p0ping5uji3w3i0lk2na1gles5te3j1k0i0n2y0pe4l0ing4m0art3ile4n0cf3o0ccer3ial4ftbank4ware6hu2lar2utions7ng1y2y2pa0ce3ort2t3r0l2s1t0ada2ples4r1tebank4farm7c0group6ockholm6rage3e3ream4udio2y3yle4u0cks3pplies3y2ort5rf1gery5zuki5v1watch4iss4x1y0dney4stems6z2tab1ipei4lk2obao4rget4tamotors6r2too4x0i3c0i2d0k2eam2ch0nology8l1masek5nnis4va3f1g1h0d1eater2re6iaa2ckets5enda4ps2res2ol4j0maxx4x2k0maxx5l1m0all4n1o0day3kyo3ols3p1ray3shiba5tal3urs3wn2yota3s3r0ade1ing4ining5vel0ers0insurance16ust3v2t1ube2i1nes3shu4v0s2w1z2ua1bank3s2g1k1nicom3versity8o2ol2ps2s1y1z2va0cations7na1guard7c1e0gas3ntures6risign5mögensberater2ung14sicherung10t2g1i0ajes4deo3g1king4llas4n1p1rgin4sa1ion4va1o3laanderen9n1odka3lvo3te1ing3o2yage5u2wales2mart4ter4ng0gou5tch0es6eather0channel12bcam3er2site5d0ding5ibo2r3f1hoswho6ien2ki2lliamhill9n0dows4e1ners6me2olterskluwer11odside6rk0s2ld3w2s1tc1f3xbox3erox4finity6ihuan4n2xx2yz3yachts4hoo3maxun5ndex5e1odobashi7ga2kohama6u0tube6t1un3za0ppos4ra3ero3ip2m1one3uerich6w2';
+  const encodedTlds = 'aaa1rp3bb0ott3vie4c1le2ogado5udhabi7c0ademy5centure6ountant0s9o1tor4d0s1ult4e0g1ro2tna4f0l1rica5g0akhan5ency5i0g1rbus3force5tel5kdn3l0ibaba4pay4lfinanz6state5y2sace3tom5m0azon4ericanexpress7family11x2fam3ica3sterdam8nalytics7droid5quan4z2o0l2partments8p0le4q0uarelle8r0ab1mco4chi3my2pa2t0e3s0da2ia2sociates9t0hleta5torney7u0ction5di0ble3o3spost5thor3o0s4w0s2x0a2z0ure5ba0by2idu3namex4d1k2r0celona5laycard4s5efoot5gains6seball5ketball8uhaus5yern5b0c1t1va3cg1n2d1e0ats2uty4er2ntley5rlin4st0buy5t2f1g1h0arti5i0ble3d1ke2ng0o3o1z2j1lack0friday9ockbuster8g1omberg7ue3m0s1w2n0pparibas9o0ats3ehringer8fa2m1nd2o0k0ing5sch2tik2on4t1utique6x2r0adesco6idgestone9oadway5ker3ther5ussels7s1t1uild0ers6siness6y1zz3v1w1y1z0h3ca0b1fe2l0l1vinklein9m0era3p2non3petown5ital0one8r0avan4ds2e0er0s4s2sa1e1h1ino4t0ering5holic7ba1n1re3c1d1enter4o1rn3f0a1d2g1h0anel2nel4rity4se2t2eap3intai5ristmas6ome4urch5i0priani6rcle4sco3tadel4i0c2y3k1l0aims4eaning6ick2nic1que6othing5ud3ub0med6m1n1o0ach3des3ffee4llege4ogne5m0mbank4unity6pany2re3uter5sec4ndos3struction8ulting7tact3ractors9oking4l1p2rsica5untry4pon0s4rses6pa2r0edit0card4union9icket5own3s1uise0s6u0isinella9v1w1x1y0mru3ou3z2dad1nce3ta1e1ing3sun4y2clk3ds2e0al0er2s3gree4livery5l1oitte5ta3mocrat6ntal2ist5si0gn4v2hl2iamonds6et2gital5rect0ory7scount3ver5h2y2j1k1m1np2o0cs1tor4g1mains5t1wnload7rive4tv2ubai3nlop4pont4rban5vag2r2z2earth3t2c0o2deka3u0cation8e1g1mail3erck5nergy4gineer0ing9terprises10pson4quipment8r0icsson6ni3s0q1tate5t1u0rovision8s2vents5xchange6pert3osed4ress5traspace10fage2il1rwinds6th3mily4n0s2rm0ers5shion4t3edex3edback6rrari3ero6i0delity5o2lm2nal1nce1ial7re0stone6mdale6sh0ing5t0ness6j1k1lickr3ghts4r2orist4wers5y2m1o0o0d1tball6rd1ex2sale4um3undation8x2r0ee1senius7l1ogans4ntier7tr2ujitsu5n0d2rniture7tbol5yi3ga0l0lery3o1up4me0s3p1rden4y2b0iz3d0n2e0a1nt0ing5orge5f1g0ee3h1i0ft0s3ves2ing5l0ass3e1obal2o4m0ail3bh2o1x2n1odaddy5ld0point6f2o0dyear5g0le4p1t1v2p1q1r0ainger5phics5tis4een3ipe3ocery4up4s1t1u0cci3ge2ide2tars5ru3w1y2hair2mburg5ngout5us3bo2dfc0bank7ealth0care8lp1sinki6re1mes5iphop4samitsu7tachi5v2k0t2m1n1ockey4ldings5iday5medepot5goods5s0ense7nda3rse3spital5t0ing5t0els3mail5use3w2r1sbc3t1u0ghes5yatt3undai7ibm2cbc2e1u2d1e0ee3fm2kano4l1m0amat4db2mo0bilien9n0c1dustries8finiti5o2g1k1stitute6urance4e4t0ernational10uit4vestments10o1piranga7q1r0ish4s0maili5t0anbul7t0au2v3jaguar4va3cb2e0ep2tzt3welry6io2ll2m0p2nj2o0bs1urg4t1y2p0morgan6rs3uegos4niper7kaufen5ddi3e0rryhotels6logistics9properties14fh2g1h1i0a1ds2m1ndle4tchen5wi3m1n1oeln3matsu5sher5p0mg2n2r0d1ed3uokgroup8w1y0oto4z2la0caixa5mborghini8er3ncaster6d0rover6xess5salle5t0ino3robe5w0yer5b1c1ds2ease3clerc5frak4gal2o2xus4gbt3i0dl2fe0insurance9style7ghting6ke2lly3mited4o2ncoln4k2psy3ve1ing5k1lc1p2oan0s3cker3us3l1ndon4tte1o3ve3pl0financial11r1s1t0d0a3u0ndbeck6xe1ury5v1y2ma0drid4if1son4keup4n0agement7go3p1rket0ing3s4riott5shalls7ttel5ba2c0kinsey7d1e0d0ia3et2lbourne7me1orial6n0u2rckmsd7g1h1iami3crosoft7l1ni1t2t0subishi9k1l0b1s2m0a2n1o0bi0le4da2e1i1m1nash3ey2ster5rmon3tgage6scow4to0rcycles9v0ie4p1q1r1s0d2t0n1r2u0seum3ic4v1w1x1y1z2na0b1goya4me2vy3ba2c1e0c1t0bank4flix4work5ustar5w0s2xt0direct7us4f0l2g0o2hk2i0co2ke1on3nja3ssan1y5l1o0kia3rton4w0ruz3tv4p1r0a1w2tt2u1yc2z2obi1server7ffice5kinawa6layan0group9lo3m0ega4ne1g1l0ine5oo2pen3racle3nge4g0anic5igins6saka4tsuka4t2vh3pa0ge2nasonic7ris2s1tners4s1y3y2ccw3e0t2f0izer5g1h0armacy6d1ilips5one2to0graphy6s4ysio5ics1tet2ures6d1n0g1k2oneer5zza4k1l0ace2y0station9umbing5s3m1n0c2ohl2ker3litie5rn2st3r0america6xi3ess3ime3o0d0uctions8f1gressive8mo2perties3y5tection8u0dential9s1t1ub2w0c2y2qa1pon3uebec3st5racing4dio4e0ad1lestate6tor2y4cipes5d0stone5umbrella9hab3ise0n3t2liance6n0t0als5pair3ort3ublican8st0aurant8view0s5xroth6ich0ardli6oh3l1o1p2o0cks3deo3gers4om3s0vp3u0gby3hr2n2w0e2yukyu6sa0arland6fe0ty4kura4le1on3msclub4ung5ndvik0coromant12ofi4p1rl2s1ve2xo3b0i1s2c0b1haeffler7midt4olarships8ol3ule3warz5ience5ot3d1e0arch3t2cure1ity6ek2lect4ner3rvices6ven3w1x0y3fr2g1h0angrila6rp3ell3ia1ksha5oes2p0ping5uji3w3i0lk2na1gles5te3j1k0i0n2y0pe4l0ing4m0art3ile4n0cf3o0ccer3ial4ftbank4ware6hu2lar2utions7ng1y2y2pa0ce3ort2t3r0l2s1t0ada2ples4r1tebank4farm7c0group6ockholm6rage3e3ream4udio2y3yle4u0cks3pplies3y2ort5rf1gery5zuki5v1watch4iss4x1y0dney4stems6z2tab1ipei4lk2obao4rget4tamotors6r2too4x0i3c0i2d0k2eam2ch0nology8l1masek5nnis4va3f1g1h0d1eater2re6iaa2ckets5enda4ps2res2ol4j0maxx4x2k0maxx5l1m0all4n1o0day3kyo3ols3p1ray3shiba5tal3urs3wn2yota3s3r0ade1ing4ining5vel0ers0insurance16ust3v2t1ube2i1nes3shu4v0s2w1z2ua1bank3s2g1k1nicom3versity8o2ol2ps2s1y1z2va0cations7na1guard7c1e0gas3ntures6risign5mögensberater2ung14sicherung10t2g1i0ajes4deo3g1king4llas4n1p1rgin4sa1ion4va1o3laanderen9n1odka3lvo3te1ing3o2yage5u2wales2mart4ter4ng0gou5tch0es6eather0channel12bcam3er2site5d0ding5ibo2r3f1hoswho6ien2ki2lliamhill9n0dows4e1ners6me2olterskluwer11odside6rk0s2ld3w2s1tc1f3xbox3erox4ihuan4n2xx2yz3yachts4hoo3maxun5ndex5e1odobashi7ga2kohama6u0tube6t1un3za0ppos4ra3ero3ip2m1one3uerich6w2';
   // Internationalized domain names containing non-ASCII
   const encodedUtlds = 'ελ1υ2бг1ел3дети4ею2католик6ом3мкд2он1сква6онлайн5рг3рус2ф2сайт3рб3укр3қаз3հայ3ישראל5קום3ابوظبي5رامكو5لاردن4بحرين5جزائر5سعودية6عليان5مغرب5مارات5یران5بارت2زار4يتك3ھارت5تونس4سودان3رية5شبكة4عراق2ب2مان4فلسطين6قطر3كاثوليك6وم3مصر2ليسيا5وريتانيا7قع4همراه5پاکستان7ڀارت4कॉम3नेट3भारत0म्3ोत5संगठन5বাংলা5ভারত2ৰত4ਭਾਰਤ4ભારત4ଭାରତ4இந்தியா6லங்கை6சிங்கப்பூர்11భారత్5ಭಾರತ4ഭാരതം5ලංකා4คอม3ไทย3ລາວ3გე2みんな3アマゾン4クラウド4グーグル4コム2ストア3セール3ファッション6ポイント4世界2中信1国1國1文网3亚马逊3企业2佛山2信息2健康2八卦2公司1益2台湾1灣2商城1店1标2嘉里0大酒店5在线2大拿2天主教3娱乐2家電2广东2微博2慈善2我爱你3手机2招聘2政务1府2新加坡2闻2时尚2書籍2机构2淡马锡3游戏2澳門2点看2移动2组织机构4网址1店1站1络2联通2谷歌2购物2通販2集团2電訊盈科4飞利浦3食品2餐厅2香格里拉3港2닷넷1컴2삼성2한국2';
 
@@ -56761,10 +56916,7 @@ img.ProseMirror-separator {
    * @template T
    * @param {T} [token] Token that this state emits
    */
-  function State(token) {
-    if (token === void 0) {
-      token = null;
-    }
+  function State(token = null) {
     // this.n = null; // DEBUG: State name
     /** @type {{ [input: string]: State<T> }} j */
     this.j = {}; // IMPLEMENTATION 1
@@ -56815,10 +56967,7 @@ img.ProseMirror-separator {
      * @param {string} input
      * @param {boolean} exactOnly
      */
-    has(input, exactOnly) {
-      if (exactOnly === void 0) {
-        exactOnly = false;
-      }
+    has(input, exactOnly = false) {
       return exactOnly ? input in this.j : !!this.go(input);
     },
     /**
@@ -56941,7 +57090,6 @@ img.ProseMirror-separator {
         }
         nextState.t = t; // overwrite anything that was previously there
       }
-
       state.j[input] = nextState;
       return nextState;
     }
@@ -57066,6 +57214,7 @@ img.ProseMirror-separator {
   const POUND = 'POUND'; // #
   const QUERY = 'QUERY'; // ?
   const QUOTE = 'QUOTE'; // "
+  const FULLWIDTHMIDDLEDOT = 'FULLWIDTHMIDDLEDOT'; // ・
 
   const SEMI = 'SEMI'; // ;
   const SLASH = 'SLASH'; // /
@@ -57126,6 +57275,7 @@ img.ProseMirror-separator {
   	POUND: POUND,
   	QUERY: QUERY,
   	QUOTE: QUOTE,
+  	FULLWIDTHMIDDLEDOT: FULLWIDTHMIDDLEDOT,
   	SEMI: SEMI,
   	SLASH: SLASH,
   	TILDE: TILDE,
@@ -57173,10 +57323,7 @@ img.ProseMirror-separator {
    * item is a length-2 tuple with the first element set to the string scheme, and
    * the second element set to `true` if the `://` after the scheme is optional
    */
-  function init$2(customSchemes) {
-    if (customSchemes === void 0) {
-      customSchemes = [];
-    }
+  function init$2(customSchemes = []) {
     // Frequently used states (name argument removed during minification)
     /** @type Collections<string> */
     const groups = {}; // of tokens
@@ -57231,6 +57378,7 @@ img.ProseMirror-separator {
     tt(Start, '~', TILDE);
     tt(Start, '_', UNDERSCORE);
     tt(Start, '\\', BACKSLASH);
+    tt(Start, '・', FULLWIDTHMIDDLEDOT);
     const Num = tr(Start, DIGIT, NUM, {
       [numeric]: true
     });
@@ -57414,7 +57562,6 @@ img.ProseMirror-separator {
         e: cursor // end index (excluding)
       });
     }
-
     return tokens;
   }
 
@@ -57489,7 +57636,6 @@ img.ProseMirror-separator {
       while (digits.indexOf(encoded[i + popDigitCount]) >= 0) {
         popDigitCount++; // encountered some digits, have to pop to go one level up trie
       }
-
       if (popDigitCount > 0) {
         words.push(stack.join('')); // whatever preceded the pop digits must be a word
         for (let popCount = parseInt(encoded.substring(i, i + popDigitCount), 10); popCount > 0; popCount--) {
@@ -57612,10 +57758,7 @@ img.ProseMirror-separator {
    *   HTML element based on a link token's derived tagName, attributes and HTML.
    *   Similar to render option
    */
-  function Options(opts, defaultRender) {
-    if (defaultRender === void 0) {
-      defaultRender = null;
-    }
+  function Options(opts, defaultRender = null) {
     let o = assign({}, defaults);
     if (opts) {
       o = assign(o, opts instanceof Options ? opts.o : opts);
@@ -57758,7 +57901,7 @@ img.ProseMirror-separator {
      * Returns the `.toString` value by default.
      * @param {string} [scheme]
      * @return {string}
-    */
+     */
     toHref(scheme) {
       return this.toString();
     },
@@ -57804,10 +57947,7 @@ img.ProseMirror-separator {
     		@method toObject
     	@param {string} [protocol] `'http'` by default
     */
-    toObject(protocol) {
-      if (protocol === void 0) {
-        protocol = defaults.defaultProtocol;
-      }
+    toObject(protocol = defaults.defaultProtocol) {
       return {
         type: this.t,
         value: this.toString(),
@@ -57931,10 +58071,7 @@ img.ProseMirror-separator {
     		@param {string} [scheme] default scheme (e.g., 'https')
     	@return {string} the full href
     */
-    toHref(scheme) {
-      if (scheme === void 0) {
-        scheme = defaults.defaultProtocol;
-      }
+    toHref(scheme = defaults.defaultProtocol) {
       // Check if already has a prefix scheme
       return this.hasProtocol() ? this.v : `${scheme}://${this.v}`;
     },
@@ -57968,10 +58105,9 @@ img.ProseMirror-separator {
    * Generate the parser multi token-based state machine
    * @param {{ groups: Collections<string> }} tokens
    */
-  function init$1(_ref) {
-    let {
-      groups
-    } = _ref;
+  function init$1({
+    groups
+  }) {
     // Types of characters the URL can definitely end in
     const qsAccepting = groups.domain.concat([AMPERSAND, ASTERISK, AT, BACKSLASH, BACKTICK, CARET, DOLLAR, EQUALS, HYPHEN, NUM, PERCENT, PIPE, PLUS, POUND, SLASH, SYM, TILDE, UNDERSCORE]);
 
@@ -58106,7 +58242,6 @@ img.ProseMirror-separator {
     // 『』
     [FULLWIDTHLESSTHAN, FULLWIDTHGREATERTHAN] // ＜＞
     ];
-
     for (let i = 0; i < bracketPairs.length; i++) {
       const [OPEN, CLOSE] = bracketPairs[i];
       const UrlOpen = tt(Url$1, OPEN); // URL followed by open bracket
@@ -58284,6 +58419,7 @@ img.ProseMirror-separator {
     INIT.pluginQueue = [];
     INIT.customSchemes = [];
     INIT.initialized = false;
+    return INIT;
   }
 
   /**
@@ -58293,10 +58429,7 @@ img.ProseMirror-separator {
    * @param {string} protocol
    * @param {boolean} [optionalSlashSlash]
    */
-  function registerCustomProtocol(scheme, optionalSlashSlash) {
-    if (optionalSlashSlash === void 0) {
-      optionalSlashSlash = false;
-    }
+  function registerCustomProtocol(scheme, optionalSlashSlash = false) {
     if (INIT.initialized) {
       warn(`linkifyjs: already initialized - will not register custom scheme "${scheme}" ${warnAdvice}`);
     }
@@ -58331,6 +58464,7 @@ img.ProseMirror-separator {
       });
     }
     INIT.initialized = true;
+    return INIT;
   }
 
   /**
@@ -58344,6 +58478,7 @@ img.ProseMirror-separator {
     }
     return run(INIT.parser.start, str, run$1(INIT.scanner.start, str));
   }
+  tokenize.scan = run$1; // for testing
 
   /**
    * Find a list of linkable items in the given string.
@@ -58353,13 +58488,7 @@ img.ProseMirror-separator {
    * @param {Opts} [opts] formatting options for final output. Cannot be specified
    * if opts already provided in `type` argument
    */
-  function find$1(str, type, opts) {
-    if (type === void 0) {
-      type = null;
-    }
-    if (opts === void 0) {
-      opts = null;
-    }
+  function find$1(str, type = null, opts = null) {
     if (type && typeof type === 'object') {
       if (opts) {
         throw Error(`linkifyjs: Invalid link type ${type}; must be a string`);
@@ -58472,6 +58601,8 @@ img.ProseMirror-separator {
                       })
                           // validate link
                           .filter(link => options.validate(link.value))
+                          // check whether should autolink
+                          .filter(link => options.shouldAutoLink(link.value))
                           // Add link mark.
                           .forEach(link => {
                           if (getMarksBetween(link.from, link.to, newState.doc).some(item => item.mark.type === options.type)) {
@@ -58558,17 +58689,32 @@ img.ProseMirror-separator {
   // eslint-disable-next-line no-control-regex
   const ATTR_WHITESPACE = /[\u0000-\u0020\u00A0\u1680\u180E\u2000-\u2029\u205F\u3000]/g;
   function isAllowedUri(uri, protocols) {
-      const allowedProtocols = ['http', 'https', 'ftp', 'ftps', 'mailto', 'tel', 'callto', 'sms', 'cid', 'xmpp'];
+      const allowedProtocols = [
+          'http',
+          'https',
+          'ftp',
+          'ftps',
+          'mailto',
+          'tel',
+          'callto',
+          'sms',
+          'cid',
+          'xmpp',
+      ];
       if (protocols) {
           protocols.forEach(protocol => {
-              const nextProtocol = (typeof protocol === 'string' ? protocol : protocol.scheme);
+              const nextProtocol = typeof protocol === 'string' ? protocol : protocol.scheme;
               if (nextProtocol) {
                   allowedProtocols.push(nextProtocol);
               }
           });
       }
-      // eslint-disable-next-line no-useless-escape
-      return !uri || uri.replace(ATTR_WHITESPACE, '').match(new RegExp(`^(?:(?:${allowedProtocols.join('|')}):|[^a-z]|[a-z+.\-]+(?:[^a-z+.\-:]|$))`, 'i'));
+      return (!uri
+          || uri
+              .replace(ATTR_WHITESPACE, '')
+              .match(new RegExp(
+          // eslint-disable-next-line no-useless-escape
+          `^(?:(?:${allowedProtocols.join('|')}):|[^a-z]|[a-z+.\-]+(?:[^a-z+.\-:]|$))`, 'i')));
   }
   /**
    * This extension allows you to create links.
@@ -58580,6 +58726,11 @@ img.ProseMirror-separator {
       keepOnSplit: false,
       exitable: true,
       onCreate() {
+          if (this.options.validate && !this.options.shouldAutoLink) {
+              // Copy the validate function to the shouldAutoLink option
+              this.options.shouldAutoLink = this.options.validate;
+              console.warn('The `validate` option is deprecated. Rename to the `shouldAutoLink` option instead.');
+          }
           this.options.protocols.forEach(protocol => {
               if (typeof protocol === 'string') {
                   registerCustomProtocol(protocol);
@@ -58606,7 +58757,9 @@ img.ProseMirror-separator {
                   rel: 'noopener noreferrer nofollow',
                   class: null,
               },
+              isAllowedUri: (url, ctx) => !!isAllowedUri(url, ctx.protocols),
               validate: url => !!url,
+              shouldAutoLink: url => !!url,
           };
       },
       addAttributes() {
@@ -58629,23 +58782,38 @@ img.ProseMirror-separator {
           };
       },
       parseHTML() {
-          return [{
+          return [
+              {
                   tag: 'a[href]',
                   getAttrs: dom => {
                       const href = dom.getAttribute('href');
                       // prevent XSS attacks
-                      if (!href || !isAllowedUri(href, this.options.protocols)) {
+                      if (!href
+                          || !this.options.isAllowedUri(href, {
+                              defaultValidate: url => !!isAllowedUri(url, this.options.protocols),
+                              protocols: this.options.protocols,
+                              defaultProtocol: this.options.defaultProtocol,
+                          })) {
                           return false;
                       }
                       return null;
                   },
-              }];
+              },
+          ];
       },
       renderHTML({ HTMLAttributes }) {
           // prevent XSS attacks
-          if (!isAllowedUri(HTMLAttributes.href, this.options.protocols)) {
+          if (!this.options.isAllowedUri(HTMLAttributes.href, {
+              defaultValidate: href => !!isAllowedUri(href, this.options.protocols),
+              protocols: this.options.protocols,
+              defaultProtocol: this.options.defaultProtocol,
+          })) {
               // strip out the href
-              return ['a', mergeAttributes(this.options.HTMLAttributes, { ...HTMLAttributes, href: '' }), 0];
+              return [
+                  'a',
+                  mergeAttributes(this.options.HTMLAttributes, { ...HTMLAttributes, href: '' }),
+                  0,
+              ];
           }
           return ['a', mergeAttributes(this.options.HTMLAttributes, HTMLAttributes), 0];
       },
@@ -58674,16 +58842,21 @@ img.ProseMirror-separator {
                   find: text => {
                       const foundLinks = [];
                       if (text) {
-                          const { validate } = this.options;
-                          const links = find$1(text).filter(item => item.isLink && validate(item.value));
+                          const { protocols, defaultProtocol } = this.options;
+                          const links = find$1(text).filter(item => item.isLink
+                              && this.options.isAllowedUri(item.value, {
+                                  defaultValidate: href => !!isAllowedUri(href, protocols),
+                                  protocols,
+                                  defaultProtocol,
+                              }));
                           if (links.length) {
-                              links.forEach(link => (foundLinks.push({
+                              links.forEach(link => foundLinks.push({
                                   text: link.value,
                                   data: {
                                       href: link.href,
                                   },
                                   index: link.start,
-                              })));
+                              }));
                           }
                       }
                       return foundLinks;
@@ -58700,11 +58873,17 @@ img.ProseMirror-separator {
       },
       addProseMirrorPlugins() {
           const plugins = [];
+          const { protocols, defaultProtocol } = this.options;
           if (this.options.autolink) {
               plugins.push(autolink({
                   type: this.type,
                   defaultProtocol: this.options.defaultProtocol,
-                  validate: this.options.validate,
+                  validate: url => this.options.isAllowedUri(url, {
+                      defaultValidate: href => !!isAllowedUri(href, protocols),
+                      protocols,
+                      defaultProtocol,
+                  }),
+                  shouldAutoLink: this.options.shouldAutoLink,
               }));
           }
           if (this.options.openOnClick === true) {
@@ -59471,7 +59650,7 @@ img.ProseMirror-separator {
           // linkOnPaste can be enabled when hyperlink support added
           // See: https://github.com/ni/nimble/issues/1527
           linkOnPaste: false,
-          validate: href => validAbsoluteLinkRegex.test(href)
+          shouldAutoLink: href => validAbsoluteLinkRegex.test(href)
       });
   }
   function createCustomMentionExtension(config, activeMentionCharacterEmitter, activeMentionCommandEmitter, mentionListbox) {
@@ -60340,8 +60519,8 @@ img.ProseMirror-separator {
       .register(nimbleRichTextViewer());
 
   const styles$s = css `
-    ${styles$L}
     ${styles$K}
+    ${styles$N}
 
     ${
 /* We are using flex `order` to define the visual ordering of the selected value,
@@ -62043,7 +62222,8 @@ img.ProseMirror-separator {
                     var(--ni-private-switch-height) - var(
                             --ni-private-switch-indicator-size
                         )
-                ) / 2
+                ) /
+                2
         );
         border: ${borderWidth} solid
             var(--ni-private-switch-indicator-border-color);
@@ -66091,6 +66271,7 @@ focus outline in that case.
 
     .header-row-action-container {
         display: flex;
+        align-items: center;
     }
 
     .checkbox-container {
@@ -66167,8 +66348,11 @@ focus outline in that case.
         );
         height: 100%;
         left: calc(
-            -1 * (var(--ni-private-column-divider-width) +
-                        var(--ni-private-column-divider-padding))
+            -1 *
+                (
+                    var(--ni-private-column-divider-width) +
+                        var(--ni-private-column-divider-padding)
+                )
         );
     }
 
@@ -66517,7 +66701,8 @@ focus outline in that case.
 
     nimble-table-cell:first-of-type${focusVisible} {
         margin-left: calc(
-            -1 * (${controlHeight} - ${smallPadding}) * var(--ni-private-table-cell-focus-offset-multiplier)
+            -1 * (${controlHeight} - ${smallPadding}) *
+                var(--ni-private-table-cell-focus-offset-multiplier)
         );
         padding-left: calc(
             (${controlHeight} - ${mediumPadding}) *
@@ -66534,7 +66719,8 @@ focus outline in that case.
                     ${controlHeight} *
                         var(--ni-private-table-cell-nesting-level) +
                         ${smallPadding}
-                ) * var(--ni-private-table-cell-focus-offset-multiplier)
+                ) *
+                var(--ni-private-table-cell-focus-offset-multiplier)
         );
         height: ${controlHeight};
     }
@@ -74172,7 +74358,7 @@ focus outline in that case.
 
   const styles$7 = css `
     ${display$1('inline-flex')}
-    ${styles$K}
+    ${styles$N}
 
     :host {
         font: ${bodyFont};
@@ -74517,7 +74703,7 @@ focus outline in that case.
 
   const styles$6 = css `
     ${display$1('inline-block')}
-    ${styles$K}
+    ${styles$N}
 
     :host {
         font: ${bodyFont};