@ni/nimble-components 27.1.1 → 27.2.1

package/dist/all-components-bundle.js

@@ -16333,7 +16333,7 @@
 
   /**
    * Do not edit directly
-   * Generated on Tue, 30 Apr 2024 22:12:02 GMT
+   * Generated on Wed, 01 May 2024 20:20:19 GMT
    */
 
   const Information100DarkUi = "#a46eff";
@@ -16499,6 +16499,7 @@
       modalBackdropColor: 'modal-backdrop-color',
       popupBorderColor: 'popup-border-color',
       cardBorderColor: 'card-border-color',
+      tagFillColor: 'tag-fill-color',
       controlHeight: 'control-height',
       controlSlimHeight: 'control-slim-height',
       smallPadding: 'small-padding',
@@ -16901,6 +16902,7 @@
   DesignToken.create(styleNameFromTokenName(tokenNames.graphGridlineColor)).withDefault((element) => hexToRgbaCssColor(getColorForTheme(element, Black91, Black15, White), 0.2));
   DesignToken.create(styleNameFromTokenName(tokenNames.tooltipBackgroundColor)).withDefault((element) => getColorForTheme(element, Black15, Black85, ForestGreen));
   const tableRowBorderColor = DesignToken.create(styleNameFromTokenName(tokenNames.tableRowBorderColor)).withDefault((element) => getColorForTheme(element, Black15, Black80, ForestGreen));
+  DesignToken.create(styleNameFromTokenName(tokenNames.tagFillColor)).withDefault((element) => hexToRgbaCssColor(getColorForTheme(element, Black91, Black15, White), 0.1));
   const buttonFillPrimaryColor = DesignToken.create(styleNameFromTokenName(tokenNames.buttonFillPrimaryColor)).withDefault((element) => getColorForTheme(element, hexToRgbaCssColor(Black91, 0.75), hexToRgbaCssColor(Black15, 0.3), hexToRgbaCssColor(White, 0.3)));
   const buttonPrimaryFontColor = DesignToken.create(styleNameFromTokenName(tokenNames.buttonPrimaryFontColor)).withDefault((element) => getColorForTheme(element, Black15, Black15, White));
   const buttonFillAccentColor = DesignToken.create(styleNameFromTokenName(tokenNames.buttonFillAccentColor)).withDefault((element) => getColorForTheme(element, DigitalGreenDark, DigitalGreenLight, hexToRgbaCssColor(White, 0.1)));
@@ -26706,8 +26708,6 @@
   function insertInto(content, dist, insert, parent) {
       let { index, offset } = content.findIndex(dist), child = content.maybeChild(index);
       if (offset == dist || child.isText) {
-          if (parent && !parent.canReplace(index, index, insert))
-              return null;
           return content.cut(0, dist).append(insert).append(content.cut(dist));
       }
       let inner = insertInto(child.content, dist - offset - 1, insert);
@@ -35251,7 +35251,7 @@
           firstChild.setAttribute("data-pm-slice", `${openStart} ${openEnd}${wrappers ? ` -${wrappers}` : ""} ${JSON.stringify(context)}`);
       let text = view.someProp("clipboardTextSerializer", f => f(slice, view)) ||
           slice.content.textBetween(0, slice.content.size, "\n\n");
-      return { dom: wrap, text };
+      return { dom: wrap, text, slice };
   }
   // Read a slice of content from the clipboard (or drop data).
   function parseFromClipboard(view, text, html, plainText, $context) {
@@ -35636,8 +35636,7 @@
       if (!view.focused)
           view.focus();
       let tr = view.state.tr.setSelection(selection);
-      if (origin == "pointer")
-          tr.setMeta("pointer", true);
+      tr.setMeta("pointer", true);
       view.dispatch(tr);
   }
   function selectClickedLeaf(view, inside) {
@@ -35645,7 +35644,7 @@
           return false;
       let $pos = view.state.doc.resolve(inside), node = $pos.nodeAfter;
       if (node && node.isAtom && NodeSelection.isSelectable(node)) {
-          updateSelection(view, new NodeSelection($pos), "pointer");
+          updateSelection(view, new NodeSelection($pos));
           return true;
       }
       return false;
@@ -35669,7 +35668,7 @@
           }
       }
       if (selectAt != null) {
-          updateSelection(view, NodeSelection.create(view.state.doc, selectAt), "pointer");
+          updateSelection(view, NodeSelection.create(view.state.doc, selectAt));
           return true;
       }
       else {
@@ -35696,7 +35695,7 @@
       let doc = view.state.doc;
       if (inside == -1) {
           if (doc.inlineContent) {
-              updateSelection(view, TextSelection.create(doc, 0, doc.content.size), "pointer");
+              updateSelection(view, TextSelection.create(doc, 0, doc.content.size));
               return true;
           }
           return false;
@@ -35706,9 +35705,9 @@
           let node = i > $pos.depth ? $pos.nodeAfter : $pos.node(i);
           let nodePos = $pos.before(i);
           if (node.inlineContent)
-              updateSelection(view, TextSelection.create(doc, nodePos + 1, nodePos + 1 + node.content.size), "pointer");
+              updateSelection(view, TextSelection.create(doc, nodePos + 1, nodePos + 1 + node.content.size));
           else if (NodeSelection.isSelectable(node))
-              updateSelection(view, NodeSelection.create(doc, nodePos), "pointer");
+              updateSelection(view, NodeSelection.create(doc, nodePos));
           else
               continue;
           return true;
@@ -35836,7 +35835,7 @@
                   // works around that.
                   (chrome && !this.view.state.selection.visible &&
                       Math.min(Math.abs(pos.pos - this.view.state.selection.from), Math.abs(pos.pos - this.view.state.selection.to)) <= 2))) {
-              updateSelection(this.view, Selection$2.near(this.view.state.doc.resolve(pos.pos)), "pointer");
+              updateSelection(this.view, Selection$2.near(this.view.state.doc.resolve(pos.pos)));
               event.preventDefault();
           }
           else {
@@ -35966,7 +35965,7 @@
                   return textAfter;
           }
       }
-      return textBefore;
+      return textBefore || textAfter;
   }
   function timestampFromCustomEvent() {
       let event = document.createEvent("Event");
@@ -36123,7 +36122,8 @@
           if (desc && desc.node.type.spec.draggable && desc != view.docView)
               node = NodeSelection.create(view.state.doc, desc.posBefore);
       }
-      let slice = (node || view.state.selection).content(), { dom, text } = serializeForClipboard(view, slice);
+      let draggedSlice = (node || view.state.selection).content();
+      let { dom, text, slice } = serializeForClipboard(view, draggedSlice);
       event.dataTransfer.clearData();
       event.dataTransfer.setData(brokenClipboardAPI ? "Text" : "text/html", dom.innerHTML);
       // See https://github.com/ProseMirror/prosemirror/issues/1156
@@ -42582,7 +42582,7 @@ img.ProseMirror-separator {
 }`;
 
   function createStyleTag(style, nonce, suffix) {
-      const tiptapStyleTag = document.querySelector(`style[data-tiptap-style${suffix ? `-${suffix}` : ''}]`);
+      const tiptapStyleTag = document.querySelector(`style[data-tiptap-style${''}]`);
       if (tiptapStyleTag !== null) {
           return tiptapStyleTag;
       }
@@ -42590,7 +42590,7 @@ img.ProseMirror-separator {
       if (nonce) {
           styleNode.setAttribute('nonce', nonce);
       }
-      styleNode.setAttribute(`data-tiptap-style${suffix ? `-${suffix}` : ''}`, '');
+      styleNode.setAttribute(`data-tiptap-style${''}`, '');
       styleNode.innerHTML = style;
       document.getElementsByTagName('head')[0].appendChild(styleNode);
       return styleNode;
@@ -60672,7 +60672,7 @@ img.ProseMirror-separator {
         var _row$getValue;
         return (_row$getValue = row.getValue(columnId)) != null ? _row$getValue : table.options.renderFallbackValue;
       },
-      subRows: subRows != null ? subRows : [],
+      subRows: [],
       getLeafRows: () => flattenBy(row.subRows, d => d.subRows),
       getParentRow: () => row.parentId ? table.getRow(row.parentId, true) : undefined,
       getParentRows: () => {
@@ -65186,12 +65186,19 @@ img.ProseMirror-separator {
   }
   function notUndefined(value, msg) {
     if (value === void 0) {
-      throw new Error(`Unexpected undefined${msg ? `: ${msg}` : ""}`);
+      throw new Error(`Unexpected undefined${""}`);
     } else {
       return value;
     }
   }
   const approxEqual = (a, b) => Math.abs(a - b) < 1;
+  const debounce = (fn, ms) => {
+    let timeoutId;
+    return function(...args) {
+      clearTimeout(timeoutId);
+      timeoutId = setTimeout(() => fn.apply(this, args), ms);
+    };
+  };
 
   const defaultKeyExtractor = (index) => index;
   const defaultRangeExtractor = (range) => {
@@ -65233,20 +65240,32 @@ img.ProseMirror-separator {
       observer.unobserve(element);
     };
   };
+  const addEventListenerOptions = {
+    passive: true
+  };
+  const supportsScrollend = typeof window == "undefined" ? true : "onscrollend" in window;
   const observeElementOffset = (instance, cb) => {
     const element = instance.scrollElement;
     if (!element) {
       return;
     }
-    const handler = () => {
-      cb(element[instance.options.horizontal ? "scrollLeft" : "scrollTop"]);
+    let offset = 0;
+    const fallback = supportsScrollend ? () => void 0 : debounce(() => {
+      cb(offset, false);
+    }, instance.options.isScrollingResetDelay);
+    const createHandler = (isScrolling) => () => {
+      offset = element[instance.options.horizontal ? "scrollLeft" : "scrollTop"];
+      fallback();
+      cb(offset, isScrolling);
     };
-    handler();
-    element.addEventListener("scroll", handler, {
-      passive: true
-    });
+    const handler = createHandler(true);
+    const endHandler = createHandler(false);
+    endHandler();
+    element.addEventListener("scroll", handler, addEventListenerOptions);
+    element.addEventListener("scrollend", endHandler, addEventListenerOptions);
     return () => {
       element.removeEventListener("scroll", handler);
+      element.removeEventListener("scrollend", endHandler);
     };
   };
   const measureElement = (element, entry, instance) => {
@@ -65279,7 +65298,6 @@ img.ProseMirror-separator {
       this.unsubs = [];
       this.scrollElement = null;
       this.isScrolling = false;
-      this.isScrollingTimeoutId = null;
       this.scrollToIndexTimeoutId = null;
       this.measurementsCache = [];
       this.itemSizeCache = /* @__PURE__ */ new Map();
@@ -65340,39 +65358,24 @@ img.ProseMirror-separator {
           initialRect: { width: 0, height: 0 },
           scrollMargin: 0,
           gap: 0,
-          scrollingDelay: 150,
           indexAttribute: "data-index",
           initialMeasurementsCache: [],
           lanes: 1,
+          isScrollingResetDelay: 150,
           ...opts2
         };
       };
-      this.notify = (sync) => {
+      this.notify = (force, sync) => {
         var _a, _b;
-        (_b = (_a = this.options).onChange) == null ? void 0 : _b.call(_a, this, sync);
-      };
-      this.maybeNotify = memo(
-        () => {
-          this.calculateRange();
-          return [
-            this.isScrolling,
-            this.range ? this.range.startIndex : null,
-            this.range ? this.range.endIndex : null
-          ];
-        },
-        (isScrolling) => {
-          this.notify(isScrolling);
-        },
-        {
-          key: "maybeNotify",
-          debug: () => this.options.debug,
-          initialDeps: [
-            this.isScrolling,
-            this.range ? this.range.startIndex : null,
-            this.range ? this.range.endIndex : null
-          ]
+        const { startIndex, endIndex } = this.range ?? {
+          startIndex: void 0,
+          endIndex: void 0
+        };
+        const range = this.calculateRange();
+        if (force || startIndex !== (range == null ? void 0 : range.startIndex) || endIndex !== (range == null ? void 0 : range.endIndex)) {
+          (_b = (_a = this.options).onChange) == null ? void 0 : _b.call(_a, this, sync);
         }
-      );
+      };
       this.cleanup = () => {
         this.unsubs.filter(Boolean).forEach((d) => d());
         this.unsubs = [];
@@ -65397,29 +65400,17 @@ img.ProseMirror-separator {
           this.unsubs.push(
             this.options.observeElementRect(this, (rect) => {
               this.scrollRect = rect;
-              this.maybeNotify();
+              this.notify(false, false);
             })
           );
           this.unsubs.push(
-            this.options.observeElementOffset(this, (offset) => {
+            this.options.observeElementOffset(this, (offset, isScrolling) => {
               this.scrollAdjustments = 0;
-              if (this.scrollOffset === offset) {
-                return;
-              }
-              if (this.isScrollingTimeoutId !== null) {
-                clearTimeout(this.isScrollingTimeoutId);
-                this.isScrollingTimeoutId = null;
-              }
-              this.isScrolling = true;
-              this.scrollDirection = this.scrollOffset < offset ? "forward" : "backward";
+              this.scrollDirection = isScrolling ? this.scrollOffset < offset ? "forward" : "backward" : null;
               this.scrollOffset = offset;
-              this.maybeNotify();
-              this.isScrollingTimeoutId = setTimeout(() => {
-                this.isScrollingTimeoutId = null;
-                this.isScrolling = false;
-                this.scrollDirection = null;
-                this.maybeNotify();
-              }, this.options.scrollingDelay);
+              const prevIsScrolling = this.isScrolling;
+              this.isScrolling = isScrolling;
+              this.notify(prevIsScrolling !== isScrolling, isScrolling);
             })
           );
         }
@@ -65427,7 +65418,7 @@ img.ProseMirror-separator {
       this.getSize = () => {
         return this.scrollRect[this.options.horizontal ? "width" : "height"];
       };
-      this.memoOptions = memo(
+      this.getMeasurementOptions = memo(
         () => [
           this.options.count,
           this.options.paddingStart,
@@ -65475,7 +65466,7 @@ img.ProseMirror-separator {
         })[0] : void 0;
       };
       this.getMeasurements = memo(
-        () => [this.memoOptions(), this.itemSizeCache],
+        () => [this.getMeasurementOptions(), this.itemSizeCache],
         ({ count, paddingStart, scrollMargin, getItemKey }, itemSizeCache) => {
           const min = this.pendingMeasuredCacheIndexes.length > 0 ? Math.min(...this.pendingMeasuredCacheIndexes) : 0;
           this.pendingMeasuredCacheIndexes = [];
@@ -65528,7 +65519,8 @@ img.ProseMirror-separator {
         ],
         (rangeExtractor, range, overscan, count) => {
           return range === null ? [] : rangeExtractor({
-            ...range,
+            startIndex: range.startIndex,
+            endIndex: range.endIndex,
             overscan,
             count
           });
@@ -65586,7 +65578,7 @@ img.ProseMirror-separator {
           }
           this.pendingMeasuredCacheIndexes.push(item.index);
           this.itemSizeCache = new Map(this.itemSizeCache.set(item.key, size));
-          this.notify(false);
+          this.notify(true, false);
         }
       };
       this.measureElement = (node) => {
@@ -65738,8 +65730,9 @@ img.ProseMirror-separator {
         this.options.scrollToFn(offset, { behavior, adjustments }, this);
       };
       this.measure = () => {
+        var _a, _b;
         this.itemSizeCache = /* @__PURE__ */ new Map();
-        this.notify(false);
+        (_b = (_a = this.options).onChange) == null ? void 0 : _b.call(_a, this, false);
       };
       this.setOptions(opts);
       this.scrollRect = this.options.initialRect;
@@ -65748,7 +65741,7 @@ img.ProseMirror-separator {
       this.measurementsCache.forEach((item) => {
         this.itemSizeCache.set(item.key, item.size);
       });
-      this.maybeNotify();
+      this.notify(false, false);
     }
   };
   const findNearestBinarySearch = (low, high, getCurrentValue, value) => {