@ni/ok-components 1.1.1 → 1.2.0

package/dist/all-components-bundle.js

@@ -19064,6 +19064,10 @@ Defines an interaction area clip-path that leaves out the severity text so it is
       name: 'sparkles_16_x_16',
       data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M11.498 2a2.85 2.85 0 0 1-.811 1.69A2.85 2.85 0 0 1 9 4.498a2.85 2.85 0 0 1 1.69.809c.477.476.739 1.076.812 1.693a2.85 2.85 0 0 1 .811-1.69A2.85 2.85 0 0 1 14 4.502a2.85 2.85 0 0 1-1.69-.809A2.84 2.84 0 0 1 11.497 2M7.495 3c-.163 1.355-.737 2.674-1.784 3.719C4.668 7.76 3.352 8.332 2 8.496c1.355.163 2.674.736 3.72 1.78C6.768 11.321 7.343 12.642 7.505 14c.162-1.355.736-2.674 1.784-3.719C10.332 9.24 11.648 8.668 13 8.504c-1.356-.163-2.674-.736-3.72-1.78C8.231 5.679 7.656 4.358 7.495 3" class="cls-1"/></svg>`,
   };
+  const sparklesNested16X16 = {
+      name: 'sparkles_nested_16_x_16',
+      data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="m14.21 7.52-.11-.06a14.05 14.05 0 0 1-5.59-5.59l-.06-.11a.51.51 0 0 0-.9 0l-.06.11A14.05 14.05 0 0 1 1.9 7.46l-.11.06a.51.51 0 0 0 0 .9l.11.06a14.05 14.05 0 0 1 5.59 5.59l.06.11c.19.36.7.36.9 0l.06-.11a14.05 14.05 0 0 1 5.59-5.59l.11-.06a.51.51 0 0 0 0-.9m-1.71.36-.08.04a9.46 9.46 0 0 0-3.75 3.75l-.04.08a.34.34 0 0 1-.6 0l-.04-.08a9.46 9.46 0 0 0-3.75-3.75l-.08-.04a.34.34 0 0 1 0-.6l.08-.04a9.46 9.46 0 0 0 3.75-3.75l.04-.08a.34.34 0 0 1 .6 0l.04.08a9.46 9.46 0 0 0 3.75 3.75l.08.04c.24.13.24.47 0 .6" class="cls-1"/><path d="m11.36 7.6-.03.02a6.63 6.63 0 0 0-2.65 2.65l-.02.03c-.1.18-.35.18-.45 0l-.02-.03a6.63 6.63 0 0 0-2.65-2.65l-.03-.02a.255.255 0 0 1 0-.45l.03-.02a6.63 6.63 0 0 0 2.65-2.65l.02-.03c.1-.18.35-.18.45 0l.02.03a6.63 6.63 0 0 0 2.65 2.65l.03.02c.18.1.18.35 0 .45" class="cls-1"/></svg>`,
+  };
   const spinner = {
       name: 'spinner',
       data: `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M3.967 7.143h-.762a4.885 4.885 0 0 1 3.938-3.94v.771a4.12 4.12 0 0 0-3.176 3.169M8 2v1.875A4.125 4.125 0 1 1 3.875 8H2a6 6 0 1 0 6-6" class="cls-1"/></svg>`,
@@ -25881,6 +25885,18 @@ so this becomes the fallback color for the slot */ ''}
   }
   registerIconSvg('icon-sparkles', IconSparkles);
 
+  // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
+  // See generation source in nimble-components/build/generate-icons
+  /**
+   * The icon component for the 'sparklesNested' icon
+   */
+  class IconSparklesNested extends IconSvg {
+      constructor() {
+          super(sparklesNested16X16);
+      }
+  }
+  registerIconSvg('icon-sparkles-nested', IconSparklesNested);
+
   // AUTO-GENERATED FILE - DO NOT EDIT DIRECTLY
   // See generation source in nimble-components/build/generate-icons
   /**
@@ -39625,8 +39641,8 @@ so this becomes the fallback color for the slot */ ''}
           this.target = targetDesc && targetDesc.nodeDOM.nodeType == 1 ? targetDesc.nodeDOM : null;
           let { selection } = view.state;
           if (event.button == 0 &&
-              targetNode.type.spec.draggable && targetNode.type.spec.selectable !== false ||
-              selection instanceof NodeSelection && selection.from <= targetPos && selection.to > targetPos)
+              (targetNode.type.spec.draggable && targetNode.type.spec.selectable !== false ||
+                  selection instanceof NodeSelection && selection.from <= targetPos && selection.to > targetPos))
               this.mightDrag = {
                   node: targetNode,
                   pos: targetPos,
@@ -39975,8 +39991,9 @@ 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];
+      let copy;
+      view.someProp("dragCopies", test => { copy = copy || test(event); });
+      return copy != null ? !copy : !event[dragCopyModifier];
   }
   handlers.dragstart = (view, _event) => {
       let event = _event;
@@ -40003,7 +40020,7 @@ so this becomes the fallback color for the slot */ ''}
       if (!event.dataTransfer.files.length || !chrome || chrome_version > 120)
           event.dataTransfer.clearData();
       event.dataTransfer.setData(brokenClipboardAPI ? "Text" : "text/html", dom.innerHTML);
-      // See https://github.com/ProseMirror/prosemirror/issues/1156
+      // See https://code.haverbeke.berlin/prosemirror/prosemirror/issues/1156
       event.dataTransfer.effectAllowed = "copyMove";
       if (!brokenClipboardAPI)
           event.dataTransfer.setData("text/plain", text);
@@ -41628,7 +41645,7 @@ so this becomes the fallback color for the slot */ ''}
           this.pluginViews = [];
           /**
           Holds `true` when a hack node is needed in Firefox to prevent the
-          [space is eaten issue](https://github.com/ProseMirror/prosemirror/issues/651)
+          [space is eaten issue](https://code.haverbeke.berlin/prosemirror/prosemirror/issues/651)
           @internal
           */
           this.requiresGeckoHackNode = false;
@@ -43169,7 +43186,7 @@ so this becomes the fallback color for the slot */ ''}
         const fromSelectionAtStart = $from.parentOffset === 0;
         const isTextSelection2 = $fromNode.isText || $fromNode.isTextblock;
         const hasContent = $fromNode.content.size > 0;
-        if (fromSelectionAtStart && isTextSelection2 && hasContent) {
+        if (fromSelectionAtStart && isTextSelection2 && hasContent && isOnlyBlockContent) {
           from = Math.max(0, from - 1);
         }
         tr.replaceWith(from, to, newContent);
@@ -44786,6 +44803,16 @@ so this becomes the fallback color for the slot */ ''}
     tr.join(after);
     return true;
   };
+  function createInnerSelectionForWholeDocList(tr) {
+    const doc = tr.doc;
+    const list = doc.firstChild;
+    if (!list) {
+      return null;
+    }
+    const $start = doc.resolve(1);
+    const $end = doc.resolve(list.nodeSize - 1);
+    return TextSelection.between($start, $end);
+  }
   var toggleList = (listTypeOrName, itemTypeOrName, keepMarks, attributes = {}) => ({ editor, tr, state, dispatch, chain, commands, can }) => {
     const { extensions, splittableMarks } = editor.extensionManager;
     const listType = getNodeType(listTypeOrName, state.schema);
@@ -44798,13 +44825,35 @@ so this becomes the fallback color for the slot */ ''}
       return false;
     }
     const parentList = findParentNode((node) => isList(node.type.name, extensions))(selection);
-    if (range.depth >= 1 && parentList && range.depth - parentList.depth <= 1) {
-      if (parentList.node.type === listType) {
+    const isAllSelection = selection.from === 0 && selection.to === state.doc.content.size;
+    const topLevelNodes = state.doc.content.content;
+    const soleTopLevelNode = topLevelNodes.length === 1 ? topLevelNodes[0] : null;
+    const allSelectionList = isAllSelection && soleTopLevelNode && isList(soleTopLevelNode.type.name, extensions) ? {
+      node: soleTopLevelNode,
+      pos: 0} : null;
+    const currentList = parentList != null ? parentList : allSelectionList;
+    const isInsideExistingList = !!parentList && range.depth >= 1 && range.depth - parentList.depth <= 1;
+    const hasWholeDocSelectedList = !!allSelectionList;
+    if ((isInsideExistingList || hasWholeDocSelectedList) && currentList) {
+      if (currentList.node.type === listType) {
+        if (isAllSelection && hasWholeDocSelectedList) {
+          return chain().command(({ tr: trx, dispatch: disp }) => {
+            const nextSelection = createInnerSelectionForWholeDocList(trx);
+            if (!nextSelection) {
+              return false;
+            }
+            trx.setSelection(nextSelection);
+            if (disp) {
+              disp(trx);
+            }
+            return true;
+          }).liftListItem(itemType).run();
+        }
         return commands.liftListItem(itemType);
       }
-      if (isList(parentList.node.type.name, extensions) && listType.validContent(parentList.node.content) && dispatch) {
+      if (isList(currentList.node.type.name, extensions) && listType.validContent(currentList.node.content)) {
         return chain().command(() => {
-          tr.setNodeMarkup(parentList.pos, listType);
+          tr.setNodeMarkup(currentList.pos, listType);
           return true;
         }).command(() => joinListBackwards(tr, listType)).command(() => joinListForwards(tr, listType)).run();
       }
@@ -47885,7 +47934,10 @@ ${indentedChild}`;
           }
           markEnd = range.from + startSpaces + captureGroup.length;
           tr.addMark(range.from + startSpaces, markEnd, config.type.create(attributes || {}));
-          tr.removeStoredMark(config.type);
+          const isMatchAtEndOfText = match.index !== void 0 && match.input !== void 0 && match.index + match[0].length >= match.input.length;
+          if (!isMatchAtEndOfText) {
+            tr.removeStoredMark(config.type);
+          }
         }
       }
     });
@@ -61412,6 +61464,36 @@ ${indentedChild}`;
   // src/ordered-list/utils.ts
   var ORDERED_LIST_ITEM_REGEX = /^(\s*)(\d+)\.\s+(.*)$/;
   var INDENTED_LINE_REGEX = /^\s/;
+  function isBlockContentLine(line) {
+    const trimmedLine = line.trimStart();
+    return /^[-+*]\s+/.test(trimmedLine) || /^\d+\.\s+/.test(trimmedLine) || /^>\s?/.test(trimmedLine) || /^```/.test(trimmedLine) || /^~~~/.test(trimmedLine);
+  }
+  function splitItemContent(contentLines) {
+    const paragraphLines = [];
+    const blockLines = [];
+    let reachedBlockBoundary = false;
+    contentLines.forEach((line) => {
+      if (reachedBlockBoundary) {
+        blockLines.push(line);
+        return;
+      }
+      if (line.trim() === "") {
+        reachedBlockBoundary = true;
+        blockLines.push(line);
+        return;
+      }
+      if (paragraphLines.length > 0 && isBlockContentLine(line)) {
+        reachedBlockBoundary = true;
+        blockLines.push(line);
+        return;
+      }
+      paragraphLines.push(line);
+    });
+    return {
+      paragraphLines,
+      blockLines
+    };
+  }
   function collectOrderedListItems(lines) {
     const listItems = [];
     let currentLineIndex = 0;
@@ -61424,9 +61506,10 @@ ${indentedChild}`;
       }
       const [, indent, number, content] = match;
       const indentLevel = indent.length;
-      let itemContent = content;
+      const itemContentLines = [content];
       let nextLineIndex = currentLineIndex + 1;
       const itemLines = [line];
+      let sawBlankLine = false;
       while (nextLineIndex < lines.length) {
         const nextLine = lines[nextLineIndex];
         const nextMatch = nextLine.match(ORDERED_LIST_ITEM_REGEX);
@@ -61435,21 +61518,27 @@ ${indentedChild}`;
         }
         if (nextLine.trim() === "") {
           itemLines.push(nextLine);
-          itemContent += "\n";
+          itemContentLines.push("");
+          sawBlankLine = true;
           nextLineIndex += 1;
         } else if (nextLine.match(INDENTED_LINE_REGEX)) {
           itemLines.push(nextLine);
-          itemContent += `
-${nextLine.slice(indentLevel + 2)}`;
+          itemContentLines.push(nextLine.slice(indentLevel + 2));
           nextLineIndex += 1;
         } else {
-          break;
+          if (sawBlankLine) {
+            break;
+          }
+          itemLines.push(nextLine);
+          itemContentLines.push(nextLine);
+          nextLineIndex += 1;
         }
       }
       listItems.push({
         indent: indentLevel,
         number: parseInt(number, 10),
-        content: itemContent.trim(),
+        content: itemContentLines.join("\n").trim(),
+        contentLines: itemContentLines,
         raw: itemLines.join("\n")
       });
       consumed = nextLineIndex;
@@ -61458,14 +61547,13 @@ ${nextLine.slice(indentLevel + 2)}`;
     return [listItems, consumed];
   }
   function buildNestedStructure(items, baseIndent, lexer) {
-    var _a;
     const result = [];
     let currentIndex = 0;
     while (currentIndex < items.length) {
       const item = items[currentIndex];
       if (item.indent === baseIndent) {
-        const contentLines = item.content.split("\n");
-        const mainText = ((_a = contentLines[0]) == null ? void 0 : _a.trim()) || "";
+        const { paragraphLines, blockLines } = splitItemContent(item.contentLines);
+        const mainText = paragraphLines.join("\n").trim();
         const tokens = [];
         if (mainText) {
           tokens.push({
@@ -61474,7 +61562,7 @@ ${nextLine.slice(indentLevel + 2)}`;
             tokens: lexer.inlineTokens(mainText)
           });
         }
-        const additionalContent = contentLines.slice(1).join("\n").trim();
+        const additionalContent = blockLines.join("\n").trim();
         if (additionalContent) {
           const blockTokens = lexer.blockTokens(additionalContent);
           tokens.push(...blockTokens);
@@ -72946,6 +73034,7 @@ focus outline in that case.
           isRtl: false,
           useScrollendEvent: false,
           useAnimationFrameWithResizeObserver: false,
+          laneAssignmentMode: "estimate",
           ...opts2
         };
       };
@@ -73085,9 +73174,10 @@ focus outline in that case.
           this.options.scrollMargin,
           this.options.getItemKey,
           this.options.enabled,
-          this.options.lanes
+          this.options.lanes,
+          this.options.laneAssignmentMode
         ],
-        (count, paddingStart, scrollMargin, getItemKey, enabled, lanes) => {
+        (count, paddingStart, scrollMargin, getItemKey, enabled, lanes, laneAssignmentMode) => {
           const lanesChanged = this.prevLanes !== void 0 && this.prevLanes !== lanes;
           if (lanesChanged) {
             this.lanesChangedFlag = true;
@@ -73100,7 +73190,8 @@ focus outline in that case.
             scrollMargin,
             getItemKey,
             enabled,
-            lanes
+            lanes,
+            laneAssignmentMode
           };
         },
         {
@@ -73109,7 +73200,15 @@ focus outline in that case.
       );
       this.getMeasurements = memo(
         () => [this.getMeasurementOptions(), this.itemSizeCache],
-        ({ count, paddingStart, scrollMargin, getItemKey, enabled, lanes }, itemSizeCache) => {
+        ({
+          count,
+          paddingStart,
+          scrollMargin,
+          getItemKey,
+          enabled,
+          lanes,
+          laneAssignmentMode
+        }, itemSizeCache) => {
           if (!enabled) {
             this.measurementsCache = [];
             this.itemSizeCache.clear();
@@ -73157,6 +73256,7 @@ focus outline in that case.
             const cachedLane = this.laneAssignments.get(i);
             let lane;
             let start;
+            const shouldCacheLane = laneAssignmentMode === "estimate" || itemSizeCache.has(key);
             if (cachedLane !== void 0 && this.options.lanes > 1) {
               lane = cachedLane;
               const prevIndex = laneLastIndex[lane];
@@ -73166,7 +73266,7 @@ focus outline in that case.
               const furthestMeasurement = this.options.lanes === 1 ? measurements[i - 1] : this.getFurthestMeasurement(measurements, i);
               start = furthestMeasurement ? furthestMeasurement.end + this.options.gap : paddingStart + scrollMargin;
               lane = furthestMeasurement ? furthestMeasurement.lane : i % this.options.lanes;
-              if (this.options.lanes > 1) {
+              if (this.options.lanes > 1 && shouldCacheLane) {
                 this.laneAssignments.set(i, lane);
               }
             }
@@ -99400,8 +99500,48 @@ focus outline in that case.
     }
 `;
 
-  const nigelChatLightData = '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 48 48"><defs><linearGradient id="nigelChatGradient" gradientUnits="userSpaceOnUse" x1="24" y1="0.1611" x2="24" y2="48.1611"><stop offset="0" stop-color="#008557"/><stop offset="1" stop-color="#00C07E"/></linearGradient></defs><path fill="url(#nigelChatGradient)" d="M36.654,11.338c-1.63-1.626-3.685-2.512-5.797-2.766c2.107-0.256,4.157-1.153,5.783-2.776C38.273,4.167,39.175,2.112,39.429,0c0.251,2.115,1.139,4.174,2.774,5.805c1.63,1.626,3.685,2.512,5.797,2.766c-2.108,0.256-4.158,1.153-5.784,2.776c-1.632,1.629-2.534,3.684-2.787,5.796C39.177,15.027,38.289,12.969,36.654,11.338z M18,24v-0.5c0-1.003,0.274-1.941,0.746-2.752c0.473-0.901,1.172-1.589,2.081-2.05c0.198-0.111,0.404-0.208,0.616-0.294c0.005-0.002,0.011-0.004,0.016-0.006C22.09,18.144,22.778,18,23.5,18H28V6.5C28,4.575,26.425,3,24.5,3h-21C1.575,3,0,4.575,0,6.5v14C0,22.425,1.575,24,3.5,24h1.75L3.5,31L18,24z M20,23.5v14c0,1.925,1.575,3.5,3.5,3.5h7l14,7l-1.75-7h1.75c1.925,0,3.5-1.575,3.5-3.5V23c0-1.925-1.575-3-3.5-3h-21C21.575,20,20,21.575,20,23.5z"/></svg>';
-  const nigelChatDarkData = '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 48 48"><defs><linearGradient id="nigelChatGradientDark" gradientUnits="userSpaceOnUse" x1="24" y1="47.8389" x2="24" y2="-0.1611"><stop offset="0" stop-color="#008557"/><stop offset="1" stop-color="#00C07E"/></linearGradient></defs><path fill="url(#nigelChatGradientDark)" d="M36.654,11.338c-1.63-1.626-3.685-2.512-5.797-2.766c2.107-0.256,4.157-1.153,5.783-2.776C38.273,4.167,39.175,2.112,39.429,0c0.251,2.115,1.139,4.174,2.774,5.805c1.63,1.626,3.685,2.512,5.797,2.766c-2.108,0.256-4.158,1.153-5.784,2.776c-1.632,1.629-2.534,3.684-2.787,5.796C39.177,15.027,38.289,12.969,36.654,11.338z M18,24v-0.5c0-1.003,0.274-1.941,0.746-2.752c0.473-0.901,1.172-1.589,2.081-2.05c0.198-0.111,0.404-0.208,0.616-0.294c0.005-0.002,0.011-0.004,0.016-0.006C22.09,18.144,22.778,18,23.5,18H28V6.5C28,4.575,26.425,3,24.5,3h-21C1.575,3,0,4.575,0,6.5v14C0,22.425,1.575,24,3.5,24h1.75L3.5,31L18,24z M20,23.5v14c0,1.925,1.575,3.5,3.5,3.5h7l14,7l-1.75-7h1.75c1.925,0,3.5-1.575,3.5-3.5V23c0-1.925-1.575-3-3.5-3h-21C21.575,20,20,21.575,20,23.5z"/></svg>';
+  const nigelChatLightData = `<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 16 16">
+  <defs>
+    <style>
+      .nigel-chat-light-0 {
+        fill: url(#nigel-chat-gradient-light-0);
+      }
+
+      .nigel-chat-light-1 {
+        fill: url(#nigel-chat-gradient-light-1);
+      }
+    </style>
+    <linearGradient id="nigel-chat-gradient-light-1" x1="11.84" y1="6.19" x2="4.84" y2="13.18" gradientTransform="translate(0 18) scale(1 -1)" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#023325"/>
+      <stop offset="1" stop-color="#004f38"/>
+    </linearGradient>
+    <linearGradient id="nigel-chat-gradient-light-0" x1="10.25" y1="-146.82" x2="6.95" y2="-150.11" gradientTransform="translate(0 156)" xlink:href="#nigel-chat-gradient-light-1"/>
+  </defs>
+  <path class="nigel-chat-light-1" d="M14.21,7.52l-.11-.06c-2.36-1.29-4.3-3.23-5.59-5.59l-.06-.11c-.19-.36-.7-.36-.9,0l-.06.11c-1.29,2.36-3.23,4.3-5.59,5.59l-.11.06c-.36.19-.36.7,0,.9l.11.06c2.36,1.29,4.3,3.23,5.59,5.59l.06.11c.19.36.7.36.9,0l.06-.11c1.29-2.36,3.23-4.3,5.59-5.59l.11-.06c.36-.19.36-.7,0-.9ZM12.5,7.88l-.08.04c-1.58.87-2.89,2.17-3.75,3.75l-.04.08c-.13.24-.47.24-.6,0l-.04-.08c-.87-1.58-2.17-2.89-3.75-3.75l-.08-.04c-.24-.13-.24-.47,0-.6l.08-.04c1.58-.87,2.89-2.17,3.75-3.75l.04-.08c.13-.24.47-.24.6,0l.04.08c.87,1.58,2.17,2.89,3.75,3.75l.08.04c.24.13.24.47,0,.6Z"/>
+  <path class="nigel-chat-light-0" d="M11.36,7.6l-.03.02c-1.12.61-2.04,1.53-2.65,2.65l-.02.03c-.1.18-.35.18-.45,0l-.02-.03c-.61-1.12-1.53-2.04-2.65-2.65l-.03-.02c-.18-.1-.18-.35,0-.45l.03-.02c1.12-.61,2.04-1.53,2.65-2.65l.02-.03c.1-.18.35-.18.45,0l.02.03c.61,1.12,1.53,2.04,2.65,2.65l.03.02c.18.1.18.35,0,.45Z"/>
+</svg>`;
+  const nigelChatDarkData = `<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 16 16">
+  <defs>
+    <style>
+      .nigel-chat-dark-0 {
+        fill: url(#nigel-chat-gradient-dark-0);
+      }
+
+      .nigel-chat-dark-1 {
+        fill: url(#nigel-chat-gradient-dark-1);
+      }
+    </style>
+    <linearGradient id="nigel-chat-gradient-dark-1" x1="11.84" y1="6.19" x2="4.84" y2="13.18" gradientTransform="translate(0 18) scale(1 -1)" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#00ad7c"/>
+      <stop offset="1" stop-color="#32eb96"/>
+    </linearGradient>
+    <linearGradient id="nigel-chat-gradient-dark-0" x1="10.25" y1="-658.82" x2="6.95" y2="-662.11" gradientTransform="translate(0 668)" xlink:href="#nigel-chat-gradient-dark-1"/>
+  </defs>
+  <path class="nigel-chat-dark-1" d="M14.21,7.52l-.11-.06c-2.36-1.29-4.3-3.23-5.59-5.59l-.06-.11c-.19-.36-.7-.36-.9,0l-.06.11c-1.29,2.36-3.23,4.3-5.59,5.59l-.11.06c-.36.19-.36.7,0,.9l.11.06c2.36,1.29,4.3,3.23,5.59,5.59l.06.11c.19.36.7.36.9,0l.06-.11c1.29-2.36,3.23-4.3,5.59-5.59l.11-.06c.36-.19.36-.7,0-.9ZM12.5,7.88l-.08.04c-1.58.87-2.89,2.17-3.75,3.75l-.04.08c-.13.24-.47.24-.6,0l-.04-.08c-.87-1.58-2.17-2.89-3.75-3.75l-.08-.04c-.24-.13-.24-.47,0-.6l.08-.04c1.58-.87,2.89-2.17,3.75-3.75l.04-.08c.13-.24.47-.24.6,0l.04.08c.87,1.58,2.17,2.89,3.75,3.75l.08.04c.24.13.24.47,0,.6Z"/>
+  <path class="nigel-chat-dark-0" d="M11.36,7.6l-.03.02c-1.12.61-2.04,1.53-2.65,2.65l-.02.03c-.1.18-.35.18-.45,0l-.02-.03c-.61-1.12-1.53-2.04-2.65-2.65l-.03-.02c-.18-.1-.18-.35,0-.45l.03-.02c1.12-.61,2.04-1.53,2.65-2.65l.02-.03c.1-.18.35-.18.45,0l.02.03c.61,1.12,1.53,2.04,2.65,2.65l.03.02c.18.1.18.35,0,.45Z"/>
+</svg>`;
 
   const template$6 = html `
     <div class="icon light-icon" aria-hidden="true" :innerHTML="${() => nigelChatLightData}"></div>