@aceshooting/lyra-ui 29.0.2 → 29.1.0

package/dist/components/utility/mention-popover/mention-popover.class.js

@@ -1,4 +1,4 @@
-import{__decorate}from"tslib";import{GlassScrollLayer}from"../../../internal/glass-scroll-layer.js";import{waitForTransitionSettle}from"../../../internal/css-motion-time.js";import{html,nothing}from"lit";import{property,state}from"lit/decorators.js";import{LyraElement}from"../../../internal/lyra-element.js";import{deferredPlaceReady as place}from"../../../internal/anchored-overlay-runtime.js";import{hostAriaLabel,nextId}from"../../../internal/a11y.js";import{AnnouncementSinkController}from"../../../internal/announcer.js";import{resolveEffectivePositioningStrategy}from"../../../internal/positioning-strategy.js";import{prefersReducedMotion}from"../../../internal/motion.js";import{styles}from"./mention-popover.styles.js";import{shadowFocusTarget}from"../../../internal/active-element.js";import{getNumberFormat}from"../../../internal/intl-cache.js";import{LYRA_DEFAULT_noMatches}from"../../../internal/default-strings/shared.generated.js";import{LYRA_DEFAULT_mentionMoreResults,LYRA_DEFAULT_mentionResultCount,LYRA_DEFAULT_mentionResultPosition,LYRA_DEFAULT_mentionSuggestions}from"../../../internal/default-strings/utility.generated.js";const MAX_VISIBLE_MENTION_ITEMS=50;function isTextControl(el){const view=el.ownerDocument.defaultView;return view?el instanceof view.HTMLTextAreaElement?!0:el instanceof view.HTMLInputElement&&(el.type==="text"||el.type==="search"):!1}function isTextareaAnchor(el){const view=el.ownerDocument.defaultView;return!!(view&&el instanceof view.HTMLTextAreaElement)}const MIRROR_CSS_PROPS=["box-sizing","width","padding-top","padding-right","padding-bottom","padding-left","border-top-width","border-right-width","border-bottom-width","border-left-width","border-style","font-family","font-size","font-style","font-variant","font-weight","font-stretch","letter-spacing","word-spacing","line-height","text-align","text-indent","text-transform","tab-size","direction"];function caretClientRect(el){const owner=el.ownerDocument,view=owner.defaultView;if(!view)return null;const elRect=el.getBoundingClientRect();if(elRect.width===0||elRect.height===0)return null;const computed=view.getComputedStyle(el),mirror=owner.createElement("div");mirror.style.position="absolute",mirror.style.visibility="hidden",mirror.style.top="0",mirror.style.left="-9999px",mirror.style.whiteSpace=el instanceof view.HTMLTextAreaElement?"pre-wrap":"pre",mirror.style.overflowWrap="break-word";for(const prop of MIRROR_CSS_PROPS)mirror.style.setProperty(prop,computed.getPropertyValue(prop));const index=el.selectionStart??el.value.length;mirror.append(owner.createTextNode(el.value.slice(0,index)));const marker=owner.createElement("span");marker.textContent=el.value.slice(index)||"​",mirror.appendChild(marker),owner.body.appendChild(mirror);const mirrorRect=mirror.getBoundingClientRect(),markerRect=marker.getBoundingClientRect();mirror.remove();const lineHeight=parseFloat(computed.lineHeight)||markerRect.height||16;return new view.DOMRect(elRect.left+(markerRect.left-mirrorRect.left)-el.scrollLeft,elRect.top+(markerRect.top-mirrorRect.top)-el.scrollTop,1,lineHeight)}class LyraMentionPopover extends LyraElement{static{this.defaultStrings={...super.defaultStrings,mentionMoreResults:LYRA_DEFAULT_mentionMoreResults,mentionResultCount:LYRA_DEFAULT_mentionResultCount,mentionResultPosition:LYRA_DEFAULT_mentionResultPosition,mentionSuggestions:LYRA_DEFAULT_mentionSuggestions,noMatches:LYRA_DEFAULT_noMatches}}constructor(){super(),this._textareaFocusSessionGeneration=0,this._items=Object.freeze([]),this.query="",this.open=!1,this.filter=null,this.activeIndex=0,this.listboxHidden=!0,this.listboxHideToken=0,this._listId=nextId("mention-popover-listbox"),this.virtualAnchor=null,this._isFirstUpdate=!0,this._silentClose=!1,this._ownsFocus=!1,this._focusTransferGeneration=0,this.announcements=new AnnouncementSinkController(this,{eager:["polite"]}),this.onListboxMouseDown=e=>{e.target.closest('[part="option"]')&&e.preventDefault()},this.onListboxClick=e=>{const optionEl=e.target.closest('[part="option"]'),index=Number(optionEl?.dataset.index);if(!Number.isInteger(index)||index<0)return;const item=this.visibleItems[index];item&&this.commit(item)},this.onListboxKeyDown=e=>{e.defaultPrevented||!this._ownsFocus||this.handleKeyDown(e)&&this.open&&this.focusActiveOption()},new GlassScrollLayer(this,'[part="listbox"]',()=>this.open)}static{this.styles=[LyraElement.styles,styles]}static{this.properties={items:{attribute:!1,noAccessor:!0}}}requestUpdate(name,oldValue,options){(name==="open"||name==="anchor"||name==="query"||name==="items"||name==="filter")&&this.hasTextareaFocusSession()&&(this._textareaFocusSessionGeneration+=1),super.requestUpdate(name,oldValue,options)}hasTextareaFocusSession(){const relationshipControl=this.anchorRelationship?.control;return this.anchor!==void 0&&isTextareaAnchor(this.anchor)||relationshipControl!==void 0&&isTextareaAnchor(relationshipControl)}get items(){return this._items}set items(next){const previous=this._items,source=Array.isArray(next)?next:[];this._items=Object.freeze(source.map(item=>Object.freeze({...item}))),this.requestUpdate("items",previous)}connectedCallback(){super.connectedCallback(),this.announceResultState()}willUpdate(changed){super.willUpdate(changed),this._isFirstUpdate=!this.hasUpdated,changed.has("open")&&this.open&&(this.listboxHidden=!1),this._ownsFocus&&!this.fallbackFocusIsStillOwned()&&(this._ownsFocus=!1,this._focusOwnerPredicate=void 0),(changed.has("query")||changed.has("items")||changed.has("filter"))&&(this.activeIndex=0);const candidatesChanged=changed.has("query")||changed.has("items")||changed.has("filter");this._ownsFocus&&changed.has("open")&&!this.open?(this.restoreAnchorFocus(),this._ownsFocus=!1,this._focusOwnerPredicate=void 0):this._ownsFocus&&this.open&&candidatesChanged&&this.visibleItems.length===0&&(this.anchor?.isConnected?this.restoreAnchorFocus():this.renderRoot.querySelector('[part="listbox"]')?.focus({preventScroll:!0}),this._ownsFocus=!1,this._focusOwnerPredicate=void 0),this._ownsFocus&&changed.has("anchor")&&this.anchorRelationship?.control!==this.anchor&&this.detachAnchorRelationship()}updated(changed){if(super.updated(changed),changed.has("open"))if(this.open)this.reposition();else{this.cleanup?.(),this.cleanup=void 0,this.virtualAnchor?.remove(),this.settleListboxHidden();const relationshipControl=this.anchorRelationship?.control;relationshipControl&&isTextareaAnchor(relationshipControl)&&this.detachAnchorRelationship(),!this._isFirstUpdate&&!this._silentClose&&queueMicrotask(()=>this.emit("lr-mention-close")),this._silentClose=!1}else this.open&&(changed.has("anchor")||changed.has("query"))&&this.reposition();if(changed.has("activeIndex")||changed.has("query")||changed.has("items")||changed.has("filter")){const active=this.renderRoot.querySelector('[part="option"][data-active]'),list=active?.parentElement;if(active&&list){const top=active.offsetTop,bottom=top+active.offsetHeight;top<list.scrollTop?list.scrollTop=top:bottom>list.scrollTop+list.clientHeight&&(list.scrollTop=bottom-list.clientHeight)}this._ownsFocus&&(!active&&this.anchor?.isConnected?this.restoreFocus():this.restoreFocus(!0))}this.syncAnchorRelationship(),this.open?this.announceResultState():this.resetResultAnnouncements()}disconnectedCallback(){this._focusTransferGeneration+=1,this.resetResultAnnouncements(),this._ownsFocus&&this.callFocusOwner(this._focusOwnerPredicate)&&this.restoreAnchorFocus(),this._ownsFocus=!1,this._focusOwnerPredicate=void 0,this.detachAnchorRelationship(),super.disconnectedCallback(),this.cleanup?.(),this.cleanup=void 0,this.virtualAnchor?.remove(),this.listboxHideToken++,this.listboxHidden=!0,this.open=!1}adoptedCallback(){super.adoptedCallback(),this._focusTransferGeneration+=1,this.resetResultAnnouncements(),this.announcements.adopted(),this._ownsFocus&&this.callFocusOwner(this._focusOwnerPredicate)&&this.restoreAnchorFocus(),this._ownsFocus=!1,this._focusOwnerPredicate=void 0,this.detachAnchorRelationship(),this.open=!1}resetResultAnnouncements(){this.announcedResultCount=void 0,this.announcedResultPosition=void 0}announceResultState(){if(!this.open)return;const rows=this.filteredItems,resultState=rows.length===0?this.localize("noMatches"):this.localize("mentionResultCount",void 0,{count:rows.length}),index=this.clampedIndex(rows),position=index<0?void 0:this.localize("mentionResultPosition",void 0,{current:index+1,total:rows.length});if(this._isFirstUpdate){this.announcedResultCount=resultState,this.announcedResultPosition=position;return}if(resultState!==this.announcedResultCount&&(this.announcements.announcePolite(resultState),this.announcedResultCount=resultState),position===void 0){this.announcedResultPosition=void 0;return}position!==this.announcedResultPosition&&(this.announcements.announcePolite(position),this.announcedResultPosition=position)}snapshotAttribute(control,name){return{present:control.hasAttribute(name),value:control.getAttribute(name)}}restoreAttribute(control,name,snapshot){snapshot.present?control.setAttribute(name,snapshot.value??""):control.removeAttribute(name)}captureAnchorCaret(relationship=this.anchorRelationship){if(!relationship||!isTextareaAnchor(relationship.control))return;const{control}=relationship;relationship.selectionStart=control.selectionStart,relationship.selectionEnd=control.selectionEnd,relationship.selectionDirection=control.selectionDirection}restoreRelationshipFocus(relationship){const{control}=relationship;if(control.isConnected)try{control.focus({preventScroll:!0}),isTextareaAnchor(control)&&relationship.selectionStart!==null&&relationship.selectionStart!==void 0&&relationship.selectionEnd!==null&&relationship.selectionEnd!==void 0&&control.setSelectionRange(relationship.selectionStart,relationship.selectionEnd,relationship.selectionDirection??void 0)}catch{}}restoreAnchorFocus(){const relationship=this.anchorRelationship;if(relationship){this.restoreRelationshipFocus(relationship);return}const anchor=this.anchor;if(anchor?.isConnected)try{anchor.focus({preventScroll:!0})}catch{}}attachAnchorRelationship(control){const reflected=control,textarea=isTextareaAnchor(control),attributes=new Map((textarea?["role","aria-expanded","aria-haspopup","aria-autocomplete","aria-controls","aria-activedescendant"]:["role","aria-expanded","aria-haspopup","aria-controls","aria-activedescendant"]).map(name=>[name,this.snapshotAttribute(control,name)])),activeElement="ariaActiveDescendantElement"in control?reflected.ariaActiveDescendantElement??null:void 0,controlsElements="ariaControlsElements"in control?reflected.ariaControlsElements??null:void 0,capturedTextareaActiveElement=textarea&&attributes.get("aria-activedescendant")?.present&&attributes.get("aria-activedescendant")?.value===""?activeElement??void 0:void 0,capturedTextareaControlsElements=textarea&&attributes.get("aria-controls")?.present&&attributes.get("aria-controls")?.value===""&&controlsElements?.length?controlsElements:void 0,relationship={control,attributes,activeElement:textarea?capturedTextareaActiveElement:activeElement,controlsElements:textarea?capturedTextareaControlsElements:controlsElements,selectionStart:textarea?control.selectionStart:void 0,selectionEnd:textarea?control.selectionEnd:void 0,selectionDirection:textarea?control.selectionDirection:void 0};return this.anchorRelationship=relationship,relationship}detachAnchorRelationship(){const relationship=this.anchorRelationship;if(!relationship)return;if(this.anchorRelationship=void 0,this._ownsFocus&&(this.restoreRelationshipFocus(relationship),this._ownsFocus=!1,this._focusOwnerPredicate=void 0),!isTextareaAnchor(relationship.control)){const reflected2=relationship.control;if(relationship.activeElement!==void 0)try{reflected2.ariaActiveDescendantElement=relationship.activeElement}catch{}if(relationship.controlsElements!==void 0)try{reflected2.ariaControlsElements=relationship.controlsElements}catch{}for(const[name,snapshot]of relationship.attributes)this.restoreAttribute(relationship.control,name,snapshot);return}for(const[name,snapshot]of relationship.attributes)this.restoreAttribute(relationship.control,name,snapshot);const reflected=relationship.control;if(relationship.activeElement!==void 0)try{reflected.ariaActiveDescendantElement=relationship.activeElement}catch{}if(relationship.controlsElements!==void 0)try{reflected.ariaControlsElements=relationship.controlsElements}catch{}}syncAnchorRelationship(){const next=this.open&&this.anchor&&isTextControl(this.anchor)?this.anchor:void 0;if(this.anchorRelationship?.control!==next&&this.detachAnchorRelationship(),!next)return;const relationship=this.anchorRelationship??this.attachAnchorRelationship(next),control=relationship.control;if(isTextareaAnchor(control)){control.removeAttribute("role"),control.removeAttribute("aria-expanded"),control.removeAttribute("aria-controls"),control.removeAttribute("aria-activedescendant");const reflected2=control;if(relationship.activeElement!==void 0)try{reflected2.ariaActiveDescendantElement=null}catch{}if(relationship.controlsElements!==void 0)try{reflected2.ariaControlsElements=null}catch{}control.removeAttribute("aria-controls"),control.removeAttribute("aria-activedescendant"),control.setAttribute("aria-haspopup","listbox"),control.setAttribute("aria-autocomplete","list");return}relationship.attributes.get("role")?.present||control.setAttribute("role","combobox"),control.setAttribute("aria-expanded","true"),control.setAttribute("aria-haspopup","listbox");const listbox=this.renderRoot.querySelector('[part="listbox"]'),reflected=control;if(listbox&&"ariaControlsElements"in control)try{control.removeAttribute("aria-controls"),reflected.ariaControlsElements=[listbox],reflected.ariaControlsElements?.[0]!==listbox&&(reflected.ariaControlsElements=[this],reflected.ariaControlsElements?.[0]!==this&&control.removeAttribute("aria-controls"))}catch{control.removeAttribute("aria-controls")}else control.removeAttribute("aria-controls");control.removeAttribute("aria-activedescendant"),this.syncActiveDescendant(control)}get filteredItems(){const locale=this.effectiveLocale,{items,query,filter}=this,memo=this.filteredMemo;if(memo&&memo[0]===items&&memo[1]===query&&memo[2]===filter&&memo[3]===locale)return memo[4];const q=(query??"").trim().toLocaleLowerCase(locale),rows=items.filter(item=>typeof item.label!="string"||item.label.trim().length===0?!1:q?this.filter?this.filter(item,q):item.label.toLocaleLowerCase(locale).includes(q)||(typeof item.description=="string"?item.description:"").toLocaleLowerCase(locale).includes(q):!0);return this.filteredMemo=[items,query,filter,locale,rows],rows}get visibleItems(){const filtered=this.filteredItems;if(this.visibleMemo?.[0]===filtered)return this.visibleMemo[1];const visible=filtered.length>MAX_VISIBLE_MENTION_ITEMS?filtered.slice(0,MAX_VISIBLE_MENTION_ITEMS):filtered;return this.visibleMemo=[filtered,visible],visible}get activeDescendantId(){if(!this.open)return null;const idx=this.clampedIndex(this.visibleItems);return idx>=0?this.rowId(idx):null}get activeDescendantElement(){const id=this.activeDescendantId,escape=this.ownerDocument.defaultView?.CSS.escape;return id&&escape?this.renderRoot.querySelector(`#${escape(id)}`):null}syncActiveDescendant(_control){if(isTextareaAnchor(_control)||(_control.removeAttribute("aria-activedescendant"),!("ariaActiveDescendantElement"in _control)))return!1;const active=this.activeDescendantElement;try{const reflected=_control;reflected.ariaActiveDescendantElement=active;const accepted=reflected.ariaActiveDescendantElement===active;return accepted||(reflected.ariaActiveDescendantElement=null,_control.removeAttribute("aria-activedescendant")),accepted}catch{return _control.removeAttribute("aria-activedescendant"),!1}}async focusActiveOption(options={}){const ownsFocus=options.ownsFocus??(this._ownsFocus?this._focusOwnerPredicate:void 0);if(!this.open||!this.isConnected||!this.activeDescendantElement||!this.callFocusOwner(ownsFocus))return!1;const generation=++this._focusTransferGeneration,textareaSession=this.anchor!==void 0&&isTextareaAnchor(this.anchor),textareaSessionGeneration=this._textareaFocusSessionGeneration,snapshot={ownerDocument:this.ownerDocument,anchor:this.anchor,items:this.items,query:this.query,filter:this.filter,activeIndex:this.activeIndex};if(await this.updateComplete,await this.cleanup?.ready===!1||generation!==this._focusTransferGeneration||textareaSession&&textareaSessionGeneration!==this._textareaFocusSessionGeneration||!this.isConnected||!this.open||this.ownerDocument!==snapshot.ownerDocument||this.anchor!==snapshot.anchor||this.items!==snapshot.items||this.query!==snapshot.query||this.filter!==snapshot.filter||this.activeIndex!==snapshot.activeIndex||!this.callFocusOwner(ownsFocus))return!1;const active=this.activeDescendantElement;return!active?.isConnected||!this.callFocusOwner(ownsFocus)||(this.captureAnchorCaret(),active.focus({preventScroll:!0}),shadowFocusTarget(this)!==active)?!1:(this._focusOwnerPredicate=ownsFocus,this._ownsFocus=!0,!0)}async restoreFocus(waitForPlacement=!1){if(waitForPlacement){if(await this.cleanup?.ready===!1||!this._ownsFocus||!this.open)return;if(this.hasTextareaFocusSession()&&!this.fallbackFocusIsStillOwned()){this._ownsFocus=!1,this._focusOwnerPredicate=void 0;return}}const active=this.renderRoot.querySelector('[part="option"][data-active]');active?active.focus({preventScroll:!0}):this.anchor?.isConnected?(this.renderRoot.querySelector('[part="listbox"]')?.setAttribute("tabindex","-1"),this.restoreAnchorFocus(),this.scheduleAfterUpdate(()=>{this._ownsFocus=!1,this._focusOwnerPredicate=void 0})):this.renderRoot.querySelector('[part="listbox"]')?.focus({preventScroll:!0})}callFocusOwner(predicate){try{return predicate?.()??!0}catch{return!1}}fallbackFocusIsStillOwned(){return this.callFocusOwner(this._focusOwnerPredicate)&&shadowFocusTarget(this)!==null}get listboxId(){return this._listId}handleKeyDown(e){if(!this.open||e.isComposing||e.keyCode===229)return!1;const rows=this.visibleItems;switch(e.key){case"ArrowDown":return rows.length?(e.preventDefault(),this.activeIndex=this.stepEnabledIndex(rows,this.clampedIndex(rows),1),!0):!1;case"ArrowUp":return rows.length?(e.preventDefault(),this.activeIndex=this.stepEnabledIndex(rows,this.clampedIndex(rows),-1),!0):!1;case"Enter":case"Tab":{const idx=this.clampedIndex(rows);return idx<0?!1:(e.preventDefault(),this.commit(rows[idx]),!0)}case"Home":case"End":return!this._ownsFocus||!rows.length?!1:(e.preventDefault(),this.activeIndex=e.key==="Home"?this.stepEnabledIndex(rows,-1,1):this.stepEnabledIndex(rows,rows.length,-1),!0);case"Escape":return e.preventDefault(),this.open=!1,!0;default:return!1}}clampedIndex(rows){const count=rows.length;if(!count)return-1;const clamped=Math.min(Math.max(this.activeIndex,0),count-1);if(!rows[clamped]?.disabled)return clamped;for(let forward=clamped+1;forward<count;forward+=1)if(!rows[forward]?.disabled)return forward;for(let backward=clamped-1;backward>=0;backward-=1)if(!rows[backward]?.disabled)return backward;return-1}stepEnabledIndex(rows,from,direction){const count=rows.length;if(!count)return 0;let index=Math.min(Math.max(from+direction,0),count-1);for(let steps=0;steps<count;steps+=1){if(!rows[index]?.disabled)return index;if(index+=direction,index<0||index>=count)break}return from>=0&&from<count&&!rows[from]?.disabled?from:this.activeIndex}rowId(index){return`${this._listId}-opt-${index}`}commit(item){if(item.disabled)return;const index=this.items.indexOf(item);if(index<0)return;const relationshipControl=this.anchorRelationship?.control;relationshipControl&&isTextareaAnchor(relationshipControl)&&this.detachAnchorRelationship(),this.emit("lr-mention-select",Object.freeze({suggestionId:item.suggestionId,index,label:item.label})),this._silentClose=!0,this.open=!1}reposition(){this.cleanup?.(),this.cleanup=void 0;const anchorEl=this.resolveAnchorElement(),popup=this.renderRoot.querySelector('[part="listbox"]');if(anchorEl&&popup){const placement=place(anchorEl,popup,{placement:"bottom-start",strategy:resolveEffectivePositioningStrategy(this,void 0,"fixed")});this.cleanup=placement,placement.ready.then(positioned=>{positioned||this.cleanup!==placement||!this.open||(this._silentClose=!0,this.open=!1)})}}async settleListboxHidden(){const token=++this.listboxHideToken;await this.updateComplete,!(token!==this.listboxHideToken||this.open)&&(await waitForTransitionSettle(this.renderRoot.querySelector('[part="listbox"]'),this,{reducedMotion:prefersReducedMotion(this)}).finished,!(token!==this.listboxHideToken||this.open)&&(this.listboxHidden=!0))}resolveAnchorElement(){const anchor=this.anchor;if(!anchor)return null;if(isTextControl(anchor)){const rect=caretClientRect(anchor);if(rect){const owner=anchor.ownerDocument;this.virtualAnchor&&this.virtualAnchor.ownerDocument!==owner&&(this.virtualAnchor.remove(),this.virtualAnchor=null);const virtual=this.virtualAnchor??(this.virtualAnchor=owner.createElement("div"));return virtual.style.position="fixed",virtual.style.left=`${rect.left}px`,virtual.style.top=`${rect.top}px`,virtual.style.width="0",virtual.style.height=`${rect.height}px`,virtual.style.pointerEvents="none",virtual.isConnected||owner.body.appendChild(virtual),virtual}}return anchor}get effectiveEmptyText(){return this.emptyText===void 0?this.localize("noMatches"):this.emptyText}get effectiveLabel(){return hostAriaLabel(this)??(this.label===void 0?this.localize("mentionSuggestions"):this.label)}renderRow(item,index,activeId){const id=this.rowId(index),active=id===activeId;return html`
+import{__decorate}from"tslib";import{getOwnDataDescriptor}from"../../../internal/data-descriptors.js";import{createHaystackMemo}from"../../../internal/search-haystack.js";import{GlassScrollLayer}from"../../../internal/glass-scroll-layer.js";import{waitForTransitionSettle}from"../../../internal/css-motion-time.js";import{html,nothing}from"lit";import{property,state}from"lit/decorators.js";import{LyraElement}from"../../../internal/lyra-element.js";import{deferredPlaceReady as place}from"../../../internal/anchored-overlay-runtime.js";import{hostAriaLabel,nextId}from"../../../internal/a11y.js";import{AnnouncementSinkController}from"../../../internal/announcer.js";import{resolveEffectivePositioningStrategy}from"../../../internal/positioning-strategy.js";import{prefersReducedMotion}from"../../../internal/motion.js";import{styles}from"./mention-popover.styles.js";import{shadowFocusTarget}from"../../../internal/active-element.js";import{getNumberFormat,resolveIntlLocale}from"../../../internal/intl-cache.js";import{LYRA_DEFAULT_noMatches}from"../../../internal/default-strings/shared.generated.js";import{LYRA_DEFAULT_mentionInputLimit,LYRA_DEFAULT_mentionMoreResults,LYRA_DEFAULT_mentionResultCount,LYRA_DEFAULT_mentionResultPosition,LYRA_DEFAULT_mentionSuggestions}from"../../../internal/default-strings/utility.generated.js";const MAX_VISIBLE_MENTION_ITEMS=50,MAX_MENTION_ITEMS=1e4;function isTextControl(el){const view=el.ownerDocument.defaultView;return view?el instanceof view.HTMLTextAreaElement?!0:el instanceof view.HTMLInputElement&&(el.type==="text"||el.type==="search"):!1}function isTextareaAnchor(el){const view=el.ownerDocument.defaultView;return!!(view&&el instanceof view.HTMLTextAreaElement)}const MIRROR_CSS_PROPS=["box-sizing","width","padding-top","padding-right","padding-bottom","padding-left","border-top-width","border-right-width","border-bottom-width","border-left-width","border-style","font-family","font-size","font-style","font-variant","font-weight","font-stretch","letter-spacing","word-spacing","line-height","text-align","text-indent","text-transform","tab-size","direction"],caretMirrors=new WeakMap;function caretClientRect(el){const owner=el.ownerDocument,view=owner.defaultView;if(!view)return null;const elRect=el.getBoundingClientRect();if(elRect.width===0||elRect.height===0)return null;const computed=view.getComputedStyle(el);let cached=caretMirrors.get(el);if(!cached||cached.mirror.ownerDocument!==owner){const mirror2=owner.createElement("div"),prefix2=owner.createTextNode(""),marker2=owner.createElement("span"),suffix2=owner.createTextNode("");marker2.append(suffix2),mirror2.append(prefix2,marker2),cached={mirror:mirror2,prefix:prefix2,marker:marker2,suffix:suffix2},caretMirrors.set(el,cached)}const{mirror,prefix,marker,suffix}=cached;mirror.style.position="absolute",mirror.style.visibility="hidden",mirror.style.top="0",mirror.style.left="-9999px",mirror.style.whiteSpace=el instanceof view.HTMLTextAreaElement?"pre-wrap":"pre",mirror.style.overflowWrap="break-word";for(const prop of MIRROR_CSS_PROPS)mirror.style.setProperty(prop,computed.getPropertyValue(prop));const index=el.selectionStart??el.value.length,before=el.value.slice(0,index),after=el.value.slice(index)||"​";prefix.data!==before&&(prefix.data=before),suffix.data!==after&&(suffix.data=after),owner.body.appendChild(mirror);const mirrorRect=mirror.getBoundingClientRect(),markerRect=marker.getBoundingClientRect();mirror.remove();const lineHeight=parseFloat(computed.lineHeight)||markerRect.height||16;return new view.DOMRect(elRect.left+(markerRect.left-mirrorRect.left)-el.scrollLeft,elRect.top+(markerRect.top-mirrorRect.top)-el.scrollTop,1,lineHeight)}class LyraMentionPopover extends LyraElement{static{this.defaultStrings={...super.defaultStrings,mentionInputLimit:LYRA_DEFAULT_mentionInputLimit,mentionMoreResults:LYRA_DEFAULT_mentionMoreResults,mentionResultCount:LYRA_DEFAULT_mentionResultCount,mentionResultPosition:LYRA_DEFAULT_mentionResultPosition,mentionSuggestions:LYRA_DEFAULT_mentionSuggestions,noMatches:LYRA_DEFAULT_noMatches}}constructor(){super(),this._textareaFocusSessionGeneration=0,this.itemPositions=new WeakMap,this._items=Object.freeze([]),this.query="",this.open=!1,this.filter=null,this.activeIndex=0,this.listboxHidden=!0,this.listboxHideToken=0,this._listId=nextId("mention-popover-listbox"),this.virtualAnchor=null,this._isFirstUpdate=!0,this._silentClose=!1,this._ownsFocus=!1,this._focusTransferGeneration=0,this.announcements=new AnnouncementSinkController(this,{eager:["polite"]}),this.limitMounted=!1,this.labelKeys=createHaystackMemo((item,locale)=>typeof item.label=="string"?item.label.toLocaleLowerCase(resolveIntlLocale(locale)):""),this.descriptionKeys=createHaystackMemo((item,locale)=>typeof item.description=="string"?item.description.toLocaleLowerCase(resolveIntlLocale(locale)):""),this.onListboxMouseDown=e=>{e.target.closest('[part="option"]')&&e.preventDefault()},this.onListboxClick=e=>{const optionEl=e.target.closest('[part="option"]'),index=Number(optionEl?.dataset.index);if(!Number.isInteger(index)||index<0)return;const item=this.visibleItems[index];item&&this.commit(item)},this.onListboxKeyDown=e=>{e.defaultPrevented||!this._ownsFocus||this.handleKeyDown(e)&&this.open&&this.focusActiveOption()},this.inputLimited=!1,new GlassScrollLayer(this,'[part="listbox"]',()=>this.open)}static{this.styles=[LyraElement.styles,styles]}static{this.properties={items:{attribute:!1,noAccessor:!0}}}requestUpdate(name,oldValue,options){(name==="open"||name==="anchor"||name==="query"||name==="items"||name==="filter")&&this.hasTextareaFocusSession()&&(this._textareaFocusSessionGeneration+=1),name===void 0&&(this.filteredMemo=void 0),super.requestUpdate(name,oldValue,options)}hasTextareaFocusSession(){const relationshipControl=this.anchorRelationship?.control;return this.anchor!==void 0&&isTextareaAnchor(this.anchor)||relationshipControl!==void 0&&isTextareaAnchor(relationshipControl)}get items(){return this._items}set items(next){const previous=this._items;if(next===previous){this.requestUpdate();return}const source=Array.isArray(next)?next:[];this.inputLimited=source.length>MAX_MENTION_ITEMS;const rows=new Array(Math.min(source.length,MAX_MENTION_ITEMS));this.itemPositions=new WeakMap;for(let index=0;index<Math.min(source.length,MAX_MENTION_ITEMS);index++){const descriptor=getOwnDataDescriptor(source,String(index));if(typeof descriptor=="symbol")continue;const item=descriptor.value,copy={};if(item&&typeof item=="object"){let keys=[];try{keys=Object.keys(item)}catch{}for(const key of keys){const field=getOwnDataDescriptor(item,key);typeof field!="symbol"&&Object.defineProperty(copy,key,{value:field.value,enumerable:!0})}}const snapshot=Object.freeze(copy);rows[index]=snapshot,this.itemPositions.set(snapshot,index)}this._items=Object.freeze(rows),this.requestUpdate("items",previous)}connectedCallback(){super.connectedCallback(),this.announceResultState()}willUpdate(changed){super.willUpdate(changed),this._isFirstUpdate=!this.hasUpdated,changed.has("open")&&this.open&&(this.listboxHidden=!1),this._ownsFocus&&!this.fallbackFocusIsStillOwned()&&(this._ownsFocus=!1,this._focusOwnerPredicate=void 0),(changed.has("query")||changed.has("items")||changed.has("filter"))&&(this.activeIndex=0);const candidatesChanged=changed.has("query")||changed.has("items")||changed.has("filter");this._ownsFocus&&changed.has("open")&&!this.open?(this.restoreAnchorFocus(),this._ownsFocus=!1,this._focusOwnerPredicate=void 0):this._ownsFocus&&this.open&&candidatesChanged&&this.visibleItems.length===0&&(this.anchor?.isConnected?this.restoreAnchorFocus():this.renderRoot.querySelector('[part="listbox"]')?.focus({preventScroll:!0}),this._ownsFocus=!1,this._focusOwnerPredicate=void 0),this._ownsFocus&&changed.has("anchor")&&this.anchorRelationship?.control!==this.anchor&&this.detachAnchorRelationship()}updated(changed){if(super.updated(changed),this.limitMounted&&changed.has("inputLimited")&&this.inputLimited&&this.announcements.announcePolite(this.localize("mentionInputLimit")),this.limitMounted=!0,changed.has("open"))if(this.open)this.reposition();else{this.cleanup?.(),this.cleanup=void 0,this.virtualAnchor?.remove(),this.settleListboxHidden();const relationshipControl=this.anchorRelationship?.control;relationshipControl&&isTextareaAnchor(relationshipControl)&&this.detachAnchorRelationship(),!this._isFirstUpdate&&!this._silentClose&&queueMicrotask(()=>this.emit("lr-mention-close")),this._silentClose=!1}else this.open&&(changed.has("anchor")||changed.has("query"))&&this.reposition();if(changed.has("activeIndex")||changed.has("query")||changed.has("items")||changed.has("filter")){const active=this.renderRoot.querySelector('[part="option"][data-active]'),list=active?.parentElement;if(active&&list){const top=active.offsetTop,bottom=top+active.offsetHeight;top<list.scrollTop?list.scrollTop=top:bottom>list.scrollTop+list.clientHeight&&(list.scrollTop=bottom-list.clientHeight)}this._ownsFocus&&(!active&&this.anchor?.isConnected?this.restoreFocus():this.restoreFocus(!0))}this.syncAnchorRelationship(),this.open?this.announceResultState():this.resetResultAnnouncements()}disconnectedCallback(){this._focusTransferGeneration+=1,this.resetResultAnnouncements(),this._ownsFocus&&this.callFocusOwner(this._focusOwnerPredicate)&&this.restoreAnchorFocus(),this._ownsFocus=!1,this._focusOwnerPredicate=void 0,this.detachAnchorRelationship(),super.disconnectedCallback(),this.cleanup?.(),this.cleanup=void 0,this.virtualAnchor?.remove(),this.listboxHideToken++,this.listboxHidden=!0,this.open=!1}adoptedCallback(){super.adoptedCallback(),this._focusTransferGeneration+=1,this.resetResultAnnouncements(),this.announcements.adopted(),this._ownsFocus&&this.callFocusOwner(this._focusOwnerPredicate)&&this.restoreAnchorFocus(),this._ownsFocus=!1,this._focusOwnerPredicate=void 0,this.detachAnchorRelationship(),this.open=!1}resetResultAnnouncements(){this.announcedResultCount=void 0,this.announcedResultPosition=void 0}announceResultState(){if(!this.open)return;const rows=this.filteredItems,resultState=rows.length===0?this.localize("noMatches"):this.localize("mentionResultCount",void 0,{count:rows.length}),index=this.clampedIndex(rows),position=index<0?void 0:this.localize("mentionResultPosition",void 0,{current:index+1,total:rows.length});if(this._isFirstUpdate){this.announcedResultCount=resultState,this.announcedResultPosition=position;return}if(resultState!==this.announcedResultCount&&(this.announcements.announcePolite(resultState),this.announcedResultCount=resultState),position===void 0){this.announcedResultPosition=void 0;return}position!==this.announcedResultPosition&&(this.announcements.announcePolite(position),this.announcedResultPosition=position)}snapshotAttribute(control,name){return{present:control.hasAttribute(name),value:control.getAttribute(name)}}restoreAttribute(control,name,snapshot){snapshot.present?control.setAttribute(name,snapshot.value??""):control.removeAttribute(name)}captureAnchorCaret(relationship=this.anchorRelationship){if(!relationship||!isTextareaAnchor(relationship.control))return;const{control}=relationship;relationship.selectionStart=control.selectionStart,relationship.selectionEnd=control.selectionEnd,relationship.selectionDirection=control.selectionDirection}restoreRelationshipFocus(relationship){const{control}=relationship;if(control.isConnected)try{control.focus({preventScroll:!0}),isTextareaAnchor(control)&&relationship.selectionStart!==null&&relationship.selectionStart!==void 0&&relationship.selectionEnd!==null&&relationship.selectionEnd!==void 0&&control.setSelectionRange(relationship.selectionStart,relationship.selectionEnd,relationship.selectionDirection??void 0)}catch{}}restoreAnchorFocus(){const relationship=this.anchorRelationship;if(relationship){this.restoreRelationshipFocus(relationship);return}const anchor=this.anchor;if(anchor?.isConnected)try{anchor.focus({preventScroll:!0})}catch{}}attachAnchorRelationship(control){const reflected=control,textarea=isTextareaAnchor(control),attributes=new Map((textarea?["role","aria-expanded","aria-haspopup","aria-autocomplete","aria-controls","aria-activedescendant"]:["role","aria-expanded","aria-haspopup","aria-controls","aria-activedescendant"]).map(name=>[name,this.snapshotAttribute(control,name)])),activeElement="ariaActiveDescendantElement"in control?reflected.ariaActiveDescendantElement??null:void 0,controlsElements="ariaControlsElements"in control?reflected.ariaControlsElements??null:void 0,capturedTextareaActiveElement=textarea&&attributes.get("aria-activedescendant")?.present&&attributes.get("aria-activedescendant")?.value===""?activeElement??void 0:void 0,capturedTextareaControlsElements=textarea&&attributes.get("aria-controls")?.present&&attributes.get("aria-controls")?.value===""&&controlsElements?.length?controlsElements:void 0,relationship={control,attributes,activeElement:textarea?capturedTextareaActiveElement:activeElement,controlsElements:textarea?capturedTextareaControlsElements:controlsElements,selectionStart:textarea?control.selectionStart:void 0,selectionEnd:textarea?control.selectionEnd:void 0,selectionDirection:textarea?control.selectionDirection:void 0};return this.anchorRelationship=relationship,relationship}detachAnchorRelationship(){const relationship=this.anchorRelationship;if(!relationship)return;if(this.anchorRelationship=void 0,this._ownsFocus&&(this.restoreRelationshipFocus(relationship),this._ownsFocus=!1,this._focusOwnerPredicate=void 0),!isTextareaAnchor(relationship.control)){const reflected2=relationship.control;if(relationship.activeElement!==void 0)try{reflected2.ariaActiveDescendantElement=relationship.activeElement}catch{}if(relationship.controlsElements!==void 0)try{reflected2.ariaControlsElements=relationship.controlsElements}catch{}for(const[name,snapshot]of relationship.attributes)this.restoreAttribute(relationship.control,name,snapshot);return}for(const[name,snapshot]of relationship.attributes)this.restoreAttribute(relationship.control,name,snapshot);const reflected=relationship.control;if(relationship.activeElement!==void 0)try{reflected.ariaActiveDescendantElement=relationship.activeElement}catch{}if(relationship.controlsElements!==void 0)try{reflected.ariaControlsElements=relationship.controlsElements}catch{}}syncAnchorRelationship(){const next=this.open&&this.anchor&&isTextControl(this.anchor)?this.anchor:void 0;if(this.anchorRelationship?.control!==next&&this.detachAnchorRelationship(),!next)return;const relationship=this.anchorRelationship??this.attachAnchorRelationship(next),control=relationship.control;if(isTextareaAnchor(control)){control.removeAttribute("role"),control.removeAttribute("aria-expanded"),control.removeAttribute("aria-controls"),control.removeAttribute("aria-activedescendant");const reflected2=control;if(relationship.activeElement!==void 0)try{reflected2.ariaActiveDescendantElement=null}catch{}if(relationship.controlsElements!==void 0)try{reflected2.ariaControlsElements=null}catch{}control.removeAttribute("aria-controls"),control.removeAttribute("aria-activedescendant"),control.setAttribute("aria-haspopup","listbox"),control.setAttribute("aria-autocomplete","list");return}relationship.attributes.get("role")?.present||control.setAttribute("role","combobox"),control.setAttribute("aria-expanded","true"),control.setAttribute("aria-haspopup","listbox");const listbox=this.renderRoot.querySelector('[part="listbox"]'),reflected=control;if(listbox&&"ariaControlsElements"in control)try{control.removeAttribute("aria-controls"),reflected.ariaControlsElements=[listbox],reflected.ariaControlsElements?.[0]!==listbox&&(reflected.ariaControlsElements=[this],reflected.ariaControlsElements?.[0]!==this&&control.removeAttribute("aria-controls"))}catch{control.removeAttribute("aria-controls")}else control.removeAttribute("aria-controls");control.removeAttribute("aria-activedescendant"),this.syncActiveDescendant(control)}get filteredItems(){const locale=this.effectiveLocale,{items,query,filter}=this,memo=this.filteredMemo;if(memo&&memo[0]===items&&memo[1]===query&&memo[2]===filter&&memo[3]===locale)return memo[4];const q=(query??"").trim().toLocaleLowerCase(locale),labels=filter?void 0:this.labelKeys(items,locale),descriptions=filter?void 0:this.descriptionKeys(items,locale),rows=items.filter((item,index)=>typeof item.label!="string"||item.label.trim().length===0?!1:q?this.filter?this.filter(item,q):labels[index].includes(q)||descriptions[index].includes(q):!0);return this.filteredMemo=[items,query,filter,locale,rows],rows}get visibleItems(){const filtered=this.filteredItems;if(this.visibleMemo?.[0]===filtered)return this.visibleMemo[1];const visible=filtered.length>MAX_VISIBLE_MENTION_ITEMS?filtered.slice(0,MAX_VISIBLE_MENTION_ITEMS):filtered;return this.visibleMemo=[filtered,visible],visible}get activeDescendantId(){if(!this.open)return null;const idx=this.clampedIndex(this.visibleItems);return idx>=0?this.rowId(idx):null}get activeDescendantElement(){const id=this.activeDescendantId,escape=this.ownerDocument.defaultView?.CSS.escape;return id&&escape?this.renderRoot.querySelector(`#${escape(id)}`):null}syncActiveDescendant(_control){if(isTextareaAnchor(_control)||(_control.removeAttribute("aria-activedescendant"),!("ariaActiveDescendantElement"in _control)))return!1;const active=this.activeDescendantElement;try{const reflected=_control;reflected.ariaActiveDescendantElement=active;const accepted=reflected.ariaActiveDescendantElement===active;return accepted||(reflected.ariaActiveDescendantElement=null,_control.removeAttribute("aria-activedescendant")),accepted}catch{return _control.removeAttribute("aria-activedescendant"),!1}}async focusActiveOption(options={}){const ownsFocus=options.ownsFocus??(this._ownsFocus?this._focusOwnerPredicate:void 0);if(!this.open||!this.isConnected||!this.activeDescendantElement||!this.callFocusOwner(ownsFocus))return!1;const generation=++this._focusTransferGeneration,textareaSession=this.anchor!==void 0&&isTextareaAnchor(this.anchor),textareaSessionGeneration=this._textareaFocusSessionGeneration,snapshot={ownerDocument:this.ownerDocument,anchor:this.anchor,items:this.items,query:this.query,filter:this.filter,activeIndex:this.activeIndex};if(await this.updateComplete,await this.cleanup?.ready===!1||generation!==this._focusTransferGeneration||textareaSession&&textareaSessionGeneration!==this._textareaFocusSessionGeneration||!this.isConnected||!this.open||this.ownerDocument!==snapshot.ownerDocument||this.anchor!==snapshot.anchor||this.items!==snapshot.items||this.query!==snapshot.query||this.filter!==snapshot.filter||this.activeIndex!==snapshot.activeIndex||!this.callFocusOwner(ownsFocus))return!1;const active=this.activeDescendantElement;return!active?.isConnected||!this.callFocusOwner(ownsFocus)||(this.captureAnchorCaret(),active.focus({preventScroll:!0}),shadowFocusTarget(this)!==active)?!1:(this._focusOwnerPredicate=ownsFocus,this._ownsFocus=!0,!0)}async restoreFocus(waitForPlacement=!1){if(waitForPlacement){if(await this.cleanup?.ready===!1||!this._ownsFocus||!this.open)return;if(this.hasTextareaFocusSession()&&!this.fallbackFocusIsStillOwned()){this._ownsFocus=!1,this._focusOwnerPredicate=void 0;return}}const active=this.renderRoot.querySelector('[part="option"][data-active]');active?active.focus({preventScroll:!0}):this.anchor?.isConnected?(this.renderRoot.querySelector('[part="listbox"]')?.setAttribute("tabindex","-1"),this.restoreAnchorFocus(),this.scheduleAfterUpdate(()=>{this._ownsFocus=!1,this._focusOwnerPredicate=void 0})):this.renderRoot.querySelector('[part="listbox"]')?.focus({preventScroll:!0})}callFocusOwner(predicate){try{return predicate?.()??!0}catch{return!1}}fallbackFocusIsStillOwned(){return this.callFocusOwner(this._focusOwnerPredicate)&&shadowFocusTarget(this)!==null}get listboxId(){return this._listId}handleKeyDown(e){if(!this.open||e.isComposing||e.keyCode===229)return!1;const rows=this.visibleItems;switch(e.key){case"ArrowDown":return rows.length?(e.preventDefault(),this.activeIndex=this.stepEnabledIndex(rows,this.clampedIndex(rows),1),!0):!1;case"ArrowUp":return rows.length?(e.preventDefault(),this.activeIndex=this.stepEnabledIndex(rows,this.clampedIndex(rows),-1),!0):!1;case"Enter":case"Tab":{const idx=this.clampedIndex(rows);return idx<0?!1:(e.preventDefault(),this.commit(rows[idx]),!0)}case"Home":case"End":return!this._ownsFocus||!rows.length?!1:(e.preventDefault(),this.activeIndex=e.key==="Home"?this.stepEnabledIndex(rows,-1,1):this.stepEnabledIndex(rows,rows.length,-1),!0);case"Escape":return e.preventDefault(),this.open=!1,!0;default:return!1}}clampedIndex(rows){const count=rows.length;if(!count)return-1;const clamped=Math.min(Math.max(this.activeIndex,0),count-1);if(!rows[clamped]?.disabled)return clamped;for(let forward=clamped+1;forward<count;forward+=1)if(!rows[forward]?.disabled)return forward;for(let backward=clamped-1;backward>=0;backward-=1)if(!rows[backward]?.disabled)return backward;return-1}stepEnabledIndex(rows,from,direction){const count=rows.length;if(!count)return 0;let index=Math.min(Math.max(from+direction,0),count-1);for(let steps=0;steps<count;steps+=1){if(!rows[index]?.disabled)return index;if(index+=direction,index<0||index>=count)break}return from>=0&&from<count&&!rows[from]?.disabled?from:this.activeIndex}rowId(index){return`${this._listId}-opt-${index}`}commit(item){if(item.disabled)return;const index=this.itemPositions.get(item)??-1;if(index<0)return;const relationshipControl=this.anchorRelationship?.control;relationshipControl&&isTextareaAnchor(relationshipControl)&&this.detachAnchorRelationship(),this.emit("lr-mention-select",Object.freeze({suggestionId:item.suggestionId,index,label:item.label})),this._silentClose=!0,this.open=!1}reposition(){this.cleanup?.(),this.cleanup=void 0;const anchorEl=this.resolveAnchorElement(),popup=this.renderRoot.querySelector('[part="listbox"]');if(anchorEl&&popup){const placement=place(anchorEl,popup,{placement:"bottom-start",strategy:resolveEffectivePositioningStrategy(this,void 0,"fixed")});this.cleanup=placement,placement.ready.then(positioned=>{positioned||this.cleanup!==placement||!this.open||(this._silentClose=!0,this.open=!1)})}}async settleListboxHidden(){const token=++this.listboxHideToken;await this.updateComplete,!(token!==this.listboxHideToken||this.open)&&(await waitForTransitionSettle(this.renderRoot.querySelector('[part="listbox"]'),this,{reducedMotion:prefersReducedMotion(this)}).finished,!(token!==this.listboxHideToken||this.open)&&(this.listboxHidden=!0))}resolveAnchorElement(){const anchor=this.anchor;if(!anchor)return null;if(isTextControl(anchor)){const rect=caretClientRect(anchor);if(rect){const owner=anchor.ownerDocument;this.virtualAnchor&&this.virtualAnchor.ownerDocument!==owner&&(this.virtualAnchor.remove(),this.virtualAnchor=null);const virtual=this.virtualAnchor??(this.virtualAnchor=owner.createElement("div"));return virtual.style.position="fixed",virtual.style.left=`${rect.left}px`,virtual.style.top=`${rect.top}px`,virtual.style.width="0",virtual.style.height=`${rect.height}px`,virtual.style.pointerEvents="none",virtual.isConnected||owner.body.appendChild(virtual),virtual}}return anchor}get effectiveEmptyText(){return this.emptyText===void 0?this.localize("noMatches"):this.emptyText}get effectiveLabel(){return hostAriaLabel(this)??(this.label===void 0?this.localize("mentionSuggestions"):this.label)}renderRow(item,index,activeId){const id=this.rowId(index),active=id===activeId;return html`
       <div
         part="option"
         id=${id}
@@ -16,7 +16,8 @@ import{__decorate}from"tslib";import{GlassScrollLayer}from"../../../internal/gla
           ${item.description?html`<span part="option-description">${item.description}</span>`:nothing}
         </span>
       </div>
-    `}render(){const rows=this.visibleItems,remaining=this.filteredItems.length-rows.length,idx=this.clampedIndex(rows),activeId=idx>=0?this.rowId(idx):"";return html`
+    `}render(){const rows=this.listboxHidden?[]:this.visibleItems,remaining=this.filteredItems.length-rows.length,idx=this.clampedIndex(rows),activeId=idx>=0?this.rowId(idx):"";return html`
+      ${this.inputLimited?html`<p part="limit">${this.localize("mentionInputLimit")}</p>`:nothing}
       <div
         part="listbox"
         ?hidden=${this.listboxHidden}
@@ -30,9 +31,9 @@ import{__decorate}from"tslib";import{GlassScrollLayer}from"../../../internal/gla
         @keydown=${this.onListboxKeyDown}
       >
         <span class="glass-scroll-layer" aria-hidden="true"></span>
-        ${rows.length===0?html`<div part="empty" role="option" aria-selected="false" aria-disabled="true">${this.effectiveEmptyText}</div>`:rows.map((item,i)=>this.renderRow(item,i,activeId))}
-        ${remaining>0?html`<div part="more-results" id=${`${this._listId}-more`}>
+        ${this.listboxHidden?nothing:rows.length===0?html`<div part="empty" role="option" aria-selected="false" aria-disabled="true">${this.effectiveEmptyText}</div>`:rows.map((item,i)=>this.renderRow(item,i,activeId))}
+        ${!this.listboxHidden&&remaining>0?html`<div part="more-results" id=${`${this._listId}-more`}>
           ${this.localize("mentionMoreResults",void 0,{count:getNumberFormat(this.effectiveLocale).format(remaining),pluralCount:remaining})}
         </div>`:nothing}
       </div>
-    `}}__decorate([property({attribute:!1})],LyraMentionPopover.prototype,"anchor",void 0),__decorate([property()],LyraMentionPopover.prototype,"query",void 0),__decorate([property({type:Boolean,reflect:!0})],LyraMentionPopover.prototype,"open",void 0),__decorate([property({attribute:!1})],LyraMentionPopover.prototype,"filter",void 0),__decorate([property({attribute:"empty-text"})],LyraMentionPopover.prototype,"emptyText",void 0),__decorate([property()],LyraMentionPopover.prototype,"label",void 0),__decorate([state()],LyraMentionPopover.prototype,"activeIndex",void 0),__decorate([state()],LyraMentionPopover.prototype,"listboxHidden",void 0),__decorate([state()],LyraMentionPopover.prototype,"_ownsFocus",void 0);export{LyraMentionPopover};
+    `}}__decorate([property({attribute:!1})],LyraMentionPopover.prototype,"anchor",void 0),__decorate([property()],LyraMentionPopover.prototype,"query",void 0),__decorate([property({type:Boolean,reflect:!0})],LyraMentionPopover.prototype,"open",void 0),__decorate([property({attribute:!1})],LyraMentionPopover.prototype,"filter",void 0),__decorate([property({attribute:"empty-text"})],LyraMentionPopover.prototype,"emptyText",void 0),__decorate([property()],LyraMentionPopover.prototype,"label",void 0),__decorate([state()],LyraMentionPopover.prototype,"activeIndex",void 0),__decorate([state()],LyraMentionPopover.prototype,"listboxHidden",void 0),__decorate([state()],LyraMentionPopover.prototype,"_ownsFocus",void 0),__decorate([state()],LyraMentionPopover.prototype,"inputLimited",void 0);export{LyraMentionPopover};

package/dist/components/viewers/csv-viewer/csv-viewer.class.d.ts

@@ -1,4 +1,6 @@
-import{type PropertyValues,type TemplateResult}from'lit';import{LyraElement}from'../../../internal/lyra-element.js';import{type LyraAnchorTargetEventMap}from'../../../internal/anchor-target.js';import type{LyraAnchor,LyraAnchorKind}from'../document-viewer/anchors.js';import type{LyraViewerDiagnosticEventDetail}from'../viewer-diagnostics.js';export type{LyraViewerDiagnostic,LyraViewerDiagnosticCode,LyraViewerDiagnosticEventDetail,LyraViewerDiagnosticSeverity,}from'../viewer-diagnostics.js';import type{LyraSearchChangeDetail}from'../../../internal/text-viewer-target.js';export interface LyraCsvViewerEventMap extends Omit<LyraAnchorTargetEventMap,'lr-text-select'>{'lr-render-error':CustomEvent<{error:unknown;}>;'lr-viewer-diagnostic':CustomEvent<LyraViewerDiagnosticEventDetail>;
+import type{LyraTabularSource}from'../../../data-sources.js';export type{LyraTabularColumn,LyraSourceCell,LyraTabularHit,LyraTabularReadRequest,LyraSourceSearchRequest,LyraSourceSearchResult}from'../../../data-sources.js';
+/** Host-owned indexed or rectangular source for this viewer. */
+export type CsvViewerSource=LyraTabularSource;import{type PropertyValues,type TemplateResult}from'lit';import{LyraElement}from'../../../internal/lyra-element.js';import{type LyraAnchorTargetEventMap}from'../../../internal/anchor-target.js';import type{LyraAnchor,LyraAnchorKind}from'../document-viewer/anchors.js';import type{LyraViewerDiagnosticEventDetail}from'../viewer-diagnostics.js';export type{LyraViewerDiagnostic,LyraViewerDiagnosticCode,LyraViewerDiagnosticEventDetail,LyraViewerDiagnosticSeverity,}from'../viewer-diagnostics.js';import type{LyraSearchChangeDetail}from'../../../internal/text-viewer-target.js';export interface LyraCsvViewerEventMap extends Omit<LyraAnchorTargetEventMap,'lr-text-select'>{'lr-render-error':CustomEvent<{error:unknown;}>;'lr-viewer-diagnostic':CustomEvent<LyraViewerDiagnosticEventDetail>;
 /** Fired whenever the search query, match count, or active match index changes, from
 *  `search()`/`searchNext()`/`searchPrevious()`/`clearSearch()`. */
 'lr-search-change':CustomEvent<LyraSearchChangeDetail>;}declare class LyraCsvViewerBase extends LyraElement<LyraCsvViewerEventMap>{}declare const LyraCsvViewer_base:Omit<typeof LyraCsvViewerBase,'prototype'> &(new(...args:ConstructorParameters<typeof LyraCsvViewerBase>)=>InstanceType<typeof LyraCsvViewerBase> &import("../../../lyra.js").LyraAnchorTarget&import("../../../internal/anchor-target.js").DocumentAnchorTargetHooks&{renderAnchorLiveRegion():unknown;});
@@ -16,10 +18,16 @@ import{type PropertyValues,type TemplateResult}from'lit';import{LyraElement}from
 * `search()` is a locale-aware case-insensitive substring match over the same stringified cell
 * values `cell()` already renders, ordered row then column.
 *
-* A quote-aware structural scan enforces the 10,000-raw-row, 1,000-column, 1,000,000-cell, and
+* By default, a quote-aware structural scan enforces the 10,000-raw-row, 1,000-column, 1,000,000-cell, and
 * 100-diagnostic ceilings before PapaParse can materialize an amplified result. The peer then runs
 * with streaming row callbacks and the same limits as a second boundary.
 *
+* Row and column ceilings default to 10,000 and 1,000; maxRows/maxColumns can raise them to
+* 100,000 and 10,000. maxBytes defaults to 25 MiB and is bounded at 250 MiB. The 1,000,000-cell
+* ceiling remains independent. The owned `rows` input bypasses fetch and peer parsing; undefined
+* restores src. Header and body columns are windowed together, and anchors reveal hidden columns.
+* Remote parsing yields between admission/materialization passes; parsing itself remains synchronous.
+*
 * @customElement lr-csv-viewer
 * @event lr-render-error - Fired when fetching or parsing fails, a parser is unavailable, or the
 *   bounded parse exceeds a resource ceiling.
@@ -55,22 +63,41 @@ import{type PropertyValues,type TemplateResult}from'lit';import{LyraElement}from
 * @cssprop [--lr-csv-viewer-max-height=none] - Maximum block size allocated to `[part="body"]`;
 *   the nested virtual-list scrolls data rows within the remainder below the persistent header.
 *   The `maxHeight` property sets this token inline on `[part="base"]`.
+* @csspart search-status - Notice when a data source has no global search capability.
 * @status stable
 * @since 4.0.0
 */
-export declare class LyraCsvViewer extends LyraCsvViewer_base{static styles:import("lit").CSSResultGroup[];
+export declare class LyraCsvViewer extends LyraCsvViewer_base{static styles:import("lit").CSSResultGroup[];protected static readonly identityCollectionObjectProperties:readonly string[];private _dataSource?;
+/** Optional host-owned full logical source. Takes precedence over legacy inputs; undefined restores
+* them. Reassign, including the same source, or call requestUpdate() after source mutation.
+* Source rows use fixed live --lr-size-3rem geometry; legacy row sizing is unchanged.
+* Column labels are separate from body rows; body row zero appears at display row one without a header and row two with a header.
+* Global search requires the source search capability. */
+get dataSource():CsvViewerSource|undefined;set dataSource(value:CsvViewerSource|undefined);requestUpdate(...args:Parameters<LyraElement['requestUpdate']>):void;
 /** URL to fetch and parse. */
 src:string;
+/** Maximum admitted rows; defaults to 10,000 and can be raised to 100,000. */
+maxRows:number;
+/** Maximum admitted columns; defaults to 1,000 and can be raised to 10,000. */
+maxColumns:number;
+/** Maximum source bytes; defaults to 25 MiB and can be raised to 250 MiB. */
+maxBytes:number;private get effectiveMaxRows();private get effectiveMaxColumns();private get effectiveMaxBytes();private get parseLimits();private inputError;private inputSource?;private inputLimits;private get currentInputLimits();private _rows;
+/** Owned scalar-cell grid, including its header. Takes precedence over src; undefined restores fetching.
+* Invalid or oversized inputs produce lr-render-error and the localized error state. Replace the array to refresh. */
+get rows():unknown[][]|undefined;set rows(value:unknown[][]|undefined);
 /** Source filename or display name used on the shadow viewer owner when host `aria-label` is
 *  absent. A non-empty host label remains on the host; an explicitly empty one is preserved on
 *  the shadow owner. */
-name:string;
-/** Renders the first parsed row as an ordinary data row instead of the persistent header. */
-withoutHeaderRow:boolean;
+name:string;private _withoutHeaderRow;
+/** Renders the first parsed row as an ordinary data row instead of the persistent header.
+* In source mode, hides the separate labels and clears search/navigation coordinates.
+* @default false
+*/
+get withoutHeaderRow():boolean;set withoutHeaderRow(value:boolean);
 /** CSS length that caps the scrollable body; invalid values are ignored. */
 maxHeight:string;
 /** Anchor kinds this viewer resolves via `scrollToAnchor()`. */
-readonly anchorKinds:readonly LyraAnchorKind[];private fetchState;private loadTask;private loadLibrary;private readonly table;connectedCallback():void;disconnectedCallback():void;adoptedCallback():void;protected willUpdate(changed:PropertyValues):void;protected updated(changed:PropertyValues):void;private load;private renderCell;private renderRow;private jumpToCell;protected applyAnchor(anchor:LyraAnchor):Promise<boolean>;private scrollColumnIntoView;
+readonly anchorKinds:readonly LyraAnchorKind[];private fetchState;private loadTask;private loadLibrary;private readonly table;private readonly provider;connectedCallback():void;disconnectedCallback():void;adoptedCallback():void;protected willUpdate(changed:PropertyValues):void;protected updated(changed:PropertyValues):void;private load;private renderCell;private renderRow;private jumpToCell;protected applyAnchor(anchor:LyraAnchor):Promise<boolean>;private scrollColumnIntoView;
 /** Case-insensitive substring search over every raw-grid cell's stringified value (the same
 *  stringification `cell()` renders), ordered row then column -- the header row is included when
 *  present, the same raw-grid convention `cell-range` anchors use. An empty/whitespace-only query

package/dist/components/viewers/csv-viewer/csv-viewer.class.js

@@ -1,12 +1,13 @@
-import{__decorate}from"tslib";import{html,nothing}from"lit";import{property,state}from"lit/decorators.js";import{styleMap}from"lit/directives/style-map.js";import{LyraElement}from"../../../internal/lyra-element.js";import{tag}from"../../../internal/prefix.js";import{isAbortError,isResourceLimitError,LyraUserFacingError,readResponseText,resolveOwnerFetchTarget}from"../../../internal/resource-loader.js";import{hostAriaLabel,srOnly}from"../../../internal/a11y.js";import{TableViewerController}from"../table-viewer-shared.js";import{DocumentAnchorTarget}from"../../../internal/anchor-target.js";import{parseCellRange}from"../../../internal/cell-range.js";import{loadPapaParseCached}from"../../../internal/papaparse-loader.js";import{styles}from"./csv-viewer.styles.js";import{delimitedCellText as cell,delimitedColumnCount as columns,parseDelimitedGrid}from"../../../internal/delimited-data.js";import{LatestTask}from"../../../internal/latest-task.js";import{sanitizeCssLength}from"../../../internal/safe-css.js";import{renderViewerLoading,viewerLoadingStyles}from"../viewer-loading.js";import{viewerSemanticLabel,viewerSemanticRole}from"../viewer-semantic-owner.js";import{LYRA_DEFAULT_anchorJumped,LYRA_DEFAULT_anchorJumpedToPage,LYRA_DEFAULT_anchorNotFound,LYRA_DEFAULT_collapse,LYRA_DEFAULT_copy,LYRA_DEFAULT_date,LYRA_DEFAULT_details,LYRA_DEFAULT_documentPreviewEmpty,LYRA_DEFAULT_highlightWithLabel,LYRA_DEFAULT_loading,LYRA_DEFAULT_map,LYRA_DEFAULT_navigation,LYRA_DEFAULT_noData,LYRA_DEFAULT_open,LYRA_DEFAULT_search,LYRA_DEFAULT_select,LYRA_DEFAULT_viewerSearchActiveMatch,LYRA_DEFAULT_viewerSearchMatchCount,LYRA_DEFAULT_viewerSearchNoMatches}from"../../../internal/default-strings/shared.generated.js";import{LYRA_DEFAULT_cellHighlightWithLabel,LYRA_DEFAULT_csvViewerLabel,LYRA_DEFAULT_csvViewerUnavailable,LYRA_DEFAULT_documentPreviewFailedToLoad,LYRA_DEFAULT_documentPreviewResourceTooLarge,LYRA_DEFAULT_documentPreviewTypeDocument,LYRA_DEFAULT_documentPreviewUrlNotAllowed,LYRA_DEFAULT_loadingDocument}from"../../../internal/default-strings/viewers.generated.js";function headerOffset(hasHeaderRow){return hasHeaderRow?1:0}function indexKeyFunction(_item,index){return index}class LyraCsvViewerBase extends LyraElement{}class LyraCsvViewer extends DocumentAnchorTarget(LyraCsvViewerBase){constructor(){super(...arguments),this.src="",this.name="",this.withoutHeaderRow=!1,this.maxHeight="",this.anchorKinds=["cell-range"],this.fetchState={kind:"idle"},this.loadTask=new LatestTask,this.loadLibrary=loadPapaParseCached,this.table=new TableViewerController(this,{emitSearch:detail=>this.emit("lr-search-change",detail),emitActivate:highlightId=>this.emit("lr-highlight-activate",{highlightId}),localize:(key,fallback,values)=>this.localize(key,fallback,values),locale:()=>this.effectiveLocale,schedule:(callback,key)=>this.scheduleAfterUpdate(callback,key),load:()=>this.load(),research:query=>this.search(query),jump:match=>this.jumpToCell(match.row,match.col),teardown:()=>this.loadTask.next()}),this.stopInternalEvent=event=>{event.stopPropagation()}}static{this.defaultStrings={...super.defaultStrings,anchorJumped:LYRA_DEFAULT_anchorJumped,anchorJumpedToPage:LYRA_DEFAULT_anchorJumpedToPage,anchorNotFound:LYRA_DEFAULT_anchorNotFound,cellHighlightWithLabel:LYRA_DEFAULT_cellHighlightWithLabel,collapse:LYRA_DEFAULT_collapse,copy:LYRA_DEFAULT_copy,csvViewerLabel:LYRA_DEFAULT_csvViewerLabel,csvViewerUnavailable:LYRA_DEFAULT_csvViewerUnavailable,date:LYRA_DEFAULT_date,details:LYRA_DEFAULT_details,documentPreviewEmpty:LYRA_DEFAULT_documentPreviewEmpty,documentPreviewFailedToLoad:LYRA_DEFAULT_documentPreviewFailedToLoad,documentPreviewResourceTooLarge:LYRA_DEFAULT_documentPreviewResourceTooLarge,documentPreviewTypeDocument:LYRA_DEFAULT_documentPreviewTypeDocument,documentPreviewUrlNotAllowed:LYRA_DEFAULT_documentPreviewUrlNotAllowed,highlightWithLabel:LYRA_DEFAULT_highlightWithLabel,loading:LYRA_DEFAULT_loading,loadingDocument:LYRA_DEFAULT_loadingDocument,map:LYRA_DEFAULT_map,navigation:LYRA_DEFAULT_navigation,noData:LYRA_DEFAULT_noData,open:LYRA_DEFAULT_open,search:LYRA_DEFAULT_search,select:LYRA_DEFAULT_select,viewerSearchActiveMatch:LYRA_DEFAULT_viewerSearchActiveMatch,viewerSearchMatchCount:LYRA_DEFAULT_viewerSearchMatchCount,viewerSearchNoMatches:LYRA_DEFAULT_viewerSearchNoMatches}}static{this.styles=[LyraElement.styles,styles,srOnly,viewerLoadingStyles]}connectedCallback(){super.connectedCallback(),this.table.connected()}disconnectedCallback(){this.table.disconnecting(),super.disconnectedCallback(),this.table.disconnected()}adoptedCallback(){super.adoptedCallback(),this.table.adopted()}willUpdate(changed){super.willUpdate(changed),this.table.willUpdate(changed,this.highlights,this.activeHighlightId,!1)}updated(changed){super.updated(changed),this.table.updated(changed,this.fetchState)}async load(){this.table.lastLoadSrc=this.src;const generation=this.loadTask.next(),signal=this.beginAbortableLoad();if(!this.src){this.fetchState={kind:"idle"};return}const fetchTarget=resolveOwnerFetchTarget(this,this.src);if(!fetchTarget){const error=new LyraUserFacingError(this.localize("documentPreviewUrlNotAllowed"));this.fetchState={kind:"error",message:error.message},this.emit("lr-render-error",{error});return}this.fetchState={kind:"loading"};try{const response=await fetchTarget.view.fetch(fetchTarget.url,signal?{signal}:void 0);if(!response.ok)throw new Error(`${response.status} ${response.statusText}`);const library=await this.loadLibrary();if(!this.isConnected||!this.loadTask.isCurrent(generation))return;if(!library){const error=new LyraUserFacingError(this.localize("csvViewerUnavailable"));this.fetchState={kind:"error",message:error.message},this.emit("lr-render-error",{error});return}const source=await readResponseText(response);if(!this.isConnected||!this.loadTask.isCurrent(generation))return;const result=parseDelimitedGrid(library,source);if(!this.isConnected||!this.loadTask.isCurrent(generation)||(this.fetchState={kind:"loaded",rows:result.data},this.table.search.query&&await this.search(this.table.search.query),!this.isConnected||!this.loadTask.isCurrent(generation)))return;result.errors.length&&this.emit("lr-viewer-diagnostic",{diagnostic:Object.freeze({code:"delimited-parse-diagnostic",severity:"warning",fatal:!1,source:"papaparse",cause:result.errors})})}catch(error){if(isAbortError(error)||!this.isConnected||!this.loadTask.isCurrent(generation))return;this.fetchState={kind:"error",message:this.localize(isResourceLimitError(error)?"documentPreviewResourceTooLarge":"documentPreviewFailedToLoad")},this.emit("lr-render-error",{error})}}renderCell(value,colIndex,rowHighlights,role){return this.table.renderCell(cell(value),colIndex,rowHighlights,role,"cell","--_lr-csv-viewer-highlight-color",this.activeHighlightId)}renderRow(row,count,part,rawRow){const rowHighlights=this.table.highlightsForRow(rawRow),header=part==="header-row";return html`<div
+import{__decorate}from"tslib";import{finiteCount}from"../../../internal/numbers.js";import{snapshotViewerRows}from"../../../internal/delimited-data.js";import{html,nothing}from"lit";import{property,state}from"lit/decorators.js";import{guard}from"lit/directives/guard.js";import{styleMap}from"lit/directives/style-map.js";import{LyraElement}from"../../../internal/lyra-element.js";import{tag}from"../../../internal/prefix.js";import{isAbortError,isResourceLimitError,LyraUserFacingError,readResponseText,resolveOwnerFetchTarget,yieldViewerTask}from"../../../internal/resource-loader.js";import{hostAriaLabel,srOnly}from"../../../internal/a11y.js";import{TABLE_VIEWER_SOURCE_MESSAGE_KEYS,TableViewerSourceController,TableViewerController}from"../table-viewer-shared.js";import{DocumentAnchorTarget}from"../../../internal/anchor-target.js";import{parseCellRange}from"../../../internal/cell-range.js";import{loadPapaParseCached}from"../../../internal/papaparse-loader.js";import{styles}from"./csv-viewer.styles.js";import{delimitedCellText as cell,delimitedColumnCount as columns,parseDelimitedGridYielding}from"../../../internal/delimited-data.js";import{LatestTask}from"../../../internal/latest-task.js";import{sanitizeCssLength}from"../../../internal/safe-css.js";import{renderViewerLoading,viewerLoadingStyles}from"../viewer-loading.js";import{viewerSemanticLabel,viewerSemanticRole}from"../viewer-semantic-owner.js";import{LYRA_DEFAULT_anchorJumped,LYRA_DEFAULT_anchorJumpedToPage,LYRA_DEFAULT_anchorNotFound,LYRA_DEFAULT_collapse,LYRA_DEFAULT_copy,LYRA_DEFAULT_date,LYRA_DEFAULT_details,LYRA_DEFAULT_documentPreviewEmpty,LYRA_DEFAULT_highlightWithLabel,LYRA_DEFAULT_loading,LYRA_DEFAULT_map,LYRA_DEFAULT_navigation,LYRA_DEFAULT_noData,LYRA_DEFAULT_open,LYRA_DEFAULT_search,LYRA_DEFAULT_select,LYRA_DEFAULT_sourceSearchUnavailable,LYRA_DEFAULT_viewerSearchActiveMatch,LYRA_DEFAULT_viewerSearchMatchCount,LYRA_DEFAULT_viewerSearchNoMatches}from"../../../internal/default-strings/shared.generated.js";import{LYRA_DEFAULT_cellHighlightWithLabel,LYRA_DEFAULT_csvViewerLabel,LYRA_DEFAULT_csvViewerUnavailable,LYRA_DEFAULT_documentPreviewFailedToLoad,LYRA_DEFAULT_documentPreviewResourceTooLarge,LYRA_DEFAULT_documentPreviewTypeDocument,LYRA_DEFAULT_documentPreviewUrlNotAllowed,LYRA_DEFAULT_loadingDocument}from"../../../internal/default-strings/viewers.generated.js";function headerOffset(hasHeaderRow){return hasHeaderRow?1:0}function indexKeyFunction(_item,index){return index}class LyraCsvViewerBase extends LyraElement{}class LyraCsvViewer extends DocumentAnchorTarget(LyraCsvViewerBase){constructor(){super(...arguments),this.src="",this.maxRows=1e4,this.maxColumns=1e3,this.maxBytes=26214400,this.inputLimits="",this.name="",this._withoutHeaderRow=!1,this.maxHeight="",this.anchorKinds=["cell-range"],this.fetchState={kind:"idle"},this.loadTask=new LatestTask,this.loadLibrary=loadPapaParseCached,this.table=new TableViewerController(this,{repaint:()=>super.requestUpdate(),emitSearch:detail=>this.emit("lr-search-change",detail),emitActivate:highlightId=>this.emit("lr-highlight-activate",{highlightId}),localize:(key,fallback,values)=>this.localize(key,fallback,values),locale:()=>this.effectiveLocale,schedule:(callback,key)=>this.scheduleAfterUpdate(callback,key),load:()=>this.load(),research:query=>this.search(query),jump:match=>this.jumpToCell(match.row,match.col),teardown:()=>this.loadTask.next()}),this.provider=new TableViewerSourceController(this,this.table,{source:()=>this.dataSource,cancelAnchor:()=>this.cancelPendingAnchor(),workbook:!1,header:()=>!this.withoutHeaderRow,columnLimit:()=>this.effectiveMaxColumns,locale:()=>this.effectiveLocale,localize:key=>this.localize(TABLE_VIEWER_SOURCE_MESSAGE_KEYS[key]),repaint:()=>super.requestUpdate(),error:error=>{this.hasUpdated&&this.table.announcements.announceAssertive(this.localize(isResourceLimitError(error)?"documentPreviewResourceTooLarge":"documentPreviewFailedToLoad")),this.emit("lr-render-error",{error})},emitSearch:detail=>this.emit("lr-search-change",detail),format:value=>value==null?"":String(value),label:()=>hostAriaLabel(this)??(this.name||this.localize("csvViewerLabel")),colorVar:"--_lr-csv-viewer-highlight-color",headerPart:"cell",activeHighlight:()=>this.activeHighlightId}),this.stopInternalEvent=event=>{event.stopPropagation()}}static{this.defaultStrings={...super.defaultStrings,anchorJumped:LYRA_DEFAULT_anchorJumped,anchorJumpedToPage:LYRA_DEFAULT_anchorJumpedToPage,anchorNotFound:LYRA_DEFAULT_anchorNotFound,cellHighlightWithLabel:LYRA_DEFAULT_cellHighlightWithLabel,collapse:LYRA_DEFAULT_collapse,copy:LYRA_DEFAULT_copy,csvViewerLabel:LYRA_DEFAULT_csvViewerLabel,csvViewerUnavailable:LYRA_DEFAULT_csvViewerUnavailable,date:LYRA_DEFAULT_date,details:LYRA_DEFAULT_details,documentPreviewEmpty:LYRA_DEFAULT_documentPreviewEmpty,documentPreviewFailedToLoad:LYRA_DEFAULT_documentPreviewFailedToLoad,documentPreviewResourceTooLarge:LYRA_DEFAULT_documentPreviewResourceTooLarge,documentPreviewTypeDocument:LYRA_DEFAULT_documentPreviewTypeDocument,documentPreviewUrlNotAllowed:LYRA_DEFAULT_documentPreviewUrlNotAllowed,highlightWithLabel:LYRA_DEFAULT_highlightWithLabel,loading:LYRA_DEFAULT_loading,loadingDocument:LYRA_DEFAULT_loadingDocument,map:LYRA_DEFAULT_map,navigation:LYRA_DEFAULT_navigation,noData:LYRA_DEFAULT_noData,open:LYRA_DEFAULT_open,search:LYRA_DEFAULT_search,select:LYRA_DEFAULT_select,sourceSearchUnavailable:LYRA_DEFAULT_sourceSearchUnavailable,viewerSearchActiveMatch:LYRA_DEFAULT_viewerSearchActiveMatch,viewerSearchMatchCount:LYRA_DEFAULT_viewerSearchMatchCount,viewerSearchNoMatches:LYRA_DEFAULT_viewerSearchNoMatches}}static{this.styles=[LyraElement.styles,styles,srOnly,viewerLoadingStyles]}static{this.identityCollectionObjectProperties=Object.freeze(["dataSource"])}get dataSource(){return this._dataSource}set dataSource(value){const previous=this._dataSource;this._dataSource=value,this.provider?.refresh(),this.loadTask?.next(),this.beginAbortableLoad(),this.requestUpdate("dataSource",previous)}requestUpdate(...args){args[0]===void 0&&this._dataSource!==void 0&&this.provider?.refresh(),super.requestUpdate(...args)}get effectiveMaxRows(){return Math.max(1,finiteCount(this.maxRows,1e4,1e5))}get effectiveMaxColumns(){return Math.max(1,finiteCount(this.maxColumns,1e3,1e4))}get effectiveMaxBytes(){return Math.max(1,finiteCount(this.maxBytes,26214400,262144e3))}get parseLimits(){return{maxRows:this.effectiveMaxRows,maxColumns:this.effectiveMaxColumns}}get currentInputLimits(){return`${this.effectiveMaxRows}:${this.effectiveMaxColumns}:${this.effectiveMaxBytes}`}get rows(){return this._rows}set rows(value){const limits=this.currentInputLimits;if(limits===this.inputLimits&&(value===this._rows||value!==void 0&&value===this.inputSource?.deref()))return;const previous=this._rows;this.inputLimits=limits,this.inputSource=void 0,this.inputError=void 0;try{this._rows=value===void 0?void 0:snapshotViewerRows(value,this.effectiveMaxRows,this.effectiveMaxColumns,this.effectiveMaxBytes),value!==void 0&&(this.inputSource=new WeakRef(value))}catch(error){this._rows=[],this.inputError=error}this.requestUpdate("rows",previous)}get withoutHeaderRow(){return this._withoutHeaderRow}set withoutHeaderRow(value){const previous=this._withoutHeaderRow;value!==previous&&(this._withoutHeaderRow=value,this.provider?.enabled&&this.provider.clearSearch(),this.requestUpdate("withoutHeaderRow",previous))}connectedCallback(){super.connectedCallback(),this.table.connected()}disconnectedCallback(){this.table.disconnecting(),super.disconnectedCallback(),this.table.disconnected()}adoptedCallback(){super.adoptedCallback(),this.provider.adopted(),this.table.adopted()}willUpdate(changed){this.provider.update(),super.willUpdate(changed),this.table.willUpdate(changed,this.highlights,this.activeHighlightId,!1)}updated(changed){super.updated(changed),this.table.updated(changed,this.fetchState)}async load(){if(this.dataSource!==void 0)return;this.table.lastLoadSrc=this.src;const generation=this.loadTask.next(),signal=this.beginAbortableLoad();if(this._rows!==void 0){try{if(this.inputError)throw this.inputError;this.inputLimits!==this.currentInputLimits&&(this._rows=snapshotViewerRows(this._rows,this.effectiveMaxRows,this.effectiveMaxColumns,this.effectiveMaxBytes),this.inputLimits=this.currentInputLimits);const rows=this._rows;this.fetchState={kind:"loaded",rows}}catch(error){this.fetchState={kind:"error",message:this.localize(isResourceLimitError(error)?"documentPreviewResourceTooLarge":"documentPreviewFailedToLoad")},this.emit("lr-render-error",{error})}return}if(!this.src){this.fetchState={kind:"idle"};return}const fetchTarget=resolveOwnerFetchTarget(this,this.src);if(!fetchTarget){const error=new LyraUserFacingError(this.localize("documentPreviewUrlNotAllowed"));this.fetchState={kind:"error",message:error.message},this.emit("lr-render-error",{error});return}this.fetchState={kind:"loading"};try{const response=await fetchTarget.view.fetch(fetchTarget.url,signal?{signal}:void 0);if(!this.isConnected||!this.loadTask.isCurrent(generation))return;if(!response.ok)throw new Error(`${response.status} ${response.statusText}`);const library=await this.loadLibrary();if(!this.isConnected||!this.loadTask.isCurrent(generation))return;if(!library){const error=new LyraUserFacingError(this.localize("csvViewerUnavailable"));this.fetchState={kind:"error",message:error.message},this.emit("lr-render-error",{error});return}const source=await readResponseText(response,this.effectiveMaxBytes);if(!this.isConnected||!this.loadTask.isCurrent(generation))return;const result=await parseDelimitedGridYielding(library,source,this.parseLimits,()=>yieldViewerTask(this.ownerDocument.defaultView,()=>this.isConnected&&this.loadTask.isCurrent(generation)));if(!this.isConnected||!this.loadTask.isCurrent(generation)||(this.fetchState={kind:"loaded",rows:result.data},this.table.search.query&&await this.search(this.table.search.query),!this.isConnected||!this.loadTask.isCurrent(generation)))return;result.errors.length&&this.emit("lr-viewer-diagnostic",{diagnostic:Object.freeze({code:"delimited-parse-diagnostic",severity:"warning",fatal:!1,source:"papaparse",cause:result.errors})})}catch(error){if(isAbortError(error)||!this.isConnected||!this.loadTask.isCurrent(generation))return;this.fetchState={kind:"error",message:this.localize(isResourceLimitError(error)?"documentPreviewResourceTooLarge":"documentPreviewFailedToLoad")},this.emit("lr-render-error",{error})}}renderCell(value,colIndex,rowHighlights,role){return this.table.renderCell(cell(value),colIndex,rowHighlights,role,"cell","--_lr-csv-viewer-highlight-color",this.activeHighlightId)}renderRow(row,count,part,rawRow){const window=this.table.columnWindow(this.fetchState,count),rowHighlights=this.table.highlightsForRow(rawRow),header=part==="header-row";return html`<div
       part=${part}
       role=${header?"row":"presentation"}
       aria-rowindex=${header?"1":nothing}
-      style=${`grid-template-columns:repeat(${count},minmax(var(--lr-size-8rem),1fr))`}
+      style=${window.style}
     >
-      ${Array.from({length:count},(_unused,index)=>this.renderCell(row[index],index,rowHighlights,header?"columnheader":"cell"))}
-    </div>`}async jumpToCell(rawRow,col){const loadedState=this.fetchState;if(loadedState.kind!=="loaded")return!1;const{rows}=loadedState;if(rawRow<1||rawRow>rows.length||col<0||col>=columns(rows))return!1;const bodyIndex=rawRow-1-headerOffset(!this.withoutHeaderRow);return bodyIndex<0?this.table.revealCell(this.renderRoot.querySelector('[part="header-row"]')?.querySelectorAll('[part~="cell"]')[col]):(this.table.setActiveRow(bodyIndex),await this.updateComplete,await this.scrollColumnIntoView(col),this.fetchState===loadedState)}async applyAnchor(anchor){if(anchor.kind!=="cell-range"||anchor.sheet)return!1;const parsed=parseCellRange(anchor.range);return parsed?this.jumpToCell(parsed.startRow+1,parsed.startCol):!1}async scrollColumnIntoView(col){await this.table.scrollColumnIntoView(this.renderRoot,tag("virtual-list"),col)}async search(query){return this.table.runSearch(query,this.fetchState.kind==="loaded",visit=>{if(this.fetchState.kind!=="loaded")return;const{rows}=this.fetchState;for(let r=0;r<rows.length;r++){const row=rows[r];for(let c=0;c<row.length;c++)if(!visit(cell(row[c]),{row:r+1,col:c}))return}})}async searchNext(){return this.table.step(1)}async searchPrevious(){return this.table.step(-1)}clearSearch(){this.table.clearSearch()}virtualListInputs(rows,hasHeaderRow){let cached=this.virtualListInputsCache;(!cached||cached.rows!==rows||cached.hasHeaderRow!==hasHeaderRow)&&(cached={rows,hasHeaderRow,body:hasHeaderRow?rows.slice(1):rows,count:columns(rows)},this.virtualListInputsCache=cached);const{body,count}=cached;return{body,renderItem:(row,index)=>this.renderRow(row,count,"data-row",index+1+headerOffset(hasHeaderRow))}}render(){const label=viewerSemanticLabel(this,this.name||this.localize("csvViewerLabel"));let content;if(this.fetchState.kind==="loaded"){const rows=this.fetchState.rows;if(!rows.length)content=html`<p class="empty-note">${this.localize("noData")}</p>`;else{const hasHeaderRow=!this.withoutHeaderRow,header=hasHeaderRow?rows[0]:void 0,count=columns(rows),{body,renderItem}=this.virtualListInputs(rows,hasHeaderRow),tableLabel=hostAriaLabel(this)??(this.name||this.localize("csvViewerLabel"));content=html`<div
+      ${guard([row,window.columns,rowHighlights,this.activeHighlightId,this.effectiveLocale,this.strings,this.localize("highlightWithLabel"),this.localize("cellHighlightWithLabel")],()=>window.columns.map(index=>this.renderCell(row[index],index,rowHighlights,header?"columnheader":"cell")))}
+    </div>`}async jumpToCell(rawRow,col){const loadedState=this.fetchState;if(loadedState.kind!=="loaded")return!1;const ownerDocument=this.ownerDocument,isCurrent=()=>this.isConnected&&this.ownerDocument===ownerDocument&&this.fetchState===loadedState,{rows}=loadedState;if(this.virtualListInputs(rows,!this.withoutHeaderRow),rawRow<1||rawRow>rows.length||col<0||col>=this.virtualListInputsCache.count||(await this.table.showColumn(this.fetchState,col,this.renderRoot.querySelector('[part="sheet"]')),!isCurrent()))return!1;const bodyIndex=rawRow-1-headerOffset(!this.withoutHeaderRow);return bodyIndex<0?this.table.revealCell(this.renderRoot.querySelector('[part="header-row"]')?.querySelector(`[aria-colindex="${col+1}"]`)):(this.table.setActiveRow(bodyIndex),await this.updateComplete,!isCurrent()||(await this.scrollColumnIntoView(col),!isCurrent())?!1:isCurrent())}async applyAnchor(anchor){if(this.dataSource!==void 0)return this.provider.revealAnchor(anchor);if(anchor.kind!=="cell-range"||anchor.sheet)return!1;const parsed=parseCellRange(anchor.range);return parsed?this.jumpToCell(parsed.startRow+1,parsed.startCol):!1}async scrollColumnIntoView(col){await this.table.scrollColumnIntoView(this.renderRoot,tag("virtual-list"),col)}async search(query){return this.dataSource!==void 0?this.provider.search(query):this.table.runSearch(query,this.fetchState.kind==="loaded",visit=>{if(this.fetchState.kind!=="loaded")return;const{rows}=this.fetchState;for(let r=0;r<rows.length;r++){const row=rows[r];for(let c=0;c<row.length;c++)if(!visit(cell(row[c]),{row:r+1,col:c}))return}},this.fetchState)}async searchNext(){return this.dataSource!==void 0?this.provider.step(1):this.table.step(1)}async searchPrevious(){return this.dataSource!==void 0?this.provider.step(-1):this.table.step(-1)}clearSearch(){if(this.dataSource!==void 0){this.provider.clearSearch();return}this.table.clearSearch()}virtualListInputs(rows,hasHeaderRow){let cached=this.virtualListInputsCache;(!cached||cached.rows!==rows||cached.hasHeaderRow!==hasHeaderRow)&&(cached={rows,hasHeaderRow,body:hasHeaderRow?rows.slice(1):rows,count:columns(rows)},this.virtualListInputsCache=cached);const{body,count}=cached;return{body,renderItem:this.table.rowRenderer(rows,[count,hasHeaderRow,this.table.columnWindow(this.fetchState,count).columns,this.activeHighlightId,this.strings],(row,index)=>this.renderRow(row,count,"data-row",index+1+headerOffset(hasHeaderRow)))}}render(){const label=viewerSemanticLabel(this,this.name||this.localize("csvViewerLabel"));let content;if(this.dataSource!==void 0)content=this.provider.render();else if(this.fetchState.kind==="loaded"){const rows=this.fetchState.rows;if(!rows.length)content=html`<p class="empty-note">${this.localize("noData")}</p>`;else{const hasHeaderRow=!this.withoutHeaderRow,header=hasHeaderRow?rows[0]:void 0,{body,renderItem}=this.virtualListInputs(rows,hasHeaderRow),count=this.virtualListInputsCache.count,tableLabel=hostAriaLabel(this)??(this.name||this.localize("csvViewerLabel"));content=html`<div
           part="sheet"
+          @scroll=${event=>this.table.scrollColumns(this.fetchState,event.currentTarget)}
           role="table"
           aria-label=${tableLabel}
           aria-rowcount=${rows.length}
@@ -15,7 +16,8 @@ import{__decorate}from"tslib";import{html,nothing}from"lit";import{property,stat
           ${header?this.renderRow(header,count,"header-row",1):nothing}<lr-virtual-list
             part="rows"
             exportparts="data-row:data-row, cell:cell, cell-highlight:cell-highlight, cell-highlight-action:cell-highlight-action"
-            .items=${body}
+            .items=${body.length<=1e4?body:nothing}
+            .source=${this.table.indexedSource(body)}
             .renderItem=${renderItem}
             .keyFunction=${indexKeyFunction}
             .activeItemId=${this.table.activeRowKey}
@@ -30,8 +32,8 @@ import{__decorate}from"tslib";import{html,nothing}from"lit";import{property,stat
       role=${viewerSemanticRole(this,"region")??nothing}
       style=${maxHeight?styleMap({"--lr-csv-viewer-max-height":maxHeight}):nothing}
       aria-label=${label??nothing}
-      aria-busy=${this.fetchState.kind==="loading"?"true":"false"}
+      aria-busy=${(this.dataSource!==void 0?this.provider.busy:this.fetchState.kind==="loading")?"true":"false"}
     >
       <div part="body">${content}</div>
       ${this.renderAnchorLiveRegion()}
-    </div>`}}__decorate([property()],LyraCsvViewer.prototype,"src",void 0),__decorate([property()],LyraCsvViewer.prototype,"name",void 0),__decorate([property({type:Boolean,attribute:"without-header-row"})],LyraCsvViewer.prototype,"withoutHeaderRow",void 0),__decorate([property({attribute:"max-height"})],LyraCsvViewer.prototype,"maxHeight",void 0),__decorate([state()],LyraCsvViewer.prototype,"fetchState",void 0);export{LyraCsvViewer};
+    </div>`}}__decorate([property({attribute:!1,noAccessor:!0,hasChanged:()=>!0})],LyraCsvViewer.prototype,"dataSource",null),__decorate([property()],LyraCsvViewer.prototype,"src",void 0),__decorate([property({type:Number,attribute:"max-rows"})],LyraCsvViewer.prototype,"maxRows",void 0),__decorate([property({type:Number,attribute:"max-columns"})],LyraCsvViewer.prototype,"maxColumns",void 0),__decorate([property({type:Number,attribute:"max-bytes"})],LyraCsvViewer.prototype,"maxBytes",void 0),__decorate([property({attribute:!1,noAccessor:!0})],LyraCsvViewer.prototype,"rows",null),__decorate([property()],LyraCsvViewer.prototype,"name",void 0),__decorate([property({type:Boolean,attribute:"without-header-row",noAccessor:!0})],LyraCsvViewer.prototype,"withoutHeaderRow",null),__decorate([property({attribute:"max-height"})],LyraCsvViewer.prototype,"maxHeight",void 0),__decorate([state()],LyraCsvViewer.prototype,"fetchState",void 0);export{LyraCsvViewer};

package/dist/components/viewers/dataset-viewer/dataset-viewer.class.d.ts

@@ -1,4 +1,6 @@
-import{type PropertyValues,type TemplateResult}from'lit';import{LyraElement}from'../../../internal/lyra-element.js';import{type LyraAnchorTargetEventMap}from'../../../internal/anchor-target.js';import type{LyraAnchor,LyraAnchorKind}from'../document-viewer/anchors.js';import type{LyraViewerDiagnosticEventDetail}from'../viewer-diagnostics.js';export type{LyraViewerDiagnostic,LyraViewerDiagnosticCode,LyraViewerDiagnosticEventDetail,LyraViewerDiagnosticSeverity,}from'../viewer-diagnostics.js';import type{LyraSearchChangeDetail}from'../../../internal/text-viewer-target.js';export interface DatasetTable{fields:string[];rows:Record<string,string>[];}
+import type{LyraTabularSource}from'../../../data-sources.js';export type{LyraTabularColumn,LyraSourceCell,LyraTabularHit,LyraTabularReadRequest,LyraSourceSearchRequest,LyraSourceSearchResult}from'../../../data-sources.js';
+/** Host-owned indexed or rectangular source for this viewer. */
+export type DatasetViewerSource=LyraTabularSource;import{type PropertyValues,type TemplateResult}from'lit';import{LyraElement}from'../../../internal/lyra-element.js';import{type LyraAnchorTargetEventMap}from'../../../internal/anchor-target.js';import type{LyraAnchor,LyraAnchorKind}from'../document-viewer/anchors.js';import type{LyraViewerDiagnosticEventDetail}from'../viewer-diagnostics.js';export type{LyraViewerDiagnostic,LyraViewerDiagnosticCode,LyraViewerDiagnosticEventDetail,LyraViewerDiagnosticSeverity,}from'../viewer-diagnostics.js';import type{LyraSearchChangeDetail}from'../../../internal/text-viewer-target.js';export interface DatasetTable{fields:string[];rows:Record<string,string>[];}
 /** Which element scrolls when `<lr-dataset-viewer>` overflows. */
 export type DatasetViewerScrollMode='self'|'page';export interface LyraDatasetViewerEventMap extends Omit<LyraAnchorTargetEventMap,'lr-text-select'>{'lr-render-error':CustomEvent<{error:unknown;}>;'lr-viewer-diagnostic':CustomEvent<LyraViewerDiagnosticEventDetail>;
 /** Fired whenever the search query, match count, or active match index changes, from
@@ -21,10 +23,16 @@ export type DatasetViewerScrollMode='self'|'page';export interface LyraDatasetVi
 * locale-aware case-insensitive substring match over the header followed by every body cell's raw
 * string value, ordered row then column.
 *
-* A quote-aware structural scan enforces the 10,000-data-row, 1,000-field, 1,000,000-cell, and
+* By default, a quote-aware structural scan enforces the 10,000-data-row, 1,000-field, 1,000,000-cell, and
 * 100-diagnostic ceilings before PapaParse can materialize an amplified result. The peer then runs
 * with streaming record callbacks and the same limits as a second boundary.
 *
+* Row and column ceilings default to 10,000 and 1,000; maxRows/maxColumns can raise them to
+* 100,000 and 10,000. maxBytes defaults to 25 MiB and is bounded at 250 MiB. The 1,000,000-cell
+* ceiling remains independent. The owned `table` input bypasses fetch and peer parsing; undefined
+* restores src. Header and body columns are windowed together, and anchors reveal hidden columns.
+* Remote parsing yields between admission/materialization passes; parsing itself remains synchronous.
+*
 * @customElement lr-dataset-viewer
 * @event lr-render-error - Fired when fetching or parsing fails, or the resource guard rejects the
 *   table.
@@ -67,12 +75,28 @@ export type DatasetViewerScrollMode='self'|'page';export interface LyraDatasetVi
 *   or direct public value remains authoritative.
 * @cssprop [--lr-dataset-viewer-header-row-bg=var(--lr-color-brand-quiet)] - Background of
 *   `[part="header-row"]`, independent of the highlight outline above.
+* @csspart search-status - Notice when a data source has no global search capability.
 * @status stable
 * @since 4.0.0
 */
-export declare class LyraDatasetViewer extends LyraDatasetViewer_base{static styles:import("lit").CSSResultGroup[];
+export declare class LyraDatasetViewer extends LyraDatasetViewer_base{static styles:import("lit").CSSResultGroup[];protected static readonly identityCollectionObjectProperties:readonly string[];private _dataSource?;
+/** Optional host-owned full logical source. Takes precedence over legacy inputs; undefined restores
+* them. Reassign, including the same source, or call requestUpdate() after source mutation.
+* Source rows use fixed live --lr-size-3rem geometry; legacy row sizing is unchanged.
+* Column labels are separate from body rows; body row zero appears at display row two.
+* Global search requires the source search capability. */
+get dataSource():DatasetViewerSource|undefined;set dataSource(value:DatasetViewerSource|undefined);requestUpdate(...args:Parameters<LyraElement['requestUpdate']>):void;
 /** URL to fetch and parse as delimited text. */
 src:string;
+/** Maximum admitted rows; defaults to 10,000 and can be raised to 100,000. */
+maxRows:number;
+/** Maximum admitted columns; defaults to 1,000 and can be raised to 10,000. */
+maxColumns:number;
+/** Maximum source bytes; defaults to 25 MiB and can be raised to 250 MiB. */
+maxBytes:number;private get effectiveMaxRows();private get effectiveMaxColumns();private get effectiveMaxBytes();private get parseLimits();private inputError;private inputSource?;private inputLimits;private get currentInputLimits();private _table;
+/** Owned field-keyed scalar table. Takes precedence over src; undefined restores fetching.
+* Invalid or oversized inputs produce lr-render-error and the localized error state. Replace the object to refresh. */
+get table():DatasetTable|undefined;set table(value:DatasetTable|undefined);private snapshotTable;
 /** Display name used for the table's row-count caption and for `[part="base"]` when host
 *  `aria-label` is absent. A non-empty host label remains on the host; an explicitly empty one
 *  stays explicit on the shadow owner. */
@@ -88,7 +112,7 @@ maxHeight:string;private _scrollMode;
 */
 get scrollMode():DatasetViewerScrollMode;set scrollMode(next:DatasetViewerScrollMode);
 /** Anchor kinds this viewer resolves via `scrollToAnchor()`. */
-readonly anchorKinds:readonly LyraAnchorKind[];private fetchState;private loadTask;private readonly table;connectedCallback():void;disconnectedCallback():void;adoptedCallback():void;protected willUpdate(changed:PropertyValues):void;protected updated(changed:PropertyValues):void;private load;private parse;private renderCell;private renderRow;private jumpToCell;private scrollColumnIntoView;protected applyAnchor(anchor:LyraAnchor):Promise<boolean>;
+readonly anchorKinds:readonly LyraAnchorKind[];private fetchState;private loadTask;private readonly tableController;private readonly provider;connectedCallback():void;disconnectedCallback():void;adoptedCallback():void;protected willUpdate(changed:PropertyValues):void;protected updated(changed:PropertyValues):void;private load;private parse;private renderCell;private renderRow;private jumpToCell;private scrollColumnIntoView;protected applyAnchor(anchor:LyraAnchor):Promise<boolean>;
 /** Locale-aware case-insensitive substring search over the header fields followed by every body
 *  cell's raw string value, ordered row then column. An empty/whitespace-only query behaves like
 *  `clearSearch()` and resolves `0`. Returns at most 1,000 retained matches;

package/dist/components/viewers/dataset-viewer/dataset-viewer.class.js

@@ -1,6 +1,6 @@
-import{__decorate}from"tslib";import{html,nothing}from"lit";import{property,state}from"lit/decorators.js";import{guard}from"lit/directives/guard.js";import{styleMap}from"lit/directives/style-map.js";import{LyraElement}from"../../../internal/lyra-element.js";import{tag}from"../../../internal/prefix.js";import{isAbortError,isResourceLimitError,LyraUserFacingError,readResponseText,resolveOwnerFetchTarget}from"../../../internal/resource-loader.js";import{srOnly}from"../../../internal/a11y.js";import{loadPapaParseCached}from"../../../internal/papaparse-loader.js";import{parseCellRange}from"../../../internal/cell-range.js";import{DocumentAnchorTarget}from"../../../internal/anchor-target.js";import{styles}from"./dataset-viewer.styles.js";import{parseDelimitedRecords}from"../../../internal/delimited-data.js";import{LatestTask}from"../../../internal/latest-task.js";import{getNumberFormat}from"../../../internal/intl-cache.js";import{TableViewerController}from"../table-viewer-shared.js";import{sanitizeCssLength}from"../../../internal/safe-css.js";import{renderViewerLoading,viewerLoadingStyles}from"../viewer-loading.js";import{viewerSemanticLabel,viewerSemanticRole}from"../viewer-semantic-owner.js";import{literalSetConverter}from"../../../internal/converters.js";import{LYRA_DEFAULT_anchorJumped,LYRA_DEFAULT_anchorJumpedToPage,LYRA_DEFAULT_anchorNotFound,LYRA_DEFAULT_collapse,LYRA_DEFAULT_copy,LYRA_DEFAULT_date,LYRA_DEFAULT_details,LYRA_DEFAULT_documentPreviewEmpty,LYRA_DEFAULT_highlightWithLabel,LYRA_DEFAULT_loading,LYRA_DEFAULT_map,LYRA_DEFAULT_navigation,LYRA_DEFAULT_open,LYRA_DEFAULT_search,LYRA_DEFAULT_select,LYRA_DEFAULT_viewerSearchActiveMatch,LYRA_DEFAULT_viewerSearchMatchCount,LYRA_DEFAULT_viewerSearchNoMatches}from"../../../internal/default-strings/shared.generated.js";import{LYRA_DEFAULT_cellHighlightWithLabel,LYRA_DEFAULT_datasetViewerCaption,LYRA_DEFAULT_datasetViewerCaptionNamed,LYRA_DEFAULT_datasetViewerEmpty,LYRA_DEFAULT_datasetViewerMissingParser,LYRA_DEFAULT_documentPreviewFailedToLoad,LYRA_DEFAULT_documentPreviewResourceTooLarge,LYRA_DEFAULT_documentPreviewTypeDataset,LYRA_DEFAULT_documentPreviewUrlNotAllowed,LYRA_DEFAULT_loadingDocument}from"../../../internal/default-strings/viewers.generated.js";const DATASET_VIEWER_SCROLL_MODE=literalSetConverter(["self","page"],"self");class LyraDatasetViewerBase extends LyraElement{}class LyraDatasetViewer extends DocumentAnchorTarget(LyraDatasetViewerBase){constructor(){super(...arguments),this.src="",this.name="",this.maxHeight="",this._scrollMode="self",this.anchorKinds=["cell-range"],this.fetchState={kind:"idle"},this.loadTask=new LatestTask,this.table=new TableViewerController(this,{emitSearch:detail=>this.emit("lr-search-change",detail),emitActivate:highlightId=>this.emit("lr-highlight-activate",{highlightId}),localize:(key,fallback,values)=>this.localize(key,fallback,values),locale:()=>this.effectiveLocale,schedule:(callback,key)=>this.scheduleAfterUpdate(callback,key),load:()=>this.load(),research:query=>this.search(query),jump:match=>this.jumpToCell(match.row,match.col),teardown:()=>this.loadTask.next()}),this.renderRow=(row,index,fields)=>{const rawRow=index+2,rowHighlights=this.table.highlightsForRow(rawRow);return html`<div part="data-row" role="presentation">
-      ${fields.map((field,col)=>this.renderCell(row[field]??"",col,rowHighlights))}
-    </div>`},this.stopInternalEvent=event=>{event.stopPropagation()},this.virtualListKeyFunction=(_item,index)=>index}static{this.defaultStrings={...super.defaultStrings,anchorJumped:LYRA_DEFAULT_anchorJumped,anchorJumpedToPage:LYRA_DEFAULT_anchorJumpedToPage,anchorNotFound:LYRA_DEFAULT_anchorNotFound,cellHighlightWithLabel:LYRA_DEFAULT_cellHighlightWithLabel,collapse:LYRA_DEFAULT_collapse,copy:LYRA_DEFAULT_copy,datasetViewerCaption:LYRA_DEFAULT_datasetViewerCaption,datasetViewerCaptionNamed:LYRA_DEFAULT_datasetViewerCaptionNamed,datasetViewerEmpty:LYRA_DEFAULT_datasetViewerEmpty,datasetViewerMissingParser:LYRA_DEFAULT_datasetViewerMissingParser,date:LYRA_DEFAULT_date,details:LYRA_DEFAULT_details,documentPreviewEmpty:LYRA_DEFAULT_documentPreviewEmpty,documentPreviewFailedToLoad:LYRA_DEFAULT_documentPreviewFailedToLoad,documentPreviewResourceTooLarge:LYRA_DEFAULT_documentPreviewResourceTooLarge,documentPreviewTypeDataset:LYRA_DEFAULT_documentPreviewTypeDataset,documentPreviewUrlNotAllowed:LYRA_DEFAULT_documentPreviewUrlNotAllowed,highlightWithLabel:LYRA_DEFAULT_highlightWithLabel,loading:LYRA_DEFAULT_loading,loadingDocument:LYRA_DEFAULT_loadingDocument,map:LYRA_DEFAULT_map,navigation:LYRA_DEFAULT_navigation,open:LYRA_DEFAULT_open,search:LYRA_DEFAULT_search,select:LYRA_DEFAULT_select,viewerSearchActiveMatch:LYRA_DEFAULT_viewerSearchActiveMatch,viewerSearchMatchCount:LYRA_DEFAULT_viewerSearchMatchCount,viewerSearchNoMatches:LYRA_DEFAULT_viewerSearchNoMatches}}static{this.styles=[LyraElement.styles,styles,srOnly,viewerLoadingStyles]}get scrollMode(){return this._scrollMode}set scrollMode(next){const normalized=DATASET_VIEWER_SCROLL_MODE.normalizeReflected(this,"scroll-mode",next),previous=this._scrollMode;previous!==normalized&&(this._scrollMode=normalized,this.requestUpdate("scrollMode",previous))}connectedCallback(){super.connectedCallback(),this.table.connected()}disconnectedCallback(){this.table.disconnecting(),super.disconnectedCallback(),this.table.disconnected()}adoptedCallback(){super.adoptedCallback(),this.table.adopted()}willUpdate(changed){super.willUpdate(changed),this.table.willUpdate(changed,this.highlights,this.activeHighlightId,!1)}updated(changed){super.updated(changed),this.table.updated(changed,this.fetchState)}async load(){this.table.lastLoadSrc=this.src;const generation=this.loadTask.next(),signal=this.beginAbortableLoad();if(!this.src){this.fetchState={kind:"idle"};return}const fetchTarget=resolveOwnerFetchTarget(this,this.src);if(!fetchTarget){const error=new LyraUserFacingError(this.localize("documentPreviewUrlNotAllowed"));this.fetchState={kind:"error",message:error.message},this.emit("lr-render-error",{error});return}this.fetchState={kind:"loading"};try{const response=await fetchTarget.view.fetch(fetchTarget.url,signal?{signal}:void 0);if(!response.ok)throw new Error(`${response.status} ${response.statusText}`);const source=await readResponseText(response);if(!this.isConnected||!this.loadTask.isCurrent(generation))return;const parsed=await this.parse(source,generation);if(parsed===void 0)return;if(this.isConnected&&this.loadTask.isCurrent(generation)){const{table}=parsed;this.fetchState=table?{kind:"loaded",table}:{kind:"empty"},table&&this.table.search.query&&await this.search(this.table.search.query),parsed.errors.length&&this.isConnected&&this.loadTask.isCurrent(generation)&&this.emit("lr-viewer-diagnostic",{diagnostic:Object.freeze({code:"delimited-parse-diagnostic",severity:"warning",fatal:!1,source:"papaparse",cause:parsed.errors})})}}catch(error){if(isAbortError(error)||!this.isConnected||!this.loadTask.isCurrent(generation))return;this.fetchState={kind:"error",message:error instanceof LyraUserFacingError?error.message:this.localize(isResourceLimitError(error)?"documentPreviewResourceTooLarge":"documentPreviewFailedToLoad")},this.emit("lr-render-error",{error})}}async parse(text,generation){const papa=await loadPapaParseCached();if(!this.isConnected||!this.loadTask.isCurrent(generation))return;if(!papa)throw new LyraUserFacingError(this.localize("datasetViewerMissingParser"));const result=parseDelimitedRecords(papa,text);return!result.fields.length||!result.rows.length?{table:null,errors:result.errors}:{table:{fields:result.fields,rows:result.rows},errors:result.errors}}renderCell(value,colIndex,rowHighlights,role="cell"){return this.table.renderCell(value,colIndex,rowHighlights,role,role==="columnheader"?"header-cell":"cell","--_lr-dataset-viewer-highlight-color",this.activeHighlightId)}async jumpToCell(rawRow,col){const loadedState=this.fetchState;if(loadedState.kind!=="loaded")return!1;const{fields,rows}=loadedState.table;if(rawRow<1||rawRow>rows.length+1||col<0||col>=fields.length)return!1;const bodyIndex=rawRow-2;return bodyIndex<0?this.table.revealCell(this.renderRoot.querySelector('[part="header-row"]')?.querySelectorAll('[part~="header-cell"]')[col]):(this.table.setActiveRow(bodyIndex),await this.updateComplete,await this.scrollColumnIntoView(col),this.fetchState===loadedState)}async scrollColumnIntoView(col){await this.table.scrollColumnIntoView(this.renderRoot,tag("virtual-list"),col)}async applyAnchor(anchor){if(anchor.kind!=="cell-range"||anchor.sheet)return!1;const parsed=parseCellRange(anchor.range);return parsed?this.jumpToCell(parsed.startRow+1,parsed.startCol):!1}async search(query){return this.table.runSearch(query,this.fetchState.kind==="loaded",visit=>{if(this.fetchState.kind!=="loaded")return;const{fields,rows}=this.fetchState.table;for(let c=0;c<fields.length;c++)if(!visit(fields[c],{row:1,col:c}))return;for(let r=0;r<rows.length;r++){const row=rows[r];for(let c=0;c<fields.length;c++)if(!visit(row[fields[c]]??"",{row:r+2,col:c}))return}})}async searchNext(){return this.table.step(1)}async searchPrevious(){return this.table.step(-1)}clearSearch(){this.table.clearSearch()}renderBody(){switch(this.fetchState.kind){case"loaded":{const{fields,rows}=this.fetchState.table,localizedCount=getNumberFormat(this.effectiveLocale).format(rows.length),label=this.name?this.localize("datasetViewerCaptionNamed",void 0,{name:this.name,count:localizedCount}):this.localize("datasetViewerCaption",void 0,{count:localizedCount}),headerHighlights=this.table.highlightsForRow(1);return html`
+import{__decorate}from"tslib";import{finiteCount}from"../../../internal/numbers.js";import{snapshotViewerRows,ownTableValue}from"../../../internal/delimited-data.js";import{html,nothing}from"lit";import{property,state}from"lit/decorators.js";import{guard}from"lit/directives/guard.js";import{styleMap}from"lit/directives/style-map.js";import{LyraElement}from"../../../internal/lyra-element.js";import{tag}from"../../../internal/prefix.js";import{isAbortError,isResourceLimitError,LyraUserFacingError,LyraResourceLimitError,readResponseText,resolveOwnerFetchTarget,yieldViewerTask}from"../../../internal/resource-loader.js";import{srOnly}from"../../../internal/a11y.js";import{loadPapaParseCached}from"../../../internal/papaparse-loader.js";import{parseCellRange}from"../../../internal/cell-range.js";import{DocumentAnchorTarget}from"../../../internal/anchor-target.js";import{styles}from"./dataset-viewer.styles.js";import{parseDelimitedRecordsYielding}from"../../../internal/delimited-data.js";import{LatestTask}from"../../../internal/latest-task.js";import{getNumberFormat}from"../../../internal/intl-cache.js";import{TABLE_VIEWER_SOURCE_MESSAGE_KEYS,TableViewerSourceController,TableViewerController}from"../table-viewer-shared.js";import{sanitizeCssLength}from"../../../internal/safe-css.js";import{renderViewerLoading,viewerLoadingStyles}from"../viewer-loading.js";import{viewerSemanticLabel,viewerSemanticRole}from"../viewer-semantic-owner.js";import{literalSetConverter}from"../../../internal/converters.js";import{LYRA_DEFAULT_anchorJumped,LYRA_DEFAULT_anchorJumpedToPage,LYRA_DEFAULT_anchorNotFound,LYRA_DEFAULT_collapse,LYRA_DEFAULT_copy,LYRA_DEFAULT_date,LYRA_DEFAULT_details,LYRA_DEFAULT_documentPreviewEmpty,LYRA_DEFAULT_highlightWithLabel,LYRA_DEFAULT_loading,LYRA_DEFAULT_map,LYRA_DEFAULT_navigation,LYRA_DEFAULT_noData,LYRA_DEFAULT_open,LYRA_DEFAULT_search,LYRA_DEFAULT_select,LYRA_DEFAULT_sourceSearchUnavailable,LYRA_DEFAULT_viewerSearchActiveMatch,LYRA_DEFAULT_viewerSearchMatchCount,LYRA_DEFAULT_viewerSearchNoMatches}from"../../../internal/default-strings/shared.generated.js";import{LYRA_DEFAULT_cellHighlightWithLabel,LYRA_DEFAULT_datasetViewerCaption,LYRA_DEFAULT_datasetViewerCaptionNamed,LYRA_DEFAULT_datasetViewerEmpty,LYRA_DEFAULT_datasetViewerMissingParser,LYRA_DEFAULT_documentPreviewFailedToLoad,LYRA_DEFAULT_documentPreviewResourceTooLarge,LYRA_DEFAULT_documentPreviewTypeDataset,LYRA_DEFAULT_documentPreviewUrlNotAllowed,LYRA_DEFAULT_loadingDocument}from"../../../internal/default-strings/viewers.generated.js";const DATASET_VIEWER_SCROLL_MODE=literalSetConverter(["self","page"],"self");class LyraDatasetViewerBase extends LyraElement{}class LyraDatasetViewer extends DocumentAnchorTarget(LyraDatasetViewerBase){constructor(){super(...arguments),this.src="",this.maxRows=1e4,this.maxColumns=1e3,this.maxBytes=26214400,this.inputLimits="",this.name="",this.maxHeight="",this._scrollMode="self",this.anchorKinds=["cell-range"],this.fetchState={kind:"idle"},this.loadTask=new LatestTask,this.tableController=new TableViewerController(this,{repaint:()=>super.requestUpdate(),emitSearch:detail=>this.emit("lr-search-change",detail),emitActivate:highlightId=>this.emit("lr-highlight-activate",{highlightId}),localize:(key,fallback,values)=>this.localize(key,fallback,values),locale:()=>this.effectiveLocale,schedule:(callback,key)=>this.scheduleAfterUpdate(callback,key),load:()=>this.load(),research:query=>this.search(query),jump:match=>this.jumpToCell(match.row,match.col),teardown:()=>this.loadTask.next(),pageScroll:()=>this.scrollMode==="page"}),this.provider=new TableViewerSourceController(this,this.tableController,{source:()=>this.dataSource,cancelAnchor:()=>this.cancelPendingAnchor(),workbook:!1,header:()=>!0,columnLimit:()=>this.effectiveMaxColumns,locale:()=>this.effectiveLocale,localize:key=>this.localize(TABLE_VIEWER_SOURCE_MESSAGE_KEYS[key]),repaint:()=>super.requestUpdate(),error:error=>{this.hasUpdated&&this.tableController.announcements.announceAssertive(this.localize(isResourceLimitError(error)?"documentPreviewResourceTooLarge":"documentPreviewFailedToLoad")),this.emit("lr-render-error",{error})},emitSearch:detail=>this.emit("lr-search-change",detail),format:value=>value==null?"":String(value),label:rows=>this.name?this.localize("datasetViewerCaptionNamed",void 0,{name:this.name,count:getNumberFormat(this.effectiveLocale).format(rows)}):this.localize("datasetViewerCaption",void 0,{count:getNumberFormat(this.effectiveLocale).format(rows)}),colorVar:"--_lr-dataset-viewer-highlight-color",headerPart:"header-cell",activeHighlight:()=>this.activeHighlightId,pageScroll:()=>this.scrollMode==="page",scrollContainer:()=>this.renderRoot.querySelector('[part="body"]')}),this.renderRow=(row,index,fields)=>{const window=this.tableController.columnWindow(this.fetchState,fields.length),rawRow=index+2,rowHighlights=this.tableController.highlightsForRow(rawRow);return html`<div part="data-row" role="presentation" style=${window.style}>
+      ${window.columns.map(col=>this.renderCell(row[fields[col]]??"",col,rowHighlights))}
+    </div>`},this.stopInternalEvent=event=>{event.stopPropagation()},this.virtualListKeyFunction=(_item,index)=>index}static{this.defaultStrings={...super.defaultStrings,anchorJumped:LYRA_DEFAULT_anchorJumped,anchorJumpedToPage:LYRA_DEFAULT_anchorJumpedToPage,anchorNotFound:LYRA_DEFAULT_anchorNotFound,cellHighlightWithLabel:LYRA_DEFAULT_cellHighlightWithLabel,collapse:LYRA_DEFAULT_collapse,copy:LYRA_DEFAULT_copy,datasetViewerCaption:LYRA_DEFAULT_datasetViewerCaption,datasetViewerCaptionNamed:LYRA_DEFAULT_datasetViewerCaptionNamed,datasetViewerEmpty:LYRA_DEFAULT_datasetViewerEmpty,datasetViewerMissingParser:LYRA_DEFAULT_datasetViewerMissingParser,date:LYRA_DEFAULT_date,details:LYRA_DEFAULT_details,documentPreviewEmpty:LYRA_DEFAULT_documentPreviewEmpty,documentPreviewFailedToLoad:LYRA_DEFAULT_documentPreviewFailedToLoad,documentPreviewResourceTooLarge:LYRA_DEFAULT_documentPreviewResourceTooLarge,documentPreviewTypeDataset:LYRA_DEFAULT_documentPreviewTypeDataset,documentPreviewUrlNotAllowed:LYRA_DEFAULT_documentPreviewUrlNotAllowed,highlightWithLabel:LYRA_DEFAULT_highlightWithLabel,loading:LYRA_DEFAULT_loading,loadingDocument:LYRA_DEFAULT_loadingDocument,map:LYRA_DEFAULT_map,navigation:LYRA_DEFAULT_navigation,noData:LYRA_DEFAULT_noData,open:LYRA_DEFAULT_open,search:LYRA_DEFAULT_search,select:LYRA_DEFAULT_select,sourceSearchUnavailable:LYRA_DEFAULT_sourceSearchUnavailable,viewerSearchActiveMatch:LYRA_DEFAULT_viewerSearchActiveMatch,viewerSearchMatchCount:LYRA_DEFAULT_viewerSearchMatchCount,viewerSearchNoMatches:LYRA_DEFAULT_viewerSearchNoMatches}}static{this.styles=[LyraElement.styles,styles,srOnly,viewerLoadingStyles]}static{this.identityCollectionObjectProperties=Object.freeze(["dataSource"])}get dataSource(){return this._dataSource}set dataSource(value){const previous=this._dataSource;this._dataSource=value,this.provider?.refresh(),this.loadTask?.next(),this.beginAbortableLoad(),this.requestUpdate("dataSource",previous)}requestUpdate(...args){args[0]===void 0&&this._dataSource!==void 0&&this.provider?.refresh(),super.requestUpdate(...args)}get effectiveMaxRows(){return Math.max(1,finiteCount(this.maxRows,1e4,1e5))}get effectiveMaxColumns(){return Math.max(1,finiteCount(this.maxColumns,1e3,1e4))}get effectiveMaxBytes(){return Math.max(1,finiteCount(this.maxBytes,26214400,262144e3))}get parseLimits(){return{maxRows:this.effectiveMaxRows,maxColumns:this.effectiveMaxColumns}}get currentInputLimits(){return`${this.effectiveMaxRows}:${this.effectiveMaxColumns}:${this.effectiveMaxBytes}`}get table(){return this._table}set table(value){const limits=this.currentInputLimits;if(limits===this.inputLimits&&(value===this._table||value!==void 0&&value===this.inputSource?.deref()))return;const previous=this._table;this.inputLimits=limits,this.inputSource=void 0,this.inputError=void 0;try{this._table=value===void 0?void 0:this.snapshotTable(value),value!==void 0&&(this.inputSource=new WeakRef(value))}catch(error){this._table={fields:[],rows:[]},this.inputError=error}this.requestUpdate("table",previous)}snapshotTable(value){const budget={cells:0,bytes:0},fieldsInput=ownTableValue(value,"fields"),fields=snapshotViewerRows([fieldsInput],1,this.effectiveMaxColumns,this.effectiveMaxBytes,budget)[0];if(!fields.every(field=>typeof field=="string")||new Set(fields).size!==fields.length)throw new TypeError("Invalid table fields.");const records=ownTableValue(value,"rows");if(!Array.isArray(records))throw new TypeError("Invalid table rows.");if(records.length>this.effectiveMaxRows||records.length*fields.length>1e6)throw new LyraResourceLimitError;const grid=[];for(let index=0;index<records.length;index++){const row=ownTableValue(records,String(index));grid.push(fields.map(field=>ownTableValue(row,field)))}const rows=snapshotViewerRows(grid,this.effectiveMaxRows,this.effectiveMaxColumns,this.effectiveMaxBytes,budget).map(row=>Object.freeze(Object.fromEntries(fields.map((field,index)=>[field,row[index]==null?"":String(row[index])]))));return Object.freeze({fields,rows:Object.freeze(rows)})}get scrollMode(){return this._scrollMode}set scrollMode(next){const normalized=DATASET_VIEWER_SCROLL_MODE.normalizeReflected(this,"scroll-mode",next),previous=this._scrollMode;previous!==normalized&&(this._scrollMode=normalized,this.requestUpdate("scrollMode",previous))}connectedCallback(){super.connectedCallback(),this.tableController.connected()}disconnectedCallback(){this.tableController.disconnecting(),super.disconnectedCallback(),this.tableController.disconnected()}adoptedCallback(){super.adoptedCallback(),this.provider.adopted(),this.tableController.adopted()}willUpdate(changed){this.provider.update(),super.willUpdate(changed),this.tableController.willUpdate(changed,this.highlights,this.activeHighlightId,!1)}updated(changed){super.updated(changed),this.tableController.updated(changed,this.fetchState)}async load(){if(this.dataSource!==void 0)return;this.tableController.lastLoadSrc=this.src;const generation=this.loadTask.next(),signal=this.beginAbortableLoad();if(this._table!==void 0){try{if(this.inputError)throw this.inputError;this.inputLimits!==this.currentInputLimits&&(this._table=this.snapshotTable(this._table),this.inputLimits=this.currentInputLimits);const table=this._table;this.fetchState=table.rows.length&&table.fields.length?{kind:"loaded",table}:{kind:"empty"}}catch(error){this.fetchState={kind:"error",message:this.localize(isResourceLimitError(error)?"documentPreviewResourceTooLarge":"documentPreviewFailedToLoad")},this.emit("lr-render-error",{error})}return}if(!this.src){this.fetchState={kind:"idle"};return}const fetchTarget=resolveOwnerFetchTarget(this,this.src);if(!fetchTarget){const error=new LyraUserFacingError(this.localize("documentPreviewUrlNotAllowed"));this.fetchState={kind:"error",message:error.message},this.emit("lr-render-error",{error});return}this.fetchState={kind:"loading"};try{const response=await fetchTarget.view.fetch(fetchTarget.url,signal?{signal}:void 0);if(!this.isConnected||!this.loadTask.isCurrent(generation))return;if(!response.ok)throw new Error(`${response.status} ${response.statusText}`);const source=await readResponseText(response,this.effectiveMaxBytes);if(!this.isConnected||!this.loadTask.isCurrent(generation))return;const parsed=await this.parse(source,generation);if(parsed===void 0)return;if(this.isConnected&&this.loadTask.isCurrent(generation)){const{table}=parsed;this.fetchState=table?{kind:"loaded",table}:{kind:"empty"},table&&this.tableController.search.query&&await this.search(this.tableController.search.query),parsed.errors.length&&this.isConnected&&this.loadTask.isCurrent(generation)&&this.emit("lr-viewer-diagnostic",{diagnostic:Object.freeze({code:"delimited-parse-diagnostic",severity:"warning",fatal:!1,source:"papaparse",cause:parsed.errors})})}}catch(error){if(isAbortError(error)||!this.isConnected||!this.loadTask.isCurrent(generation))return;this.fetchState={kind:"error",message:error instanceof LyraUserFacingError?error.message:this.localize(isResourceLimitError(error)?"documentPreviewResourceTooLarge":"documentPreviewFailedToLoad")},this.emit("lr-render-error",{error})}}async parse(text,generation){const papa=await loadPapaParseCached();if(!this.isConnected||!this.loadTask.isCurrent(generation))return;if(!papa)throw new LyraUserFacingError(this.localize("datasetViewerMissingParser"));const result=await parseDelimitedRecordsYielding(papa,text,this.parseLimits,()=>yieldViewerTask(this.ownerDocument.defaultView,()=>this.isConnected&&this.loadTask.isCurrent(generation)));if(!(!this.isConnected||!this.loadTask.isCurrent(generation)))return!result.fields.length||!result.rows.length?{table:null,errors:result.errors}:{table:{fields:result.fields,rows:result.rows},errors:result.errors}}renderCell(value,colIndex,rowHighlights,role="cell"){return this.tableController.renderCell(value,colIndex,rowHighlights,role,role==="columnheader"?"header-cell":"cell","--_lr-dataset-viewer-highlight-color",this.activeHighlightId)}async jumpToCell(rawRow,col){const loadedState=this.fetchState;if(loadedState.kind!=="loaded")return!1;const ownerDocument=this.ownerDocument,isCurrent=()=>this.isConnected&&this.ownerDocument===ownerDocument&&this.fetchState===loadedState,{fields,rows}=loadedState.table;if(rawRow<1||rawRow>rows.length+1||col<0||col>=fields.length||(await this.tableController.showColumn(this.fetchState,col,this.renderRoot.querySelector('[part="body"]')),!isCurrent()))return!1;const bodyIndex=rawRow-2;return bodyIndex<0?this.tableController.revealCell(this.renderRoot.querySelector('[part="header-row"]')?.querySelector(`[aria-colindex="${col+1}"]`)):(this.tableController.setActiveRow(bodyIndex),await this.updateComplete,!isCurrent()||(await this.scrollColumnIntoView(col),!isCurrent())?!1:isCurrent())}async scrollColumnIntoView(col){await this.tableController.scrollColumnIntoView(this.renderRoot,tag("virtual-list"),col)}async applyAnchor(anchor){if(this.dataSource!==void 0)return this.provider.revealAnchor(anchor);if(anchor.kind!=="cell-range"||anchor.sheet)return!1;const parsed=parseCellRange(anchor.range);return parsed?this.jumpToCell(parsed.startRow+1,parsed.startCol):!1}async search(query){return this.dataSource!==void 0?this.provider.search(query):this.tableController.runSearch(query,this.fetchState.kind==="loaded",visit=>{if(this.fetchState.kind!=="loaded")return;const{fields,rows}=this.fetchState.table;for(let c=0;c<fields.length;c++)if(!visit(fields[c],{row:1,col:c}))return;for(let r=0;r<rows.length;r++){const row=rows[r];for(let c=0;c<fields.length;c++)if(!visit(row[fields[c]]??"",{row:r+2,col:c}))return}},this.fetchState)}async searchNext(){return this.dataSource!==void 0?this.provider.step(1):this.tableController.step(1)}async searchPrevious(){return this.dataSource!==void 0?this.provider.step(-1):this.tableController.step(-1)}clearSearch(){if(this.dataSource!==void 0){this.provider.clearSearch();return}this.tableController.clearSearch()}renderBody(){if(this.dataSource!==void 0)return this.provider.render();switch(this.fetchState.kind){case"loaded":{const{fields,rows}=this.fetchState.table,window=this.tableController.columnWindow(this.fetchState,fields.length),localizedCount=getNumberFormat(this.effectiveLocale).format(rows.length),label=this.name?this.localize("datasetViewerCaptionNamed",void 0,{name:this.name,count:localizedCount}):this.localize("datasetViewerCaption",void 0,{count:localizedCount}),headerHighlights=this.tableController.highlightsForRow(1);return html`
           <div
             part="table"
             role="table"
@@ -8,15 +8,16 @@ import{__decorate}from"tslib";import{html,nothing}from"lit";import{property,stat
             aria-rowcount=${rows.length+1}
             aria-colcount=${fields.length}
           >
-            <div part="header-row" role="row" aria-rowindex="1">
-              ${fields.map((field,col)=>this.renderCell(field,col,headerHighlights,"columnheader"))}
+            <div part="header-row" role="row" aria-rowindex="1" style=${window.style}>
+              ${guard([fields,window.columns,headerHighlights,this.activeHighlightId,this.effectiveLocale,this.strings,this.localize("highlightWithLabel"),this.localize("cellHighlightWithLabel")],()=>window.columns.map(col=>this.renderCell(fields[col],col,headerHighlights,"columnheader")))}
             </div>
             <lr-virtual-list
               exportparts="data-row:data-row, cell:cell, cell-highlight:cell-highlight, cell-highlight-action:cell-highlight-action"
-              .items=${guard([rows],()=>rows)}
-              .renderItem=${(row,index)=>this.renderRow(row,index,fields)}
+              .items=${guard([rows],()=>rows.length<=1e4?rows:nothing)}
+              .source=${this.tableController.indexedSource(rows)}
+              .renderItem=${this.tableController.rowRenderer(rows,[fields,window.columns,this.activeHighlightId,this.strings],(row,index)=>this.renderRow(row,index,fields))}
               .keyFunction=${this.virtualListKeyFunction}
-              .activeItemId=${this.table.activeRowKey}
+              .activeItemId=${this.tableController.activeRowKey}
               .scrollElement=${this.scrollMode==="page"?this.ownerDocument.defaultView??void 0:void 0}
               item-role="row"
               row-index-offset="1"
@@ -29,9 +30,9 @@ import{__decorate}from"tslib";import{html,nothing}from"lit";import{property,stat
       part="base"
       role=${role??nothing}
       aria-label=${label??nothing}
-      aria-busy=${this.fetchState.kind==="loading"?"true":"false"}
+      aria-busy=${(this.dataSource!==void 0?this.provider.busy:this.fetchState.kind==="loading")?"true":"false"}
       style=${style}
     >
-      <div part="body">${this.renderBody()}</div>
+      <div part="body" @scroll=${event=>this.dataSource!==void 0?this.provider.scrollColumns(event.currentTarget):this.tableController.scrollColumns(this.fetchState,event.currentTarget)}>${this.renderBody()}</div>
       ${this.renderAnchorLiveRegion()}
-    </div>`}}__decorate([property()],LyraDatasetViewer.prototype,"src",void 0),__decorate([property()],LyraDatasetViewer.prototype,"name",void 0),__decorate([property({attribute:"max-height"})],LyraDatasetViewer.prototype,"maxHeight",void 0),__decorate([property({reflect:!0,attribute:"scroll-mode",converter:DATASET_VIEWER_SCROLL_MODE})],LyraDatasetViewer.prototype,"scrollMode",null),__decorate([state()],LyraDatasetViewer.prototype,"fetchState",void 0);export{LyraDatasetViewer};
+    </div>`}}__decorate([property({attribute:!1,noAccessor:!0,hasChanged:()=>!0})],LyraDatasetViewer.prototype,"dataSource",null),__decorate([property()],LyraDatasetViewer.prototype,"src",void 0),__decorate([property({type:Number,attribute:"max-rows"})],LyraDatasetViewer.prototype,"maxRows",void 0),__decorate([property({type:Number,attribute:"max-columns"})],LyraDatasetViewer.prototype,"maxColumns",void 0),__decorate([property({type:Number,attribute:"max-bytes"})],LyraDatasetViewer.prototype,"maxBytes",void 0),__decorate([property({attribute:!1,noAccessor:!0})],LyraDatasetViewer.prototype,"table",null),__decorate([property()],LyraDatasetViewer.prototype,"name",void 0),__decorate([property({attribute:"max-height"})],LyraDatasetViewer.prototype,"maxHeight",void 0),__decorate([property({reflect:!0,attribute:"scroll-mode",converter:DATASET_VIEWER_SCROLL_MODE})],LyraDatasetViewer.prototype,"scrollMode",null),__decorate([state()],LyraDatasetViewer.prototype,"fetchState",void 0);export{LyraDatasetViewer};

package/dist/components/viewers/geojson-view/geojson-viewer.class.d.ts

@@ -7,7 +7,9 @@ export type GeoJsonTypeTag='Feature'|'FeatureCollection'|'GeometryCollection';ex
 * distinct subclass; it does not register the former `lr-geojson-view` tag.
 * The inherited fragment path performs an exact DOM `id` lookup, but the generated metadata,
 * status, and map output define no fragment ids; such a jump reports `found: false`. Use a
-* text-quote anchor for the serialized metadata.
+* text-quote anchor for the serialized metadata. Responses are limited to 4 MiB before JSON
+* parsing; pretty metadata is limited to 4,194,304 UTF-16 units before serialization. Loaded
+* documents are retained across disconnect/reconnect while src is unchanged.
 *
 * @customElement lr-geojson-viewer
 * @event lr-render-error - Fetch, parse, shape-validation, or missing-map-capability failure.