@ni/spright-components 5.2.0 → 5.2.2

package/dist/all-components-bundle.js

@@ -26381,7 +26381,10 @@ so this becomes the fallback color for the slot */ ''}
 
     :host([disabled]) {
         color: ${bodyDisabledFontColor};
-        cursor: default;
+    }
+
+    :host([disabled][appearance-readonly]) {
+        color: ${bodyFontColor};
     }
 
     .label {
@@ -26394,6 +26397,10 @@ so this becomes the fallback color for the slot */ ''}
         color: ${controlLabelDisabledFontColor};
     }
 
+    :host([disabled][appearance-readonly]) .label {
+        color: ${controlLabelFontColor};
+    }
+
     .root {
         position: relative;
         display: flex;
@@ -26479,14 +26486,22 @@ so this becomes the fallback color for the slot */ ''}
         outline: none;
     }
 
+    :host([disabled][appearance-readonly]) .control {
+        cursor: text;
+    }
+
     .control::placeholder {
         color: ${controlLabelFontColor};
     }
 
-    .control[disabled]::placeholder {
+    :host([disabled]) .control::placeholder {
         color: ${bodyDisabledFontColor};
     }
 
+    :host([disabled][appearance-readonly]) .control::placeholder {
+        color: ${controlLabelFontColor};
+    }
+
     .controls {
         display: contents;
     }
@@ -26648,6 +26663,7 @@ so this becomes the fallback color for the slot */ ''}
       constructor() {
           super(...arguments);
           this.appearance = NumberFieldAppearance.underline;
+          this.appearanceReadOnly = false;
       }
       connectedCallback() {
           super.connectedCallback();
@@ -26658,6 +26674,9 @@ so this becomes the fallback color for the slot */ ''}
   __decorate([
       attr
   ], NumberField.prototype, "appearance", void 0);
+  __decorate([
+      attr({ attribute: 'appearance-readonly', mode: 'boolean' })
+  ], NumberField.prototype, "appearanceReadOnly", void 0);
   /**
    * A function that returns a number-field registration for configuring the component with a DesignSystem.
    *
@@ -29876,7 +29895,7 @@ so this becomes the fallback color for the slot */ ''}
                   value = value.replace(/\r\n?/g, "\n");
               }
               if (value)
-                  this.insertNode(this.parser.schema.text(value), marks);
+                  this.insertNode(this.parser.schema.text(value), marks, !/\S/.test(value));
               this.findInText(dom);
           }
           else {
@@ -29940,7 +29959,7 @@ so this becomes the fallback color for the slot */ ''}
       ignoreFallback(dom, marks) {
           // Ignored BR nodes should at least create an inline context
           if (dom.nodeName == "BR" && (!this.top.type || !this.top.type.inlineContent))
-              this.findPlace(this.parser.schema.text("-"), marks);
+              this.findPlace(this.parser.schema.text("-"), marks, true);
       }
       // Run any style parser associated with the node's styles. Either
       // return an updated array of marks, or null to indicate some of the
@@ -29988,7 +30007,7 @@ so this becomes the fallback color for the slot */ ''}
                       marks = inner;
                   }
               }
-              else if (!this.insertNode(nodeType.create(rule.attrs), marks)) {
+              else if (!this.insertNode(nodeType.create(rule.attrs), marks, dom.nodeName == "BR")) {
                   this.leafFallback(dom, marks);
               }
           }
@@ -30005,7 +30024,7 @@ so this becomes the fallback color for the slot */ ''}
           }
           else if (rule.getContent) {
               this.findInside(dom);
-              rule.getContent(dom, this.parser.schema).forEach(node => this.insertNode(node, marks));
+              rule.getContent(dom, this.parser.schema).forEach(node => this.insertNode(node, marks, false));
           }
           else {
               let contentDOM = dom;
@@ -30036,19 +30055,22 @@ so this becomes the fallback color for the slot */ ''}
       // Try to find a way to fit the given node type into the current
       // context. May add intermediate wrappers and/or leave non-solid
       // nodes that we're in.
-      findPlace(node, marks) {
+      findPlace(node, marks, cautious) {
           let route, sync;
-          for (let depth = this.open; depth >= 0; depth--) {
+          for (let depth = this.open, penalty = 0; depth >= 0; depth--) {
               let cx = this.nodes[depth];
               let found = cx.findWrapping(node);
-              if (found && (!route || route.length > found.length)) {
+              if (found && (!route || route.length > found.length + penalty)) {
                   route = found;
                   sync = cx;
                   if (!found.length)
                       break;
               }
-              if (cx.solid)
-                  break;
+              if (cx.solid) {
+                  if (cautious)
+                      break;
+                  penalty += 2;
+              }
           }
           if (!route)
               return null;
@@ -30058,13 +30080,13 @@ so this becomes the fallback color for the slot */ ''}
           return marks;
       }
       // Try to insert the given node, adjusting the context when needed.
-      insertNode(node, marks) {
+      insertNode(node, marks, cautious) {
           if (node.isInline && this.needsBlock && !this.top.type) {
               let block = this.textblockFromContext();
               if (block)
                   marks = this.enterInner(block, null, marks);
           }
-          let innerMarks = this.findPlace(node, marks);
+          let innerMarks = this.findPlace(node, marks, cautious);
           if (innerMarks) {
               this.closeExtra();
               let top = this.top;
@@ -30082,7 +30104,7 @@ so this becomes the fallback color for the slot */ ''}
       // Try to start a node of the given type, adjusting the context when
       // necessary.
       enter(type, attrs, marks, preserveWS) {
-          let innerMarks = this.findPlace(type.create(attrs), marks);
+          let innerMarks = this.findPlace(type.create(attrs), marks, false);
           if (innerMarks)
               innerMarks = this.enterInner(type, attrs, marks, true, preserveWS);
           return innerMarks;
@@ -31216,7 +31238,7 @@ so this becomes the fallback color for the slot */ ''}
           let from = mapping.mapResult(this.from, 1), to = mapping.mapResult(this.to, -1);
           if (from.deletedAcross && to.deletedAcross)
               return null;
-          return new ReplaceStep(from.pos, Math.max(from.pos, to.pos), this.slice);
+          return new ReplaceStep(from.pos, Math.max(from.pos, to.pos), this.slice, this.structure);
       }
       merge(other) {
           if (!(other instanceof ReplaceStep) || other.structure || this.structure)
@@ -32593,19 +32615,26 @@ so this becomes the fallback color for the slot */ ''}
           return this;
       }
       /**
-      Remove a mark (or a mark of the given type) from the node at
+      Remove a mark (or all marks of the given type) from the node at
       position `pos`.
       */
       removeNodeMark(pos, mark) {
-          if (!(mark instanceof Mark$1)) {
-              let node = this.doc.nodeAt(pos);
-              if (!node)
-                  throw new RangeError("No node at position " + pos);
-              mark = mark.isInSet(node.marks);
-              if (!mark)
-                  return this;
+          let node = this.doc.nodeAt(pos);
+          if (!node)
+              throw new RangeError("No node at position " + pos);
+          if (mark instanceof Mark$1) {
+              if (mark.isInSet(node.marks))
+                  this.step(new RemoveNodeMarkStep(pos, mark));
+          }
+          else {
+              let set = node.marks, found, steps = [];
+              while (found = mark.isInSet(set)) {
+                  steps.push(new RemoveNodeMarkStep(pos, found));
+                  set = found.removeFromSet(set);
+              }
+              for (let i = steps.length - 1; i >= 0; i--)
+                  this.step(steps[i]);
           }
-          this.step(new RemoveNodeMarkStep(pos, mark));
           return this;
       }
       /**
@@ -36629,7 +36658,7 @@ so this becomes the fallback color for the slot */ ''}
       // innerHTML, even on a detached document. This wraps the string in
       // a way that makes the browser allow us to use its parser again.
       if (!_policy)
-          _policy = trustedTypes.createPolicy("ProseMirrorClipboard", { createHTML: (s) => s });
+          _policy = trustedTypes.defaultPolicy || trustedTypes.createPolicy("ProseMirrorClipboard", { createHTML: (s) => s });
       return _policy.createHTML(html);
   }
   function readHTML(html) {
@@ -37320,6 +37349,10 @@ so this becomes the fallback color for the slot */ ''}
       }
   }
   const dragCopyModifier = mac$2 ? "altKey" : "ctrlKey";
+  function dragMoves(view, event) {
+      let moves = view.someProp("dragCopies", test => !test(event));
+      return moves != null ? moves : !event[dragCopyModifier];
+  }
   handlers.dragstart = (view, _event) => {
       let event = _event;
       let mouseDown = view.input.mouseDown;
@@ -37349,7 +37382,7 @@ so this becomes the fallback color for the slot */ ''}
       event.dataTransfer.effectAllowed = "copyMove";
       if (!brokenClipboardAPI)
           event.dataTransfer.setData("text/plain", text);
-      view.dragging = new Dragging(slice, !event[dragCopyModifier], node);
+      view.dragging = new Dragging(slice, dragMoves(view, event), node);
   };
   handlers.dragend = view => {
       let dragging = view.dragging;
@@ -37376,7 +37409,7 @@ so this becomes the fallback color for the slot */ ''}
       else {
           slice = parseFromClipboard(view, getText$1(event.dataTransfer), brokenClipboardAPI ? null : event.dataTransfer.getData("text/html"), false, $mouse);
       }
-      let move = !!(dragging && !event[dragCopyModifier]);
+      let move = !!(dragging && dragMoves(view, event));
       if (view.someProp("handleDrop", f => f(view, event, slice || Slice.empty, move))) {
           event.preventDefault();
           return;
@@ -38661,9 +38694,11 @@ so this becomes the fallback color for the slot */ ''}
       // as being an iOS enter press), just dispatch an Enter key instead.
       if (((ios && view.input.lastIOSEnter > Date.now() - 225 &&
           (!inlineChange || addedNodes.some(n => n.nodeName == "DIV" || n.nodeName == "P"))) ||
-          (!inlineChange && $from.pos < parse.doc.content.size && !$from.sameParent($to) &&
+          (!inlineChange && $from.pos < parse.doc.content.size &&
+              (!$from.sameParent($to) || !$from.parent.inlineContent) &&
+              !/\S/.test(parse.doc.textBetween($from.pos, $to.pos, "", "")) &&
               (nextSel = Selection$2.findFrom(parse.doc.resolve($from.pos + 1), 1, true)) &&
-              nextSel.head == $to.pos)) &&
+              nextSel.head > $from.pos)) &&
           view.someProp("handleKeyDown", f => f(view, keyEvent(13, "Enter")))) {
           view.input.lastIOSEnter = 0;
           return;
@@ -40116,6 +40151,8 @@ so this becomes the fallback color for the slot */ ''}
               types[0] = deflt ? { type: deflt } : null;
               can = canSplit(tr.doc, splitPos, types.length, types);
           }
+          if (!can)
+              return false;
           tr.split(splitPos, types.length, types);
           if (!atEnd && atStart && $from.node(splitDepth).type != deflt) {
               let first = tr.mapping.map($from.before(splitDepth)), $first = tr.doc.resolve(first);
@@ -44730,7 +44767,7 @@ img.ProseMirror-separator {
               // @ts-ignore
               const name = typeof nameOrPluginKey === 'string' ? `${nameOrPluginKey}$` : nameOrPluginKey.key;
               // @ts-ignore
-              plugins = prevPlugins.filter(plugin => !plugin.key.startsWith(name));
+              plugins = plugins.filter(plugin => !plugin.key.startsWith(name));
           });
           if (prevPlugins.length === plugins.length) {
               // No plugin was removed, so we don’t need to update the state
@@ -63767,6 +63804,10 @@ img.ProseMirror-separator {
     }
   };
 
+  function safelyAccessDocument(_document) {
+    return _document || (typeof document !== 'undefined' ? document : null);
+  }
+
   //
 
   //
@@ -63906,7 +63947,7 @@ img.ProseMirror-separator {
               columnSizingStart: []
             }));
           };
-          const contextDocument = _contextDocument || typeof document !== 'undefined' ? document : null;
+          const contextDocument = safelyAccessDocument(_contextDocument);
           const mouseEvents = {
             moveHandler: e => onMove(e.clientX),
             upHandler: e => {
@@ -74849,6 +74890,7 @@ focus outline in that case.
       frameless: 'frameless'
   };
 
+  // prettier-ignore
   const styles$8 = css `
     ${display$1('inline-block')}
     ${styles$Q}
@@ -74863,12 +74905,17 @@ focus outline in that case.
         --ni-private-height-within-border: calc(
             ${controlHeight} - 2 * ${borderWidth}
         );
+        --ni-private-default-start-slot-opacity: 0.6;
     }
 
     :host([disabled]) {
         color: ${bodyDisabledFontColor};
     }
 
+    :host([disabled][appearance-readonly]) {
+        color: ${bodyFontColor};
+    }
+
     .label {
         display: flex;
         color: ${controlLabelFontColor};
@@ -74879,6 +74926,10 @@ focus outline in that case.
         color: ${controlLabelDisabledFontColor};
     }
 
+    :host([disabled][appearance-readonly]) .label {
+        color: ${controlLabelFontColor};
+    }
+
     .root {
         position: relative;
         display: flex;
@@ -74944,7 +74995,7 @@ focus outline in that case.
 
     slot[name='start']::slotted(*) {
         flex: none;
-        opacity: 0.6;
+        opacity: var(--ni-private-default-start-slot-opacity);
         margin-right: ${smallPadding};
     }
 
@@ -74952,6 +75003,10 @@ focus outline in that case.
         opacity: 0.3;
     }
 
+    :host([disabled][appearance-readonly]) slot[name='start']::slotted(*) {
+        opacity: var(--ni-private-default-start-slot-opacity);
+    }
+
     .control {
         -webkit-appearance: none;
         font: inherit;
@@ -74981,14 +75036,22 @@ focus outline in that case.
         text-overflow: clip;
     }
 
+    :host([disabled][appearance-readonly]) .control {
+        cursor: text;
+    }
+
     .control::placeholder {
         color: ${controlLabelFontColor};
     }
 
-    .control[disabled]::placeholder {
+    :host([disabled]) .control::placeholder {
         color: ${bodyDisabledFontColor};
     }
 
+    :host([disabled][appearance-readonly]) .control::placeholder {
+        color: ${controlLabelFontColor};
+    }
+
     [part='end'] {
         display: contents;
     }
@@ -75175,6 +75238,7 @@ focus outline in that case.
            */
           this.appearance = TextFieldAppearance.underline;
           this.fullBleed = false;
+          this.appearanceReadOnly = false;
       }
   }
   __decorate([
@@ -75183,6 +75247,9 @@ focus outline in that case.
   __decorate([
       attr({ attribute: 'full-bleed', mode: 'boolean' })
   ], TextField.prototype, "fullBleed", void 0);
+  __decorate([
+      attr({ attribute: 'appearance-readonly', mode: 'boolean' })
+  ], TextField.prototype, "appearanceReadOnly", void 0);
   const nimbleTextField = TextField.compose({
       baseName: 'text-field',
       baseClass: TextField$1,