@ni/ok-components 0.2.8 → 0.2.10

package/dist/all-components-bundle.js

@@ -39924,7 +39924,17 @@ so this becomes the fallback color for the slot */ ''}
                   }
               }
           }
-          if (gecko && added.length) {
+          if (added.some(n => n.nodeName == "BR") && (view.input.lastKeyCode == 8 || view.input.lastKeyCode == 46)) {
+              // Browsers 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);
+                  }
+          }
+          else if (gecko && added.length) {
               let brs = added.filter(n => n.nodeName == "BR");
               if (brs.length == 2) {
                   let [a, b] = brs;
@@ -39942,17 +39952,6 @@ 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
@@ -56746,7 +56745,7 @@ ${renderedContent}
       */
       isMarkAhead(parent, index, mark) {
           for (;; index++) {
-              if (index == parent.childCount)
+              if (index >= parent.childCount)
                   return false;
               let next = parent.child(index);
               if (next.type.name != this.options.hardBreakNodeName)
@@ -59608,6 +59607,9 @@ ${renderedContent}
         },
         class: {
           default: this.options.HTMLAttributes.class
+        },
+        title: {
+          default: null
         }
       };
     },
@@ -59647,10 +59649,11 @@ ${renderedContent}
       });
     },
     renderMarkdown: (node, h) => {
-      var _a;
-      const href = ((_a = node.attrs) == null ? void 0 : _a.href) || "";
+      var _a, _b, _c, _d;
+      const href = (_b = (_a = node.attrs) == null ? void 0 : _a.href) != null ? _b : "";
+      const title = (_d = (_c = node.attrs) == null ? void 0 : _c.title) != null ? _d : "";
       const text = h.renderChildren(node);
-      return `[${text}](${href})`;
+      return title ? `[${text}](${href} "${title}")` : `[${text}](${href})`;
     },
     addCommands() {
       return {
@@ -96794,6 +96797,14 @@ focus outline in that case.
         border-color: transparent;
     }
 
+    .toolbar {
+        display: block;
+    }
+
+    .toolbar.toolbar-empty {
+        display: none;
+    }
+
     .messages {
         flex: 1;
         display: flex;
@@ -96821,6 +96832,9 @@ focus outline in that case.
 `;
 
   const template$8 = html `
+<div class="toolbar ${x => (x.toolbarEmpty ? 'toolbar-empty' : '')}">
+    <slot name="toolbar" ${slotted({ property: 'slottedToolbarElements' })}></slot>
+</div>
 <div class="messages"><slot></slot></div>
 <div class="input ${x => (x.inputEmpty ? 'input-empty' : '')}">
     <slot name="input" ${slotted({ property: 'slottedInputElements' })}>
@@ -96844,10 +96858,15 @@ focus outline in that case.
           this.appearance = ChatConversationAppearance.default;
           /** @internal */
           this.inputEmpty = true;
+          /** @internal */
+          this.toolbarEmpty = true;
       }
       slottedInputElementsChanged(_prev, next) {
           this.inputEmpty = next === undefined || next.length === 0;
       }
+      slottedToolbarElementsChanged(_prev, next) {
+          this.toolbarEmpty = next === undefined || next.length === 0;
+      }
   }
   __decorate([
       attr
@@ -96858,6 +96877,12 @@ focus outline in that case.
   __decorate([
       observable
   ], ChatConversation.prototype, "slottedInputElements", void 0);
+  __decorate([
+      observable
+  ], ChatConversation.prototype, "toolbarEmpty", void 0);
+  __decorate([
+      observable
+  ], ChatConversation.prototype, "slottedToolbarElements", void 0);
   const sprightChatConversation = ChatConversation.compose({
       baseName: 'chat-conversation',
       template: template$8,