snice 4.20.1 → 4.22.0

package/dist/cdn/chat/snice-chat.min.js

@@ -1,10 +1,43 @@
 /*!
- * snice v4.20.0
+ * snice v4.21.0
  * Imperative TypeScript framework for building vanilla web components with decorators, differential rendering, routing, and controllers. No virtual DOM, no build complexity.
  * (c) 2024
  * Released under the MIT License.
  */
-void 0===globalThis.Snice&&console.warn("[snice] snice-runtime.min.js must be loaded before snice-chat.min.js");var SniceChat=function(e,t){"use strict";function s(e,t,s,a,i,n){function r(e){if(void 0!==e&&"function"!=typeof e)throw new TypeError("Function expected");return e}for(var o,l=a.kind,c="getter"===l?"get":"setter"===l?"set":"value",d=!t&&e?a.static?e:e.prototype:null,p=t||(d?Object.getOwnPropertyDescriptor(d,a.name):{}),h=!1,m=s.length-1;m>=0;m--){var g={};for(var u in a)g[u]="access"===u?{}:a[u];for(var u in a.access)g.access[u]=a.access[u];g.addInitializer=function(e){if(h)throw new TypeError("Cannot add initializers after decoration has completed");n.push(r(e||null))};var v=(0,s[m])("accessor"===l?{get:p.get,set:p.set}:p[c],g);if("accessor"===l){if(void 0===v)continue;if(null===v||"object"!=typeof v)throw new TypeError("Object expected");(o=r(v.get))&&(p.get=o),(o=r(v.set))&&(p.set=o),(o=r(v.init))&&i.unshift(o)}else(o=r(v))&&("field"===l?i.unshift(o):p[c]=o)}d&&Object.defineProperty(d,a.name,p),h=!0}function a(e,t,s){for(var a=arguments.length>2,i=0;i<t.length;i++)s=a?t[i].call(e,s):t[i].call(e);return a?s:void 0}"function"==typeof SuppressedError&&SuppressedError;let i=(()=>{let e,i,n,r,o,l,c,d,p,h,m,g,u,v,y,b,x,f,w,k,T,M,$,S,z=[t.element("snice-chat")],A=[],I=HTMLElement,E=[],C=[],j=[],F=[],D=[],B=[],H=[],R=[],U=[],V=[],O=[],K=[],L=[],q=[],P=[],Y=[],_=[],N=[],G=[],J=[],Q=[];return class extends I{static{i=this}constructor(){super(...arguments),this.messages=(a(this,E),a(this,C,[])),this.currentUser=(a(this,j),a(this,F,"You")),this.currentAvatar=(a(this,D),a(this,B,"")),this.placeholder=(a(this,H),a(this,R,"Type a message...")),this.allowFiles=(a(this,U),a(this,V,!0)),this.showTyping=(a(this,O),a(this,K,!0)),this.showAvatars=(a(this,L),a(this,q,!0)),this.showTimestamps=(a(this,P),a(this,Y,!0)),this.messagesArea=(a(this,_),a(this,N,void 0)),this.inputField=(a(this,G),a(this,J,void 0)),this.typingIndicators=(a(this,Q),new Map),this.typingTimeout=null,this.fileInput=null,this.handleKeyDown=e=>{e.target===this.inputField&&("Enter"!==e.key||e.shiftKey||(e.preventDefault(),this.sendMessage()))}}static{const W="function"==typeof Symbol&&Symbol.metadata?Object.create(I[Symbol.metadata]??null):void 0;n=[t.property({type:Array,attribute:!1})],r=[t.property({type:String,attribute:"current-user"})],o=[t.property({type:String,attribute:"current-avatar"})],l=[t.property({type:String})],c=[t.property({type:Boolean,attribute:"allow-files"})],d=[t.property({type:Boolean,attribute:"show-typing"})],p=[t.property({type:Boolean,attribute:"show-avatars"})],h=[t.property({type:Boolean,attribute:"show-timestamps"})],m=[t.query(".messages-area")],g=[t.query(".input-field")],u=[t.styles()],v=[t.ready()],y=[t.dispose()],b=[t.watch("messages")],x=[t.dispatch("message-send")],f=[t.dispatch("message-edit")],w=[t.dispatch("message-delete")],k=[t.dispatch("message-react")],T=[t.dispatch("message-thread")],M=[t.dispatch("typing-start")],$=[t.dispatch("typing-stop")],S=[t.render()],s(this,null,u,{kind:"method",name:"styles",static:!1,private:!1,access:{has:e=>"styles"in e,get:e=>e.styles},metadata:W},null,E),s(this,null,v,{kind:"method",name:"init",static:!1,private:!1,access:{has:e=>"init"in e,get:e=>e.init},metadata:W},null,E),s(this,null,y,{kind:"method",name:"cleanup",static:!1,private:!1,access:{has:e=>"cleanup"in e,get:e=>e.cleanup},metadata:W},null,E),s(this,null,b,{kind:"method",name:"messagesChanged",static:!1,private:!1,access:{has:e=>"messagesChanged"in e,get:e=>e.messagesChanged},metadata:W},null,E),s(this,null,x,{kind:"method",name:"emitMessageSend",static:!1,private:!1,access:{has:e=>"emitMessageSend"in e,get:e=>e.emitMessageSend},metadata:W},null,E),s(this,null,f,{kind:"method",name:"emitMessageEdit",static:!1,private:!1,access:{has:e=>"emitMessageEdit"in e,get:e=>e.emitMessageEdit},metadata:W},null,E),s(this,null,w,{kind:"method",name:"emitMessageDelete",static:!1,private:!1,access:{has:e=>"emitMessageDelete"in e,get:e=>e.emitMessageDelete},metadata:W},null,E),s(this,null,k,{kind:"method",name:"emitMessageReact",static:!1,private:!1,access:{has:e=>"emitMessageReact"in e,get:e=>e.emitMessageReact},metadata:W},null,E),s(this,null,T,{kind:"method",name:"emitMessageThread",static:!1,private:!1,access:{has:e=>"emitMessageThread"in e,get:e=>e.emitMessageThread},metadata:W},null,E),s(this,null,M,{kind:"method",name:"emitTypingStart",static:!1,private:!1,access:{has:e=>"emitTypingStart"in e,get:e=>e.emitTypingStart},metadata:W},null,E),s(this,null,$,{kind:"method",name:"emitTypingStop",static:!1,private:!1,access:{has:e=>"emitTypingStop"in e,get:e=>e.emitTypingStop},metadata:W},null,E),s(this,null,S,{kind:"method",name:"render",static:!1,private:!1,access:{has:e=>"render"in e,get:e=>e.render},metadata:W},null,E),s(null,null,n,{kind:"field",name:"messages",static:!1,private:!1,access:{has:e=>"messages"in e,get:e=>e.messages,set:(e,t)=>{e.messages=t}},metadata:W},C,j),s(null,null,r,{kind:"field",name:"currentUser",static:!1,private:!1,access:{has:e=>"currentUser"in e,get:e=>e.currentUser,set:(e,t)=>{e.currentUser=t}},metadata:W},F,D),s(null,null,o,{kind:"field",name:"currentAvatar",static:!1,private:!1,access:{has:e=>"currentAvatar"in e,get:e=>e.currentAvatar,set:(e,t)=>{e.currentAvatar=t}},metadata:W},B,H),s(null,null,l,{kind:"field",name:"placeholder",static:!1,private:!1,access:{has:e=>"placeholder"in e,get:e=>e.placeholder,set:(e,t)=>{e.placeholder=t}},metadata:W},R,U),s(null,null,c,{kind:"field",name:"allowFiles",static:!1,private:!1,access:{has:e=>"allowFiles"in e,get:e=>e.allowFiles,set:(e,t)=>{e.allowFiles=t}},metadata:W},V,O),s(null,null,d,{kind:"field",name:"showTyping",static:!1,private:!1,access:{has:e=>"showTyping"in e,get:e=>e.showTyping,set:(e,t)=>{e.showTyping=t}},metadata:W},K,L),s(null,null,p,{kind:"field",name:"showAvatars",static:!1,private:!1,access:{has:e=>"showAvatars"in e,get:e=>e.showAvatars,set:(e,t)=>{e.showAvatars=t}},metadata:W},q,P),s(null,null,h,{kind:"field",name:"showTimestamps",static:!1,private:!1,access:{has:e=>"showTimestamps"in e,get:e=>e.showTimestamps,set:(e,t)=>{e.showTimestamps=t}},metadata:W},Y,_),s(null,null,m,{kind:"field",name:"messagesArea",static:!1,private:!1,access:{has:e=>"messagesArea"in e,get:e=>e.messagesArea,set:(e,t)=>{e.messagesArea=t}},metadata:W},N,G),s(null,null,g,{kind:"field",name:"inputField",static:!1,private:!1,access:{has:e=>"inputField"in e,get:e=>e.inputField,set:(e,t)=>{e.inputField=t}},metadata:W},J,Q),s(null,e={value:i},z,{kind:"class",name:i.name,metadata:W},null,A),i=e.value,W&&Object.defineProperty(i,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:W}),a(i,A)}styles(){return t.css`${":host{display:flex;flex-direction:column;height:var(--snice-chat-height,600px);font-family:var(--snice-font-family);font-size:15px;line-height:1.5;color:var(--snice-color-text);background:var(--snice-color-background-element);border:1px solid var(--snice-color-border);border-radius:var(--snice-border-radius-md);overflow:hidden;box-shadow:var(--snice-shadow-md)}.chat-container{display:flex;flex-direction:column;height:100%}.messages-area{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px}.messages-area::-webkit-scrollbar{width:8px}.messages-area::-webkit-scrollbar-track{background:0 0}.messages-area::-webkit-scrollbar-thumb{background:var(--snice-color-border);border-radius:4px}.messages-area::-webkit-scrollbar-thumb:hover{background:var(--snice-color-text-secondary)}.message{display:flex;gap:12px;padding:4px 0;position:relative}.message:hover .message-actions{opacity:1}.message-avatar{width:36px;height:36px;border-radius:4px;background:var(--snice-color-background-secondary);display:flex;align-items:center;justify-content:center;color:var(--snice-color-text-secondary);font-weight:600;font-size:14px;flex-shrink:0}.message-avatar img{width:100%;height:100%;border-radius:4px;object-fit:cover}.message-content{flex:1;min-width:0}.message-header{display:flex;align-items:baseline;gap:8px;margin-bottom:2px}.message-author{font-weight:700;color:var(--snice-color-text)}.message-timestamp{font-size:12px;color:var(--snice-color-text-secondary)}.message-edited{font-size:12px;color:var(--snice-color-text-secondary);font-style:italic}.message-text{word-wrap:break-word;white-space:pre-wrap;color:var(--snice-color-text)}.message.system{justify-content:center}.message.system .message-text{text-align:center;color:var(--snice-color-text-secondary);font-size:13px;font-style:italic}.message-attachment{margin-top:8px;border:1px solid var(--snice-color-border);border-radius:4px;overflow:hidden;max-width:400px}.message-attachment img{max-width:100%;display:block}.attachment-file{display:flex;align-items:center;gap:12px;padding:12px;background:var(--snice-color-background-secondary)}.attachment-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--snice-color-background);border-radius:4px;color:var(--snice-color-text-secondary)}.attachment-info{flex:1;min-width:0}.attachment-name{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-size{font-size:12px;color:var(--snice-color-text-secondary)}.message-reactions{display:flex;gap:4px;margin-top:4px;flex-wrap:wrap}.reaction{display:flex;align-items:center;gap:4px;padding:2px 8px;background:var(--snice-color-background-secondary);border:1px solid var(--snice-color-border);border-radius:12px;font-size:13px;cursor:pointer;transition:.2s}.reaction:hover{background:var(--snice-color-background-hover)}.reaction.active{background:var(--snice-color-primary);color:var(--snice-color-text-inverse);border-color:var(--snice-color-primary)}.reaction-emoji{font-size:14px}.reaction-count{font-size:12px;font-weight:500}.message-actions{position:absolute;top:-12px;right:16px;background:var(--snice-color-background-element);border:1px solid var(--snice-color-border);border-radius:4px;box-shadow:var(--snice-shadow-md);display:flex;gap:2px;opacity:0;transition:opacity .2s;padding:2px}.action-button{width:28px;height:28px;border:none;background:0 0;cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center;color:var(--snice-color-text-secondary);transition:background .2s}.action-button:hover{background:var(--snice-color-background-hover)}.action-button svg{width:16px;height:16px}.typing-indicators{padding:0 16px 8px;min-height:24px}.typing-indicator{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--snice-color-text-secondary);font-style:italic}.typing-dots{display:flex;gap:3px}.typing-dot{width:6px;height:6px;background:var(--snice-color-text-secondary);border-radius:50%;animation:1.4s ease-in-out infinite typing-bounce}.typing-dot:first-child{animation-delay:0s}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typing-bounce{0%,100%,60%{transform:translateY(0)}30%{transform:translateY(-4px)}}.input-area{border-top:1px solid var(--snice-color-border);padding:16px;background:var(--snice-color-background-element)}.input-container{display:flex;align-items:flex-end;gap:8px;background:var(--snice-color-background-input);border:1px solid var(--snice-color-border);border-radius:4px;padding:8px;transition:border-color .2s}.input-container:focus-within{border-color:var(--snice-color-primary)}.input-field{flex:1;border:none;outline:0;resize:none;font-family:inherit;font-size:15px;line-height:1.5;min-height:22px;max-height:150px;overflow-y:auto;background:0 0;color:var(--snice-color-text)}.input-field::placeholder{color:var(--snice-color-text-secondary)}.input-field::-webkit-scrollbar{width:4px}.input-field::-webkit-scrollbar-thumb{background:var(--snice-color-border);border-radius:2px}.input-buttons{display:flex;gap:4px}.input-button{width:32px;height:32px;border:none;background:0 0;cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center;color:var(--snice-color-text-secondary);transition:background .2s}.input-button:hover{background:var(--snice-color-background-hover)}.input-button:disabled{opacity:.5;cursor:not-allowed}.input-button.send{color:var(--snice-color-text-inverse);background:var(--snice-color-primary)}.input-button.send:hover:not(:disabled){background:var(--snice-color-primary-dark)}.input-button svg{width:18px;height:18px}input[type=file]{display:none}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--snice-color-text-secondary);text-align:center;padding:20px}.empty-state-icon{width:64px;height:64px;margin-bottom:16px;opacity:.3}"}`}init(){this.addEventListener("keydown",this.handleKeyDown)}cleanup(){this.removeEventListener("keydown",this.handleKeyDown),this.typingTimeout&&clearTimeout(this.typingTimeout)}messagesChanged(){setTimeout(()=>this.scrollToBottom(),0)}emitMessageSend(e,t){return new CustomEvent("message-send",{detail:{message:e,attachments:t},bubbles:!0,composed:!0})}emitMessageEdit(e,t){return new CustomEvent("message-edit",{detail:{messageId:e,newContent:t},bubbles:!0,composed:!0})}emitMessageDelete(e){return new CustomEvent("message-delete",{detail:{messageId:e},bubbles:!0,composed:!0})}emitMessageReact(e,t){return new CustomEvent("message-react",{detail:{messageId:e,emoji:t},bubbles:!0,composed:!0})}emitMessageThread(e){return new CustomEvent("message-thread",{detail:{messageId:e},bubbles:!0,composed:!0})}emitTypingStart(){return new CustomEvent("typing-start",{bubbles:!0,composed:!0})}emitTypingStop(){return new CustomEvent("typing-stop",{bubbles:!0,composed:!0})}addMessage(e){const t={...e,id:`msg_${Date.now()}_${Math.random().toString(36).substring(2,9)}`};this.messages=[...this.messages,t]}updateMessage(e,t){this.messages=this.messages.map(s=>s.id===e?{...s,...t}:s)}deleteMessage(e){this.messages=this.messages.filter(t=>t.id!==e)}addTypingIndicator(e){this.typingIndicators.set(e,{user:e,timestamp:new Date})}removeTypingIndicator(e){this.typingIndicators.delete(e)}clear(){this.messages=[]}scrollToBottom(){this.messagesArea&&(this.messagesArea.scrollTop=this.messagesArea.scrollHeight)}scrollToMessage(e){const t=this.shadowRoot?.querySelector(`[data-message-id="${e}"]`);t&&t.scrollIntoView({behavior:"smooth",block:"center"})}handleInput(){this.typingTimeout||this.emitTypingStart(),this.typingTimeout&&clearTimeout(this.typingTimeout),this.typingTimeout=window.setTimeout(()=>{this.emitTypingStop(),this.typingTimeout=null},1e3)}sendMessage(){const e=this.inputField.value.trim();e&&(this.emitMessageSend(e),this.inputField.value="",this.adjustTextareaHeight(),this.typingTimeout&&(clearTimeout(this.typingTimeout),this.typingTimeout=null),this.emitTypingStop())}handleFileClick(){this.fileInput||(this.fileInput=document.createElement("input"),this.fileInput.type="file",this.fileInput.multiple=!0,this.fileInput.addEventListener("change",()=>this.handleFileSelect())),this.fileInput.click()}handleFileSelect(){if(!this.fileInput?.files||0===this.fileInput.files.length)return;const e=Array.from(this.fileInput.files);this.emitMessageSend("",e),this.fileInput.value=""}adjustTextareaHeight(){this.inputField&&(this.inputField.style.height="auto",this.inputField.style.height=`${Math.min(this.inputField.scrollHeight,150)}px`)}handleReaction(e,t){this.emitMessageReact(e,t)}handleEdit(e){const t=this.messages.find(t=>t.id===e);if(!t)return;const s=prompt("Edit message:",t.content);s&&s!==t.content&&this.emitMessageEdit(e,s)}handleDelete(e){confirm("Delete this message?")&&this.emitMessageDelete(e)}handleThread(e){this.emitMessageThread(e)}render(){return t.html`
+void 0===globalThis.Snice&&console.warn("[snice] snice-runtime.min.js must be loaded before snice-chat.min.js");var SniceChat=function(e,t){"use strict";function s(e,t,s,i,a,n){function r(e){if(void 0!==e&&"function"!=typeof e)throw new TypeError("Function expected");return e}for(var o,c=i.kind,l="getter"===c?"get":"setter"===c?"set":"value",d=!t&&e?i.static?e:e.prototype:null,p=t||(d?Object.getOwnPropertyDescriptor(d,i.name):{}),m=!1,h=s.length-1;h>=0;h--){var g={};for(var u in i)g[u]="access"===u?{}:i[u];for(var u in i.access)g.access[u]=i.access[u];g.addInitializer=function(e){if(m)throw new TypeError("Cannot add initializers after decoration has completed");n.push(r(e||null))};var v=(0,s[h])("accessor"===c?{get:p.get,set:p.set}:p[l],g);if("accessor"===c){if(void 0===v)continue;if(null===v||"object"!=typeof v)throw new TypeError("Object expected");(o=r(v.get))&&(p.get=o),(o=r(v.set))&&(p.set=o),(o=r(v.init))&&a.unshift(o)}else(o=r(v))&&("field"===c?a.unshift(o):p[l]=o)}d&&Object.defineProperty(d,i.name,p),m=!0}function i(e,t,s){for(var i=arguments.length>2,a=0;a<t.length;a++)s=i?t[a].call(e,s):t[a].call(e);return i?s:void 0}"function"==typeof SuppressedError&&SuppressedError;(()=>{let e,a,n,r,o,c,l,d,p,m,h,g=[t.element("snice-empty-state")],u=[],v=HTMLElement,y=[],f=[],b=[],x=[],w=[],k=[],z=[],$=[],T=[],_=[],M=[],S=[],A=[];(class extends v{static{a=this}static{const j="function"==typeof Symbol&&Symbol.metadata?Object.create(v[Symbol.metadata]??null):void 0;n=[t.property({})],r=[t.property({})],o=[t.property({})],c=[t.property({})],l=[t.property({attribute:"action-text"})],d=[t.property({attribute:"action-href"})],p=[t.render()],m=[t.styles()],h=[t.dispatch("empty-state-action",{bubbles:!0,composed:!0})],s(this,null,p,{kind:"method",name:"render",static:!1,private:!1,access:{has:e=>"render"in e,get:e=>e.render},metadata:j},null,y),s(this,null,m,{kind:"method",name:"styles",static:!1,private:!1,access:{has:e=>"styles"in e,get:e=>e.styles},metadata:j},null,y),s(this,null,h,{kind:"method",name:"dispatchActionEvent",static:!1,private:!1,access:{has:e=>"dispatchActionEvent"in e,get:e=>e.dispatchActionEvent},metadata:j},null,y),s(null,null,n,{kind:"field",name:"size",static:!1,private:!1,access:{has:e=>"size"in e,get:e=>e.size,set:(e,t)=>{e.size=t}},metadata:j},f,b),s(null,null,r,{kind:"field",name:"icon",static:!1,private:!1,access:{has:e=>"icon"in e,get:e=>e.icon,set:(e,t)=>{e.icon=t}},metadata:j},x,w),s(null,null,o,{kind:"field",name:"title",static:!1,private:!1,access:{has:e=>"title"in e,get:e=>e.title,set:(e,t)=>{e.title=t}},metadata:j},k,z),s(null,null,c,{kind:"field",name:"description",static:!1,private:!1,access:{has:e=>"description"in e,get:e=>e.description,set:(e,t)=>{e.description=t}},metadata:j},$,T),s(null,null,l,{kind:"field",name:"actionText",static:!1,private:!1,access:{has:e=>"actionText"in e,get:e=>e.actionText,set:(e,t)=>{e.actionText=t}},metadata:j},_,M),s(null,null,d,{kind:"field",name:"actionHref",static:!1,private:!1,access:{has:e=>"actionHref"in e,get:e=>e.actionHref,set:(e,t)=>{e.actionHref=t}},metadata:j},S,A),s(null,e={value:a},g,{kind:"class",name:a.name,metadata:j},null,u),a=e.value,j&&Object.defineProperty(a,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:j}),i(a,u)}render(){const e=["empty-state",`empty-state--${this.size}`].filter(Boolean).join(" ");return t.html`
+      <div class="${e}" part="container">
+        <div class="empty-state__icon-wrapper" part="icon">
+          <slot name="icon">
+            ${function(e,s="icon"){if(!e)return t.html``;if(e.startsWith("img://")){const i=e.slice(6);return t.html`<img class="${s}" src="${i}" alt="" part="icon" />`}if(e.startsWith("text://")){const i=e.slice(7);return t.html`<span class="${s}" part="icon">${i}</span>`}return/^(https?:\/\/|\/|\.\/|\.\.\/|data:)/.test(e)||/^[^:]*\w\.(svg|png|jpe?g|jfif|pjp|gif|webp|avif|jxl|ico|cur|bmp|tiff?|heic|heif|apng)$/i.test(e)?t.html`<img class="${s}" src="${e}" alt="" part="icon" />`:t.html`<span class="${s}" part="icon">${e}</span>`}(this.icon,"empty-state__icon")}
+          </slot>
+        </div>
+        <h3 class="empty-state__title" part="title">${this.title}</h3>
+        <if ${this.description}>
+          <p class="empty-state__description" part="description">${this.description}</p>
+        </if>
+        <if ${this.actionText}>
+          <case ${this.actionHref?"link":"button"}>
+            <when value="link">
+              <a
+                href="${this.actionHref}"
+                class="empty-state__action"
+                part="action"
+                @click=${this.handleActionClick}
+              >${this.actionText}</a>
+            </when>
+            <when value="button">
+              <button
+                class="empty-state__action"
+                part="action"
+                type="button"
+                @click=${this.handleActionClick}
+              >${this.actionText}</button>
+            </when>
+          </case>
+        </if>
+        <slot></slot>
+      </div>
+    `}styles(){return t.css`${":host{display:block;font-family:var(--snice-font-family, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif);contain:layout style paint}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--snice-spacing-2xl,3rem) var(--snice-spacing-xl,2rem);color:var(--snice-color-text-secondary,rgb(82 82 82))}.empty-state--small{padding:var(--snice-spacing-xl,2rem) var(--snice-spacing-lg,1.5rem)}.empty-state--medium{padding:var(--snice-spacing-2xl,3rem) var(--snice-spacing-xl,2rem)}.empty-state--large{padding:var(--snice-spacing-3xl,4rem) var(--snice-spacing-2xl,2.5rem)}.empty-state__icon-wrapper{display:flex;align-items:center;justify-content:center;margin-bottom:var(--snice-spacing-lg,1.5rem)}.empty-state__icon{font-size:var(--snice-font-size-4xl, 4rem);opacity:.5;line-height:1}.empty-state__icon-wrapper ::slotted(*){display:flex;align-items:center;justify-content:center;font-size:var(--snice-font-size-4xl, 4rem);opacity:.5;line-height:1}.empty-state__icon-wrapper ::slotted(svg){width:var(--snice-font-size-4xl,4rem);height:var(--snice-font-size-4xl,4rem)}.empty-state__icon-wrapper ::slotted(img){width:var(--snice-font-size-4xl,4rem);height:var(--snice-font-size-4xl,4rem);object-fit:contain}.empty-state--small .empty-state__icon-wrapper{margin-bottom:var(--snice-spacing-md,1rem)}.empty-state--small .empty-state__icon{font-size:var(--snice-font-size-3xl, 3rem)}.empty-state--small .empty-state__icon-wrapper ::slotted(*){font-size:var(--snice-font-size-3xl, 3rem)}.empty-state--small .empty-state__icon-wrapper ::slotted(img),.empty-state--small .empty-state__icon-wrapper ::slotted(svg){width:var(--snice-font-size-3xl,3rem);height:var(--snice-font-size-3xl,3rem)}.empty-state--large .empty-state__icon-wrapper{margin-bottom:var(--snice-spacing-xl,2rem)}.empty-state--large .empty-state__icon{font-size:var(--snice-font-size-5xl, 5rem)}.empty-state--large .empty-state__icon-wrapper ::slotted(*){font-size:var(--snice-font-size-5xl, 5rem)}.empty-state--large .empty-state__icon-wrapper ::slotted(img),.empty-state--large .empty-state__icon-wrapper ::slotted(svg){width:var(--snice-font-size-5xl,5rem);height:var(--snice-font-size-5xl,5rem)}.empty-state__title{font-size:var(--snice-font-size-xl, 1.25rem);font-weight:var(--snice-font-weight-semibold,600);color:var(--snice-color-text,rgb(23 23 23));margin:0 0 var(--snice-spacing-xs,.5rem) 0}.empty-state--small .empty-state__title{font-size:var(--snice-font-size-lg, 1.125rem);margin-bottom:var(--snice-spacing-2xs,.375rem)}.empty-state--large .empty-state__title{font-size:var(--snice-font-size-2xl, 1.5rem);margin-bottom:var(--snice-spacing-sm,.75rem)}.empty-state__description{font-size:var(--snice-font-size-sm, .875rem);color:var(--snice-color-text-secondary,rgb(82 82 82));margin:0 0 var(--snice-spacing-lg,1.5rem) 0;max-width:32rem;line-height:var(--snice-line-height-normal, 1.5)}.empty-state--small .empty-state__description{font-size:var(--snice-font-size-xs, .8125rem);margin-bottom:var(--snice-spacing-md,1rem)}.empty-state--large .empty-state__description{font-size:var(--snice-font-size-md, 1rem);margin-bottom:var(--snice-spacing-xl,2rem)}.empty-state__action{display:inline-flex;align-items:center;justify-content:center;padding:var(--snice-spacing-xs,.5rem) var(--snice-spacing-md,1rem);font-size:var(--snice-font-size-sm, .875rem);font-weight:var(--snice-font-weight-medium,500);color:var(--snice-color-text-inverse,rgb(250 250 250));background:var(--snice-color-primary,rgb(37 99 235));border:none;border-radius:var(--snice-border-radius-md,.375rem);text-decoration:none;cursor:pointer;transition:background var(--snice-transition-fast, 150ms)}.empty-state__action:hover{background:var(--snice-color-primary-dark,rgb(29 78 216))}.empty-state--small .empty-state__action{padding:var(--snice-spacing-2xs,.375rem) var(--snice-spacing-sm,.75rem);font-size:var(--snice-font-size-xs, .8125rem)}.empty-state--large .empty-state__action{padding:var(--snice-spacing-sm,.625rem) var(--snice-spacing-lg,1.25rem);font-size:var(--snice-font-size-md, 1rem)}::slotted(*){margin-top:var(--snice-spacing-md,1rem)}"}`}handleActionClick(e){this.actionHref||e.preventDefault(),this.dispatchActionEvent()}dispatchActionEvent(){return{emptyState:this}}constructor(){super(...arguments),this.size=(i(this,y),i(this,f,"medium")),this.icon=(i(this,b),i(this,x,"📭")),this.title=(i(this,w),i(this,k,"No data")),this.description=(i(this,z),i(this,$,"")),this.actionText=(i(this,T),i(this,_,"")),this.actionHref=(i(this,M),i(this,S,"")),i(this,A)}})})();let a=(()=>{let e,a,n,r,o,c,l,d,p,m,h,g,u,v,y,f,b,x,w,k,z,$,T,_,M=[t.element("snice-chat")],S=[],A=HTMLElement,j=[],E=[],I=[],C=[],F=[],H=[],D=[],B=[],R=[],U=[],O=[],L=[],V=[],K=[],P=[],q=[],Y=[],N=[],W=[],G=[],J=[];return class extends A{static{a=this}constructor(){super(...arguments),this.messages=(i(this,j),i(this,E,[])),this.currentUser=(i(this,I),i(this,C,"You")),this.currentAvatar=(i(this,F),i(this,H,"")),this.placeholder=(i(this,D),i(this,B,"Type a message...")),this.allowFiles=(i(this,R),i(this,U,!0)),this.showTyping=(i(this,O),i(this,L,!0)),this.showAvatars=(i(this,V),i(this,K,!0)),this.showTimestamps=(i(this,P),i(this,q,!0)),this.messagesArea=(i(this,Y),i(this,N,void 0)),this.inputField=(i(this,W),i(this,G,void 0)),this.typingIndicators=(i(this,J),new Map),this.typingTimeout=null,this.fileInput=null,this.handleKeyDown=e=>{e.target===this.inputField&&("Enter"!==e.key||e.shiftKey||(e.preventDefault(),this.sendMessage()))}}static{const Q="function"==typeof Symbol&&Symbol.metadata?Object.create(A[Symbol.metadata]??null):void 0;n=[t.property({type:Array,attribute:!1})],r=[t.property({type:String,attribute:"current-user"})],o=[t.property({type:String,attribute:"current-avatar"})],c=[t.property({type:String})],l=[t.property({type:Boolean,attribute:"allow-files"})],d=[t.property({type:Boolean,attribute:"show-typing"})],p=[t.property({type:Boolean,attribute:"show-avatars"})],m=[t.property({type:Boolean,attribute:"show-timestamps"})],h=[t.query(".messages-area")],g=[t.query(".input-field")],u=[t.styles()],v=[t.ready()],y=[t.dispose()],f=[t.watch("messages")],b=[t.dispatch("message-send")],x=[t.dispatch("message-edit")],w=[t.dispatch("message-delete")],k=[t.dispatch("message-react")],z=[t.dispatch("message-thread")],$=[t.dispatch("typing-start")],T=[t.dispatch("typing-stop")],_=[t.render()],s(this,null,u,{kind:"method",name:"styles",static:!1,private:!1,access:{has:e=>"styles"in e,get:e=>e.styles},metadata:Q},null,j),s(this,null,v,{kind:"method",name:"init",static:!1,private:!1,access:{has:e=>"init"in e,get:e=>e.init},metadata:Q},null,j),s(this,null,y,{kind:"method",name:"cleanup",static:!1,private:!1,access:{has:e=>"cleanup"in e,get:e=>e.cleanup},metadata:Q},null,j),s(this,null,f,{kind:"method",name:"messagesChanged",static:!1,private:!1,access:{has:e=>"messagesChanged"in e,get:e=>e.messagesChanged},metadata:Q},null,j),s(this,null,b,{kind:"method",name:"emitMessageSend",static:!1,private:!1,access:{has:e=>"emitMessageSend"in e,get:e=>e.emitMessageSend},metadata:Q},null,j),s(this,null,x,{kind:"method",name:"emitMessageEdit",static:!1,private:!1,access:{has:e=>"emitMessageEdit"in e,get:e=>e.emitMessageEdit},metadata:Q},null,j),s(this,null,w,{kind:"method",name:"emitMessageDelete",static:!1,private:!1,access:{has:e=>"emitMessageDelete"in e,get:e=>e.emitMessageDelete},metadata:Q},null,j),s(this,null,k,{kind:"method",name:"emitMessageReact",static:!1,private:!1,access:{has:e=>"emitMessageReact"in e,get:e=>e.emitMessageReact},metadata:Q},null,j),s(this,null,z,{kind:"method",name:"emitMessageThread",static:!1,private:!1,access:{has:e=>"emitMessageThread"in e,get:e=>e.emitMessageThread},metadata:Q},null,j),s(this,null,$,{kind:"method",name:"emitTypingStart",static:!1,private:!1,access:{has:e=>"emitTypingStart"in e,get:e=>e.emitTypingStart},metadata:Q},null,j),s(this,null,T,{kind:"method",name:"emitTypingStop",static:!1,private:!1,access:{has:e=>"emitTypingStop"in e,get:e=>e.emitTypingStop},metadata:Q},null,j),s(this,null,_,{kind:"method",name:"render",static:!1,private:!1,access:{has:e=>"render"in e,get:e=>e.render},metadata:Q},null,j),s(null,null,n,{kind:"field",name:"messages",static:!1,private:!1,access:{has:e=>"messages"in e,get:e=>e.messages,set:(e,t)=>{e.messages=t}},metadata:Q},E,I),s(null,null,r,{kind:"field",name:"currentUser",static:!1,private:!1,access:{has:e=>"currentUser"in e,get:e=>e.currentUser,set:(e,t)=>{e.currentUser=t}},metadata:Q},C,F),s(null,null,o,{kind:"field",name:"currentAvatar",static:!1,private:!1,access:{has:e=>"currentAvatar"in e,get:e=>e.currentAvatar,set:(e,t)=>{e.currentAvatar=t}},metadata:Q},H,D),s(null,null,c,{kind:"field",name:"placeholder",static:!1,private:!1,access:{has:e=>"placeholder"in e,get:e=>e.placeholder,set:(e,t)=>{e.placeholder=t}},metadata:Q},B,R),s(null,null,l,{kind:"field",name:"allowFiles",static:!1,private:!1,access:{has:e=>"allowFiles"in e,get:e=>e.allowFiles,set:(e,t)=>{e.allowFiles=t}},metadata:Q},U,O),s(null,null,d,{kind:"field",name:"showTyping",static:!1,private:!1,access:{has:e=>"showTyping"in e,get:e=>e.showTyping,set:(e,t)=>{e.showTyping=t}},metadata:Q},L,V),s(null,null,p,{kind:"field",name:"showAvatars",static:!1,private:!1,access:{has:e=>"showAvatars"in e,get:e=>e.showAvatars,set:(e,t)=>{e.showAvatars=t}},metadata:Q},K,P),s(null,null,m,{kind:"field",name:"showTimestamps",static:!1,private:!1,access:{has:e=>"showTimestamps"in e,get:e=>e.showTimestamps,set:(e,t)=>{e.showTimestamps=t}},metadata:Q},q,Y),s(null,null,h,{kind:"field",name:"messagesArea",static:!1,private:!1,access:{has:e=>"messagesArea"in e,get:e=>e.messagesArea,set:(e,t)=>{e.messagesArea=t}},metadata:Q},N,W),s(null,null,g,{kind:"field",name:"inputField",static:!1,private:!1,access:{has:e=>"inputField"in e,get:e=>e.inputField,set:(e,t)=>{e.inputField=t}},metadata:Q},G,J),s(null,e={value:a},M,{kind:"class",name:a.name,metadata:Q},null,S),a=e.value,Q&&Object.defineProperty(a,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:Q}),i(a,S)}styles(){return t.css`${":host{display:flex;flex-direction:column;height:var(--snice-chat-height,600px);font-family:var(--snice-font-family);font-size:15px;line-height:1.5;color:var(--snice-color-text);background:var(--snice-color-background-element);border:1px solid var(--snice-color-border);border-radius:var(--snice-border-radius-md);overflow:hidden;box-shadow:var(--snice-shadow-md)}.chat-container{display:flex;flex-direction:column;height:100%}.messages-area{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px}.messages-area::-webkit-scrollbar{width:8px}.messages-area::-webkit-scrollbar-track{background:0 0}.messages-area::-webkit-scrollbar-thumb{background:var(--snice-color-border);border-radius:4px}.messages-area::-webkit-scrollbar-thumb:hover{background:var(--snice-color-text-secondary)}.message{display:flex;gap:12px;padding:4px 0;position:relative}.message:hover .message-actions{opacity:1}.message-avatar{width:36px;height:36px;border-radius:4px;background:var(--snice-color-background-secondary);display:flex;align-items:center;justify-content:center;color:var(--snice-color-text-secondary);font-weight:600;font-size:14px;flex-shrink:0}.message-avatar img{width:100%;height:100%;border-radius:4px;object-fit:cover}.message-content{flex:1;min-width:0}.message-header{display:flex;align-items:baseline;gap:8px;margin-bottom:2px}.message-author{font-weight:700;color:var(--snice-color-text)}.message-timestamp{font-size:12px;color:var(--snice-color-text-secondary)}.message-edited{font-size:12px;color:var(--snice-color-text-secondary);font-style:italic}.message-text{word-wrap:break-word;white-space:pre-wrap;color:var(--snice-color-text)}.message.system{justify-content:center}.message.system .message-text{text-align:center;color:var(--snice-color-text-secondary);font-size:13px;font-style:italic}.message-attachment{margin-top:8px;border:1px solid var(--snice-color-border);border-radius:4px;overflow:hidden;max-width:400px}.message-attachment img{max-width:100%;display:block}.attachment-file{display:flex;align-items:center;gap:12px;padding:12px;background:var(--snice-color-background-secondary)}.attachment-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--snice-color-background);border-radius:4px;color:var(--snice-color-text-secondary)}.attachment-info{flex:1;min-width:0}.attachment-name{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-size{font-size:12px;color:var(--snice-color-text-secondary)}.message-reactions{display:flex;gap:4px;margin-top:4px;flex-wrap:wrap}.reaction{display:flex;align-items:center;gap:4px;padding:2px 8px;background:var(--snice-color-background-secondary);border:1px solid var(--snice-color-border);border-radius:12px;font-size:13px;cursor:pointer;transition:.2s}.reaction:hover{background:var(--snice-color-background-hover)}.reaction.active{background:var(--snice-color-primary);color:var(--snice-color-text-inverse);border-color:var(--snice-color-primary)}.reaction-emoji{font-size:14px}.reaction-count{font-size:12px;font-weight:500}.message-actions{position:absolute;top:-12px;right:16px;background:var(--snice-color-background-element);border:1px solid var(--snice-color-border);border-radius:4px;box-shadow:var(--snice-shadow-md);display:flex;gap:2px;opacity:0;transition:opacity .2s;padding:2px}.action-button{width:28px;height:28px;border:none;background:0 0;cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center;color:var(--snice-color-text-secondary);transition:background .2s}.action-button:hover{background:var(--snice-color-background-hover)}.action-button svg{width:16px;height:16px}.typing-indicators{padding:0 16px 8px;min-height:24px}.typing-indicator{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--snice-color-text-secondary);font-style:italic}.typing-dots{display:flex;gap:3px}.typing-dot{width:6px;height:6px;background:var(--snice-color-text-secondary);border-radius:50%;animation:1.4s ease-in-out infinite typing-bounce}.typing-dot:first-child{animation-delay:0s}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typing-bounce{0%,100%,60%{transform:translateY(0)}30%{transform:translateY(-4px)}}.input-area{border-top:1px solid var(--snice-color-border);padding:16px;background:var(--snice-color-background-element)}.input-container{display:flex;align-items:flex-end;gap:8px;background:var(--snice-color-background-input);border:1px solid var(--snice-color-border);border-radius:4px;padding:8px;transition:border-color .2s}.input-container:focus-within{border-color:var(--snice-color-primary)}.input-field{flex:1;border:none;outline:0;resize:none;font-family:inherit;font-size:15px;line-height:1.5;min-height:22px;max-height:150px;overflow-y:auto;background:0 0;color:var(--snice-color-text)}.input-field::placeholder{color:var(--snice-color-text-secondary)}.input-field::-webkit-scrollbar{width:4px}.input-field::-webkit-scrollbar-thumb{background:var(--snice-color-border);border-radius:2px}.input-buttons{display:flex;gap:4px}.input-button{width:32px;height:32px;border:none;background:0 0;cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center;color:var(--snice-color-text-secondary);transition:background .2s}.input-button:hover{background:var(--snice-color-background-hover)}.input-button:disabled{opacity:.5;cursor:not-allowed}.input-button.send{color:var(--snice-color-text-inverse);background:var(--snice-color-primary)}.input-button.send:hover:not(:disabled){background:var(--snice-color-primary-dark)}.input-button svg{width:18px;height:18px}input[type=file]{display:none}"}`}init(){this.addEventListener("keydown",this.handleKeyDown)}cleanup(){this.removeEventListener("keydown",this.handleKeyDown),this.typingTimeout&&clearTimeout(this.typingTimeout)}messagesChanged(){setTimeout(()=>this.scrollToBottom(),0)}emitMessageSend(e,t){return new CustomEvent("message-send",{detail:{message:e,attachments:t},bubbles:!0,composed:!0})}emitMessageEdit(e,t){return new CustomEvent("message-edit",{detail:{messageId:e,newContent:t},bubbles:!0,composed:!0})}emitMessageDelete(e){return new CustomEvent("message-delete",{detail:{messageId:e},bubbles:!0,composed:!0})}emitMessageReact(e,t){return new CustomEvent("message-react",{detail:{messageId:e,emoji:t},bubbles:!0,composed:!0})}emitMessageThread(e){return new CustomEvent("message-thread",{detail:{messageId:e},bubbles:!0,composed:!0})}emitTypingStart(){return new CustomEvent("typing-start",{bubbles:!0,composed:!0})}emitTypingStop(){return new CustomEvent("typing-stop",{bubbles:!0,composed:!0})}addMessage(e){const t={...e,id:`msg_${Date.now()}_${Math.random().toString(36).substring(2,9)}`};this.messages=[...this.messages,t]}updateMessage(e,t){this.messages=this.messages.map(s=>s.id===e?{...s,...t}:s)}deleteMessage(e){this.messages=this.messages.filter(t=>t.id!==e)}addTypingIndicator(e){this.typingIndicators.set(e,{user:e,timestamp:new Date})}removeTypingIndicator(e){this.typingIndicators.delete(e)}clear(){this.messages=[]}scrollToBottom(){this.messagesArea&&(this.messagesArea.scrollTop=this.messagesArea.scrollHeight)}scrollToMessage(e){const t=this.shadowRoot?.querySelector(`[data-message-id="${e}"]`);t&&t.scrollIntoView({behavior:"smooth",block:"center"})}handleInput(){this.typingTimeout||this.emitTypingStart(),this.typingTimeout&&clearTimeout(this.typingTimeout),this.typingTimeout=window.setTimeout(()=>{this.emitTypingStop(),this.typingTimeout=null},1e3)}sendMessage(){const e=this.inputField.value.trim();e&&(this.emitMessageSend(e),this.inputField.value="",this.adjustTextareaHeight(),this.typingTimeout&&(clearTimeout(this.typingTimeout),this.typingTimeout=null),this.emitTypingStop())}handleFileClick(){this.fileInput||(this.fileInput=document.createElement("input"),this.fileInput.type="file",this.fileInput.multiple=!0,this.fileInput.addEventListener("change",()=>this.handleFileSelect())),this.fileInput.click()}handleFileSelect(){if(!this.fileInput?.files||0===this.fileInput.files.length)return;const e=Array.from(this.fileInput.files);this.emitMessageSend("",e),this.fileInput.value=""}adjustTextareaHeight(){this.inputField&&(this.inputField.style.height="auto",this.inputField.style.height=`${Math.min(this.inputField.scrollHeight,150)}px`)}handleReaction(e,t){this.emitMessageReact(e,t)}handleEdit(e){const t=this.messages.find(t=>t.id===e);if(!t)return;const s=prompt("Edit message:",t.content);s&&s!==t.content&&this.emitMessageEdit(e,s)}handleDelete(e){confirm("Delete this message?")&&this.emitMessageDelete(e)}handleThread(e){this.emitMessageThread(e)}render(){return t.html`
       <div part="base" class="chat-container">
         <div part="messages" class="messages-area">
           ${0===this.messages.length?this.renderEmptyState():this.messages.map(e=>this.renderMessage(e))}
@@ -13,16 +46,15 @@ void 0===globalThis.Snice&&console.warn("[snice] snice-runtime.min.js must be lo
         ${this.renderInputArea()}
       </div>
     `}renderEmptyState(){return t.html`
-      <div class="empty-state">
-        <svg class="empty-state-icon" viewBox="0 0 24 24" fill="currentColor">
-          <path
-            d="M20 2H4c-1.1 0-2 .9-2 2v18l4-4h14c1.1 0 2-.9 2-2V4c0-1.1-.9-2-2-2zm0 14H6l-2 2V4h16v12z"
-          />
-        </svg>
-        <div>No messages yet</div>
-        <div style="font-size: 13px; margin-top: 4px;">Start the conversation!</div>
+      <div style="padding: 2rem;">
+        <snice-empty-state 
+          icon="💬" 
+          title="No messages yet" 
+          description="Start the conversation!"
+          size="medium">
+        </snice-empty-state>
       </div>
-    `}renderMessage(e){const s="system"===e.type,a=e.author===this.currentUser;return s?t.html`
+    `}renderMessage(e){const s="system"===e.type,i=e.author===this.currentUser;return s?t.html`
         <div class="message system" data-message-id="${e.id}">
           <div class="message-content">
             <div class="message-text">${e.content}</div>
@@ -32,7 +64,7 @@ void 0===globalThis.Snice&&console.warn("[snice] snice-runtime.min.js must be lo
       <div class="message" data-message-id="${e.id}">
         ${this.showAvatars?t.html`
               <div class="message-avatar">
-                ${e.avatar?t.html`<img src="${e.avatar}" alt="${e.author}" />`:(i=e.author,i.split(" ").map(e=>e[0]).join("").toUpperCase().substring(0,2))}
+                ${e.avatar?t.html`<img src="${e.avatar}" alt="${e.author}" />`:(a=e.author,a.split(" ").map(e=>e[0]).join("").toUpperCase().substring(0,2))}
               </div>
             `:""}
         <div class="message-content">
@@ -43,9 +75,9 @@ void 0===globalThis.Snice&&console.warn("[snice] snice-runtime.min.js must be lo
           </div>
           ${e.content?t.html`<div class="message-text">${e.content}</div>`:""}
           ${e.attachment?this.renderAttachment(e.attachment):""}
-          ${e.reactions&&e.reactions.length>0?this.renderReactions(e.id,e.reactions,a):""}
+          ${e.reactions&&e.reactions.length>0?this.renderReactions(e.id,e.reactions,i):""}
         </div>
-        ${a?t.html`
+        ${i?t.html`
               <div class="message-actions">
                 <button
                   class="action-button"
@@ -83,7 +115,7 @@ void 0===globalThis.Snice&&console.warn("[snice] snice-runtime.min.js must be lo
               </div>
             `:""}
       </div>
-    `;var i}renderAttachment(e){return e?"image"===e.type?t.html`
+    `;var a}renderAttachment(e){return e?"image"===e.type?t.html`
         <div class="message-attachment">
           <img src="${e.url}" alt="${e.name}" />
         </div>
@@ -103,7 +135,7 @@ void 0===globalThis.Snice&&console.warn("[snice] snice-runtime.min.js must be lo
           </div>
         </div>
       </div>
-    `:"";var s}renderReactions(e,s,a){return s&&0!==s.length?t.html`
+    `:"";var s}renderReactions(e,s,i){return s&&0!==s.length?t.html`
       <div class="message-reactions">
         ${s.map(s=>t.html`
             <div
@@ -161,5 +193,5 @@ void 0===globalThis.Snice&&console.warn("[snice] snice-runtime.min.js must be lo
           </div>
         </div>
       </div>
-    `}},i})();return e.SniceChat=i,e}({},Snice);
+    `}},a})();return e.SniceChat=a,e}({},Snice);
 //# sourceMappingURL=snice-chat.min.js.map