@ni/ok-components 0.2.9 → 0.2.10

package/dist/all-components-bundle.js

@@ -96797,6 +96797,14 @@ focus outline in that case.
         border-color: transparent;
     }
 
+    .toolbar {
+        display: block;
+    }
+
+    .toolbar.toolbar-empty {
+        display: none;
+    }
+
     .messages {
         flex: 1;
         display: flex;
@@ -96824,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' })}>
@@ -96847,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
@@ -96861,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,