ranui
Version:
A framework-agnostic Web Components UI library built on native custom elements, with TypeScript types, light/dark theming, SSR and PWA support.
1 lines • 33.3 kB
JavaScript
var ranui_conversation=(function(e){Object.defineProperties(e,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});var t=`:host{min-height:0;color:var(--ran-conversation-color,var(--ran-color-text));font-size:var(--ran-conversation-font-size,var(--ran-text-copy-2));flex-direction:column;display:flex}:host([hidden]){display:none}.ran-conversation{overscroll-behavior:contain;background:var(--ran-conversation-background,var(--ran-color-bg));overflow-anchor:none;flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}.ran-conversation-list{box-sizing:border-box;gap:var(--ran-conversation-gap,var(--ran-space-4));padding:var(--ran-conversation-padding,var(--ran-space-4));width:100%;max-width:var(--ran-conversation-measure,46rem);flex-direction:column;margin:0 auto;display:flex}.ran-conversation-row{content-visibility:auto;contain-intrinsic-size:auto 8rem;min-width:0;display:block}.ran-conversation-older{box-sizing:border-box;padding:var(--ran-conversation-padding,var(--ran-space-4)) var(--ran-conversation-padding,var(--ran-space-4)) 0;width:100%;max-width:var(--ran-conversation-measure,46rem);justify-content:center;margin:0 auto;display:flex}.ran-conversation-older[hidden]{display:none}.ran-conversation-older button{border:1px solid var(--ran-conversation-older-border-color,var(--ran-color-border));border-radius:var(--ran-conversation-older-radius,var(--ran-radius-full));padding:var(--ran-conversation-older-padding,var(--ran-space-1) var(--ran-space-3));color:var(--ran-conversation-older-color,var(--ran-color-text-secondary));font:inherit;font-size:var(--ran-conversation-older-font-size,var(--ran-text-label-3));cursor:pointer;background:0 0}.ran-conversation-older button:hover:not(:disabled){border-color:var(--ran-conversation-older-hover-border-color,var(--ran-color-border-hover));color:var(--ran-conversation-older-hover-color,var(--ran-color-text))}.ran-conversation-older button:disabled{cursor:default;opacity:.6}.ran-conversation-older button:focus-visible{outline:2px solid var(--ran-conversation-focus-color,var(--ran-color-primary));outline-offset:2px}.ran-conversation-footer{background:var(--ran-conversation-footer-background,var(--ran-color-bg));flex:none}.ran-conversation-empty{padding:var(--ran-conversation-empty-padding,var(--ran-space-8));color:var(--ran-conversation-empty-color,var(--ran-color-text-secondary));text-align:center}`,n=typeof document>`u`,r=class{ac=null;get signal(){return this.ac??=new AbortController,this.ac.signal}on(e,t,n,r){return e.addEventListener(t,n,{...r,signal:this.signal}),this}delegate(e,t,n,r,i){return e.addEventListener(n,n=>{let i=n.target?.closest(t);i&&e.contains(i)&&r(n,i)},{...i,signal:this.signal}),this}abort(){this.ac?.abort(),this.ac=null}},i=0,a=1,o=2,s=null,c=null,l=0,u=new Set,d=!1;function f(e,t){let n=t?.equals??Object.is,r={value:e,observers:new Set};return[()=>(te(r),r.value),e=>{let t=typeof e==`function`?e(r.value):e;if(!n(r.value,t)){r.value=t;for(let e of r.observers)_(e,o);l===0&&ne()}}]}function p(e){let t=g(e,!0);return ee(t),y(t),()=>x(t)}function m(e){let t={owned:[],cleanups:[],owner:c},n=c,r=s;c=t,s=null;try{return e(()=>re(t))}finally{c=n,s=r}}function h(e){c&&c.cleanups.push(e)}function g(e,t,n){return{fn:e,sources:new Set,isEffect:t,running:!1,disposed:!1,state:o,observers:new Set,value:void 0,equals:n??Object.is,owned:[],cleanups:[],owner:c}}function ee(e){c&&c.owned.push(e)}function te(e){s&&(s.sources.add(e),e.observers.add(s))}function _(e,t){if(e.disposed||e.state>=t)return;let n=e.state===i;if(e.state=t,e.isEffect)u.add(e);else if(n)for(let t of e.observers)_(t,a)}function ne(){if(!(l>0||d)){d=!0;try{for(;u.size>0;){let e=[...u];u.clear();for(let t of e)t.disposed||v(t)}}finally{d=!1}}}function v(e){if(!(e.disposed||e.state===i)){if(e.state===a)for(let t of e.sources)`fn`in t&&v(t);e.state===o&&y(e),e.state=i}}function y(e){if(e.running)throw Error(`ranui reactivity: cyclic dependency detected (a computation triggered itself).`);b(e);let t=s,n=c;s=e,c=e,e.running=!0,e.state=i;try{let t=e.fn();if(e.isEffect)typeof t==`function`&&e.cleanups.push(t);else{let n=e.value;if(e.value=t,e.observers.size>0&&!e.equals(n,t))for(let t of e.observers)_(t,o)}}finally{e.running=!1,s=t,c=n}}function b(e){for(let t of e.owned)x(t);e.owned.length=0;for(let t of e.cleanups)t();e.cleanups.length=0;for(let t of e.sources)t.observers.delete(e);e.sources.clear()}function x(e){e.disposed||(e.disposed=!0,b(e),e.observers.clear())}function re(e){for(let t of e.owned)x(t);e.owned.length=0;for(let t of e.cleanups)t();e.cleanups.length=0}var ie=class{_events=new Map;tap=(e,t)=>{this._events.get(e)&&e!==Symbol.for(`NEW_LISTENER`)&&this.call(Symbol.for(`NEW_LISTENER`),e);let n=this._events.get(e)||new Set;return typeof t==`function`?n.add({name:e,callback:t}):n.add(t),this._events.set(e,n),this};call=(e,...t)=>((this._events.get(e)||new Set).forEach(e=>{let{callback:n}=e;n(...t)}),this);callSync=async(e,...t)=>{let n=this._events.get(e)||new Set;for(let e of n){let{callback:n}=e;await n(...t)}return this};once=(e,t)=>{let n;if(typeof t==`function`)n={name:e,callback:(...r)=>{t(...r),this.off(e,n)},initialCallback:t};else{let{callback:r}=t;n={name:e,callback:(...t)=>{r(...t),this.off(e,n)},initialCallback:r}}return this.tap(e,n),this};off=(e,t)=>{let n=[...this._events.get(e)||new Set].filter(e=>{if(typeof t==`function`)return e.callback!==t&&e.initialCallback!==t;{let{callback:n}=t;return e.callback!==n&&e.initialCallback!==n}});return this._events.set(e,new Set(n)),this}};Math.PI/180,180/Math.PI,2*Math.PI;var S=(e=8)=>Math.random().toString(36).substring(2,e+2);Object.freeze({});var ae=24;function C(e,t){return e.getBoundingClientRect().top-t.getBoundingClientRect().top}function oe(e){let{scrollport:t,observe:n=[],threshold:r=ae,onPinnedChange:i}=e,a=!0,o=t.scrollTop,s=null,c=!1,l=e=>{e!==a&&(a=e,i?.(e))},u=e=>{t.scrollTop=e,o=t.scrollTop},d=()=>{s=null,u(t.scrollHeight),l(!0)},f=()=>{let e=(n=t,Math.max(0,n.scrollHeight-n.clientHeight));var n;Math.abs(t.scrollTop-Math.min(o,e))>.5?(o=t.scrollTop,l(e-t.scrollTop<=r)):a?d():o=t.scrollTop};t.addEventListener(`scroll`,f,{passive:!0});let p=null;if(n.length>0&&typeof ResizeObserver<`u`){p=new ResizeObserver(()=>{a&&!c&&u(t.scrollHeight)});for(let e of n)p.observe(e)}return{get pinned(){return a},toBottom:d,follow(){a&&u(t.scrollHeight)},captureAnchor(e){s={row:e,top:C(e,t)}},restoreAnchor(e){if(s===null)return!1;let n=e===void 0?s.row:e(),{top:r}=s;return s=null,!(n===null||!t.contains(n))&&(u(t.scrollTop+C(n,t)-r),!0)},releaseAnchor(){s=null},destroy(){c=!0,t.removeEventListener(`scroll`,f),p?.disconnect()}}}var se=e=>typeof e==`function`,ce=12e4,le=`__ranuts_bridge__`,ue=`default`,w=new class{bridges=new Set;attachedWindow=null;handleMessage=e=>{for(let t of Array.from(this.bridges))t.receive(e)};add(e){this.bridges.add(e),typeof window<`u`&&this.attachedWindow!==window&&(window.addEventListener(`message`,this.handleMessage),this.attachedWindow=window)}remove(e){this.bridges.delete(e),this.bridges.size===0&&this.attachedWindow&&(this.attachedWindow.removeEventListener(`message`,this.handleMessage),this.attachedWindow=null)}},de=class{targetWindow;targetOrigin;messageHandlers;pendingRequests;channel;senderId;available;constructor(e,t=`*`,n=ue){this.targetOrigin=t,this.channel=n,this.senderId=S(12),this.messageHandlers=new Map,this.pendingRequests=new Map,this.available=typeof window<`u`,this.available?(this.targetWindow=e??window,w.add(this)):this.targetWindow=void 0}post(e,t){let n={...t,__bridge:le,channel:this.channel,senderId:this.senderId};e.postMessage(n,this.targetOrigin)}receive=e=>{if(!this.available||this.targetOrigin!==`*`&&e.origin!==this.targetOrigin||e.source&&e.source!==this.targetWindow)return;let t=e.data;if(!t||typeof t!=`object`||t.__bridge!==`__ranuts_bridge__`||(t.channel??`default`)!==this.channel)return;let{type:n,payload:r,id:i,isResponse:a,isError:o,senderId:s}=t;if(a&&i){let e=this.pendingRequests.get(i);e&&(o?e.reject(Error(typeof r==`string`?r:`Bridge request failed`)):e.resolve(r),this.pendingRequests.delete(i));return}if(s&&s===this.senderId||typeof n!=`string`||!this.messageHandlers.has(n))return;let c=this.messageHandlers.get(n);if(se(c)){let t=e.source??this.targetWindow;Promise.resolve(c(r)).then(e=>{i&&this.post(t,{type:n,payload:e,id:i,isResponse:!0})}).catch(e=>{i&&this.post(t,{type:n,payload:e instanceof Error?e.message:String(e),id:i,isResponse:!0,isError:!0})})}};on=(e,t)=>{this.messageHandlers.set(e,t)};off=e=>{this.messageHandlers.delete(e)};send=async(e,t)=>{if(!this.available)return Promise.reject(Error(`PostMessageBridge is unavailable outside a browser environment`));let n=S(10);return new Promise((r,i)=>{let a=setTimeout(()=>{this.pendingRequests.has(n)&&(this.pendingRequests.delete(n),i(Error(`Request timeout`)))},ce),o=e=>{clearTimeout(a),i(e)};this.pendingRequests.set(n,{resolve:e=>{clearTimeout(a),r(e)},reject:o});try{this.post(this.targetWindow,{type:e,payload:t,id:n})}catch(e){this.pendingRequests.delete(n),o(e instanceof Error?e:Error(`Failed to post message`))}})};broadcast=e=>{if(this.available)try{this.post(this.targetWindow,{type:e.type,payload:e.payload})}catch{}};destroy=()=>{w.remove(this),this.messageHandlers.clear(),this.pendingRequests.forEach(e=>{e.reject(Error(`Bridge destroyed`))}),this.pendingRequests.clear()}};(class e{static instance;bridges=new Map;constructor(){}static getInstance(){return e.instance||=new e,e.instance}connectClient=({id:e,targetOrigin:t,targetWindow:n,channel:r})=>{let i=new de(n,t,r);if(e||=S(10),this.bridges.has(e))throw Error(`Bridge ${e} already exists`);return this.bridges.set(e,i),{bridge:i,id:e}};getClient=e=>this.bridges.get(e);removeClient=e=>{let t=this.bridges.get(e);t&&(t.destroy(),this.bridges.delete(e))};removeAllClient=()=>{this.bridges.forEach(e=>{e.destroy()}),this.bridges.clear()};broadcast=e=>{this.bridges.forEach(t=>{t.broadcast(e)})};sendTo=(e,t,n)=>{let r=this.getClient(e);return r?r.send(t,n):Promise.reject(Error(`Bridge ${e} not found`))}}).getInstance(),new ie;var T=[1116352408,1899447441,3049323471,3921009573,961987163,1508970993,2453635748,2870763221,3624381080,310598401,607225278,1426881987,1925078388,2162078206,2614888103,3248222580,3835390401,4022224774,264347078,604807628,770255983,1249150122,1555081692,1996064986,2554220882,2821834349,2952996808,3210313671,3336571891,3584528711,113926993,338241895,666307205,773529912,1294757372,1396182291,1695183700,1986661051,2177026350,2456956037,2730485921,2820302411,3259730800,3345764771,3516065817,3600352804,4094571909,275423344,430227734,506948616,659060556,883997877,958139571,1322822218,1537002063,1747873779,1955562222,2024104815,2227730452,2361852424,2428436474,2756734187,3204031479,3329325298],E=class{highOrder;lowOrder;constructor(e,t){this.highOrder=e,this.lowOrder=t}};new E(T[0],3609767458),new E(T[1],602891725),new E(T[2],3964484399),new E(T[3],2173295548),new E(T[4],4081628472),new E(T[5],3053834265),new E(T[6],2937671579),new E(T[7],3664609560),new E(T[8],2734883394),new E(T[9],1164996542),new E(T[10],1323610764),new E(T[11],3590304994),new E(T[12],4068182383),new E(T[13],991336113),new E(T[14],633803317),new E(T[15],3479774868),new E(T[16],2666613458),new E(T[17],944711139),new E(T[18],2341262773),new E(T[19],2007800933),new E(T[20],1495990901),new E(T[21],1856431235),new E(T[22],3175218132),new E(T[23],2198950837),new E(T[24],3999719339),new E(T[25],766784016),new E(T[26],2566594879),new E(T[27],3203337956),new E(T[28],1034457026),new E(T[29],2466948901),new E(T[30],3758326383),new E(T[31],168717936),new E(T[32],1188179964),new E(T[33],1546045734),new E(T[34],1522805485),new E(T[35],2643833823),new E(T[36],2343527390),new E(T[37],1014477480),new E(T[38],1206759142),new E(T[39],344077627),new E(T[40],1290863460),new E(T[41],3158454273),new E(T[42],3505952657),new E(T[43],106217008),new E(T[44],3606008344),new E(T[45],1432725776),new E(T[46],1467031594),new E(T[47],851169720),new E(T[48],3100823752),new E(T[49],1363258195),new E(T[50],3750685593),new E(T[51],3785050280),new E(T[52],3318307427),new E(T[53],3812723403),new E(T[54],2003034995),new E(T[55],3602036899),new E(T[56],1575990012),new E(T[57],1125592928),new E(T[58],2716904306),new E(T[59],442776044),new E(T[60],593698344),new E(T[61],3733110249),new E(T[62],2999351573),new E(T[63],3815920427),new E(3391569614,3928383900),new E(3515267271,566280711),new E(3940187606,3454069534),new E(4118630271,4000239992),new E(116418474,1914138554),new E(174292421,2731055270),new E(289380356,3203993006),new E(460393269,320620315),new E(685471733,587496836),new E(852142971,1086792851),new E(1017036298,365543100),new E(1126000580,2618297676),new E(1288033470,3409855158),new E(1501505948,4234509866),new E(1607167915,987167468),new E(1816402316,1246189591),new E(0,1),new E(0,32898),new E(2147483648,32906),new E(2147483648,2147516416),new E(0,32907),new E(0,2147483649),new E(2147483648,2147516545),new E(2147483648,32777),new E(0,138),new E(0,136),new E(0,2147516425),new E(0,2147483658),new E(0,2147516555),new E(2147483648,139),new E(2147483648,32905),new E(2147483648,32771),new E(2147483648,32770),new E(2147483648,128),new E(0,32778),new E(2147483648,2147483658),new E(2147483648,2147516545),new E(2147483648,32896),new E(0,2147483649),new E(2147483648,2147516424);var fe=/["'&<>]/;function D(e){let t=``+e,n=fe.exec(t);if(!n)return t;let r,i=``,a=0,o=0;for(a=n.index;a<t.length;a++){switch(t.charCodeAt(a)){case 34:r=`"`;break;case 38:r=`&`;break;case 39:r=`'`;break;case 60:r=`<`;break;case 62:r=`>`;break;default:continue}o!==a&&(i+=t.substring(o,a)),o=a+1,i+=r}return o===a?i:i+t.substring(o,a)}var pe=new Map,me=new Map,he=`data-adopted-style`,ge=`data-adopted-sheet`,O=(e,t,n)=>{if(typeof CSSStyleSheet>`u`)return!1;try{if(!n.has(t)){let e=new CSSStyleSheet;e.replaceSync(t),n.set(t,e)}let r=n.get(t);return e.adoptedStyleSheets.includes(r)||(e.adoptedStyleSheets=[...e.adoptedStyleSheets,r]),!0}catch{return!1}},_e=(e,t,n=he)=>{if(typeof document<`u`&&t&&!O(e,t,pe)&&!e.querySelector(`style[${n}]`)){let r=document.createElement(`style`);r.setAttribute(n,``),r.textContent=t,e.appendChild(r)}},ve=(e,t,n=ge)=>{if(typeof document<`u`&&t&&!O(e,t,me)&&!Array.from(e.querySelectorAll(`style[${n}]`)).some(e=>e.textContent===t)){let r=document.createElement(`style`);r.setAttribute(n,``),r.textContent=t,e.appendChild(r)}};(()=>{let e=new Uint8Array(128);for(let t=0;t<78;t++)e[`abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789_-.,!?;:'"()[]{}`.charCodeAt(t)]=1;return e})();var k=new Map([[100,`Continue`],[101,`Switching Protocols`],[102,`Processing`],[103,`Early Hints`],[200,`OK`],[201,`Created`],[202,`Accepted`],[203,`Non-Authoritative Information`],[204,`No Content`],[205,`Reset Content`],[206,`Partial Content`],[207,`Multi-Status`],[208,`Already Reported`],[226,`IM Used`],[300,`Multiple Choices`],[301,`Moved Permanently`],[302,`Found`],[303,`See Other`],[304,`Not Modified`],[305,`Use Proxy`],[307,`Temporary Redirect`],[308,`Permanent Redirect`],[400,`Bad Request`],[401,`Unauthorized`],[402,`Payment Required`],[403,`Forbidden`],[404,`Not Found`],[405,`Method Not Allowed`],[406,`Not Acceptable`],[407,`Proxy Authentication Required`],[408,`Request Timeout`],[409,`Conflict`],[410,`Gone`],[411,`Length Required`],[412,`Precondition Failed`],[413,`Payload Too Large`],[414,`URI Too Long`],[415,`Unsupported Media Type`],[416,`Range Not Satisfiable`],[417,`Expectation Failed`],[418,`I'm a Teapot`],[421,`Misdirected Request`],[422,`Unprocessable Entity`],[423,`Locked`],[424,`Failed Dependency`],[425,`Too Early`],[426,`Upgrade Required`],[428,`Precondition Required`],[429,`Too Many Requests`],[431,`Request Header Fields Too Large`],[451,`Unavailable For Legal Reasons`],[500,`Internal Server Error`],[501,`Not Implemented`],[502,`Bad Gateway`],[503,`Service Unavailable`],[504,`Gateway Timeout`],[505,`HTTP Version Not Supported`],[506,`Variant Also Negotiates`],[507,`Insufficient Storage`],[508,`Loop Detected`],[509,`Bandwidth Limit Exceeded`],[510,`Not Extended`],[511,`Network Authentication Required`]]);(function(e){let t=new Map;for(let[n,r]of e)t.set(r.toLowerCase(),n);return t})(k),function(e){let t=[];for(let[n,r]of e)t.push(n);return t}(k);function A(e){return D(e)}var ye=e=>typeof e!=`string`&&`tagName`in e&&`childrenList`in e,be=`.#[`;function j(e){let t=[],n=0,r=/^[a-zA-Z][\w-]*/.exec(e);for(r!==null&&(t.push(r[0]),n=r[0].length);n<e.length;){let r=e[n];if(r===`[`){let r=e.indexOf(`]`,n+1);if(r===-1)return null;t.push(e.slice(n,r+1)),n=r+1;continue}if(r!==`.`&&r!==`#`)return null;let i=n+1;for(;i<e.length&&!be.includes(e[i]);)i+=1;if(i===n+1)return null;t.push(e.slice(n,i)),n=i}return t.length>0?t:null}var M=(e,t)=>{let n=t;if(n.startsWith(`.`))return e.classList.contains(n.slice(1));if(n.startsWith(`#`))return e.getAttribute(`id`)===n.slice(1);if(n.startsWith(`[`)&&n.endsWith(`]`)){let[t,r]=n.slice(1,-1).trim().split(`=`),i=(t||``).trim();if(!i)return!1;if(r==null)return e.hasAttribute(i);let a=r.trim().replace(/^['"]|['"]$/g,``);return e.getAttribute(i)===a}return e.tagName===n.toLowerCase()},N=(e,t)=>{let n=t.trim();if(!n)return!1;let r=j(n);return r!==null&&r.every(t=>M(e,t))},P=(e,t,n)=>{for(let r of e)ye(r)&&(N(r,t)&&n.push(r),P(r.childrenList,t,n))},F=class{childrenList=[];appendChild(e){return this.childrenList.push(e),e}serialize(){return this.childrenList.map(e=>typeof e==`string`?D(e):e.serialize()).join(``)}querySelector(e){let t=this.querySelectorAll(e);return t.length>0?t[0]:null}querySelectorAll(e){let t=[];return P(this.childrenList,e,t),t}},I=class{tagName;attributes=new Map;inlineStyles=new Map;childrenList=[];shadowRoot=null;textContent=null;content;eventListeners=new Map;style={setProperty:(e,t)=>{let n=e.startsWith(`--`)?e:e.replace(/([A-Z])/g,`-$1`).toLowerCase();this.inlineStyles.set(n,t)},removeProperty:e=>this.inlineStyles.delete(e)};classList={add:(...e)=>{let t=this.attributes.get(`class`)||``,n=new Set([...t.split(` `).filter(Boolean),...e]);this.attributes.set(`class`,Array.from(n).join(` `))},remove:(...e)=>{let t=(this.attributes.get(`class`)||``).split(` `).filter(t=>!e.includes(t));this.attributes.set(`class`,t.join(` `))},toggle:e=>{this.classList.contains(e)?this.classList.remove(e):this.classList.add(e)},contains:e=>(this.attributes.get(`class`)||``).split(` `).includes(e)};_innerHTML=``;get innerHTML(){return this._innerHTML}set innerHTML(e){this._innerHTML=e,this.tagName===`template`&&this.content&&(this.content.childrenList=[e])}constructor(e=`div`){this.tagName=e.toLowerCase(),this.tagName===`template`&&(this.content=new F)}get hidden(){return this.hasAttribute(`hidden`)}set hidden(e){e?this.setAttribute(`hidden`,``):this.removeAttribute(`hidden`)}setAttribute(e,t){this.attributes.set(e,t)}getAttribute(e){return this.attributes.get(e)||null}removeAttribute(e){this.attributes.delete(e)}hasAttribute(e){return this.attributes.has(e)}appendChild(e){return this.childrenList.push(e),e}attachShadow(e){return this.shadowRoot=new xe(this,e),this.shadowRoot}querySelector(e){let t=this.querySelectorAll(e);return t.length>0?t[0]:null}querySelectorAll(e){let t=[];return P(this.childrenList,e,t),t}addEventListener(e,t){let n=this.eventListeners.get(e)||new Set;n.add(t),this.eventListeners.set(e,n)}removeEventListener(e,t){let n=this.eventListeners.get(e);n&&(n.delete(t),n.size===0&&this.eventListeners.delete(e))}dispatchEvent(e){let t=this.eventListeners.get(e.type);if(!t||t.size===0)return!0;for(let n of t)typeof n==`function`?n.call(this,e):n.handleEvent(e);return!e.defaultPrevented}serialize(e){typeof this._preSerialize==`function`&&this._preSerialize();let t=e||this._ssrTag||this.tagName,n=Array.from(this.attributes.entries()).map(([e,t])=>` ${e}="${A(t)}"`).join(``),r=Array.from(this.inlineStyles.entries()).map(([e,t])=>`${e}:${t}`).join(`;`),i=r?` style="${A(r)}"`:``,a=``;return this.shadowRoot&&(a+=this.shadowRoot.serialize()),this.textContent===null?this._innerHTML?a+=this._innerHTML:a+=this.childrenList.map(e=>typeof e==`string`?D(e):(e instanceof F,e.serialize())).join(``):a+=D(this.textContent),[`area`,`base`,`br`,`col`,`embed`,`hr`,`img`,`input`,`link`,`meta`,`param`,`source`,`track`,`wbr`].includes(t)&&!a?`<${t}${n}${i} />`:`<${t}${n}${i}>${a}</${t}>`}},xe=class{host;options;childrenList=[];adoptedStyleSheets=[];constructor(e,t){this.host=e,this.options=t}appendChild(e){return this.childrenList.push(e),e}querySelector(e){let t=this.querySelectorAll(e);return t.length>0?t[0]:null}querySelectorAll(e){let t=[];return P(this.childrenList,e,t),t}serialize(){return`<template shadowrootmode="${this.options.mode}"${this.options.delegatesFocus?` shadowrootdelegatesfocus`:``}>${this.adoptedStyleSheets.map(e=>`<style>${D(e)}</style>`).join(``)}${this.childrenList.map(e=>typeof e==`string`?D(e):(e instanceof F,e.serialize())).join(``)}</template>`}},L=()=>({current:null}),R=e=>e.reduce((e,t)=>Array.isArray(t)?e.concat(R(t)):e.concat(t),[]),z=e=>e==null?null:e instanceof U?e.build():typeof e==`string`?n?e:document.createTextNode(e):e,Se=(e,t)=>{if(n){V(e,[t()]);return}let r=document.createComment(``),i=document.createComment(``);e.appendChild(r),e.appendChild(i);let a=null,o=()=>{a?.(),a=null;let e=r.nextSibling;for(;e&&e!==i;){let t=e.nextSibling;e.parentNode?.removeChild(e),e=t}};p(()=>{let e=t();o();let n=document.createDocumentFragment();a=m(t=>(V(n,[e]),t)),i.parentNode?.insertBefore(n,i)}),h(()=>a?.())},Ce=`__ranFor`,we=e=>typeof e==`object`&&!!e&&e[Ce]===!0,Te=(e,t,n)=>{let[r,i]=f(t),a=null,o=m(t=>{let i=z(n(e,r));return a=typeof i==`string`?document.createTextNode(i):i,t});return{node:a,index:i,dispose:o}},B=(e,t)=>{let n=e.parentNode;if(!n)return;let r=e;for(let e of t)r.nextSibling!==e&&n.insertBefore(e,r.nextSibling),r=e},Ee=(e,t)=>{if(n){(t.each()??[]).forEach((n,r)=>{let i=z(t.render(n,()=>r));i!=null&&e.appendChild(i)});return}let r=document.createComment(``);e.appendChild(r);let i=new Map;h(()=>{for(let e of i.values())e.dispose();i.clear()}),p(()=>{let e=t.each()??[],n=new Map,a=[];e.forEach((e,r)=>{let o=t.key(e,r);if(n.has(o))return;let s=i.get(o);s?(i.delete(o),s.index(r)):s=Te(e,r,t.render),n.set(o,s),s.node&&a.push(s.node)});for(let e of i.values())e.node?.parentNode?.removeChild(e.node),e.dispose();B(r,a),i=n})},De=`__ranIndex`,Oe=e=>typeof e==`object`&&!!e&&e[De]===!0,ke=(e,t,n)=>{let[r,i]=f(e),a=null,o=m(e=>{let i=z(n(r,t));return a=typeof i==`string`?document.createTextNode(i):i,e});return{node:a,setItem:i,dispose:o}},Ae=(e,t)=>{if(n){(t.each()??[]).forEach((n,r)=>{let i=z(t.render(()=>n,r));i!=null&&e.appendChild(i)});return}let r=document.createComment(``);e.appendChild(r);let i=[];h(()=>{for(let e of i)e.dispose();i=[]}),p(()=>{let e=t.each()??[];for(let n=0;n<e.length;n++)n<i.length?i[n].setItem(e[n]):i.push(ke(e[n],n,t.render));for(let t=i.length-1;t>=e.length;t--){let{node:e}=i[t];e?.parentNode?.removeChild(e),i[t].dispose(),i.pop()}B(r,i.map(e=>e.node).filter(e=>e!=null))})},V=(e,t)=>{R(t).forEach(t=>{if(we(t)){Ee(e,t);return}if(Oe(t)){Ae(e,t);return}if(typeof t==`function`){Se(e,t);return}let n=z(t);n!=null&&e.appendChild(n)})},H=new Set(`svg.circle.clipPath.defs.desc.ellipse.feBlend.feColorMatrix.feComposite.feDropShadow.feFlood.feGaussianBlur.feMerge.feMergeNode.feOffset.filter.foreignObject.g.image.line.linearGradient.marker.mask.path.pattern.polygon.polyline.radialGradient.rect.stop.switch.symbol.text.textPath.tspan.use`.split(`.`)),U=class{el;constructor(e,t){let r=t??(H.has(e)?`http://www.w3.org/2000/svg`:void 0);this.el=n?new I(e):r?document.createElementNS(r,e):document.createElement(e)}id(e){return this.el.setAttribute(`id`,e),this}bind(e,t){typeof e==`function`?p(()=>t(e())):t(e)}class(e){return this.bind(e,e=>{n?this.el.attributes.set(`class`,e):this.el.className=e}),this}addClass(...e){return e.forEach(e=>this.el.classList.add(e)),this}removeClass(...e){return e.forEach(e=>this.el.classList.remove(e)),this}attr(e,t){return this.bind(t,t=>this.el.setAttribute(e,t)),this}attrs(e){return Object.entries(e).forEach(([e,t])=>{t!=null&&this.el.setAttribute(e,String(t))}),this}boolAttr(e,t,n=``){return this.bind(t,t=>{t?this.el.setAttribute(e,n):this.el.removeAttribute(e)}),this}part(e){return this.attr(`part`,e)}data(e,t){return this.attr(`data-${e}`,t)}style(e,t){return typeof e==`string`?this.bind(t??``,t=>this.el.style.setProperty(e,t)):Object.entries(e).forEach(([e,t])=>this.el.style.setProperty(e,t)),this}cssVar(e,t){let n=e.startsWith(`--`)?e:`--${e}`;return this.style(n,t)}aria(e,t){return this.attr(`aria-${e}`,t)}role(e){return this.attr(`role`,e)}tabIndex(e){return this.attr(`tabindex`,String(e))}label(e){return this.aria(`label`,e)}labelledBy(e){return this.aria(`labelledby`,e)}describedBy(e){return this.aria(`describedby`,e)}ariaHidden(e=!0){return this.aria(`hidden`,String(e))}on(e,t,n){return this.el.addEventListener(e,t,n),this}listen(e,t,n,r){return e.on(this.el,t,n,r),this}delegate(e,t,n,r,i){return e.delegate(this.el,t,n,r,i),this}children(...e){return V(this.el,e),this}replaceChildren(...e){if(n){let e=this.el;e.childrenList=[]}else this.el.replaceChildren();return this.children(...e)}text(e){return this.bind(e,e=>{this.el.textContent=e}),this}ref(e){return e.current=this.el,this}shadow(e={mode:`closed`}){let t=this.el.attachShadow(e);return new je(this.el,t,e)}build(){return this.el}serialize(){if(n)return this.el.serialize();let e=document.createElement(`div`);return e.appendChild(this.el.cloneNode(!0)),e.innerHTML}},je=class{root;hostEl;options;constructor(e,t,n){this.hostEl=e,this.root=t,this.options=n}children(...e){return V(this.root,e),this}adoptSheet(...e){return this.root.adoptedStyleSheets=[...this.root.adoptedStyleSheets,...e],this}css(e){if(n)return this.root.adoptedStyleSheets.push(e),this;if(typeof CSSStyleSheet<`u`)try{let t=new CSSStyleSheet;return t.replaceSync(e),this.root.adoptedStyleSheets=[...this.root.adoptedStyleSheets,t],this}catch{}let t=document.createElement(`style`);return t.textContent=e,this.root.appendChild(t),this}done(){return{host:this.hostEl,shadow:this.root}}serialize(){return n?this.root.serialize():this.root.innerHTML}},W=e=>new U(e),G=()=>W(`div`),Me=()=>W(`slot`),Ne=()=>W(`button`),Pe=new Map;function Fe(e,t){n?(Pe.set(e,t),t.prototype._ssrTag=e):customElements.get(e)||customElements.define(e,t)}var Ie=typeof document<`u`?HTMLElement:I,Le=`data-ranui`,Re=`data-ranui-sheet`,ze=(e,t)=>_e(e,t,Le),Be=(e,t)=>ve(e,t,Re),K=new WeakMap,q=`@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}}`,J=new Map,Ve=e=>{let t=J.get(e);if(t!==void 0)return t;let n=e?`${e}\n${q}`:q;return J.set(e,n),n},He=(e,t=``,n={mode:`closed`})=>{let r=e.shadowRoot||K.get(e)||e.attachShadow(n);return K.set(e,r),ze(r,Ve(t)),r},Y=(e,t)=>{if(e.current===null)throw Error(`ranui: ${t} is missing its .ref() on the builder`);return e.current},X=(e,t,n=``)=>e.getAttribute(t)??n,Z=(e,t,n,r={})=>{if(r.removeEmpty&&!n){e.removeAttribute(t);return}e.setAttribute(t,n??``)},Ue=(e,t,n,r,i)=>{if(n!==`sheet`||r===i)return;let a=e.getAttribute(`sheet`)||``;a&&Be(t,a)},We=e=>{if(typeof requestAnimationFrame==`function`){let t=requestAnimationFrame(e);return()=>cancelAnimationFrame(t)}let t=!1;return queueMicrotask(()=>{t||e()}),()=>{t=!0}};function Ge(e){let{definitions:t,scheduler:n=We}=e,r=new Set;for(let e of t){if(r.has(e.kind))throw Error(`conversation: duplicate definition kind "${e.kind}"`);r.add(e.kind)}let i=[],a=new Map,o=new Set,s=new Set,c=0,l=null,u=0,d=`none`,f=null,p=()=>(f??=i.map(e=>Object.freeze({...e})),f),m=()=>{let e=p(),t=s===null?void 0:new Set(s);s=new Set;for(let n of[...o])n(e,t)},h=e=>{if(e!==`none`){if(!(u>0))return e===`immediate`?(l?.(),l=null,void m()):void(l===null&&(l=n(()=>{l=null,m()})));e===`immediate`?d=`immediate`:d===`none`&&(d=`animation-frame`)}},g={previous(e){for(let t=i.length-1;t>=0;--t)if(i[t].kind===e)return Object.freeze({...i[t]})}};return{push(e){let n=`none`;for(let r of t){let t=r.match(e);if(t===null)continue;let o=`${r.kind}:${t.id}`,l=a.get(o);if(t.role===`start`){let n={key:o,kind:r.kind,id:t.id,seq:l?.seq??(c+=1),state:r.start(e,g)};l===void 0?i.push(n):i[i.indexOf(l)]=n,a.set(o,n)}else{if(l===void 0)continue;l.state=r.update(l.state,e)}f=null,s?.add(o);let u=r.publication?.(e)??`immediate`;u===`immediate`?n=`immediate`:u===`animation-frame`&&n===`none`&&(n=`animation-frame`)}h(n)},truncate(e){let t=a.get(e);if(t===void 0)return 0;let n=i.filter(e=>e.seq<t.seq),r=i.length-n.length;for(let e of i)e.seq>=t.seq&&a.delete(e.key);return i=n,f=null,h(`immediate`),r},batch(e){u+=1;try{e()}finally{if(--u,u===0){let e=d;d=`none`,h(e)}}},nodes:p,subscribe:e=>(o.add(e),()=>{o.delete(e)}),reset(){i=[],a.clear(),c=0,f=null,s=null,h(`immediate`)},destroy(){l?.(),l=null,o.clear()}}}var Q=`olderrequest`,$=class extends Ie{_events=new r;_shadowDom;_scroll;_list;_older;_olderButton;_footer;_views=[];_engine=null;_unsubscribe=null;_follower=null;_rows=new Map;_emptyRow=null;static get observedAttributes(){return[`follow`,`empty`,`older`,`loading-older`,`sheet`]}constructor(){super(),this._shadowDom=He(this,t);let e=L(),n=L(),r=L();this._scroll=G().class(`ran-conversation`).attr(`part`,`conversation`).children(G().class(`ran-conversation-older`).ref(n).attr(`part`,`older`).children(Ne().ref(r).attr(`type`,`button`).build()).build(),G().class(`ran-conversation-list`).ref(e).attr(`part`,`list`).build()).build(),this._shadowDom.appendChild(this._scroll),this._footer=G().class(`ran-conversation-footer`).attr(`part`,`footer`).children(Me().attr(`name`,`footer`).build()).build(),this._shadowDom.appendChild(this._footer),this._list=Y(e,`list`),this._older=Y(n,`older`),this._olderButton=Y(r,`older button`),this._older.hidden=!0}get older(){return X(this,`older`)}set older(e){Z(this,`older`,e)}get loadingOlder(){return this.hasAttribute(`loading-older`)}set loadingOlder(e){e?this.setAttribute(`loading-older`,``):this.removeAttribute(`loading-older`)}get follow(){return X(this,`follow`,`true`)!==`false`}set follow(e){Z(this,`follow`,e?`true`:`false`)}get empty(){return X(this,`empty`)}set empty(e){Z(this,`empty`,e)}get sheet(){return X(this,`sheet`)}set sheet(e){Z(this,`sheet`,e)}get pinned(){return this._follower?.pinned??!0}register(e){if(this._engine!==null)throw Error(`r-conversation: register("${e.kind}") after the first push — register every view first`);this._views.push(e)}push(e){this._ensureEngine().push(e)}truncate(e){return this._engine?.truncate(e)??0}batch(e){this._ensureEngine().batch(e)}reset(){this._engine?.reset()}scrollToBottom(){this._follower?.toBottom()}captureAnchor(e){let t=e===void 0?this._list.firstElementChild:this._rows.get(e);return!(t instanceof HTMLElement)||this._follower===null?!1:(this._follower.captureAnchor(t),!0)}restoreAnchor(){return this._follower?.restoreAnchor()??!1}connectedCallback(){this.handlerExternalCss(),this._syncEmpty(),this._syncOlder(),this._events.on(this._olderButton,`click`,this._requestOlder),this._follower=oe({scrollport:this._scroll,observe:[this._list,this._footer],onPinnedChange:e=>{this.dispatchEvent(new CustomEvent(`pinnedchange`,{detail:{pinned:e},bubbles:!0,composed:!0}))}}),this.follow||this._follower.releaseAnchor()}disconnectedCallback(){this._events.abort(),this._unsubscribe?.(),this._unsubscribe=null,this._follower?.destroy(),this._follower=null,this._engine?.destroy(),this._engine=null}attributeChangedCallback(e,t,n){t!==n&&(e===`sheet`&&this.handlerExternalCss(),e===`empty`&&this._syncEmpty(),(e===`older`||e===`loading-older`)&&this._syncOlder())}handlerExternalCss=()=>{Ue(this,this._shadowDom,`sheet`,null,this.sheet)};_ensureEngine(){if(this._engine!==null)return this._engine;let e=Ge({definitions:this._views});return this._unsubscribe=e.subscribe((e,t)=>{this._renderNodes(e,t)}),this._engine=e,e}_viewFor(e){return this._views.find(t=>t.kind===e)}_renderNodes(e,t){let n=new Set;for(let r of e){let e=this._viewFor(r.kind);if(e?.mount===void 0)continue;n.add(r.key);let i=this._rows.get(r.key),a=!1;if(i===void 0){let t=e.mount(r);if(t===null)continue;t.classList.add(`ran-conversation-row`),t.setAttribute(`part`,`row`),t.dataset.kind=r.kind,t.dataset.key=r.key,this._rows.set(r.key,t),i=t,a=!0}(a||t===void 0||t.has(r.key))&&e.patch?.(i,r)}for(let[e,t]of this._rows)n.has(e)||(t.remove(),this._rows.delete(e));let r=null;for(let t of e){let e=this._rows.get(t.key);if(e===void 0)continue;let n=r===null?this._list.firstChild:r.nextSibling;n!==e&&this._list.insertBefore(e,n),r=e}this._syncEmpty(),this.follow&&this._follower?.follow()}_requestOlder=()=>{this.loadingOlder||(this.captureAnchor(),this.dispatchEvent(new CustomEvent(Q,{bubbles:!0,composed:!0})))};_syncOlder(){let e=this.older;this._older.hidden=e===``,this._olderButton.textContent=e,this._olderButton.disabled=this.loadingOlder}_syncEmpty(){let e=this.empty;if(this._rows.size!==0||e===``){this._emptyRow?.remove(),this._emptyRow=null;return}this._emptyRow??=G().class(`ran-conversation-empty`).attr(`part`,`empty`).build(),this._emptyRow.textContent=e,this._emptyRow.parentNode===null&&this._list.appendChild(this._emptyRow)}};return Fe(`r-conversation`,$),e.Conversation=$,e.default=$,e.OLDER_REQUEST=Q,e})({});