@ni/ok-components 0.1.12 → 0.1.15

package/README.md

@@ -6,6 +6,14 @@
 
 [![NPM Version](https://img.shields.io/npm/v/@ni/ok-components.svg)](https://www.npmjs.com/package/@ni/ok-components)
 
-Experimental components built using the same technologies (FAST, native web components, etc.) as other nimble packages, but not part of the core design system.
+Components built using the same technologies (FAST, native web components, etc.) as other nimble packages, but not part of the core design system.
 
-The `ok-components` package is intended for components that do not belong in [`nimble-components`](/packages/nimble-components) due to being prototypes or experimental.
+Compared to the general purpose components in the `nimble-components` library, `ok-components` are components that are leveraging Nimble infrastructure but have varied ownership. See individual component documentation for details.
+
+## Getting Started
+
+Follow the [Nimble Components: Getting Started](/packages/nimble-components/README.md#getting-started) topic.
+
+## Contributing
+
+Follow the instructions in [CONTRIBUTING.md](/packages/ok-components/CONTRIBUTING.md) to modify this library.

package/dist/all-components-bundle.js

@@ -14992,7 +14992,7 @@
           new Intl.Locale(value);
           return true;
       }
-      catch (e) {
+      catch (_e) {
           return false;
       }
   }
@@ -22273,7 +22273,6 @@ so this becomes the fallback color for the slot */ ''}
   /**
    * A nimble-styled dialog.
    */
-  // eslint-disable-next-line @typescript-eslint/no-invalid-void-type
   class Dialog extends FoundationElement {
       constructor() {
           super(...arguments);
@@ -22558,7 +22557,6 @@ so this becomes the fallback color for the slot */ ''}
    * Drawer control. Shows content in a panel on the left / right side of the screen,
    * which animates to be visible with a slide-in / slide-out animation.
    */
-  // eslint-disable-next-line @typescript-eslint/no-invalid-void-type
   class Drawer extends FoundationElement {
       constructor() {
           super(...arguments);
@@ -26146,7 +26144,7 @@ so this becomes the fallback color for the slot */ ''}
               this.resolvedIcon = undefined;
               await customElements.whenDefined(icon);
           }
-          catch (ex) {
+          catch (_ex) {
               // If any error (i.e. invalid custom element name) don't continue
               // Don't update the resolvedIcon as it was already set to undefined before async resolution
               // (in case other async resolutions were started)
@@ -35564,17 +35562,20 @@ so this becomes the fallback color for the slot */ ''}
   }
   function findOffsetInText(node, coords) {
       let len = node.nodeValue.length;
-      let range = document.createRange();
+      let range = document.createRange(), result;
       for (let i = 0; i < len; i++) {
           range.setEnd(node, i + 1);
           range.setStart(node, i);
           let rect = singleRect(range, 1);
           if (rect.top == rect.bottom)
               continue;
-          if (inRect(coords, rect))
-              return { node, offset: i + (coords.left >= (rect.left + rect.right) / 2 ? 1 : 0) };
+          if (inRect(coords, rect)) {
+              result = { node, offset: i + (coords.left >= (rect.left + rect.right) / 2 ? 1 : 0) };
+              break;
+          }
       }
-      return { node, offset: 0 };
+      range.detach();
+      return result || { node, offset: 0 };
   }
   function inRect(coords, rect) {
       return coords.left >= rect.left - 1 && coords.left <= rect.right + 1 &&
@@ -38667,7 +38668,8 @@ so this becomes the fallback color for the slot */ ''}
           let { state } = view, $pos = state.selection.$to;
           if (state.selection instanceof TextSelection &&
               (state.storedMarks ||
-                  (!$pos.textOffset && $pos.parentOffset && $pos.nodeBefore.marks.some(m => m.type.spec.inclusive === false)))) {
+                  (!$pos.textOffset && $pos.parentOffset && $pos.nodeBefore.marks.some(m => m.type.spec.inclusive === false)) ||
+                  chrome && windows$1 && selectionBeforeUneditable(view))) { // Issue #1500
               // Need to wrap the cursor in mark nodes different from the ones in the DOM context
               view.markCursor = view.state.storedMarks || $pos.marks();
               endComposition(view, true);
@@ -38701,6 +38703,13 @@ so this becomes the fallback color for the slot */ ''}
       }
       scheduleComposeEnd(view, timeoutComposition);
   };
+  function selectionBeforeUneditable(view) {
+      let { focusNode, focusOffset } = view.domSelectionRange();
+      if (!focusNode || focusNode.nodeType != 1 || focusOffset >= focusNode.childNodes.length)
+          return false;
+      let next = focusNode.childNodes[focusOffset];
+      return next.nodeType == 1 && next.contentEditable == "false";
+  }
   editHandlers.compositionend = (view, event) => {
       if (view.composing) {
           view.input.composing = false;
@@ -38928,10 +38937,15 @@ so this becomes the fallback color for the slot */ ''}
       }, 50);
   };
   editHandlers.dragover = editHandlers.dragenter = (_, e) => e.preventDefault();
-  editHandlers.drop = (view, _event) => {
-      let event = _event;
-      let dragging = view.dragging;
-      view.dragging = null;
+  editHandlers.drop = (view, event) => {
+      try {
+          handleDrop(view, event, view.dragging);
+      }
+      finally {
+          view.dragging = null;
+      }
+  };
+  function handleDrop(view, event, dragging) {
       if (!event.dataTransfer)
           return;
       let eventPos = view.posAtCoords(eventCoords(event));
@@ -38985,7 +38999,7 @@ so this becomes the fallback color for the slot */ ''}
       }
       view.focus();
       view.dispatch(tr.setMeta("uiEvent", "drop"));
-  };
+  }
   handlers.focus = view => {
       view.input.lastFocus = Date.now();
       if (!view.focused) {
@@ -39911,6 +39925,17 @@ so this becomes the fallback color for the slot */ ''}
                   }
               }
           }
+          else if ((chrome || safari) && added.some(n => n.nodeName == "BR") &&
+              (view.input.lastKeyCode == 8 || view.input.lastKeyCode == 46)) {
+              // Chrome/Safari sometimes insert a bogus break node if you
+              // backspace out the last bit of text before an inline-flex node (#1552)
+              for (let node of added)
+                  if (node.nodeName == "BR" && node.parentNode) {
+                      let after = node.nextSibling;
+                      if (after && after.nodeType == 1 && after.contentEditable == "false")
+                          node.parentNode.removeChild(node);
+                  }
+          }
           let readSel = null;
           // If it looks like the browser has reset the selection to the
           // start of the document after focus, restore the selection from
@@ -43182,6 +43207,37 @@ so this becomes the fallback color for the slot */ ''}
     return value instanceof NodeSelection;
   }
 
+  // src/helpers/MappablePosition.ts
+  var MappablePosition = class _MappablePosition {
+    constructor(position) {
+      this.position = position;
+    }
+    /**
+     * Creates a MappablePosition from a JSON object.
+     */
+    static fromJSON(json) {
+      return new _MappablePosition(json.position);
+    }
+    /**
+     * Converts the MappablePosition to a JSON object.
+     */
+    toJSON() {
+      return {
+        position: this.position
+      };
+    }
+  };
+  function getUpdatedPosition(position, transaction) {
+    const mapResult = transaction.mapping.mapResult(position.position);
+    return {
+      position: new MappablePosition(mapResult.pos),
+      mapResult
+    };
+  }
+  function createMappablePosition(position) {
+    return new MappablePosition(position);
+  }
+
   // src/commands/setMark.ts
   function canSetMark(state, tr, newMarkType) {
     var _a;
@@ -45370,6 +45426,13 @@ img.ProseMirror-separator {
       };
       this.isCapturingTransaction = false;
       this.capturedTransaction = null;
+      /**
+       * Returns a set of utilities for working with positions and ranges.
+       */
+      this.utils = {
+        getUpdatedPosition,
+        createMappablePosition
+      };
       this.setOptions(options);
       this.createExtensionManager();
       this.createCommandManager();
@@ -68778,7 +68841,7 @@ ${nextLine.slice(indentLevel + 2)}`;
       try {
           instance = document.createElement(groupHeaderViewTag);
       }
-      catch (ex) {
+      catch (_ex) {
           // Swallow construction error to report a better one
       }
       if (!(instance instanceof TableGroupHeaderView)) {
@@ -68864,7 +68927,7 @@ ${nextLine.slice(indentLevel + 2)}`;
       try {
           instance = document.createElement(cellViewTag);
       }
-      catch (ex) {
+      catch (_ex) {
           // Swallow construction error to report a better one
       }
       if (!(instance instanceof TableCellView)) {
@@ -74707,12 +74770,8 @@ focus outline in that case.
               this.columnInternals.minPixelWidth = this.minPixelWidth ?? defaultMinPixelWidth;
           }
       }
-      attr({ attribute: 'fractional-width', converter: nullableNumberConverter })(
-      // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
-      FractionalWidthColumn.prototype, 'fractionalWidth');
-      attr({ attribute: 'min-pixel-width', converter: nullableNumberConverter })(
-      // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
-      FractionalWidthColumn.prototype, 'minPixelWidth');
+      attr({ attribute: 'fractional-width', converter: nullableNumberConverter })(FractionalWidthColumn.prototype, 'fractionalWidth');
+      attr({ attribute: 'min-pixel-width', converter: nullableNumberConverter })(FractionalWidthColumn.prototype, 'minPixelWidth');
       return FractionalWidthColumn;
   }
 
@@ -74735,12 +74794,8 @@ focus outline in that case.
               this.columnInternals.groupIndex = this.groupIndex ?? undefined;
           }
       }
-      attr({ attribute: 'grouping-disabled', mode: 'boolean' })(
-      // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
-      GroupableColumn.prototype, 'groupingDisabled');
-      attr({ attribute: 'group-index', converter: nullableNumberConverter })(
-      // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
-      GroupableColumn.prototype, 'groupIndex');
+      attr({ attribute: 'grouping-disabled', mode: 'boolean' })(GroupableColumn.prototype, 'groupingDisabled');
+      attr({ attribute: 'group-index', converter: nullableNumberConverter })(GroupableColumn.prototype, 'groupIndex');
       return GroupableColumn;
   }
 
@@ -74753,9 +74808,7 @@ focus outline in that case.
        */
       class ColumnWithPlaceholder extends base {
       }
-      attr({ attribute: 'placeholder' })(
-      // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
-      ColumnWithPlaceholder.prototype, 'placeholder');
+      attr({ attribute: 'placeholder' })(ColumnWithPlaceholder.prototype, 'placeholder');
       return ColumnWithPlaceholder;
   }
 
@@ -75039,15 +75092,9 @@ focus outline in that case.
               }
           }
       }
-      attr({ attribute: 'sorting-disabled', mode: 'boolean' })(
-      // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
-      SortableColumn.prototype, 'sortingDisabled');
-      attr({ attribute: 'sort-index', converter: nullableNumberConverter })(
-      // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
-      SortableColumn.prototype, 'sortIndex');
-      attr({ attribute: 'sort-direction' })(
-      // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
-      SortableColumn.prototype, 'sortDirection');
+      attr({ attribute: 'sorting-disabled', mode: 'boolean' })(SortableColumn.prototype, 'sortingDisabled');
+      attr({ attribute: 'sort-index', converter: nullableNumberConverter })(SortableColumn.prototype, 'sortIndex');
+      attr({ attribute: 'sort-direction' })(SortableColumn.prototype, 'sortDirection');
       return SortableColumn;
   }
 
@@ -75109,9 +75156,7 @@ focus outline in that case.
               }
           }
       }
-      attr({ attribute: 'sort-by-field-name' })(
-      // eslint-disable-next-line @typescript-eslint/no-unsafe-argument
-      CustomSortOrderColumn.prototype, 'sortByFieldName');
+      attr({ attribute: 'sort-by-field-name' })(CustomSortOrderColumn.prototype, 'sortByFieldName');
       return CustomSortOrderColumn;
   }
 
@@ -75265,7 +75310,7 @@ focus outline in that case.
   __decorate([
       attr({ attribute: 'field-name' })
   ], TableColumnTextBase.prototype, "fieldName", void 0);
-  // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types, @typescript-eslint/explicit-function-return-type, @typescript-eslint/no-explicit-any
+  // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types, @typescript-eslint/explicit-function-return-type
   function mixinTextBase(base) {
       return mixinGroupableColumnAPI(mixinFractionalWidthColumnAPI(mixinColumnWithPlaceholderAPI(mixinSortableColumnAPI(base))));
   }
@@ -75275,7 +75320,7 @@ focus outline in that case.
           try {
               return formatter.format(date);
           }
-          catch (e) {
+          catch (_e) {
               return '';
           }
       }
@@ -75590,7 +75635,7 @@ focus outline in that case.
           try {
               return new Intl.DateTimeFormat(lang.getValueFor(this), options);
           }
-          catch (e) {
+          catch (_e) {
               return undefined;
           }
       }