@aceshooting/lyra-ui 29.0.2 → 29.1.0

package/dist/components/retrieval/mind-map/mind-map.class.js

@@ -1,4 +1,4 @@
-import{__decorate}from"tslib";import{snapshotPublicCollection}from"../../../internal/collection-snapshot.js";import{html,nothing,svg}from"lit";import{property,state,query}from"lit/decorators.js";import{LyraElement}from"../../../internal/lyra-element.js";import{srOnly}from"../../../internal/a11y.js";import{isRtl}from"../../../internal/rtl.js";import{finiteCount}from"../../../internal/numbers.js";import{resolveCssTokenLength}from"../../../internal/css-token-length.js";import{getNumberFormat}from"../../../internal/intl-cache.js";import{acquireAnnouncementSink}from"../../../internal/announcer.js";import{decimateMindMapLayout,layoutMindMap}from"./mind-map-layout.js";import{styles}from"./mind-map.styles.js";import{LYRA_DEFAULT_mindMapCollapsed,LYRA_DEFAULT_mindMapExpanded,LYRA_DEFAULT_mindMapLabel,LYRA_DEFAULT_mindMapLeafStatus,LYRA_DEFAULT_mindMapNodeLimit,LYRA_DEFAULT_mindMapTopicStatus}from"../../../internal/default-strings/retrieval.generated.js";import{LYRA_DEFAULT_noData}from"../../../internal/default-strings/shared.generated.js";const DEFAULT_RING_GAP_PX=96,MAX_RENDERED_MIND_MAP_NODES=500,TOPIC_COPY_LIMIT=5e4;function copyTopicTree(roots){const top=[],copies=[],queue=(Array.isArray(roots)?roots:[]).map(root=>[root,top]);for(let i=0;i<queue.length&&copies.length<TOPIC_COPY_LIMIT;i++){const[topic,siblings]=queue[i];if(topic===null||typeof topic!="object")continue;const{id,label,children}=topic,copy=Array.isArray(children)?{id,label,children:[]}:{id,label};copies.push(copy),siblings.push(copy);for(const child of copy.children?children:[])queue.length<TOPIC_COPY_LIMIT&&queue.push([child,copy.children])}for(const copy of copies)Object.freeze(Object.freeze(copy).children);return Object.freeze(top)}const NAV_KEYS=new Set(["ArrowUp","ArrowDown","ArrowLeft","ArrowRight","Home","End","Enter"," "]);class LyraMindMap extends LyraElement{constructor(){super(...arguments),this._topics=Object.freeze([]),this.topicsSource=this._topics,this.expandDepth=1,this.expandedOverrides=new Map,this.focusedId=null,this.liveText="",this.cachedLayout={placed:[],links:[],width:0,height:0,centerX:0,centerY:0},this.totalTopicCount=0,this.topicsTruncated=!1,this.ownerRealmGeneration=0,this.observedSize="",this.layoutInvalidated=!0,this.layoutContext="",this.onKeyDown=e=>{const placed=this.cachedLayout.placed;if(placed.length===0||!NAV_KEYS.has(e.key))return;if(e.preventDefault(),this.focusedId===null){this.focusNodeById(placed[0].id);return}const current=placed.find(p=>p.id===this.focusedId);if(!current)return;if(e.key==="Enter"||e.key===" "){e.repeat||this.activate(current);return}if(e.key==="ArrowUp"){current.parentId&&this.focusNodeById(current.parentId);return}if(e.key==="ArrowDown"){if(!current.hasChildren)return;this.isExpanded(current.id,current.depth)||(this.toggle(current,!1),this.relayout());const child=this.childrenOf(current.id)[0];child&&this.focusNodeById(child.id);return}const rtl=isRtl(this),forwardKey=rtl?"ArrowLeft":"ArrowRight",backwardKey=rtl?"ArrowRight":"ArrowLeft";if(e.key===forwardKey||e.key===backwardKey||e.key==="Home"||e.key==="End"){const siblings=this.siblingsOf(current),index=siblings.findIndex(s=>s.id===current.id);let next=index;e.key===forwardKey?next=Math.min(siblings.length-1,index+1):e.key===backwardKey?next=Math.max(0,index-1):e.key==="Home"?next=0:next=siblings.length-1;const target=siblings[next];target&&this.focusNodeById(target.id)}},this.onFocusIn=()=>{if(this.focusedId!==null)return;const first=this.cachedLayout.placed[0];first&&(this.focusedId=first.id)}}static{this.defaultStrings={...super.defaultStrings,mindMapCollapsed:LYRA_DEFAULT_mindMapCollapsed,mindMapExpanded:LYRA_DEFAULT_mindMapExpanded,mindMapLabel:LYRA_DEFAULT_mindMapLabel,mindMapLeafStatus:LYRA_DEFAULT_mindMapLeafStatus,mindMapNodeLimit:LYRA_DEFAULT_mindMapNodeLimit,mindMapTopicStatus:LYRA_DEFAULT_mindMapTopicStatus,noData:LYRA_DEFAULT_noData}}static{this.styles=[LyraElement.styles,styles,srOnly]}static get observedAttributes(){return[...new Set([...super.observedAttributes,"dir","lang"])]}get topics(){return this._topics}set topics(value){if(Object.is(value,this.topicsSource)||Object.is(value,this._topics))return;const previous=this._topics;let truncated=!1;const snapshot=snapshotPublicCollection(value,this.ownerDocument?.defaultView,{onTruncate:()=>truncated=!0});this.topicsSource=value,this._topics=truncated?copyTopicTree(value):snapshot,this.requestUpdate("topics",previous)}connectedCallback(){super.connectedCallback(),this.announcementSink??=acquireAnnouncementSink("polite",{document:this.ownerDocument,source:this}),this.layoutInvalidated=!0,this.armResizeObserver()}armResizeObserver(){const ownerDocument=this.ownerDocument,ownerWindow=ownerDocument.defaultView;if(!this.isConnected||!ownerWindow?.ResizeObserver||this.resizeObserver&&this.resizeObserverDocument===ownerDocument)return;this.resetResizeWork();const generation=this.ownerRealmGeneration,observer=new ownerWindow.ResizeObserver(entries=>{if(this.resizeObserver!==observer||this.resizeObserverDocument!==ownerDocument||this.ownerRealmGeneration!==generation||!this.isConnected||this.ownerDocument!==ownerDocument)return;const rect=entries[0]?.contentRect,size=rect?`${rect.width}:${rect.height}`:"";if(size&&size===this.observedSize)return;this.observedSize=size,this.resizeRafId!=null&&this.resizeRafOwner?.cancelAnimationFrame(this.resizeRafId);const handle=ownerWindow.requestAnimationFrame(()=>{this.resizeRafId!==handle||this.resizeRafOwner!==ownerWindow||this.resizeRafDocument!==ownerDocument||this.ownerRealmGeneration!==generation||!this.isConnected||this.ownerDocument!==ownerDocument||(this.resizeRafId=void 0,this.resizeRafOwner=void 0,this.resizeRafDocument=void 0,this.layoutInvalidated=!0,this.requestUpdate())});this.resizeRafId=handle,this.resizeRafOwner=ownerWindow,this.resizeRafDocument=ownerDocument});this.resizeObserver=observer,this.resizeObserverDocument=ownerDocument,observer.observe(this)}disconnectedCallback(){this.resetResizeWork(),this.announcementSink?.release(),this.announcementSink=void 0,super.disconnectedCallback()}adoptedCallback(){super.adoptedCallback(),this.resetResizeWork(),this.announcementSink?.release(),this.announcementSink=void 0}resetResizeWork(){this.ownerRealmGeneration+=1,this.resizeRafId!=null&&this.resizeRafOwner?.cancelAnimationFrame(this.resizeRafId),this.resizeRafId=void 0,this.resizeRafOwner=void 0,this.resizeRafDocument=void 0,this.resizeObserver?.disconnect(),this.resizeObserver=void 0,this.resizeObserverDocument=void 0,this.observedSize=""}attributeChangedCallback(name,oldValue,value){super.attributeChangedCallback(name,oldValue,value),(name==="dir"||name==="lang")&&oldValue!==value&&(this.layoutInvalidated=!0,this.requestUpdate())}get effectiveExpandDepth(){return finiteCount(this.expandDepth,1)}isExpanded(id,depth){return this.expandedOverrides.get(id)??depth<this.effectiveExpandDepth}ringGapPx(){const hostStyle=this.ownerDocument.defaultView?.getComputedStyle(this)??this.style,raw=hostStyle.getPropertyValue("--lr-mind-map-ring-gap").trim()||hostStyle.getPropertyValue("--_lr-mind-map-ring-gap").trim();return resolveCssTokenLength(raw,{host:this})??DEFAULT_RING_GAP_PX}relayout(){const hubLabel=this.label==null?this.localize("mindMapLabel"):this.label,fullLayout=layoutMindMap(this.topics,hubLabel,{ringGap:this.ringGapPx(),rtl:isRtl(this),isExpanded:(id,depth)=>this.isExpanded(id,depth)}),decimated=decimateMindMapLayout(fullLayout.placed,fullLayout.links,MAX_RENDERED_MIND_MAP_NODES);this.totalTopicCount=decimated.totalCount,this.topicsTruncated=decimated.truncated,this.cachedLayout={...fullLayout,placed:[...decimated.placed],links:[...decimated.links]}}willUpdate(changed){super.willUpdate(changed);const context=`${this.label==null?this.localize("mindMapLabel"):this.label}\0${isRtl(this)?"rtl":"ltr"}`,structuralChange=changed.has("topics")||changed.has("expandDepth")||changed.has("expandedOverrides")||changed.has("label")||changed.has("strings")||changed.has("locale");(this.layoutInvalidated||structuralChange||context!==this.layoutContext)&&(this.relayout(),this.layoutContext=context,this.layoutInvalidated=!1,this.focusedId&&!this.cachedLayout.placed.some(topic=>topic.id===this.focusedId)&&(this.focusedId=this.cachedLayout.placed[0]?.id??null))}setAnnouncement(text){this.liveText=text,this.announcementSink?.announce(text)}toggle(node,announce=!0){const expanded=!this.isExpanded(node.id,node.depth),next=new Map(this.expandedOverrides);next.set(node.id,expanded),this.expandedOverrides=next,this.emit("lr-topic-toggle",{topicId:node.id,expanded}),announce&&this.setAnnouncement(this.localize(expanded?"mindMapExpanded":"mindMapCollapsed",void 0,{label:node.label}))}activate(node){node.hasChildren?this.toggle(node):this.emit("lr-topic-select",{topicId:node.id})}siblingsOf(node){return this.cachedLayout.placed.filter(p=>p.parentId===node.parentId)}childrenOf(id){return this.cachedLayout.placed.filter(p=>p.parentId===id)}announce(node){const numberFormat=getNumberFormat(this.effectiveLocale);this.setAnnouncement(node.hasChildren?this.localize("mindMapTopicStatus",void 0,{label:node.label,level:numberFormat.format(node.depth+1),count:numberFormat.format(this.childrenOf(node.id).length)}):this.localize("mindMapLeafStatus",void 0,{label:node.label,level:numberFormat.format(node.depth+1)}))}focusNodeById(id){this.focusedId=id;const node=this.cachedLayout.placed.find(p=>p.id===id);node&&this.announce(node)}onNodeClick(node){this.focusedId=node.id,this.svgEl?.focus(),node.hasChildren||this.announce(node),this.activate(node)}connectorControlPoint(from,to){const layout=this.cachedLayout,parentR=Math.hypot(from.x-layout.centerX,from.y-layout.centerY),dir=isRtl(this)?-1:1;return{x:layout.centerX+dir*parentR*Math.sin(to.angle),y:layout.centerY-parentR*Math.cos(to.angle)}}renderSemanticNode(node,childrenByParent){const children=childrenByParent.get(node.id)??[];return html`
+import{__decorate}from"tslib";import{HierarchySourceController,hierarchyField,hierarchyKey,hierarchyText}from"../../../internal/hierarchy-source-controller.js";import{hierarchySourceView}from"../../../internal/hierarchy-source-view.js";import{hierarchySourceStyles}from"../../../internal/hierarchy-source-view.styles.js";import{snapshotMindMapTopics}from"./mind-map-model.js";import{html,nothing,svg}from"lit";import{property,state,query}from"lit/decorators.js";import{LyraElement}from"../../../internal/lyra-element.js";import{srOnly}from"../../../internal/a11y.js";import{isRtl}from"../../../internal/rtl.js";import{finiteCount}from"../../../internal/numbers.js";import{resolveCssTokenLength}from"../../../internal/css-token-length.js";import{getNumberFormat}from"../../../internal/intl-cache.js";import{acquireAnnouncementSink}from"../../../internal/announcer.js";import{decimateMindMapLayout,createMindMapLayout}from"./mind-map-layout.js";import{styles}from"./mind-map.styles.js";import{LYRA_DEFAULT_mindMapCollapsed,LYRA_DEFAULT_mindMapExpanded,LYRA_DEFAULT_mindMapInputLimit,LYRA_DEFAULT_mindMapLabel,LYRA_DEFAULT_mindMapLeafStatus,LYRA_DEFAULT_mindMapNodeLimit,LYRA_DEFAULT_mindMapTopicStatus}from"../../../internal/default-strings/retrieval.generated.js";import{LYRA_DEFAULT_collapse,LYRA_DEFAULT_expand,LYRA_DEFAULT_loading,LYRA_DEFAULT_noData,LYRA_DEFAULT_retry,LYRA_DEFAULT_treeSourceError,LYRA_DEFAULT_treeSourceSummary}from"../../../internal/default-strings/shared.generated.js";const DEFAULT_RING_GAP_PX=96,MAX_RENDERED_MIND_MAP_NODES=500,NAV_KEYS=new Set(["ArrowUp","ArrowDown","ArrowLeft","ArrowRight","Home","End","Enter"," "]);class LyraMindMap extends LyraElement{constructor(){super(...arguments),this.sourceVersion=0,this.sourceViewAuthority=new WeakMap,this.sourcePaint=0,this.sourceDiagramScheduled=!1,this.sourceDiagramRows=new Map,this.sourceDiagramCurrent=()=>!1,this.sourceControl=new HierarchySourceController(this,{normalize:(value,key)=>{const current=this.sourceAuthority(),field=name=>{if(!current())throw new Error("Topic source changed");const result=hierarchyField(value,name);if(!current())throw new Error("Topic source changed");return result},id=hierarchyKey(field("id"));if(id!==key)throw new TypeError("Topic key mismatch");return Object.freeze({id,label:hierarchyText(field("label"))})},payload:{maxUnits:2e6,maxRowUnits:65536,unitsOf:topic=>topic.id.length+topic.label.length},onChange:()=>{this._treeSource!==void 0&&this.clearSourceDiagram();const old=this.sourcePaint++;this.requestUpdate("sourcePaint",old)},accepted:(action,row,_state,current)=>{!current()||this.treeSource===void 0||(action.type==="toggle"?this.emit("lr-topic-toggle",{topicId:action.key,expanded:action.expanded}):action.type==="select"&&row?.childCount===0&&this.emit("lr-topic-select",{topicId:action.key}))}}),this._topics=Object.freeze([]),this.topicsSource=this._topics,this.inputTruncated=!1,this.expandDepth=1,this.expandedOverrides=new Map,this.focusedId=null,this.liveText="",this.cachedLayout={placed:[],links:[],width:0,height:0,centerX:0,centerY:0},this.totalTopicCount=0,this.topicsTruncated=!1,this.ownerRealmGeneration=0,this.observedSize="",this.layoutInvalidated=!0,this.layoutContext="",this.onKeyDown=e=>{if(this.treeSource!==void 0){if(!this.sourceDiagramCurrent())return;const row=this.sourceDiagramRows.get(this.focusedId??"")??this.sourceDiagramRows.values().next().value;if(!row)return;const index=this.sourceControl.window.source.indexOfKey?.(row.key);typeof index=="number"&&index>=0&&this.sourceControl.keydown(e,row,index,isRtl(this),selected=>this.selectSourceRow(selected));return}const placed=this.cachedLayout.placed;if(placed.length===0||!NAV_KEYS.has(e.key))return;if(e.preventDefault(),this.focusedId===null){this.focusNodeById(placed[0].id);return}const current=placed.find(p=>p.id===this.focusedId);if(!current)return;if(e.key==="Enter"||e.key===" "){e.repeat||this.activate(current);return}if(e.key==="ArrowUp"){current.parentId&&this.focusNodeById(current.parentId);return}if(e.key==="ArrowDown"){if(!current.hasChildren)return;this.isExpanded(current.id,current.depth)||(this.toggle(current,!1),this.relayout());const child=this.childrenOf(current.id)[0];child&&this.focusNodeById(child.id);return}const rtl=isRtl(this),forwardKey=rtl?"ArrowLeft":"ArrowRight",backwardKey=rtl?"ArrowRight":"ArrowLeft";if(e.key===forwardKey||e.key===backwardKey||e.key==="Home"||e.key==="End"){const siblings=this.siblingsOf(current),index=siblings.findIndex(s=>s.id===current.id);let next=index;e.key===forwardKey?next=Math.min(siblings.length-1,index+1):e.key===backwardKey?next=Math.max(0,index-1):e.key==="Home"?next=0:next=siblings.length-1;const target=siblings[next];target&&this.focusNodeById(target.id)}},this.onFocusIn=()=>{if(this.focusedId!==null)return;const first=this.cachedLayout.placed[0];first&&(this.focusedId=first.id)}}static{this.defaultStrings={...super.defaultStrings,collapse:LYRA_DEFAULT_collapse,expand:LYRA_DEFAULT_expand,loading:LYRA_DEFAULT_loading,mindMapCollapsed:LYRA_DEFAULT_mindMapCollapsed,mindMapExpanded:LYRA_DEFAULT_mindMapExpanded,mindMapInputLimit:LYRA_DEFAULT_mindMapInputLimit,mindMapLabel:LYRA_DEFAULT_mindMapLabel,mindMapLeafStatus:LYRA_DEFAULT_mindMapLeafStatus,mindMapNodeLimit:LYRA_DEFAULT_mindMapNodeLimit,mindMapTopicStatus:LYRA_DEFAULT_mindMapTopicStatus,noData:LYRA_DEFAULT_noData,retry:LYRA_DEFAULT_retry,treeSourceError:LYRA_DEFAULT_treeSourceError,treeSourceSummary:LYRA_DEFAULT_treeSourceSummary}}static{this.styles=[LyraElement.styles,hierarchySourceStyles,styles,srOnly]}static get observedAttributes(){return[...new Set([...super.observedAttributes,"dir","lang"])]}get treeSource(){return this._treeSource}set treeSource(value){const old=this._treeSource;this._treeSource=value,this.sourceVersion++,this.sourceWrapper=value===void 0?void 0:this.wrapSource(value),this.clearSourceDiagram(),this.sourceControl?.update(this.sourceWrapper,this.effectiveLocale,!0),this.layoutInvalidated=!0,this.requestUpdate("treeSource",old)}revealSourceKey(key){return this.treeSource===void 0?Promise.resolve(!1):this.sourceControl.reveal(key)}sourceAuthority(){const source=this.treeSource,version=this.sourceVersion,owner=this.ownerDocument,epoch=this.sourceControl.epoch,projection=this.sourceControl.projection,accepted=projection?this.sourceViewAuthority.get(projection.rows):void 0,owned=()=>this.isConnected&&this.ownerDocument===owner&&this.treeSource===source&&this.sourceVersion===version&&this.sourceControl.epoch===epoch&&this.sourceControl.projection===projection&&(source===void 0||!this.sourceControl.loading);return()=>owned()&&(source===void 0||!!accepted?.())&&owned()}wrapSource(source){const host=this,wrapper={get revision(){return source.revision},async project(request){const version=host.sourceVersion,owner=host.ownerDocument,owned=()=>host.isConnected&&host.ownerDocument===owner&&host.treeSource===source&&host.sourceWrapper===wrapper&&host.sourceVersion===version&&!request.signal.aborted,current=()=>{if(!owned())return!1;try{const revision=source.revision;return owned()&&revision===request.revision}catch{return!1}},check=()=>{if(!current())throw new Error("Topic source changed")};check();const project=source.project;check();const result=await project.call(source,request);check();const rows=result.rows;if(check(),rows===null||typeof rows!="object")throw new TypeError("Invalid topic source rows");return host.sourceViewAuthority.set(rows,current),result}};return wrapper}clearSourceDiagram(){this.sourceDiagramRows=new Map,this.sourceDiagramCurrent=()=>!1,this.cachedLayout={placed:[],links:[],width:0,height:0,centerX:0,centerY:0}}requestUpdate(name,oldValue){this._treeSource!==void 0&&name===void 0&&(this.sourceVersion++,this.sourceWrapper=this.wrapSource(this._treeSource),this.clearSourceDiagram(),this.sourceControl?.update(this.sourceWrapper,this.effectiveLocale,!0)),super.requestUpdate(name,oldValue)}selectSourceRow(row){if(row.disabled||this.sourceControl.loading||this.sourceControl.error)return;const current=this.sourceAuthority(),index=this.sourceControl.adapter.indexOfKey?.(row.key);if(!current()||typeof index!="number"||index<0)return;const slot=this.sourceControl.slot(index);!current()||slot.state!=="ready"||slot.value!==row||this.sourceControl.project(row.childCount?{type:"toggle",key:row.key,expanded:!row.expanded}:{type:"select",key:row.key,selected:!0,scope:"item"},!0,row)}scheduleSourceDiagram(){this.sourceDiagramScheduled||(this.sourceDiagramScheduled=!0,queueMicrotask(()=>{if(this.sourceDiagramScheduled=!1,this.treeSource===void 0||!this.isConnected)return;const current=this.sourceAuthority(),control=this.sourceControl,rows=new Map;if(!control.loading&&!control.error)for(const element of control.list?.projectedRows??[]){if(rows.size===301)break;const key=element.querySelector("[data-source-key]")?.dataset.sourceKey;if(!key)continue;const slot=control.slot(Number(element.dataset.rowIndex));if(!current())return;slot.state==="ready"&&slot.value.key===key&&rows.set(key,slot.value)}const previous=this.sourceDiagramRows,root=[...rows.values()].find(row=>row.parentKey===null||!rows.has(row.parentKey)),connected=new Map,topics=new Map;if(root)for(const row of rows.values()){if(row!==root&&(!row.parentKey||!connected.has(row.parentKey)))continue;const topic={id:row.key,label:row.value.label,children:[]};connected.set(row.key,row),topics.set(row.key,topic),row!==root&&topics.get(row.parentKey).children.push(topic)}if(!this.layoutInvalidated&&connected.size===previous.size&&[...connected].every(([key,row])=>previous.get(key)===row)&&this.sourceDiagramCurrent())return;const layout=createMindMapLayout(root?[topics.get(root.key)]:[])(this.label??this.localize("mindMapLabel"),{ringGap:this.ringGapPx(),rtl:isRtl(this),isExpanded:id=>connected.get(id)?.expanded??!1});current()&&(this.sourceDiagramRows=connected,this.sourceDiagramCurrent=current,this.cachedLayout={...layout,placed:layout.placed.map(node=>({...node,hasChildren:!!connected.get(node.id)?.childCount,expanded:connected.get(node.id)?.expanded??!1}))},this.layoutInvalidated=!1,this.requestUpdate("sourceDiagram",!1))}))}get topics(){return this._topics}set topics(value){if(Object.is(value,this.topicsSource)||Object.is(value,this._topics))return;const previous=this._topics,snapshot=snapshotMindMapTopics(value);this.topicsSource=value,this._topics=snapshot.topics,this.inputTruncated=snapshot.truncated,this.requestUpdate("topics",previous)}connectedCallback(){super.connectedCallback(),this.announcementSink??=acquireAnnouncementSink("polite",{document:this.ownerDocument,source:this}),this.layoutInvalidated=!0,this.armResizeObserver()}armResizeObserver(){const ownerDocument=this.ownerDocument,ownerWindow=ownerDocument.defaultView;if(!this.isConnected||!ownerWindow?.ResizeObserver||this.resizeObserver&&this.resizeObserverDocument===ownerDocument)return;this.resetResizeWork();const generation=this.ownerRealmGeneration,observer=new ownerWindow.ResizeObserver(entries=>{if(this.resizeObserver!==observer||this.resizeObserverDocument!==ownerDocument||this.ownerRealmGeneration!==generation||!this.isConnected||this.ownerDocument!==ownerDocument)return;const rect=entries[0]?.contentRect,size=rect?`${rect.width}:${rect.height}`:"";if(size&&size===this.observedSize)return;this.observedSize=size,this.resizeRafId!=null&&this.resizeRafOwner?.cancelAnimationFrame(this.resizeRafId);const handle=ownerWindow.requestAnimationFrame(()=>{this.resizeRafId!==handle||this.resizeRafOwner!==ownerWindow||this.resizeRafDocument!==ownerDocument||this.ownerRealmGeneration!==generation||!this.isConnected||this.ownerDocument!==ownerDocument||(this.resizeRafId=void 0,this.resizeRafOwner=void 0,this.resizeRafDocument=void 0,this.layoutInvalidated=!0,this.requestUpdate("layout",!1))});this.resizeRafId=handle,this.resizeRafOwner=ownerWindow,this.resizeRafDocument=ownerDocument});this.resizeObserver=observer,this.resizeObserverDocument=ownerDocument,observer.observe(this)}disconnectedCallback(){this.sourceVersion++,this.clearSourceDiagram(),this.resetResizeWork(),this.announcementSink?.release(),this.announcementSink=void 0,super.disconnectedCallback()}adoptedCallback(){super.adoptedCallback(),this.sourceControl.adopted(),this.sourceVersion++,this.clearSourceDiagram(),this.resetResizeWork(),this.announcementSink?.release(),this.announcementSink=void 0}resetResizeWork(){this.ownerRealmGeneration+=1,this.resizeRafId!=null&&this.resizeRafOwner?.cancelAnimationFrame(this.resizeRafId),this.resizeRafId=void 0,this.resizeRafOwner=void 0,this.resizeRafDocument=void 0,this.resizeObserver?.disconnect(),this.resizeObserver=void 0,this.resizeObserverDocument=void 0,this.observedSize=""}attributeChangedCallback(name,oldValue,value){super.attributeChangedCallback(name,oldValue,value),(name==="dir"||name==="lang")&&oldValue!==value&&(this.layoutInvalidated=!0,this.requestUpdate("layout",!1))}get effectiveExpandDepth(){return finiteCount(this.expandDepth,1)}isExpanded(id,depth){return this.expandedOverrides.get(id)??depth<this.effectiveExpandDepth}ringGapPx(){const hostStyle=this.ownerDocument.defaultView?.getComputedStyle(this)??this.style,raw=hostStyle.getPropertyValue("--lr-mind-map-ring-gap").trim()||hostStyle.getPropertyValue("--_lr-mind-map-ring-gap").trim();return resolveCssTokenLength(raw,{host:this})??DEFAULT_RING_GAP_PX}layoutInputs(){return[this.topics,this.expandDepth,this.expandedOverrides,this.label,this.strings,this.effectiveLocale]}relayout(){this.topicLayout?.source!==this.topics&&(this.topicLayout={source:this.topics,compute:createMindMapLayout(this.topics)});const hubLabel=this.label==null?this.localize("mindMapLabel"):this.label,fullLayout=this.topicLayout.compute(hubLabel,{ringGap:this.ringGapPx(),rtl:isRtl(this),isExpanded:(id,depth)=>this.isExpanded(id,depth)});this.laidOutInputs=this.layoutInputs();const decimated=decimateMindMapLayout(fullLayout.placed,fullLayout.links,MAX_RENDERED_MIND_MAP_NODES);this.totalTopicCount=decimated.totalCount,this.topicsTruncated=decimated.truncated,this.cachedLayout={...fullLayout,placed:[...decimated.placed],links:[...decimated.links]}}willUpdate(changed){if(super.willUpdate(changed),this.sourceControl.update(this.sourceWrapper,this.effectiveLocale),this.treeSource!==void 0){(changed.has("label")||changed.has("strings")||changed.has("locale"))&&(this.layoutInvalidated=!0),this.scheduleSourceDiagram();return}this.hasUpdated&&changed.has("topics")&&this.inputTruncated&&this.announcementSink?.announce(this.localize("mindMapInputLimit"));const context=`${this.label==null?this.localize("mindMapLabel"):this.label}\0${isRtl(this)?"rtl":"ltr"}`,structuralChange=changed.has("topics")||changed.has("expandDepth")||changed.has("expandedOverrides")||changed.has("label")||changed.has("strings")||changed.has("locale");(this.layoutInvalidated||structuralChange&&(!this.laidOutInputs||this.layoutInputs().some((value,index)=>value!==this.laidOutInputs[index]))||context!==this.layoutContext)&&(this.relayout(),this.layoutContext=context,this.layoutInvalidated=!1,this.focusedId&&!this.cachedLayout.placed.some(topic=>topic.id===this.focusedId)&&(this.focusedId=this.cachedLayout.placed[0]?.id??null))}setAnnouncement(text){this.liveText=text,this.announcementSink?.announce(text)}toggle(node,announce=!0){if(this.treeSource!==void 0){const row=this.sourceDiagramRows.get(node.id);row&&this.sourceDiagramCurrent()&&this.selectSourceRow(row);return}const expanded=!this.isExpanded(node.id,node.depth),next=new Map(this.expandedOverrides);next.set(node.id,expanded),this.expandedOverrides=next,this.emit("lr-topic-toggle",{topicId:node.id,expanded}),announce&&this.setAnnouncement(this.localize(expanded?"mindMapExpanded":"mindMapCollapsed",void 0,{label:node.label}))}activate(node){if(this.treeSource!==void 0){const row=this.sourceDiagramRows.get(node.id);row&&this.sourceDiagramCurrent()&&this.selectSourceRow(row);return}node.hasChildren?this.toggle(node):this.emit("lr-topic-select",{topicId:node.id})}siblingsOf(node){return this.cachedLayout.placed.filter(p=>p.parentId===node.parentId)}childrenOf(id){return this.cachedLayout.placed.filter(p=>p.parentId===id)}announce(node){const numberFormat=getNumberFormat(this.effectiveLocale);this.setAnnouncement(node.hasChildren?this.localize("mindMapTopicStatus",void 0,{label:node.label,level:numberFormat.format(node.depth+1),count:numberFormat.format(this.childrenOf(node.id).length)}):this.localize("mindMapLeafStatus",void 0,{label:node.label,level:numberFormat.format(node.depth+1)}))}focusNodeById(id){this.focusedId=id;const node=this.cachedLayout.placed.find(p=>p.id===id);node&&this.announce(node)}onNodeClick(node){if(this.treeSource!==void 0){this.activate(node);return}this.focusedId=node.id,this.svgEl?.focus(),node.hasChildren||this.announce(node),this.activate(node)}connectorControlPoint(from,to){const layout=this.cachedLayout,parentR=Math.hypot(from.x-layout.centerX,from.y-layout.centerY),dir=isRtl(this)?-1:1;return{x:layout.centerX+dir*parentR*Math.sin(to.angle),y:layout.centerY-parentR*Math.cos(to.angle)}}renderSemanticNode(node,childrenByParent){const children=childrenByParent.get(node.id)??[];return html`
       <div
         role="treeitem"
         aria-level=${node.depth+1}
@@ -9,8 +9,10 @@ import{__decorate}from"tslib";import{snapshotPublicCollection}from"../../../inte
               ${children.map(child=>this.renderSemanticNode(child,childrenByParent))}
             </div>`:nothing}
       </div>
-    `}render(){const layout=this.cachedLayout;if(layout.placed.length===0)return html`<div part="base">
+    `}renderInputLimit(){return this.inputTruncated?html`<p part="input-limit" role="note">${this.localize("mindMapInputLimit")}</p>`:nothing}render(){if(this.treeSource===void 0)return this.renderDiagram();const projection=this.sourceControl.projection;return html`${hierarchySourceView(this.sourceControl,{label:this.label??this.localize("mindMapLabel"),rtl:this.effectiveDirection==="rtl",multiple:!1,loading:this.localize("loading"),error:this.localize("treeSourceError"),empty:this.localize("noData"),retry:this.localize("retry"),expand:this.localize("expand"),collapse:this.localize("collapse"),summary:projection?this.localize("treeSourceSummary",void 0,{visible:getNumberFormat(this.effectiveLocale).format(projection.rows.count),total:getNumberFormat(this.effectiveLocale).format(projection.total)}):"",content:topic=>(this.scheduleSourceDiagram(),topic.label),name:topic=>topic.label,select:row=>this.selectSourceRow(row)})}<div part="source-diagram">${this.renderDiagram()}</div>
+      <p part="limit" role="note">${this.localize("mindMapNodeLimit",void 0,{shown:getNumberFormat(this.effectiveLocale).format(this.cachedLayout.placed.length),total:getNumberFormat(this.effectiveLocale).format(projection?.rows.count??0)})}</p>`}renderDiagram(){const sourceMode=this.treeSource!==void 0,current=this.sourceAuthority(),layout=this.cachedLayout;if(layout.placed.length===0)return sourceMode?html``:html`<div part="base">
         <div part="empty">${this.localize("noData")}</div>
+        ${sourceMode?nothing:this.renderInputLimit()}
       </div>`;const ariaLabel=this.label==null?this.localize("mindMapLabel"):this.label,byId=new Map(layout.placed.map(p=>[p.id,p])),childrenByParent=new Map;for(const topic of layout.placed){const siblings=childrenByParent.get(topic.parentId);siblings?siblings.push(topic):childrenByParent.set(topic.parentId,[topic])}const focused=this.focusedId?byId.get(this.focusedId):void 0;return html`
       <div part="base">
         <svg
@@ -20,12 +22,12 @@ import{__decorate}from"tslib";import{snapshotPublicCollection}from"../../../inte
           aria-describedby="mind-map-live"
           tabindex="0"
           viewBox="0 0 ${layout.width} ${layout.height}"
-          @keydown=${this.onKeyDown}
+          @keydown=${event=>{current()&&this.onKeyDown(event)}}
           @focusin=${this.onFocusIn}
         >
           ${layout.links.map(link=>{const from=byId.get(link.fromId),to=byId.get(link.toId);if(!from||!to)return nothing;const control=this.connectorControlPoint(from,to);return svg`<path part="link" d="M ${from.x} ${from.y} Q ${control.x} ${control.y} ${to.x} ${to.y}" fill="none"></path>`})}
           ${layout.placed.map(node=>svg`
-              <g part="node" data-id=${node.id} style=${`transform: translate(${node.x}px, ${node.y}px)`} @click=${()=>this.onNodeClick(node)}>
+              <g part="node" data-id=${node.id} style=${`transform: translate(${node.x}px, ${node.y}px)`} @click=${()=>current()&&this.onNodeClick(node)}>
                 <line
                   class="node-hit"
                   x1="0"
@@ -42,12 +44,14 @@ import{__decorate}from"tslib";import{snapshotPublicCollection}from"../../../inte
             `)}
           ${focused?svg`<circle part="focus-ring" cx=${focused.x} cy=${focused.y} r="10"></circle>`:nothing}
         </svg>
-        ${this.topicsTruncated?html`<p part="limit" role="note">${this.localize("mindMapNodeLimit",void 0,{shown:getNumberFormat(this.effectiveLocale).format(layout.placed.length),total:getNumberFormat(this.effectiveLocale).format(this.totalTopicCount)})}</p>`:nothing}
-        <div class="sr-only" role="tree">
+        ${sourceMode?nothing:this.renderInputLimit()}
+        ${!sourceMode&&this.topicsTruncated?html`<p part="limit" role="note">${this.localize("mindMapNodeLimit",void 0,{shown:getNumberFormat(this.effectiveLocale).format(layout.placed.length),total:getNumberFormat(this.effectiveLocale).format(this.totalTopicCount)})}</p>`:nothing}
+        ${sourceMode?nothing:html`<div class="sr-only" role="tree">
           ${(childrenByParent.get(null)??[]).map(topic=>this.renderSemanticNode(topic,childrenByParent))}
         </div>
+        `}
         <div id="mind-map-live" part="live-region" class="sr-only">
           ${this.liveText}
         </div>
       </div>
-    `}}__decorate([property({attribute:!1})],LyraMindMap.prototype,"topics",null),__decorate([property()],LyraMindMap.prototype,"label",void 0),__decorate([property({type:Number,attribute:"expand-depth"})],LyraMindMap.prototype,"expandDepth",void 0),__decorate([query('[part="svg"]')],LyraMindMap.prototype,"svgEl",void 0),__decorate([state()],LyraMindMap.prototype,"expandedOverrides",void 0),__decorate([state()],LyraMindMap.prototype,"focusedId",void 0),__decorate([state()],LyraMindMap.prototype,"liveText",void 0);export{LyraMindMap};
+    `}}__decorate([property({attribute:!1})],LyraMindMap.prototype,"treeSource",null),__decorate([property({attribute:!1})],LyraMindMap.prototype,"topics",null),__decorate([property()],LyraMindMap.prototype,"label",void 0),__decorate([property({type:Number,attribute:"expand-depth"})],LyraMindMap.prototype,"expandDepth",void 0),__decorate([query('[part="svg"]')],LyraMindMap.prototype,"svgEl",void 0),__decorate([state()],LyraMindMap.prototype,"expandedOverrides",void 0),__decorate([state()],LyraMindMap.prototype,"focusedId",void 0),__decorate([state()],LyraMindMap.prototype,"liveText",void 0);export{LyraMindMap};

package/dist/components/retrieval/mind-map/mind-map.d.ts

@@ -1,2 +1,3 @@
+import'../../layout/virtual-list/virtual-list.js';
 /** @deprecated Import @aceshooting/lyra-ui/components/lr-mind-map.js to register this component. */
 export*from'./mind-map.class.js';

package/dist/components/retrieval/mind-map/mind-map.js

@@ -1 +1 @@
-export*from"./mind-map.class.js";import{LyraMindMap}from"./mind-map.class.js";import{defineElement}from"../../../internal/prefix.js";defineElement("mind-map",LyraMindMap);
+import"../../layout/virtual-list/virtual-list.js";export*from"./mind-map.class.js";import{LyraMindMap}from"./mind-map.class.js";import{defineElement}from"../../../internal/prefix.js";defineElement("mind-map",LyraMindMap);

package/dist/components/retrieval/mind-map/mind-map.styles.js

@@ -1 +1 @@
-import{css}from"lit";const styles=css`:host{--_lr-mind-map-ring-gap:var(--lr-size-6rem);display:block}[part=base]{display:block}[part=svg]{block-size:100%;inline-size:100%;display:block}[part=svg]:focus-visible{outline:none}[part=link]{stroke:var(--lr-color-border);stroke-width:1.5px}[part=node]{cursor:pointer;transition:transform var(--lr-transition-base)}.node-hit{fill:none;stroke:#0000;stroke-width:var(--lr-icon-button-size);stroke-linecap:round;vector-effect:non-scaling-stroke;pointer-events:stroke}[part=node] circle{fill:var(--lr-color-brand);stroke:#0000;stroke-width:var(--lr-border-width-thick);transition:stroke var(--lr-transition-fast)}[part=node]:hover circle{stroke:var(--lr-mind-map-node-hover-halo,var(--lr-color-brand-quiet))}[part=node]:active circle{stroke:color-mix(in oklab, var(--lr-mind-map-node-hover-halo,var(--lr-color-brand-quiet)), var(--lr-color-mix-partner) var(--lr-color-mix-active))}[part=node-label]{fill:var(--lr-color-text);font-size:var(--lr-font-size-sm)}[part=focus-ring]{fill:none;stroke:var(--lr-focus-ring-color);stroke-width:var(--lr-focus-ring-width);pointer-events:none}[part=empty]{padding:var(--lr-space-m);color:var(--lr-color-text-quiet)}`;export{styles};
+import{css}from"lit";const styles=css`:host{--_lr-mind-map-ring-gap:var(--lr-size-6rem);display:block}[part=base]{display:block}[part=source-diagram]{block-size:var(--lr-size-20rem);min-inline-size:0;overflow:hidden}[part=svg]{block-size:100%;inline-size:100%;display:block}[part=svg]:focus-visible{outline:none}[part=link]{stroke:var(--lr-color-border);stroke-width:1.5px}[part=node]{cursor:pointer;transition:transform var(--lr-transition-base)}.node-hit{fill:none;stroke:#0000;stroke-width:var(--lr-icon-button-size);stroke-linecap:round;vector-effect:non-scaling-stroke;pointer-events:stroke}[part=node] circle{fill:var(--lr-color-brand);stroke:#0000;stroke-width:var(--lr-border-width-thick);transition:stroke var(--lr-transition-fast)}[part=node]:hover circle{stroke:var(--lr-mind-map-node-hover-halo,var(--lr-color-brand-quiet))}[part=node]:active circle{stroke:color-mix(in oklab, var(--lr-mind-map-node-hover-halo,var(--lr-color-brand-quiet)), var(--lr-color-mix-partner) var(--lr-color-mix-active))}[part=node-label]{fill:var(--lr-color-text);font-size:var(--lr-font-size-sm)}[part=focus-ring]{fill:none;stroke:var(--lr-focus-ring-color);stroke-width:var(--lr-focus-ring-width);pointer-events:none}[part=empty]{padding:var(--lr-space-m);color:var(--lr-color-text-quiet)}[part=input-limit]{margin-block:var(--lr-space-xs);color:var(--lr-color-text-quiet);font-size:var(--lr-font-size-sm)}`;export{styles};

package/dist/components/retrieval/neighbor-list/neighbor-list.class.d.ts

@@ -1,4 +1,4 @@
-import{type PropertyValues,type TemplateResult}from'lit';import{LyraElement}from'../../../internal/lyra-element.js';import type{LyraEntity}from'../entity-card/entity-card.class.js';import type{LyraNodeTypeStyle}from'../../../internal/node-type-style.js';import'../../overlays/empty/empty.class.js';export interface LyraNeighborRow{
+import type{GraphSource}from'../graph/graph.class.js';import type{LyraGraphSourceQuery}from'../../../data-sources.js';import'../../data/pagination/pagination.class.js';export type NeighborListSource=GraphSource;export type NeighborSourceDirection=LyraGraphSourceQuery['direction'];import{type PropertyValues,type TemplateResult}from'lit';import{LyraElement}from'../../../internal/lyra-element.js';import type{LyraEntity}from'../entity-card/entity-card.class.js';import type{LyraNodeTypeStyle}from'../../../internal/node-type-style.js';import'../../overlays/empty/empty.class.js';export interface LyraNeighborRow{
 /** Edge label, e.g. `'works_for'`. */
 relation:string;direction:'in'|'out'|'both';node:LyraEntity;}export interface LyraNeighborListEventMap{
 /** Canonical name for the "user picked this entity" gesture. */
@@ -31,6 +31,10 @@ relation:string;direction:'in'|'out'|'both';node:LyraEntity;}export interface Ly
 * @csspart node-label - The row's node `<button>`.
 * @csspart node-meta - Secondary node text (type/degree), when present.
 * @csspart expand-button - The per-row expand-in-graph icon button, only rendered when `expandable`.
+* @csspart limit - Localized retained/source counts when the row assignment exceeds its input boundary.
+* @csspart source-status - Source loading, failure, empty, or missing-center status.
+* @csspart source-summary - Exact neighborhood total and current page count.
+* @csspart source-retry - Retry action for the current failed source request.
 * @csspart empty - The empty-state message, shown when `rows` is empty.
 * @status stable
 * @since 4.0.0
@@ -50,4 +54,22 @@ virtualizeAt:number;
 /** Accessible name for the stable group when the host has no `aria-label`; falls back to the
 *  localized `neighborListLabel` default when omitted. An explicitly empty host label stays
 *  empty, and so does an explicitly empty `label`. */
-label?:string;private get effectiveVirtualizeAt();private sortedRowsCache;private groupsCache;private hasComputedRows;private processedSignature;protected willUpdate(changed:PropertyValues<this>):void;private sortedRows;private computeSortedRows;private groups;private computeGroups;private directionGlyph;private directionText;private renderRow;private readonly virtualListKeyFunction;private renderNeighborRow;render():TemplateResult;}declare global{interface HTMLElementTagNameMap{'lr-neighbor-list':LyraNeighborList;}}
+label?:string;private _graphSource?;
+/** Full node-neighborhood provider. Wins over rows while defined. Reassign (even the same
+* source) or call requestUpdate() to refresh; unset restores rows. Relation grouping and
+* per-row direction are unavailable because node records do not carry edge metadata. */
+get graphSource():NeighborListSource|undefined;set graphSource(value:NeighborListSource|undefined);
+/** Canonical node key whose neighborhood is shown; null makes no provider request. */
+centerKey:string|null;
+/** Direction filter for the entire neighborhood, not a per-row edge direction. */
+sourceDirection:NeighborSourceDirection;private _sourceNodeTypes;private sourceTypesError;private sourceTypesVersion;
+/** At most 500 distinct nonblank type IDs; 65,536 units each and 2,000,000 combined. */
+get sourceNodeTypes():readonly string[];set sourceNodeTypes(value:readonly string[]);
+/** Zero-based full-neighborhood page. */
+sourcePage:number;
+/** Requested page size, normalized to 1–500, default 100. */
+sourcePageSize:number;
+/** Exact matching neighborhood count, or null before a current successful query. */
+get sourceTotal():number|null;private sourceEpoch;private sourceNavigation;private sourcePaint;private sourceBinding?;private sourcePageBinding?;private sourceError;private sourceFailedEpoch?;private sourceSyncing;private sourcePromise;private readonly sourcePages;private sourceCurrent;private syncSource;
+/** Reveals and focuses a global neighborhood node without selecting or expanding it. */
+revealSourceKey(key:string):Promise<boolean>;connectedCallback():void;disconnectedCallback():void;private get effectiveVirtualizeAt();private readonly announcements;private sortedRowsCache;private groupsCache;private hasComputedRows;private processedSignature;private explicitRefresh;private groupDeps?;private presentationDeps?;requestUpdate(...args:Parameters<LyraElement['requestUpdate']>):void;protected willUpdate(changed:PropertyValues<this>):void;private sortedRows;private computeSortedRows;private groups;private computeGroups;private directionGlyph;private directionText;private renderRow;private readonly virtualListKeyFunction;private renderNeighborRow;adoptedCallback():void;private renderSource;protected updated(changed:PropertyValues<this>):void;private inputLimitMessage;private renderInputLimit;render():TemplateResult;}declare global{interface HTMLElementTagNameMap{'lr-neighbor-list':LyraNeighborList;}}

package/dist/components/retrieval/neighbor-list/neighbor-list.class.js

@@ -1,4 +1,4 @@
-import{__decorate}from"tslib";import{collectionSupport}from"../../../internal/collection-snapshot.js";import{html,nothing}from"lit";import{property}from"lit/decorators.js";import{guard}from"lit/directives/guard.js";import{LyraElement}from"../../../internal/lyra-element.js";import{firstByRetrievalIdentity}from"../retrieval-identity.js";import{expandIcon}from"../../../internal/icons.js";import{finiteCount}from"../../../internal/numbers.js";import{getCollator,getListFormat,getNumberFormat}from"../../../internal/intl-cache.js";import"../../overlays/empty/empty.class.js";import{styles}from"./neighbor-list.styles.js";import{retrievalSemanticLabel,retrievalSemanticRole}from"../retrieval-semantic-owner.js";import{LYRA_DEFAULT_neighborExpand,LYRA_DEFAULT_neighborGroupHeader,LYRA_DEFAULT_neighborListEmpty,LYRA_DEFAULT_neighborListLabel,LYRA_DEFAULT_neighborRowLabel}from"../../../internal/default-strings/retrieval.generated.js";import{LYRA_DEFAULT_neighborDirectionBoth,LYRA_DEFAULT_neighborDirectionIn,LYRA_DEFAULT_neighborDirectionOut}from"../../../internal/default-strings/shared.generated.js";let virtualListRegistration;class LyraNeighborList extends LyraElement{constructor(){super(...arguments),this.rows=[],this.types=[],this.groupByRelation=!1,this.expandable=!1,this.virtualizeAt=100,this.sortedRowsCache=[],this.hasComputedRows=!1,this.processedSignature="",this.renderRow=item=>this.renderNeighborRow(item),this.virtualListKeyFunction=item=>item.node.id}static{this.defaultStrings={...super.defaultStrings,neighborDirectionBoth:LYRA_DEFAULT_neighborDirectionBoth,neighborDirectionIn:LYRA_DEFAULT_neighborDirectionIn,neighborDirectionOut:LYRA_DEFAULT_neighborDirectionOut,neighborExpand:LYRA_DEFAULT_neighborExpand,neighborGroupHeader:LYRA_DEFAULT_neighborGroupHeader,neighborListEmpty:LYRA_DEFAULT_neighborListEmpty,neighborListLabel:LYRA_DEFAULT_neighborListLabel,neighborRowLabel:LYRA_DEFAULT_neighborRowLabel}}static{this.collectionSupport=collectionSupport}static{this.ownedCollectionProperties=Object.freeze(["rows","types"])}static{this.styles=[LyraElement.styles,styles]}get effectiveVirtualizeAt(){return finiteCount(this.virtualizeAt,100)}willUpdate(changed){super.willUpdate(changed);const signature=`${this.effectiveLocale} ${this.groupByRelation}`;(!this.hasComputedRows||changed.has("rows")||changed.has("groupByRelation")||signature!==this.processedSignature)&&(this.hasComputedRows=!0,this.processedSignature=signature,this.sortedRowsCache=this.computeSortedRows(),this.groupsCache=this.computeGroups(this.sortedRowsCache)),this.sortedRowsCache.length>this.effectiveVirtualizeAt&&(virtualListRegistration??=import("../../layout/virtual-list/virtual-list.js").catch(()=>virtualListRegistration=void 0))}sortedRows(){return this.sortedRowsCache}computeSortedRows(){const rows=firstByRetrievalIdentity(this.rows,row=>row?.node?.id);if(!this.groupByRelation)return rows;const compare=getCollator(this.effectiveLocale).compare;return rows.sort((a,b)=>compare(a.relation,b.relation))}groups(sorted){return sorted===this.sortedRowsCache?this.groupsCache:this.computeGroups(sorted)}computeGroups(sorted){if(!this.groupByRelation)return;const groups=[],counts=new Map;for(const row of sorted)counts.set(row.relation,(counts.get(row.relation)??0)+1);const numberFormat=getNumberFormat(this.effectiveLocale);let lastRelation;return sorted.forEach((row,i)=>{if(row.relation!==lastRelation){const count=numberFormat.format(counts.get(row.relation)??0);groups.push({key:row.relation,label:this.localize("neighborGroupHeader",void 0,{relation:row.relation,count}),startIndex:i}),lastRelation=row.relation}}),groups}directionGlyph(direction){return direction==="both"?"↔":direction==="out"?"→":"←"}directionText(direction){return this.localize(direction==="in"?"neighborDirectionIn":direction==="out"?"neighborDirectionOut":"neighborDirectionBoth")}renderNeighborRow(row){const nodeLabel=row.node.label||row.node.id,directionText=this.directionText(row.direction),accessibleName=this.localize("neighborRowLabel",void 0,{label:nodeLabel,relation:row.relation,direction:directionText}),nodeType=typeof row.node.type=="string"&&row.node.type.trim()!==""?row.node.type:void 0;this.typeLabels?.[0]!==this.types&&(this.typeLabels=[this.types,new Map(firstByRetrievalIdentity(this.types,type=>type?.id).map(type=>[type.id,type.label]))]);const meta=[nodeType&&(this.typeLabels[1].get(nodeType)??nodeType),row.node.degree!=null?getNumberFormat(this.effectiveLocale).format(finiteCount(row.node.degree)):void 0].filter(v=>typeof v=="string"&&v!==""),metaText=getListFormat(this.effectiveLocale,{style:"short",type:"unit"}).format(meta);return html`
+import{__decorate}from"tslib";import{SourcePageController}from"../../../internal/source-page-controller.js";import{sourceCount,sourceRevision}from"../../../internal/source-request-controller.js";import"../../data/pagination/pagination.class.js";function sourceField(value,key){if(!value||typeof value!="object")throw new TypeError("Invalid neighborhood value");const descriptor=Object.getOwnPropertyDescriptor(value,key);if(descriptor&&!("value"in descriptor))throw new TypeError("Accessor neighborhood field");return descriptor?.value}function sourceRows(raw,limit){if(!Array.isArray(raw))throw new TypeError("Invalid neighborhood page");const length=sourceCount(sourceField(raw,"length"));if(length>limit)throw new RangeError("Neighborhood page limit");let units=0;const text=(value,required=!1)=>{if(!(value===void 0&&!required)){if(typeof value!="string"||required&&!value.trim()||value.length>65536||(units+=value.length)>2e6)throw new TypeError("Invalid neighborhood text");return value}};return Object.freeze(Array.from({length},(_,index)=>{const entry=sourceField(raw,index),record=sourceField(entry,"value");if(sourceField(record,"kind")!=="node")throw new TypeError("Expected neighborhood node");const node=sourceField(record,"value"),key=text(sourceField(entry,"key"),!0),id=text(sourceField(node,"id"),!0);if(key!==`node:${id}`)throw new TypeError("Invalid neighborhood identity");const label=text(sourceField(node,"label")),accessibleLabel=text(sourceField(node,"accessibleLabel")),type=text(sourceField(node,"type"));return Object.freeze({key,order:sourceCount(sourceField(entry,"order")),value:Object.freeze({id,...label===void 0?{}:{label},...accessibleLabel===void 0?{}:{accessibleLabel},...type===void 0?{}:{type}})})}))}function sourceSummary(raw){return Object.freeze({nodes:sourceCount(sourceField(raw,"nodes")),edges:sourceCount(sourceField(raw,"edges"))})}import{AnnouncementSinkController}from"../../../internal/announcer.js";import{lyraLocaleCatalogVersion}from"../../../internal/localization-runtime.js";import{collectionSupport,publicCollectionTruncation}from"../../../internal/collection-snapshot.js";import{html,nothing}from"lit";import{property}from"lit/decorators.js";import{guard}from"lit/directives/guard.js";import{LyraElement}from"../../../internal/lyra-element.js";import{firstByRetrievalIdentity}from"../retrieval-identity.js";import{expandIcon}from"../../../internal/icons.js";import{finiteInteger,finiteCount}from"../../../internal/numbers.js";import{getCollator,getListFormat,getNumberFormat}from"../../../internal/intl-cache.js";import"../../overlays/empty/empty.class.js";import{styles}from"./neighbor-list.styles.js";import{retrievalSemanticLabel,retrievalSemanticRole}from"../retrieval-semantic-owner.js";import{LYRA_DEFAULT_graphDataListLimit,LYRA_DEFAULT_neighborExpand,LYRA_DEFAULT_neighborGroupHeader,LYRA_DEFAULT_neighborListEmpty,LYRA_DEFAULT_neighborListLabel,LYRA_DEFAULT_neighborRowLabel,LYRA_DEFAULT_neighborSourceChoose,LYRA_DEFAULT_neighborSourceError,LYRA_DEFAULT_neighborSourceSummary}from"../../../internal/default-strings/retrieval.generated.js";import{LYRA_DEFAULT_loading,LYRA_DEFAULT_neighborDirectionBoth,LYRA_DEFAULT_neighborDirectionIn,LYRA_DEFAULT_neighborDirectionOut,LYRA_DEFAULT_retry}from"../../../internal/default-strings/shared.generated.js";let virtualListRegistration;class LyraNeighborList extends LyraElement{constructor(){super(...arguments),this.rows=[],this.types=[],this.groupByRelation=!1,this.expandable=!1,this.virtualizeAt=100,this.centerKey=null,this.sourceDirection="both",this._sourceNodeTypes=Object.freeze([]),this.sourceTypesError=!1,this.sourceTypesVersion=0,this.sourcePage=0,this.sourcePageSize=100,this.sourceEpoch=0,this.sourceNavigation=0,this.sourcePaint=0,this.sourceError=!1,this.sourceSyncing=!1,this.sourcePromise=Promise.resolve(!1),this.sourcePages=new SourcePageController(this,{normalizeRecord:row=>row,normalizeSummary:sourceSummary,validateMetadata:result=>{if(result.total>result.summary.nodes)throw new RangeError("Invalid neighborhood total")},onChange:()=>{const old=this.sourcePaint++;this.requestUpdate("sourcePaint",old)}}),this.announcements=new AnnouncementSinkController(this,{eager:["polite"]}),this.sortedRowsCache=[],this.hasComputedRows=!1,this.processedSignature="",this.explicitRefresh=0,this.renderRow=item=>this.renderNeighborRow(item),this.virtualListKeyFunction=item=>item.node.id}static{this.defaultStrings={...super.defaultStrings,graphDataListLimit:LYRA_DEFAULT_graphDataListLimit,loading:LYRA_DEFAULT_loading,neighborDirectionBoth:LYRA_DEFAULT_neighborDirectionBoth,neighborDirectionIn:LYRA_DEFAULT_neighborDirectionIn,neighborDirectionOut:LYRA_DEFAULT_neighborDirectionOut,neighborExpand:LYRA_DEFAULT_neighborExpand,neighborGroupHeader:LYRA_DEFAULT_neighborGroupHeader,neighborListEmpty:LYRA_DEFAULT_neighborListEmpty,neighborListLabel:LYRA_DEFAULT_neighborListLabel,neighborRowLabel:LYRA_DEFAULT_neighborRowLabel,neighborSourceChoose:LYRA_DEFAULT_neighborSourceChoose,neighborSourceError:LYRA_DEFAULT_neighborSourceError,neighborSourceSummary:LYRA_DEFAULT_neighborSourceSummary,retry:LYRA_DEFAULT_retry}}static{this.collectionSupport=collectionSupport}static{this.ownedCollectionProperties=Object.freeze(["rows","types"])}static{this.styles=[LyraElement.styles,styles]}get graphSource(){return this._graphSource}set graphSource(value){const previous=this._graphSource;this._graphSource=value,this.requestUpdate("graphSource",previous),previous===value&&super.requestUpdate()}get sourceNodeTypes(){return this._sourceNodeTypes}set sourceNodeTypes(value){const previous=this._sourceNodeTypes,transaction=++this.sourceTypesVersion;try{if(!Array.isArray(value))throw new TypeError("Invalid neighborhood types");const length=sourceCount(sourceField(value,"length"));if(length>500)throw new RangeError("Neighborhood type limit");const types=new Set;let units=0;for(let i=0;i<length;i++){const item=sourceField(value,i);if(typeof item!="string"||!item.trim()||item.length>65536)throw new TypeError("Invalid neighborhood type");if(!types.has(item)){if(units+=item.length,units>2e6)throw new RangeError("Neighborhood type budget");types.add(item)}}if(transaction!==this.sourceTypesVersion)return;this._sourceNodeTypes=Object.freeze([...types].sort()),this.sourceTypesError=!1}catch{if(transaction!==this.sourceTypesVersion)return;this._sourceNodeTypes=Object.freeze([]),this.sourceTypesError=!0}this.requestUpdate("sourceNodeTypes",previous)}get sourceTotal(){return this.graphSource!==void 0&&this.centerKey!==null&&!this.sourceError&&this.sourceBinding?.[3]===this.sourceEpoch?this.sourcePages.state.result?.total??null:null}sourceCurrent(){const source=this.graphSource,epoch=this.sourceEpoch,owner=this.ownerDocument;let revision;try{revision=source?.revision}catch{return()=>!1}return()=>{try{return source?.revision===revision&&this.isConnected&&this.ownerDocument===owner&&this.graphSource===source&&this.sourceEpoch===epoch}catch{return!1}}}syncSource(){if(!this.sourcePages||this.sourceSyncing)return;this.sourceSyncing=!0;const epoch=this.sourceEpoch;try{if(this.sourceError&&this.sourceFailedEpoch===epoch)return;const source=this.graphSource;if(source===void 0||this.centerKey===null||!this.isConnected){(this.sourceBinding||this.sourcePageBinding)&&this.sourcePages.bind(void 0),this.sourceBinding=void 0,this.sourcePageBinding=void 0,this.sourceError=!1;return}if(this.sourceTypesError||typeof this.centerKey!="string"||!this.centerKey.startsWith("node:")||!this.centerKey.slice(5).trim()||this.centerKey.length>65536||!["in","out","both"].includes(this.sourceDirection))throw new TypeError("Invalid neighborhood scope");const revision=sourceRevision(source.revision),records=source.records,locale=this.effectiveLocale,queryRead=records.query,lookupRead=records.lookup,locateRead=records.locate;if(sourceRevision(records.revision)!==revision||typeof queryRead!="function"||typeof lookupRead!="function"||typeof locateRead!="function")throw new TypeError("Invalid neighborhood provider");if(epoch!==this.sourceEpoch||source!==this.graphSource)return;const binding=[source,records,revision,epoch,locale];if(!this.sourceBinding||binding.some((value,index)=>value!==this.sourceBinding[index])){this.sourceBinding=binding,this.sourcePageBinding=void 0,this.sourceError=!1;const current=()=>source.revision===revision&&source.records===records&&records.revision===revision&&this.isConnected&&epoch===this.sourceEpoch&&source===this.graphSource,check=()=>{if(!current())throw new Error("Obsolete neighborhood")};if(this.sourcePages.bind({revision,epoch,locale,source:{revision,query:async request=>{check();const raw=await queryRead.call(records,request);if(check(),sourceField(raw,"groups")!==void 0||sourceField(raw,"tags")!==void 0)throw new TypeError("Unexpected neighborhood metadata");const result={rows:sourceRows(sourceField(raw,"rows"),request.pageSize),total:sourceCount(sourceField(raw,"total")),summary:sourceSummary(sourceField(raw,"summary"))};return check(),result},lookup:async(keys,context)=>{check();const raw=await lookupRead.call(records,keys,context);check();const rows=sourceRows(raw,keys.length);return check(),rows},locate:async(key,query,context)=>{check();const result=await locateRead.call(records,key,query,context);return check(),result}}}),epoch!==this.sourceEpoch||source!==this.graphSource)return}const size=finiteInteger(this.sourcePageSize,100,1,500),page=finiteInteger(this.sourcePage,0,0,Math.floor(Number.MAX_SAFE_INTEGER/size)),signature=[page,size,this.centerKey,this.sourceDirection,this.sourceNodeTypes];(!this.sourcePageBinding||signature.some((value,index)=>value!==this.sourcePageBinding[index]))&&(this.sourcePageBinding=signature,this.sourcePromise=this.sourcePages.request(Object.freeze({kind:"nodes",search:"",centerKey:this.centerKey,direction:this.sourceDirection,nodeTypes:this.sourceNodeTypes}),page,size))}catch{epoch===this.sourceEpoch&&(this.sourceError=!0,this.sourceFailedEpoch=epoch,this.sourcePages.bind(void 0),this.sourceBinding=void 0,this.sourcePageBinding=void 0)}finally{this.sourceSyncing=!1,epoch!==this.sourceEpoch&&queueMicrotask(()=>{const old=this.sourcePaint++;this.requestUpdate("sourcePaint",old)})}}async revealSourceKey(key){const navigation=++this.sourceNavigation;if(this.graphSource===void 0||this.centerKey===null||typeof key!="string"||!key.startsWith("node:")||!key.slice(5).trim()||key.length>65536)return!1;this.syncSource();const sourceCurrent=this.sourceCurrent(),current=()=>sourceCurrent()&&this.sourceNavigation===navigation;if(await this.sourcePromise,!current()||this.sourceError)return!1;const index=await this.sourcePages.locate(key);if(!current()||index===null||(this.sourceSyncing=!0,this.sourcePage=Math.floor(index/finiteInteger(this.sourcePageSize,100,1,500)),this.sourceSyncing=!1,this.syncSource(),await this.sourcePromise,await this.updateComplete,!current()))return!1;const target=[...this.renderRoot.querySelectorAll("[data-source-key]")].find(node=>node.dataset.sourceKey===key);return!target||!current()||(target.scrollIntoView({block:"nearest"}),!current())?!1:(target.focus(),current()&&this.renderRoot.querySelector("[data-source-key]:focus")===target)}connectedCallback(){super.connectedCallback(),this.sourceEpoch++,this.syncSource()}disconnectedCallback(){this.sourceEpoch++,this.sourceNavigation++,this.sourcePages.bind(void 0),this.sourceBinding=void 0,this.sourcePageBinding=void 0,super.disconnectedCallback()}get effectiveVirtualizeAt(){return finiteCount(this.virtualizeAt,100)}requestUpdate(...args){if(this.sourcePages&&(!this.sourceSyncing||args[0]!=="sourcePage"))if(args[0]===void 0||["graphSource","centerKey","sourceDirection","sourceNodeTypes","sourcePageSize"].includes(String(args[0]))){if(this.sourceEpoch++,this.sourceNavigation++,["centerKey","sourceDirection","sourceNodeTypes","sourcePageSize"].includes(String(args[0]))){const syncing=this.sourceSyncing;this.sourceSyncing=!0,this.sourcePage=0,this.sourceSyncing=syncing}}else args[0]==="sourcePage"&&this.sourceNavigation++;args[0]===void 0&&(this.explicitRefresh=(this.explicitRefresh??0)+1),super.requestUpdate(...args)}willUpdate(changed){if(super.willUpdate(changed),this.syncSource(),this.graphSource!==void 0){(changed.has("rows")||changed.has("groupByRelation"))&&(this.hasComputedRows=!1);return}if(this.hasUpdated&&changed.has("rows")){const message=this.inputLimitMessage();message&&this.announcements.announcePolite(message)}const signature=`${this.effectiveLocale} ${this.groupByRelation}`;(!this.hasComputedRows||changed.has("rows")||changed.has("groupByRelation")||signature!==this.processedSignature)&&(this.hasComputedRows=!0,this.processedSignature=signature,this.sortedRowsCache=this.computeSortedRows());const groupDeps=[this.sortedRowsCache,this.effectiveLocale,this.strings,lyraLocaleCatalogVersion(this.effectiveLocale),this.explicitRefresh];(!this.groupDeps||groupDeps.some((value,index)=>value!==this.groupDeps[index]))&&(this.groupDeps=groupDeps,this.groupsCache=this.computeGroups(this.sortedRowsCache));const presentationDeps=[...groupDeps,this.types,this.expandable];(!this.presentationDeps||presentationDeps.some((value,index)=>value!==this.presentationDeps[index]))&&(this.presentationDeps=presentationDeps,this.renderRow=item=>this.renderNeighborRow(item)),this.sortedRowsCache.length>this.effectiveVirtualizeAt&&(virtualListRegistration??=import("../../layout/virtual-list/virtual-list.js").catch(()=>virtualListRegistration=void 0))}sortedRows(){return this.sortedRowsCache}computeSortedRows(){const rows=firstByRetrievalIdentity(this.rows,row=>row?.node?.id);if(!this.groupByRelation)return rows;const compare=getCollator(this.effectiveLocale).compare;return rows.sort((a,b)=>compare(a.relation,b.relation))}groups(sorted){return sorted===this.sortedRowsCache?this.groupsCache:this.computeGroups(sorted)}computeGroups(sorted){if(!this.groupByRelation)return;const groups=[],counts=new Map;for(const row of sorted)counts.set(row.relation,(counts.get(row.relation)??0)+1);const numberFormat=getNumberFormat(this.effectiveLocale);let lastRelation;return sorted.forEach((row,i)=>{if(row.relation!==lastRelation){const count=numberFormat.format(counts.get(row.relation)??0);groups.push({key:row.relation,label:this.localize("neighborGroupHeader",void 0,{relation:row.relation,count}),startIndex:i}),lastRelation=row.relation}}),groups}directionGlyph(direction){return direction==="both"?"↔":direction==="out"?"→":"←"}directionText(direction){return this.localize(direction==="in"?"neighborDirectionIn":direction==="out"?"neighborDirectionOut":"neighborDirectionBoth")}renderNeighborRow(row){const nodeLabel=row.node.label||row.node.id,directionText=this.directionText(row.direction),accessibleName=this.localize("neighborRowLabel",void 0,{label:nodeLabel,relation:row.relation,direction:directionText}),nodeType=typeof row.node.type=="string"&&row.node.type.trim()!==""?row.node.type:void 0;this.typeLabels?.[0]!==this.types&&(this.typeLabels=[this.types,new Map(firstByRetrievalIdentity(this.types,type=>type?.id).map(type=>[type.id,type.label]))]);const meta=[nodeType&&(this.typeLabels[1].get(nodeType)??nodeType),row.node.degree!=null?getNumberFormat(this.effectiveLocale).format(finiteCount(row.node.degree)):void 0].filter(v=>typeof v=="string"&&v!==""),metaText=getListFormat(this.effectiveLocale,{style:"short",type:"unit"}).format(meta);return html`
       <button
         part="node-label"
         type="button"
@@ -21,11 +21,23 @@ import{__decorate}from"tslib";import{collectionSupport}from"../../../internal/co
           >
             ${expandIcon()}
           </button>`:nothing}
-    `}render(){const sorted=this.sortedRows(),label=retrievalSemanticLabel(this,this.label==null?this.localize("neighborListLabel"):this.label),role=retrievalSemanticRole(this,"group");if(sorted.length===0)return html`<div
+    `}adoptedCallback(){super.adoptedCallback(),this.announcements.adopted(),this.sourceEpoch++,this.sourceNavigation++,this.sourcePages.adopted(),this.syncSource()}renderSource(){const state=this.sourcePages.state,failed=this.sourceError||!!state.error,sourceCurrent=this.sourceCurrent(),page=this.sourcePage,current=()=>sourceCurrent()&&Object.is(this.sourcePage,page),valid=()=>current()&&this.sourcePages.state===state&&!this.sourceError,rows=!failed&&this.centerKey!==null?state.result?.rows??[]:[],label=retrievalSemanticLabel(this,this.label??this.localize("neighborListLabel")),role=retrievalSemanticRole(this,"group"),status=this.centerKey===null?this.localize("neighborSourceChoose"):failed?this.localize("neighborSourceError"):state.pending?this.localize("loading"):rows.length?"":this.localize("neighborListEmpty"),total=this.sourceTotal;return html`<div part="base" role=${role??nothing} aria-label=${label??nothing} aria-busy=${String(state.pending)}>
+      ${status?html`<p part="source-status">${status}</p>`:nothing}
+      ${failed?html`<button part="source-retry" type="button" @click=${()=>{current()&&this.sourcePages.state===state&&(this.sourceError||state.error)&&this.requestUpdate()}}>${this.localize("retry")}</button>`:nothing}
+      ${total!==null?html`<p part="source-summary">${this.localize("neighborSourceSummary",void 0,{shown:getNumberFormat(this.effectiveLocale).format(rows.length),total:getNumberFormat(this.effectiveLocale).format(total)})}</p>`:nothing}
+      <div role="list">${rows.map(row=>{const name=row.value.accessibleLabel||row.value.label||row.value.id;return html`<div part="row" role="listitem"><button part="node-label" type="button" data-source-key=${row.key} aria-label=${name}
+          @click=${()=>{valid()&&rows.includes(row)&&this.emit("lr-entity-select",{entityId:row.value.id})}}>${row.value.label||row.value.id}</button>
+          ${this.expandable?html`<button part="expand-button" type="button" aria-label=${this.localize("neighborExpand",void 0,{label:name})}
+            @click=${()=>{valid()&&this.expandable&&rows.includes(row)&&this.emit("lr-node-expand",{nodeId:row.value.id})}}>${expandIcon()}</button>`:nothing}</div>`})}</div>
+      ${this.centerKey!==null?html`<lr-pagination format="compact" with-edges .page=${finiteInteger(this.sourcePage,0,0,Number.MAX_SAFE_INTEGER-1)+1}
+        .pageSize=${finiteInteger(this.sourcePageSize,100,1,500)} .total=${total??-1} .disabled=${failed||state.pending||total===null}
+        .strings=${this.strings} @lr-page-change=${event=>{event.stopPropagation(),valid()&&(this.sourcePage=event.detail.page-1)}}></lr-pagination>`:nothing}
+    </div>`}updated(changed){if(super.updated(changed),this.graphSource!==void 0){const state=this.sourcePages.state,status=this.sourceError||state.error?"error":state.pending?"loading":"ready";this.announcements.transition("source",status,status==="error"?this.localize("neighborSourceError"):status==="loading"?this.localize("loading"):""),state.result&&this.sourcePage!==state.page&&(this.sourceSyncing=!0,this.sourcePage=state.page,this.sourceSyncing=!1,this.sourcePageBinding&&(this.sourcePageBinding=[state.page,...this.sourcePageBinding.slice(1)]))}}inputLimitMessage(){const loss=publicCollectionTruncation(this,"rows"),format=getNumberFormat(this.effectiveLocale);return loss?this.localize("graphDataListLimit",void 0,{shown:format.format(loss.retained),total:format.format(loss.source)}):""}renderInputLimit(){const message=this.inputLimitMessage();return message?html`<p part="limit" role="note">${message}</p>`:nothing}render(){if(this.graphSource!==void 0)return this.renderSource();const sorted=this.sortedRows(),label=retrievalSemanticLabel(this,this.label==null?this.localize("neighborListLabel"):this.label),role=retrievalSemanticRole(this,"group");if(sorted.length===0)return html`<div
         part="base"
         role=${role??nothing}
         aria-label=${label??nothing}
       >
+        ${this.renderInputLimit()}
         <lr-empty part="empty"
           ><span slot="heading"
             >${this.localize("neighborListEmpty")}</span
@@ -33,6 +45,7 @@ import{__decorate}from"tslib";import{collectionSupport}from"../../../internal/co
         >
       </div>`;if(sorted.length>this.effectiveVirtualizeAt)return html`
         <div part="base" role=${role??nothing} aria-label=${label??nothing}>
+          ${this.renderInputLimit()}
           <lr-virtual-list
             exportparts="row:row, node-label:node-label, direction:direction, relation:relation, node-meta:node-meta, expand-button:expand-button, group:group-header"
             .items=${guard([sorted],()=>sorted)}
@@ -43,6 +56,7 @@ import{__decorate}from"tslib";import{collectionSupport}from"../../../internal/co
         </div>
       `;const groups=this.groups(sorted),groupsByStartIndex=new Map(groups?.map(g=>[g.startIndex,g])??[]);return html`
       <div part="base" role=${role??nothing} aria-label=${label??nothing}>
+        ${this.renderInputLimit()}
         <div role="list">
           ${sorted.map((row,i)=>{const group=groupsByStartIndex.get(i);return html`${group?html`<div part="group-header" role="presentation">
                     ${group.label}
@@ -52,4 +66,4 @@ import{__decorate}from"tslib";import{collectionSupport}from"../../../internal/co
               </div>`})}
         </div>
       </div>
-    `}}__decorate([property({attribute:!1})],LyraNeighborList.prototype,"rows",void 0),__decorate([property({attribute:!1})],LyraNeighborList.prototype,"types",void 0),__decorate([property({type:Boolean,attribute:"group-by-relation"})],LyraNeighborList.prototype,"groupByRelation",void 0),__decorate([property({type:Boolean})],LyraNeighborList.prototype,"expandable",void 0),__decorate([property({type:Number,attribute:"virtualize-at"})],LyraNeighborList.prototype,"virtualizeAt",void 0),__decorate([property()],LyraNeighborList.prototype,"label",void 0);export{LyraNeighborList};
+    `}}__decorate([property({attribute:!1})],LyraNeighborList.prototype,"rows",void 0),__decorate([property({attribute:!1})],LyraNeighborList.prototype,"types",void 0),__decorate([property({type:Boolean,attribute:"group-by-relation"})],LyraNeighborList.prototype,"groupByRelation",void 0),__decorate([property({type:Boolean})],LyraNeighborList.prototype,"expandable",void 0),__decorate([property({type:Number,attribute:"virtualize-at"})],LyraNeighborList.prototype,"virtualizeAt",void 0),__decorate([property()],LyraNeighborList.prototype,"label",void 0),__decorate([property({attribute:!1})],LyraNeighborList.prototype,"graphSource",null),__decorate([property({attribute:!1})],LyraNeighborList.prototype,"centerKey",void 0),__decorate([property({attribute:"source-direction"})],LyraNeighborList.prototype,"sourceDirection",void 0),__decorate([property({attribute:!1})],LyraNeighborList.prototype,"sourceNodeTypes",null),__decorate([property({type:Number,attribute:"source-page"})],LyraNeighborList.prototype,"sourcePage",void 0),__decorate([property({type:Number,attribute:"source-page-size"})],LyraNeighborList.prototype,"sourcePageSize",void 0);export{LyraNeighborList};

package/dist/components/retrieval/neighbor-list/neighbor-list.d.ts

@@ -1,2 +1,2 @@
 /** @deprecated Import @aceshooting/lyra-ui/components/lr-neighbor-list.js to register this component. */
-export*from'./neighbor-list.class.js';import'../../overlays/empty/empty.js';
+export*from'./neighbor-list.class.js';import'../../overlays/empty/empty.js';import'../../data/pagination/pagination.js';

package/dist/components/retrieval/neighbor-list/neighbor-list.js

@@ -1 +1 @@
-export*from"./neighbor-list.class.js";import{LyraNeighborList}from"./neighbor-list.class.js";import{defineElement}from"../../../internal/prefix.js";import"../../overlays/empty/empty.js";defineElement("neighbor-list",LyraNeighborList);
+export*from"./neighbor-list.class.js";import{LyraNeighborList}from"./neighbor-list.class.js";import{defineElement}from"../../../internal/prefix.js";import"../../overlays/empty/empty.js";import"../../data/pagination/pagination.js";defineElement("neighbor-list",LyraNeighborList);

package/dist/components/retrieval/neighbor-list/neighbor-list.styles.js

@@ -1 +1 @@
-import{iconHitTarget,focusRing}from"../../../internal/interactive-control.styles.js";import{css}from"lit";const styles=css` :host { display: block; } [part='row'], lr-virtual-list::part(row) { display: flex; align-items: center; gap: var(--lr-space-xs); padding-block: var(--lr-space-xs); border-block-end: var(--lr-border-width-thin) solid var(--lr-color-border-subtle); } [part='node-label'], lr-virtual-list::part(node-label) { flex: 1 1 auto; display: flex; align-items: baseline; gap: var(--lr-space-xs); box-sizing: border-box; ${iconHitTarget} padding: var(--lr-size-2px) 0; border: none; background: transparent; color: var(--lr-color-text); font: inherit; text-align: start; cursor: pointer; transition: background-color var(--lr-transition-fast); } [part='node-label']:focus-visible, lr-virtual-list::part(node-label):focus-visible { ${focusRing} } [part='node-label']:hover, lr-virtual-list::part(node-label):hover { background: var(--lr-color-brand-quiet); } [part='node-label']:active, lr-virtual-list::part(node-label):active { background: color-mix(in oklab, var(--lr-color-brand-quiet), var(--lr-color-mix-partner) var(--lr-color-mix-active)); } [part='direction'], lr-virtual-list::part(direction) { flex: 0 0 auto; color: var(--lr-color-text-quiet); } [part='relation'], lr-virtual-list::part(relation) { flex: 0 0 auto; color: var(--lr-color-text-quiet); font-size: var(--lr-font-size-xs); } [part='node-meta'], lr-virtual-list::part(node-meta) { min-inline-size: 0; color: var(--lr-color-text-quiet); font-size: var(--lr-font-size-xs); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } [part='expand-button'], lr-virtual-list::part(expand-button) { flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; inline-size: var(--lr-size-1-25rem); block-size: var(--lr-size-1-25rem); ${iconHitTarget} border: none; border-radius: var(--lr-radius-xs); background: transparent; color: var(--lr-color-text-quiet); font: inherit; cursor: pointer; transition: background-color var(--lr-transition-fast); } [part='expand-button']:hover, lr-virtual-list::part(expand-button):hover { background: color-mix(in oklab, transparent, var(--lr-color-mix-partner) var(--lr-color-mix-hover)); } [part='expand-button']:active, lr-virtual-list::part(expand-button):active { background: color-mix(in oklab, transparent, var(--lr-color-mix-partner) var(--lr-color-mix-active)); } [part='expand-button']:focus-visible, lr-virtual-list::part(expand-button):focus-visible { ${focusRing} } [part='group-header'], lr-virtual-list::part(group) { padding-block: var(--lr-space-xs); color: var(--lr-color-text-quiet); font-size: var(--lr-font-size-xs); font-weight: var(--lr-font-weight-semibold); text-transform: uppercase; } `;export{styles};
+import{iconHitTarget,focusRing}from"../../../internal/interactive-control.styles.js";import{css}from"lit";const styles=css` :host { display: block; } [part='source-summary'], [part='source-status'] { margin-block: var(--lr-space-xs); color: var(--lr-color-text-quiet); overflow-wrap: anywhere; } [part='source-retry'] { ${iconHitTarget} font: inherit; color: var(--lr-color-text); background: var(--lr-color-surface-raised); border: var(--lr-border-width-thin) solid var(--lr-color-border); border-radius: var(--lr-radius-xs); cursor: pointer; transition: var(--lr-transition-interactive); } [part='source-retry']:hover { background: var(--lr-color-brand-quiet); } [part='source-retry']:active { background: color-mix(in oklab, var(--lr-color-brand-quiet), var(--lr-color-mix-partner) var(--lr-color-mix-active)); } [part='source-retry']:focus-visible { ${focusRing} } [data-source-key] { min-inline-size: 0; overflow-wrap: anywhere; } [part='row'], lr-virtual-list::part(row) { display: flex; align-items: center; gap: var(--lr-space-xs); padding-block: var(--lr-space-xs); border-block-end: var(--lr-border-width-thin) solid var(--lr-color-border-subtle); } [part='node-label'], lr-virtual-list::part(node-label) { flex: 1 1 auto; display: flex; align-items: baseline; gap: var(--lr-space-xs); box-sizing: border-box; ${iconHitTarget} padding: var(--lr-size-2px) 0; border: none; background: transparent; color: var(--lr-color-text); font: inherit; text-align: start; cursor: pointer; transition: background-color var(--lr-transition-fast); } [part='node-label']:focus-visible, lr-virtual-list::part(node-label):focus-visible { ${focusRing} } [part='node-label']:hover, lr-virtual-list::part(node-label):hover { background: var(--lr-color-brand-quiet); } [part='node-label']:active, lr-virtual-list::part(node-label):active { background: color-mix(in oklab, var(--lr-color-brand-quiet), var(--lr-color-mix-partner) var(--lr-color-mix-active)); } [part='direction'], lr-virtual-list::part(direction) { flex: 0 0 auto; color: var(--lr-color-text-quiet); } [part='relation'], lr-virtual-list::part(relation) { flex: 0 0 auto; color: var(--lr-color-text-quiet); font-size: var(--lr-font-size-xs); } [part='node-meta'], lr-virtual-list::part(node-meta) { min-inline-size: 0; color: var(--lr-color-text-quiet); font-size: var(--lr-font-size-xs); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } [part='expand-button'], lr-virtual-list::part(expand-button) { flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; inline-size: var(--lr-size-1-25rem); block-size: var(--lr-size-1-25rem); ${iconHitTarget} border: none; border-radius: var(--lr-radius-xs); background: transparent; color: var(--lr-color-text-quiet); font: inherit; cursor: pointer; transition: background-color var(--lr-transition-fast); } [part='expand-button']:hover, lr-virtual-list::part(expand-button):hover { background: color-mix(in oklab, transparent, var(--lr-color-mix-partner) var(--lr-color-mix-hover)); } [part='expand-button']:active, lr-virtual-list::part(expand-button):active { background: color-mix(in oklab, transparent, var(--lr-color-mix-partner) var(--lr-color-mix-active)); } [part='expand-button']:focus-visible, lr-virtual-list::part(expand-button):focus-visible { ${focusRing} } [part='group-header'], lr-virtual-list::part(group) { padding-block: var(--lr-space-xs); color: var(--lr-color-text-quiet); font-size: var(--lr-font-size-xs); font-weight: var(--lr-font-weight-semibold); text-transform: uppercase; } [part='limit'] { margin-block: var(--lr-space-xs); color: var(--lr-color-text-quiet); font-size: var(--lr-font-size-sm); } `;export{styles};

package/dist/components/retrieval/rag-eval-dashboard/rag-eval-dashboard.class.d.ts

@@ -1,4 +1,4 @@
-import{type TemplateResult}from'lit';import{LyraElement}from'../../../internal/lyra-element.js';import{type LyraHeadingLevel}from'../../../internal/heading-level.js';import'../../charts/chart/lite-chart.class.js';import'../../data/stat/stat.class.js';import'../../overlays/empty/empty.class.js';export type LyraRagEvaluationMetricCategory='retrieval'|'generation'|'system'|(string&{});export type LyraRagEvaluationMetricFormat='number'|'percent';export interface LyraRagEvaluationMetric{id:string;label:string;category:LyraRagEvaluationMetricCategory;format?:LyraRagEvaluationMetricFormat;}export interface LyraRagEvaluationRun{id:string;label:string;metrics:Record<string,number>;slice?:string;timestamp?:string;metadata?:Record<string,unknown>;}export interface LyraRagEvalDashboardEventMap{'lr-metric-change-request':CustomEvent<{metricId:string;}>;
+import{type TemplateResult,type PropertyValues}from'lit';import{LyraElement}from'../../../internal/lyra-element.js';import{type LyraHeadingLevel}from'../../../internal/heading-level.js';import'../../charts/chart/lite-chart.class.js';import'../../data/stat/stat.class.js';import'../../overlays/empty/empty.class.js';export type LyraRagEvaluationMetricCategory='retrieval'|'generation'|'system'|(string&{});export type LyraRagEvaluationMetricFormat='number'|'percent';export interface LyraRagEvaluationMetric{id:string;label:string;category:LyraRagEvaluationMetricCategory;format?:LyraRagEvaluationMetricFormat;}export interface LyraRagEvaluationRun{id:string;label:string;metrics:Record<string,number>;slice?:string;timestamp?:string;metadata?:Record<string,unknown>;}export interface LyraRagEvalDashboardEventMap{'lr-metric-change-request':CustomEvent<{metricId:string;}>;
 /** @deprecated Use `lr-metric-change-request`. */
 'lr-metric-change':CustomEvent<{metricId:string;}>;'lr-slice-change-request':CustomEvent<{slice:string;}>;
 /** @deprecated Use `lr-slice-change-request`. */
@@ -20,7 +20,9 @@ import{type TemplateResult}from'lit';import{LyraElement}from'../../../internal/l
 * At most the 500 most recent of the currently filtered runs (the array end is newest) render as
 * `[part="run"]` buttons and feed the trend chart; a filtered set past that length renders a
 * localized `[part="limit"]` notice after the run history rather than mounting an unbounded number
-* of rows.
+* of rows. Runs retain the newest admitted tail. At most 500 slice controls, including All,
+* render with an available controlled slice reserved. Metrics use the full admitted filtered set;
+* input-limit and slices-limit disclose admission and facet omissions separately.
 *
 * Nothing here changes on a click: the host owns `metricId`, `slice` and the selected run, and the
 * events only report what the user asked for.
@@ -35,6 +37,8 @@ import{type TemplateResult}from'lit';import{LyraElement}from'../../../internal/l
 * @event lr-run-activate - An evaluation run was activated. `detail: { runId, run }`.
 * @event lr-run-change - Deprecated alias of `lr-run-activate` (`detail: { run }`), dispatched right
 *   after it.
+* @csspart input-limit - Original run admission-loss notice.
+* @csspart slices-limit - Notice of available slices outside the bounded controls.
 * @csspart base - The named dashboard region.
 * @csspart heading - The visible dashboard heading.
 * @csspart slices - Slice filter controls.
@@ -55,7 +59,7 @@ import{type TemplateResult}from'lit';import{LyraElement}from'../../../internal/l
 * @status stable
 * @since 7.0.0
 */
-export declare class LyraRagEvalDashboard extends LyraElement<LyraRagEvalDashboardEventMap>{protected static collectionSupport:import("../../../internal/lyra-element.js").LyraCollectionSupport;protected static readonly ownedCollectionProperties:readonly string[];static styles:import("lit").CSSResultGroup[];
+export declare class LyraRagEvalDashboard extends LyraElement<LyraRagEvalDashboardEventMap>{protected static collectionSupport:import("../../../internal/lyra-element.js").LyraCollectionSupport;protected static readonly ownedCollectionProperties:readonly string[];protected static readonly appendOrderedCollectionProperties:readonly string[];static styles:import("lit").CSSResultGroup[];
 /** Metric definitions shown as controls and used to format run values. */
 metrics:readonly LyraRagEvaluationMetric[];
 /** Evaluation runs displayed in the trend chart and run history. */
@@ -78,4 +82,4 @@ withoutChart:boolean;
 *  `none` keeps the visible text without heading semantics. */
 headingLevel:LyraHeadingLevel;
 /** CSS block size forwarded to the composed trend chart. */
-chartHeight:string;private metricsCache?;private runsCache?;private rovingRunId;private get normalizedMetrics();private get normalizedRuns();private activeMetric;private slices;private filteredRuns;private formatMetric;private latestValue;private requestMetric;private requestSlice;private activateRun;private onRunKeyDown;private renderSlices;render():TemplateResult;}declare global{interface HTMLElementTagNameMap{'lr-rag-eval-dashboard':LyraRagEvalDashboard;}}
+chartHeight:string;private metricsCache?;private runsCache?;private rovingRunId;private activeMetricCache?;private get normalizedMetrics();private get normalizedRuns();private readonly inputAnnouncements;private lastInputNotice;private inputNoticeMounted;private derivationCache?;connectedCallback():void;disconnectedCallback():void;adoptedCallback():void;protected updated(changed:PropertyValues):void;private inputLimitMessage;private derived;private activeMetric;private slices;private filteredRuns;private formatMetric;private latestValue;private requestMetric;private requestSlice;private activateRun;private onRunKeyDown;private slicesLimitMessage;private renderSlices;render():TemplateResult;}declare global{interface HTMLElementTagNameMap{'lr-rag-eval-dashboard':LyraRagEvalDashboard;}}

package/dist/components/retrieval/rag-eval-dashboard/rag-eval-dashboard.class.js

@@ -1,4 +1,4 @@
-import{__decorate}from"tslib";import{collectionSupport}from"../../../internal/collection-snapshot.js";import{html,nothing}from"lit";import{property}from"lit/decorators.js";import{guard}from"lit/directives/guard.js";import{getNumberFormat}from"../../../internal/intl-cache.js";import{isRovingTargetAvailable,resolveListMove}from"../../../internal/list-navigation.js";import{LyraElement}from"../../../internal/lyra-element.js";import{firstByRetrievalIdentity,isNonBlankIdentity,isRecord}from"../retrieval-identity.js";import{finiteRange}from"../../../internal/numbers.js";import{resolveHeadingLevel}from"../../../internal/heading-level.js";import"../../charts/chart/lite-chart.class.js";import"../../data/stat/stat.class.js";import"../../overlays/empty/empty.class.js";import{styles}from"./rag-eval-dashboard.styles.js";import{retrievalSemanticLabel,retrievalSemanticRole}from"../retrieval-semantic-owner.js";import{LYRA_DEFAULT_ragEvalDashboardAllSlices,LYRA_DEFAULT_ragEvalDashboardEmpty,LYRA_DEFAULT_ragEvalDashboardLabel,LYRA_DEFAULT_ragEvalDashboardRuns,LYRA_DEFAULT_ragEvalDashboardSliceUnavailable,LYRA_DEFAULT_ragEvalDashboardSlices}from"../../../internal/default-strings/retrieval.generated.js";import{LYRA_DEFAULT_ragEvalDashboardRunsLimit}from"../../../internal/default-strings/shared.generated.js";const MAX_RENDERED_RUNS=500;class LyraRagEvalDashboard extends LyraElement{constructor(){super(...arguments),this.metrics=[],this.runs=[],this.metricId="",this.slice="",this.withoutChart=!1,this.headingLevel="2",this.chartHeight="220px",this.rovingRunId=""}static{this.defaultStrings={...super.defaultStrings,ragEvalDashboardAllSlices:LYRA_DEFAULT_ragEvalDashboardAllSlices,ragEvalDashboardEmpty:LYRA_DEFAULT_ragEvalDashboardEmpty,ragEvalDashboardLabel:LYRA_DEFAULT_ragEvalDashboardLabel,ragEvalDashboardRuns:LYRA_DEFAULT_ragEvalDashboardRuns,ragEvalDashboardRunsLimit:LYRA_DEFAULT_ragEvalDashboardRunsLimit,ragEvalDashboardSliceUnavailable:LYRA_DEFAULT_ragEvalDashboardSliceUnavailable,ragEvalDashboardSlices:LYRA_DEFAULT_ragEvalDashboardSlices}}static{this.collectionSupport=collectionSupport}static{this.ownedCollectionProperties=Object.freeze(["metrics","runs"])}static{this.styles=[LyraElement.styles,styles]}get normalizedMetrics(){return this.metricsCache?.source!==this.metrics&&(this.metricsCache={source:this.metrics,value:firstByRetrievalIdentity(Array.isArray(this.metrics)?this.metrics:[],metric=>metric.id)}),this.metricsCache.value}get normalizedRuns(){return this.runsCache?.source!==this.runs&&(this.runsCache={source:this.runs,value:firstByRetrievalIdentity(Array.isArray(this.runs)?this.runs.filter(run=>isRecord(run)&&isNonBlankIdentity(run.id)&&typeof run.label=="string"&&isRecord(run.metrics)):[],run=>run.id)}),this.runsCache.value}activeMetric(metrics){return this.metricId?metrics.find(metric=>metric.id===this.metricId):metrics[0]}slices(runs){return[...new Set(runs.map(run=>run.slice).filter(slice=>!!slice))]}filteredRuns(runs){return this.slice?runs.filter(run=>run.slice===this.slice):runs}formatMetric(metric,raw){const value=Number.isFinite(raw)?raw:0;return metric.format==="percent"?getNumberFormat(this.effectiveLocale,{style:"percent",maximumFractionDigits:1}).format(finiteRange(value,0,0,1)):getNumberFormat(this.effectiveLocale,{maximumFractionDigits:3}).format(value)}latestValue(metric,runs){for(let index=runs.length-1;index>=0;index-=1){const value=runs[index].metrics[metric.id];if(Number.isFinite(value))return value}}requestMetric(metricId){this.emit("lr-metric-change-request",{metricId}),this.emit("lr-metric-change",{metricId})}requestSlice(slice){this.emit("lr-slice-change-request",{slice}),this.emit("lr-slice-change",{slice})}activateRun(run){this.emit("lr-run-activate",{runId:run.id,run}),this.emit("lr-run-change",{run})}onRunKeyDown(event,index,count){const buttons=this.shadowRoot?.querySelectorAll('[part="run"]'),next=resolveListMove(event,{count,current:index,orientation:"vertical",isAvailable:candidate=>!!(buttons?.[candidate]&&isRovingTargetAvailable(buttons[candidate]))});next!==null&&(event.preventDefault(),buttons?.[next]?.focus())}renderSlices(slices){if(!slices.length)return nothing;const allSlicesPart=this.slice?"slice":"slice slice-selected";return html`
+import{__decorate}from"tslib";import{collectionSupport,publicCollectionTruncation}from"../../../internal/collection-snapshot.js";import{html,nothing}from"lit";import{AnnouncementSinkController}from"../../../internal/announcer.js";import{property}from"lit/decorators.js";import{guard}from"lit/directives/guard.js";import{getNumberFormat}from"../../../internal/intl-cache.js";import{isRovingTargetAvailable,resolveListMove}from"../../../internal/list-navigation.js";import{LyraElement}from"../../../internal/lyra-element.js";import{firstByRetrievalIdentity,isNonBlankIdentity,isRecord}from"../retrieval-identity.js";import{finiteRange}from"../../../internal/numbers.js";import{resolveHeadingLevel}from"../../../internal/heading-level.js";import"../../charts/chart/lite-chart.class.js";import"../../data/stat/stat.class.js";import"../../overlays/empty/empty.class.js";import{styles}from"./rag-eval-dashboard.styles.js";import{retrievalSemanticLabel,retrievalSemanticRole}from"../retrieval-semantic-owner.js";import{LYRA_DEFAULT_ragEvalDashboardAllSlices,LYRA_DEFAULT_ragEvalDashboardEmpty,LYRA_DEFAULT_ragEvalDashboardInputLimit,LYRA_DEFAULT_ragEvalDashboardLabel,LYRA_DEFAULT_ragEvalDashboardRuns,LYRA_DEFAULT_ragEvalDashboardSliceUnavailable,LYRA_DEFAULT_ragEvalDashboardSlices,LYRA_DEFAULT_ragEvalDashboardSlicesLimit}from"../../../internal/default-strings/retrieval.generated.js";import{LYRA_DEFAULT_ragEvalDashboardRunsLimit}from"../../../internal/default-strings/shared.generated.js";const MAX_RENDERED_RUNS=500,MAX_SLICE_CONTROLS=500;class LyraRagEvalDashboard extends LyraElement{constructor(){super(...arguments),this.metrics=[],this.runs=[],this.metricId="",this.slice="",this.withoutChart=!1,this.headingLevel="2",this.chartHeight="220px",this.rovingRunId="",this.inputAnnouncements=new AnnouncementSinkController(this),this.lastInputNotice="",this.inputNoticeMounted=!1}static{this.defaultStrings={...super.defaultStrings,ragEvalDashboardAllSlices:LYRA_DEFAULT_ragEvalDashboardAllSlices,ragEvalDashboardEmpty:LYRA_DEFAULT_ragEvalDashboardEmpty,ragEvalDashboardInputLimit:LYRA_DEFAULT_ragEvalDashboardInputLimit,ragEvalDashboardLabel:LYRA_DEFAULT_ragEvalDashboardLabel,ragEvalDashboardRuns:LYRA_DEFAULT_ragEvalDashboardRuns,ragEvalDashboardRunsLimit:LYRA_DEFAULT_ragEvalDashboardRunsLimit,ragEvalDashboardSliceUnavailable:LYRA_DEFAULT_ragEvalDashboardSliceUnavailable,ragEvalDashboardSlices:LYRA_DEFAULT_ragEvalDashboardSlices,ragEvalDashboardSlicesLimit:LYRA_DEFAULT_ragEvalDashboardSlicesLimit}}static{this.collectionSupport=collectionSupport}static{this.ownedCollectionProperties=Object.freeze(["metrics","runs"])}static{this.appendOrderedCollectionProperties=Object.freeze(["runs"])}static{this.styles=[LyraElement.styles,styles]}get normalizedMetrics(){return this.metricsCache?.source!==this.metrics&&(this.metricsCache={source:this.metrics,value:firstByRetrievalIdentity(Array.isArray(this.metrics)?this.metrics:[],metric=>metric.id)}),this.metricsCache.value}get normalizedRuns(){return this.runsCache?.source!==this.runs&&(this.runsCache={source:this.runs,value:firstByRetrievalIdentity(Array.isArray(this.runs)?this.runs.filter(run=>isRecord(run)&&isNonBlankIdentity(run.id)&&typeof run.label=="string"&&isRecord(run.metrics)):[],run=>run.id)}),this.runsCache.value}connectedCallback(){super.connectedCallback(),this.hasUpdated&&this.requestUpdate()}disconnectedCallback(){super.disconnectedCallback(),this.inputNoticeMounted=!1}adoptedCallback(){super.adoptedCallback(),this.inputAnnouncements.adopted()}updated(changed){super.updated(changed);const derived=this.derivationCache,notice=[this.inputLimitMessage(),derived?this.slicesLimitMessage(derived.visibleSlices.length,derived.slices.length):""].filter(Boolean).join(" ");this.inputNoticeMounted&&notice&&notice!==this.lastInputNotice&&this.inputAnnouncements.announcePolite(notice),this.lastInputNotice=notice,this.inputNoticeMounted=!0}inputLimitMessage(){const loss=publicCollectionTruncation(this,"runs"),format=getNumberFormat(this.effectiveLocale);return loss?this.localize("ragEvalDashboardInputLimit",void 0,{count:format.format(loss.retained),total:format.format(loss.source)}):""}derived(runs,metrics){if(this.derivationCache?.runs===runs&&this.derivationCache.metrics===metrics&&this.derivationCache.slice===this.slice)return this.derivationCache;const slices=this.derivationCache?.runs===runs?this.derivationCache.slices:this.slices(runs),filtered=this.filteredRuns(runs),sliceAvailable=!this.slice||slices.includes(this.slice),visibleSlices=slices.slice(0,MAX_SLICE_CONTROLS-1);return this.slice&&sliceAvailable&&!visibleSlices.includes(this.slice)&&(visibleSlices[visibleSlices.length-1]=this.slice),this.derivationCache={runs,metrics,slice:this.slice,slices,visibleSlices,sliceAvailable,filtered,rendered:filtered.slice(-MAX_RENDERED_RUNS),latest:new Map(metrics.map(metric=>[metric.id,this.latestValue(metric,filtered)]))}}activeMetric(metrics){if(this.activeMetricCache?.metrics===metrics&&this.activeMetricCache.id===this.metricId)return this.activeMetricCache.value;const value=this.metricId?metrics.find(metric=>metric.id===this.metricId):metrics[0];return this.activeMetricCache={metrics,id:this.metricId,value},value}slices(runs){return[...new Set(runs.map(run=>run.slice).filter(slice=>!!slice))]}filteredRuns(runs){return this.slice?runs.filter(run=>run.slice===this.slice):runs}formatMetric(metric,raw){const value=Number.isFinite(raw)?raw:0;return metric.format==="percent"?getNumberFormat(this.effectiveLocale,{style:"percent",maximumFractionDigits:1}).format(finiteRange(value,0,0,1)):getNumberFormat(this.effectiveLocale,{maximumFractionDigits:3}).format(value)}latestValue(metric,runs){for(let index=runs.length-1;index>=0;index-=1){const value=runs[index].metrics[metric.id];if(Number.isFinite(value))return value}}requestMetric(metricId){this.emit("lr-metric-change-request",{metricId}),this.emit("lr-metric-change",{metricId})}requestSlice(slice){this.emit("lr-slice-change-request",{slice}),this.emit("lr-slice-change",{slice})}activateRun(run){this.emit("lr-run-activate",{runId:run.id,run}),this.emit("lr-run-change",{run})}onRunKeyDown(event,index,count){const buttons=this.shadowRoot?.querySelectorAll('[part="run"]'),next=resolveListMove(event,{count,current:index,orientation:"vertical",isAvailable:candidate=>!!(buttons?.[candidate]&&isRovingTargetAvailable(buttons[candidate]))});next!==null&&(event.preventDefault(),buttons?.[next]?.focus())}slicesLimitMessage(count,total){return total>count?this.localize("ragEvalDashboardSlicesLimit",void 0,{count:getNumberFormat(this.effectiveLocale).format(count),total:getNumberFormat(this.effectiveLocale).format(total)}):""}renderSlices(slices,total=slices.length){if(!slices.length)return nothing;const allSlicesPart=this.slice?"slice":"slice slice-selected";return html`
       <nav part="slices" aria-label=${this.localize("ragEvalDashboardSlices")}>
         <button
           part=${allSlicesPart}
@@ -20,37 +20,41 @@ import{__decorate}from"tslib";import{collectionSupport}from"../../../internal/co
               ${slice}
             </button>
           `})}
+        ${total>slices.length?html`<p part="slices-limit" role="note">${this.slicesLimitMessage(slices.length,total)}</p>`:nothing}
       </nav>
-    `}render(){const metrics=this.normalizedMetrics,runs=this.normalizedRuns,slices=this.slices(runs),visibleLabel=this.label==null?this.localize("ragEvalDashboardLabel"):this.label,level=resolveHeadingLevel(this.headingLevel),runsLevel=level&&String(Math.min(6,+level+1)),label=retrievalSemanticLabel(this,visibleLabel),role=retrievalSemanticRole(this,"region");if(!runs.length)return html`<section
+    `}render(){const metrics=this.normalizedMetrics,runs=this.normalizedRuns,derived=this.derived(runs,metrics),slices=derived.slices,visibleLabel=this.label==null?this.localize("ragEvalDashboardLabel"):this.label,level=resolveHeadingLevel(this.headingLevel),runsLevel=level&&String(Math.min(6,+level+1)),label=retrievalSemanticLabel(this,visibleLabel),role=retrievalSemanticRole(this,"region");if(!runs.length)return html`<section
         part="base"
         role=${role??nothing}
         aria-label=${label??nothing}
       >
+        ${this.inputLimitMessage()?html`<p part="input-limit" role="note">${this.inputLimitMessage()}</p>`:nothing}
         <lr-empty
           part="empty"
           heading=${this.localize("ragEvalDashboardEmpty")}
         ></lr-empty>
-      </section>`;const active=this.activeMetric(metrics),filtered=this.filteredRuns(runs);if(this.slice&&!slices.includes(this.slice))return html`
+      </section>`;const active=this.activeMetric(metrics),filtered=derived.filtered;if(!derived.sliceAvailable)return html`
         <section
           part="base"
           role=${role??nothing}
           aria-label=${label??nothing}
         >
+          ${this.inputLimitMessage()?html`<p part="input-limit" role="note">${this.inputLimitMessage()}</p>`:nothing}
           <div part="heading" role=${level?"heading":nothing} aria-level=${level??nothing}>${visibleLabel}</div>
-          ${this.renderSlices(slices)}
+          ${this.renderSlices(derived.visibleSlices,slices.length)}
           <lr-empty
             part="empty"
             heading=${this.localize("ragEvalDashboardSliceUnavailable",void 0,{slice:this.slice})}
           ></lr-empty>
         </section>
-      `;const runsTruncated=filtered.length>MAX_RENDERED_RUNS,renderedRuns=filtered.slice(-MAX_RENDERED_RUNS),rovingRunId=renderedRuns.some(run=>run.id===this.rovingRunId)?this.rovingRunId:renderedRuns[0]?.id;return html`
+      `;const runsTruncated=filtered.length>MAX_RENDERED_RUNS,renderedRuns=derived.rendered,rovingRunId=renderedRuns.some(run=>run.id===this.rovingRunId)?this.rovingRunId:renderedRuns[0]?.id;return html`
       <section
         part="base"
         role=${role??nothing}
         aria-label=${label??nothing}
       >
+        ${this.inputLimitMessage()?html`<p part="input-limit" role="note">${this.inputLimitMessage()}</p>`:nothing}
         <div part="heading" role=${level?"heading":nothing} aria-level=${level??nothing}>${visibleLabel}</div>
-        ${this.renderSlices(slices)}
+        ${this.renderSlices(derived.visibleSlices,slices.length)}
         <div part="metrics">
           ${metrics.map(metric=>{const selected=metric.id===active?.id;return html`
               <button
@@ -63,7 +67,7 @@ import{__decorate}from"tslib";import{collectionSupport}from"../../../internal/co
                 <lr-stat
                   frame="plain"
                   .label=${metric.label}
-                  .value=${this.formatMetric(metric,this.latestValue(metric,filtered))}
+                  .value=${this.formatMetric(metric,derived.latest.get(metric.id))}
                 ></lr-stat>
                 <span part="metric-category">${metric.category}</span>
               </button>

package/dist/components/retrieval/rag-eval-dashboard/rag-eval-dashboard.styles.js

@@ -1 +1 @@
-import{iconHitTarget,focusRing}from"../../../internal/interactive-control.styles.js";import{css}from"lit";import{compactContainerQuery}from"../../../internal/container-breakpoints.styles.js";const styles=css` :host { display: block; container-type: inline-size; contain-intrinsic-inline-size: var(--lr-size-20rem); } [part='base'] { display: flex; flex-direction: column; gap: var(--lr-space-m); } [part='heading'], [part='runs-heading'] { margin: 0; color: var(--lr-color-text); font-size: var(--lr-font-size-lg); } [part='slices'] { display: flex; flex-wrap: wrap; gap: var(--lr-space-xs); } [part~='slice'], [part~='metric'], [part='run'] { box-sizing: border-box; ${iconHitTarget} border: var(--lr-border-width-thin) solid var(--lr-color-border); border-radius: var(--lr-radius); background: var(--lr-color-surface); color: var(--lr-color-text); font: inherit; cursor: pointer; transition: background-color var(--lr-transition-fast); } [part~='slice'] { min-inline-size: var(--lr-icon-button-size); padding: var(--lr-space-xs) var(--lr-space-s); } [part~='metric'] { display: grid; gap: var(--lr-space-2xs); padding: var(--lr-space-xs); text-align: start; } [part~='slice-selected'], [part~='metric-selected'] { border-color: var( --lr-rag-eval-dashboard-selected-border-color, var(--lr-color-brand) ); } @media (forced-colors: active) { [part~='slice-selected'], [part~='metric-selected'] { outline: var(--lr-border-width-medium) solid Highlight; outline-offset: calc(-1 * var(--lr-border-width-medium)); } } [part='metric-category'] { color: var(--lr-color-text-quiet); font-size: var(--lr-font-size-xs); overflow-wrap: anywhere; } [part~='slice-selected'] { ${iconHitTarget} } [part~='slice']:hover, [part~='metric']:hover, [part='run']:hover { background: var(--lr-color-surface-raised); } [part~='slice']:active, [part~='metric']:active, [part='run']:active { background: color-mix( in oklab, var(--lr-color-surface-raised), var(--lr-color-mix-partner) var(--lr-color-mix-active) ); } [part~='slice']:focus-visible, [part~='metric']:focus-visible, [part='run']:focus-visible { ${focusRing} } [part='metrics'] { display: grid; grid-template-columns: repeat(auto-fit, minmax(var(--lr-size-10rem), 1fr)); gap: var(--lr-space-s); } [part='chart'] { min-inline-size: 0; } [part='runs'] { display: flex; flex-direction: column; gap: var(--lr-space-xs); } [part='run'] { display: flex; justify-content: space-between; gap: var(--lr-space-s); align-items: center; inline-size: 100%; padding: var(--lr-space-s); text-align: start; } @container ${compactContainerQuery} { [part='metrics'] { grid-template-columns: 1fr; } [part='run'] { align-items: flex-start; flex-direction: column; } } [part='limit'] { margin: var(--lr-space-s); color: var(--lr-color-text-quiet); font-size: var(--lr-font-size-xs); } `;export{styles};
+import{iconHitTarget,focusRing}from"../../../internal/interactive-control.styles.js";import{css}from"lit";import{compactContainerQuery}from"../../../internal/container-breakpoints.styles.js";const styles=css` [part='input-limit'], [part='slices-limit'] { margin: 0; font-size: var(--lr-font-size-sm); color: var(--lr-color-text-quiet); overflow-wrap: anywhere; } :host { display: block; container-type: inline-size; contain-intrinsic-inline-size: var(--lr-size-20rem); } [part='base'] { display: flex; flex-direction: column; gap: var(--lr-space-m); } [part='heading'], [part='runs-heading'] { margin: 0; color: var(--lr-color-text); font-size: var(--lr-font-size-lg); } [part='slices'] { display: flex; flex-wrap: wrap; gap: var(--lr-space-xs); } [part~='slice'], [part~='metric'], [part='run'] { box-sizing: border-box; ${iconHitTarget} border: var(--lr-border-width-thin) solid var(--lr-color-border); border-radius: var(--lr-radius); background: var(--lr-color-surface); color: var(--lr-color-text); font: inherit; cursor: pointer; transition: background-color var(--lr-transition-fast); } [part~='slice'] { min-inline-size: var(--lr-icon-button-size); padding: var(--lr-space-xs) var(--lr-space-s); } [part~='metric'] { display: grid; gap: var(--lr-space-2xs); padding: var(--lr-space-xs); text-align: start; } [part~='slice-selected'], [part~='metric-selected'] { border-color: var( --lr-rag-eval-dashboard-selected-border-color, var(--lr-color-brand) ); } @media (forced-colors: active) { [part~='slice-selected'], [part~='metric-selected'] { outline: var(--lr-border-width-medium) solid Highlight; outline-offset: calc(-1 * var(--lr-border-width-medium)); } } [part='metric-category'] { color: var(--lr-color-text-quiet); font-size: var(--lr-font-size-xs); overflow-wrap: anywhere; } [part~='slice-selected'] { ${iconHitTarget} } [part~='slice']:hover, [part~='metric']:hover, [part='run']:hover { background: var(--lr-color-surface-raised); } [part~='slice']:active, [part~='metric']:active, [part='run']:active { background: color-mix( in oklab, var(--lr-color-surface-raised), var(--lr-color-mix-partner) var(--lr-color-mix-active) ); } [part~='slice']:focus-visible, [part~='metric']:focus-visible, [part='run']:focus-visible { ${focusRing} } [part='metrics'] { display: grid; grid-template-columns: repeat(auto-fit, minmax(var(--lr-size-10rem), 1fr)); gap: var(--lr-space-s); } [part='chart'] { min-inline-size: 0; } [part='runs'] { display: flex; flex-direction: column; gap: var(--lr-space-xs); } [part='run'] { display: flex; justify-content: space-between; gap: var(--lr-space-s); align-items: center; inline-size: 100%; padding: var(--lr-space-s); text-align: start; } @container ${compactContainerQuery} { [part='metrics'] { grid-template-columns: 1fr; } [part='run'] { align-items: flex-start; flex-direction: column; } } [part='limit'] { margin: var(--lr-space-s); color: var(--lr-color-text-quiet); font-size: var(--lr-font-size-xs); } `;export{styles};

package/dist/components/retrieval/retrieval-compare/retrieval-compare.class.d.ts

@@ -1,4 +1,4 @@
-import type{LyraFrame,LyraSize}from'../../../internal/variants.js';import type{LyraEventDetailSnapshot}from'../../../internal/lyra-element.js';import{type TemplateResult}from'lit';import type{RetrievalChunk}from'../../../ai/types.js';import{LyraElement}from'../../../internal/lyra-element.js';import{type LyraHeadingLevel}from'../../../internal/heading-level.js';import'../../overlays/empty/empty.class.js';export interface RetrievalComparisonSet{id:string;label:string;chunks:RetrievalChunk[];}export interface LyraRetrievalCompareEventMap{'lr-chunk-select':CustomEvent<LyraEventDetailSnapshot<{setId:string;chunk:RetrievalChunk;}>>;}
+import type{LyraFrame,LyraSize}from'../../../internal/variants.js';import type{LyraEventDetailSnapshot}from'../../../internal/lyra-element.js';import{type PropertyValues,type TemplateResult}from'lit';import type{RetrievalChunk}from'../../../ai/types.js';import{LyraElement}from'../../../internal/lyra-element.js';import{type LyraHeadingLevel}from'../../../internal/heading-level.js';import'../../overlays/empty/empty.class.js';export interface RetrievalComparisonSet{id:string;label:string;chunks:RetrievalChunk[];}export interface LyraRetrievalCompareEventMap{'lr-chunk-select':CustomEvent<LyraEventDetailSnapshot<{setId:string;chunk:RetrievalChunk;}>>;}
 /**
 * `<lr-retrieval-compare>` — a side-by-side retrieval/reranking workbench that makes rank,
 * overlap, and dense/sparse/rerank/final score changes inspectable. It never performs retrieval.
@@ -11,7 +11,12 @@ import type{LyraFrame,LyraSize}from'../../../internal/variants.js';import type{L
 * @customElement lr-retrieval-compare
 * @event lr-chunk-select - A result was activated. `detail: { setId, chunk }`.
 * @csspart base - The named comparison region.
-* @csspart overlap - The pairwise top-k Jaccard overlap summary.
+* @csspart overlap - Pairwise top-k Jaccard overlap for the current page of at most eight sets.
+* @csspart input-limit - The input-admission loss notice.
+* @csspart result-limit - Retained/result counts for a column's top-k subset.
+* @csspart pagination - Internal comparison page controls.
+* @csspart page-status - Localized current page and page count.
+* @csspart page-button - One page navigation button.
 * @csspart sets - Horizontally scrollable set grid.
 * @csspart set - One result-set column.
 * @csspart set-heading - A caller-supplied result-set label.
@@ -29,11 +34,12 @@ import type{LyraFrame,LyraSize}from'../../../internal/variants.js';import type{L
 * @status stable
 * @since 7.0.0
 */
-export declare class LyraRetrievalCompare extends LyraElement<LyraRetrievalCompareEventMap>{private readonly rovingChunkBySet;private onChunkKeyDown;protected static collectionSupport:import("../../../internal/lyra-element.js").LyraCollectionSupport;protected static readonly ownedCollectionProperties:readonly string[];static styles:import("lit").CSSResultGroup[];protected static readonly immutableEventDetails:readonly string[];
-/** Named retrieval result sets rendered side by side. */
+export declare class LyraRetrievalCompare extends LyraElement<LyraRetrievalCompareEventMap>{private page;private readonly announcements;private canonicalSource?;private canonicalSets;private readonly rankedBySet;private comparisonDeps?;private visibleSets;private visibleOrdered;private visibleOverlaps;private pendingFocus?;private readonly rovingChunkBySet;private onChunkKeyDown;protected static collectionSupport:import("../../../internal/lyra-element.js").LyraCollectionSupport;protected static readonly ownedCollectionProperties:readonly string[];static styles:import("lit").CSSResultGroup[];protected static readonly immutableEventDetails:readonly string[];
+/** Named retrieval sets, shown in internal pages of eight columns; pairwise overlap covers
+* only the current page. Every admitted set remains reachable through page controls. */
 sets:readonly RetrievalComparisonSet[];
 /** Maximum ranked chunks shown from each set, ordered by effective rank (an explicit `rank`,
-*  else input position) and then score. */
+*  else input position) and then score. Rendering is capped at 100 per set. */
 topK:number;
 /** Controlled chunk id highlighted across every set that contains it. */
 selectedChunkId:string;
@@ -46,4 +52,4 @@ label?:string;
 /** Density on the shared size scale. `s` (and the smaller `xs`/`2xs`) tightens chunk-button padding; `m` (the default) and larger keep the full padding. */
 size:LyraSize;
 /** Container treatment, in the shared `LyraFrame` vocabulary. `'card'` (the default) keeps each compared chunk's bordered, filled button. `'plain'` removes the border, background and corner radius from every compared chunk button, for use inside an already-bordered container. */
-frame:LyraFrame;private readonly headingIdPrefix;private get effectiveTopK();private get normalizedSets();private orderedChunks;private rank;private formatScore;private overlaps;private scoreEntries;private renderSet;render():TemplateResult;}declare global{interface HTMLElementTagNameMap{'lr-retrieval-compare':LyraRetrievalCompare;}}
+frame:LyraFrame;private readonly headingIdPrefix;private get effectiveTopK();private get normalizedSets();private orderedChunks;private updateComparison;protected willUpdate(changed:PropertyValues):void;protected updated(changed:PropertyValues):void;adoptedCallback():void;disconnectedCallback():void;private changePage;private pageText;private renderPagination;private rank;private formatScore;private overlaps;private scoreEntries;private renderSet;render():TemplateResult;}declare global{interface HTMLElementTagNameMap{'lr-retrieval-compare':LyraRetrievalCompare;}}